:root{--bg:#f4f7fb;--panel:#ffffff;--text:#162033;--muted:#66718b;--accent:#4f7cff;--line:rgba(18,32,51,0.08);--shadow:0 24px 60px rgba(26,39,69,0.08)}*{box-sizing:border-box}body,html{height:100%;min-height:100%}body{margin:0;font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at top,rgba(79,124,255,.12),transparent 28%),var(--bg);color:var(--text)}button,input{font:inherit}.shell{height:100vh}.content{min-height:100vh;padding:16px;display:flex;align-items:stretch;justify-content:center}p{color:var(--muted)}.home-page{width:100%;max-width:980px;display:grid;grid-gap:28px;gap:28px}.home-page-single{max-width:560px}.home-header{text-align:center;display:grid;grid-gap:10px;gap:10px}.home-header p{margin:0;font-size:18px}.home-brand{font-size:40px;font-weight:800;letter-spacing:-.06em}.home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px}.home-card{background:var(--panel);border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:var(--shadow);display:grid;grid-gap:24px;gap:24px;align-content:start}.home-card-single{text-align:center}.home-card-copy{display:grid;grid-gap:10px;gap:10px}.home-card h1,.home-card h2{margin:0;font-size:34px;line-height:1;letter-spacing:-.05em}.home-card p{margin:0;line-height:1.6}.home-primary-button{min-height:54px;border:none;border-radius:16px;font-weight:700;cursor:pointer;transition:transform .2s ease,opacity .2s ease;background:var(--accent);color:#fff}.home-primary-button:hover{transform:translateY(-1px)}.home-primary-button:disabled{cursor:default;opacity:.7;transform:none}.home-error{color:#d14b62;font-size:14px}.prejoin-page,.room-live-page{width:100%}.prejoin-shell{width:100%;max-width:1120px;margin:0 auto;display:grid;grid-gap:28px;gap:28px}.prejoin-copy{display:grid;grid-gap:10px;gap:10px}.prejoin-eyebrow{color:var(--accent);font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.prejoin-copy h1,.room-live-header h1{margin:0;font-size:40px;line-height:1;letter-spacing:-.05em}.prejoin-copy p,.room-live-header p{margin:0;font-size:18px}.prejoin-grid,.room-live-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.9fr);grid-gap:20px;gap:20px}.room-live-main{width:100%;max-width:1280px;min-height:calc(100vh - 32px);display:grid;grid-template-rows:minmax(0,1fr) auto;grid-gap:12px;gap:12px}.prejoin-controls-card,.prejoin-preview-card,.room-live-card,.room-live-sidebar{background:var(--panel);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}.prejoin-controls-card,.prejoin-preview-card,.room-live-card{padding:24px}.prejoin-preview-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}.prejoin-preview-head span{color:var(--muted)}.prejoin-preview-frame{position:relative;min-height:420px;border-radius:22px;overflow:hidden;background:#0f1728}.prejoin-preview-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.72);text-align:center;padding:24px;z-index:1}.prejoin-preview-video,.room-video{width:100%;height:100%;border-radius:22px;background:#000;object-fit:cover}.prejoin-controls-card{display:grid;grid-gap:18px;gap:18px;align-content:start}.prejoin-field{display:grid;grid-gap:8px;gap:8px}.prejoin-field label{font-weight:600}.prejoin-input{min-height:54px;border-radius:16px;border:1px solid var(--line);padding:0 16px;background:#f9fbff;color:var(--text)}.prejoin-input:focus{outline:2px solid rgba(79,124,255,.22);border-color:rgba(79,124,255,.3)}.prejoin-toggles,.room-live-controls{display:grid;grid-gap:12px;gap:12px}.prejoin-toggles-inline{grid-template-columns:repeat(2,minmax(0,1fr))}.prejoin-icon-toggle,.prejoin-join-button,.prejoin-toggle{min-height:54px;border-radius:16px;border:1px solid var(--line);font-weight:700;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.prejoin-icon-toggle:hover,.prejoin-join-button:hover,.prejoin-toggle:hover{transform:translateY(-1px)}.prejoin-toggle{background:#f4f7fb;color:var(--text)}.prejoin-toggle.is-on{background:#eaf0ff;color:var(--accent);border-color:rgba(79,124,255,.24)}.prejoin-icon-toggle{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 16px;background:#f4f7fb;color:var(--text)}.prejoin-icon-toggle.is-on{background:#eaf0ff;color:var(--accent);border-color:rgba(79,124,255,.24)}.prejoin-icon-toggle.is-off{background:#fff3f5;color:#c14963;border-color:rgba(193,73,99,.18)}.prejoin-join-button{border:none;background:#162033;color:#fff}.room-live-header{margin-bottom:0}.room-live-stage{display:grid;grid-gap:20px;gap:20px}.room-live-card-stage{padding:12px;min-height:0}.room-live-card-stage-overlay{position:relative}.room-live-card-title{margin-bottom:14px;font-weight:700}.room-live-card .room-video{width:100%;height:100%;min-height:0;object-fit:cover}.room-participant-list,.room-video-grid{display:grid;grid-gap:12px;gap:12px}.room-video-grid{height:100%;min-height:0;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:stretch}.room-remote-card,.room-video-empty,.room-video-tile{display:grid;grid-gap:8px;gap:8px;min-height:320px;padding:10px;border-radius:20px;background:#f6f8fc;border:1px solid var(--line);overflow:hidden}.room-video-tile{grid-template-rows:minmax(0,1fr) auto}.room-video-empty{place-items:center;text-align:center;color:var(--muted)}.room-tile-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px}.room-tile-name{font-weight:700}.room-tile-meta{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;background:#eaf0ff;color:var(--accent)}.room-live-sidebar{padding:20px;display:grid;grid-gap:20px;gap:20px;align-content:start}.room-participant-item{display:flex;justify-content:space-between;gap:12px}.room-bottom-toolbar{flex-wrap:wrap;gap:12px;padding:4px 0 0}.room-bottom-toolbar,.room-overlay-controls{display:flex;align-items:center;justify-content:center}.room-overlay-controls{position:absolute;left:20px;right:20px;bottom:20px;pointer-events:none}.room-overlay-controls .room-bottom-toolbar,.room-overlay-controls .room-control-button-end{pointer-events:auto}.room-bottom-toolbar-pill{width:-moz-fit-content;width:fit-content;margin:0 auto;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.92);border:1px solid var(--line);box-shadow:var(--shadow)}.room-control-button{width:52px;height:52px;border:1px solid var(--line);border-radius:16px;background:#ffffff;color:var(--text);cursor:pointer;font-size:18px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease}.room-control-button:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(26,39,69,.12)}.room-control-button.is-active{background:#eaf0ff;color:var(--accent)}.room-control-button.is-off{background:#fff3f5;color:#c14963}.room-control-button-end{margin-left:auto;background:#e0485f;color:#fff;border-color:rgba(224,72,95,.3);box-shadow:0 20px 40px rgba(224,72,95,.2)}@media (max-width:760px){.content{padding:12px;align-items:stretch}.home-page{padding:24px 0}.home-grid,.prejoin-grid,.prejoin-toggles-inline,.room-live-grid{grid-template-columns:1fr}.room-bottom-toolbar{justify-content:center}.room-overlay-controls{left:12px;right:12px;bottom:12px}.room-bottom-toolbar-pill{width:-moz-fit-content;width:fit-content;justify-content:center;border-radius:24px}.room-control-button{width:48px;height:48px}.home-brand,.prejoin-copy h1,.room-live-header h1{font-size:34px}.home-card,.prejoin-controls-card,.prejoin-preview-card,.room-live-card,.room-live-sidebar{padding:22px}.home-card h1,.home-card h2{font-size:28px}.prejoin-preview-frame,.room-remote-card,.room-video-empty,.room-video-tile{min-height:220px}.room-live-main{min-height:calc(100vh - 24px)}}