html,body,#app{color:#f5f5f7;background:#030712;width:100%;height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}#scene{width:100%;height:100%;display:block}#hudStack{pointer-events:none;width:min(420px,100vw - 36px);position:fixed;top:18px;left:18px}#hud{box-sizing:border-box;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:none;background:#03071294;border:1px solid #ffffff1f;border-radius:8px;width:100%;padding:14px 16px}.brand{color:#38bdf8;letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:700}h1{margin:5px 0 4px;font-size:18px;font-weight:700;line-height:1.2}p{color:#cbd5e1;margin:0;font-size:13px;line-height:1.4}.hud-actions button{pointer-events:auto;color:#02131f;cursor:pointer;background:#38bdf8;border:0;border-radius:6px;padding:10px 14px;font-weight:700}.hud-actions button:hover{background:#7dd3fc}.hud-actions button:disabled{cursor:not-allowed;color:#e2e8f08a;background:#94a3b83d}.hud-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.playback-bar[hidden],#swapEyesButton[hidden],#feedEngagement[hidden]{display:none!important}.playback-bar{background:#0f172a9e;border:1px solid #7dd3fc47;border-radius:6px;display:inline-flex;overflow:hidden}.playback-bar button{color:#e0f2fe;background:0 0;border-right:1px solid #7dd3fc38;border-radius:0;min-width:68px}.playback-bar button:last-child{border-right:0}.playback-bar button:hover,.playback-bar button[aria-pressed=true]{color:#f8fafc;background:#38bdf83d}#homeButton.home-control{color:#fff7ed;background:linear-gradient(#fb923cf5,#ea580cf0)}#homeButton.home-control:hover,#homeButton.home-control[aria-pressed=true]{color:#fffaf0;background:linear-gradient(#fdba74fa,#f97316fa)}#swapEyesButton.secondary{color:#e0f2fe;background:#0f172ab8;border:1px solid #7dd3fc61}#swapEyesButton.secondary:hover,#swapEyesButton.secondary[aria-pressed=true]{color:#f8fafc;background:#38bdf83d}.feed-engagement{box-sizing:border-box;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;background:#0307127a;border:1px solid #7dd3fc24;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;margin-top:8px;padding:10px;display:grid}.feed-engagement[hidden]{display:none}.feed-engagement button{color:#e2e8f0;cursor:pointer;background:#0f172aa8;border:1px solid #ffffff24;border-radius:6px;min-width:0;padding:9px 10px;font-size:12px;font-weight:750}.feed-engagement button:hover{color:#f8fafc;background:#1e293bd1;border-color:#7dd3fc94}.feed-engagement button[aria-pressed=true]{color:#fff7ed;background:linear-gradient(#fb923c47,#0ea5e933);border-color:#fb923cad}.feed-engagement button:disabled{cursor:not-allowed;color:#e2e8f06b;background:#0f172a57;border-color:#94a3b82e}@media (width<=680px){#hudStack{width:auto;top:12px;left:12px;right:12px}.feed-engagement{grid-template-columns:repeat(2,minmax(0,1fr))}}