:root,[data-theme="dark"]{--bg: #07090d;--bg-elev-1: #0c1118;--bg-elev-2: #121826;--bg-elev-3: #1a2233;--bg-glass: rgba(12, 17, 24, 0.72);--fg: #e6edf3;--fg-muted: #9aa6b2;--fg-subtle: #6b7785;--fg-inverse: #07090d;--border: rgba(255, 255, 255, 0.08);--border-strong:rgba(255, 255, 255, 0.16);--accent: #7cf9d6;--accent-2: #8ab4ff;--accent-3: #c792ea;--accent-warm: #ffb86b;--accent-hot: #ff5d8f;--link: #8ab4ff;--link-hover: #7cf9d6;--code-bg: #0a0f17;--code-fg: #e6edf3;--selection: rgba(124, 249, 214, 0.25);--glow: 0 0 0 1px rgba(124, 249, 214, 0.18), 0 8px 30px -8px rgba(124, 249, 214, 0.25);--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);--shadow: 0 4px 24px -6px rgba(0, 0, 0, 0.55);--shadow-lg: 0 24px 60px -20px rgba(0, 0, 0, 0.7);--gradient-hero: radial-gradient(1200px 600px at 10% -10%, rgba(138, 180, 255, 0.18), transparent 60%), radial-gradient(800px 500px at 90% 10%, rgba(199, 146, 234, 0.18), transparent 60%), radial-gradient(900px 600px at 50% 110%, rgba(124, 249, 214, 0.14), transparent 60%);--gradient-text: linear-gradient(120deg, #7cf9d6 0%, #8ab4ff 50%, #c792ea 100%);--grid-color: rgba(255, 255, 255, 0.04)}[data-theme="light"]{--bg: #fafbfd;--bg-elev-1: #ffffff;--bg-elev-2: #f3f5f9;--bg-elev-3: #e7ecf3;--bg-glass: rgba(255, 255, 255, 0.75);--fg: #0b1220;--fg-muted: #495466;--fg-subtle: #6b7785;--fg-inverse: #ffffff;--border: rgba(11, 18, 32, 0.08);--border-strong:rgba(11, 18, 32, 0.16);--accent: #0fae8a;--accent-2: #3b6df0;--accent-3: #8b3dd1;--accent-warm: #d96f1c;--accent-hot: #d23070;--link: #3b6df0;--link-hover: #0fae8a;--code-bg: #0b1220;--code-fg: #e6edf3;--selection: rgba(15, 174, 138, 0.18);--glow: 0 0 0 1px rgba(15, 174, 138, 0.18), 0 8px 30px -8px rgba(15, 174, 138, 0.25);--shadow-sm: 0 1px 2px rgba(11, 18, 32, 0.06);--shadow: 0 6px 24px -8px rgba(11, 18, 32, 0.12);--shadow-lg: 0 24px 60px -20px rgba(11, 18, 32, 0.2);--gradient-hero: radial-gradient(1200px 600px at 10% -10%, rgba(59, 109, 240, 0.10), transparent 60%), radial-gradient(800px 500px at 90% 10%, rgba(139, 61, 209, 0.10), transparent 60%), radial-gradient(900px 600px at 50% 110%, rgba(15, 174, 138, 0.10), transparent 60%);--gradient-text: linear-gradient(120deg, #0fae8a 0%, #3b6df0 50%, #8b3dd1 100%);--grid-color: rgba(11, 18, 32, 0.045)}:root{--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--radius-xl: 22px;--container: 72rem;--container-md: 56rem;--container-sm: 44rem;--space-1: 0.25rem;--space-2: 0.5rem;--space-3: 0.75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 6rem;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--font-display: "Space Grotesk", "Inter", system-ui, sans-serif;--ease-out: cubic-bezier(0.16, 1, 0.3, 1);--ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);--transition: 200ms var(--ease-out)}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:0.001ms !important;animation-iteration-count:1 !important;transition-duration:0.001ms !important}}body{margin:0;min-height:100vh;background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:17px;line-height:1.65;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01", "cv11", "cv02";transition:background-color var(--transition),color var(--transition)}h1,h2,h3,h4,h5,h6,p,ul,ol,figure,blockquote{margin:0}ul,ol{padding:0;list-style:none}img,svg,video{max-width:100%;height:auto;display:block}a{color:var(--link);text-decoration:none;transition:color var(--transition)}a:hover,a:focus-visible{color:var(--link-hover)}button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}input,textarea,select{font:inherit;color:inherit}::selection{background:var(--selection);color:var(--fg)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}hr{border:0;border-top:1px solid var(--border);margin:var(--space-6) 0}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;letter-spacing:-0.02em;line-height:1.15;color:var(--fg)}h1{font-size:clamp(2.2rem, 4.6vw, 3.4rem)}h2{font-size:clamp(1.6rem, 2.8vw, 2rem);margin-top:var(--space-7)}h3{font-size:clamp(1.25rem, 2vw, 1.4rem);margin-top:var(--space-6)}h4{font-size:1.1rem;margin-top:var(--space-5)}p{margin:var(--space-4) 0}code,kbd,samp,pre{font-family:var(--font-mono);font-size:0.92em;font-feature-settings:"ss02", "calt", "liga"}:not(pre)>code{background:var(--bg-elev-2);border:1px solid var(--border);padding:0.12em 0.4em;border-radius:5px;color:var(--accent);white-space:nowrap}kbd{background:var(--bg-elev-3);border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:6px;padding:0.1em 0.45em;font-size:0.85em}blockquote{margin:var(--space-5) 0;padding:var(--space-4) var(--space-5);border-left:3px solid var(--accent);background:linear-gradient(90deg, rgba(124,249,214,0.06), transparent 60%);color:var(--fg-muted);border-radius:0 var(--radius) var(--radius) 0;font-style:italic}blockquote p:first-child{margin-top:0}blockquote p:last-child{margin-bottom:0}mark{background:linear-gradient(180deg, transparent 55%, var(--selection) 55%);color:inherit;padding:0 0.1em}.gradient-text{background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent}.eyebrow{display:inline-block;font-family:var(--font-mono);font-size:0.78rem;text-transform:uppercase;letter-spacing:0.16em;color:var(--accent);padding:0.3rem 0.6rem;border:1px solid var(--border-strong);border-radius:999px;background:var(--bg-elev-1)}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 var(--space-5)}.container--md{max-width:var(--container-md)}.container--sm{max-width:var(--container-sm)}.site{position:relative;display:flex;flex-direction:column;min-height:100vh;overflow-x:clip}.site::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(var(--grid-color) 1px, transparent 1px),linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse 80% 60% at 50% 0%, #000 30%, transparent 75%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%, #000 30%, transparent 75%)}main.content{position:relative;z-index:1;flex:1;padding:var(--space-7) 0 var(--space-9)}.site-header{position:sticky;top:0;z-index:50;backdrop-filter:saturate(140%) blur(14px);-webkit-backdrop-filter:saturate(140%) blur(14px);background:var(--bg-glass);border-bottom:1px solid var(--border)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);height:64px}.brand{display:inline-flex;align-items:center;gap:0.6rem;font-family:var(--font-display);font-weight:600;font-size:1.05rem;color:var(--fg);letter-spacing:-0.01em}.brand__mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--gradient-text);color:var(--bg);font-family:var(--font-mono);font-weight:700;box-shadow:var(--glow);font-size:0.95rem;transform:rotate(-3deg)}.brand__dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent);animation:pulse 2.4s var(--ease-in-out) infinite}@keyframes pulse{0%, 100%{opacity:1;transform:scale(1)}50%{opacity:0.55;transform:scale(0.85)}}.nav{display:flex;align-items:center;gap:var(--space-2)}.nav__list{display:none;gap:var(--space-2)}@media (min-width: 720px){.nav__list{display:flex}}.nav__link{position:relative;display:inline-flex;align-items:center;padding:0.45rem 0.8rem;border-radius:8px;color:var(--fg-muted);font-size:0.95rem;font-weight:500;transition:color var(--transition),background-color var(--transition)}.nav__link:hover,.nav__link[aria-current="page"]{color:var(--fg);background:var(--bg-elev-2)}.site-footer{position:relative;z-index:1;border-top:1px solid var(--border);background:linear-gradient(180deg, transparent, var(--bg-elev-1));padding:var(--space-7) 0 var(--space-6);margin-top:var(--space-8);color:var(--fg-muted);font-size:0.92rem}.site-footer__inner{display:grid;gap:var(--space-5);grid-template-columns:1fr}@media (min-width: 720px){.site-footer__inner{grid-template-columns:1.4fr 1fr 1fr;align-items:start}}.site-footer__brand{color:var(--fg)}.site-footer__tag{margin-top:var(--space-2);max-width:28rem}.footer-heading{font-family:var(--font-mono);font-size:0.78rem;text-transform:uppercase;letter-spacing:0.16em;color:var(--fg-subtle);margin-bottom:var(--space-3)}.footer-list{display:grid;gap:var(--space-2)}.footer-bottom{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;font-size:0.85rem;color:var(--fg-subtle)}.btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.65rem 1.05rem;border-radius:10px;font-weight:600;font-size:0.95rem;border:1px solid var(--border-strong);background:var(--bg-elev-2);color:var(--fg);transition:transform var(--transition),background-color var(--transition),border-color var(--transition),box-shadow var(--transition)}.btn:hover{transform:translateY(-1px);border-color:var(--accent);color:var(--fg)}.btn:active{transform:translateY(0)}.btn--primary{background:var(--gradient-text);color:var(--bg);border-color:transparent;box-shadow:var(--glow)}.btn--primary:hover{color:var(--bg);filter:brightness(1.05)}.btn--ghost{background:transparent}.theme-toggle{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:10px;border:1px solid var(--border);background:var(--bg-elev-1);color:var(--fg-muted);transition:color var(--transition),background-color var(--transition),border-color var(--transition),transform var(--transition)}.theme-toggle:hover{color:var(--accent);border-color:var(--accent);transform:rotate(15deg)}.theme-toggle svg{width:18px;height:18px}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon{display:block}[data-theme="light"] .theme-toggle .icon-sun{display:block}[data-theme="light"] .theme-toggle .icon-moon{display:none}.hero{position:relative;padding:var(--space-9) 0 var(--space-7);isolation:isolate}.hero::before{content:"";position:absolute;inset:-10% -10% auto -10%;height:140%;background:var(--gradient-hero);z-index:-1;pointer-events:none;filter:blur(2px)}.hero__eyebrow{display:inline-flex;align-items:center;gap:0.5rem;font-family:var(--font-mono);font-size:0.82rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--accent);padding:0.35rem 0.7rem;background:var(--bg-elev-1);border:1px solid var(--border-strong);border-radius:999px}.hero__title{margin-top:var(--space-4);max-width:22ch;font-size:clamp(2.4rem, 6vw, 4.4rem);letter-spacing:-0.035em;line-height:1.05}.hero__lead{margin-top:var(--space-4);max-width:56ch;font-size:clamp(1.05rem, 1.4vw, 1.2rem);color:var(--fg-muted)}.hero__cta{margin-top:var(--space-6);display:flex;flex-wrap:wrap;gap:var(--space-3)}.hero__meta{margin-top:var(--space-7);display:grid;grid-template-columns:repeat(auto-fit, minmax(160px, 1fr));gap:var(--space-4)}.stat{padding:var(--space-4);border:1px solid var(--border);background:var(--bg-elev-1);border-radius:var(--radius-lg)}.stat__value{font-family:var(--font-display);font-size:1.6rem;font-weight:700;letter-spacing:-0.02em}.stat__label{font-family:var(--font-mono);font-size:0.78rem;text-transform:uppercase;letter-spacing:0.12em;color:var(--fg-subtle)}.term{margin-top:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:var(--code-bg);box-shadow:var(--shadow-lg);overflow:hidden;font-family:var(--font-mono);font-size:0.9rem;color:var(--code-fg);max-width:720px}.term__bar{display:flex;align-items:center;gap:6px;padding:0.55rem 0.8rem;background:var(--bg-elev-2);border-bottom:1px solid var(--border)}.term__bar span{width:11px;height:11px;border-radius:50%;background:var(--bg-elev-3)}.term__bar span:nth-child(1){background:#ff5f56}.term__bar span:nth-child(2){background:#ffbd2e}.term__bar span:nth-child(3){background:#27c93f}.term__bar small{margin-left:auto;color:var(--fg-subtle);font-size:0.78rem}.term__body{padding:var(--space-4) var(--space-5);white-space:pre;overflow-x:auto;line-height:1.7}.term__prompt{color:var(--accent)}.term__cursor{display:inline-block;width:0.55em;height:1em;vertical-align:-2px;background:var(--accent);animation:blink 1s steps(1, end) infinite}@keyframes blink{50%{opacity:0}}.section{padding:var(--space-7) 0;position:relative}.section-head{display:flex;align-items:end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap}.section-head h2{margin:0}.section-head__lead{color:var(--fg-muted);max-width:50ch}.posts-grid{display:grid;gap:var(--space-5);grid-template-columns:1fr}@media (min-width: 720px){.posts-grid{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 1024px){.posts-grid{grid-template-columns:repeat(3, 1fr)}}.card{position:relative;display:flex;flex-direction:column;padding:var(--space-5);border-radius:var(--radius-lg);background:linear-gradient(180deg, var(--bg-elev-1), var(--bg-elev-2));border:1px solid var(--border);overflow:hidden;transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition);isolation:isolate}.card::before{content:"";position:absolute;inset:0;background:radial-gradient(400px 200px at var(--mx, 50%) var(--my, 0%), rgba(124,249,214,0.1), transparent 60%);opacity:0;transition:opacity var(--transition);z-index:-1}.card:hover{transform:translateY(-3px);border-color:var(--border-strong);box-shadow:var(--shadow)}.card:hover::before{opacity:1}.card__tag{align-self:flex-start;font-family:var(--font-mono);font-size:0.72rem;text-transform:uppercase;letter-spacing:0.14em;color:var(--accent);padding:0.25rem 0.55rem;border:1px solid var(--border-strong);border-radius:999px}.card__title{margin-top:var(--space-3);font-family:var(--font-display);font-size:1.25rem;letter-spacing:-0.02em;line-height:1.25;color:var(--fg)}.card__title a{color:inherit}.card__title a::after{content:"";position:absolute;inset:0}.card__excerpt{margin-top:var(--space-2);color:var(--fg-muted);font-size:0.96rem;line-height:1.55}.card__meta{margin-top:var(--space-4);display:flex;gap:var(--space-3);align-items:center;color:var(--fg-subtle);font-size:0.84rem;font-family:var(--font-mono)}.card__meta .dot{width:4px;height:4px;border-radius:50%;background:var(--fg-subtle);display:inline-block}.featured{display:grid;gap:var(--space-5);grid-template-columns:1fr;align-items:stretch;padding:var(--space-6);border-radius:var(--radius-xl);border:1px solid var(--border-strong);background:linear-gradient(180deg, var(--bg-elev-2), var(--bg-elev-1));position:relative;overflow:hidden}@media (min-width: 860px){.featured{grid-template-columns:1.3fr 1fr}}.featured::after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:var(--gradient-text);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0.35}.featured__title{font-size:clamp(1.6rem, 3vw, 2.4rem);margin-top:var(--space-3)}.featured__meta{display:flex;flex-wrap:wrap;gap:var(--space-3);color:var(--fg-subtle);font-family:var(--font-mono);font-size:0.85rem}.featured__aside{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elev-1);font-size:0.92rem}.taglist{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag{display:inline-flex;align-items:center;gap:0.4rem;padding:0.3rem 0.7rem;font-family:var(--font-mono);font-size:0.8rem;letter-spacing:0.04em;border-radius:999px;border:1px solid var(--border-strong);background:var(--bg-elev-1);color:var(--fg-muted);transition:color var(--transition),border-color var(--transition),background-color var(--transition)}.tag::before{content:"#";color:var(--accent)}.tag:hover{color:var(--fg);border-color:var(--accent)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-8);padding-top:var(--space-5);border-top:1px solid var(--border)}.pagination__link{display:inline-flex;flex-direction:column;gap:2px;padding:0.7rem 1rem;border-radius:10px;border:1px solid var(--border);background:var(--bg-elev-1);color:var(--fg);font-family:var(--font-mono);font-size:0.88rem;transition:border-color var(--transition),color var(--transition)}.pagination__link small{font-size:0.72rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--fg-subtle)}.pagination__link:hover{border-color:var(--accent);color:var(--accent)}.cta{margin-top:var(--space-8);padding:var(--space-7);border-radius:var(--radius-xl);border:1px solid var(--border-strong);background:radial-gradient(600px 240px at 0% 0%, rgba(124,249,214,0.12), transparent 60%),radial-gradient(500px 240px at 100% 100%, rgba(199,146,234,0.12), transparent 60%),var(--bg-elev-1);text-align:center}.cta h2{margin:0 0 var(--space-3)}.cta p{color:var(--fg-muted);max-width:52ch;margin:0 auto var(--space-5)}.post{max-width:var(--container-md);margin:0 auto}.post__header{padding:var(--space-6) 0 var(--space-5);border-bottom:1px solid var(--border);margin-bottom:var(--space-6)}.post__title{font-size:clamp(2.2rem, 5vw, 3.4rem);letter-spacing:-0.035em;margin-top:var(--space-3)}.post__lead{margin-top:var(--space-4);font-size:1.18rem;color:var(--fg-muted);max-width:60ch}.post__meta{margin-top:var(--space-5);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);color:var(--fg-subtle);font-family:var(--font-mono);font-size:0.86rem}.post__meta .sep{color:var(--border-strong)}.post__avatar{width:28px;height:28px;border-radius:50%;background:var(--gradient-text);display:inline-grid;place-items:center;color:var(--bg);font-family:var(--font-mono);font-weight:700;font-size:0.78rem}.post__content{font-size:1.05rem;line-height:1.75;color:var(--fg)}.post__content>*+*{margin-top:var(--space-4)}.post__content h2,.post__content h3{scroll-margin-top:6rem}.post__content h2{margin-top:var(--space-7);padding-top:var(--space-3)}.post__content h2 .anchor,.post__content h3 .anchor{margin-left:0.4rem;color:var(--fg-subtle);opacity:0;transition:opacity var(--transition)}.post__content h2:hover .anchor,.post__content h3:hover .anchor{opacity:1}.post__content a{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.post__content a:hover{text-decoration-thickness:2px}.post__content ul,.post__content ol{padding-left:1.25rem;list-style:revert;color:var(--fg)}.post__content ul li,.post__content ol li{margin:0.25rem 0}.post__content ul{list-style-type:square}.post__content img{border-radius:var(--radius);border:1px solid var(--border)}.post__content figure{margin:var(--space-5) 0}.post__content figure figcaption{color:var(--fg-subtle);font-size:0.88rem;margin-top:var(--space-2);text-align:center}.post__content pre{margin:var(--space-5) 0;padding:var(--space-4) var(--space-5);background:var(--code-bg);color:var(--code-fg);border:1px solid var(--border);border-radius:var(--radius);overflow-x:auto;line-height:1.55;font-size:0.92rem;box-shadow:var(--shadow-sm)}.post__content table{width:100%;border-collapse:collapse;margin:var(--space-5) 0;font-size:0.95rem;overflow:hidden;border-radius:var(--radius);border:1px solid var(--border)}.post__content th,.post__content td{padding:0.65rem 0.9rem;border-bottom:1px solid var(--border);text-align:left}.post__content thead th{background:var(--bg-elev-2);font-family:var(--font-mono);font-size:0.78rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--fg-muted)}.post__content tr:last-child td{border-bottom:0}.post__footer{margin-top:var(--space-7);padding-top:var(--space-5);border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;color:var(--fg-muted);font-size:0.92rem}.toc{position:sticky;top:88px;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev-1);font-size:0.9rem}.toc h4{margin:0 0 var(--space-3);font-family:var(--font-mono);font-size:0.78rem;text-transform:uppercase;letter-spacing:0.16em;color:var(--fg-subtle)}.toc ul{display:grid;gap:0.35rem}.toc a{display:block;padding:0.3rem 0.4rem;border-left:2px solid transparent;color:var(--fg-muted);border-radius:0 4px 4px 0}.toc a:hover{color:var(--fg);border-left-color:var(--accent);background:var(--bg-elev-2)}.archive-year{margin-top:var(--space-6);font-family:var(--font-mono);font-size:0.85rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--fg-subtle);border-bottom:1px solid var(--border);padding-bottom:var(--space-2);margin-bottom:var(--space-3)}.archive-list{display:grid;gap:var(--space-2)}.archive-item{display:grid;grid-template-columns:96px 1fr auto;gap:var(--space-4);align-items:baseline;padding:var(--space-3) 0;border-bottom:1px dashed var(--border)}.archive-item:hover .archive-item__title{color:var(--accent)}.archive-item__date{color:var(--fg-subtle);font-family:var(--font-mono);font-size:0.86rem}.archive-item__title{font-family:var(--font-display);font-size:1.05rem;color:var(--fg);transition:color var(--transition)}.archive-item__tag{font-family:var(--font-mono);font-size:0.78rem;color:var(--accent)}.tag-cloud{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag-cloud .tag span.count{color:var(--fg-subtle);margin-left:0.3rem}.tag-section{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border)}.tag-section h2{font-family:var(--font-mono);font-size:1rem;text-transform:uppercase;letter-spacing:0.12em;color:var(--accent);margin-bottom:var(--space-3)}.highlight,pre.highlight{background:var(--code-bg);color:var(--code-fg)}.highlight .c,.highlight .cm,.highlight .c1,.highlight .cs,.highlight .cd{color:#6b7785;font-style:italic}.highlight .err{color:#ff5d8f}.highlight .k,.highlight .kc,.highlight .kd,.highlight .kn,.highlight .kp,.highlight .kr,.highlight .kt{color:#c792ea}.highlight .o,.highlight .ow{color:#8ab4ff}.highlight .nb{color:#8ab4ff}.highlight .nf,.highlight .fm{color:#7cf9d6}.highlight .nc,.highlight .nn{color:#ffb86b}.highlight .nv,.highlight .vc,.highlight .vg,.highlight .vi{color:#ffb86b}.highlight .na,.highlight .nl{color:#ffb86b}.highlight .nt{color:#ff5d8f}.highlight .s,.highlight .sa,.highlight .sb,.highlight .sc,.highlight .dl,.highlight .sd,.highlight .s2,.highlight .se,.highlight .sh,.highlight .si,.highlight .sx,.highlight .sr,.highlight .s1,.highlight .ss{color:#c3e88d}.highlight .mb,.highlight .mf,.highlight .mh,.highlight .mi,.highlight .il,.highlight .mo,.highlight .mx{color:#ffb86b}.highlight .gh,.highlight .gu{color:#8ab4ff;font-weight:600}.highlight .gi{color:#c3e88d;background:rgba(124,249,214,0.08);display:block}.highlight .gd{color:#ff5d8f;background:rgba(255,93,143,0.08);display:block}.highlight .gp{color:#6b7785}.highlight .gs{font-weight:600}.highlight .ge{font-style:italic}[data-theme="light"] .highlight .c,[data-theme="light"] .highlight .cm,[data-theme="light"] .highlight .c1,[data-theme="light"] .highlight .cs,[data-theme="light"] .highlight .cd{color:#98a3b5}[data-theme="light"] .highlight .k,[data-theme="light"] .highlight .kc,[data-theme="light"] .highlight .kd,[data-theme="light"] .highlight .kn,[data-theme="light"] .highlight .kp,[data-theme="light"] .highlight .kr,[data-theme="light"] .highlight .kt{color:#a06bd1}[data-theme="light"] .highlight .o,[data-theme="light"] .highlight .ow,[data-theme="light"] .highlight .nb{color:#6c8df0}[data-theme="light"] .highlight .nf,[data-theme="light"] .highlight .fm{color:#1aa385}[data-theme="light"] .highlight .nc,[data-theme="light"] .highlight .nn{color:#c08147}[data-theme="light"] .highlight .nv,[data-theme="light"] .highlight .vc,[data-theme="light"] .highlight .vg,[data-theme="light"] .highlight .vi{color:#c08147}[data-theme="light"] .highlight .s,[data-theme="light"] .highlight .sa,[data-theme="light"] .highlight .sb,[data-theme="light"] .highlight .sc,[data-theme="light"] .highlight .dl,[data-theme="light"] .highlight .sd,[data-theme="light"] .highlight .s2,[data-theme="light"] .highlight .se,[data-theme="light"] .highlight .sh,[data-theme="light"] .highlight .si,[data-theme="light"] .highlight .sx,[data-theme="light"] .highlight .sr,[data-theme="light"] .highlight .s1,[data-theme="light"] .highlight .ss{color:#92c469}[data-theme="light"] .highlight .mb,[data-theme="light"] .highlight .mf,[data-theme="light"] .highlight .mh,[data-theme="light"] .highlight .mi,[data-theme="light"] .highlight .il,[data-theme="light"] .highlight .mo,[data-theme="light"] .highlight .mx{color:#c08147}.code-wrap{position:relative}.code-wrap .copy-btn{position:absolute;top:0.55rem;right:0.55rem;z-index:2;padding:0.3rem 0.55rem;border-radius:6px;border:1px solid var(--border);background:var(--bg-elev-2);color:var(--fg-muted);font-family:var(--font-mono);font-size:0.7rem;text-transform:uppercase;letter-spacing:0.1em;opacity:0;transition:opacity var(--transition),color var(--transition),border-color var(--transition)}.code-wrap:hover .copy-btn{opacity:1}.code-wrap .copy-btn:hover{color:var(--accent);border-color:var(--accent)}.code-wrap .copy-btn.is-copied{color:var(--accent);border-color:var(--accent)}.sr-only{position:absolute !important;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);white-space:nowrap;overflow:hidden}.text-muted{color:var(--fg-muted)}.text-subtle{color:var(--fg-subtle)}.text-accent{color:var(--accent)}.text-center{text-align:center}.divider{height:1px;background:linear-gradient(90deg, transparent, var(--border-strong), transparent);margin:var(--space-6) 0}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-7{margin-top:var(--space-7)}.mt-8{margin-top:var(--space-8)}.reveal{opacity:0;transform:translateY(10px);transition:opacity 600ms var(--ease-out),transform 600ms var(--ease-out)}.reveal.is-visible{opacity:1;transform:none}.skip-link{position:absolute;top:-40px;left:12px;background:var(--accent);color:var(--bg);padding:0.5rem 0.8rem;border-radius:6px;font-weight:600;z-index:100;transition:top var(--transition)}.skip-link:focus{top:12px}