html,body,#root{margin:0;padding:0;width:100%;height:100%;background:#0f172a;color:#f1f5f9}*{box-sizing:border-box}button{background:#334155;color:#f1f5f9;border:1px solid #475569;border-radius:6px;padding:8px 16px;font-size:14px;cursor:pointer}button:hover{background:#475569}.muted{opacity:.6}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace}.session{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:#020617}.session-bar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;background:#1e293b;border-bottom:1px solid #334155;font-size:13px;padding-top:max(8px,env(safe-area-inset-top))}.session-bar-low{background:#7f1d1d;border-bottom-color:#ef4444}.session-brand{display:flex;align-items:center;gap:6px;font-weight:600;letter-spacing:.02em}.session-brand-mark{color:#22d3ee;font-size:14px}.session-brand-text{font-size:13px}.session-info{display:flex;align-items:center;gap:12px;flex:1 1 auto;justify-content:center}.session-slot{font-weight:600}.session-time{font-family:ui-monospace,SF Mono,Menlo,monospace;font-variant-numeric:tabular-nums;opacity:.85}.session-exit{background:transparent;border:1px solid #475569;color:#f1f5f9;padding:4px 10px;font-size:14px}.session-frame{flex:1 1 auto;display:flex;align-items:stretch;justify-content:center;padding:0;background:radial-gradient(1200px 600px at 50% 0%,rgba(34,211,238,.08),transparent 70%),#020617}.session-iframe{flex:1 1 auto;width:100%;border:none;background:#000}@media (min-width: 900px){.session-frame{padding:24px}.session-iframe{flex:0 1 auto;width:100%;max-width:1280px;aspect-ratio:16 / 9;border-radius:12px;box-shadow:0 0 0 1px #1e293b,0 20px 50px #0000008c,0 0 60px #22d3ee14;overflow:hidden}}@media (max-width: 480px){.session-brand-text{display:none}}.qr-scanner{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;display:flex;flex-direction:column}.qr-scanner-video{flex:1 1 auto;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.qr-scanner-video video,.qr-scanner-video canvas{max-width:100%!important;max-height:100%!important}.qr-scanner-error{padding:16px;background:#7f1d1d;color:#fee2e2;font-size:14px;text-align:center}.qr-scanner-actions{flex:0 0 auto;padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom));display:flex;justify-content:center;background:#1e293b}