*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--gold:#d4af6a;--gold-bright:#f0d9a8;--cyan:#7adfea;--ink:#0a0e1a;--glass:#0e1220b8}html,body{background:var(--ink);color:#fff;width:100%;height:100%;font-family:Outfit,system-ui,sans-serif;overflow:hidden}#ui-root{z-index:10;pointer-events:none;position:fixed;inset:0}a-scene.letterboxed .a-canvas{width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important}a-scene.letterboxed .a-enter-vr,a-scene.letterboxed .a-enter-ar{display:none!important}#ui-root>*{pointer-events:auto}.overlay{background:radial-gradient(at 50% 30%,#3f4e7a8c,#0000 65%),linear-gradient(#0d1226 0%,#070a14 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay.center{flex-direction:column;gap:14px}.loading-mark{font-size:56px;animation:1.4s ease-in-out infinite pulse}.loading-text{letter-spacing:.08em;opacity:.8;font-weight:300}@keyframes pulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}.start-screen{padding:24px}.start-inner{text-align:center;flex-direction:column;align-items:center;gap:18px;width:min(400px,92vw);display:flex}.brand-mark{filter:drop-shadow(0 0 24px #7adfea73);font-size:64px}.brand-title{letter-spacing:.12em;color:var(--gold-bright);font-family:Cormorant Garamond,serif;font-size:clamp(2.2rem,9vw,3.2rem);font-weight:600}.brand-accent{color:var(--cyan);font-style:italic}.brand-tagline{color:#ffffffbf;margin-top:-8px;font-family:Cormorant Garamond,serif;font-size:1.15rem;font-style:italic}.mode-picker{gap:10px;width:100%;display:flex}.mode-option{color:#ffffffd9;cursor:pointer;background:#ffffff0a;border:1px solid #d4af6a59;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:6px;padding:14px 8px;font-family:inherit;font-size:.82rem;transition:all .2s;display:flex}.mode-option.selected{border-color:var(--cyan);color:#fff;background:#7adfea1f;box-shadow:0 0 18px #7adfea40}.mode-icon{font-size:1.4rem}.start-button{background:linear-gradient(135deg, var(--gold) 0%, #b8905a 100%);color:#1a1206;letter-spacing:.06em;cursor:pointer;border:none;border-radius:16px;width:100%;padding:16px;font-family:inherit;font-size:1.05rem;font-weight:600;transition:transform .15s;box-shadow:0 6px 24px #d4af6a59}.start-button:active{transform:scale(.97)}.start-fineprint{color:#ffffff73;font-size:.72rem;font-weight:300}.scan-hint{top:max(18px, env(safe-area-inset-top));background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.04em;white-space:nowrap;border:1px solid #ffffff1f;border-radius:999px;padding:10px 18px;font-size:.85rem;font-weight:300;position:fixed;left:50%;transform:translate(-50%)}.controls-stack{bottom:max(20px, env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.track-label{background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.04em;border:1px solid #d4af6a40;border-radius:999px;align-items:center;gap:8px;max-width:min(88vw,340px);padding:5px 12px;font-size:.75rem;display:flex}.track-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-count{opacity:.6;font-variant-numeric:tabular-nums;flex:none}.controls-bar{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #d4af6a40;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;display:flex}.ctl{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:1rem;transition:all .15s;display:flex}.ctl.active{border-color:var(--cyan);background:#7adfea2e;box-shadow:0 0 12px #7adfea4d}.ctl.play{border-color:var(--gold);background:#d4af6a38;width:50px;height:50px}.intensity input[type=range]{width:82px;accent-color:var(--gold)}.debug-panel{top:max(14px, env(safe-area-inset-top));background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #ffffff1f;border-radius:14px;width:min(310px,100vw - 28px);max-height:74vh;padding:14px;font-size:.75rem;position:fixed;right:14px;overflow-y:auto}.debug-header{letter-spacing:.12em;color:var(--gold-bright);justify-content:space-between;align-items:center;margin-bottom:10px;font-weight:600;display:flex}.debug-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:.9rem}.debug-row{color:#fffc;grid-template-columns:92px 1fr 40px;align-items:center;gap:8px;margin-bottom:8px;display:grid}.debug-row input[type=range]{width:100%;accent-color:var(--cyan)}.debug-row code{text-align:right;color:var(--cyan)}.debug-actions{gap:8px;margin-top:4px;display:flex}.debug-actions button{color:var(--gold-bright);cursor:pointer;background:#d4af6a1f;border:1px solid #d4af6a66;border-radius:8px;flex:1;padding:8px;font-family:inherit}.meter-row{color:#ffffffb3;grid-template-columns:92px 1fr;align-items:center;gap:8px;margin-bottom:5px;display:grid}.meter{background:#ffffff14;border-radius:4px;height:8px;overflow:hidden}.meter-fill{background:linear-gradient(90deg, var(--cyan), var(--gold-bright));transform-origin:0;border-radius:4px;width:100%;height:100%;transform:scaleX(0)}.error-toast{text-align:center;cursor:pointer;background:#962828e6;border-radius:12px;max-width:88vw;padding:10px 18px;font-size:.8rem;position:fixed;bottom:96px;left:50%;transform:translate(-50%)}