@font-face{font-family:InterWeb;src:url('../assets/inter-bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
:root{--display:InterWeb,Helvetica,Arial,sans-serif;--ui:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;--vh:100lvh;--title-base:10.41667vw;--row-base:8.02084vw;--title-scale:1;--title-size:calc(var(--title-base)*var(--title-scale));--line-height:calc(var(--row-base)*var(--title-scale));--paper:#f4f3ee;--ink:#171716;--brand-top:.52083vw;--brand-base:9.4vw;--brand-scale:1;--brand-size:calc(var(--brand-base)*var(--brand-scale))}
*{box-sizing:border-box}
html{background:#111;scrollbar-width:none;overflow-x:clip}
html::-webkit-scrollbar{display:none}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
.lenis [data-lenis-prevent]{overscroll-behavior:contain}
body{margin:0;color:#fff;font-family:var(--display);font-weight:700;overflow-x:clip}
button,input{font:inherit}
button{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.3}
button:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:5px}
button{border:0}
button,input{border-radius:0}
a,button{-webkit-tap-highlight-color:transparent}
button{touch-action:manipulation}
.toolbar{position:fixed;top:.8vw;right:.85vw;display:flex;gap:18px;z-index:12;color:#fff;text-shadow:0 1px 8px #0009}
.nav-button{padding:4px 0;background:none;color:inherit;font-size:13px;letter-spacing:-.025em;line-height:1.2}
.nav-button:hover{box-shadow:0 1px currentColor}
.nav-button span{margin-left:3px}
.toast{position:fixed;z-index:50;bottom:24px;left:50%;transform:translate(-50%,16px);background:#f4f3ee;color:#181817;font:12px/1.6 var(--ui);padding:12px 20px;box-shadow:0 3px 24px #0003;opacity:0;pointer-events:none;transition:.25s;max-width:calc(100vw - 40px);text-align:center}
.toast.visible{opacity:1;transform:translate(-50%,0)}
.no-script{position:fixed;top:40%;z-index:100;background:#111;padding:30px}
@media(min-width:1920px){:root{--row-base:7.60417vw}}
@media(max-width:767px){:root{--title-base:15vw;--row-base:12vw}.toolbar{top:17px;right:12px;gap:20px}.nav-button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.toast{transition:none}}
.site-title{position:fixed;z-index:10;left:.26042vw;top:var(--brand-top);margin:0;color:#fff;font-family:var(--display);font-size:var(--brand-size);letter-spacing:-.07em;line-height:.85;font-weight:700;white-space:nowrap;text-transform:none;pointer-events:none}
.editor-open{overflow:hidden!important}
.edition-loading{position:fixed;inset:0;z-index:200;background:#080808;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;padding:24px;color:#ddd;font:14px/1.8 var(--ui);text-align:center}
.edition-loading button{padding:10px 18px;background:#f4f3ee;color:#171716;font:13px var(--ui)}
.edition-note{border-left:2px solid #a2a294;padding-left:12px}
@media(max-width:767px){:root{--brand-top:54px;--brand-base:14.8vw}.site-title{left:5px}}
