*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--primary: #6C5CE7;--primary-glow: rgba(108, 92, 231, .35);--accent: #00D2FF;--surface: rgba(12, 12, 26, .85);--text: #E8E8F8;--text-dim: rgba(232, 232, 248, .45);--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}html,body{width:100%;height:100%;overflow:hidden;font-family:var(--font);background:#000;color:var(--text);cursor:grab;user-select:none;-webkit-user-select:none}body:active{cursor:grabbing}#canvas-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}#canvas-container canvas{display:block;width:100%;height:100%}#loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0a0a2e;transition:opacity .6s ease,visibility .6s ease}#loading-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px}.loader-logo{height:36px;width:auto;animation:logoPulse 2s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(108,92,231,.4))}@keyframes logoPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.loader-text{font-family:var(--font);font-size:.8rem;font-weight:400;letter-spacing:.15em;color:#e8e8f873}#hud-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none;opacity:0;transition:opacity .5s ease}#hud-overlay.visible{opacity:1}.hud-top{position:fixed;top:0;left:0;right:0;z-index:1001;display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:linear-gradient(180deg,rgba(0,0,0,.5) 0%,transparent 100%);pointer-events:all}.hud-logo{display:flex;align-items:center;gap:10px}.logo-img{height:20px;width:auto;filter:drop-shadow(0 0 8px rgba(108,92,231,.4))}.logo-badge{font-size:.5rem;font-weight:600;letter-spacing:.12em;padding:2px 7px;border-radius:4px;background:var(--primary);color:#fff;vertical-align:super}.vr-entry{display:flex;align-items:center;gap:10px;pointer-events:all}.vr-btn{display:flex;align-items:center;gap:8px;padding:8px 18px;font-family:var(--font);font-size:.75rem;font-weight:600;letter-spacing:.1em;color:#fff;background:linear-gradient(135deg,var(--primary),#8B5CF6);border:1px solid rgba(255,255,255,.12);border-radius:40px;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 16px var(--primary-glow)}.vr-btn:hover{transform:scale(1.04);box-shadow:0 6px 24px var(--primary-glow)}.vr-status{font-size:.6rem;color:var(--text-dim)}.zone-tooltip{position:absolute;bottom:120px;left:50%;transform:translate(-50%) translateY(8px);display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 22px;background:var(--surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:10px;pointer-events:none;opacity:0;transition:opacity .25s ease,transform .25s ease}.zone-tooltip.visible{opacity:1;transform:translate(-50%) translateY(0)}.tooltip-label{font-size:.8rem;font-weight:600;letter-spacing:.04em}.video-controls{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:8px 18px;background:var(--surface);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);border-radius:40px;pointer-events:all;opacity:0;transform:translate(-50%) translateY(16px);transition:opacity .35s ease,transform .35s ease}.video-controls.visible{opacity:1;transform:translate(-50%) translateY(0)}.ctrl-btn{background:none;border:none;cursor:pointer;padding:5px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.ctrl-btn:hover{background:#ffffff14}.progress-wrapper{width:180px;cursor:pointer;padding:6px 0}.progress-track{width:100%;height:3px;background:#ffffff1a;border-radius:3px;overflow:hidden}.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:3px;transition:width .1s linear}.time-display{font-size:.65rem;color:var(--text-dim);font-variant-numeric:tabular-nums;min-width:72px;text-align:center}@media (max-width: 768px){.hud-top{padding:12px 14px}.logo-img{height:16px}.video-controls{bottom:28px;padding:6px 12px;gap:6px}.progress-wrapper{width:100px}.time-display{display:none}}.settings-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;font-family:var(--font);font-size:.7rem;font-weight:500;color:#e8e8f8b3;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:20px;cursor:pointer;pointer-events:all;transition:all .2s ease}.settings-btn:hover{background:#6c5ce726;border-color:#6c5ce74d;color:#fff}.cal-panel{position:fixed;top:60px;left:16px;width:240px;z-index:50;background:#080814eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:14px;font-family:var(--font);color:var(--text);pointer-events:all;opacity:0;transform:translate(-20px);visibility:hidden;transition:all .3s ease;box-shadow:0 8px 32px #0009;max-height:calc(100vh - 80px);overflow-y:auto}.cal-panel.cal-visible{opacity:1;transform:translate(0);visibility:visible}.cal-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.cal-title{font-size:.75rem;font-weight:600;letter-spacing:.04em}.cal-close{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:none;border-radius:6px;color:#e8e8f880;font-size:.85rem;cursor:pointer}.cal-close:hover{background:#ff505026;color:#ff5050}.cal-tabs{display:flex;padding:6px 8px;gap:3px;border-bottom:1px solid rgba(255,255,255,.04)}.cal-tab{flex:1;padding:5px 4px;font-size:.58rem;font-weight:500;font-family:var(--font);color:#e8e8f866;background:none;border:none;border-radius:5px;cursor:pointer;text-align:center;transition:all .15s}.cal-tab:hover{color:#e8e8f8b3}.cal-tab-active{color:#fff;background:#6c5ce733}.cal-content{padding:12px 14px}.cal-label{font-size:.6rem;font-weight:600;letter-spacing:.06em;color:#e8e8f873;text-transform:uppercase;margin-bottom:6px}.cal-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:4px}.cal-btn{width:34px;height:30px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-family:var(--font);font-weight:600;color:#fff;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:7px;cursor:pointer;transition:all .15s}.cal-btn:hover{background:#6c5ce733;border-color:#6c5ce74d}.cal-btn:active{transform:scale(.94)}.cal-btn-wide{width:auto;flex:1;font-size:.6rem;padding:0 8px}.cal-btn-active{background:#6c5ce740;border-color:#6c5ce766;color:#a78bfa}.cal-value{font-size:.9rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent);min-width:60px;text-align:center}.cal-hint{font-size:.52rem;color:#e8e8f840;text-align:center;margin-bottom:2px}.cal-divider{height:1px;background:#ffffff0a;margin:10px 0}.cal-export{padding:10px 14px;border-top:1px solid rgba(255,255,255,.05)}.cal-config{font-size:.52rem;font-family:SF Mono,Menlo,monospace;color:#6c5ce7b3;background:#0000004d;padding:8px;border-radius:6px;white-space:pre;overflow-x:auto;line-height:1.5;margin-top:4px}#hud-overlay.preview-mode .hud-top,#hud-overlay.preview-mode .video-controls{display:none}#hud-overlay.preview-mode .zone-tooltip{bottom:16px}#mobile-hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;transition:opacity .25s ease}.mobile-title{position:absolute;top:0;left:0;right:0;padding:16px 20px;padding-top:max(16px,env(safe-area-inset-top,16px));font-family:var(--font);font-size:.8rem;font-weight:600;color:#ffffffd9;text-align:center;letter-spacing:.03em;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.5) 0%,transparent 100%)}.mobile-title:empty{display:none}.mobile-center-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#ffffff1f;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.18);border-radius:50%;cursor:pointer;pointer-events:auto;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.mobile-center-play:active{transform:translate(-50%,-50%) scale(.9);background:#fff3}.mobile-bottom{position:absolute;bottom:0;left:0;right:0;padding:0 20px;padding-bottom:max(16px,env(safe-area-inset-bottom,16px));pointer-events:auto}.mobile-bottom-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.mobile-bottom-spacer{flex:1}.mobile-time-pill{font-family:var(--font);font-size:.72rem;font-weight:500;color:#ffffffb3;font-variant-numeric:tabular-nums;padding:6px 12px;background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:20px}.mobile-glass-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:50%;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.mobile-glass-btn:active{transform:scale(.88);background:#fff3}.mobile-glass-btn.active{background:#6c5ce74d;border-color:#6c5ce780}.mobile-timeline{width:100%;padding:4px 0}.mobile-timeline-track{width:100%;height:3px;background:#ffffff26;border-radius:3px;overflow:hidden}.mobile-timeline-fill{height:100%;width:0%;background:#00d2ff;border-radius:3px;transition:width .15s linear}#rotate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#0009;transition:opacity .4s ease}.rotate-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 36px;background:#ffffff1a;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.15);border-radius:20px}.rotate-text{font-family:var(--font);font-size:.85rem;font-weight:500;color:#fff9;text-align:center;line-height:1.5}body.cardboard-mode .a-canvas{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;height:100vh!important}body.cardboard-mode:after{content:"";position:fixed;top:0;left:50%;transform:translate(-50%);width:2px;height:100vh;background:#000;z-index:50;pointer-events:none}body.ui-liquid-glass .hud-top{background:#c8c8c814;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(255,255,255,.12)}body.ui-liquid-glass .video-controls{background:#c8c8c81a;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 20px #0003}body.ui-liquid-glass .zone-tooltip{background:#c8c8c81a;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.15)}body.ui-liquid-glass .vr-btn{background:#c8c8c81f;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.18);box-shadow:0 2px 12px #00000026}body.ui-liquid-glass .ctrl-btn{background:#c8c8c814;border:1px solid rgba(255,255,255,.1)}body.ui-liquid-glass .ctrl-btn:hover{background:#ffffff26}body.ui-liquid-glass .logo-badge{background:#c8c8c81f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15)}