:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#04060e;color:#cfeaff}#app{position:fixed;inset:0}#app canvas{display:block;touch-action:none}#ui{position:fixed;inset:0;pointer-events:none;padding:clamp(14px,2.4vw,26px);display:flex;flex-direction:column;justify-content:space-between}#brand{display:flex;flex-direction:column;gap:4px}.logo{font-weight:800;letter-spacing:.42em;font-size:clamp(20px,3vw,30px);color:#eafcff;text-shadow:0 0 18px rgba(60,220,255,.55)}.tag{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#5fa9c6}#hint{position:fixed;left:50%;bottom:clamp(70px,12vh,110px);transform:translate(-50%);font-size:13px;letter-spacing:.04em;color:#7fc6e0;background:#060e1a80;border:1px solid rgba(70,180,220,.2);border-radius:999px;padding:7px 16px;backdrop-filter:blur(6px)}#controls{position:fixed;left:50%;bottom:clamp(18px,4vh,34px);transform:translate(-50%);display:flex;gap:12px;pointer-events:auto}#controls button{pointer-events:auto;cursor:pointer;font:inherit;font-size:14px;letter-spacing:.06em;color:#d8f6ff;background:linear-gradient(180deg,#143046d9,#0a1828d9);border:1px solid rgba(80,200,240,.4);border-radius:12px;padding:10px 18px;box-shadow:0 0 18px #28b4e62e,inset 0 0 12px #28b4e614;transition:transform .08s ease,box-shadow .2s ease,opacity .2s ease}#controls button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 26px #3cd2ff66,inset 0 0 14px #3cd2ff1f}#controls button:disabled{opacity:.42;cursor:default}#controls button.active{border-color:#78f0ffd9;box-shadow:0 0 26px #50e6ff80,inset 0 0 14px #50e6ff2e}#model-bar{position:fixed;left:50%;bottom:clamp(64px,11vh,92px);transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:7px 10px;pointer-events:auto;background:#060e1a9e;border:1px solid rgba(70,180,220,.26);border-radius:14px;backdrop-filter:blur(8px);max-width:calc(100vw - 28px);flex-wrap:wrap;justify-content:center}#model-bar[hidden]{display:none}.mb-label{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#5fa9c6;padding:0 4px}.mb-sep{width:1px;align-self:stretch;background:#50c8f038;margin:2px 4px}#model-bar button{pointer-events:auto;cursor:pointer;font:inherit;font-size:12.5px;letter-spacing:.04em;color:#d8f6ff;background:linear-gradient(180deg,#143046cc,#0a1828cc);border:1px solid rgba(80,200,240,.34);border-radius:9px;padding:7px 12px;transition:transform .08s ease,box-shadow .2s ease,border-color .2s ease}#model-bar button:hover{transform:translateY(-1px);box-shadow:0 0 18px #3cd2ff52}#model-bar button.active{border-color:#78f0ffe6;box-shadow:0 0 18px #50e6ff73,inset 0 0 10px #50e6ff29}#model-gizmo{min-width:64px}#scan-toggle.active{border-color:#78ffebe6;box-shadow:0 0 26px #50ffdc80,inset 0 0 14px #50ffdc2e}#status{position:fixed;right:clamp(14px,2.4vw,26px);bottom:clamp(14px,2.4vw,26px);font-size:11px;letter-spacing:.08em;color:#4d83a0;text-align:right}