:root{--cream: #f8efe2;--ink: #07162f;--ink-dim: rgba(7, 22, 47, .62);--red: #ff720d;--orange: #ff8a18;--font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}@font-face{font-family:ZCOOL QingKe HuangYou;src:url(../fonts/display.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--cream);color:var(--ink);font-family:var(--font);overflow-x:hidden;-webkit-font-smoothing:antialiased}::selection{background:var(--red);color:var(--cream)}#webgl{position:fixed;inset:0;z-index:0}#webgl canvas{display:block;width:100%;height:100%}.grain{position:fixed;inset:-50%;z-index:3;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.04;animation:grain 8s steps(10) infinite}@keyframes grain{0%,to{transform:translate(0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-2%)}80%{transform:translate(3%,3%)}}#loader{position:fixed;inset:0;z-index:100;background:var(--cream);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;transition:opacity .8s ease,visibility .8s}#loader.done{opacity:0;visibility:hidden;pointer-events:none}.loader-retry{font:inherit;color:var(--red);border:1px solid currentColor;border-radius:999px;padding:8px 22px;background:transparent;cursor:pointer}.loader-bar{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:20px;font-weight:700;line-height:1;letter-spacing:.12em;text-indent:.12em;color:var(--ink);white-space:pre;min-height:20px}.loader-meta{display:flex;align-items:baseline;gap:18px}.loader-mark{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:700;letter-spacing:.28em;text-indent:.28em;color:var(--ink)}.loader-slogans{width:min(310px,calc(100vw - 100px));height:24px;line-height:24px;overflow:hidden;text-align:center}.loader-slogan-track{animation:slogan-roll 9s ease-in-out infinite}.loader-slogan-track span{display:block;height:24px;white-space:nowrap;font-size:11px;letter-spacing:.08em}@keyframes slogan-roll{0%,26%{transform:translateY(0)}33%,59%{transform:translateY(-24px)}66%,92%{transform:translateY(-48px)}to{transform:translateY(-72px)}}@media (prefers-reduced-motion: reduce){.loader-slogan-track{animation:none}}.loader-pct{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--red);font-variant-numeric:tabular-nums}@media (max-width: 640px){.loader-bar{font-size:15px;letter-spacing:.08em;text-indent:.08em}.loader-meta{gap:12px}.loader-mark{font-size:10px;letter-spacing:.2em;text-indent:.2em}}#stream-hint{position:fixed;z-index:9;left:50%;transform:translate(-50%);bottom:calc(28px + env(safe-area-inset-bottom));display:flex;align-items:baseline;gap:10px;padding:8px 16px;border-radius:999px;background:#fff6e8b8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1.5px solid var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--ink);animation:hint-in .4s ease-out}#stream-hint[hidden],#stream-hint [hidden]{display:none}#stream-hint button{font:inherit;color:var(--red);background:none;border:0;cursor:pointer;text-decoration:underline}#stream-hint .stream-pct{color:var(--red);font-variant-numeric:tabular-nums}@keyframes hint-in{0%{opacity:0;transform:translate(-50%,8px)}}.nav{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:calc(26px + env(safe-area-inset-top)) calc(46px + env(safe-area-inset-right)) 26px calc(46px + env(safe-area-inset-left))}.nav-logo{font-size:24px;font-weight:800;letter-spacing:.15em;color:var(--ink);text-decoration:none}.nav-logo .dot{color:var(--red)}.nav-lang{display:flex;align-items:center;gap:2px;padding:3px;border:1.5px solid var(--ink);border-radius:999px;background:#fff6e89e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.nav-lang-btn{min-height:28px;min-width:38px;display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--ink);background:none;border:0;border-radius:999px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .25s,color .25s}.nav-lang-btn[aria-pressed=true]{background:var(--ink);color:#fff6e8}.nav-lang-btn:focus-visible{outline:2px solid var(--red);outline-offset:3px}@media (hover: hover){.nav-lang-btn[aria-pressed=false]:hover{background:#2b24301a}}#content{position:relative;z-index:1}.section{min-height:260vh;display:flex;flex-direction:column;justify-content:center;padding:100px 7vw;position:relative}.section.right{align-items:flex-end;text-align:right}.section.center{align-items:center;text-align:center}#download{justify-content:flex-end;padding-bottom:12vh}.copy{max-width:620px}.eyebrow{font-size:13px;font-weight:700;letter-spacing:.42em;color:var(--red);margin-bottom:26px;text-transform:uppercase}h1{font-size:clamp(56px,8.5vw,118px);line-height:1.1;font-weight:800;letter-spacing:.03em;text-shadow:0 2px 40px rgba(253,243,221,.9)}h2{font-size:clamp(38px,5vw,68px);line-height:1.2;font-weight:800;letter-spacing:.02em;text-shadow:0 2px 34px rgba(253,243,221,.9)}.sub{margin-top:28px;font-size:clamp(15px,1.35vw,18px);line-height:2.05;color:var(--ink-dim);text-shadow:0 1px 18px rgba(253,243,221,.95)}.hero{justify-content:center}.hero-copy{max-width:720px}.tags{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap}.section.right .tags{justify-content:flex-end}.tag{font-size:13px;font-weight:700;letter-spacing:.22em;text-indent:.22em;color:var(--ink);background:#fdf3ddbf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1.5px solid rgba(43,36,48,.5);border-radius:999px;padding:10px 20px}.cta{display:flex;gap:18px;margin-top:44px;flex-wrap:wrap;justify-content:center}.btn{font-size:16px;font-weight:800;letter-spacing:.14em;color:var(--ink);text-decoration:none;background:#fdf3ddd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:2px solid var(--ink);border-radius:999px;padding:18px 46px;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s}.btn:hover{transform:translateY(-3px);box-shadow:0 14px 34px #2b243040}.btn.primary{background:var(--red);color:#fff6e8;border-color:var(--red)}.btn.primary:hover{box-shadow:0 14px 38px #d9405473}.footer{display:flex;justify-content:space-between;padding:30px 7vw 38px;font-size:12px;font-weight:700;letter-spacing:.25em;color:var(--ink-dim)}.reveal{opacity:0;transform:translateY(36px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1)}.reveal.in{opacity:1;transform:none}@media (max-width: 720px){.nav{padding:calc(18px + env(safe-area-inset-top)) calc(20px + env(safe-area-inset-right)) 18px calc(20px + env(safe-area-inset-left))}.nav-logo{font-size:20px}.nav-lang-btn{min-width:34px;letter-spacing:.08em}.section{padding:90px 24px}.btn{padding:15px 32px;font-size:14px}.footer{flex-direction:column;gap:8px;padding:24px 20px}}.pick-hint{position:fixed;left:50%;bottom:16%;transform:translate(-50%);z-index:6;pointer-events:none;opacity:0;transition:opacity .25s ease;font-size:13px;font-weight:700;letter-spacing:.12em;color:#fff6e8;background:#07162fb8;padding:9px 18px;border-radius:999px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.section{min-height:360vh}.ending-space{min-height:1728vh}.ending-visible .nav{opacity:0;pointer-events:none}.ending-access{position:fixed;inset:0;z-index:8;pointer-events:none}.ending-access a,.ending-access button{position:absolute;display:block;opacity:0;border:0;padding:0;pointer-events:auto;cursor:pointer}