html[data-atmo=dawn]{color-scheme:light;--bg:#fafafa;--card-bg:rgba(255,255,255,.74);--card-shadow:0 1px 2px rgba(15,23,42,.04);--fg:#334155;--fg-strong:#0f172a;--muted:#64748b;--glass-solid:rgba(252,252,252,.92);--glass-ui:rgba(255,255,255,.72);--accent:#d97706;--b1:rgba(254,205,211,.55);--b2:rgba(253,230,138,.55);--b3:rgba(186,230,253,.55);--blend:multiply;--glass:rgba(255,255,255,.5);--glass-border:rgba(255,255,255,.6);--glass-hi:rgba(255,255,255,.75);--ring:rgba(255,255,255,.35);--inset-shadow:inset 0 1px 2px rgba(0,0,0,.05);--hover-bg:rgba(0,0,0,.03);--line:rgba(0,0,0,.06);--line-soft:rgba(0,0,0,.04);--chip-bg:rgba(0,0,0,.03);--grid-stroke:rgba(15,23,42,.05);--code-bg:rgba(0,0,0,.04);--pre-bg:#f8fafc;--shadow-card:0 25px 50px -12px rgba(15,23,42,.18)}html[data-atmo=breeze]{color-scheme:light;--bg:#f8f9fa;--card-bg:rgba(255,255,255,.74);--card-shadow:0 1px 2px rgba(15,23,42,.04);--fg:#334155;--fg-strong:#0f172a;--muted:#64748b;--glass-solid:rgba(250,251,252,.92);--glass-ui:rgba(255,255,255,.72);--accent:#2563eb;--b1:rgba(165,243,252,.55);--b2:rgba(191,219,254,.55);--b3:rgba(199,210,254,.55);--blend:multiply;--glass:rgba(255,255,255,.5);--glass-border:rgba(255,255,255,.6);--glass-hi:rgba(255,255,255,.75);--ring:rgba(255,255,255,.35);--inset-shadow:inset 0 1px 2px rgba(0,0,0,.05);--hover-bg:rgba(0,0,0,.03);--line:rgba(0,0,0,.06);--line-soft:rgba(0,0,0,.04);--chip-bg:rgba(0,0,0,.03);--grid-stroke:rgba(15,23,42,.05);--code-bg:rgba(0,0,0,.04);--pre-bg:#f8fafc;--shadow-card:0 25px 50px -12px rgba(15,23,42,.18)}html[data-atmo=canopy]{color-scheme:light;--bg:#f7fbf9;--card-bg:rgba(255,255,255,.74);--card-shadow:0 1px 2px rgba(15,23,42,.04);--fg:#334155;--fg-strong:#0f172a;--muted:#64748b;--glass-solid:rgba(249,252,251,.92);--glass-ui:rgba(255,255,255,.72);--accent:#059669;--b1:rgba(167,243,208,.55);--b2:rgba(217,249,157,.55);--b3:rgba(153,246,228,.55);--blend:multiply;--glass:rgba(255,255,255,.5);--glass-border:rgba(255,255,255,.6);--glass-hi:rgba(255,255,255,.75);--ring:rgba(255,255,255,.35);--inset-shadow:inset 0 1px 2px rgba(0,0,0,.05);--hover-bg:rgba(0,0,0,.03);--line:rgba(0,0,0,.06);--line-soft:rgba(0,0,0,.04);--chip-bg:rgba(0,0,0,.03);--grid-stroke:rgba(15,23,42,.05);--code-bg:rgba(0,0,0,.04);--pre-bg:#f8fafc;--shadow-card:0 25px 50px -12px rgba(15,23,42,.18)}html[data-atmo=silver]{color-scheme:light;--bg:#ffffff;--card-bg:rgba(255,255,255,.80);--card-shadow:0 1px 2px rgba(15,23,42,.04);--fg:#334155;--fg-strong:#0f172a;--muted:#64748b;--glass-solid:rgba(255,255,255,.94);--glass-ui:rgba(255,255,255,.78);--accent:#334155;--b1:rgba(203,213,225,.5);--b2:rgba(209,213,219,.5);--b3:rgba(228,228,231,.5);--blend:multiply;--glass:rgba(255,255,255,.55);--glass-border:rgba(255,255,255,.7);--glass-hi:rgba(255,255,255,.85);--ring:rgba(255,255,255,.4);--inset-shadow:inset 0 1px 2px rgba(0,0,0,.05);--hover-bg:rgba(0,0,0,.03);--line:rgba(0,0,0,.06);--line-soft:rgba(0,0,0,.04);--chip-bg:rgba(0,0,0,.03);--grid-stroke:rgba(15,23,42,.05);--code-bg:rgba(0,0,0,.04);--pre-bg:#f8fafc;--shadow-card:0 25px 50px -12px rgba(15,23,42,.16)}html[data-atmo=abyss]{color-scheme:dark;--bg:#0e1216;--card-bg:rgba(255,255,255,.045);--card-shadow:0 1px 2px rgba(0,0,0,.5);--fg:#cbd5e1;--fg-strong:#f1f5f9;--muted:#94a3b8;--glass-solid:rgba(16,20,24,.92);--glass-ui:rgba(18,20,24,.80);--accent:#60a5fa;--b1:rgba(30,78,99,.75);--b2:rgba(30,58,138,.6);--b3:rgba(67,56,202,.7);--blend:screen;--glass:rgba(21,21,24,.6);--glass-border:rgba(255,255,255,.08);--glass-hi:rgba(255,255,255,.1);--ring:rgba(255,255,255,.05);--inset-shadow:inset 0 1px 4px rgba(0,0,0,.3);--hover-bg:rgba(255,255,255,.05);--line:rgba(255,255,255,.08);--line-soft:rgba(255,255,255,.05);--chip-bg:rgba(255,255,255,.03);--grid-stroke:rgba(255,255,255,.04);--code-bg:rgba(255,255,255,.07);--pre-bg:#0b0f13;--shadow-card:0 25px 50px -12px rgba(0,0,0,.7)}html[data-atmo=obsidian]{color-scheme:dark;--bg:#0a0a0a;--card-bg:rgba(255,255,255,.045);--card-shadow:0 1px 2px rgba(0,0,0,.5);--fg:#cbd5e1;--fg-strong:#f8fafc;--muted:#94a3b8;--glass-solid:rgba(16,16,17,.92);--glass-ui:rgba(18,18,20,.80);--accent:#cbd5e1;--b1:rgba(51,65,85,.85);--b2:rgba(55,65,81,.7);--b3:rgba(63,63,70,.9);--blend:screen;--glass:rgba(21,21,24,.6);--glass-border:rgba(255,255,255,.08);--glass-hi:rgba(255,255,255,.1);--ring:rgba(255,255,255,.05);--inset-shadow:inset 0 1px 4px rgba(0,0,0,.3);--hover-bg:rgba(255,255,255,.05);--line:rgba(255,255,255,.08);--line-soft:rgba(255,255,255,.05);--chip-bg:rgba(255,255,255,.03);--grid-stroke:rgba(255,255,255,.04);--code-bg:rgba(255,255,255,.07);--pre-bg:#0b0b0d;--shadow-card:0 25px 50px -12px rgba(0,0,0,.8)}:root{--r-pill:999px;--r-card:1rem;--w:1240px;--ease-spring:cubic-bezier(.22,1.18,.36,1);--ease-out:cubic-bezier(.16,1,.3,1);--ease-liquid:cubic-bezier(.22,1,.36,1);--ease-glide:cubic-bezier(.45,.05,.19,1);--ease-soft:cubic-bezier(.34,1.04,.64,1);--ease-nav:cubic-bezier(.32,.72,0,1);--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","HarmonyOS Sans SC","Microsoft YaHei","Noto Sans SC",sans-serif;--font-serif:"Noto Serif SC","Songti SC","STSong","Source Han Serif SC","SimSun","Times New Roman",serif;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,"JetBrains Mono",Consolas,"Liberation Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;background:var(--bg);transition:background-color 1s ease}body{min-height:100vh;font-family:var(--font-sans);font-size:16px;line-height:1.75;color:var(--fg);background:0 0;-webkit-font-smoothing:antialiased;letter-spacing:.01em;overflow-x:hidden;transition:color 1s ease}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:0 0;border:0;cursor:pointer}::selection{background:var(--accent);color:var(--bg)}.bg-layer{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:var(--bg);transition:background-color 1s ease}.bg-grid{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32' fill='none' stroke='%230f172a' stroke-opacity='.045'%3E%3Cpath d='M0 .5H31.5V32'/%3E%3C/svg%3E");background-size:40px 40px;opacity:1}html[data-atmo=abyss] .bg-grid,html[data-atmo=abyss] .nav-inner,html[data-atmo=obsidian] .nav-inner{box-shadow:inset 0 1px rgba(255,255,255,7%),0 8px 32px rgba(0,0,0,.4),0 16px 48px rgba(0,0,0,.3)}html[data-atmo=abyss] .bg-grid,html[data-atmo=obsidian] .bg-grid{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32' fill='none' stroke='%23ffffff' stroke-opacity='.04'%3E%3Cpath d='M0 .5H31.5V32'/%3E%3C/svg%3E")}.blob-wrap{position:absolute;inset:-12% 0}.blob{position:absolute;border-radius:50%;transition:background-color 1s ease}.blob-1{top:-8%;left:-12%;width:56vw;height:56vw;max-width:860px;max-height:860px;background:radial-gradient(circle at 50% 50%,var(--b1),transparent 68%)}.blob-2{bottom:-10%;right:-12%;width:66vw;height:66vw;max-width:1040px;max-height:1040px;background:radial-gradient(circle at 50% 50%,var(--b2),transparent 66%)}.blob-3{top:26%;left:36%;width:46vw;height:46vw;max-width:660px;max-height:660px;background:radial-gradient(circle at 50% 50%,var(--b3),transparent 70%)}.nav{position:fixed;top:24px;left:50%;transform:translateX(-50%);z-index:50;width:90%;max-width:768px;transition:transform .55s var(--ease-glide),opacity .55s var(--ease-glide);will-change:transform}.nav.is-hidden{transform:translate(-50%,-150%)}.nav-inner{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:12px 20px 12px 24px;border-radius:var(--r-pill);background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0)),var(--glass-ui);border:1px solid var(--glass-border);box-shadow:inset 0 1px rgba(255,255,255,.45),0 8px 32px rgba(0,0,0,6%),0 16px 48px rgba(0,0,0,8%);transition:background .8s ease,border-color .8s ease}.logo{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;white-space:nowrap;transition:opacity .3s ease}.logo:hover{opacity:.7}.nav-center{display:flex;align-items:center;gap:12px;justify-self:center}.nav-links{position:relative;display:flex;align-items:center;padding:4px;border-radius:var(--r-pill);background:var(--chip-bg);border:1px solid var(--line-soft);box-shadow:var(--inset-shadow)}.nav-links a{position:relative;z-index:2;padding:8px 16px;border-radius:var(--r-pill);font-size:10px;font-weight:700;letter-spacing:.2em;color:var(--muted);opacity:.75;white-space:nowrap;transition:color .4s ease,opacity .3s ease}.nav-links a:hover{opacity:1;color:var(--fg-strong)}.nav-links a[aria-current=page]{color:var(--fg-strong);opacity:1}.nav-pill{position:absolute;top:4px;bottom:4px;left:4px;z-index:1;border-radius:var(--r-pill);background:var(--glass-hi);border:1px solid var(--line);box-shadow:0 2px 8px rgba(0,0,0,8%);transform:translateX(0);width:0;opacity:0;pointer-events:none}.nav-links.is-ready .nav-pill{opacity:1;transition:transform .62s cubic-bezier(.32,1.04,.64,1),width .62s cubic-bezier(.32,1.04,.64,1),opacity .3s ease}.nav-inner::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;background:radial-gradient(200px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.55),transparent 62%);opacity:0;transition:opacity .6s var(--ease-glide)}html[data-atmo=abyss] .nav-inner::after,html[data-atmo=obsidian] .nav-inner::after{background:radial-gradient(220px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.12),transparent 62%)}.nav-inner:hover::after{opacity:1}.nav-inner>*{position:relative;z-index:1}.nav-tools{display:flex;align-items:center;gap:2px;padding:4px;border-radius:var(--r-pill);background:var(--chip-bg);border:1px solid var(--line-soft);justify-self:end}.nav-tools button,.nav-tools a{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:var(--muted);transition:background .25s ease,color .25s ease,transform .3s var(--ease-spring)}.nav-tools button:hover,.nav-tools a:hover{background:var(--hover-bg);color:var(--fg-strong);transform:translateY(-1px)}.nav-tools button:active,.nav-tools a:active{transform:scale(.9)}.nav-tools svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2}.nav-tools .i-sun{display:none}.nav-tools .i-moon{display:block}html[data-atmo=abyss] .nav-tools .i-sun,html[data-atmo=obsidian] .nav-tools .i-sun{display:block}html[data-atmo=abyss] .nav-tools .i-moon,html[data-atmo=obsidian] .nav-tools .i-moon{display:none}.nav-divider{width:1px;height:16px;background:var(--line);flex-shrink:0}.main{width:100%;max-width:var(--w);margin:0 auto;padding:144px 24px 128px;display:flex;justify-content:center}.main-inner{width:100%;position:relative;z-index:1}.hero{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8rem;min-height:min(calc(100vh - 9rem),720px);padding-bottom:4rem;margin-bottom:6rem;border-bottom:1px solid var(--line-soft);transition:border-color .9s var(--ease-glide)}.hero-text{display:flex;flex-direction:column;align-items:flex-start;gap:2.5rem;max-width:620px;position:relative;z-index:2}.hero-title{font-family:var(--font-serif);font-size:clamp(2rem,4.4vw,3rem);font-weight:500;letter-spacing:.025em;line-height:1.6;color:var(--fg-strong)}.hero-title .ch{display:inline-block;opacity:0;transform:translateY(12px);animation-name:chIn;animation-duration:.9s;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:both;animation-delay:calc(var(--d,0) * 1ms);will-change:opacity,transform}@keyframes chIn{to{opacity:1;transform:none}}.hero-title.anim-done .ch{animation:none;opacity:1;transform:none;filter:none;will-change:auto}.hero-sub{display:block;margin-top:1rem;font-size:clamp(.9rem,1.6vw,1.25rem);font-weight:300;font-style:italic;letter-spacing:.01em;color:var(--accent);transition:color 1s ease;min-height:1.6em}.hero-sub .cursor{display:inline-block;width:2px;height:1em;margin-left:4px;vertical-align:-.12em;background:currentColor;animation:blink .9s ease-in-out infinite;transition:opacity .6s var(--ease-glide)}.hero-sub .cursor.done{opacity:0;animation:none}@keyframes blink{0%,45%{opacity:1}55%,100%{opacity:.15}}.hero-social{display:flex;gap:16px}.hero-social a{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--chip-bg);border:1px solid var(--line-soft);color:var(--muted);box-shadow:0 1px 2px rgba(0,0,0,4%);transition:transform .35s var(--ease-spring),background .3s ease,color .3s ease,border-color .3s ease}.hero-social a:hover{transform:scale(1.15);background:var(--hover-bg);color:var(--fg-strong)}.hero-social a:active{transform:scale(.9)}.hero-social svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8}.hero-avatar-wrap{position:relative;flex-shrink:0}.hero-avatar-wrap::before{content:"";position:absolute;inset:-3rem;border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--b1),transparent 68%);opacity:.55;transition:background-color 1s ease;z-index:0}.hero-avatar{position:relative;z-index:1;display:block;width:clamp(208px,24vw,352px);height:clamp(208px,24vw,352px);object-fit:cover;border-radius:3rem;border:1px solid var(--line);box-shadow:var(--shadow-card);transform:rotate(3deg)scale(1);transition:transform 1s var(--ease-liquid),box-shadow .9s var(--ease-glide),border-color .9s var(--ease-glide);will-change:transform}.hero-avatar:hover{transform:rotate(0)scale(1.04)}.latest{padding-top:5rem;max-width:56rem;margin:0 auto}.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding-bottom:2rem}.sec-head h2{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.sec-head .more{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);transition:opacity .25s ease,color 1s ease;display:inline-flex;align-items:center;gap:6px}.sec-head .more:hover{opacity:.65}.posts-grid{columns:2;column-gap:1.4rem;margin-top:.5rem;padding-bottom:6rem}.card{position:relative;display:block;break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;margin:0 0 1.4rem;padding:1.6rem 1.6rem 1.45rem;border-radius:1.3rem;background:var(--card-bg);border:1px solid var(--line);box-shadow:var(--card-shadow);transform:translateY(0);transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .55s cubic-bezier(.22,1,.36,1),border-color .45s cubic-bezier(.45,.05,.19,1),background-color .9s var(--ease-glide)}.card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--accent) 32%,var(--line));box-shadow:0 18px 40px -22px rgba(0,0,0,.35),0 2px 6px rgba(0,0,0,4%)}.card-meta{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.card-meta .dot{opacity:.45}.card-title{margin-top:.85rem;font-size:1.1rem;font-weight:700;line-height:1.55;letter-spacing:-.005em;color:var(--fg-strong);transition:color .45s var(--ease-glide)}.card:hover .card-title{color:var(--accent)}.card-excerpt{margin-top:.65rem;font-size:14px;line-height:1.8;font-weight:300;color:var(--muted);overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.card-more{margin-top:1.1rem;display:inline-flex;align-items:center;gap:7px;font-size:12.5px;letter-spacing:.02em;color:var(--accent);opacity:.8;transition:opacity .4s var(--ease-glide)}.card:hover .card-more{opacity:1}.card-more svg{width:26px;height:10px;stroke:currentColor;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .55s cubic-bezier(.22,1,.36,1)}.card:hover .card-more svg{transform:translateX(5px)}.post{max-width:48rem;margin:0 auto}.post-back{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:2.5rem;transition:color .3s ease,transform .3s var(--ease-spring)}.post-back:hover{color:var(--fg-strong);transform:translateX(-3px)}.post-back svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2}.post-head{margin-bottom:3rem}.post-head h1{font-family:var(--font-serif);font-size:clamp(1.75rem,3.6vw,2.6rem);font-weight:500;line-height:1.45;letter-spacing:.01em;color:var(--fg-strong);margin-bottom:1.25rem}.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--muted)}.post-meta span{display:inline-flex;align-items:center;gap:6px}.post-meta svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8;opacity:.8}.post-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:1.25rem}.post-tags a{font-family:var(--font-mono);font-size:11px;padding:4px 12px;border-radius:var(--r-pill);border:1px solid var(--line);color:var(--muted);transition:border-color .3s ease,color .3s ease}.post-tags a:hover{border-color:var(--accent);color:var(--accent)}.prose{font-size:16.5px;line-height:1.95;color:var(--fg)}.prose>*+*{margin-top:1.3em}.prose h2,.prose h3,.prose h4{font-family:var(--font-serif);color:var(--fg-strong);scroll-margin-top:120px}.prose h2{font-size:1.5rem;font-weight:500;margin-top:2.4em;padding-bottom:.35em;border-bottom:1px solid var(--line-soft)}.prose h3{font-size:1.2rem;font-weight:500;margin-top:2em}.prose a{color:var(--accent);border-bottom:1px solid color-mix(in srgb,var(--accent) 35%,transparent);transition:border-color .2s ease}.prose a:hover{border-bottom-color:var(--accent)}.prose strong{color:var(--fg-strong);font-weight:600}.prose ul,.prose ol{padding-left:1.4em}.prose li+li{margin-top:.4em}.prose blockquote{border-left:2px solid var(--accent);padding:.2em 0 .2em 1.2em;color:var(--muted);font-style:italic}.prose code{font-family:var(--font-mono);font-size:.87em;padding:.16em .44em;border-radius:6px;background:var(--code-bg)}.prose pre{position:relative;padding:1.25rem 1.4rem;border-radius:.75rem;border:1px solid var(--line);background:var(--pre-bg);overflow-x:auto;font-size:.85rem;line-height:1.75;transition:background .8s ease}.prose pre code{padding:0;background:0 0}.prose img{max-width:100%;height:auto;border-radius:.75rem;border:1px solid var(--line)}.prose hr{border:0;border-top:1px solid var(--line);margin:2.4em 0}.prose table{width:100%;border-collapse:collapse;font-size:.9rem}.prose th,.prose td{padding:.7rem .9rem;border:1px solid var(--line);text-align:left}.prose th{background:var(--chip-bg);color:var(--fg-strong);font-weight:600}.copy-btn{position:absolute;top:10px;right:10px;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;background:rgba(0,0,0,.4);color:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.1);font-family:var(--font-mono);font-size:11px;opacity:0;transition:opacity .3s ease,background .2s ease,color .2s ease}.prose pre:hover .copy-btn{opacity:1}.copy-btn:hover{background:rgba(0,0,0,.6);color:#fff}.copy-btn.copied{color:#4ade80}.copy-btn svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2}.post-foot{margin-top:4.5rem;padding-top:2rem;border-top:1px solid var(--line-soft);display:flex;justify-content:space-between;gap:1rem;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--muted)}.post-foot a{transition:color .2s ease}.post-foot a:hover{color:var(--fg-strong)}.listing{max-width:48rem;margin:0 auto;min-height:60vh}.list-head{margin-bottom:3rem}.list-head .kicker{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:.75rem}.list-head h1{font-family:var(--font-serif);font-size:clamp(1.6rem,3vw,2.2rem);font-weight:500;color:var(--fg-strong)}.lead{margin-top:.75rem;color:var(--muted);font-size:.95rem}.year-block{position:relative;margin-top:3rem}.year-block>.year{display:block;font-size:clamp(1.9rem,3.4vw,2.6rem);font-weight:300;letter-spacing:-.04em;color:var(--fg-strong);opacity:.22;user-select:none;margin-bottom:.75rem;line-height:1}.year-list{display:flex;flex-direction:column}.year-item{display:flex;align-items:baseline;gap:1.5rem;padding:.85rem 0;border-bottom:1px solid var(--line-soft);transition:border-color .25s ease}.year-item:hover{border-bottom-color:var(--line)}.year-item time{font-family:var(--font-mono);font-size:11px;color:var(--muted);width:3.5rem;flex-shrink:0}.year-item a{flex:1;font-size:.95rem;color:var(--fg);transition:color .3s ease}.year-item:hover a{color:var(--accent)}.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{display:inline-flex;align-items:baseline;gap:8px;padding:.55rem 1rem;border-radius:var(--r-pill);background:var(--chip-bg);border:1px solid var(--line);color:var(--fg);font-size:.85rem;transition:transform .35s var(--ease-spring),border-color .3s ease,background .3s ease}.chip:hover{transform:translateY(-2px);border-color:var(--line-hi,var(--line));background:var(--hover-bg)}.chip .count{font-family:var(--font-mono);font-size:11px;color:var(--muted)}.empty{padding:2.5rem 0;color:var(--muted)}.foot{width:100%;max-width:1024px;margin:0 auto;padding:0 24px 3rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}.foot-social{display:flex;gap:16px}.uptime{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.uptime b{color:var(--accent);font-weight:700}.foot-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;color:var(--muted)}.foot-meta a{transition:color .2s ease}.foot-meta a:hover{color:var(--fg-strong)}.foot-meta .sep{opacity:.4}.to-top{position:fixed;right:32px;bottom:32px;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:14px;border-radius:50%;background:var(--glass-ui);border:1px solid var(--glass-border);box-shadow:inset 0 1px rgba(255,255,255,.35),0 2px 4px rgba(5,10,15,5%),0 7px 13px -3px rgba(5,10,15,.22);color:var(--fg-strong);opacity:0;transform:translateY(20px)scale(.8);pointer-events:none;transition:opacity .35s ease,transform .45s var(--ease-spring),background .3s ease}.to-top.show{opacity:1;transform:none;pointer-events:auto}.to-top:hover{background:var(--hover-bg)}.to-top svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2.5;transition:transform .3s ease}.to-top:hover svg{transform:translateY(-2px)}.to-top .pct{font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:-.03em;opacity:.8}.page-enter{animation-name:pageIn;animation-duration:.8s;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:both}@keyframes pageIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}::view-transition-old(root),::view-transition-new(root){animation-duration:.8s;animation-timing-function:cubic-bezier(.45,.05,.19,1);mix-blend-mode:normal}::view-transition-old(root){animation-name:vtOut}::view-transition-new(root){animation-name:vtIn}@keyframes vtOut{to{opacity:0}}@keyframes vtIn{from{opacity:0}}html.js .reveal{opacity:0;translate:0 22px}html.js .reveal.in{opacity:1;translate:none;transition:opacity 1s cubic-bezier(.22,1,.36,1),translate 1s cubic-bezier(.22,1,.36,1);transition-delay:var(--rd,0ms)}@media(max-width:900px){.hero{flex-direction:column;gap:3rem;min-height:0;padding:3rem 0 3.5rem;margin-bottom:3.5rem;text-align:center}.hero-text{align-items:center;text-align:center;gap:1.75rem}.hero-title{min-height:0}.hero-avatar{width:clamp(180px,46vw,240px);height:clamp(180px,46vw,240px);border-radius:2rem}}@media(max-width:760px){.nav{top:12px;width:94%}.nav-inner,.to-top{background:var(--glass-ui)}.nav-inner{padding:9px 14px;gap:8px}.logo{font-size:9px;letter-spacing:.18em}.nav-links a{padding:7px 9px;font-size:9px;letter-spacing:.12em}.nav-center{gap:8px}.nav-divider{display:none}.nav-tools{padding:3px}.nav-tools button,.nav-tools a{width:26px;height:26px}.nav-tools .rss-link{display:none}.nav-tools a.rss-link{display:none}.main{padding:104px 18px 96px}.hero-title{font-size:1.7rem;line-height:1.75}.hero-sub{font-size:.9rem}.posts-grid{columns:1}.card{padding:1.35rem 1.3rem 1.25rem;margin-bottom:1.1rem;border-radius:1.15rem}.card-title{font-size:1.05rem}.card-excerpt{-webkit-line-clamp:3;font-size:13.5px}.year-block{padding-left:0;padding-top:2.2rem}.year-block>.year{position:static;display:block;margin-bottom:.5rem;opacity:.35}.year-item{gap:.75rem}.post-head h1{font-size:1.6rem}.prose{font-size:16px;line-height:1.9}.prose h2{font-size:1.25rem}.to-top{right:16px;bottom:16px;padding:12px}}@media(max-width:420px){.nav-inner{padding:8px 10px 8px 14px;gap:6px}.logo{font-size:8px;letter-spacing:.1em}.nav-links{padding:3px}.nav-links a{padding:6px 7px;font-size:8.5px;letter-spacing:.06em}.nav-center{gap:6px}}math{font-size:1.06em;line-height:1.4}.math-inline{white-space:nowrap}.math-display{margin:1.7em 0;padding:.15em 0;overflow-x:auto;overflow-y:hidden;text-align:center}.math-display math{font-size:1.12em}.math-display::-webkit-scrollbar{height:6px}.math-display::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}.plot{margin:2rem 0}.plot svg{display:block;width:100%;height:auto;border-radius:1rem;border:1px solid var(--line);background:var(--chip-bg);transition:border-color .9s var(--ease-glide),background-color .9s var(--ease-glide)}.plot .grid-line{stroke:var(--line-soft);stroke-width:1}.plot .axis-line{stroke:var(--line);stroke-width:1.3}.plot .tick{fill:var(--muted);font-family:var(--font-mono);font-size:9px}.plot .curve{fill:none;stroke:var(--accent);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.plot figcaption{margin-top:.65rem;text-align:center;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--muted)}.derive{margin:1.4rem 0;border:1px solid var(--line);border-radius:.9rem;background:var(--chip-bg);overflow:hidden;transition:border-color .5s var(--ease-glide),background-color .9s var(--ease-glide)}.derive>summary{display:flex;align-items:center;gap:.55rem;padding:.8rem 1.05rem;cursor:pointer;list-style:none;user-select:none;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.08em;color:var(--muted);transition:color .35s var(--ease-glide),background-color .35s var(--ease-glide)}.derive>summary::-webkit-details-marker{display:none}.derive>summary:hover{color:var(--fg-strong);background:var(--hover-bg)}.derive .chev{width:12px;height:12px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .4s cubic-bezier(.22,1,.36,1)}.derive[open] .chev{transform:rotate(90deg)}.derive[open]>summary{color:var(--fg-strong)}.derive-body{padding:0 1.15rem 1rem;border-top:1px solid var(--line-soft);animation:deriveIn .45s cubic-bezier(.22,1,.36,1)both}.derive-body>:first-child{margin-top:1rem}.derive-body>:last-child{margin-bottom:.2rem}@keyframes deriveIn{from{opacity:0;translate:0 -6px}to{opacity:1;translate:none}}html.perf-lite .blob,html.perf-lite .bg-grid{display:none}html.perf-lite .bg-layer{background:var(--bg)}html.perf-lite .nav-inner::after{display:none}html.perf-lite .hero-title .ch{animation:none!important;opacity:1!important;transform:none!important;will-change:auto}html.perf-lite .reveal{opacity:1!important;transform:none!important;transition:none!important}html.perf-lite .hero-avatar{transition:none}html.perf-lite .nav{transition:opacity .25s linear}html.perf-lite .nav.is-hidden{opacity:0;transform:translateX(-50%);pointer-events:none}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}.hero-title .ch{opacity:1;transform:none;filter:none}.hero-sub .cursor{display:none}.blob{animation:none}html.js .reveal{opacity:1;translate:none}}