:root,:root[data-theme="dark"]{--bg: #0a0b0f;--bg-2: #0d0e14;--surface: #131620;--surface-2: #181c28;--border: rgba(255, 255, 255, 0.08);--border-strong: rgba(255, 255, 255, 0.15);--text: #e7e9ef;--muted: #9aa0ad;--faint: #6b7180;--accent: #8b7bff;--accent-2: #56d4c4;--accent-ink: #0a0b0f;--glow: rgba(139, 123, 255, 0.35);--shadow: rgba(0, 0, 0, 0.55);--code-bg: #0d0f16;color-scheme:dark}:root[data-theme="light"]{--bg: #f6f7f9;--bg-2: #ffffff;--surface: #ffffff;--surface-2: #f0f1f5;--border: rgba(12, 14, 22, 0.09);--border-strong: rgba(12, 14, 22, 0.16);--text: #14161d;--muted: #565c68;--faint: #838996;--accent: #6a5cf0;--accent-2: #0ca697;--accent-ink: #ffffff;--glow: rgba(106, 92, 240, 0.20);--shadow: rgba(20, 22, 40, 0.12);--code-bg: #f4f5f8;color-scheme:light}:root{--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-serif: "Newsreader", Georgia, "Iowan Old Style", "Times New Roman", serif;--maxw: 1120px;--maxw-narrow: 720px;--radius: 16px;--radius-sm: 10px;--ease: cubic-bezier(0.22, 1, 0.36, 1)}*,*::before,*::after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:17px;line-height:1.65;letter-spacing:-0.011em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;min-height:100vh;transition:background 0.4s var(--ease),color 0.4s var(--ease)}img,svg,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;background:none;border:none;color:inherit}::selection{background:var(--accent);color:var(--accent-ink)}.wrap{width:min(100% - 3rem, var(--maxw));margin-inline:auto}.wrap-narrow{width:min(100% - 3rem, var(--maxw-narrow));margin-inline:auto}.page{min-height:60vh}.skip-link{position:fixed;top:-60px;left:1rem;z-index:999;background:var(--accent);color:var(--accent-ink);padding:0.6rem 1rem;border-radius:0 0 10px 10px;font-weight:600;transition:top 0.2s var(--ease)}.skip-link:focus{top:0}.grain{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:0.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}:root[data-theme="light"] .grain{opacity:0.05;mix-blend-mode:multiply}.spotlight{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(420px circle at var(--mx, 50%) var(--my, 0%), var(--glow), transparent 70%);opacity:0.6;transition:opacity 0.5s var(--ease)}.progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:200;background:linear-gradient(90deg, var(--accent), var(--accent-2));box-shadow:0 0 12px var(--glow);transition:width 0.1s linear}.site-header,main,.site-footer{position:relative;z-index:1}.site-header{position:sticky;top:0;z-index:100;backdrop-filter:saturate(150%) blur(14px);-webkit-backdrop-filter:saturate(150%) blur(14px);background:color-mix(in srgb, var(--bg) 72%, transparent);border-bottom:1px solid transparent;transition:border-color 0.3s var(--ease),background 0.3s var(--ease)}.site-header.is-scrolled{border-bottom-color:var(--border)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.brand{display:inline-flex;align-items:center;gap:0.55rem;font-weight:700;letter-spacing:-0.02em;font-size:1.12rem}.brand-mark{color:var(--accent);font-size:0.9em;transition:transform 0.5s var(--ease)}.brand:hover .brand-mark{transform:rotate(180deg)}.brand-word{background:linear-gradient(100deg, var(--text) 30%, var(--accent) 60%, var(--accent-2) 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto}.brand:hover .brand-word{animation:shimmer 1.6s var(--ease) forwards}@keyframes shimmer{to{background-position:180% center}}.nav{display:flex;align-items:center;gap:0.35rem}.nav-link{position:relative;padding:0.45rem 0.7rem;border-radius:8px;color:var(--muted);font-size:0.94rem;font-weight:500;transition:color 0.2s var(--ease),background 0.2s var(--ease)}.nav-link:hover{color:var(--text);background:var(--surface)}.nav-link.is-active{color:var(--text)}.nav-link.is-active::after{content:"";position:absolute;left:0.7rem;right:0.7rem;bottom:0.15rem;height:2px;border-radius:2px;background:linear-gradient(90deg, var(--accent), var(--accent-2))}.theme-toggle{display:grid;place-items:center;width:38px;height:38px;margin-left:0.3rem;border-radius:10px;border:1px solid var(--border);color:var(--muted);transition:color 0.2s,border-color 0.2s,transform 0.4s var(--ease)}.theme-toggle:hover{color:var(--text);border-color:var(--border-strong);transform:rotate(20deg)}.theme-toggle .icon-moon{display:none}:root[data-theme="light"] .theme-toggle .icon-sun{display:none}:root[data-theme="light"] .theme-toggle .icon-moon{display:block}.kicker{font-family:var(--font-mono);font-size:0.78rem;letter-spacing:0.04em;text-transform:uppercase;color:var(--accent)}.hero{position:relative;padding:clamp(4rem, 12vw, 8.5rem) 0 clamp(3rem, 7vw, 5rem);overflow:hidden}.hero-glow{position:absolute;top:-30%;left:50%;transform:translateX(-50%);width:900px;height:900px;max-width:130vw;pointer-events:none;z-index:0;background:radial-gradient(closest-side, color-mix(in srgb, var(--accent) 40%, transparent), transparent 70%),radial-gradient(closest-side, color-mix(in srgb, var(--accent-2) 26%, transparent), transparent 70%);background-position:40% 40%, 65% 55%;background-repeat:no-repeat;background-size:60% 60%, 55% 55%;filter:blur(30px);opacity:0.55;animation:drift 16s ease-in-out infinite alternate}@keyframes drift{0%{transform:translateX(-50%) translateY(0) scale(1)}100%{transform:translateX(-50%) translateY(28px) scale(1.08)}}.hero-inner{position:relative;z-index:1;text-align:center}.hero .kicker{display:inline-block;margin-bottom:1.1rem}.hero-title{font-size:clamp(2.4rem, 6.2vw, 4.4rem);line-height:1.04;font-weight:700;letter-spacing:-0.035em;max-width:16ch;margin-inline:auto;background:linear-gradient(180deg, var(--text), color-mix(in srgb, var(--text) 62%, var(--muted)));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-sub{margin:1.4rem auto 0;max-width:54ch;font-size:clamp(1.02rem, 2.2vw, 1.2rem);color:var(--muted);font-family:var(--font-serif)}.hero-cta{display:flex;gap:0.8rem;justify-content:center;flex-wrap:wrap;margin-top:2.2rem}.btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.7rem 1.3rem;border-radius:999px;font-weight:600;font-size:0.95rem;border:1px solid transparent;transition:transform 0.25s var(--ease),box-shadow 0.25s var(--ease),background 0.25s,border-color 0.25s}.btn-primary{background:linear-gradient(100deg, var(--accent), var(--accent-2));color:var(--accent-ink);box-shadow:0 6px 22px -8px var(--glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px -8px var(--glow)}.btn-ghost{border-color:var(--border-strong);color:var(--text)}.btn-ghost:hover{transform:translateY(-2px);border-color:var(--accent);background:var(--surface)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:3.5rem 0 1.4rem}.section-title{font-size:1.5rem;font-weight:700;letter-spacing:-0.02em}.section-count{font-family:var(--font-mono);font-size:0.8rem;color:var(--faint)}.filters{display:flex;flex-wrap:wrap;align-items:center;gap:0.8rem;margin-bottom:2rem}.search-wrap{display:flex;align-items:center;gap:0.55rem;flex:1 1 240px;min-width:200px;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:0.55rem 1rem;color:var(--faint);transition:border-color 0.2s, box-shadow 0.2s}.search-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--glow);color:var(--muted)}.search-wrap input{flex:1;border:none;background:none;color:var(--text);outline:none;font-size:0.95rem}.search-wrap input::placeholder{color:var(--faint)}.chips-filter{display:flex;flex-wrap:wrap;gap:0.4rem}.chip{font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.02em;padding:0.28rem 0.66rem;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--muted)}.chip-btn{transition:color 0.2s, border-color 0.2s, background 0.2s}.chip-btn:hover{color:var(--text);border-color:var(--border-strong)}.chip-btn.is-active{background:color-mix(in srgb, var(--accent) 18%, transparent);border-color:var(--accent);color:var(--text)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:1.2rem}.card{position:relative;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem 1.5rem 1.35rem;transition:transform 0.35s var(--ease),border-color 0.35s var(--ease),box-shadow 0.35s var(--ease)}.card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(130deg, transparent 40%, color-mix(in srgb, var(--accent) 50%, transparent), transparent 75%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity 0.35s var(--ease);pointer-events:none}.card:hover{transform:translateY(-5px);border-color:var(--border-strong);box-shadow:0 20px 40px -22px var(--shadow)}.card:hover::before{opacity:1}.card-glow{position:absolute;top:-40%;right:-20%;width:240px;height:240px;border-radius:50%;background:radial-gradient(closest-side, var(--glow), transparent 70%);opacity:0;transition:opacity 0.4s var(--ease);pointer-events:none}.card:hover .card-glow{opacity:0.8}.card-top{display:flex;align-items:center;gap:0.5rem;font-family:var(--font-mono);font-size:0.74rem;color:var(--faint);margin-bottom:0.8rem}.card-title{font-size:1.24rem;line-height:1.28;letter-spacing:-0.02em;font-weight:650;margin-bottom:0.6rem}.card-link::after{content:"";position:absolute;inset:0}.card-link{transition:color 0.2s}.card:hover .card-title{color:var(--accent)}.card-excerpt{color:var(--muted);font-size:0.95rem;line-height:1.6;margin-bottom:1.1rem}.card-tags{display:flex;align-items:center;gap:0.4rem;flex-wrap:wrap}.card-arrow{margin-left:auto;color:var(--accent);font-weight:700;transition:transform 0.3s var(--ease)}.card:hover .card-arrow{transform:translateX(5px)}.no-results{text-align:center;color:var(--faint);font-family:var(--font-mono);padding:3rem 0}.post{padding:2.5rem 0 4rem}.post-header{text-align:center;padding-bottom:2.5rem}.back-link{display:inline-block;font-family:var(--font-mono);font-size:0.82rem;color:var(--muted);transition:color 0.2s, transform 0.2s}.back-link:hover{color:var(--accent);transform:translateX(-3px)}.post-header .kicker{display:block;margin:1.4rem 0 1rem;color:var(--faint);text-transform:none;letter-spacing:0.02em}.post-header .kicker time{color:var(--accent)}.post-title{font-size:clamp(1.9rem, 4.6vw, 3rem);line-height:1.1;letter-spacing:-0.03em;font-weight:700}.post-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:0.4rem;margin-top:1.4rem}.post-body{font-family:var(--font-serif);font-size:1.16rem;line-height:1.8;color:color-mix(in srgb, var(--text) 92%, var(--muted))}.post-body>*+*{margin-top:1.35rem}.post-body h2,.post-body h3,.post-body h4{font-family:var(--font-sans);font-weight:700;letter-spacing:-0.02em;line-height:1.25;color:var(--text);scroll-margin-top:90px}.post-body h2{font-size:1.7rem;margin-top:3rem;padding-top:0.4rem}.post-body h3{font-size:1.32rem;margin-top:2.2rem}.post-body h4{font-size:1.1rem;margin-top:1.8rem}.post-body h2::before{content:"◈ ";color:var(--accent);font-size:0.7em;vertical-align:middle}.post-body a{color:var(--accent);text-decoration:none;box-shadow:inset 0 -1px 0 color-mix(in srgb, var(--accent) 45%, transparent);transition:box-shadow 0.2s, color 0.2s}.post-body a:hover{color:var(--accent-2);box-shadow:inset 0 -0.6em 0 color-mix(in srgb, var(--accent) 14%, transparent)}.post-body strong{color:var(--text);font-weight:650}.post-body ul,.post-body ol{padding-left:1.4rem}.post-body li{margin-top:0.5rem}.post-body li::marker{color:var(--accent)}.post-body blockquote{border-left:3px solid var(--accent);padding:0.4rem 0 0.4rem 1.3rem;margin-left:0;color:var(--muted);font-style:italic;background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 8%, transparent), transparent);border-radius:0 8px 8px 0}.post-body img{border-radius:var(--radius-sm);border:1px solid var(--border);margin-inline:auto;box-shadow:0 14px 34px -20px var(--shadow)}.post-body iframe{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm)}.post-body hr{border:none;height:1px;background:var(--border);margin:2.6rem 0}.post-body :not(pre)>code{font-family:var(--font-mono);font-size:0.86em;background:var(--code-bg);border:1px solid var(--border);border-radius:6px;padding:0.12em 0.42em;color:var(--accent-2)}.post-body pre,.highlight,.highlighter-rouge .highlight{background:var(--code-bg) !important;border:1px solid var(--border);border-radius:var(--radius-sm);padding:1.1rem 1.2rem;overflow-x:auto;font-family:var(--font-mono);font-size:0.86rem;line-height:1.6}.post-body pre code{background:none;border:none;padding:0;color:inherit;font-size:inherit}.highlight .lineno{color:var(--faint);padding-right:1rem;user-select:none}.post-body table{width:100%;border-collapse:collapse;font-family:var(--font-sans);font-size:0.95rem;display:block;overflow-x:auto}.post-body th,.post-body td{padding:0.7rem 0.9rem;border-bottom:1px solid var(--border);text-align:left}.post-body th{font-weight:650;color:var(--text);border-bottom-color:var(--border-strong)}.post-body tr:hover td{background:color-mix(in srgb, var(--accent) 6%, transparent)}.highlight .c,.highlight .c1,.highlight .cm,.highlight .cd{color:var(--faint);font-style:italic}.highlight .k,.highlight .kd,.highlight .kn,.highlight .kp,.highlight .kr,.highlight .kt{color:var(--accent)}.highlight .s,.highlight .s1,.highlight .s2,.highlight .sb,.highlight .sd,.highlight .se,.highlight .sr{color:var(--accent-2)}.highlight .mi,.highlight .mf,.highlight .mh,.highlight .il,.highlight .m{color:#e0a878}.highlight .nf,.highlight .nb,.highlight .fm{color:#7fb3ff}.highlight .nt{color:var(--accent)}.highlight .na{color:var(--accent-2)}.highlight .o,.highlight .ow,.highlight .p{color:var(--muted)}.highlight .nc,.highlight .nn{color:#d9b8ff}.post-footer{margin-top:3.5rem;padding-top:2rem;border-top:1px solid var(--border)}.author-card{display:flex;gap:1.1rem;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.4rem;margin-bottom:1.8rem}.author-avatar{flex:none;width:56px;height:56px;border-radius:14px;display:grid;place-items:center;font-family:var(--font-mono);font-weight:600;color:var(--accent-ink);background:linear-gradient(135deg, var(--accent), var(--accent-2))}.author-name{font-weight:700}.author-bio{color:var(--muted);font-size:0.92rem;margin-top:0.15rem}.author-links{display:flex;gap:0.9rem;margin-top:0.5rem}.author-links a{font-family:var(--font-mono);font-size:0.8rem;color:var(--accent)}.author-links a:hover{color:var(--accent-2)}.page-doc{padding-top:2.5rem}.site-footer{margin-top:5rem;padding:3rem 0 2rem;border-top:1px solid var(--border);background:var(--bg-2)}.footer-inner{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap;align-items:center}.footer-brand{display:flex;align-items:center;gap:0.8rem}.footer-brand .brand-mark{color:var(--accent);font-size:1.4rem}.footer-title{font-weight:700;letter-spacing:-0.02em}.footer-tag{color:var(--faint);font-size:0.88rem}.footer-links{display:flex;gap:1.2rem;flex-wrap:wrap}.footer-links a{color:var(--muted);font-size:0.9rem;transition:color 0.2s}.footer-links a:hover{color:var(--accent)}.colophon{color:var(--faint);font-size:0.8rem;font-family:var(--font-mono);margin-top:2rem;text-align:center}.notfound{text-align:center;padding:7rem 0}.notfound h1{font-size:clamp(4rem, 18vw, 9rem);line-height:1;letter-spacing:-0.04em;background:linear-gradient(120deg, var(--accent), var(--accent-2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.notfound p{color:var(--muted);margin:1rem 0 2rem}.reveal{opacity:0;transform:translateY(16px);transition:opacity 0.6s var(--ease),transform 0.6s var(--ease)}.reveal.is-visible{opacity:1;transform:none}@view-transition{navigation:auto}::view-transition-old(root){animation:vt-out 0.28s var(--ease) both}::view-transition-new(root){animation:vt-in 0.34s var(--ease) both}@keyframes vt-out{to{opacity:0;transform:translateY(-8px)}}@keyframes vt-in{from{opacity:0;transform:translateY(10px)}}@media (max-width: 640px){body{font-size:16px}.wrap,.wrap-narrow{width:min(100% - 2rem, var(--maxw))}.header-inner{gap:0.5rem}.nav{gap:0.15rem}.nav-link{padding:0.4rem 0.5rem;font-size:0.88rem}.nav-link[href*="github"]{display:none}.card-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column;align-items:flex-start}}@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}.reveal{opacity:1;transform:none}.hero-glow,.spotlight{animation:none}@view-transition{navigation:none}}