:root{--ink:#b9d8f5;--blue:#a9d2ff}
html,body{height:100%;overflow:hidden;background:#000;font-family:Inter,'Segoe UI','Microsoft YaHei',sans-serif}
main{height:100dvh;min-height:0}.scene-backdrop,.scene-backdrop iframe{position:fixed;inset:0;width:100%;height:100%;border:0}.scene-backdrop{pointer-events:auto;z-index:0}.scene-backdrop iframe{pointer-events:auto;opacity:1;transition:opacity .8s}.scene-ready .scene-backdrop iframe{opacity:1}
button:focus-visible,a:focus-visible{outline:3px solid #a9d2ff;outline-offset:3px}button{color:var(--ink)}[hidden]{display:none!important}
.scene-caption{position:fixed;bottom:56px;left:48px;z-index:2;color:#bfd9f1;pointer-events:none}.scene-caption small{font-size:10px}.scene-caption button{pointer-events:auto;font-size:11px;margin:8px;padding:8px;border:1px solid #a7c1d8;border-radius:6px}.scene-ready .scene-caption{display:none}
.privacy-note{position:fixed;left:48px;bottom:25px;z-index:2;pointer-events:none;font:9px Consolas,monospace;letter-spacing:.5px;color:#a9c4df}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.reference-chrome{position:fixed;left:308px;right:24px;top:0;height:86px;z-index:4;display:flex;align-items:flex-start;justify-content:center;pointer-events:none;color:#a9d2ff;font-family:Inter,'Segoe UI','Microsoft YaHei',sans-serif}.reference-brand{position:absolute;left:0;top:20px;display:flex;flex-direction:column;gap:5px;line-height:1}.reference-brand span{font-size:22px;font-weight:800;letter-spacing:-1px}.reference-brand sup{font-size:9px;letter-spacing:0;vertical-align:top;margin-left:2px}.reference-brand small{font-size:7px;letter-spacing:1.1px;color:#8ba1b8}.reference-chrome nav{display:flex;gap:56px;padding-top:19px;pointer-events:auto}.reference-chrome nav a{font-size:12px;font-weight:700;color:#9eb4c9;text-decoration:none;letter-spacing:.2px;padding:10px 18px;border-radius:999px;transition:background .2s,color .2s}.reference-chrome nav a:hover,.reference-chrome nav a[aria-current=page]{background:#a9d2ff;color:#09233f}.reference-telemetry{position:absolute;right:0;top:20px;display:flex;gap:8px;font:8px Consolas,monospace;color:#8daed6;letter-spacing:.25px}.reference-telemetry span+span:before{content:'·';margin-right:8px;color:#6c8bab}.reference-decor{position:absolute;left:0;right:0;bottom:0;height:10px;overflow:hidden;opacity:.68}.reference-decor i{position:absolute;height:1px;background:#6ea8df;box-shadow:0 0 8px #6ea8df;transform:skewX(-40deg);animation:ref-streak 3.8s linear infinite}.reference-decor i:nth-child(1){width:150px;left:12%;animation-delay:-1.1s}.reference-decor i:nth-child(2){width:90px;left:44%;animation-delay:-2.3s}.reference-decor i:nth-child(3){width:210px;left:72%;animation-delay:-.6s}.reference-decor b{position:absolute;right:4px;bottom:2px;width:28px;height:9px;border-left:3px solid #a9d2ff;border-right:3px solid #a9d2ff;opacity:.7}@keyframes ref-streak{from{transform:translateX(40vw) skewX(-40deg);opacity:0}20%{opacity:1}to{transform:translateX(-55vw) skewX(-40deg);opacity:0}}
@media(max-width:1050px){.reference-chrome{left:300px;right:16px}.reference-chrome nav{gap:14px}.reference-brand{display:none}.reference-telemetry{font-size:7px}}
@media(max-width:760px){.reference-chrome{left:0;right:12px;height:70px;justify-content:flex-end}.reference-chrome nav{gap:2px;padding-top:14px}.reference-chrome nav a{font-size:10px;padding:8px 9px}.reference-telemetry{top:48px;left:12px;right:auto;font-size:7px}.reference-telemetry span:nth-child(2){display:none}.reference-decor{bottom:0}.reference-brand{display:none}}
@media(prefers-reduced-motion:reduce){.reference-decor i{animation:none;opacity:.45}}

/* Sidebar removed: navigation is a scene-independent top overlay. */
.reference-chrome{left:0;right:0;height:116px}
.reference-brand{display:flex;left:48px;top:43px;gap:12px}
.reference-brand span{font-size:36px}.reference-brand small{font-size:8px;line-height:1.7}
.reference-chrome nav{gap:22px;padding-top:49px}.reference-chrome nav a{min-width:120px;text-align:center}
.reference-telemetry{right:36px;top:18px}.reference-decor{left:32%;right:24%;bottom:8px}
@media(max-width:1050px){.reference-brand{left:28px;top:39px}.reference-brand span{font-size:28px}.reference-brand small{font-size:7px}.reference-chrome nav{gap:8px}.reference-chrome nav a{min-width:96px}.reference-telemetry{right:22px}}
@media(max-width:760px){.reference-chrome{height:132px;justify-content:center;background:linear-gradient(#02060cc9,transparent)}.reference-brand{display:flex;left:20px;top:20px}.reference-brand span{font-size:25px}.reference-brand small{display:none}.reference-chrome nav{gap:7px;padding-top:72px}.reference-chrome nav a{font-size:11px;min-width:95px;padding:10px 14px}.reference-telemetry{top:24px;right:16px;left:auto;font-size:7px}.reference-telemetry span:nth-child(2){display:inline}.reference-decor{left:20px;right:20px;bottom:0}.privacy-note{left:20px;right:16px;bottom:18px;font-size:8px}.scene-caption{left:20px;bottom:48px}}

/* Only the original, centered loader is visible until the scene is ready. */
.scene-loading .reference-chrome,.scene-loading .privacy-note,.scene-loading .scene-caption,.scene-loading #page-content{visibility:hidden;pointer-events:none}

/* Reference-style control legend: visual keys, not extra interactive menus. */
.control-guide{margin-top:34px;width:204px;display:flex;flex-direction:column;gap:32px;color:#a9d2ff}
.control-move,.control-jump{display:flex;align-items:flex-end;gap:19px}
.key-arrows{display:grid;grid-template-columns:18px 18px 18px;grid-template-rows:18px 18px;gap:4px}
.key-arrows kbd:first-child{grid-column:2}.key-arrows kbd:nth-child(2){grid-column:1;grid-row:2}.key-arrows kbd:nth-child(3){grid-column:2;grid-row:2}.key-arrows kbd:nth-child(4){grid-column:3;grid-row:2}
.control-guide kbd{display:flex;align-items:center;justify-content:center;background:#a9d2ff;color:#09233f;border-radius:4px;font:700 10px/1 Consolas,monospace;box-shadow:none}
.control-label{font:700 9px/1.4 'Segoe UI','Microsoft YaHei',sans-serif;white-space:nowrap}
.reference-brand .control-label small{display:block;font:8px/1.5 Consolas,monospace;letter-spacing:.2px;color:#88a8c7;margin-top:5px}
.control-jump{align-items:center}.control-jump>kbd{width:62px;height:20px;font-size:9px}
.control-look{font-size:9px;letter-spacing:.3px;color:#88a8c7}
body:not([data-page="home"]) .control-guide{display:none}
.reference-telemetry{white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:1050px){.control-guide{width:180px;gap:24px;margin-top:25px}.reference-telemetry{font-size:7px}}
@media(max-width:760px){.control-guide{display:none}.reference-telemetry{font-size:7px;gap:5px}.reference-telemetry span+span:before{margin-right:5px}.reference-telemetry>span:first-child{display:none}}