:root{color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;padding:0;background:#0b0b0f;color:#eaeaf0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.lobby{max-width:620px;margin:0 auto;padding:96px 24px}.badge{display:inline-block;font-size:13px;font-weight:600;color:#9aa4ff;background:rgba(91,124,250,.12);border:1px solid rgba(91,124,250,.3);border-radius:999px;padding:6px 12px;margin-bottom:20px}h1{font-size:34px;line-height:1.15;margin:0 0 12px;letter-spacing:-.02em}p{font-size:16px;line-height:1.55;color:#b7b9c6;margin:0 0 28px}.actions{display:flex;gap:12px;flex-wrap:wrap}button{font:inherit;font-weight:600;border-radius:10px;padding:12px 18px;cursor:not-allowed;border:1px solid transparent;display:inline-flex;align-items:center;gap:8px;opacity:.75}button.primary{background:#5b7cfa;color:#fff}button.ghost{background:transparent;color:#eaeaf0;border-color:#2b2b38}.soon{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#8a8ca0;border:1px solid #33344a;border-radius:6px;padding:1px 6px}.foot{margin-top:40px;font-size:13px;color:#6b6d80}.join{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}.join.col{flex-direction:column;max-width:340px}input{font:inherit;background:#14141c;color:#eaeaf0;border:1px solid #2b2b38;border-radius:10px;padding:12px 14px;min-width:240px;flex:1 1}input::placeholder{color:#6b6d80}button:not(:disabled){cursor:pointer;opacity:1}button.sm{padding:8px 12px;font-size:13px}.err{color:#fca5a5;margin-top:12px}a{color:#9aa4ff;text-decoration:none}.room{height:100vh;display:flex;flex-direction:column}.roombar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid #1c1c26}.code{font-size:14px;font-weight:600;color:#b7b9c6}.room .stage-theme,.room>.str-video{flex:1 1;min-height:0;display:flex;flex-direction:column}.stage{flex:1 1;min-height:0;padding:12px;display:flex}.stage .str-video__paginated-grid-layout__wrapper,.stage .str-video__speaker-layout,.stage .str-video__speaker-layout__wrapper{flex:1 1;height:100%;width:100%}.controlbar{display:flex;justify-content:center;padding:14px 16px 20px;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent)}.stage .str-video__participant-view{border-radius:12px;overflow:hidden}.history{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-direction:column;gap:8px}.hrow{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#14141c;border:1px solid #23232f;border-radius:10px;text-decoration:none;color:#eaeaf0}.hrow:hover{border-color:#3a3a52;background:#16161f}.hcode{font-weight:600}.hdate{font-size:13px;color:#8a8ca0}.replay{height:100vh;display:flex;flex-direction:column;background:#0b0b0f}.btnlink{text-decoration:none;padding:8px 12px;border:1px solid #2b2b38;border-radius:8px;font-size:13px}.replay-body{flex:1 1;min-height:0;display:grid;grid-template-columns:1fr 380px}.video-col{background:#000;display:flex;align-items:center;justify-content:center;min-height:0}.replay-video{width:100%;height:100%;object-fit:contain}.empty{color:#8a8ca0;padding:24px}.transcript-col{border-left:1px solid #1c1c26;display:flex;flex-direction:column;min-height:0}.transcript-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #1c1c26;font-weight:600;font-size:14px}.segments{list-style:none;margin:0;padding:8px;overflow-y:auto}.seg-btn{display:block;width:100%;text-align:left;background:transparent;border:0;padding:8px 10px;border-radius:8px;font-size:14px;line-height:1.5;color:inherit;cursor:pointer}.seg-btn:hover:not(:disabled){background:#16161f}.seg-btn:disabled{cursor:default;opacity:1}.spk{display:block;font-size:12px;font-weight:700;color:#9aa4ff;margin-bottom:2px}.seg-text{color:#cfd0dc}@media (max-width:820px){.replay-body{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.transcript-col{border-left:none;border-top:1px solid #1c1c26}}