:root{color:#f7f8fb;background:#03070b;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%;background:#03070b}body{min-height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased}button,input{font:inherit}.prototype-shell{position:relative;display:grid;width:100vw;height:100vh;place-items:center;overflow:hidden;background:#03070b}.dashboard-stage{position:relative;width:min(100vw,159.78vh);aspect-ratio:1585 / 992;overflow:hidden;background:#03070b;box-shadow:0 0 70px #000000e0;isolation:isolate}.dashboard-stage.is-paused *{animation-play-state:paused!important}.dashboard-stage.qa-static .earth-surface,.dashboard-stage.qa-static .twin-float{animation:none!important;transform:none!important}.dashboard-plate{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none}.earth-window{position:absolute;top:0;right:0;bottom:23.35%;left:0;overflow:hidden;pointer-events:none}.earth-surface{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:130.47%;object-fit:cover;clip-path:ellipse(44% 46% at 50% 76%);filter:brightness(1.015) contrast(1.015);transform-origin:50% 70%;animation:earth-rotation var(--earth-duration) linear infinite;will-change:transform,filter}.twin-stage{position:absolute;z-index:4;top:56.4%;left:37.7%;width:24.6%;aspect-ratio:4 / 3;margin:0;padding:0;border:0;outline:0;background:transparent;cursor:pointer;perspective:900px}.twin-stage:focus-visible{outline:0}.twin-stage:focus-visible .twin-crystal-3d{filter:drop-shadow(0 0 10px rgba(127,221,255,.95)) drop-shadow(0 0 30px rgba(75,61,255,.68))}.twin-float{position:absolute;top:0;right:0;bottom:0;left:0;display:block;transform-style:preserve-3d}.twin-float{animation:twin-float 4s ease-in-out infinite}.twin-crystal-3d{position:absolute;top:0;right:0;bottom:0;left:0;display:block;filter:drop-shadow(0 0 8px rgba(74,155,255,.8)) drop-shadow(0 0 24px rgba(75,61,255,.5))}.twin-crystal-3d canvas{position:relative;z-index:2;display:block;width:100%;height:100%;pointer-events:none}.twin-crystal-fallback{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;clip-path:polygon(50% 21.5%,72% 50.8%,50.2% 80%,28% 50.8%);opacity:0;pointer-events:none}.twin-crystal-3d[data-webgl=unavailable] .twin-crystal-fallback{opacity:1}.image-hotspot{position:absolute;z-index:5;margin:0;padding:0;border:0;background:transparent;cursor:pointer}.image-hotspot:focus-visible,.image-hotspot:hover{border-radius:12px;box-shadow:inset 0 0 0 1px #66d4ff6b}.hotspot-explore{top:42.8%;left:2.2%;width:11.2%;height:6.7%}.hotspot-pause{top:56.4%;left:2.2%;width:11.2%;height:6.7%}.hotspot-settings{top:2.6%;right:4.1%;width:3.8%;height:4.8%;border-radius:50%}.motion-status{position:absolute;z-index:7;left:50%;bottom:8.2%;translate:-50% 10px;padding:8px 15px;border:1px solid rgba(116,145,176,.28);border-radius:999px;color:#ecf3fce6;background:#060d14d6;box-shadow:0 8px 30px #0000004d;font-size:clamp(10px,.84vw,14px);letter-spacing:.04em;opacity:0;pointer-events:none;transition:opacity .18s ease,translate .18s ease}.motion-status.is-visible{translate:-50% 0;opacity:1}.motion-controls{position:fixed;z-index:20;right:24px;bottom:24px;display:grid;width:min(340px,calc(100vw - 32px));gap:18px;padding:20px;border:1px solid rgba(127,161,196,.25);border-radius:20px;color:#eaf3ff;background:#050c13f0;box-shadow:0 28px 80px #0000008f;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);opacity:0;translate:0 24px;pointer-events:none;transition:opacity .18s ease,translate .18s ease}.motion-controls.is-open{opacity:1;translate:0 0;pointer-events:auto}.control-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.control-heading div{display:grid;gap:5px}.control-heading span{font-size:16px;font-weight:650}.control-heading small{color:#7f91a7;font-size:11px}.control-heading button,.pause-control{border:1px solid rgba(126,160,195,.3);border-radius:10px;color:#eaf3ff;background:#1a2939b8;cursor:pointer}.control-heading button{padding:7px 10px;font-size:12px}.motion-controls .control-row{display:grid;grid-template-columns:76px 1fr 52px;align-items:center;gap:10px;font-size:12px}.motion-controls .control-row>span:first-child{color:#aebdd0}.motion-controls .control-row strong{text-align:right;font-variant-numeric:tabular-nums}.speed-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px}.speed-buttons button{min-height:30px;border:1px solid rgba(126,160,195,.28);border-radius:8px;color:#c9d8e9;background:#182736a8;cursor:pointer;font-size:11px}.pause-control{min-height:38px}@keyframes earth-rotation{0%{transform:translate(-2.4%) scale(1.035);filter:brightness(1.008) contrast(1.015)}50%{transform:translate(2.4%) scale(1.035);filter:brightness(1.026) contrast(1.02)}to{transform:translate(-2.4%) scale(1.035);filter:brightness(1.008) contrast(1.015)}}@keyframes twin-float{0%,to{transform:translateY(-1.4%) scale(.992);opacity:.98}50%{transform:translateY(1.4%) scale(1.008);opacity:1}}@media(max-width:760px){.motion-controls{right:16px;bottom:16px}}@media(prefers-reduced-motion:reduce){.earth-surface{animation-duration:54s}.twin-float{animation-duration:7s}}