.remote-screens.multi-stream{display:grid;grid-template-columns:repeat(var(--stream-count),minmax(0,1fr));grid-template-rows:minmax(0,1fr) 140px;grid-auto-rows:140px;overflow:auto}.multi-stream>.screen-primary{grid-column:1/-1;grid-row:1}.multi-stream>.screen-wrapper:not(.stream-primary){grid-row:2;cursor:pointer}.multi-stream>.screen-wrapper:not(.stream-primary) .screen-title{font-size:10px;left:5px;top:5px;padding:4px}.stream-popout-btn{position:absolute;right:10px;top:10px;width:32px;min-height:30px;z-index:4;background:#13251de8;color:#9eebc7;opacity:0}.screen-wrapper:hover .stream-popout-btn,.stream-popout-btn:focus-visible{opacity:1}.sidebar>.brand{border:0;background:none;text-align:left;padding:0;cursor:pointer}.sidebar>.brand:hover{color:var(--accent)}.sub-card{border:1px solid #345044;border-radius:10px;padding:10px;font-size:11px;display:grid;gap:6px}.sub-card strong{font-size:14px;color:var(--accent)}.sub-card.expiring{border-color:#d0a951}.sub-card.expiring strong{color:#f6d58c}.sub-card button{min-height:29px;font-size:11px}.tools-report{width:100%;font-size:11px;margin-top:5px}.tools-dialog{width:min(740px,90vw);max-height:86vh;overflow:auto;background:#14201c;color:#e8f3ed;border:1px solid #436252;border-radius:16px;padding:24px}.tools-dialog::backdrop{background:#0009}.tools-dialog header{display:flex;justify-content:space-between;align-items:center}.tools-dialog textarea{width:100%;height:270px;resize:vertical;background:#0d1511;color:#c9e1d4;border:1px solid #395347;font:11px Consolas,monospace;padding:12px}.tools-dialog p{line-height:1.6}.overlay-setting{display:grid;gap:8px}.overlay-setting input,.overlay-setting select{width:100%}.overlay-setting label{display:flex;gap:8px;align-items:center}.overlay-setting label input[type=checkbox]{width:18px}.overlay-setting .hint{line-height:1.5}
.sidebar{display:flex;flex-direction:column;gap:10px;overflow:auto}.sidebar>.participants{flex:1 1 120px;min-height:80px}.sidebar>:not(.participants){flex-shrink:0}.sub-card[hidden]{display:none}.sidebar .status-stack{font-size:9px}.sidebar #network-diagnostics-button{margin-top:0;padding:8px}.sidebar .tools-report{margin-top:0;min-height:30px}
.subscription-purchase{display:grid;gap:16px;margin-top:8px;min-width:0}.subscription-purchase h3{margin:0;font-size:16px;font-weight:600;color:var(--text,#f0f2f4)}.subscription-purchase>p{margin:0;font-size:14px;line-height:1.6;color:var(--muted,#9ca7b2)}.subscription-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0}.sub-card .subscription-plan,.reference-settings .settings-detail-item.sub-card .subscription-plan{display:grid;gap:14px;align-content:start;justify-items:start;width:100%;min-width:0;min-height:104px;padding:18px;text-align:left;border:1px solid var(--line,#2a3239);border-radius:10px;background:var(--bg,#101417);color:var(--text,#f0f2f4);cursor:pointer}.sub-card .subscription-plan:hover,.reference-settings .settings-detail-item.sub-card .subscription-plan:hover{border-color:var(--accent,#7ce6c3);background:var(--panel-hover,#202e29)}.sub-card .subscription-plan strong,.reference-settings .settings-detail-item.sub-card .subscription-plan strong{font-size:28px;line-height:1.2;font-weight:600;letter-spacing:-.5px;color:var(--accent,#7ce6c3)}.sub-card .subscription-plan small{font-size:14px;font-weight:400;letter-spacing:0;color:var(--muted,#9ca7b2)}.subscription-plan>span{font-size:12px;color:var(--accent,#7ce6c3)}.subscription-actions{display:flex;gap:10px;flex-wrap:wrap}.sub-card .subscription-actions button,.reference-settings .settings-detail-item.sub-card .subscription-actions button{min-height:40px;padding:10px 14px;font-size:14px}.sub-card #subscription-activate{border-color:var(--accent,#7ce6c3);background:var(--accent,#7ce6c3);color:var(--bg,#101417);font-weight:600}.subscription-purchase .subscription-account-hint{font-size:12px}.subscription-purchase .subscription-action-status{font-size:13px;color:var(--accent,#7ce6c3)}.subscription-action-status:empty{display:none}.subscription-plan:focus-visible,.subscription-actions button:focus-visible{outline:2px solid var(--accent,#7ce6c3);outline-offset:3px}@media(max-width:650px){.subscription-plans{grid-template-columns:1fr}.sub-card .subscription-plan,.reference-settings .settings-detail-item.sub-card .subscription-plan{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:72px;padding:16px}.subscription-actions{flex-direction:column}.subscription-actions button{width:100%}}

.sub-card{--subscription-color:#b597ff}.sub-card[data-subscription-tier=free]{--subscription-color:#a9b1b9}.sub-card[data-subscription-tier=base]{--subscription-color:#69aaff}.subscription-current{display:flex;align-items:center;gap:12px;min-width:0}.subscription-current>img{width:34px;height:34px;object-fit:contain;flex:none}.sub-card[data-subscription-tier=free] .subscription-current>img{filter:grayscale(1)}.subscription-current>div{display:grid;gap:4px}.subscription-current span{font-size:12px;color:var(--muted,#9ca7b2)}.sub-card #subscription-current-tier{font-size:22px;line-height:1.2;color:var(--subscription-color)}.sub-card #subscription-notice{font-size:13px;line-height:1.7;color:var(--muted,#9ca7b2)}.reference-settings .settings-detail-item.sub-card #subscription-time{color:var(--subscription-color);overflow-wrap:anywhere}.sub-card[data-subscription-tier=free] #subscription-time,.reference-settings .settings-detail-item.sub-card[data-subscription-tier=free] #subscription-time{font-size:24px;letter-spacing:0}.subscription-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0}.subscription-tier-card{--tier-color:#a9b1b9;display:flex;flex-direction:column;gap:15px;min-width:0;padding:18px 15px;border:1px solid var(--line,#2a3239);border-radius:10px;background:var(--bg,#101417);overflow-wrap:anywhere}.subscription-tier-base{--tier-color:#69aaff;border-color:#345579}.subscription-tier-pro{--tier-color:#b597ff;border-color:#655185}.subscription-tier-card h3{display:flex;align-items:center;gap:9px;font-size:16px;line-height:1.3;font-weight:650;margin:0;color:var(--tier-color)}.subscription-tier-card h3 img{width:32px;height:32px;object-fit:contain;flex:none}.subscription-tier-free img{filter:grayscale(1)}.subscription-tier-card ul{margin:0;padding-left:16px;font-size:12px;line-height:1.65;color:var(--muted,#9ca7b2)}.subscription-tier-card li+li{margin-top:10px}.sub-card .subscription-grandfather{font-size:12px;line-height:1.7;color:var(--muted,#9ca7b2);margin:0}.subscription-tier-selector{display:flex;gap:8px;flex-wrap:wrap}.sub-card .subscription-tier-selector button,.reference-settings .settings-detail-item.sub-card .subscription-tier-selector button{min-height:38px;padding:8px 20px;border:1px solid var(--line,#2a3239);border-radius:8px;font-size:14px;background:var(--bg,#101417);color:var(--muted,#9ca7b2)}.sub-card .subscription-tier-selector [data-subscription-purchase-tier=base].selected,.reference-settings .settings-detail-item.sub-card .subscription-tier-selector [data-subscription-purchase-tier=base].selected{border-color:#69aaff;color:#69aaff;background:#1b2938}.sub-card .subscription-tier-selector [data-subscription-purchase-tier=pro].selected,.reference-settings .settings-detail-item.sub-card .subscription-tier-selector [data-subscription-purchase-tier=pro].selected{border-color:#b597ff;color:#b597ff;background:#282135}.sub-card .subscription-tier-selector button:focus-visible{outline:2px solid #b597ff;outline-offset:3px}.sub-card .subscription-plan:disabled,.reference-settings .settings-detail-item.sub-card .subscription-plan:disabled{opacity:.5;cursor:not-allowed;border-color:var(--line,#2a3239);background:var(--bg,#101417)}.sub-card .subscription-plan strong,.reference-settings .settings-detail-item.sub-card .subscription-plan strong,.subscription-plan>span{color:#b597ff}.sub-card .subscription-plan:hover:enabled,.reference-settings .settings-detail-item.sub-card .subscription-plan:hover:enabled{border-color:#b597ff;background:#282135}.subscription-purchase #subscription-purchase-notice{font-size:13px;line-height:1.65}.voice-reward-multiplier{font-size:13px;line-height:1.65;color:var(--text,#f0f2f4);margin:0}
@media(max-width:1050px){.subscription-comparison{grid-template-columns:1fr}.subscription-tier-card{padding:18px}.subscription-tier-card ul{font-size:13px}.subscription-tier-card li+li{margin-top:8px}}
@media(max-width:650px){.sub-card[data-subscription-tier=free] #subscription-time{font-size:22px}.subscription-current{gap:10px}.subscription-tier-selector{display:grid;grid-template-columns:1fr 1fr}.subscription-purchase{gap:14px}}
.subscription-purchase[data-purchase-tier=base]{--purchase-color:#69aaff}.subscription-purchase[data-purchase-tier=pro]{--purchase-color:#b597ff}.sub-card .subscription-purchase .subscription-plan strong,.reference-settings .settings-detail-item.sub-card .subscription-purchase .subscription-plan strong,.subscription-purchase .subscription-plan>span{color:var(--purchase-color)}.sub-card .subscription-purchase .subscription-plan:hover:enabled,.reference-settings .settings-detail-item.sub-card .subscription-purchase .subscription-plan:hover:enabled{border-color:var(--purchase-color);background:color-mix(in srgb,var(--purchase-color) 12%,var(--bg,#101417))}
.subscription-tier-availability{margin:auto 0 0;padding-top:2px;font-size:12px;line-height:1.6;color:var(--muted,#9ca7b2)}