:root{--text:#6b6375;--text-h:#08060d;--bg:#f6f4fb;--border:#e6e0f2;--code-bg:#f4f3ec;--accent:#a100ff;--accent-bg:#a100ff1a;--accent-border:#a100ff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}#root{text-align:left;box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{--sts-bg:#f6f4fb;--sts-surface:#fff;--sts-surface-2:#f3eefc;--sts-border:#e6e0f2;--sts-purple:#a100ff;--sts-purple-hover:#8a00d4;--sts-text:#1a1523;--sts-text-dim:#6b6478;--sts-green:#16a34a;--sts-red:#e11d48;--sts-radius:14px;--sts-shadow:0 10px 30px -12px #1a15232e;--sts-mute-bg:#1a1523;--sts-font:system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--app-background:#f7f7fb;--sidebar-background:#fff;--header-background:#fff;--surface-primary:#fff;--surface-secondary:#f3f2f8;--input-background:#fff;--text-primary:#17131f;--text-secondary:#666171;--border-color:#ded9e8;--primary-purple:#7429e8;--primary-purple-hover:#6320d0;--shadow-color:#2d1f451a}[data-theme=dark]{--sts-bg:#0f1020;--sts-surface:#1a1b2e;--sts-surface-2:#23243a;--sts-border:#2f3150;--sts-purple:#b74bff;--sts-purple-hover:#a12fff;--sts-text:#fff;--sts-text-dim:#b0aecb;--sts-mute-bg:#3a3d63;--sts-shadow:0 10px 30px -12px #00000080;--app-background:#070b18;--sidebar-background:#090e1c;--header-background:#090e1c;--surface-primary:#0d1324;--surface-secondary:#10172a;--input-background:#0a1020;--text-primary:#f8f7fc;--text-secondary:#b2b6c5;--border-color:#202941;--primary-purple:#7429e8;--primary-purple-hover:#8438f0;--shadow-color:#00000040}body{background:var(--app-background);color:var(--text-primary);font-family:var(--sts-font);min-height:100vh;margin:0}.app-shell{box-sizing:border-box;max-width:1160px;margin:0 auto;padding:24px clamp(16px,4vw,40px)}.top-bar{border-bottom:1px solid var(--sts-border);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:20px;display:flex}.app-header{text-align:left}.app-title{letter-spacing:-.5px;color:var(--sts-text);align-items:baseline;gap:6px;margin:0;font-size:clamp(1.9rem,3.4vw,2.9rem);font-weight:700;line-height:1.1;display:inline-flex}.app-title-accent{color:var(--sts-purple);font-weight:800}.app-tagline{color:var(--sts-text-dim);margin:8px 0 0;font-size:1rem}.app-body{align-items:flex-start;gap:24px;margin-top:24px;display:flex}.main-column{flex-direction:column;flex:auto;gap:20px;min-width:0;display:flex}.session-panel{background:var(--sts-surface);border:1px solid var(--sts-border);border-radius:var(--sts-radius);box-shadow:var(--sts-shadow);padding:20px}.session-status{align-items:center;gap:12px;display:flex}.session-status-label{color:var(--sts-text-dim);font-size:.9rem}.status-pill{border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:.85rem;font-weight:600;display:inline-flex}.status-idle{color:var(--sts-text-dim);background:#6b64781a}.status-connected{color:var(--sts-green);background:#16a34a1f;border-color:#16a34a59}.session-code-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.session-code{flex-direction:column;display:flex}.session-code-label{color:var(--sts-text-dim);font-size:.75rem}.session-code-value{letter-spacing:2px;font-size:1.3rem;font-weight:700}.btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:.95rem;font-weight:600;transition:background .2s,border-color .2s,color .2s,box-shadow .2s;display:inline-flex}.btn svg{flex:none}.btn:focus-visible{outline:2px solid var(--sts-purple);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-start{background:var(--primary-purple);color:#fff}.btn-start:hover:not(:disabled){background:var(--primary-purple-hover)}.btn-stop{background:var(--sts-red);color:#fff}.btn-stop:hover{background:#c81a41}.btn-secondary{background:var(--primary-purple);color:#fff;border-color:var(--primary-purple)}.btn-secondary:hover{background:var(--primary-purple-hover);border-color:var(--primary-purple-hover);color:#fff}.btn-ghost{background:var(--primary-purple);color:#fff;border-color:var(--primary-purple)}.btn-ghost:hover{background:var(--primary-purple-hover);border-color:var(--primary-purple-hover);color:#fff}.btn-icon{background:var(--primary-purple);color:#fff;border-color:var(--primary-purple);padding:10px 12px}.btn-qr{width:44px;height:44px;margin-left:auto;padding:0}.btn-icon:hover,.btn-qr:hover{background:var(--primary-purple-hover);border-color:var(--primary-purple-hover);color:#fff}.btn-summary{background:linear-gradient(135deg, var(--sts-purple), #d24bff);color:#fff}.btn-summary:hover{filter:brightness(1.05)}.btn-mic{min-width:108px}.btn-speak{background:var(--sts-green);color:#fff}.btn-mute{background:var(--sts-mute-bg);color:#fff}.btn-chat{background:var(--sts-surface-2);color:var(--sts-text);border-color:var(--sts-border);align-self:flex-start}.btn-chat-active,.btn-chat:hover{border-color:var(--sts-purple);color:var(--sts-purple)}.primary-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.active-controls{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.language-group{flex-wrap:wrap;gap:12px;display:flex}.session-actions{border-top:1px solid var(--sts-border);flex-wrap:wrap;gap:12px;margin-top:18px;padding-top:16px;display:flex}.join-form{flex-direction:column;gap:8px;display:flex}.join-label{color:var(--sts-text-dim);font-size:.85rem}.join-input-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.join-input{background:var(--sts-surface);min-width:0;color:var(--sts-text);border:1px solid var(--sts-border);border-radius:10px;flex:260px;padding:10px 14px;font-family:inherit;font-size:.95rem}.join-input:focus{border-color:var(--sts-purple);outline:none;box-shadow:0 0 0 3px #a100ff1f}.language-selector{flex-direction:column;gap:4px;display:flex}.language-label{color:var(--sts-text-dim);font-size:.75rem}.language-field{align-items:center;display:flex;position:relative}.language-field-icon{color:var(--sts-text-dim);pointer-events:none;position:absolute;left:11px}.language-dropdown{background:var(--sts-surface);color:var(--sts-text);border:1px solid var(--sts-border);border-radius:10px;padding:9px 12px 9px 34px;font-family:inherit;font-size:.95rem}.language-dropdown:focus{border-color:var(--sts-purple);outline:none;box-shadow:0 0 0 3px #a100ff1f}.modal-overlay{z-index:50;background:#1a152373;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-card{background:var(--sts-surface);border:1px solid var(--sts-border);border-radius:var(--sts-radius);box-shadow:var(--sts-shadow);width:min(420px,100%);padding:20px}.modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-title{color:var(--sts-text);margin:0;font-size:1.25rem}.modal-hint{color:var(--sts-text-dim);text-align:center;margin:12px 0 0;font-size:.9rem}.qr-wrap{border:1px solid var(--sts-border);background:#fff;border-radius:12px;place-items:center;padding:16px;display:grid}.summary-body{color:var(--sts-text)}.summary-list{flex-direction:column;gap:6px;margin:12px 0 0;padding-left:18px;font-size:.95rem;display:flex}.side-panel{background:var(--sts-surface);border:1px solid var(--sts-border);border-radius:var(--sts-radius);box-shadow:var(--sts-shadow);flex-direction:column;flex:0 0 320px;align-self:stretch;max-height:70vh;display:flex;overflow:hidden}.side-panel-header{border-bottom:1px solid var(--sts-border);justify-content:space-between;align-items:center;padding:8px 8px 0;display:flex}.side-panel-tabs{gap:4px;display:flex}.tab{color:var(--sts-text-dim);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 14px;font-family:inherit;font-size:.95rem;font-weight:600}.tab-active{color:var(--sts-text);border-bottom-color:var(--sts-purple)}.side-panel-close{padding:6px 10px}.side-panel-body{flex:auto;padding:12px 16px;overflow-y:auto}.side-panel-footer{border-top:1px solid var(--sts-border);color:var(--sts-text-dim);align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;display:flex}.live-dot{background:var(--sts-purple);border-radius:50%;width:8px;height:8px;animation:1.6s infinite live-pulse;box-shadow:0 0 #a100ff80}@keyframes live-pulse{0%{box-shadow:0 0 #a100ff73}70%{box-shadow:0 0 0 7px #a100ff00}to{box-shadow:0 0 #a100ff00}}.people-list,.transcript-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.person-row{align-items:center;gap:10px;display:flex}.person-avatar{background:var(--sts-purple);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:.85rem;font-weight:700;display:grid}.person-tag{color:var(--sts-text-dim);border:1px solid var(--sts-border);border-radius:6px;margin-left:8px;padding:1px 6px;font-size:.7rem}.person-speaking{color:var(--sts-green);margin-left:auto}.transcript-card{background:var(--sts-surface-2);border:1px solid var(--sts-border);border-radius:10px;flex-direction:column;gap:3px;padding:8px 10px;display:flex}.transcript-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.transcript-name{color:var(--sts-purple);font-size:.8rem;font-weight:700}.transcript-time{color:var(--sts-text-dim);flex:none;font-size:.72rem}.transcript-text{font-size:.9rem;line-height:1.35}.transcript-empty{color:var(--sts-text-dim)}@media (width<=900px){.app-body{flex-direction:column}.active-controls{align-items:stretch}.language-group{flex-direction:column;width:100%}.language-field,.language-dropdown{box-sizing:border-box;width:100%}.btn-mic{align-self:flex-start}.btn{padding:12px 18px}.session-actions .btn{flex:auto}.side-panel{z-index:60;border-bottom:none;border-radius:18px 18px 0 0;flex-basis:auto;width:100%;max-height:72vh;animation:.22s ease-out sheet-up;position:fixed;inset:auto 0 0;box-shadow:0 -10px 30px -12px #1a152359}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}}:root{--header-height:80px;--sidebar-collapsed:76px;--sidebar-expanded:264px;--sidebar-gradient:linear-gradient(180deg, #8f1dd2 0%, #7015a7 45%, #4c0c77 100%);--shell-ease:cubic-bezier(.2, 0, 0, 1)}.app-shell-root{box-sizing:border-box;flex-direction:column;min-height:100vh;display:flex}.global-header{z-index:100;height:var(--header-height);box-sizing:border-box;background:var(--header-background);border-bottom:1px solid var(--border-color);width:100%;box-shadow:0 1px 3px var(--shadow-color);justify-content:space-between;align-items:center;padding:0 clamp(20px,3vw,48px);display:flex;position:sticky;top:0}.global-header-left{align-items:center;gap:12px;min-width:0;display:flex}.app-name{color:var(--primary-purple);letter-spacing:-.2px;white-space:nowrap;font-size:clamp(1.6rem,2vw,2.15rem);font-weight:700;line-height:1}[data-theme=dark] .app-name{color:#fff}.global-header-right{align-items:center;gap:8px;display:flex}.mobile-nav-trigger{width:42px;height:42px;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;display:none}.mobile-nav-trigger:hover{background:var(--surface-secondary)}.mobile-nav-trigger:focus-visible{outline:2px solid var(--primary-purple);outline-offset:2px}.profile{position:relative}.profile-button{border:1px solid var(--border-color);width:42px;height:42px;color:var(--text-primary);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,border-color .15s;display:inline-flex}.profile-button:hover{background:var(--surface-secondary)}.profile-button:focus-visible{outline:2px solid var(--primary-purple);outline-offset:2px}.profile-menu{background:var(--surface-primary);border:1px solid var(--border-color);min-width:180px;box-shadow:0 12px 30px -10px var(--shadow-color);z-index:120;border-radius:12px;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 10px);right:0}.profile-menu-item{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-family:inherit;font-size:.95rem;font-weight:500;display:flex}.profile-menu-item:hover{background:var(--surface-secondary)}.profile-menu-item:focus-visible{outline:2px solid var(--primary-purple);outline-offset:-2px}.app-shell-body{flex:auto;align-items:stretch;min-height:0;display:flex}.hover-sidebar{top:var(--header-height);height:calc(100vh - var(--header-height));flex:0 0 var(--sidebar-collapsed);width:var(--sidebar-collapsed);background:var(--sidebar-gradient);z-index:60;transition:flex-basis .24s var(--shell-ease), width .24s var(--shell-ease);align-self:flex-start;position:sticky;overflow:hidden;box-shadow:2px 0 10px -6px #00000059}.hover-sidebar-expanded{flex-basis:var(--sidebar-expanded);width:var(--sidebar-expanded)}.sidebar-inner{box-sizing:border-box;flex-direction:column;height:100%;padding:16px 12px;display:flex}.sidebar-mobile-close{color:#fff;cursor:pointer;background:#ffffff24;border:none;border-radius:10px;justify-content:center;align-self:flex-end;align-items:center;width:40px;height:40px;margin-bottom:8px;display:none}.sidebar-nav{flex-direction:column;gap:6px;display:flex}.sidebar-bottom{margin-top:auto}.sidebar-item{box-sizing:border-box;color:#ffffffeb;cursor:pointer;white-space:nowrap;width:100%;height:56px;transition:background .2s var(--shell-ease);background:0 0;border:none;border-radius:12px;align-items:center;gap:16px;padding:0 14px;font-family:inherit;font-size:1rem;font-weight:600;display:flex}.sidebar-item:hover{background:#ffffff24}.sidebar-item-icon{color:inherit;flex:0 0 24px;justify-content:center;align-items:center;display:inline-flex}.sidebar-item-label{opacity:0;transition:opacity .2s var(--shell-ease), transform .2s var(--shell-ease);transform:translate(-6px)}.hover-sidebar-expanded .sidebar-item-label{opacity:1;transform:translate(0)}.sidebar-item-active{color:#fff;background:#b02def;box-shadow:0 6px 16px -8px #00000080}.sidebar-item-active:hover{background:#b02def}.sidebar-item:focus-visible{outline-offset:-2px;outline:2px solid #fff}.sidebar-scrim{display:none}.app-main{box-sizing:border-box;background:var(--app-background);flex-direction:column;flex:auto;gap:20px;min-width:0;min-height:0;padding:24px clamp(16px,3vw,32px);display:flex;overflow-y:auto}@media (prefers-reduced-motion:reduce){.hover-sidebar,.sidebar-item,.sidebar-item-label{transition:none}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.login-screen{justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:8px;width:100%;max-width:380px;padding:32px;display:flex}.login-title{color:var(--text-primary);margin:0 0 4px;font-size:1.5rem;font-weight:600}.login-subtitle{color:var(--text-secondary);margin:0 0 16px;font-size:.9rem}.login-label{color:var(--text-primary);font-size:.85rem;font-weight:500}.login-input{border:1px solid var(--border-color);background:var(--surface-secondary);color:var(--text-primary);border-radius:8px;margin-bottom:8px;padding:10px 12px;font-size:.95rem}.login-input:focus-visible{outline:2px solid var(--accent-color,#6a4bff);outline-offset:1px}.login-error{color:#d92d20;margin:0 0 8px;font-size:.85rem}.login-btn{width:100%;margin-top:8px}.home-screen{flex-direction:column;justify-content:center;gap:16px;width:100%;max-width:960px;min-height:100%;margin:0 auto;display:flex}.home-header{align-items:center;height:42px;display:flex}.home-header-title{letter-spacing:-.2px;color:var(--text-primary);margin:0;font-size:1.3rem;font-weight:600}.home-cards{grid-template-columns:1fr 1fr;align-items:stretch;gap:20px;display:grid}.home-card{background:var(--surface-primary);border:1px solid var(--border-color);box-shadow:0 1px 3px var(--shadow-color);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:12px;min-width:0;min-height:250px;padding:24px 22px;display:flex}.home-card-icon{width:72px;height:72px;color:var(--primary-purple);background:#7429e824;border-radius:20px;justify-content:center;align-items:center;display:inline-flex}.home-card-title{color:var(--text-primary);margin:0;font-size:clamp(1.35rem,2vw,1.55rem);font-weight:600}.home-card-text{max-width:34ch;color:var(--text-secondary);margin:0;font-size:clamp(1rem,1.4vw,1.1rem);line-height:1.5}.home-card-footer{flex-direction:column;gap:12px;width:100%;margin-top:auto;padding-top:10px;display:flex}.home-card .join-input{box-sizing:border-box;resize:none;background:var(--input-background);border:1px solid var(--border-color);width:100%;height:42px;min-height:42px;max-height:42px;color:var(--text-primary);border-radius:8px;flex:none;padding:0 14px;font-family:inherit;font-size:.92rem}.home-card .join-input::placeholder{color:var(--text-secondary);opacity:.85}.home-card .join-input:focus{border-color:var(--primary-purple);outline:none;box-shadow:0 0 0 3px #7429e840}.home-card-btn{background:var(--primary-purple);color:#fff;border-radius:10px;width:100%;height:48px}.home-card-btn:hover:not(:disabled){background:var(--primary-purple-hover)}.feature-cards{grid-template-columns:repeat(3,1fr);gap:16px;margin:0;padding:0;list-style:none;display:grid}.feature-card{background:var(--surface-primary);border:1px solid var(--border-color);box-shadow:0 1px 3px var(--shadow-color);border-radius:14px;flex-direction:row;align-items:center;gap:12px;min-width:0;padding:16px;display:flex}.feature-icon{width:46px;height:46px;color:var(--primary-purple);background:#7429e824;border-radius:12px;flex:none;justify-content:center;align-items:center;display:inline-flex}.feature-body{flex-direction:column;gap:3px;min-width:0;display:flex}.feature-title{color:var(--text-primary);font-size:1rem;font-weight:700}.feature-text{color:var(--text-secondary);font-size:.85rem;line-height:1.4}.modal-card-sm{width:min(400px,100%)}.modal-body-text{color:var(--sts-text-dim);margin:12px 0 0;font-size:.92rem;line-height:1.45}.modal-body-subtext{color:var(--sts-text-dim);margin:8px 0 0;font-size:.82rem;line-height:1.4}.modal-title-icon{align-items:center;gap:10px;display:flex}.modal-title-badge{width:32px;height:32px;color:var(--sts-purple);background:#7c4dff24;border-radius:8px;place-items:center;display:grid}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.field-group{flex-direction:column;gap:8px;margin-top:16px;display:flex}.field-label{color:var(--sts-text-dim);font-size:.8rem;font-weight:600}.title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.session-title-value{color:var(--sts-purple);font-size:1.25rem;font-weight:700}.participant-input-row{flex-wrap:wrap;gap:10px;display:flex}.participant-input-row .join-input{flex:200px}.chip-list{flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.chip{background:var(--sts-surface-2);border:1px solid var(--sts-border);border-radius:999px;align-items:center;gap:6px;padding:4px 6px 4px 12px;font-size:.85rem;display:inline-flex}.chip-remove{color:var(--sts-text-dim);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:2px;display:inline-flex}.chip-remove:hover{color:var(--sts-purple)}.setup-panel,.people-screen,.settings-panel,.help-screen,.ended-panel,.summary-panel,.active-session{background:var(--sts-surface);border:1px solid var(--sts-border);border-radius:var(--sts-radius);box-shadow:var(--sts-shadow);padding:24px}.setup-session-title{color:var(--sts-purple);margin:0 0 4px;font-weight:700}.setup-heading,.settings-heading,.screen-heading,.ended-title,.summary-title{color:var(--sts-text);margin:0 0 8px;font-size:1.3rem}.setup-help{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.5}.setup-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);justify-content:center;align-items:stretch;gap:20px;width:100%;max-width:1080px;margin:auto;display:grid}.setup-side-panel,.setup-pref-panel,.setup-box{background:var(--surface-primary);border:1px solid var(--border-color);box-shadow:0 1px 3px var(--shadow-color);border-radius:16px;flex-direction:column;gap:14px;min-width:0;padding:24px;display:flex}.setup-box-qr{background:linear-gradient(180deg, #7429e80d, #7429e800) , var(--surface-primary);border-color:#7429e859;box-shadow:0 8px 24px #7429e824}.setup-panel-title{align-items:center;gap:8px;display:inline-flex}.setup-tab-content{flex-direction:column;gap:14px;display:flex}.setup-qr-highlight{background:#7429e80f;border:1px solid #7429e838;border-radius:16px;padding:20px}.setup-qr-highlight .setup-qr-frame{border-color:#7429e84d;padding:16px;box-shadow:0 8px 24px #7429e82e}.setup-qr-hint{color:var(--text-secondary);text-align:center;max-width:32ch;margin:4px 0 0;font-size:.82rem}.setup-panel-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.setup-panel-title{color:var(--text-primary);margin:0;font-size:1.15rem;font-weight:700}.setup-code-block{flex-direction:column;gap:4px;display:flex}.setup-code-value{letter-spacing:3px;color:var(--text-primary);font-size:1.6rem;font-weight:800}.setup-btn-row{flex-wrap:wrap;gap:10px;display:flex}.setup-btn-row .btn{flex:1 1 0}.setup-qr{flex-direction:column;align-items:center;gap:6px;display:flex}.setup-qr-frame{border:1px solid var(--sts-border);background:#fff;border-radius:12px;place-items:center;padding:12px;display:grid}.setup-invite{flex-direction:column;gap:6px;display:flex}.invite-field{align-items:center;gap:8px;display:flex}.invite-input{box-sizing:border-box;background:var(--input-background);border:1px solid var(--border-color);min-width:0;height:40px;color:var(--text-secondary);border-radius:8px;flex:auto;padding:0 12px;font-family:inherit;font-size:.85rem}.setup-pref-panel .field-group{margin-top:0}.summary-choice{gap:10px;display:flex}.summary-choice-option{border:1px solid var(--border-color);background:var(--input-background);height:40px;color:var(--text-secondary);cursor:pointer;border-radius:8px;flex:1 1 0;font-family:inherit;font-size:.9rem;font-weight:600;transition:background .15s,color .15s,border-color .15s}.summary-choice-option:hover{border-color:var(--primary-purple)}.summary-choice-selected{background:var(--primary-purple);border-color:var(--primary-purple);color:#fff}.summary-choice-hint{color:var(--text-secondary);margin:6px 0 0;font-size:.8rem}.setup-actions{justify-content:flex-end;gap:12px;margin-top:auto;padding-top:8px;display:flex}@media (width<=820px){.setup-grid{grid-template-columns:1fr;width:100%;max-width:none}.setup-side-panel,.setup-pref-panel,.setup-box{min-height:0}}.active-session{flex-direction:column;flex:auto;min-height:0;padding:0;display:flex;overflow:hidden}.active-header{border-bottom:1px solid var(--sts-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.active-header-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.active-header-title{color:var(--sts-text);margin:0;font-size:1.2rem}.session-timer{font-variant-numeric:tabular-nums;color:var(--sts-text-dim);font-weight:600}.active-header-transcript{margin-left:auto}.active-header-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-left:auto;display:flex}.lang-menu{position:relative}.lang-menu-trigger{gap:8px}.lang-menu-list{z-index:20;background:var(--surface-primary);border:1px solid var(--border-color);min-width:220px;max-height:320px;box-shadow:0 8px 24px var(--shadow-color);border-radius:12px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto}.lang-menu-item{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;font-family:inherit;font-size:.9rem;display:flex}.lang-menu-item:hover{background:var(--input-background)}.lang-menu-item-selected{color:var(--primary-purple);font-weight:600}.active-body{flex-direction:column;gap:16px;padding:20px;display:flex}.active-main{flex:auto;align-items:stretch;min-height:0;display:flex;overflow:hidden}.active-main .active-body{flex:auto;min-width:0}.panel-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--sts-text-dim);margin:0;font-size:.78rem;font-weight:700}.transcript-column{border-right:1px solid var(--sts-border);flex-direction:column;flex:6 1 0;gap:14px;min-width:0;padding:20px;display:flex}.transcript-column-body{overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto}.participant-column{flex-direction:column;flex:2 1 0;gap:14px;min-width:0;padding:20px;display:flex}.participant-column .session-stage{flex:auto}.participant-solo{flex:auto;min-width:0;display:flex}.participant-solo .session-stage{flex:auto}.session-stage{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:300px;padding:40px 20px 24px;display:flex}.stage-avatar{letter-spacing:1px;color:#fff;border-radius:50%;place-items:center;width:132px;height:132px;font-size:2.6rem;font-weight:700;transition:box-shadow .25s,transform .25s;display:grid}.stage-avatar-muted{background:linear-gradient(135deg,#9aa0a6,#6b7280)}.stage-avatar-speaking{background:linear-gradient(135deg, var(--sts-purple), #7c4dff);box-shadow:0 0 0 8px #7c4dff29,0 16px 34px #7c4dff66}.stage-status{color:var(--sts-text);margin:0;font-size:1.05rem;font-weight:600}.stage-status-speaking{color:var(--sts-green)}.stage-wave{align-items:center;gap:4px;height:24px;display:flex}.stage-wave span{background:var(--sts-green);border-radius:2px;width:4px;height:8px;animation:1s ease-in-out infinite stage-wave}.stage-wave span:first-child{animation-delay:0s}.stage-wave span:nth-child(2){animation-delay:.15s}.stage-wave span:nth-child(3){animation-delay:.3s}.stage-wave span:nth-child(4){animation-delay:.45s}.stage-wave span:nth-child(5){animation-delay:.6s}@keyframes stage-wave{0%,to{height:8px}50%{height:22px}}@media (prefers-reduced-motion:reduce){.stage-wave span{height:16px;animation:none}}.stage-controls{border-top:1px solid var(--sts-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.stage-controls-primary{align-items:flex-start;gap:20px;display:flex}.control-round{flex-direction:column;align-items:center;gap:6px;display:flex}.control-round-btn{border:1px solid var(--sts-border);cursor:pointer;color:#1f2430;box-sizing:border-box;background:#fff;border-radius:50%;place-items:center;width:54px;height:54px;transition:filter .15s,box-shadow .15s,background .15s,color .15s;display:grid}.control-round-btn:hover{filter:brightness(1.05)}.control-round-live{background:var(--sts-green);color:#fff;border-color:var(--sts-green);box-shadow:0 0 0 4px #2ea04333}.control-round-neutral{background:var(--sts-surface-2);color:var(--sts-text);border:1px solid var(--sts-border)}.control-round-leave{background:var(--primary-purple);color:#fff;border-color:var(--primary-purple)}.control-round-stop{background:var(--sts-red);color:#fff;border-color:var(--sts-red)}.control-round-neutral:hover,.control-round-open{border-color:var(--sts-purple);color:var(--sts-purple)}.control-round-label{color:var(--sts-text-dim);font-size:.85rem;font-weight:600}.stage-controls-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.participant-status{color:var(--sts-text);align-items:center;gap:8px;margin:0;font-weight:600;display:flex}.status-dot{background:var(--sts-text-dim);border-radius:50%;width:10px;height:10px}.status-dot-live{background:var(--sts-green)}.active-body .session-panel{padding:16px}.transcript-dock{border-left:1px solid var(--sts-border);flex-direction:column;flex:0 0 360px;align-self:stretch;width:360px;display:flex}.transcript-dock-header{border-bottom:1px solid var(--sts-border);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.transcript-dock-title{color:var(--sts-text);align-items:center;gap:12px;font-weight:700;display:flex}.live-badge{color:var(--sts-purple);align-items:center;gap:6px;font-size:.8rem;font-weight:600;display:inline-flex}.transcript-dock-body{flex:auto;min-height:0;padding:12px 20px;overflow-y:auto}@media (width<=820px){.active-main{flex-direction:column}.transcript-column{border-right:none;border-bottom:1px solid var(--sts-border)}.participant-column{flex:none}.transcript-dock{border-left:none;border-top:1px solid var(--sts-border);flex:none;width:100%;max-height:40vh}}.people-page{flex-direction:column;gap:12px;display:flex}.person-name{align-items:center;gap:8px;display:flex}.person-you{color:var(--sts-text-dim);font-weight:400}.person-indicators{align-items:center;gap:10px;margin-left:auto;display:flex}.person-speaking{color:var(--sts-green);font-size:.8rem;font-weight:600}.person-online{background:var(--sts-green);border-radius:50%;width:9px;height:9px}.person-online.is-offline{background:var(--sts-text-dim)}.people-empty,.help-text{color:var(--sts-text-dim);font-size:.95rem}.settings-section-title{color:var(--sts-text);margin:16px 0 10px;font-size:1rem}.theme-options{flex-wrap:wrap;gap:12px;display:flex}.theme-option{background:var(--sts-surface-2);border:1px solid var(--sts-border);cursor:pointer;color:var(--sts-text);border-radius:12px;align-items:center;gap:10px;min-width:180px;padding:14px 16px;font-family:inherit;font-size:.95rem;font-weight:600;display:flex}.theme-option:hover{border-color:var(--sts-purple)}.theme-option-selected{border-color:var(--sts-purple);color:var(--sts-purple);box-shadow:0 0 0 2px #a100ff2e}.theme-option-note{color:var(--sts-text-dim);font-size:.72rem;font-weight:500}.theme-option-selected .theme-option-note{color:var(--sts-purple)}.ended-stats,.summary-meta{flex-wrap:wrap;gap:28px;margin:16px 0;display:flex}.ended-stat dt,.summary-meta dt{color:var(--sts-text-dim);text-transform:uppercase;letter-spacing:.5px;font-size:.78rem}.ended-stat dd,.summary-meta dd{color:var(--sts-text);margin:4px 0 0;font-size:1.15rem;font-weight:700}.summary-meta>div{flex-direction:column;display:flex}.summary-sections h3{color:var(--sts-text);margin:18px 0 6px;font-size:1rem}.summary-placeholder{color:var(--sts-text-dim);margin:0;font-size:.9rem;font-style:italic}.summary-panel .btn-secondary{margin-top:20px}.ended-check{color:var(--sts-green);margin-bottom:4px;display:block}.ended-message{color:var(--sts-text-dim);margin:0 0 4px}.ended-note{color:var(--sts-text-dim);margin:4px 0 0;font-size:.88rem}.summary-empty{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:28px 16px 8px;display:flex}.summary-empty-icon{width:72px;height:72px;color:var(--sts-purple);background:#7c4dff1f;border-radius:50%;place-items:center;display:grid}.summary-empty .btn-secondary{margin-top:4px}@media (width<=820px){.mobile-nav-trigger{display:inline-flex}.hover-sidebar{top:var(--header-height);height:calc(100vh - var(--header-height));width:var(--sidebar-expanded);transition:transform .24s var(--shell-ease);flex-basis:auto;position:fixed;left:0;transform:translate(-100%)}.hover-sidebar-mobile-open{transform:translate(0)}.hover-sidebar .sidebar-item-label{opacity:1;transform:none}.sidebar-mobile-close{display:inline-flex}.sidebar-scrim{inset:var(--header-height) 0 0 0;z-index:55;background:#00000073;display:block;position:fixed}.app-main{min-height:calc(100vh - var(--header-height))}.home-cards,.feature-cards{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.hover-sidebar{transition:none}}