:root{--bg: #000;--fg: #fff;--accent: rgba(255, 255, 255, .15);--panel: rgba(9, 12, 28, .65)}*{box-sizing:border-box}html,body{height:100%;margin:0;background:var(--bg);color:var(--fg);font-family:Segoe UI,system-ui,Arial,sans-serif}#app{width:100%;height:100%}.stage{position:relative;width:100%;height:100%;overflow:hidden;background:#000}.video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000;--video-fade-ms: .1s;--video-fade-opacity: .72;opacity:1;transition:opacity var(--video-fade-ms) ease;will-change:opacity}.video.video-fade{opacity:var(--video-fade-opacity)}.gradient{position:absolute;left:0;right:0;bottom:0;height:32vh;background:linear-gradient(0deg,#000000b8,#0000);pointer-events:none}.subtitle{position:absolute;left:50%;transform:translate(-50%);bottom:8px;width:min(72vw,760px);text-align:center;line-height:1.3;background:#004e9280;border:1px solid rgba(255,255,255,.12);padding:7px 10px;border-radius:10px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:0 6px 18px #0000004d;font-size:13px}.user-line{font-weight:500;color:#aee6ff;margin-bottom:.2rem;font-size:12px}.naila-line{font-weight:600;color:#fff;font-size:13px}.qr-wrap{position:absolute;top:16px;right:16px;padding:10px 10px 6px;background:#0000008c;border-radius:18px;box-shadow:0 10px 30px #00000059}.qr{width:160px;height:160px;object-fit:contain;-webkit-user-select:none;user-select:none}.hidden{display:none}.status{position:absolute;top:12px;left:12px;font-size:12px;color:#fffc}.mic{position:absolute;left:50%;transform:translate(-50%);bottom:44px;width:116px;height:56px;border-radius:22px;border:1px solid rgba(108,177,255,.25);background:linear-gradient(160deg,#031434e6,#061a3ecc);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px #0006;transition:transform .12s ease,background .2s ease,box-shadow .2s ease,border-color .2s ease}.mic-shell{display:inline-flex;align-items:center;gap:10px}.mic-glyph{position:relative;width:13px;height:19px;border:2px solid #2ea6ff;border-radius:8px;box-shadow:0 0 10px #2ea6ff4d}.mic-glyph:before{content:"";position:absolute;left:50%;bottom:-7px;width:2px;height:7px;background:#2ea6ff;transform:translate(-50%)}.mic-glyph:after{content:"";position:absolute;left:50%;bottom:-10px;width:11px;height:2px;background:#2ea6ff;transform:translate(-50%)}.mic-bars{display:inline-flex;align-items:flex-end;gap:3px;height:15px}.mic-bars span{width:2px;border-radius:2px;background:#2ea6ff;opacity:.7}.mic-bars span:nth-child(1){height:5px}.mic-bars span:nth-child(2){height:10px}.mic-bars span:nth-child(3){height:14px}.mic-bars span:nth-child(4){height:9px}.mic-bars span:nth-child(5){height:6px}.mic[aria-pressed=true]{background:linear-gradient(160deg,#02265cf2,#082f6ee6);border-color:#45adff94;transform:translate(-50%) scale(1.03);box-shadow:0 0 0 4px #349cff33,0 14px 30px #00000073}.mic[aria-pressed=true] .mic-bars span{animation:micBars .9s ease-in-out infinite alternate;opacity:1}.mic[aria-pressed=true] .mic-bars span:nth-child(2){animation-delay:.08s}.mic[aria-pressed=true] .mic-bars span:nth-child(3){animation-delay:.16s}.mic[aria-pressed=true] .mic-bars span:nth-child(4){animation-delay:.24s}.mic[aria-pressed=true] .mic-bars span:nth-child(5){animation-delay:.32s}@keyframes micBars{0%{transform:scaleY(.55)}to{transform:scaleY(1.15)}}.qr-taxi{position:fixed;top:5%;right:5%;width:140px;z-index:9999;background:#0006;padding:6px;border-radius:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.qr-taxi img{width:100%;height:auto;display:block}