:root{--c-paper:#f2ede2;--c-paper-2:#e9e1d0;--c-paper-3:#ded3bd;--c-ink:#1f1b16;--c-ink-2:#4a4339;--c-muted:#857a6a;--c-line:#1f1b1624;--c-line-strong:#1f1b1652;--c-cinnabar:#b23a2b;--c-cinnabar-deep:#8c2a1f;--c-azurite:#2b5a6b;--c-malachite:#4f7a62;--c-wood:#a9794a;--c-wood-dark:#6e4a2c;--c-night:#17140f;--c-night-2:#241f18;--c-on-night:#efe7d6;--c-surface:#fffcf59e;--c-overlay:#17140f8c;--font-serif:"Source Han Serif SC", "Noto Serif SC", "Songti SC", "STZhongsong", "STSong", "SimSun", serif;--font-sans:"PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;--font-mono:"Cascadia Mono", Consolas, "SF Mono", ui-monospace, monospace;--fs-display:clamp(3rem, 7.4vw, 8.4rem);--fs-h1:clamp(2.2rem, 4.4vw, 4.8rem);--fs-h2:clamp(1.7rem, 2.8vw, 3rem);--fs-h3:clamp(1.2rem, 1.5vw, 1.6rem);--fs-body:clamp(.98rem, .92vw, 1.1rem);--fs-small:.86rem;--fs-tiny:.75rem;--gutter:clamp(16px, 5vw, 96px);--content:1360px;--radius:4px;--radius-lg:10px;--nav-h:68px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--shadow:0 1px 0 #1f1b160d, 0 12px 32px -18px #1f1b1659;--shadow-lift:0 2px 0 #1f1b160d, 0 24px 48px -20px #1f1b1673;--paper-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.36 0 0 0 0 0.3 0 0 0 0 0.22 0 0 0 0.09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-color:var(--c-paper-3) transparent}body{background:var(--c-paper) var(--paper-grain);min-height:100vh;color:var(--c-ink);font-family:var(--font-sans);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.75;overflow-x:hidden}body.is-loading{overflow:hidden}img,canvas,svg,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}h1,h2,h3,h4{font-family:var(--font-serif);letter-spacing:.04em;font-weight:700;line-height:1.25}ul,ol{margin:0;padding:0}::selection{background:var(--c-cinnabar);color:var(--c-paper)}:focus-visible{outline:2px solid var(--c-cinnabar);outline-offset:3px}[hidden]{display:none!important}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wrap{width:100%;max-width:calc(var(--content) + var(--gutter) * 2);padding-inline:var(--gutter);margin-inline:auto}.eyebrow{font-size:var(--fs-tiny);letter-spacing:.32em;color:var(--c-muted);align-items:center;gap:.8em;display:inline-flex}.eyebrow:before{content:"";background:currentColor;width:2.4em;height:1px}.serif{font-family:var(--font-serif)}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.muted{color:var(--c-muted)}.cite{font-size:var(--fs-tiny);color:var(--c-muted)}.noscript{text-align:center;padding:24px}.dev-badge{z-index:300;color:var(--c-on-night);font:12px/1.4 var(--font-mono);pointer-events:none;background:#17140fd1;border-radius:6px;padding:6px 10px;position:fixed;bottom:12px;left:12px}@view-transition{navigation:auto}::view-transition-old(root){animation:vt-out .32s var(--ease-in-out) both}::view-transition-new(root){animation:vt-in .5s var(--ease-out) both}@keyframes vt-out{to{opacity:0;transform:translateY(-12px)}}@keyframes vt-in{0%{opacity:0;transform:translateY(18px)}}@media (prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation-duration:10ms}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn{--btn-bg:var(--c-ink);--btn-fg:var(--c-paper);--btn-sweep:var(--c-cinnabar);border:1px solid var(--btn-bg);border-radius:var(--radius);background:var(--btn-bg);min-height:46px;color:var(--btn-fg);letter-spacing:.12em;white-space:nowrap;cursor:pointer;isolation:isolate;transition:color .35s var(--ease-out), border-color .35s var(--ease-out), transform .2s var(--ease-out), box-shadow .35s var(--ease-out);justify-content:center;align-items:center;gap:.6em;padding:0 1.5em;font-size:.95rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";z-index:-1;background:var(--btn-sweep);transform-origin:100%;transition:transform .5s var(--ease-out);position:absolute;inset:0;transform:scaleX(0)}.btn:hover:before{transform-origin:0;transform:scaleX(1)}.btn:hover{border-color:var(--btn-sweep);box-shadow:0 10px 24px -14px var(--btn-sweep)}.btn:active{transform:translateY(1px)scale(.97)}.btn:disabled,.btn[aria-disabled=true]{opacity:.4;cursor:not-allowed;box-shadow:none}.btn:disabled:before{display:none}.btn .arrow{transition:transform .4s var(--ease-out);display:inline-block}.btn:hover .arrow{transform:translate(4px)}.btn--ghost{--btn-bg:transparent;--btn-fg:var(--c-ink);--btn-sweep:var(--c-ink);border-color:var(--c-line-strong)}.btn--ghost:hover{color:var(--c-paper)}.btn--cinnabar{--btn-bg:var(--c-cinnabar);--btn-sweep:var(--c-cinnabar-deep)}.btn--light{--btn-bg:var(--c-paper);--btn-fg:var(--c-ink);--btn-sweep:var(--c-cinnabar)}.btn--light:hover{color:var(--c-paper)}.btn--sm{min-height:36px;font-size:var(--fs-small);letter-spacing:.08em;padding:0 1em}.btn--icon{width:40px;min-height:40px;padding:0}.link{color:var(--c-ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:.4em;padding:0;font-weight:600;display:inline-flex;position:relative}.link:after{content:"";transform-origin:0;height:1px;transition:transform .5s var(--ease-out);background:currentColor;position:absolute;bottom:-3px;left:0;right:0;transform:scaleX(.3)}.link:hover{color:var(--c-cinnabar)}.link:hover:after{transform:scaleX(1)}.link .arrow{transition:transform .4s var(--ease-out)}.link:hover .arrow{transform:translate(4px)}.chip{border:1px solid var(--c-line-strong);min-height:34px;font-size:var(--fs-small);letter-spacing:.06em;cursor:pointer;transition:background .3s var(--ease-out), color .3s var(--ease-out), border-color .3s var(--ease-out), transform .2s var(--ease-out);background:0 0;border-radius:999px;align-items:center;gap:.4em;padding:0 .95em;display:inline-flex}.chip:hover{border-color:var(--c-ink);background:#1f1b160d}.chip:active{transform:scale(.95)}.chip[aria-pressed=true],.chip.is-active{background:var(--c-ink);border-color:var(--c-ink);color:var(--c-paper)}.chip small{opacity:.6;font-family:var(--font-mono)}.tag{font-size:var(--fs-tiny);letter-spacing:.1em;border:1px solid;border-radius:2px;padding:.1em .6em;line-height:1.6;display:inline-block}.tag--cinnabar{color:var(--c-cinnabar)}.tag--azurite{color:var(--c-azurite)}.field{gap:6px;display:grid}.field>span{font-size:var(--fs-small);color:var(--c-ink-2);letter-spacing:.08em}.input,.select,.textarea{border:1px solid var(--c-line-strong);border-radius:var(--radius);background:#fffcf5b3;width:100%;min-width:0;min-height:46px;padding:10px 14px;transition:border-color .3s,background .3s,box-shadow .3s}.input:hover,.select:hover,.textarea:hover{border-color:var(--c-ink-2)}.input:focus,.select:focus,.textarea:focus{border-color:var(--c-cinnabar);background:#fffdf8;outline:none;box-shadow:0 0 0 3px #b23a2b24}.textarea{resize:vertical;min-height:110px;line-height:1.6}.select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--c-ink) 50%), linear-gradient(135deg, var(--c-ink) 50%, transparent 50%);cursor:pointer;background-position:calc(100% - 18px) 52%,calc(100% - 13px) 52%;background-repeat:no-repeat;background-size:5px 5px;padding-right:36px}.status{min-height:1.6em;font-size:var(--fs-small);color:var(--c-muted)}.status.is-error{color:var(--c-cinnabar)}.status.is-ok{color:var(--c-malachite)}.switch{cursor:pointer;font-size:var(--fs-small);align-items:center;gap:10px;display:inline-flex}.switch input{appearance:none;background:var(--c-paper-3);cursor:pointer;border-radius:999px;width:40px;height:22px;margin:0;transition:background .3s;position:relative}.switch input:after{content:"";width:16px;height:16px;transition:transform .35s var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.switch input:checked{background:var(--c-cinnabar)}.switch input:checked:after{transform:translate(18px)}.range{appearance:none;cursor:pointer;background:0 0;width:100%;height:22px}.range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--c-cinnabar) var(--fill,0%), var(--c-line-strong) var(--fill,0%));height:2px}.range::-webkit-slider-thumb{appearance:none;border:2px solid var(--c-ink);background:var(--c-paper);width:18px;height:18px;transition:transform .2s var(--ease-out), background .2s;border-radius:2px;margin-top:-8px;transform:rotate(45deg)}.range:hover::-webkit-slider-thumb{background:var(--c-cinnabar);transform:rotate(45deg)scale(1.15)}.frame{position:relative}.frame:before,.frame:after{content:"";border:1px solid var(--c-ink);pointer-events:none;width:14px;height:14px;transition:width .5s var(--ease-out), height .5s var(--ease-out), border-color .4s;position:absolute}.frame:before{border-bottom:0;border-right:0;top:-1px;left:-1px}.frame:after{border-top:0;border-left:0;bottom:-1px;right:-1px}.seal{border:2px solid var(--c-cinnabar);width:2.4em;height:2.4em;color:var(--c-cinnabar);font-family:var(--font-serif);writing-mode:vertical-rl;letter-spacing:.05em;box-shadow:inset 0 0 0 2px var(--c-paper), inset 0 0 0 3px var(--c-cinnabar);border-radius:3px;place-items:center;font-weight:900;line-height:1;display:inline-grid}.seal--solid{background:var(--c-cinnabar);color:var(--c-paper);box-shadow:inset 0 0 0 3px var(--c-cinnabar), inset 0 0 0 4px #f2ede299}.page-head{padding:calc(var(--nav-h) + clamp(40px, 8vh, 110px)) 0 clamp(32px, 5vh, 64px);border-bottom:1px solid var(--c-line)}.page-head__grid{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:end;gap:clamp(24px,4vw,80px);display:grid}.page-head h1{font-size:var(--fs-h1);margin-top:.4em}.page-head__lead{color:var(--c-ink-2);max-width:36em}.section{padding:clamp(56px,10vh,120px) 0}.section-title{font-size:var(--fs-h2);margin:.3em 0 .6em}.prose p+p{margin-top:1em}.prose{color:var(--c-ink-2)}.empty{text-align:center;color:var(--c-muted);border:1px dashed var(--c-line-strong);border-radius:var(--radius-lg);padding:48px 16px}.skeleton{background:linear-gradient(90deg, var(--c-paper-2), var(--c-paper-3), var(--c-paper-2));background-size:200% 100%;animation:1.4s linear infinite skeleton}@keyframes skeleton{to{background-position:-200% 0}}.toast{z-index:400;border-radius:var(--radius);background:var(--c-ink);max-width:min(92vw,520px);color:var(--c-paper);font-size:var(--fs-small);box-shadow:var(--shadow-lift);opacity:0;pointer-events:none;transition:transform .45s var(--ease-out), opacity .3s;padding:12px 20px;position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px)}.toast.is-show{opacity:1;transform:translate(-50%)}.toast.is-error{background:var(--c-cinnabar)}.modal{border-radius:var(--radius-lg);background:var(--c-paper) var(--paper-grain);width:min(92vw,880px);max-height:90vh;color:var(--c-ink);border:0;padding:0;box-shadow:0 40px 100px -30px #0009}.modal::backdrop{backdrop-filter:blur(4px);background:#17140f99}.modal[open]{animation:modal-in .5s var(--ease-out)}@keyframes modal-in{0%{opacity:0;transform:translateY(24px)scale(.98)}}.modal__close{z-index:2;position:absolute;top:12px;right:12px}[data-reveal]{opacity:0;transition:opacity .9s var(--ease-out), transform .9s var(--ease-out);transition-delay:var(--delay,0s);transform:translateY(28px)}[data-reveal].is-in,.reduced-motion [data-reveal],.no-js [data-reveal]{opacity:1;transform:none}@media (width<=1079px){.page-head__grid{grid-template-columns:1fr;align-items:start}}@media (width<=600px){.btn{letter-spacing:.08em;min-height:44px;padding:0 1.2em}}.nav{z-index:60;height:var(--nav-h);padding:0 var(--gutter);view-transition-name:site-nav;transition:background .4s, border-color .4s, backdrop-filter .4s, transform .5s var(--ease-out);border-bottom:1px solid #0000;align-items:center;gap:clamp(16px,2vw,40px);display:flex;position:fixed;inset:0 0 auto}.nav.is-solid{backdrop-filter:blur(10px)saturate(1.2);border-bottom-color:var(--c-line);background:#f2ede2db}.nav.is-dark:not(.is-solid){color:var(--c-on-night)}.nav.is-hidden{transform:translateY(-100%)}.nav__brand{font-family:var(--font-serif);letter-spacing:.24em;flex:none;align-items:center;gap:12px;font-size:1.25rem;font-weight:900;display:flex}.nav__brand .seal{transition:transform .6s var(--ease-out);font-size:.72rem}.nav__brand:hover .seal{transform:rotate(-8deg)scale(1.06)}.nav__brand small{font-family:var(--font-sans);letter-spacing:.3em;opacity:.6;font-size:.6rem;font-weight:400;display:block}.nav__links{align-items:center;gap:clamp(14px,2.2vw,40px);margin-left:auto;list-style:none;display:flex}.nav__links a{letter-spacing:.14em;opacity:.78;flex-direction:column;align-items:center;padding:6px 0;font-size:.92rem;transition:opacity .3s,color .3s;display:flex;position:relative}.nav__links a small{font-family:var(--font-mono);letter-spacing:.1em;opacity:.55;margin-bottom:3px;font-size:.6rem;line-height:1}.nav__links a:after{content:"";background:var(--c-cinnabar);width:5px;height:5px;transition:transform .4s var(--ease-out);border-radius:50%;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)scale(0)}.nav__links a:hover{opacity:1}.nav__links a:hover:after{transform:translate(-50%)scale(.6)}.nav__links a[aria-current=page]{opacity:1;color:var(--c-cinnabar)}.nav.is-dark:not(.is-solid) .nav__links a[aria-current=page]{color:#f0a08f}.nav__links a[aria-current=page]:after{transform:translate(-50%)scale(1)}.nav__tools{align-items:center;gap:10px;display:flex}.icon-btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;width:40px;height:40px;transition:border-color .3s,background .3s,transform .2s;display:inline-grid}.icon-btn:hover{border-color:currentColor}.icon-btn:active{transform:scale(.92)}.icon-btn svg{width:20px;height:20px}.sound-btn .wave{transform-origin:50%;transition:opacity .3s}.sound-btn[aria-pressed=false] .wave{opacity:0}.sound-btn[aria-pressed=true] .wave{animation:1.2s ease-in-out infinite alternate wave}.sound-btn[aria-pressed=true] .wave+.wave{animation-delay:.3s}@keyframes wave{to{transform:scaleY(.4)}}.nav__menu-btn{display:none}.nav__menu-btn span{width:20px;height:1.5px;transition:transform .4s var(--ease-out);background:currentColor;display:block}.nav__menu-btn span+span{margin-top:6px}.nav__menu-btn[aria-expanded=true] span:first-child{transform:translateY(3.75px)rotate(45deg)}.nav__menu-btn[aria-expanded=true] span:last-child{transform:translateY(-3.75px)rotate(-45deg)}.nav__progress{pointer-events:none;height:2px;position:absolute;bottom:-1px;left:0;right:0}.nav__progress i{background:var(--c-cinnabar);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.menu{z-index:55;padding:calc(var(--nav-h) + 24px) var(--gutter) 40px;background:var(--c-paper) var(--paper-grain);clip-path:inset(0 0 100%);visibility:hidden;transition:clip-path .7s var(--ease-in-out), visibility 0s .7s;flex-direction:column;justify-content:center;display:flex;position:fixed;inset:0}.menu.is-open{clip-path:inset(0);visibility:visible;transition:clip-path .7s var(--ease-in-out), visibility 0s}.menu ol{list-style:none}.menu li{border-bottom:1px solid var(--c-line);overflow:hidden}.menu a{font-family:var(--font-serif);letter-spacing:.12em;transition:transform .7s var(--ease-out), color .3s;transition-delay:calc(var(--i) * 50ms + .15s);align-items:baseline;gap:16px;padding:14px 0;font-size:clamp(1.6rem,7vw,2.4rem);font-weight:700;display:flex;transform:translateY(100%)}.menu.is-open a{transform:none}.menu a small{font-family:var(--font-mono);color:var(--c-muted);font-size:.8rem}.menu a[aria-current=page],.menu a:active{color:var(--c-cinnabar)}.menu__foot{font-size:var(--fs-small);color:var(--c-muted);margin-top:32px}.footer{background:var(--c-night);color:var(--c-on-night);padding:clamp(56px,10vh,112px) 0 32px;position:relative;overflow:hidden}.footer__grid{grid-template-columns:1.4fr repeat(3,1fr);gap:clamp(24px,4vw,64px);display:grid}.footer__motto{font-family:var(--font-serif);letter-spacing:.16em;font-size:clamp(1.6rem,2.6vw,2.6rem);line-height:1.4}.footer__motto em{color:#e0806f;font-style:normal}.footer h4{font-family:var(--font-sans);font-size:var(--fs-tiny);letter-spacing:.3em;color:#efe7d680;margin-bottom:14px;font-weight:400}.footer ul{gap:8px;list-style:none;display:grid}.footer a{font-size:var(--fs-small);opacity:.85;transition:opacity .3s, color .3s, padding .4s var(--ease-out)}.footer a:hover{opacity:1;color:#f0a08f;padding-left:6px}.footer__bottom{font-size:var(--fs-tiny);color:#efe7d680;border-top:1px solid #efe7d624;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:clamp(40px,8vh,80px);padding-top:20px;display:flex}.footer__top{color:var(--c-on-night);border-color:#efe7d64d}.footer__bg{font-family:var(--font-serif);color:#efe7d60a;pointer-events:none;user-select:none;font-size:clamp(8rem,22vw,22rem);font-weight:900;line-height:1;position:absolute;bottom:-.32em;right:-.08em}.legacy{background:var(--c-cinnabar);color:#fff;text-align:center;padding:16px}@media (width<=1679px){.nav__links a small{display:none}}@media (width<=1079px){:root{--nav-h:60px}.nav__links,.nav__cta{display:none}.nav__tools{margin-left:auto}.nav__menu-btn{display:inline-grid}.footer__grid{grid-template-columns:1fr 1fr}.footer__grid>:first-child{grid-column:1/-1}}@media (width<=600px){.nav__brand small{display:none}}