:root{color-scheme:light;--c-bg:#f5f1e8;--c-bg-subtle:#ece7db;--c-surface:#fffdf7;--c-border:#14120f;--c-border-strong:#1b2a6b;--c-text:#14120f;--c-text-muted:#4a453c;--c-text-faint:#7d766a;--c-accent:#ff4a17;--c-accent-hover:#e63c0c;--c-accent-soft:#ffe4d9;--c-accent-contrast:#fff;--c-ink-2:#1b2a6b;--c-scrollbar:#4a453c;--c-scrollbar-active:#14120f;--c-focus:#1b2a6b;--c-bar:#1b2a6b;--c-on-bar:#f5f1e8;--font-sans:"Helvetica Neue", Helvetica, Arial, "Noto Sans SC", "Hiragino Sans", "Microsoft YaHei", sans-serif;--font-serif:ui-serif, Georgia, "Songti SC", "Noto Serif SC", "Yu Mincho", serif;--font-mono:ui-monospace, "SFMono-Regular", "Cascadia Code", "JetBrains Mono", Consolas, monospace;--step--2:clamp(.694rem, .68rem + .07vw, .73rem);--step--1:clamp(.833rem, .8rem + .16vw, .9rem);--step-0:clamp(1rem, .96rem + .2vw, 1.125rem);--step-1:clamp(1.2rem, 1.13rem + .35vw, 1.4rem);--step-2:clamp(1.44rem, 1.33rem + .55vw, 1.75rem);--step-3:clamp(1.728rem, 1.56rem + .84vw, 2.19rem);--step-4:clamp(2.074rem, 1.82rem + 1.27vw, 2.74rem);--step-5:clamp(2.488rem, 2.12rem + 1.84vw, 3.42rem);--step-6:clamp(2.986rem, 2.46rem + 3.4vw, 5.2rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--space-10:8rem;--radius-sm:0;--radius-md:0;--radius-lg:0;--radius-full:0;--border-width:3px;--border-hair:2px;--misreg:4px;--overprint:2px;--ink-bar-width:6px;--halftone-size:7px;--halftone-dot:1.5px;--leading-tight:1.15;--leading-snug:1.4;--leading-normal:1.7;--measure:68ch;--page-top:clamp(2.25rem, 4.5vw, 4rem);--container:72rem;--container-narrow:48rem;--header-height:4rem;--duration-fast:.12s;--duration:.2s;--duration-slow:.56s;--ease:cubic-bezier(.22, .61, .36, 1);--z-header:100;--z-overlay:200;--shadow-ink:4px 4px 0 var(--c-border);--shadow-ink-2:4px 4px 0 var(--c-ink-2);--shadow-accent:5px 5px 0 var(--c-accent);--shadow-sm:3px 3px 0 var(--c-border);--shadow-md:6px 6px 0 var(--c-accent)}[data-theme=dark]{color-scheme:dark;--c-bg:#101433;--c-bg-subtle:#171c42;--c-surface:#151a3c;--c-border:#e8e3d6;--c-border-strong:#ff5c2b;--c-text:#f2eee4;--c-text-muted:#aeb5d6;--c-text-faint:#7d84a8;--c-accent:#ff5c2b;--c-accent-hover:#ff7a52;--c-accent-soft:#2b1c3d;--c-accent-contrast:#101433;--c-ink-2:#5fd3e8;--c-scrollbar:#7d84a8;--c-scrollbar-active:#aeb5d6;--c-focus:#5fd3e8;--c-bar:#1e2450;--c-on-bar:#f2eee4}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{background:var(--c-bg);min-height:100svh;color:var(--c-text);font-family:var(--font-sans);font-size:var(--step-0);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;flex-direction:column;display:flex}img,picture,svg,canvas,video{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}ul[class],ol[class]{padding:0;list-style:none}table{border-collapse:collapse}h1,h2,h3,h4{line-height:var(--leading-tight);letter-spacing:-.03em;text-wrap:balance;font-weight:800}h1{font-size:var(--step-4);letter-spacing:-.04em;text-shadow:var(--overprint) var(--overprint) 0 var(--c-accent);font-weight:900}h2{font-size:var(--step-2);margin-top:var(--space-7);padding-left:var(--space-4);border-left:var(--ink-bar-width) solid var(--c-accent)}h3{font-size:var(--step-1);margin-top:var(--space-6)}h4{font-size:var(--step-0);margin-top:var(--space-5)}p{text-wrap:pretty}a{color:var(--c-accent);text-decoration-thickness:var(--border-hair);text-underline-offset:.22em}a:hover{color:var(--c-accent-hover)}code,kbd,pre,samp{font-family:var(--font-mono);font-size:.92em}:not(pre)>code{border:var(--border-hair) solid var(--c-border);background:var(--c-accent-soft);border-radius:0;padding:.1em .36em}pre{padding:var(--space-4) var(--space-5);border:var(--border-width) solid var(--c-border);background:var(--c-bg-subtle);line-height:var(--leading-snug);border-radius:0;overflow-x:auto}blockquote{padding-left:var(--space-5);border-left:var(--border-width) solid var(--c-accent);color:var(--c-text-muted);margin-inline:0;font-style:normal}hr{height:var(--border-width);background:var(--c-border);margin-block:var(--space-7);border:0}::selection{background:var(--c-accent);color:var(--c-accent-contrast)}:focus-visible{outline:3px solid var(--c-focus);outline-offset:2px}html{scrollbar-gutter:stable}@supports not selector(::-webkit-scrollbar){html{scrollbar-width:thin;scrollbar-color:transparent transparent}html:hover,html:focus-within{scrollbar-color:var(--c-scrollbar) transparent}}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-thumb{border:var(--border-hair) solid transparent;transition:background var(--duration) var(--ease), border-color var(--duration) var(--ease);background:0 0;border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--c-scrollbar);border-color:var(--c-bg)}html:focus-within::-webkit-scrollbar-thumb{background:var(--c-scrollbar);border-color:var(--c-bg)}::-webkit-scrollbar-thumb:active{background:var(--c-scrollbar-active);border-color:var(--c-bg)}.container{width:100%;max-width:var(--container);padding-inline:var(--space-5);margin-inline:auto}@media (width>=720px){.container{padding-inline:var(--space-6)}}.container-narrow{width:100%;max-width:var(--container-narrow);padding-inline:var(--space-5);margin-inline:auto}@media (width>=720px){.container-narrow{padding-inline:var(--space-6)}}main{flex:1 0 auto;padding-block-start:var(--page-top)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:var(--space-2);left:var(--space-2);z-index:var(--z-overlay);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:var(--c-text);color:var(--c-bg);text-decoration:none;position:absolute;transform:translateY(-200%)}.skip-link:focus{transform:none}.page-head{margin-bottom:var(--space-7)}.page-title{margin:0 0 var(--space-3)}.page-subtitle{max-width:var(--measure);color:var(--c-text-muted);margin:0}.page-count{margin:var(--space-3) 0 0;color:var(--c-text-faint);font-family:var(--font-mono);font-size:var(--step--2)}.section{margin-top:var(--space-9)}.section-head{align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.section-title{font-size:var(--step-2);margin:0}.section-more{font-size:var(--step--1);margin-left:auto}.grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=480px){.grid--2{grid-template-columns:repeat(2,1fr)}}@media (width>=720px){.grid--3{grid-template-columns:repeat(3,1fr)}}.lead{max-width:var(--measure);font-size:var(--step-1);color:var(--c-text-muted);text-wrap:pretty}.chips{gap:var(--space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.links{gap:var(--space-4);flex-wrap:wrap;padding:0;list-style:none;display:flex}.empty{color:var(--c-text-faint);font-size:var(--step--1)}.site-header{z-index:var(--z-header);background:var(--c-bar);color:var(--c-on-bar);border:0;border-bottom:var(--border-width) solid var(--c-accent);position:sticky;top:0}.header-inner{align-items:center;gap:var(--space-5);min-height:var(--header-height);flex-wrap:wrap;display:flex}.brand{align-items:center;gap:var(--space-2);color:var(--c-on-bar);letter-spacing:-.02em;font-weight:800;text-decoration:none;display:inline-flex}.brand:focus-visible{outline:3px solid var(--c-focus);outline-offset:2px;border-radius:0}.brand:hover{color:var(--c-on-bar)}.brand-mark{border:var(--border-hair) solid var(--c-on-bar);background:var(--c-on-bar);width:2rem;height:2rem;transition:border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease);border-radius:0;flex:none;display:block}.brand-mark img{object-fit:cover;width:100%;height:100%;display:block}.brand:hover .brand-mark{border-color:var(--c-accent);box-shadow:var(--shadow-accent)}.site-nav{gap:var(--space-1);flex-wrap:wrap;display:flex}.site-nav a{padding:var(--space-2) var(--space-3);color:color-mix(in oklab, var(--c-on-bar) 74%, transparent);font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.1em;text-transform:uppercase;border-radius:0;font-weight:700;text-decoration:none}.site-nav a:focus-visible{outline:3px solid var(--c-focus);outline-offset:2px;border-radius:0}.site-nav a:hover{color:var(--c-on-bar);box-shadow:inset 0 calc(var(--border-width) * -1) 0 var(--c-accent);background:0 0}.site-nav a[aria-current=page]{background:var(--c-accent);color:#fff;box-shadow:none}.header-tools{align-items:center;gap:var(--space-3);margin-left:auto;display:flex}.lang-switch{border:var(--border-hair) solid color-mix(in oklab, var(--c-on-bar) 40%, transparent);border-radius:0;gap:0;padding:0;display:flex}.lang-switch a{color:color-mix(in oklab, var(--c-on-bar) 74%, transparent);font-family:var(--font-mono);font-size:var(--step--2);border-radius:0;padding:.15rem .55rem;font-weight:700;text-decoration:none}.lang-switch a[aria-current=true]{background:var(--c-accent);color:#fff}@media (width<=720px){.header-inner{gap:var(--space-3);padding-block:var(--space-2)}.site-nav{order:3;width:100%}}.site-footer{background:var(--c-bar);color:var(--c-on-bar);margin-top:var(--space-9);padding-block:var(--space-6);border:0;border-top:var(--border-width) solid var(--c-accent)}.footer-inner{align-items:center;gap:var(--space-4);color:color-mix(in oklab, var(--c-on-bar) 68%, transparent);font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.08em;flex-wrap:wrap;display:flex}.footer-inner p{margin:0}.footer-links{gap:var(--space-4);margin:0 0 0 auto;padding:0;list-style:none;display:flex}.footer-links a{color:var(--c-on-bar);border-bottom:var(--border-hair) solid var(--c-accent);text-decoration:none}.footer-links a:hover{color:var(--c-accent)}.built{width:100%;font-size:var(--step--2);text-transform:uppercase}.app-body{background:var(--c-bg)}.app-main{flex:1 0 auto}.app-shell{width:100%;max-width:var(--container-narrow);padding:0 var(--space-5) var(--space-8);margin-inline:auto}.app-back{margin:0 0 var(--space-4);font-size:var(--step--1)}.app-back a{color:var(--c-text-muted);text-decoration:none}.app-back a:hover{color:var(--c-accent)}.app-header{margin-bottom:var(--space-5)}.app-title{margin:0 0 var(--space-2)}.app-desc{color:var(--c-text-muted);font-size:var(--step--1);margin:0}.app-stage{position:relative}.app-skeleton,.app-error{justify-content:center;align-items:center;gap:var(--space-3);text-align:center;background:var(--c-bg);color:var(--c-text-muted);font-size:var(--step--1);flex-direction:column;display:none;position:absolute;inset:0}.app-stage[data-state=loading] .app-skeleton,.app-stage[data-state=error] .app-error{display:flex}.app-stage[data-state=loading] [data-app-root],.app-stage[data-state=error] [data-app-root]{visibility:hidden}.app-retry{min-height:2.25rem;padding:0 var(--space-4);border:var(--border-width) solid var(--c-border);border-radius:var(--radius-full);background:var(--c-surface)}.app-retry:hover{border-color:var(--c-accent);color:var(--c-accent)}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:2.6rem;padding:0 var(--space-5);border:var(--border-width) solid transparent;font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.12em;text-transform:uppercase;transition:transform var(--duration-fast) var(--ease), box-shadow var(--duration-fast) var(--ease), background var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease);border-radius:0;font-weight:700;text-decoration:none;display:inline-flex}.btn--primary{background:var(--c-accent);border-color:var(--c-accent);color:#fff;box-shadow:var(--shadow-ink-2)}.btn--primary:hover{background:var(--c-accent);color:#fff;box-shadow:6px 6px 0 var(--c-ink-2);transform:translate(-2px,-2px)}.btn--ghost{border-color:var(--c-ink-2);color:var(--c-ink-2);box-shadow:var(--shadow-accent)}.btn--ghost:hover{border-color:var(--c-accent);color:var(--c-accent);box-shadow:6px 6px 0 var(--c-accent);transform:translate(-2px,-2px)}.btn-row{gap:var(--space-4);flex-wrap:wrap;display:flex}.card{padding:var(--space-5);border:var(--border-width) solid var(--c-ink-2);background:var(--c-surface);color:inherit;transition:transform var(--duration) var(--ease), box-shadow var(--duration) var(--ease), border-color var(--duration) var(--ease);border-radius:0;text-decoration:none;display:block}.card:hover{border-color:var(--c-accent);box-shadow:var(--shadow-accent);transform:translate(calc(var(--misreg) * -.5), calc(var(--misreg) * -.5))}.post-list{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}.post-card-title{margin:0 0 var(--space-2);font-size:var(--step-1);line-height:var(--leading-snug)}.post-card-meta{gap:var(--space-3);margin-bottom:var(--space-3);color:var(--c-text-faint);font-family:var(--font-mono);font-size:var(--step--2);flex-wrap:wrap;display:flex}.post-card-desc{margin:0 0 var(--space-4);color:var(--c-text-muted);font-size:var(--step--1);text-wrap:pretty}.post-card-tags{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.app-card{position:relative}.app-card-top{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.app-card-badge{border:var(--border-width) solid var(--c-border);border-radius:var(--radius-md);background:var(--c-bg-subtle);width:2rem;height:2rem;font-family:var(--font-mono);font-size:var(--step--1);place-items:center;display:grid}.app-card-kind{font-family:var(--font-mono);font-size:var(--step--2);color:var(--c-text-faint);text-transform:uppercase;letter-spacing:.08em}.app-card-title{margin:0 0 var(--space-2);font-size:var(--step-1)}.app-card-desc{color:var(--c-text-muted);font-size:var(--step--1);margin:0}.tag{border:var(--border-hair) solid var(--c-ink-2);background:var(--c-surface);color:var(--c-ink-2);font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.08em;border-radius:0;align-items:center;padding:.15rem .6rem;font-weight:700;text-decoration:none;display:inline-flex}.tag:hover{border-color:var(--c-accent);color:var(--c-accent)}.tag--active{background:var(--c-accent);border-color:var(--c-accent);color:#fff}.tag-count{opacity:.7;margin-left:.4em}.toc-rail{display:none}@media (width>=1200px){.toc-rail{top:50%;right:var(--space-5);z-index:var(--z-header);width:3.5rem;max-height:min(82vh,42rem);padding:var(--space-3);border:var(--border-width) solid transparent;transition:width var(--duration) var(--ease), background-color var(--duration) var(--ease), border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease);background:0 0;border-radius:0;flex-direction:column;display:flex;position:fixed;overflow:hidden;transform:translateY(-50%)}.toc-rail:hover,.toc-rail:focus-within{border-color:var(--c-border);background:var(--c-bg);width:16rem;box-shadow:var(--shadow-ink-2);scrollbar-width:none;overflow-y:auto}.toc-rail:hover::-webkit-scrollbar,.toc-rail:focus-within::-webkit-scrollbar{display:none}.toc-rail-title{margin:0 0 var(--space-2);font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.18em;text-transform:uppercase;color:var(--c-text-faint);white-space:nowrap;opacity:0;transition:opacity var(--duration) var(--ease);font-weight:700}.toc-rail-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.toc-rail-link{align-items:center;gap:var(--space-3);white-space:nowrap;color:var(--c-text-muted);text-decoration:none;display:flex}.toc-rail-link:hover{color:var(--c-accent)}.toc-rail-bar{background:var(--c-text-faint);width:1.75rem;height:3px;transition:width var(--duration) var(--ease), background-color var(--duration) var(--ease);flex:none;display:block}.toc-rail-item--sub .toc-rail-bar{width:1.05rem}.toc-rail-text{font-size:var(--step--2);opacity:0;transition:opacity var(--duration) var(--ease);flex:none}.toc-rail:hover .toc-rail-title,.toc-rail:focus-within .toc-rail-title,.toc-rail:hover .toc-rail-text,.toc-rail:focus-within .toc-rail-text{opacity:1}.toc-rail-link:hover .toc-rail-bar{background:var(--c-accent)}.toc-rail-link.is-active{color:var(--c-accent)}.toc-rail-link.is-active .toc-rail-bar{background:var(--c-accent);width:2.25rem}.toc-rail-link.is-active .toc-rail-text{font-weight:700}}@media print{.toc-rail{display:none}}@media (prefers-reduced-motion:reduce){.toc-rail,.toc-rail-bar,.toc-rail-text,.toc-rail-title{transition:none}}.theme-toggle{border:var(--border-width) solid var(--c-border);border-radius:var(--radius-full);background:var(--c-surface);width:2.25rem;height:2.25rem;color:var(--c-text-muted);transition:border-color var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease);place-items:center;font-size:1rem;line-height:1;display:grid}.theme-toggle:hover{border-color:var(--c-accent);color:var(--c-accent)}.theme-toggle.placeholder{background:0 0;border-color:#0000}::view-transition-old(root),::view-transition-new(root){mix-blend-mode:normal;animation:none}html[data-ripple=on]::view-transition-new(root){animation:theme-ripple var(--duration-slow) var(--ease) forwards}@keyframes theme-ripple{0%{clip-path:circle(0% at var(--ripple-x) var(--ripple-y))}to{clip-path:circle(var(--ripple-r) at var(--ripple-x) var(--ripple-y))}}@media (prefers-reduced-motion:reduce){html[data-ripple=on]::view-transition-new(root){animation:none}}.search{position:relative}.search-trigger{align-items:center;gap:var(--space-2);height:2.25rem;padding:0 var(--space-3);border:var(--border-width) solid var(--c-border);border-radius:var(--radius-full);background:var(--c-surface);color:var(--c-text-muted);font-size:var(--step--1);display:inline-flex}.search-trigger:hover{border-color:var(--c-border-strong);color:var(--c-text)}.search-trigger-text{display:none}@media (width>=900px){.search-trigger-text{display:inline}}.search-key{border:var(--border-width) solid var(--c-border);border-radius:var(--radius-sm);color:var(--c-text-faint);font-family:var(--font-mono);padding:0 .3rem;font-size:.7rem}.search-panel{z-index:var(--z-overlay);border:var(--border-width) solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-surface);width:min(38rem,100vw - 2rem);box-shadow:var(--shadow-md);margin-inline:auto;position:fixed;inset:12vh 0 auto;overflow:hidden}.search-input{width:100%;padding:var(--space-4);border:0;border-bottom:var(--border-width) solid var(--c-border);font-size:var(--step-0);background:0 0}.search-input:focus-visible{outline:none}.search-results{max-height:50vh;overflow:auto}.search-list{padding:var(--space-2);margin:0;list-style:none}.search-result{padding:var(--space-3);border-radius:var(--radius-md);text-decoration:none;display:block}.search-result.active,.search-result:hover{background:var(--c-bg-subtle)}.search-result-title{font-size:var(--step--1);font-weight:600;display:block}.search-result-excerpt{color:var(--c-text-muted);font-size:var(--step--2);margin-top:2px;line-height:1.5;display:block}.search-result-excerpt mark{background:var(--c-accent-soft);color:var(--c-accent)}.search-status,.search-hint{padding:var(--space-4);color:var(--c-text-faint);font-size:var(--step--1);margin:0}.search-hint{font-size:var(--step--2);padding-top:0}.search-close{top:var(--space-3);right:var(--space-3);border-radius:var(--radius-full);width:1.8rem;height:1.8rem;color:var(--c-text-faint);font-size:1.1rem;position:absolute}.search-close:hover{background:var(--c-bg-subtle);color:var(--c-text)}.comments{margin-top:var(--space-8);padding-top:var(--space-6);border-top:var(--border-width) solid var(--c-border)}.comments h2{margin:0 0 var(--space-4);font-size:var(--step-1)}.comments-off{color:var(--c-text-faint);font-size:var(--step--1);margin:0}.comments-off code{border:var(--border-width) solid var(--c-border);border-radius:var(--radius-sm);background:var(--c-bg-subtle);padding:.1em .35em}.giscus-placeholder{border:var(--border-width) dashed var(--c-border);border-radius:var(--radius-md);min-height:6rem;color:var(--c-text-faint);place-items:center;margin:0;display:grid}.counter{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--c-border);border-radius:var(--radius-full);background:var(--c-surface);font-family:var(--font-mono);font-size:var(--step--1);display:inline-flex}.counter-btn{border:var(--border-width) solid var(--c-border);border-radius:var(--radius-full);width:1.6rem;height:1.6rem;color:var(--c-text-muted);line-height:1}.counter-btn:hover{border-color:var(--c-accent);color:var(--c-accent)}.counter-value{text-align:center;min-width:2.5ch;font-weight:700}.counter-hint{color:var(--c-text-faint);font-size:var(--step--2)}.post-nav{gap:var(--space-4);margin-top:var(--space-7);padding-top:var(--space-5);border-top:var(--border-width) solid var(--c-border);flex-wrap:wrap;display:flex}.post-nav-item{padding:var(--space-4);border:var(--border-width) solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-surface);color:inherit;flex:14rem;text-decoration:none}.post-nav-item:hover{border-color:var(--c-accent)}.post-nav-label{margin-bottom:var(--space-1);color:var(--c-text-faint);font-family:var(--font-mono);font-size:var(--step--2);text-transform:uppercase;letter-spacing:.08em;display:block}.post-nav-title{font-size:var(--step--1);font-weight:600;display:block}.post-nav-item--next{text-align:right}