:root{--bg: #0b1020;--card: #111827;--muted: #9ca3af;--text: #e5e7eb;--primary: #4f46e5;--primary-press: #4338ca;--secondary: #6b7280}html,body{width:100%;max-width:100%;overflow-x:hidden}*,*:before,*:after{box-sizing:border-box}.app{min-height:100vh;display:grid;place-items:center;padding:clamp(12px,4vw,24px);padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right));background:radial-gradient(1000px 600px at 10% -10%,#1f2937,#0b1020 60%);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}.container{width:100%;max-width:1100px;margin:0 auto}.title{display:flex;align-items:center;gap:10px;font-size:clamp(20px,2.2vw,28px);font-weight:700}.title-badge{padding:3px 8px;border:1px solid rgba(99,102,241,.28);border-radius:999px;background:#4f46e521;color:#c7d2fe;font-size:12px}.controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0 16px}.control{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:#ffffff0a}.label{color:var(--muted);font-size:13px;white-space:nowrap}select,input[type=text],input:not([type]),input[type=search]{padding:8px 10px;border:1px solid #293042;border-radius:10px;background:#0f172a;color:var(--text);outline:none}select:focus,input[type=text]:focus,input:not([type]):focus,input[type=search]:focus{border-color:#475569}.btn{padding:10px 16px;border:0;border-radius:12px;color:#fff;cursor:pointer;transition:transform .04s ease,filter .12s ease}.btn:active{transform:translateY(1px);filter:brightness(.95)}.btn-primary{background:var(--primary)}.btn-primary:active{background:var(--primary-press)}.btn-secondary{background:var(--secondary)}.video-wrap{position:relative;margin-top:2px;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:none;box-shadow:0 20px 60px #00000059;overflow:visible}.daily-host{display:block;width:100%;height:82vh;min-height:420px;border-radius:14px;background:#000;overflow:hidden}.daily-host iframe{display:block;width:100%;height:100%;border:0}.captions-below{display:grid;gap:8px;margin-top:12px}.cap{padding:8px 12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#0f172a73;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cap small{opacity:.85;font-size:12px}.cap strong{display:block;margin-top:2px;font-size:16px;line-height:1.3}.header-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:1px}.title-side{display:flex;align-items:center;gap:10px}.controls-side{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-left:auto}.error-box{max-width:360px;margin:60px auto;padding:40px 24px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#ffffff0d;color:#e5e7eb;box-shadow:0 8px 40px #0000004d;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.error-box h2{margin-bottom:10px;color:#f87171;font-size:20px}.error-box p{margin-bottom:20px;line-height:1.5;font-size:15px}.qr-code{width:140px;height:140px;border:1px solid rgba(255,255,255,.15);border-radius:8px;background:#fff;object-fit:cover}.footer{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:30px;padding:12px 20px;border-top:1px solid rgba(255,255,255,.08);color:#fff9;font-size:14px}.footer-left{display:flex;align-items:center;gap:10px}.footer-logo{width:22px;height:22px;border-radius:4px;object-fit:cover;opacity:.9}.custom-captions-overlay{position:absolute;left:0;right:0;bottom:8%;display:flex;justify-content:center;padding:8px 16px;z-index:5;pointer-events:none}.custom-captions-bubble{max-width:min(82%,960px);padding:10px 14px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#0000008c;color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);text-shadow:0 1px 2px rgba(0,0,0,.55);font-size:clamp(14px,1.9vw,20px);line-height:1.35;white-space:pre-wrap;word-break:break-word}.fs-exit-btn{position:absolute;top:10px;right:10px;min-width:44px;height:44px;padding:0 12px;border:1px solid rgba(255,255,255,.25);border-radius:10px;background:#111827a6;color:#fff;font-size:16px;line-height:44px;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.fs-exit-btn:active{transform:translateY(1px);filter:brightness(.95)}.fs-exit-btn{pointer-events:auto}:fullscreen .video-wrap,:fullscreen .daily-host{border-radius:0!important;box-shadow:none!important;height:100vh!important}:-webkit-full-screen .video-wrap,:-webkit-full-screen .daily-host{border-radius:0!important;box-shadow:none!important;height:100vh!important}@media (max-width: 640px){.app{padding:12px}.controls{gap:10px}.video-wrap{border-radius:12px}.daily-host{height:82vh;min-height:360px}.cap{padding:7px 10px}.cap strong{font-size:15px}.controls-side{gap:10px}.custom-captions-overlay{bottom:12%}}@media (min-width: 1024px){.header-bar,.controls-side{flex-wrap:nowrap}}@media (max-width: 768px){.desktop-only{display:none!important}}