.rooms-page{min-height:calc(100vh - 160px);background:radial-gradient(circle at 12% 4%,rgba(255,123,45,.12),transparent 30%),radial-gradient(circle at 86% 16%,rgba(104,77,205,.11),transparent 28%)}.rooms-lobby{max-width:970px;margin:0 auto;padding:36px 0 80px}.rooms-hero{display:flex;justify-content:space-between;gap:28px;align-items:center}.rooms-hero h1{max-width:620px;margin:8px 0 12px;font-size:clamp(2.3rem,6vw,4.8rem);line-height:1.04;letter-spacing:-.06em}.rooms-hero p:not(.study-section-kicker){max-width:650px;color:var(--qb-muted);line-height:1.75}.rooms-hero-orb{width:170px;height:170px;display:grid;place-items:center;align-content:center;gap:8px;border-radius:48% 52% 58% 42%;background:linear-gradient(135deg,#ff6b26,#c049ff);color:#fff;box-shadow:0 22px 60px rgba(209,73,112,.28);transform:rotate(7deg)}.rooms-hero-orb .material-symbols-outlined{font-size:48px}.rooms-hero-orb small{font-size:.68rem;font-weight:700;text-align:center}.rooms-lobby-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:36px}.rooms-card,.rooms-call-card,.rooms-chat-card,.room-moderation{background:var(--qb-panel);border:1px solid var(--qb-line);border-radius:24px;padding:25px;box-shadow:0 14px 36px rgba(17,29,49,.06)}.rooms-card-icon{color:var(--qb-orange);font-size:32px}.rooms-card h2{margin:14px 0 5px;font-size:1.15rem}.rooms-card p{margin:0 0 22px;color:var(--qb-muted);font-size:.8rem;line-height:1.6}.rooms-card label{display:grid;gap:7px;color:var(--qb-muted);font-size:.72rem;font-weight:700;margin-bottom:16px}.rooms-card input,.room-chat-form input{width:100%;border:1px solid var(--qb-line);background:var(--qb-soft);color:var(--qb-ink);border-radius:12px;padding:12px;font:inherit;font-size:.82rem}.rooms-card input:focus,.room-chat-form input:focus{outline:2px solid color-mix(in srgb,var(--qb-orange) 32%,transparent);outline-offset:1px}.rooms-card button{width:100%;justify-content:center}.rooms-status{min-height:20px;color:var(--qb-muted);font-size:.74rem}.rooms-limit-note{display:flex;gap:10px;margin-top:18px;padding:15px 17px;border-radius:15px;background:color-mix(in srgb,var(--qb-purple) 7%,var(--qb-panel));border:1px solid color-mix(in srgb,var(--qb-purple) 22%,var(--qb-line));color:var(--qb-muted);font-size:.75rem;line-height:1.55}.rooms-limit-note .material-symbols-outlined{color:var(--qb-purple)}.rooms-limit-note p{margin:0}.rooms-limit-note strong{color:var(--qb-ink)}.rooms-active{max-width:1140px;margin:0 auto;padding:28px 0 80px}.rooms-active-header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}.rooms-active-header .study-back-link{display:inline-flex;margin-bottom:24px}.rooms-active-header h1{margin:4px 0 8px;font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.05em}.room-code-line{display:flex;align-items:center;gap:9px;color:var(--qb-muted);font-size:.72rem}.room-code-line strong{color:var(--qb-orange);letter-spacing:.18em;font-size:.9rem}.room-code-line button{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:var(--qb-purple);font:inherit;font-size:.7rem;font-weight:700;cursor:pointer}.room-code-line .material-symbols-outlined{font-size:17px}.room-live-pill{display:flex;align-items:center;gap:7px;padding:8px 11px;background:#e9f9ef;color:#19824a;border-radius:999px;font-size:.7rem;font-weight:800}.room-live-pill i{width:8px;height:8px;border-radius:50%;background:#23ae62;box-shadow:0 0 0 5px rgba(35,174,98,.14)}.rooms-workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.7fr);gap:18px}.rooms-call-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.rooms-call-heading h2{margin:0;font-size:1.05rem}.rooms-call-heading p{margin:4px 0 0;color:var(--qb-muted);font-size:.73rem}.rooms-encryption{display:flex;align-items:center;gap:4px;color:var(--qb-muted);font-size:.65rem}.rooms-encryption .material-symbols-outlined{font-size:16px;color:var(--qb-green)}.room-participants{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:23px 0}.room-participant{min-height:108px;display:grid;place-items:center;align-content:center;gap:6px;border:1px solid var(--qb-line);border-radius:16px;background:var(--qb-soft);text-align:center}.room-participant.is-speaking{border-color:var(--qb-green);box-shadow:0 0 0 3px rgba(32,159,94,.12)}.room-participant-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,var(--qb-purple),#a985ff);color:#fff;font-weight:800}.room-participant strong{font-size:.73rem}.room-participant small{color:var(--qb-muted);font-size:.62rem}.room-participant .material-symbols-outlined{font-size:16px;color:var(--qb-muted)}.room-controls{display:flex;justify-content:center;gap:10px;padding-top:16px;border-top:1px solid var(--qb-line)}.room-control-button{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--qb-line);background:var(--qb-soft);color:var(--qb-ink);border-radius:12px;padding:10px 15px;font:inherit;font-size:.75rem;font-weight:700;cursor:pointer}.room-control-button .material-symbols-outlined{font-size:19px}.room-control-button.is-muted{color:var(--qb-red);border-color:color-mix(in srgb,var(--qb-red) 35%,var(--qb-line))}.room-leave-button{color:#fff;background:var(--qb-red);border-color:var(--qb-red)}.room-messages{height:340px;margin:18px 0 12px;display:flex;flex-direction:column;gap:8px;overflow:auto}.room-message{padding:9px 11px;border-radius:12px;background:var(--qb-soft)}.room-message strong{display:block;font-size:.68rem}.room-message p{margin:3px 0 0;color:var(--qb-muted);font-size:.74rem;line-height:1.45;overflow-wrap:anywhere}.room-chat-form{display:grid;grid-template-columns:1fr 40px;gap:7px}.room-chat-form button{border:0;border-radius:11px;background:var(--qb-purple);color:#fff;cursor:pointer}.room-moderation{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-top:18px}.room-moderation h2{margin:3px 0 5px;font-size:1rem}.room-moderation p:not(.study-section-kicker){margin:0;color:var(--qb-muted);font-size:.72rem}.room-moderation-list{display:grid;gap:8px;min-width:min(480px,100%)}.room-mod-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:11px;background:var(--qb-soft)}.room-mod-row>div{display:flex;align-items:center;gap:8px}.room-mod-row strong{font-size:.7rem}.room-mod-row button{border:1px solid var(--qb-line);border-radius:9px;background:var(--qb-panel);color:var(--qb-ink);padding:7px 9px;font:inherit;font-size:.66rem;font-weight:700;cursor:pointer}.room-mod-row button:hover{color:var(--qb-orange)}@media(max-width:800px){.rooms-hero{align-items:flex-start}.rooms-hero-orb{width:118px;height:118px}.rooms-hero-orb .material-symbols-outlined{font-size:34px}.rooms-workspace{grid-template-columns:1fr}.room-messages{height:220px}.room-moderation{display:grid}.room-moderation-list{min-width:0}}@media(max-width:600px){.rooms-lobby,.rooms-active{padding-top:20px}.rooms-hero{display:block}.rooms-hero-orb{display:none}.rooms-lobby-grid{grid-template-columns:1fr}.room-participants{grid-template-columns:repeat(2,1fr)}.rooms-active-header{align-items:flex-start;flex-direction:column}.rooms-active-header .study-back-link{margin-bottom:15px}}

.rooms-card-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:10px}.rooms-card select{width:100%;border:1px solid var(--qb-line);background:var(--qb-soft);color:var(--qb-ink);border-radius:12px;padding:12px;font:inherit;font-size:.78rem}.rooms-card select:focus{outline:2px solid color-mix(in srgb,var(--qb-orange) 32%,transparent);outline-offset:1px}.rooms-card label>span{font-weight:500}.rooms-card input::placeholder{color:color-mix(in srgb,var(--qb-muted) 78%,transparent)}.room-code-line strong,#join-code{font-family:"Cascadia Mono","SFMono-Regular",Consolas,monospace;font-variant-numeric:tabular-nums}.room-code-line strong{font-size:1rem;font-weight:800}[data-theme="dark"] .room-live-pill{background:color-mix(in srgb,var(--qb-green) 16%,var(--qb-panel));color:#74dca5}@media(max-width:600px){.rooms-card-row{grid-template-columns:1fr;gap:0}}

html.rooms-embed-frame,html.rooms-embed-frame body{min-height:0;background:var(--qb-soft)}html.rooms-embed-frame body>header,html.rooms-embed-frame body>footer,html.rooms-embed-frame #rooms-lobby{display:none!important}html.rooms-embed-frame .rooms-page{min-height:0;padding:0;background:var(--qb-soft)}html.rooms-embed-frame .rooms-page>.container{width:100%;max-width:none;padding:0}html.rooms-embed-frame .rooms-active{width:100%;max-width:none;padding:14px}html.rooms-embed-frame .rooms-active-header{align-items:center;margin:0 0 14px;padding:12px 14px;border:1px solid var(--qb-line);border-radius:16px;background:var(--qb-panel)}html.rooms-embed-frame .rooms-active-header .study-back-link{display:none}html.rooms-embed-frame .rooms-active-header h1{margin:2px 0 5px;font-size:1.5rem}html.rooms-embed-frame .rooms-card,html.rooms-embed-frame .rooms-call-card,html.rooms-embed-frame .rooms-chat-card,html.rooms-embed-frame .room-moderation{border-radius:18px;padding:18px;box-shadow:none}html.rooms-embed-frame .room-participants{margin:18px 0}html.rooms-embed-frame .room-messages{height:280px}@media(max-width:800px){html.rooms-embed-frame .rooms-active{padding:10px}html.rooms-embed-frame .rooms-active-header{align-items:flex-start}html.rooms-embed-frame .rooms-active-header h1{font-size:1.25rem}html.rooms-embed-frame .room-messages{height:220px}}@media(max-width:600px){html.rooms-embed-frame .rooms-active-header{display:grid}html.rooms-embed-frame .room-live-pill{justify-self:start}html.rooms-embed-frame .rooms-call-card,html.rooms-embed-frame .rooms-chat-card,html.rooms-embed-frame .room-moderation{padding:14px}html.rooms-embed-frame .room-participants{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}

html.rooms-embed-frame .beta-feedback-wrap{display:none!important}
.rooms-call-tools{display:flex;align-items:center;gap:8px}.room-icon-button{width:32px;height:32px;display:grid;place-items:center;padding:0;border:1px solid var(--qb-line);border-radius:10px;background:var(--qb-soft);color:var(--qb-muted);cursor:pointer}.room-icon-button:hover,.room-icon-button[aria-expanded="true"]{border-color:color-mix(in srgb,var(--qb-purple) 38%,var(--qb-line));color:var(--qb-purple)}.room-icon-button .material-symbols-outlined{font-size:18px}.room-settings-panel{margin:14px 0 -5px;padding:13px;border:1px solid color-mix(in srgb,var(--qb-purple) 24%,var(--qb-line));border-radius:14px;background:color-mix(in srgb,var(--qb-purple) 6%,var(--qb-panel))}.room-settings-panel[hidden]{display:none}.room-settings-panel header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.room-settings-panel header div{display:grid}.room-settings-panel header strong{font-size:.76rem}.room-settings-panel header small{color:var(--qb-muted);font-size:.59rem;line-height:1.4}.room-settings-panel label{display:flex;align-items:center;gap:8px;margin:7px 0;color:var(--qb-muted);font-size:.66rem;font-weight:700}.room-settings-panel input{accent-color:var(--qb-purple)}#room-show-dock{display:inline-flex;align-items:center;gap:6px;margin-top:7px;padding:8px 10px;border:1px solid var(--qb-line);border-radius:9px;background:var(--qb-panel);color:var(--qb-purple);font:inherit;font-size:.63rem;font-weight:800;cursor:pointer}#room-show-dock .material-symbols-outlined{font-size:16px}
.room-participant{position:relative;min-width:0;min-height:148px;padding:16px 10px 12px;align-content:start;grid-template-rows:auto auto auto auto auto;transition:border-color .18s,box-shadow .18s,transform .18s}.room-participant.is-speaking{transform:translateY(-2px);border-color:var(--qb-green);box-shadow:0 0 0 3px color-mix(in srgb,var(--qb-green) 15%,transparent),0 10px 28px color-mix(in srgb,var(--qb-green) 10%,transparent)}.room-participant-avatar{position:relative;overflow:hidden;width:48px;height:48px;flex:0 0 auto;border:3px solid var(--qb-panel);outline:2px solid color-mix(in srgb,var(--qb-purple) 28%,var(--qb-line));border-radius:16px}.room-participant-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}.room-participant-avatar.has-photo img{opacity:1}.room-participant.is-speaking .room-participant-avatar{outline-color:var(--qb-green);box-shadow:0 0 0 calc(3px + 5px * var(--voice-level,.12)) color-mix(in srgb,var(--qb-green) 12%,transparent)}.room-participant strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-speaking-indicator{height:18px;display:flex;align-items:center;justify-content:center;gap:2px;color:var(--qb-muted)}.room-speaking-indicator>span{display:none;width:3px;height:12px;border-radius:999px;background:var(--qb-green);transform:scaleY(.3);transform-origin:center}.room-speaking-indicator i{font-size:16px}.room-participant.is-speaking .room-speaking-indicator>span{display:block;animation:room-voice-wave .52s ease-in-out infinite alternate}.room-participant.is-speaking .room-speaking-indicator>span:nth-child(2){animation-delay:-.18s}.room-participant.is-speaking .room-speaking-indicator>span:nth-child(3){animation-delay:-.36s}.room-participant.is-speaking .room-speaking-indicator i{display:none}@keyframes room-voice-wave{from{transform:scaleY(.25)}to{transform:scaleY(var(--voice-level,1))}}
.room-connection{display:inline-flex;align-items:center;justify-content:center;gap:4px;max-width:100%;padding:3px 6px;border:0;border-radius:999px;background:transparent;color:var(--qb-muted);font:inherit;font-size:.54rem;cursor:pointer}.room-connection .material-symbols-outlined{font-size:14px}.room-connection b{display:none;font-size:.52rem}.room-connection.is-expanded b{display:inline}.room-connection-good{color:var(--qb-green)}.room-connection-poor{color:var(--qb-red);background:color-mix(in srgb,var(--qb-red) 8%,transparent)}.room-connection-connecting .material-symbols-outlined{animation:study-spin 1.1s linear infinite}.room-participant-question{width:100%;min-width:0;display:grid;grid-template-columns:16px minmax(0,1fr);align-items:start;gap:5px;margin-top:3px;padding:7px 8px;border-radius:9px;background:color-mix(in srgb,var(--qb-purple) 7%,var(--qb-panel));color:var(--qb-muted);text-align:left}.room-participant-question .material-symbols-outlined{color:var(--qb-purple);font-size:15px}.room-participant-question p{display:-webkit-box;overflow:hidden;margin:0;font-size:.55rem;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.room-participant-question b{display:block;color:var(--qb-ink);font-size:.52rem;text-transform:uppercase;letter-spacing:.03em}.rooms-hide-questions .room-participant-question,.rooms-hide-connections .room-connection{display:none}
@media(max-width:600px){.rooms-call-heading{gap:8px}.rooms-call-tools{gap:5px}.rooms-encryption{font-size:.57rem}.room-participant{min-height:142px;padding:14px 7px 10px}.room-participant-avatar{width:46px;height:46px}.room-participant-question{padding:6px}.room-settings-panel{padding:11px}}

.room-participant-identity{position:relative;width:100%;display:grid;place-items:center;gap:6px;padding:0 20px;border:0;background:transparent;color:var(--qb-ink);font:inherit;cursor:pointer}.room-participant-identity>span:nth-child(2){min-width:0;display:grid;gap:2px}.room-participant-identity strong,.room-participant-identity small{display:block}.room-user-chevron{position:absolute;top:0;right:0;color:var(--qb-muted);font-size:17px!important}.room-participant-identity:hover .room-participant-avatar,.room-participant-identity[aria-expanded="true"] .room-participant-avatar{outline-color:var(--qb-purple)}
.room-user-actions{position:absolute;z-index:12;top:74px;left:8px;right:8px;display:grid;gap:4px;padding:7px;border:1px solid var(--qb-line);border-radius:12px;background:var(--qb-panel);box-shadow:0 14px 34px rgba(17,29,49,.22);text-align:left}.room-user-actions[hidden]{display:none!important}.room-user-actions a,.room-user-actions button,.room-user-action-disabled{width:100%;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:6px;padding:7px 8px;border:0;border-radius:8px;background:transparent;color:var(--qb-ink);font:inherit;font-size:.59rem;text-decoration:none;cursor:pointer}.room-user-actions a:hover,.room-user-actions button:hover{background:var(--qb-soft);color:var(--qb-purple)}.room-user-actions .material-symbols-outlined{font-size:16px}.room-user-actions button small{grid-column:2;overflow:hidden;color:var(--qb-muted);font-size:.5rem;text-overflow:ellipsis;white-space:nowrap}.room-user-action-disabled{color:var(--qb-muted);cursor:default}
.room-message{position:relative}.room-message-author{display:inline-flex;align-items:center;gap:4px;padding:0;border:0;background:transparent;color:var(--qb-ink);font:inherit;cursor:pointer}.room-message-author strong{font-size:.68rem}.room-message-author .material-symbols-outlined{color:var(--qb-muted);font-size:15px}.room-message .room-user-actions{top:30px;left:7px;right:7px}
.room-participant.has-user-actions,.room-message.has-user-actions{z-index:10}
.room-away-note{display:block;margin:5px 0 8px;color:var(--qb-muted);font-size:.56rem;line-height:1.45}.room-participant.is-away{border-style:dashed;opacity:.82}.room-participant.is-away .room-participant-avatar{filter:grayscale(.55)}.room-away-badge{display:inline-block;margin-left:3px;padding:1px 4px;border-radius:999px;background:color-mix(in srgb,var(--qb-orange) 13%,transparent);color:var(--qb-orange);font-size:.48rem}