:root{color:#181f1ce0;background:#bfa27d;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden;background:#bfa27d;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{color:inherit}.archive-shell{--line: rgba(31,39,35,.2);position:relative;width:100vw;height:100dvh;min-height:700px;overflow:hidden;isolation:isolate;background-color:#c5a985;background-image:url(/textures/xuan-paper-v2.png);background-size:cover;background-position:center}.archive-shell:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:#ccb08c6b}.archive-shell:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:#6f4e3014;mix-blend-mode:multiply}.particle-field{position:absolute;inset:0;z-index:1;overflow:hidden;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.particle-field:active{cursor:grabbing}.particle-canvas-host{position:absolute;inset:0;opacity:1;transition:opacity .22s ease}.particle-field canvas{width:100%;height:100%;display:block;filter:contrast(1.08) saturate(.86)}.splat-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform-origin:50% 52%;filter:sepia(.08) saturate(.88) contrast(1.06);mix-blend-mode:multiply;transition:opacity .22s ease,transform .12s linear;pointer-events:none;will-change:transform,opacity}.particle-field.is-loading .splat-fallback,.particle-field.is-fallback-only .splat-fallback{opacity:.94}.particle-field.is-loading .particle-canvas-host{opacity:.12}.particle-field.is-ready .splat-fallback,.particle-field.is-fallback-only .particle-canvas-host{opacity:0}.paper-grain{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.2;background:url(/grain.png) repeat;mix-blend-mode:multiply}.immersive-hud{position:absolute;z-index:20;left:50%;top:22px;width:min(720px,calc(100vw - 40px));min-height:48px;padding:8px 10px 8px 14px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;border:1px solid rgba(31,39,35,.18);background:#cfb897b3;backdrop-filter:blur(10px);opacity:0;pointer-events:none;transform:translate(-50%,-12px);transition:opacity .25s,transform .25s}.immersive-hud>span b,.immersive-hud>span small{display:block;white-space:nowrap}.immersive-hud>span b{font-family:"Noto Serif SC",serif;font-size:12px;font-weight:400;letter-spacing:.1em}.immersive-hud>span small{margin-top:2px;color:#1f272375;font-size:7px;letter-spacing:.08em}.immersive-hud p{margin:0;color:#1f272394;font-size:9px;letter-spacing:.08em;text-align:center}.immersive-hud>div{display:flex;gap:7px}.immersive-hud button{height:31px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(31,39,35,.2);background:#e2d0b55c;font-size:9px;cursor:pointer}.immersive-hud button.active{border-color:#304f388c;color:#243b2a}.topbar{position:absolute;z-index:8;top:0;left:0;right:0;height:96px;display:flex;align-items:center;justify-content:space-between;padding:22px 3.2vw;border-bottom:1px solid rgba(36,45,40,.12)}.brand{display:flex;align-items:center;gap:13px;padding:0;border:0;background:none;cursor:pointer;text-align:left}.brand-seal{width:45px;height:45px;display:grid;place-items:center;border:1px solid rgba(32,40,36,.42);color:#1c2924;font-family:"Noto Serif SC",serif;font-size:21px}.brand b{display:block;font-family:"Noto Serif SC",serif;font-size:24px;font-weight:300;letter-spacing:.28em}.brand small{display:block;margin-top:4px;color:#1f27238c;font-size:8px;letter-spacing:.2em}.top-actions{display:flex;align-items:center;gap:12px}.live-pill{display:inline-flex;gap:7px;align-items:center;color:#1f272394;font-size:11px}.live-pill.active{color:#17201d}.live-pill.active:before{content:"";width:5px;height:5px;border-radius:50%;background:#304f38;box-shadow:0 0 8px #304f388c}.icon-button,.mode-button{height:35px;border:1px solid rgba(32,41,36,.24);background:#d6c1a266;cursor:pointer;transition:background .2s,border-color .2s}.icon-button{width:35px;display:grid;place-items:center}.mode-button{padding:0 13px;font-size:11px;letter-spacing:.08em}.mode-button span{margin-left:14px;color:#6f2c4c}.icon-button:hover,.mode-button:hover{border-color:#1a221e9e;background:#decdb3b8}.intro-panel{position:absolute;z-index:6;left:4.4vw;top:23%;width:clamp(290px,21vw,390px);pointer-events:none}.eyebrow,.panel-kicker,.deck-title{color:#232b2794;font-size:9px;letter-spacing:.15em}.intro-panel h1{margin:32px 0 27px;font-family:"Noto Serif SC",serif;font-size:clamp(42px,3.65vw,68px);line-height:1.42;font-weight:300;letter-spacing:.04em;text-shadow:0 1px rgba(255,255,255,.22)}.intro-panel h1 span{display:block}.intro-panel h1 sup,.interaction-panel h2 sup{color:#6f2c4c;font-size:.42em}.intro-panel p{margin:0;font-family:"Noto Serif SC",serif;color:#222a26a6;font-size:13px;line-height:2.15;letter-spacing:.14em}.hairline{width:34px;height:1px;margin:25px 0 17px;background:#1e262273}.intro-panel>small{color:#222a267a;font-size:9px;letter-spacing:.14em}.relic-caption{position:absolute;z-index:6;left:35%;right:30%;bottom:18.2%;display:flex;align-items:center;justify-content:center;gap:11px;color:#1c2420b8;white-space:nowrap;pointer-events:none}.relic-caption>span{font-size:9px;letter-spacing:.09em}.relic-caption>i{width:24px;height:1px;background:#1c24207a}.relic-caption strong{font-family:"Noto Serif SC",serif;font-size:18px;font-weight:300;letter-spacing:.1em}.relic-caption em{color:#1f272378;font-size:9px;font-style:normal}.interaction-panel{position:absolute;z-index:9;top:15%;right:3.5vw;width:246px;padding:16px 17px 14px;border:1px solid rgba(35,43,39,.16);background:#cfb89770;backdrop-filter:blur(8px);box-shadow:0 12px 35px #48301c14}.panel-kicker{display:flex;justify-content:space-between}.panel-kicker b{font-weight:400}.interaction-panel h2{margin:18px 0 15px;font-family:"Noto Serif SC",serif;font-size:23px;font-weight:300;letter-spacing:.05em}.gesture-list{display:grid;gap:10px}.gesture-list>div{display:grid;grid-template-columns:27px 1fr;gap:10px;align-items:center;opacity:.44;transition:opacity .2s,transform .2s}.gesture-list>div.active{opacity:1;transform:translate(-2px)}.gesture-list b,.gesture-list small{display:block}.gesture-list b{font-family:"Noto Serif SC",serif;font-size:12px;font-weight:400;letter-spacing:.08em}.gesture-list small{margin-top:2px;color:#1f27238c;font-size:9px}.camera-toggle{width:100%;height:40px;margin-top:15px;padding:0 11px;display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;border:1px solid rgba(34,43,38,.24);background:#e3d3b961;font-size:11px;text-align:left;cursor:pointer}.camera-toggle.active{border-color:#304f38a6}.camera-toggle span{color:#6f2c4c}.privacy-note{min-height:20px;margin:7px 0 0;color:#1f272380;font-size:8px}.privacy-note.has-error{color:#684258}.camera-feed{position:relative;width:100%;aspect-ratio:16/8.8;overflow:hidden;border:1px solid rgba(31,39,35,.15);background:#5f4b363d}.camera-feed video,.camera-feed canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.camera-feed video{filter:grayscale(1) sepia(.25) contrast(1.12);opacity:.78}.camera-feed.is-user-facing video{transform:scaleX(-1)}.camera-feed.is-environment-facing video{transform:none}.camera-feed canvas{z-index:2}.camera-status{position:absolute;z-index:3;left:7px;right:7px;bottom:6px;display:flex;align-items:center;gap:5px;min-height:22px;padding:4px 6px;overflow:hidden;background:#cbb493d6;font-size:8px;line-height:1.35}.camera-status i{width:5px;height:5px;border-radius:50%;background:#304f38}.camera-switch{position:absolute;z-index:4;top:7px;right:7px;height:25px;padding:0 8px;border:1px solid rgba(31,39,35,.22);background:#dac6a9db;color:#1f2723d1;font-size:8px;cursor:pointer}.camera-idle{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.camera-idle:before,.camera-idle:after{content:"";position:absolute;background:#222a261a}.camera-idle:before{width:1px;height:72%}.camera-idle:after{height:1px;width:72%}.camera-idle span{color:#1f272366;font-size:8px;letter-spacing:.2em}.camera-idle strong{margin:8px 0 3px;font-family:"Noto Serif SC",serif;font-size:13px;font-weight:300}.camera-idle small{color:#1f27236b;font-size:8px}.source-fidelity{margin-top:11px;padding-top:10px;display:grid;grid-template-columns:1fr auto;gap:5px 10px;border-top:1px solid rgba(31,39,35,.14);color:#1f272385;font-size:8px;letter-spacing:.1em}.source-fidelity strong{color:#1f2723c7;font-size:9px;font-weight:500}.source-fidelity small{grid-column:1/-1;text-align:right;color:#1f272361;font-size:7px}.control-deck{position:absolute;z-index:10;left:3.1vw;right:3.1vw;bottom:0;height:clamp(112px,15.5vh,210px);display:grid;grid-template-columns:1.55fr .9fr .7fr;gap:36px;border-top:1px solid rgba(31,39,35,.24);background:#c0a179d1;backdrop-filter:blur(9px);box-shadow:0 -12px 34px #4f351f0f}.control-deck section{min-width:0;padding-top:17px}.deck-title{display:flex;justify-content:space-between;align-items:center}.deck-title small{font-size:8px;letter-spacing:.08em}.scene-list{height:96px;display:grid;grid-template-columns:repeat(2,1fr)}.scene-list button{position:relative;min-width:0;display:grid;grid-template-columns:55px 1fr;align-items:center;gap:7px;padding:10px 9px 7px 0;border:0;border-bottom:1px solid rgba(32,40,36,.16);background:none;text-align:left;cursor:pointer;opacity:.52;transition:opacity .2s}.scene-list button.active{opacity:1;border-bottom-color:#1d2521b3}.scene-list button:after{content:"";position:absolute;left:0;bottom:-1px;width:0;height:2px;background:#304f38;transition:width .35s}.scene-list button.active:after{width:100%}.scene-list img{width:47px;height:61px;object-fit:contain;filter:sepia(.2) saturate(.68) contrast(1.05);mix-blend-mode:multiply}.scene-list b,.scene-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene-list b{font-family:"Noto Serif SC",serif;font-size:12px;font-weight:300;letter-spacing:.06em}.scene-list small{margin-top:5px;color:#1f27237a;font-size:7px;letter-spacing:.06em}.scene-number{position:absolute;left:0;top:9px;color:#1f272361;font-size:7px}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:16px}.segmented button{height:36px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(31,39,35,.15);background:#e0cdb040;font-size:10px;cursor:pointer}.segmented button.active{border-color:#304f388c;background:#e2d0b5a6}.range-line{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin-top:10px;color:#1f272375;font-size:8px}input[type=range]{width:100%;height:1px;appearance:none;background:#1f272354;accent-color:#304f38;cursor:pointer}input[type=range]::-webkit-slider-thumb{width:8px;height:8px;appearance:none;border:1px solid #202a25;border-radius:50%;background:#d8bea0;box-shadow:0 0 0 2px #d8bea073}.particle-count{margin-top:17px;font-family:"Noto Serif SC",serif}.particle-count strong{font-size:16px;font-weight:300}.particle-count span{color:#1f272380;font-size:9px}.performance{margin-top:9px;display:flex;align-items:center;gap:6px;color:#1f27236b;font-size:7px;letter-spacing:.1em}.performance i{width:4px;height:4px;border-radius:50%;background:#304f38}.is-immersive .topbar,.is-immersive .intro-panel,.is-immersive .interaction-panel,.is-immersive .control-deck,.is-immersive .relic-caption{opacity:0;pointer-events:none;transition:opacity .3s}.is-immersive .immersive-hud{opacity:1;pointer-events:auto;transform:translate(-50%)}@media(max-width:1100px){.archive-shell{min-height:620px}.intro-panel{left:3vw;width:220px}.interaction-panel{right:2vw;width:224px}.control-deck{left:2vw;right:2vw;grid-template-columns:1.4fr .85fr .65fr;gap:18px}.scene-list button{grid-template-columns:42px 1fr}.scene-list img{width:38px}.scene-list b{font-size:10px}}@media(max-width:820px){body{overflow:auto}.archive-shell{height:100svh;min-height:720px}.topbar{height:74px;padding:14px 17px}.brand-seal{width:38px;height:38px}.brand b{font-size:19px}.mode-button,.live-pill{display:none}.intro-panel{top:13%;left:20px;width:185px}.intro-panel h1{margin:22px 0 16px;font-size:37px}.intro-panel p,.intro-panel>small,.hairline{display:none}.interaction-panel{top:auto;right:16px;bottom:171px;width:205px;padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none}.interaction-panel h2,.gesture-list,.source-fidelity,.panel-kicker{display:none}.camera-toggle{margin:0;background:#d7c1a2b3}.privacy-note{text-align:right}.camera-feed:not(.is-live){display:none}.camera-feed.is-live{position:fixed;z-index:14;right:16px;bottom:228px;display:block;width:168px;aspect-ratio:4/3;border-color:#1f272347;box-shadow:0 12px 30px #3826182e}.camera-feed.is-live .camera-status{left:5px;right:5px;bottom:5px;font-size:7px}.relic-caption{left:18px;right:18px;bottom:168px}.relic-caption em{display:none}.control-deck{left:0;right:0;height:151px;padding:0 15px;grid-template-columns:1fr}.flow-controls,.detail-controls{display:none}.scene-list button{grid-template-columns:43px 1fr}.immersive-hud{top:12px;width:calc(100vw - 24px);grid-template-columns:1fr auto;gap:8px}.immersive-hud p{display:none}.immersive-hud button{padding:0 8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}