@charset "UTF-8";.blog-container.svelte-f36r3k{max-width:1200px;margin:0 auto}.blog-header.svelte-f36r3k{margin-bottom:var(--space-xl);position:relative;border-bottom:4px solid var(--foreground);padding-bottom:var(--space-md)}.blog-header.svelte-f36r3k .header-actions:where(.svelte-f36r3k){display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-md)}.blog-header.svelte-f36r3k .header-actions:where(.svelte-f36r3k) .back-link:where(.svelte-f36r3k){display:inline-block}.blog-header.svelte-f36r3k .header-actions:where(.svelte-f36r3k) .view-toggle:where(.svelte-f36r3k){display:flex;gap:var(--space-xs);border:2px solid var(--foreground);border-radius:0}.blog-header.svelte-f36r3k .header-actions:where(.svelte-f36r3k) .view-toggle:where(.svelte-f36r3k) .view-btn:where(.svelte-f36r3k){font-family:var(--font-heading);display:flex;align-items:center;gap:var(--space-xs);font-weight:700;font-size:var(--text-sm);padding:.3rem .8rem;background-color:var(--background);border:none;border-right:2px solid var(--foreground);cursor:pointer;transition:all .2s}.blog-header.svelte-f36r3k .header-actions:where(.svelte-f36r3k) .view-toggle:where(.svelte-f36r3k) .view-btn:where(.svelte-f36r3k):last-child{border-right:none}.blog-header.svelte-f36r3k .header-actions:where(.svelte-f36r3k) .view-toggle:where(.svelte-f36r3k) .view-btn:where(.svelte-f36r3k) svg:where(.svelte-f36r3k){width:16px;height:16px}.blog-header.svelte-f36r3k .header-actions:where(.svelte-f36r3k) .view-toggle:where(.svelte-f36r3k) .view-btn:where(.svelte-f36r3k):hover{background-color:var(--foreground);color:#fff}.blog-header.svelte-f36r3k .header-actions:where(.svelte-f36r3k) .view-toggle:where(.svelte-f36r3k) .view-btn.active:where(.svelte-f36r3k){background-color:var(--foreground);color:#fff;position:relative}.blog-header.svelte-f36r3k .header-actions:where(.svelte-f36r3k) .view-toggle:where(.svelte-f36r3k) .view-btn.active:where(.svelte-f36r3k):after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:8px;height:8px;background-color:var(--foreground);rotate:45deg}.blog-header.svelte-f36r3k h1:where(.svelte-f36r3k){font-size:var(--text-5xl);margin-bottom:var(--space-md);transform:rotate(-1deg);display:inline-block;background-color:var(--foreground);color:#fff;padding:.2rem 1rem;position:relative}.blog-header.svelte-f36r3k h1:where(.svelte-f36r3k):after{content:"";position:absolute;top:6px;left:6px;width:100%;height:100%;background-color:var(--primary);z-index:-1}.blog-header.svelte-f36r3k .description:where(.svelte-f36r3k){font-size:var(--text-lg);max-width:800px;border-left:4px solid var(--primary);padding-left:var(--space-md);background-color:#ffffffe6}.search-and-filters.svelte-f36r3k{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.search-container.svelte-f36r3k{position:relative;max-width:600px;width:100%}.search-container.svelte-f36r3k .search-icon:where(.svelte-f36r3k){position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.search-container.svelte-f36r3k .search-input:where(.svelte-f36r3k){width:100%;padding:.8rem 1rem .8rem 3rem;font-size:var(--text-lg);border:3px solid var(--foreground);background-color:var(--background);font-family:var(--font-body);transition:all .2s}.search-container.svelte-f36r3k .search-input:where(.svelte-f36r3k):focus{outline:none;box-shadow:6px 6px #0003;border-color:var(--primary)}.search-container.svelte-f36r3k .search-input:where(.svelte-f36r3k)::placeholder{color:var(--muted)}.category-filters.svelte-f36r3k{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg)}.category-filters.svelte-f36r3k .filter-btn:where(.svelte-f36r3k){font-family:var(--font-heading);font-weight:700;font-size:var(--text-sm);padding:.3rem .8rem;background-color:var(--background);border:2px solid var(--foreground);cursor:pointer;text-transform:uppercase;transition:all .2s}.category-filters.svelte-f36r3k .filter-btn:where(.svelte-f36r3k):hover{background-color:var(--foreground);color:#fff;transform:translateY(-2px)}.category-filters.svelte-f36r3k .filter-btn.active:where(.svelte-f36r3k){background-color:var(--foreground);color:#fff;border-color:var(--foreground);position:relative;box-shadow:3px 3px 0 var(--primary)}.category-filters.svelte-f36r3k .filter-btn.active:where(.svelte-f36r3k):after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid white;pointer-events:none;transform:translate(2px,2px)}.posts-container.svelte-f36r3k{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}.posts-container.svelte-f36r3k .post-card:where(.svelte-f36r3k){border:3px solid var(--foreground);padding:0;background-color:var(--background);box-shadow:6px 6px #0003;transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column;overflow:hidden;height:100%}.posts-container.svelte-f36r3k .post-card:where(.svelte-f36r3k):hover{transform:translateY(-5px);box-shadow:10px 10px #0003}.posts-container.svelte-f36r3k .post-card:where(.svelte-f36r3k):hover h2:where(.svelte-f36r3k) a:where(.svelte-f36r3k){color:#fff;background-color:var(--primary);border-bottom:3px solid var(--primary)}.posts-container.svelte-f36r3k .post-card:where(.svelte-f36r3k):hover .read-more:where(.svelte-f36r3k){background-color:var(--accent);transform:translate(3px)}.posts-container.svelte-f36r3k .post-card:where(.svelte-f36r3k) .post-image:where(.svelte-f36r3k){width:100%;height:200px;overflow:hidden;position:relative}.posts-container.svelte-f36r3k .post-card:where(.svelte-f36r3k) .post-image:where(.svelte-f36r3k):after{content:"";position:absolute;bottom:0;left:0;width:100%;height:5px;background:repeating-linear-gradient(-45deg,var(--primary),var(--primary) 10px,var(--accent) 10px,var(--accent) 20px)}.posts-container.svelte-f36r3k .post-card:where(.svelte-f36r3k) .post-content:where(.svelte-f36r3k){padding:var(--space-lg);display:flex;flex-direction:column;flex:1}.posts-container.svelte-f36r3k .post-card:where(.svelte-f36r3k) h2:where(.svelte-f36r3k){margin-top:0;margin-bottom:var(--space-md);font-size:var(--text-2xl)}.posts-container.svelte-f36r3k .post-card:where(.svelte-f36r3k) h2:where(.svelte-f36r3k) a:where(.svelte-f36r3k){color:var(--foreground);text-decoration:none;border-bottom:3px solid var(--accent);padding:0 .3rem .2rem;transition:all .2s;display:inline-block;position:relative;background-color:transparent}.posts-container.svelte-f36r3k .post-card:where(.svelte-f36r3k) h2:where(.svelte-f36r3k) a:where(.svelte-f36r3k):hover{color:#fff;background-color:var(--primary);border-bottom:3px solid var(--primary);opacity:1}.posts-container.svelte-f36r3k .post-card:where(.svelte-f36r3k) h2:where(.svelte-f36r3k) a:where(.svelte-f36r3k):after{display:none}.posts-container.svelte-f36r3k .post-card:where(.svelte-f36r3k) .post-meta:where(.svelte-f36r3k){display:flex;flex-direction:column;gap:var(--space-sm);font-size:var(--text-sm);color:var(--muted);border-top:2px solid var(--foreground);padding-top:var(--space-md);margin-top:auto}.posts-container.svelte-f36r3k .post-card:where(.svelte-f36r3k) .post-meta:where(.svelte-f36r3k) .post-info:where(.svelte-f36r3k){display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.posts-container.svelte-f36r3k .post-card:where(.svelte-f36r3k) .post-meta:where(.svelte-f36r3k) .post-info:where(.svelte-f36r3k) time:where(.svelte-f36r3k){font-family:var(--font-mono);font-size:var(--text-xs);color:var(--foreground);opacity:.8}.posts-container.svelte-f36r3k .post-card:where(.svelte-f36r3k) .post-meta:where(.svelte-f36r3k) .post-info:where(.svelte-f36r3k) .reading-time:where(.svelte-f36r3k){display:flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--foreground);opacity:.8}.posts-container.svelte-f36r3k .post-card:where(.svelte-f36r3k) .post-meta:where(.svelte-f36r3k) .post-info:where(.svelte-f36r3k) .reading-time:where(.svelte-f36r3k) svg:where(.svelte-f36r3k){width:12px;height:12px}.posts-container.svelte-f36r3k .post-card:where(.svelte-f36r3k) .post-categories:where(.svelte-f36r3k){display:flex;flex-wrap:wrap;gap:var(--space-xs)}.posts-container.svelte-f36r3k .post-card:where(.svelte-f36r3k) .post-categories:where(.svelte-f36r3k) .category:where(.svelte-f36r3k){font-size:var(--text-xs);background-color:var(--foreground);color:#fff;padding:4px 8px;text-transform:uppercase;letter-spacing:.05em;display:inline-block;font-weight:700}.posts-container.svelte-f36r3k .post-card:where(.svelte-f36r3k) .post-excerpt:where(.svelte-f36r3k){color:var(--foreground);margin-bottom:var(--space-md);line-height:1.6;opacity:.85;flex-grow:1}.posts-container.svelte-f36r3k .post-card:where(.svelte-f36r3k) .read-more:where(.svelte-f36r3k){font-family:var(--font-heading);font-weight:700;font-size:var(--text-sm);color:#fff;background-color:var(--primary);text-transform:uppercase;letter-spacing:.05em;display:inline-block;position:relative;transition:all .2s;padding:.4rem .8rem;border:2px solid var(--foreground);margin-top:var(--space-sm);text-decoration:none;min-width:max-content}.posts-container.svelte-f36r3k .post-card:where(.svelte-f36r3k) .read-more:where(.svelte-f36r3k):hover{background-color:var(--accent);transform:translate(3px)}.posts-container.svelte-f36r3k .post-card:where(.svelte-f36r3k) .read-more:where(.svelte-f36r3k):after{content:" →";display:inline;transition:transform .2s}.posts-list-container.svelte-f36r3k{display:flex;flex-direction:column;gap:var(--space-xl)}.posts-list-container.svelte-f36r3k .date-group:where(.svelte-f36r3k){margin-bottom:var(--space-xl)}.posts-list-container.svelte-f36r3k .date-group:where(.svelte-f36r3k) .date-heading:where(.svelte-f36r3k){font-size:var(--text-2xl);margin-bottom:var(--space-md);position:relative;display:inline-block;padding:.4rem 1rem;background-color:var(--foreground);color:#fff;transform:rotate(-1deg)}.posts-list-container.svelte-f36r3k .date-group:where(.svelte-f36r3k) .date-heading:where(.svelte-f36r3k):after{content:"";position:absolute;top:4px;left:4px;width:100%;height:100%;background-color:var(--accent);z-index:-1}.posts-list-container.svelte-f36r3k .date-group:where(.svelte-f36r3k) .date-posts:where(.svelte-f36r3k){display:flex;flex-direction:column;gap:var(--space-md)}.posts-list-container.svelte-f36r3k .post-list-item:where(.svelte-f36r3k){display:flex;border:3px solid var(--foreground);padding:var(--space-md);background-color:var(--background);box-shadow:6px 6px #0003;transition:transform .3s,box-shadow .3s}.posts-list-container.svelte-f36r3k .post-list-item:where(.svelte-f36r3k):hover{transform:translateY(-3px);box-shadow:8px 8px #0003}.posts-list-container.svelte-f36r3k .post-list-item:where(.svelte-f36r3k):hover h3:where(.svelte-f36r3k) a:where(.svelte-f36r3k){color:#fff;background-color:var(--primary);border-bottom:3px solid var(--primary)}.posts-list-container.svelte-f36r3k .post-list-item:where(.svelte-f36r3k):hover .read-more:where(.svelte-f36r3k){background-color:var(--accent);transform:translate(3px)}.posts-list-container.svelte-f36r3k .post-list-item:where(.svelte-f36r3k) .post-date:where(.svelte-f36r3k){min-width:70px;padding-right:var(--space-md);border-right:2px solid var(--foreground);display:flex;flex-direction:column;justify-content:center}.posts-list-container.svelte-f36r3k .post-list-item:where(.svelte-f36r3k) .post-date:where(.svelte-f36r3k) time:where(.svelte-f36r3k){font-family:var(--font-mono);font-size:var(--text-xl);color:var(--foreground);font-weight:700;display:block;text-align:center}.posts-list-container.svelte-f36r3k .post-list-item:where(.svelte-f36r3k) .post-list-content:where(.svelte-f36r3k){flex:1;padding-left:var(--space-md)}.posts-list-container.svelte-f36r3k .post-list-item:where(.svelte-f36r3k) .post-list-content:where(.svelte-f36r3k) h3:where(.svelte-f36r3k){margin-top:0;margin-bottom:var(--space-sm);font-size:var(--text-xl)}.posts-list-container.svelte-f36r3k .post-list-item:where(.svelte-f36r3k) .post-list-content:where(.svelte-f36r3k) h3:where(.svelte-f36r3k) a:where(.svelte-f36r3k){color:var(--foreground);text-decoration:none;border-bottom:3px solid var(--accent);padding:0 .3rem .2rem;transition:all .2s;display:inline-block;position:relative;background-color:transparent}.posts-list-container.svelte-f36r3k .post-list-item:where(.svelte-f36r3k) .post-list-content:where(.svelte-f36r3k) h3:where(.svelte-f36r3k) a:where(.svelte-f36r3k):hover{color:#fff;background-color:var(--primary);border-bottom:3px solid var(--primary);opacity:1}.posts-list-container.svelte-f36r3k .post-list-item:where(.svelte-f36r3k) .post-list-content:where(.svelte-f36r3k) h3:where(.svelte-f36r3k) a:where(.svelte-f36r3k):after{display:none}.posts-list-container.svelte-f36r3k .post-list-item:where(.svelte-f36r3k) .post-list-content:where(.svelte-f36r3k) .post-meta:where(.svelte-f36r3k){display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm);flex-wrap:wrap;gap:var(--space-xs)}.posts-list-container.svelte-f36r3k .post-list-item:where(.svelte-f36r3k) .post-list-content:where(.svelte-f36r3k) .post-meta:where(.svelte-f36r3k) .post-categories:where(.svelte-f36r3k){display:flex;flex-wrap:wrap;gap:var(--space-xs)}.posts-list-container.svelte-f36r3k .post-list-item:where(.svelte-f36r3k) .post-list-content:where(.svelte-f36r3k) .post-meta:where(.svelte-f36r3k) .post-categories:where(.svelte-f36r3k) .category:where(.svelte-f36r3k){font-size:var(--text-xs);background-color:var(--foreground);color:#fff;padding:4px 8px;text-transform:uppercase;letter-spacing:.05em;display:inline-block;font-weight:700}.posts-list-container.svelte-f36r3k .post-list-item:where(.svelte-f36r3k) .post-list-content:where(.svelte-f36r3k) .post-meta:where(.svelte-f36r3k) .reading-time:where(.svelte-f36r3k){display:flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--foreground);opacity:.8}.posts-list-container.svelte-f36r3k .post-list-item:where(.svelte-f36r3k) .post-list-content:where(.svelte-f36r3k) .post-meta:where(.svelte-f36r3k) .reading-time:where(.svelte-f36r3k) svg:where(.svelte-f36r3k){width:12px;height:12px}.posts-list-container.svelte-f36r3k .post-list-item:where(.svelte-f36r3k) .post-list-content:where(.svelte-f36r3k) .post-excerpt:where(.svelte-f36r3k){color:var(--foreground);margin-bottom:var(--space-md);line-height:1.5;opacity:.85}.posts-list-container.svelte-f36r3k .post-list-item:where(.svelte-f36r3k) .post-list-content:where(.svelte-f36r3k) .read-more:where(.svelte-f36r3k){font-family:var(--font-heading);font-weight:700;font-size:var(--text-sm);color:#fff;background-color:var(--primary);text-transform:uppercase;letter-spacing:.05em;display:inline-block;position:relative;transition:all .2s;padding:.4rem .8rem;border:2px solid var(--foreground);text-decoration:none;min-width:max-content}.posts-list-container.svelte-f36r3k .post-list-item:where(.svelte-f36r3k) .post-list-content:where(.svelte-f36r3k) .read-more:where(.svelte-f36r3k):hover{background-color:var(--accent);transform:translate(3px)}.posts-list-container.svelte-f36r3k .post-list-item:where(.svelte-f36r3k) .post-list-content:where(.svelte-f36r3k) .read-more:where(.svelte-f36r3k):after{content:" →";display:inline;transition:transform .2s}@media (max-width: 768px){.blog-header.svelte-f36r3k h1:where(.svelte-f36r3k){font-size:var(--text-4xl)}.blog-header.svelte-f36r3k .header-actions:where(.svelte-f36r3k){flex-direction:column;align-items:flex-start;gap:var(--space-md)}.post-list-item.svelte-f36r3k{flex-direction:column}.post-list-item.svelte-f36r3k .post-date:where(.svelte-f36r3k){border-right:none;border-bottom:2px solid var(--foreground);padding-right:0;padding-bottom:var(--space-sm);margin-bottom:var(--space-sm)}.post-list-item.svelte-f36r3k .post-date:where(.svelte-f36r3k) time:where(.svelte-f36r3k){text-align:left}.post-list-item.svelte-f36r3k .post-list-content:where(.svelte-f36r3k){padding-left:0;padding-top:var(--space-sm)}}@media (min-width: 768px){.posts-container.svelte-f36r3k{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1200px){.posts-container.svelte-f36r3k{grid-template-columns:repeat(3,1fr)}}