.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}:root{--bg: #000000;--bg-card: #010034;--bg-code: #080810;--bg-quote: rgba(255, 0, 255, .05);--fg: #f5f5f7;--muted: #b8b8d0;--accent: #ff00ff;--accent-soft: rgba(255, 0, 255, .15);--border-neon: #ff00ff;--border-subtle: rgba(255, 0, 255, .3);--transition-fast: .2s ease;--transition-medium: .3s ease;--shadow-logo-hover: drop-shadow(0 0 15px rgba(255, 0, 255, .6));--shadow-logo-mark: drop-shadow(0 0 10px rgba(255, 0, 255, .4));--shadow-card-hover: 0 0 20px rgba(255, 0, 255, .4), 0 0 40px rgba(255, 0, 255, .1);--glow: 0 0 30px rgba(255, 0, 255, .2);--radius-lg: 1rem;--radius-pill: 999px;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-size-body: clamp(1rem, .55vw + .9rem, 1.1rem);--font-size-body-compact: clamp(.95rem, .5vw + .85rem, 1rem);--font-size-title-card: clamp(1.1rem, 1vw + 1rem, 1.35rem);--font-size-hero-title: clamp(1.8rem, 2.5vw + 1.2rem, 2.5rem);--font-size-post-h1: clamp(1.7rem, 2.6vw + 1.1rem, 2.2rem);--font-size-post-h2: clamp(1.4rem, 2vw + 1rem, 1.8rem);--feature-grid-min: 320px;--cover-aspect: 16 / 9;--cover-min-height: 220px;--page-section-gap: 3rem;--visual-surface: linear-gradient(135deg, #010034 0%, #00002d 100%);--token-comment: #6272a4;--token-punctuation: #f8f8f2;--token-property: #ff79c6;--token-selector: #8be9fd;--token-operator: #ff79c6;--token-keyword: #ff79c6;--token-function: #50fa7b;--token-variable: #f8f8f2;--token-string: #f1fa8c;--token-number: #bd93f9}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}html{background-color:var(--bg)}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;background-color:var(--bg);background-image:none;color:var(--fg);min-height:100vh;font-size:16px;line-height:1.6;position:relative;overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation}p,h1,h2,h3,h4,h5,h6,.post-content,.code-wrapper,pre,code{-webkit-user-select:text;user-select:text;cursor:text}img{-webkit-touch-callout:none;pointer-events:none}body:after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1),rgba(0,0,0,.1) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:9999;opacity:.1}:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}a{color:inherit;text-decoration:none;transition:color var(--transition-fast);cursor:pointer}a:hover{color:var(--accent)}.container{max-width:900px;margin:0 auto;padding:0 1.5rem}.site-main{padding:var(--page-section-gap) 0 4rem}.site-header{padding:1.5rem 0 1rem;background:transparent}.header-inner{display:flex;align-items:center;justify-content:center;padding:1rem 0;gap:1.5rem}.header-actions{display:flex;align-items:center;gap:1.25rem;margin-left:auto}.logo{display:inline-flex;align-items:center;gap:1rem;font-weight:700;letter-spacing:.04em;transition:filter var(--transition-medium)}.logo-mark{display:block;border-radius:12px;width:64px;height:64px;transition:filter var(--transition-medium)}.logo-text{font-size:2rem;line-height:1}.logo-text:after{content:"";display:inline-block;width:10px;height:1em;background-color:var(--accent);margin-left:.2ch;vertical-align:-.1em;animation:blink 1s step-end infinite;text-shadow:none;transition:color var(--transition-fast)}.logo:hover .logo-text:after{color:var(--accent);text-shadow:0 0 5px var(--accent)}.logo:hover{filter:var(--shadow-logo-hover)}.lang-nav{display:flex;align-items:center;gap:.5rem;font-family:var(--mono);font-size:.9rem}.lang-nav .nav-link{padding:.2rem .5rem;border-radius:4px;opacity:.6;transition:all .2s ease}.lang-nav .nav-link:hover{opacity:1;background:#ffffff1a}.lang-nav .nav-link.active{opacity:1;color:var(--accent);font-weight:700;background:#ff00ff26}.divider{color:var(--muted);opacity:.5}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media(max-width:600px){.header-inner{flex-wrap:wrap;gap:1rem}.header-actions{margin-left:0;width:100%;justify-content:center}.logo-text{font-size:1.5rem}.logo-mark{width:48px;height:48px}}.site-footer{padding:3rem 0;margin-top:auto;border-top:1px solid rgba(255,255,255,.05)}.footer-inner{display:flex;justify-content:center;align-items:center}.footer-text{font-family:var(--mono);font-size:.85rem;color:var(--muted);opacity:.6;margin:0}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(280px,100%,350px),1fr));gap:1.5rem}.post-card{position:relative;overflow:hidden;display:flex;flex-direction:column;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-neon);transition:transform .2s cubic-bezier(.25,.46,.45,.94),box-shadow .2s ease,border-color .2s ease;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none}@media(hover:hover){.post-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-card-hover);border-color:var(--accent)}.post-card:hover .post-card-cover img{transform:scale(1.05)}.post-card:hover .post-title{text-shadow:1px 0 0 var(--accent),-1px 0 0 cyan}}.post-card:active{transform:scale(.98);border-color:var(--accent);box-shadow:0 0 10px #f0f3}.post-card-link{position:absolute;inset:0;z-index:10}.post-card-cover{width:100%;aspect-ratio:var(--cover-aspect);background:var(--visual-surface);border-bottom:1px solid var(--border-subtle);overflow:hidden;position:relative}.post-card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;pointer-events:none}.post-card-cover-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.5rem;height:100%;width:100%;color:#fff;background:linear-gradient(135deg,#0b0b1a,#3a003a);background-size:400% 400%}.cover-title-text{font-family:var(--mono);font-weight:700;font-size:1.2rem;color:var(--accent);text-shadow:0 0 10px rgba(0,0,0,.5);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card-content{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;flex-grow:1;justify-content:flex-start}.post-title{margin:0 0 .75rem;font-size:var(--font-size-title-card);line-height:1.3;transition:text-shadow .2s ease}.post-snippet{margin:0;font-size:.95rem;color:var(--muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-meta{margin-top:0;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;position:relative;z-index:20}.card-tags{display:flex;flex-wrap:wrap;gap:.5rem}.pill-date{font-family:var(--mono);font-size:.75rem;color:var(--muted);border:1px solid var(--border-subtle);padding:.2rem .6rem;border-radius:4px}.reading-time-badge{position:absolute;bottom:.8rem;right:.8rem;background:#000c;color:var(--accent);font-family:var(--mono);font-size:.8rem;font-weight:700;padding:.3rem .7rem;border-radius:var(--radius-pill);backdrop-filter:blur(4px);border:1px solid var(--border-subtle);display:flex;align-items:center;gap:.4rem;z-index:15;pointer-events:none}.chip{--chip-color: var(--accent);border:1px solid var(--chip-color);border-radius:var(--radius-pill);padding:.25rem .75rem;background:#0003;color:var(--fg);font-size:.8rem;font-family:var(--mono);transition:all .2s ease}.chip:hover{background:var(--chip-color);color:#000;box-shadow:0 0 10px var(--chip-color)}.post{width:100%;max-width:800px;margin:0 auto}.post-hero{margin-bottom:2.5rem;background:var(--bg-card);border:1px solid var(--border-neon);border-radius:var(--radius-lg);padding:2rem;box-shadow:0 0 20px #ff00ff1a}.post-hero-media{border-radius:calc(var(--radius-lg) - 8px);overflow:hidden;border:1px solid var(--border-subtle);margin-bottom:1.5rem;background:var(--visual-surface);aspect-ratio:16 / 8;position:relative}.post-hero-media img{width:100%;height:100%;object-fit:cover}.post-hero-fallback{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);background:linear-gradient(135deg,#0b0b1a,#3a003a)}.post-title-hero{font-size:var(--font-size-hero-title);margin:0 0 1rem;line-height:1.2}.post-hero-meta{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.post-body{background:var(--bg-card);border:1px solid var(--border-neon);border-radius:var(--radius-lg);padding:clamp(1.5rem,4vw,3rem)}.post-content{font-size:var(--font-size-body);line-height:1.8;color:#e0e0e0}.post-content h1,.post-content h2,.post-content h3{color:#fff;margin-top:2.5rem;margin-bottom:1rem;font-weight:700;line-height:1.3}.post-content h1{font-size:var(--font-size-post-h1)}.post-content h2{font-size:var(--font-size-post-h2);border-bottom:1px solid var(--border-subtle);padding-bottom:.5rem}.post-content h3{font-size:1.5rem;color:var(--accent)}.post-content p{margin-bottom:1.5rem}.post-content a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.post-content a:hover{border-bottom-color:var(--accent)}.post-content ul,.post-content ol{margin:1.5rem 0;padding-left:1.5rem;color:var(--fg)}.post-content li{margin-bottom:.5rem}.post-content li::marker{color:var(--accent)}.post-content blockquote{position:relative;margin:2rem 0;padding:1.25rem 1.5rem;border-left:4px solid var(--accent);background:var(--bg-quote);border-radius:6px;color:var(--fg);box-shadow:0 4px 6px #0003}.post-content blockquote p{margin:0;font-size:1rem}.post-content img{display:block;max-width:100%;height:auto;margin:2rem auto .5rem;border-radius:8px;border:1px solid var(--border-subtle)}.post-content figcaption,.post-content img+em{display:block;text-align:center;font-size:.85rem;color:var(--muted);font-family:var(--mono);margin-top:.5rem;margin-bottom:2rem;font-style:normal;opacity:.8}.post-content code{font-family:var(--mono);font-size:.9em;background:#ffffff1a;padding:.2em .4em;border-radius:4px;color:#fff}.code-wrapper{position:relative;margin:2.5rem 0;border:1px solid var(--border-subtle);border-radius:8px;background:var(--bg-code);box-shadow:0 10px 30px #00000080;overflow:hidden}.code-wrapper:hover{border-color:var(--accent)}.code-header{display:flex;justify-content:space-between;align-items:center;background:#11111f;padding:.5rem 1rem;border-bottom:1px solid var(--border-subtle);font-family:var(--mono);font-size:.8rem;color:var(--muted)}.code-lang{text-transform:uppercase;font-weight:700;color:var(--accent)}.post-content pre{margin:0;padding:1.5rem;background:transparent!important;border:none;overflow-x:auto;font-family:var(--mono);font-size:.9rem;line-height:1.5}.post-content pre code{background:transparent;padding:0;color:inherit;display:block}.copy-btn{background:transparent;border:1px solid var(--border-subtle);border-radius:4px;color:var(--muted);font-family:var(--mono);font-size:.75rem;padding:.2rem .5rem;cursor:pointer;display:flex;align-items:center;gap:.3rem;transition:all .2s ease}.copy-btn:hover{border-color:var(--accent);color:var(--accent);background:#ff00ff1a}.copy-btn.copied{border-color:var(--accent);color:#fff;background:var(--accent)}.token.comment,.token.prolog{color:var(--token-comment)}.token.punctuation{color:var(--token-punctuation)}.token.property,.token.tag,.token.constant{color:var(--token-property)}.token.boolean,.token.number{color:var(--token-number)}.token.selector,.token.attr-name,.token.string{color:var(--token-string)}.token.operator,.token.entity,.token.variable{color:var(--token-operator)}.token.function,.token.class-name{color:var(--token-function)}.token.keyword{color:var(--token-keyword)}.token.regex{color:var(--token-selector)}.post-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-subtle)}.nav-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1rem;transition:all .2s ease}.nav-card:hover{border-color:var(--accent);background:#ff00ff0d}.nav-label{font-size:.8rem;color:var(--muted);margin-bottom:.3rem;font-family:var(--mono)}.nav-title{font-weight:600;color:var(--fg);margin:0}@media(max-width:600px){.post-body,.post-hero{padding:1.5rem}}.section-header{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.page-title{font-size:2.5rem;margin:0}.filters-form{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem;align-items:end;width:100%}.search-field{width:100%;display:flex;flex-direction:column;gap:.35rem;position:relative}.clear-search-btn{position:absolute;right:.8rem;top:2.1rem;background:none;border:none;color:var(--muted);font-size:1rem;cursor:pointer;padding:.2rem;line-height:1;display:none}.clear-search-btn:hover{color:var(--accent)}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none;-webkit-appearance:none}.filters{display:contents}.filter-field{display:flex;flex-direction:column;gap:.35rem;width:100%}.filter-label{font-size:.85rem;color:var(--muted);font-family:var(--mono)}.search-control,.select-control{width:100%;border-radius:var(--radius-pill);border:1px solid var(--border-subtle);padding:.6rem 1.2rem;background-color:var(--bg-card);color:var(--fg);font-size:.95rem;transition:all .2s ease;appearance:none;-webkit-appearance:none}.select-control{padding-right:2.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ff00ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem center;background-size:1rem;cursor:pointer}.search-control:focus,.select-control:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #ff00ff40}.empty-state{text-align:center;padding:4rem 1rem;color:var(--muted);font-family:var(--mono);border:1px dashed var(--border-subtle);border-radius:var(--radius-lg);margin-top:2rem}.empty-icon{font-size:1rem;white-space:pre;line-height:1.2;margin-bottom:1.5rem;color:var(--accent);opacity:.8}.not-found{text-align:center;padding:4rem 0}.not-found h1{font-size:5rem;color:var(--accent);margin-bottom:1rem;text-shadow:0 0 20px var(--accent-soft)}.btn-primary{display:inline-block;background:var(--accent);color:#000;font-weight:700;padding:.75rem 1.5rem;border-radius:var(--radius-pill);margin-top:1.5rem;transition:transform .2s ease,box-shadow .2s ease;border:none;cursor:pointer;font-family:inherit;font-size:1rem}.btn-primary:hover{text-decoration:none;transform:scale(1.05);box-shadow:0 0 20px var(--accent);color:#000!important}@media(max-width:768px){.filters-form{grid-template-columns:1fr}}