: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}.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:4vh;width:min(90vw,1100px);text-align:center;line-height:1.4;background:#0064b499;border:1px solid rgba(255,255,255,.15);padding:12px 16px;border-radius:14px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:0 10px 30px #00000059;min-height:4rem}.user-line{font-weight:500;color:#aee6ff;margin-bottom:.35rem}.naila-line{font-weight:600;color:#fff}.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:22px;width:96px;height:96px;border-radius:50%;border:2px solid rgba(255,255,255,.28);background:#081f4aad;color:#fff;font-size:44px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px #00000073;transition:transform .12s ease,background .2s ease,box-shadow .2s ease}.mic[aria-pressed=true]{background:#ff000059;transform:translate(-50%) scale(1.08);box-shadow:0 0 0 5px #ff000040,0 16px 34px #00000080}.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}