:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#eef3f8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{border:0;border-radius:16px;padding:14px 18px;font-weight:800;color:#fff;background:#1f5eff;cursor:pointer;box-shadow:0 14px 28px #1f5eff38}button:hover{transform:translateY(-1px)}button.secondary{color:#1f5eff;background:#e9efff;box-shadow:none}button.danger{background:#d83a52;box-shadow:0 14px 28px #d83a5233}input{width:100%;margin-top:8px;border:1px solid #d8e1ef;border-radius:14px;padding:14px 16px;color:#172033;background:#fff;outline:none}input:focus{border-color:#1f5eff;box-shadow:0 0 0 4px #1f5eff1a}.appShell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:32px 0}.authPanel{max-width:520px;margin:12vh auto 0;padding:28px;border:1px solid rgba(255,255,255,.8);border-radius:28px;background:#ffffffe6;box-shadow:0 24px 80px #22375c1f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.authPanel h1{margin:0;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.05em;line-height:1}.authPanel p{color:#5b6577;line-height:1.6}.authPanel label{display:block;color:#3b465a;font-weight:800;margin:18px 0 12px}.checkboxLabel{display:flex!important;align-items:center;gap:10px;font-size:.95rem}.checkboxLabel input{width:auto;margin:0}.errorText{color:#d83a52!important;font-weight:800}.hero{display:grid;grid-template-columns:1fr 280px;gap:24px;align-items:stretch;margin-bottom:24px}.hero h1{margin:0;max-width:780px;font-size:clamp(2rem,4vw,4rem);letter-spacing:-.06em;line-height:.96}.hero p{max-width:760px;margin:18px 0 0;color:#5b6577;font-size:1.05rem;line-height:1.65}.eyebrow{margin:0 0 12px!important;color:#1f5eff!important;font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:.75rem!important}.statusCard,.panel,.videoCard{border:1px solid rgba(255,255,255,.8);border-radius:28px;background:#ffffffd1;box-shadow:0 24px 80px #22375c1f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.statusCard{display:flex;min-height:160px;padding:24px;flex-direction:column;justify-content:space-between}.statusCard span,.videoHeader span{color:#7a8496;font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.statusCard strong{color:#172033;font-size:1.45rem;line-height:1.2}.panel{padding:24px}.setupPanel{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px}.setupPanel label{color:#3b465a;font-weight:800}.buttonRow{display:flex;gap:12px;grid-column:1 / -1;flex-wrap:wrap}.hint{grid-column:1 / -1;margin:0;color:#7a8496;word-break:break-all}.roomGrid,.detailsGrid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.videoCard{overflow:hidden}.videoHeader{display:flex;justify-content:space-between;gap:16px;padding:18px 20px}.videoHeader strong{color:#172033}video{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover;background:#111827}.actionsPanel{margin-bottom:24px}.panel h2{margin:0 0 18px;font-size:1.2rem}.muted{margin:0;color:#7a8496}.trackList,.logList{display:grid;gap:12px}.trackItem{display:grid;gap:4px;padding:14px;border-radius:16px;background:#f6f8fc}.trackItem strong{color:#1f5eff}.trackItem span,.trackItem small{color:#5b6577;word-break:break-all}.logList{max-height:360px;overflow:auto;margin:0;padding-left:20px;color:#3b465a;line-height:1.55}@media(max-width:820px){.appShell{width:min(100% - 20px,1180px);padding:20px 0}.hero,.setupPanel,.roomGrid,.detailsGrid{grid-template-columns:1fr}.hero h1{font-size:2.3rem}.buttonRow button{width:100%}}