*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;background:#0b0d12;color:#f3f4f6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}a{text-decoration:none}a,button{color:inherit}button{cursor:pointer;border:none;background:none}button,input{font:inherit}.home{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.home-card{width:100%;max-width:460px;background:#14171f;border:1px solid #232834;border-radius:16px;padding:32px}.home-card h1{font-size:28px;margin-bottom:8px}.home-card .subtitle{color:#94a3b8;margin-bottom:24px;font-size:14px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-size:13px;color:#94a3b8}.field input{background:#0b0d12;border:1px solid #232834;color:#f3f4f6;border-radius:8px;padding:12px 14px;outline:none}.field input:focus{border-color:#4f8cff}.btn-primary{width:100%;background:#4f8cff;color:white;padding:12px 16px;border-radius:8px;font-weight:600;margin-top:8px;transition:background .15s}.btn-primary:hover{background:#3b75e5}.btn-primary:disabled{background:#2c3441;color:#64748b;cursor:not-allowed}.divider{text-align:center;color:#64748b;font-size:12px;margin:20px 0;position:relative}.divider:after,.divider:before{content:"";position:absolute;top:50%;width:40%;height:1px;background:#232834}.divider:before{left:0}.divider:after{right:0}.room{min-height:100vh;display:flex;flex-direction:column}.room-header{padding:12px 20px;background:#14171f;border-bottom:1px solid #232834;justify-content:space-between;font-size:14px;flex-wrap:wrap;gap:12px}.room-header,.room-meta{display:flex;align-items:center}.room-meta{gap:8px;color:#94a3b8}.room-meta strong{color:#f3f4f6;font-family:ui-monospace,SF Mono,Menlo,monospace;background:#232834;padding:2px 8px;border-radius:4px;font-size:13px}.room-count{color:#64748b;font-size:13px}.btn-invite{background:#4f8cff;color:white;padding:8px 16px;border-radius:8px;font-weight:600;font-size:14px;transition:background .15s}.btn-invite:hover{background:#3b75e5}.video-grid{flex:1 1;display:grid;grid-gap:8px;gap:8px;padding:8px;align-content:start}.video-grid.count-1{grid-template-columns:1fr}.video-grid.count-2,.video-grid.count-3,.video-grid.count-4{grid-template-columns:repeat(2,1fr)}.video-grid.count-5{grid-template-columns:repeat(3,1fr)}@media (max-width:720px){.video-grid.count-2,.video-grid.count-3,.video-grid.count-4,.video-grid.count-5{grid-template-columns:1fr}}.video-tile{position:relative;background:#14171f;border-radius:12px;overflow:hidden;aspect-ratio:16/10}.video-tile video{width:100%;height:100%;object-fit:cover;background:#0b0d12}.video-tile.muted video{filter:brightness(.4)}.video-name{position:absolute;bottom:8px;left:8px;background:rgba(0,0,0,.6);padding:4px 10px;border-radius:6px;font-size:13px;max-width:calc(100% - 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-status{position:absolute;top:8px;right:8px;display:flex;gap:6px}.status-dot{background:rgba(0,0,0,.6);padding:4px 6px;border-radius:6px;font-size:12px}.alone-cta{background:linear-gradient(135deg,#1a2543,#14171f);border:2px dashed #4f8cff;border-radius:12px;aspect-ratio:16/10;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s}.alone-cta:hover{background:linear-gradient(135deg,#213056,#181c26);border-color:#6fa1ff}.alone-cta-inner{text-align:center;padding:24px}.alone-cta-title{font-size:16px;font-weight:600;margin-bottom:6px}.alone-cta-sub{color:#94a3b8;font-size:13px}.presenter-layout{flex:1 1;display:grid;grid-template-columns:1fr 240px;grid-gap:8px;gap:8px;padding:8px;min-height:0}.presenter-main{background:#14171f;border-radius:12px;overflow:hidden;min-height:0;display:flex;align-items:center;justify-content:center}.presenter-tile{position:relative}.presenter-tile,.presenter-tile video{width:100%;height:100%;background:#0b0d12}.presenter-tile video{object-fit:contain}.presenter-loading{color:#94a3b8;font-size:14px}.presenter-thumbs{display:flex;flex-direction:column;gap:8px;overflow-y:auto;min-height:0}.video-tile.thumb{aspect-ratio:4/3;flex-shrink:0}.video-tile.thumb .video-name{font-size:11px;padding:2px 6px}@media (max-width:720px){.presenter-layout{grid-template-columns:1fr;grid-template-rows:1fr 100px}.presenter-thumbs{flex-direction:row;overflow-x:auto;overflow-y:hidden}.video-tile.thumb{width:130px;height:100%;aspect-ratio:auto}}.controls{padding:16px;background:#14171f;border-top:1px solid #232834;gap:12px}.controls,.ctl{display:flex;justify-content:center}.ctl{background:#232834;width:48px;height:48px;border-radius:50%;align-items:center;font-size:20px;transition:background .15s}.ctl:hover{background:#2c3441}.ctl:disabled{opacity:.4;cursor:not-allowed}.ctl:disabled:hover{background:#232834}.ctl.off{background:#ef4444}.ctl.on-screen{background:#4f8cff}.ctl.leave{background:#ef4444}.ctl.leave:hover{background:#dc2626}.error{color:#fca5a5;background:#2a1414;border:1px solid #5a2a2a;padding:12px;border-radius:8px;margin:8px;font-size:14px}.loader{text-align:center;padding:40px;color:#94a3b8}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;padding:20px;z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{position:relative;background:#14171f;border:1px solid #232834;border-radius:16px;padding:32px;width:100%;max-width:520px}.modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;background:#232834;display:flex;align-items:center;justify-content:center;font-size:14px}.modal-close:hover{background:#2c3441}.modal h2{font-size:22px;margin-bottom:8px}.modal-sub{color:#94a3b8;font-size:14px;margin-bottom:20px}.modal-link{display:flex;gap:8px;margin-bottom:20px}.modal-link input{flex:1 1;background:#0b0d12;border:1px solid #232834;color:#f3f4f6;border-radius:8px;padding:12px 14px;outline:none;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px}.modal-link .btn-primary{width:auto;margin:0;white-space:nowrap}.modal-or{color:#64748b;font-size:12px}.modal-code,.modal-or{text-align:center;margin-bottom:12px}.modal-code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:24px;font-weight:600;letter-spacing:2px;background:#0b0d12;border:1px solid #232834;border-radius:8px;padding:16px}.modal-hint{text-align:center;color:#64748b;font-size:12px}