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);--card-line:rgba(255,255,255,.14);--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);--card-line:rgba(255,255,255,.14);--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{--card-line:var(--fg);--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 .4s 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 .4s 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 .4s ease}.bg-grid{position:absolute;inset:0;background:radial-gradient(70% 42% at 50% -8%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 70%);opacity:1;transition:background 1s ease}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)}.blob-wrap{position:absolute;inset:-12% 0;opacity:.5}.bg-layer::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,transparent 34%,var(--bg) 86%);opacity:.6;pointer-events:none}.blob{position:absolute;border-radius:50%;transition:background-color .4s 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 .34s ease-out,opacity .34s ease-out;will-change:transform}.nav.is-hidden{transform:translate(-50%,-150%)}.nav-inner{position:relative;overflow:hidden;display:grid;grid-template-columns: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:end}.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(6px);animation-name:chIn;animation-duration:.55s;animation-timing-function:ease-out;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 .4s 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 .4s ease;z-index:0}.hero-avatar{position:relative;z-index:1;display:block;width:clamp(230px,26vw,380px);height:auto;aspect-ratio:1/1;object-fit:contain;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 26px 30px rgba(52,46,40,.16));transform:translateY(0);transition:transform .9s var(--ease-liquid),filter .9s var(--ease-glide)}.hero-avatar:hover{transform:translateY(-6px)scale(1.015)}.latest{padding-top:2.2rem;max-width:none;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{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start;margin-top:.5rem;padding-bottom:6rem}.mg-col{display:flex;flex-direction:column;gap:30px;min-width:0}.card{position:relative;display:block;break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;margin:0 0 30px;padding:0;border:2px solid rgba(0,0,0,.86);border-radius:2px;background:0 0;overflow:hidden;transition:border-color .1s cubic-bezier(.25,.46,.45,.94)}.card:hover{border-color:#bd6262}.card-cover{display:block;overflow:hidden;line-height:0;aspect-ratio:16/10;background:var(--line-soft)}.card-cover img{width:100%;height:auto;display:block;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}.card-body{position:relative;padding:16px 20px}.card.is-cover{background:#12121c}.card.is-cover .card-cover{position:absolute;inset:0;height:100%;aspect-ratio:auto}.card.is-cover .card-cover img{height:100%;object-fit:cover;object-position:center 38%;filter:brightness(.55)}.card.is-cover .card-body{z-index:1;display:flex;flex-direction:column;justify-content:flex-end;min-height:320px;padding:120px 20px 30px;background:linear-gradient(180deg,rgba(0,0,0,.1) 0%,rgba(0,0,0,.52) 52%,rgba(0,0,0,.8) 100%)}.card.is-cover .card-meta{color:#fff;opacity:.62}.card.is-cover .card-title{color:#fff;font-size:1.5rem;text-wrap:balance}.card.is-cover .card-excerpt{color:rgba(255,255,255,.78)}.card.is-text .card-body{padding:20px 20px 22px}.post-cover{margin:0 0 2.6rem;overflow:hidden;background:var(--line-soft)}.post-cover img{width:100%;height:auto;display:block}.post-cover figcaption{padding:.75rem .3rem .1rem;font-size:.78rem;letter-spacing:.02em;color:var(--muted);text-align:center}.card-meta{display:flex;align-items:center;gap:.6rem;margin-bottom:3px;font-size:14px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--fg);opacity:.3}.card-title{margin:0 0 .6rem;font-size:1.71rem;font-weight:700;line-height:1.35;letter-spacing:-.01em;color:var(--fg-strong);transition:color .3s ease}.card:hover .card-title{color:var(--accent)}.card-excerpt{margin:0;font-size:18px;font-weight:300;line-height:1.45;color:var(--muted);overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}@media(min-width:768px){.card-title{font-size:1.85rem}}@media(max-width:767px){.card{border:0;border-bottom:1px solid var(--line);border-radius:0;margin-bottom:30px;padding-bottom:24px}.card-body{padding:0}.card-cover{margin-bottom:14px}.card-title{font-size:1.5rem}.card-excerpt{font-size:15px;-webkit-line-clamp:3}}.post{max-width:50rem;margin:0 auto}.post-hero{position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-top:-144px;height:clamp(430px,64vh,660px);display:grid;place-items:center;overflow:hidden;background:#12121c}.post-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.78)saturate(1)}.post-hero-scrim{position:absolute;inset:0;background:radial-gradient(72% 52% at 50% 52%,rgba(10,10,16,.58),rgba(10,10,16,.18) 62%,transparent 80%),linear-gradient(180deg,rgba(12,12,18,.42) 0%,rgba(12,12,18,.18) 42%,rgba(12,12,18,.58) 100%)}.post-hero-inner{position:relative;z-index:1;width:min(50rem,88%);padding:4rem 1rem 3rem;text-align:center}.post-hero .post-title{color:#fff;text-shadow:0 2px 30px rgba(0,0,0,.45)}.post-hero .post-meta{margin-top:1rem;color:rgba(255,255,255,.9);text-shadow:0 1px 14px rgba(0,0,0,.5)}.post-hero .post-dot{opacity:.5}.post.has-hero{padding-top:3.4rem}.post-hero.is-below{height:clamp(300px,46vh,520px)}.post-hero.is-below .post-hero-img{filter:none}.post.cover-below{padding-top:0}.post.cover-below .post-banner{padding:2.6rem 1rem 2.2rem}.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-sans);color:var(--fg-strong);scroll-margin-top:120px}.prose h2{font-size:1.5em;font-weight:500;margin:1.4em 0 .45em}.prose h3{font-size:1.17em;font-weight:500;margin:1.3em 0 .4em}.prose a{color:var(--fg-strong);border-bottom:1px solid color-mix(in srgb,var(--fg) 22%,transparent);transition:color .2s ease,border-color .2s ease}.prose a:hover{color:var(--accent);border-bottom-color:var(--accent)}.prose strong{color:var(--fg-strong);font-weight:600}.prose ul,.prose ol{padding-left:1.35em}.prose li+li{margin-top:.4em}.prose blockquote{margin:.92em 0;border-left:3px solid color-mix(in srgb,var(--fg) 18%,transparent);padding-left:12px;color:var(--muted);font-style:normal}.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 figure{margin:1.9em 0}.prose figure img{margin:0 auto}.prose figcaption{margin-top:.7rem;font-size:.8rem;line-height:1.6;color:var(--muted);text-align:center}.prose hr{border:0;border-top:1px solid var(--line);margin:2.4em 0}.prose table{width:100%;margin:1.7em 0;border-collapse:collapse;font-size:.92rem;line-height:1.65}.prose th,.prose td{padding:.68rem .9rem .68rem 0;border:0;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.prose th{background:0 0;color:var(--muted);font-weight:600;font-size:.82em;letter-spacing:.04em;border-bottom-color:var(--fg);border-bottom-width:1px;opacity:.95}.prose tr:last-child td{border-bottom:0}.prose th+th,.prose td+td{padding-left:1rem}.prose table code{font-size:.88em}.prose :not(pre)>code{white-space:nowrap}.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:3.5rem 24px 4.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.6rem;text-align:center}.foot-social{display:flex;gap:16px}.foot-btn{width:38px;height:38px;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-color .3s ease,color .3s ease,border-color .3s ease}.foot-btn:hover{transform:scale(1.15);background:var(--hover-bg);color:var(--fg-strong)}.foot-btn:active{transform:scale(.9)}.foot-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.uptime{display:flex;flex-direction:column;align-items:center;gap:5px;font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:var(--muted)}.uptime-label{display:inline-flex;align-items:center;gap:6px;opacity:.6;font-weight:700;text-transform:uppercase}.uptime-label svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}.uptime-value{font-size:11px;font-weight:500;letter-spacing:.16em;color:var(--fg-strong);font-variant-numeric:tabular-nums;transition:color .4s ease}.foot-meta{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;color:var(--muted);opacity:.75}.foot-meta a{transition:color .2s ease}.foot-meta a:hover{color:var(--fg-strong)}.post-banner{text-align:center;padding:70px 45px 58px}.post-title{font-family:var(--font-serif);font-family:var(--font-sans);font-size:2.7rem;font-weight:400;line-height:1.67;letter-spacing:.01em;color:var(--fg-strong);margin:0 auto;max-width:40rem}.post-meta{margin-top:.9rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.55rem;font-size:14px;font-weight:300;letter-spacing:.02em;color:var(--muted)}.post-dot{opacity:.45}.post-tags-foot{margin-top:3.2rem}.post-pager{position:relative;margin-top:3.6rem;padding-top:2rem;display:flex;justify-content:space-between;gap:2rem}.post-pager::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--fg);opacity:.1}.pager-item{width:50%;display:flex;flex-direction:column;gap:.55rem}.pager-item.next{margin-left:auto;text-align:right;align-items:flex-end}.pager-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);opacity:.75}.pager-item h2{font-family:var(--font-serif);font-size:1.08rem;font-weight:500;line-height:1.55;color:var(--fg-strong);transition:color .25s ease}.pager-item:hover h2{color:var(--accent)}@media(max-width:640px){.post-banner{padding:1.2rem .5rem 2.2rem}.post-title{font-size:2.2rem;line-height:1.5}.post-meta{gap:.45rem;font-size:12.5px}.post-pager{flex-direction:column;gap:1.5rem}.pager-item{width:100%}.pager-item.next{text-align:left;align-items:flex-start;margin-left:0}}.prose{font-size:18px;line-height:1.75}.prose p{margin:.92em 0}.prose ul{list-style-type:square;padding-left:1.25em}.prose ol{padding-left:1.4em}.prose hr{width:14%;margin:2.6em auto 2.2em;border:0;border-top:3px solid var(--line)}.prose blockquote{font-style:normal}.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(200px,52vw,260px);height:auto}}@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{grid-template-columns:1fr;padding:0;margin-bottom:0;border-radius:0}.card.has-cover:nth-child(even) .card-cover{order:0}.card-body{padding:20px 22px 24px}.card-title{font-size:1.71rem}.card-excerpt{-webkit-line-clamp:3;font-size:16px}.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}.prose{font-size:18px;line-height:1.75}.post-hero{margin-top:-104px;height:min(54vh,430px)}.post-hero.is-below{height:min(36vh,300px)}.post.cover-below .post-banner{padding:1.8rem .5rem 1.6rem}.post-hero-inner{width:92%;padding:3.4rem 1rem 2.6rem}.post-hero .post-title{font-size:1.9rem}.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-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){html:not(.force-motion){scroll-behavior:auto}html:not(.force-motion) .hero-title .ch{animation:none;opacity:1;transform:none;filter:none}html:not(.force-motion) .hero-sub .cursor{display:none}html:not(.force-motion) .blob{animation:none}html:not(.force-motion) .reveal{opacity:1;transform:none;translate:none;transition:opacity .35s ease}html:not(.force-motion) .card:hover,html:not(.force-motion) .chip:hover{transform:none}html:not(.force-motion) .hero-avatar:hover{transform:rotate(3deg)scale(1)}html:not(.force-motion) .nav{transition:opacity .3s linear}html:not(.force-motion) .nav.is-hidden{opacity:0;transform:translateX(-50%);pointer-events:none}}html[data-atmo=dawn]{--bg:#ffffff;--fg:#333333;--fg-strong:#111111;--muted:#6f6f6f;--accent:#8a5a3f;--b1:rgba(0,0,0,0);--b2:rgba(0,0,0,0);--b3:rgba(0,0,0,0);--card-line:rgba(0,0,0,.14);--line:rgba(0,0,0,.09);--line-soft:rgba(0,0,0,.05);--card-bg:transparent;--card-shadow:none;--glass-ui:#ffffff;--glass-solid:#ffffff;--glass-border:rgba(0,0,0,.09);--pre-bg:#f7f7f5;--code-bg:rgba(0,0,0,.045)}html[data-atmo=breeze]{--bg:#fbfaf8;--fg:#333333;--fg-strong:#111111;--muted:#6f6f6f;--accent:#8a5a3f;--b1:rgba(0,0,0,0);--b2:rgba(0,0,0,0);--b3:rgba(0,0,0,0);--card-line:rgba(0,0,0,.14);--line:rgba(0,0,0,.09);--line-soft:rgba(0,0,0,.05);--card-bg:transparent;--card-shadow:none;--glass-ui:#fbfaf8;--glass-solid:#fbfaf8;--glass-border:rgba(0,0,0,.09);--pre-bg:#f6f5f2;--code-bg:rgba(0,0,0,.045)}html[data-atmo=canopy]{--bg:#f8f8f4;--fg:#333333;--fg-strong:#111111;--muted:#6f6f6f;--accent:#7c6a4a;--b1:rgba(0,0,0,0);--b2:rgba(0,0,0,0);--b3:rgba(0,0,0,0);--card-line:rgba(0,0,0,.14);--line:rgba(0,0,0,.09);--line-soft:rgba(0,0,0,.05);--card-bg:transparent;--card-shadow:none;--glass-ui:#f8f8f4;--glass-solid:#f8f8f4;--glass-border:rgba(0,0,0,.09);--pre-bg:#f5f6f1;--code-bg:rgba(0,0,0,.045)}html[data-atmo=silver]{--bg:#fbfbfb;--fg:#333333;--fg-strong:#111111;--muted:#6f6f6f;--accent:#555555;--b1:rgba(0,0,0,0);--b2:rgba(0,0,0,0);--b3:rgba(0,0,0,0);--card-line:rgba(0,0,0,.14);--line:rgba(0,0,0,.09);--line-soft:rgba(0,0,0,.05);--card-bg:transparent;--card-shadow:none;--glass-ui:#fbfbfb;--glass-solid:#fbfbfb;--glass-border:rgba(0,0,0,.09);--pre-bg:#f6f6f6;--code-bg:rgba(0,0,0,.045)}html[data-atmo=abyss]{--bg:#141414;--fg:#cfcfcf;--fg-strong:#f4f4f4;--muted:#8c8c8c;--accent:#c98b63;--b1:rgba(0,0,0,0);--b2:rgba(0,0,0,0);--b3:rgba(0,0,0,0);--card-line:rgba(255,255,255,.2);--line:rgba(255,255,255,.1);--line-soft:rgba(255,255,255,.06);--card-bg:transparent;--card-shadow:none;--glass-ui:#141414;--glass-solid:#141414;--glass-border:rgba(255,255,255,.1);--pre-bg:#191919;--code-bg:rgba(255,255,255,.07)}html[data-atmo=obsidian]{--bg:#0c0c0c;--fg:#cfcfcf;--fg-strong:#f6f6f6;--muted:#8a8a8a;--accent:#c98b63;--b1:rgba(0,0,0,0);--b2:rgba(0,0,0,0);--b3:rgba(0,0,0,0);--card-line:rgba(255,255,255,.2);--line:rgba(255,255,255,.1);--line-soft:rgba(255,255,255,.06);--card-bg:transparent;--card-shadow:none;--glass-ui:#0c0c0c;--glass-solid:#0c0c0c;--glass-border:rgba(255,255,255,.1);--pre-bg:#131313;--code-bg:rgba(255,255,255,.07)}.blob-wrap,.bg-grid,.bg-layer::after{display:none}.bg-layer{background:var(--bg)}.nav{top:0;left:0;transform:none;width:100%;max-width:none;background:var(--bg);border-bottom:1px solid var(--line)}.nav.is-hidden{transform:translateY(-100%)}.nav-inner{max-width:var(--w);margin:0 auto;grid-template-columns:auto 1fr;gap:24px;padding:15px 24px;border:0;border-radius:0;background:0 0;box-shadow:none;overflow:visible}.nav-inner::after,.nav-pill,.nav-divider{display:none}.nav-center{justify-content:flex-end}.nav-links{padding:0;border:0;background:0 0;box-shadow:none;gap:0}.nav-links a{padding:5px 0;margin-left:28px;border-radius:0;background:0 0;font-size:13px;font-weight:400;letter-spacing:.06em;color:var(--muted);opacity:1}.nav-tools{border:0;background:0 0;box-shadow:none;padding:0;margin-left:18px}.nav-tools button,.nav-tools a{border-radius:0}.nav-links a[aria-current=page]{background:0 0;color:var(--fg-strong);box-shadow:none;border-bottom:1px solid var(--fg-strong)}.nav-tools button,.nav-tools a{border:0;background:0 0;box-shadow:none}.main{padding-top:96px}.hero{min-height:380px;margin-bottom:2rem;padding-bottom:1rem}.post-hero{margin-top:-96px}.prose{font-family:var(--font-serif);font-size:18px;line-height:1.95;color:var(--fg);letter-spacing:0}.post-title,.hero h1,.hero-title{font-family:var(--font-serif)}.prose a{color:inherit;border-bottom:1px solid rgba(0,0,0,.3)}.prose a:hover{border-bottom-color:var(--fg-strong)}html[data-atmo=abyss] .prose a,html[data-atmo=obsidian] .prose a{border-bottom-color:rgba(255,255,255,.3)}.prose h2,.prose h3{font-family:var(--font-sans);font-weight:600}.prose blockquote{border-left:3px solid var(--card-line);background:0 0;padding-left:1rem}.card{background:0 0;border:2px solid rgba(0,0,0,.86);box-shadow:none}.card:hover{border-color:#bd6262}.main-inner{animation:pageIn .5s ease-out both}@keyframes pageIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.hero-sub .cursor{width:1px;animation:blink 1.2s steps(2,end)infinite}@media(prefers-reduced-motion:reduce){.main-inner{animation:none}}@media(max-width:760px){.posts-grid{grid-template-columns:1fr;gap:18px}.mg-col{display:contents}}.card-meta{color:rgba(0,0,0,.125);opacity:1;font-size:14px;font-weight:700;letter-spacing:0;margin-bottom:3px}.card-title{font-size:1.85rem;font-weight:700;line-height:1.35;margin:0 0 .6rem;color:rgba(0,0,0,.98);transition:color .1s cubic-bezier(.25,.46,.45,.94);word-break:break-word}.card-excerpt{font-size:20px;font-weight:300;line-height:1.3;color:#999;margin:.6rem 0 0}.card:hover .card-title{color:#bd6262}.card.is-cover{border-color:transparent}.card.is-cover:hover{border-color:transparent}.card.is-cover .card-meta{color:#fff;opacity:.62}.card.is-cover .card-title{color:#fff}.card.is-cover .card-excerpt{color:rgba(255,255,255,.8)}.card.is-cover:hover .card-body{background:rgba(0,0,0,.62)}.card.is-cover:hover .card-title{color:#fff}html[data-atmo=abyss] .card,html[data-atmo=obsidian] .card{border-color:rgba(255,255,255,8%)}html[data-atmo=abyss] .card-meta,html[data-atmo=obsidian] .card-meta{color:#aaa}html[data-atmo=abyss] .card-title,html[data-atmo=obsidian] .card-title{color:#cececf}html[data-atmo=abyss] .card-excerpt,html[data-atmo=obsidian] .card-excerpt{color:#aaa}.card-cover{overflow:hidden}.card-cover img{display:block;width:100%;height:100%;object-fit:cover}.nav-tools #theme-toggle,.nav-tools .rss-link{color:#4a4a4a}html[data-atmo=obsidian] .nav-tools #theme-toggle,html[data-atmo=obsidian] .nav-tools .rss-link{color:#cfcfcf}.hero-frame{position:absolute;left:50%;top:50%;width:calc(100% + 44px);height:calc(100% + 44px);transform:translate(-50%,-50%);overflow:visible;pointer-events:none;z-index:2}.hero-frame .fr-line,.hero-frame .fr-mark,.hero-frame .fr-stem,.hero-frame .fr-leaf{fill:none;stroke:var(--fg,#333);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;opacity:.42;stroke-dasharray:1;stroke-dashoffset:1;animation:fr-draw 1.5s cubic-bezier(.4,.05,.3,1)forwards}.hero-frame .fr-line:nth-of-type(1){animation-delay:.1s}.hero-frame .fr-line:nth-of-type(2){animation-delay:.3s}.hero-frame .fr-line:nth-of-type(3){animation-delay:.42s}.hero-frame .fr-line:nth-of-type(4){animation-delay:.54s}.hero-frame .fr-sketch{fill:none;stroke:var(--fg,#333);stroke-width:1;opacity:0;stroke-dasharray:.58 .42;stroke-dashoffset:.18;animation:fr-sketch-in 1.1s 1.15s forwards}.hero-frame .fr-mark{stroke:var(--accent,#bd6262);opacity:.62;animation-delay:.95s}.hero-frame .fr-mark+.fr-mark{animation-delay:1.12s}.hero-frame .fr-stem{animation-delay:.7s;opacity:.38}.hero-frame .fr-leaf{stroke:var(--accent-2,#2f8f8a);opacity:.5;animation-delay:.88s}.hero-frame .fr-leaf+.fr-leaf{animation-delay:1s}.frame-orbit{transform-origin:230px 230px;opacity:0;animation:fr-spin 72s linear infinite,fr-fade .9s 1.3s forwards}.hero-frame .fr-orbit{fill:none;stroke:var(--fg,#333);stroke-width:1;stroke-dasharray:1.5 11;opacity:.26}.hero-frame .fr-dot{fill:var(--accent,#bd6262);opacity:0;animation:fr-fade .7s 1.5s forwards}.hero-avatar{animation:fr-ink 1.3s .15s both}@keyframes fr-draw{to{stroke-dashoffset:0}}@keyframes fr-sketch-in{from{opacity:0;stroke-dashoffset:.9}to{opacity:.17;stroke-dashoffset:.18}}.hero-avatar-wrap:hover .hero-frame{transform:translate(-50%,-50%)rotate(1.4deg)scale(1.012)}.hero-frame{transition:transform .8s cubic-bezier(.22,.61,.36,1)}@keyframes fr-spin{to{transform:rotate(360deg)}}@keyframes fr-fade{to{opacity:1}}@keyframes fr-ink{from{opacity:0;filter:blur(7px)}to{opacity:1;filter:blur(0)}}@media(max-width:760px){.hero-frame{width:calc(100% + 26px);height:calc(100% + 26px)}.hero-frame .fr-mark,.hero-frame .fr-stem,.hero-frame .fr-leaf{display:none}.hero-frame .fr-line{stroke-width:1.1}}@media(prefers-reduced-motion:reduce){.hero-frame .fr-line,.hero-frame .fr-mark,.hero-frame .fr-stem,.hero-frame .fr-leaf{stroke-dashoffset:0;animation:none}.frame-orbit{animation:none;opacity:1}.hero-frame .fr-dot{animation:none;opacity:1}.hero-avatar{animation:none}}.search-overlay{position:fixed;inset:0;z-index:200;display:flex;justify-content:center;align-items:flex-start;padding:12vh 1.2rem 2rem;background:color-mix(in srgb,var(--bg) 66%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:so-in .22s var(--ease-out)both}.search-overlay[hidden]{display:none}@keyframes so-in{from{opacity:0}to{opacity:1}}.search-panel{width:min(680px,100%);background:var(--bg,#fff);background:color-mix(in srgb,var(--bg,#fff) 97%,#fff);border:1.5px solid var(--card-line);border-radius:6px;box-shadow:0 30px 70px -40px rgba(0,0,0,.45);overflow:hidden;animation:sp-in .28s var(--ease-soft)both}@keyframes sp-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.search-field{display:flex;align-items:center;gap:.7rem;padding:.9rem 1.1rem;border-bottom:1.5px solid var(--card-line)}.search-field svg{width:18px;height:18px;fill:none;stroke:var(--muted,#999);stroke-width:1.8;flex:none}.search-field input{flex:1;border:0;background:0 0;font:inherit;font-size:1.02rem;color:inherit;outline:none}.search-field input::-webkit-search-cancel-button{-webkit-appearance:none}.search-field kbd,.search-hint kbd{font:600 11px/1 var(--font-mono,monospace);padding:3px 5px;border:1px solid var(--card-line);border-radius:3px;color:var(--muted,#999);background:0 0}.search-results{max-height:min(56vh,480px);overflow-y:auto;padding:.4rem}.search-item{display:grid;gap:2px;padding:.68rem .8rem;border-radius:4px;color:inherit;text-decoration:none}.search-item b{font-size:1.02rem;font-weight:600}.search-meta{font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted,#999)}.search-sum{font-size:13.5px;color:var(--muted,#888);overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.search-item:hover,.search-item.is-active{background:var(--hover-bg,rgba(0,0,0,4%))}.search-empty{margin:0;padding:1.6rem .8rem;text-align:center;color:var(--muted,#999);font-size:.92rem}.search-hint{display:flex;gap:1.2rem;padding:.55rem 1.1rem;border-top:1.5px solid var(--card-line);font-size:11.5px;color:var(--muted,#999)}.search-hint span{display:inline-flex;align-items:center;gap:4px}html.searching{overflow:hidden}.links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;margin:2rem 0 3rem}.link-card{display:flex;gap:14px;align-items:flex-start;padding:1.1rem 1.2rem;border:2px solid rgba(0,0,0,.86);border-radius:2px;text-decoration:none;color:inherit;transition:border-color .1s cubic-bezier(.25,.46,.45,.94)}html[data-atmo=obsidian] .link-card{border-color:rgba(255,255,255,.14)}.link-card:hover{border-color:#bd6262}.link-card:hover .link-name{color:#bd6262}.link-avatar{width:46px;height:46px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:700;font-size:1.1rem;background:var(--hover-bg,rgba(0,0,0,5%));color:var(--muted,#666)}.link-name{font-weight:700;font-size:1.05rem;transition:color .1s ease}.link-desc{display:block;margin-top:3px;font-size:13.5px;line-height:1.5;color:var(--muted,#999)}.link-more{margin-top:3rem;padding-top:1.6rem;border-top:1.5px solid var(--card-line);font-size:.95rem;color:var(--muted,#888)}.bgm-week{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin:1.6rem 0 3rem}.bgm-day{border-top:2px solid rgba(0,0,0,.86);padding-top:.5rem;min-height:90px}html[data-atmo=obsidian] .bgm-day{border-top-color:rgba(255,255,255,.2)}.bgm-day h4{margin:0 0 .55rem;font-size:12px;letter-spacing:.12em;font-weight:700;color:var(--muted,#999);text-transform:uppercase}.bgm-day.is-empty{border-top:1px dashed rgba(0,0,0,.16);min-height:44px}html[data-atmo=obsidian] .bgm-day.is-empty{border-top-color:rgba(255,255,255,.14)}.bgm-day.is-today{border-top-color:#bd6262}.bgm-day.is-today h4{color:#bd6262}.bgm-item{display:block;margin-bottom:.6rem;text-decoration:none;color:inherit}.bgm-cover{position:relative;aspect-ratio:3/4;border-radius:2px;overflow:hidden;background:linear-gradient(150deg,#e9e5df,#d6d0c6);display:grid;place-items:center;font-size:1.6rem;font-weight:700;color:rgba(0,0,0,.28)}html[data-atmo=obsidian] .bgm-cover{background:linear-gradient(150deg,#26262a,#1a1a1e);color:rgba(255,255,255,.3)}.bgm-cover img{width:100%;height:100%;object-fit:cover}.bgm-ep{position:absolute;left:0;right:0;bottom:0;padding:4px 6px;font:600 11px/1 var(--font-mono,monospace);color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.72));text-align:right}.bgm-title{display:block;margin-top:5px;font-size:12.5px;line-height:1.35}.bgm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:20px 18px;margin:1.4rem 0 3rem}.bgm-score{display:inline-block;margin-top:3px;font:700 11px/1 var(--font-mono,monospace);color:#bd6262}.bgm-note{display:block;margin-top:4px;font-size:12px;line-height:1.5;color:var(--muted,#999)}.bgm-empty{padding:2.4rem 0;color:var(--muted,#999);font-size:.95rem;border-top:1.5px dashed var(--card-line)}@media(max-width:900px){.bgm-week{grid-template-columns:repeat(2,1fr);gap:16px}}@media(max-width:760px){.links-grid{grid-template-columns:1fr}.bgm-week{grid-template-columns:1fr}.bgm-day{min-height:0;border-top-width:1px}.bgm-day.is-empty{display:none}.bgm-day .bgm-item{display:flex;gap:10px;align-items:center}.bgm-day .bgm-cover{width:54px;aspect-ratio:3/4;flex:none}}.page-wrap{max-width:880px;margin:0 auto;padding:1.6rem 0 5rem}.page-title{font-size:clamp(2rem,4vw,2.9rem);font-weight:700;letter-spacing:-.02em;margin:1.4rem 0 .8rem}.page-lead{color:var(--muted,#888);margin:0 0 2.2rem;font-size:1rem}.sec-title{font-size:1.12rem;font-weight:700;letter-spacing:.02em;margin:2.8rem 0 .5rem;padding-bottom:.5rem;border-bottom:1.5px solid var(--card-line)}@media(max-width:760px){.nav-inner{grid-template-columns:auto 1fr;grid-template-areas:"logo tools" "links links";row-gap:8px;padding:10px 14px;border-radius:18px}.logo{grid-area:logo}.nav-center{display:contents}.nav-links{grid-area:links;justify-content:center;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.nav-links::-webkit-scrollbar{display:none}.nav-links a{white-space:nowrap}.nav-divider,.nav-pill{display:none}.nav-tools{grid-area:tools;justify-self:end}}.bgm-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin:1.8rem 0 .6rem}.bgm-tabs{display:flex;gap:6px;flex-wrap:wrap}.bgm-tab{padding:6px 14px;font:inherit;font-size:13.5px;color:var(--muted,#888);background:0 0;border:1.5px solid var(--card-line);border-radius:var(--r-pill,999px);cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.bgm-tab:hover{color:var(--fg,#222);border-color:rgba(0,0,0,.45)}.bgm-tab.is-on{color:#fff;background:#1d1d1f;border-color:#1d1d1f}html[data-atmo=obsidian] .bgm-tab.is-on{color:#141414;background:#e8e8e8;border-color:#e8e8e8}html[data-atmo=obsidian] .bgm-tab:hover{border-color:rgba(255,255,255,.45)}.bgm-tools{display:flex;gap:8px}.bgm-tools input,.bgm-tools select{font:inherit;font-size:13.5px;padding:6px 10px;color:inherit;background:0 0;border:1.5px solid var(--card-line);border-radius:3px;outline:none}.bgm-tools input{width:150px}.bgm-tools input:focus,.bgm-tools select:focus{border-color:#bd6262}.bgm-count{margin:1.1rem 0 1.2rem;font:600 11.5px/1 var(--font-mono,monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#999)}.bgm-badge{position:absolute;top:6px;right:6px;padding:2px 6px;font:700 11px/1.2 var(--font-mono,monospace);color:#fff;background:rgba(0,0,0,.62);border-radius:3px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bgm-sub{display:block;margin-top:3px;font-size:11.5px;letter-spacing:.04em;color:var(--muted,#999)}.bgm-item[hidden]{display:none}