:root{--paper: #f4ede2;--paper-dim: rgba(244, 237, 226, .62);--paper-faint: rgba(244, 237, 226, .34);--line: rgba(244, 237, 226, .22);--ember: #e6a173;--ink: #101720;--ease-out: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden;background:#101720}body{font-family:Avenir Next,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:var(--paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{position:relative;width:100%;height:100%;isolation:isolate}#scene{position:absolute;inset:0;width:100%;height:100%;display:block;outline:none;cursor:grab;touch-action:none}#scene:active{cursor:grabbing}.vignette{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse 82% 72% at 50% 43%,transparent 38%,rgba(9,13,20,.18) 72%,rgba(7,10,15,.58) 100%),linear-gradient(180deg,rgba(8,12,18,.32) 0%,transparent 23%,transparent 76%,rgba(8,11,16,.4) 100%)}.grain{position:absolute;inset:-30%;z-index:3;pointer-events:none;opacity:.05;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");animation:grain-shift .7s steps(2) infinite}@keyframes grain-shift{0%{transform:translateZ(0)}25%{transform:translate3d(-1.2%,.8%,0)}50%{transform:translate3d(.7%,-1.1%,0)}75%{transform:translate3d(-.4%,.5%,0)}to{transform:translateZ(0)}}.brand{position:absolute;z-index:5;top:clamp(26px,5.2vh,66px);left:clamp(24px,5vw,82px);max-width:min(620px,60vw);pointer-events:none;opacity:0;transform:translate3d(0,22px,0);animation:reveal-brand 1.6s var(--ease-out) .55s forwards}@keyframes reveal-brand{to{opacity:1;transform:translateZ(0)}}.brand-kicker{display:flex;align-items:center;gap:11px;margin-bottom:clamp(16px,2.2vh,28px);color:var(--paper-dim);font-size:9.5px;font-weight:600;letter-spacing:.28em;text-transform:uppercase}.kicker-index{color:var(--ember);font-variant-numeric:tabular-nums}.kicker-line{width:34px;height:1px;background:var(--line)}h1{margin:0 0 clamp(14px,2.2vh,25px);font-family:Songti SC,STSong,"Noto Serif SC",SimSun,serif;font-size:clamp(64px,9.4vw,144px);font-weight:600;line-height:.86;letter-spacing:-.055em;color:#f7f0e5;text-shadow:0 5px 42px rgba(7,10,16,.48)}.title-dot{display:inline-block;margin:0 .01em;color:var(--ember);font-family:Avenir Next,Segoe UI,sans-serif;font-weight:300;transform:translateY(-.06em)}.brand-sub{margin:0;color:var(--paper-dim);font-family:Songti SC,STSong,SimSun,serif;font-size:clamp(12px,1.05vw,15px);line-height:1.9;letter-spacing:.075em;text-shadow:0 2px 20px rgba(7,10,16,.48)}.scene-meta{position:absolute;z-index:5;top:clamp(30px,5.2vh,66px);right:clamp(24px,4.6vw,72px);display:grid;grid-template-columns:auto auto;align-items:baseline;gap:5px 16px;padding-left:18px;border-left:1px solid var(--line);pointer-events:none;opacity:0;transform:translate3d(12px,0,0);animation:reveal-meta 1.3s var(--ease-out) 1.15s forwards}@keyframes reveal-meta{to{opacity:1;transform:translateZ(0)}}.meta-label{color:var(--paper-faint);font-size:8.5px;font-weight:600;letter-spacing:.22em}.meta-value{color:var(--paper-dim);font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.08em}.meta-value em{color:var(--paper-faint);font-style:normal;font-size:8.5px}.meta-rule{grid-column:1 / -1;width:100%;height:1px;margin:8px 0;background:linear-gradient(90deg,var(--line),transparent)}.status-pill{position:absolute;z-index:6;top:clamp(122px,17vh,210px);right:clamp(24px,4.6vw,72px);display:flex;align-items:center;gap:9px;padding:7px 8px 7px 12px;border:1px solid rgba(244,237,226,.12);border-radius:999px;background:#0f161f3d;backdrop-filter:blur(14px) saturate(1.15);-webkit-backdrop-filter:blur(14px) saturate(1.15);color:var(--paper-dim);font-size:9px;letter-spacing:.16em;opacity:0;animation:reveal-status 1.2s var(--ease-out) 1.5s forwards}@keyframes reveal-status{to{opacity:1}}.status-dot{width:5px;height:5px;border-radius:50%;background:#a8d6b1;box-shadow:0 0 0 3px #a8d6b11f,0 0 10px #a8d6b180;animation:status-pulse 2.6s ease-in-out infinite}.status-pill.is-paused .status-dot{background:#b9a99c;box-shadow:0 0 0 3px #b9a99c1f;animation:none}@keyframes status-pulse{0%,to{opacity:1}50%{opacity:.4}}#orbit-toggle{appearance:none;border:0;padding:4px 7px;border-radius:999px;background:#f4ede214;color:var(--paper-faint);font:inherit;font-size:8.5px;letter-spacing:.1em;cursor:pointer;transition:color .25s ease,background .25s ease}#orbit-toggle:hover,#orbit-toggle:focus-visible{color:var(--paper);background:#f4ede229;outline:none}.hint{position:absolute;z-index:5;left:50%;bottom:clamp(22px,3.6vh,42px);transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:9px 17px;border:1px solid rgba(244,237,226,.1);border-radius:999px;background:#0c121a38;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--paper-faint);font-size:9.5px;letter-spacing:.12em;pointer-events:none;white-space:nowrap;opacity:0;animation:reveal-hint 1.2s var(--ease-out) 1.8s forwards}@keyframes reveal-hint{to{opacity:1}}.hint-divider{width:1px;height:9px;background:#f4ede22e}.mouse-icon{position:relative;display:inline-block;width:12px;height:17px;border:1px solid rgba(244,237,226,.4);border-radius:7px}.mouse-icon i{position:absolute;left:50%;top:3px;width:1.5px;height:4px;margin-left:-.75px;border-radius:1px;background:var(--ember);animation:scroll-wheel 2.2s ease-in-out infinite}@keyframes scroll-wheel{0%,to{transform:translateY(0);opacity:1}55%{transform:translateY(4px);opacity:.2}70%{transform:translateY(0);opacity:0}}.loading{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;background:radial-gradient(ellipse at 50% 46%,#1c2734e0,#0c121afa 64%),#0c1219;transition:opacity 1.1s var(--ease-out),visibility 1.1s}.loading.is-done{opacity:0;visibility:hidden;pointer-events:none}.loading-mark{display:flex;align-items:flex-end;gap:4px;height:34px}.loading-mark span{display:block;width:9px;background:var(--paper-dim);animation:loading-bars 1.25s ease-in-out infinite}.loading-mark span:nth-child(1){height:18px;animation-delay:-.2s;background:#f4ede259}.loading-mark span:nth-child(2){height:30px;animation-delay:-.05s;background:var(--ember)}.loading-mark span:nth-child(3){height:23px;animation-delay:.1s;background:#f4ede280}@keyframes loading-bars{0%,to{transform:scaleY(.58);opacity:.55}50%{transform:scaleY(1);opacity:1}}.loading-copy{display:flex;flex-direction:column;align-items:center;gap:8px}.loading-copy p{margin:0;font-family:Songti SC,STSong,SimSun,serif;font-size:16px;letter-spacing:.26em;color:var(--paper)}.loading-copy span{color:var(--paper-faint);font-size:9px;letter-spacing:.19em}.loading-track{width:168px;height:1px;overflow:hidden;background:#f4ede21f}.loading-track i{display:block;width:8%;height:100%;background:var(--ember);box-shadow:0 0 12px #e6a1738c;transition:width .5s var(--ease-out)}.fatal{position:absolute;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#0d141d;text-align:center;padding:24px}.fatal[hidden]{display:none}.fatal p{margin:0;font-family:Songti SC,STSong,SimSun,serif;font-size:22px;letter-spacing:.08em}.fatal span{color:var(--paper-faint);font-size:12px;line-height:1.8}@media (max-width: 900px){.brand{max-width:76vw}.scene-meta{display:none}.status-pill{top:auto;bottom:78px;right:50%;transform:translate(50%)}.hint{bottom:24px}}@media (max-width: 620px){.brand{top:24px;left:20px;max-width:88vw}.brand-kicker{margin-bottom:14px;font-size:8px;letter-spacing:.2em}.brand-sub{max-width:78vw;font-size:11px;line-height:1.8}h1{font-size:clamp(58px,19vw,90px)}.hint{gap:7px;padding:8px 12px;font-size:8.5px}.hint .mouse-icon,.hint .hint-divider:nth-of-type(2),.hint span:last-child{display:none}}@media (prefers-reduced-motion: reduce){.grain,.loading-mark span,.mouse-icon i,.status-dot{animation:none}.brand,.scene-meta,.status-pill,.hint{animation-duration:.01ms;animation-delay:0ms}}