:root{color-scheme:light;--ls-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ls-color-canvas: #f7fbfa;--ls-color-surface: #ffffff;--ls-color-surface-raised: #ffffff;--ls-color-text: #10201e;--ls-color-text-strong: #071615;--ls-color-muted: #58716d;--ls-color-border: #d9e7e4;--ls-color-border-strong: #b6cbc7;--ls-color-brand-900: #084869;--ls-color-brand-700: #0b6585;--ls-color-brand-500: #26c6b5;--ls-color-brand-100: #e7f8f5;--ls-color-action: #1d4ed8;--ls-color-action-hover: #1e40af;--ls-color-success: #166534;--ls-color-warning: #92400e;--ls-color-danger: #991b1b;--ls-space-1: .25rem;--ls-space-2: .5rem;--ls-space-3: .75rem;--ls-space-4: 1rem;--ls-space-5: 1.5rem;--ls-space-6: 2rem;--ls-radius-sm: 5px;--ls-radius-md: 8px;--ls-radius-pill: 999px;--ls-shadow-sm: 0 8px 20px rgb(8 72 105 / 10%);--ls-shadow-md: 0 12px 32px rgb(8 72 105 / 12%);--ls-shadow-lg: 0 24px 72px rgb(7 22 21 / 24%);--ls-focus-ring: 0 0 0 3px rgb(38 198 181 / 35%);--color-ink: var(--ls-color-text);--color-muted: var(--ls-color-muted);--color-canvas: var(--ls-color-canvas);--color-surface: var(--ls-color-surface);--color-border: var(--ls-color-border);--color-brand-dark: var(--ls-color-brand-900);--color-brand-light: var(--ls-color-brand-500);--color-error: var(--ls-color-danger);--color-warning: var(--ls-color-warning)}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--ls-color-canvas: #071615;--ls-color-surface: #10201e;--ls-color-surface-raised: #142b28;--ls-color-text: #eef8f6;--ls-color-text-strong: #ffffff;--ls-color-muted: #a7c0bb;--ls-color-border: #25443f;--ls-color-border-strong: #3b625c;--ls-color-brand-100: #123f3b;--ls-color-action: #8fb4ff;--ls-color-action-hover: #b3c9ff;--ls-color-success: #8de0a0;--ls-color-warning: #f1c46d;--ls-color-danger: #f2a0a0;--ls-shadow-sm: 0 8px 20px rgb(0 0 0 / 22%);--ls-shadow-md: 0 12px 32px rgb(0 0 0 / 28%);--ls-shadow-lg: 0 24px 72px rgb(0 0 0 / 42%)}}.ls-surface{border:1px solid var(--ls-color-border);border-radius:var(--ls-radius-md);background:var(--ls-color-surface);box-shadow:var(--ls-shadow-sm)}.ls-focus-ring:focus-visible{outline:0;box-shadow:var(--ls-focus-ring)}.ls-brand-mark{display:block;width:2.75rem;height:2.75rem;object-fit:contain}:root{--color-ink: var(--ls-color-text);--color-muted: var(--ls-color-muted);--color-canvas: var(--ls-color-canvas);--color-surface: var(--ls-color-surface);--color-soft-surface: var(--ls-color-brand-100);--color-brand-dark: var(--ls-color-brand-900);--color-brand-light: var(--ls-color-brand-500);--color-border: var(--ls-color-border);--color-danger: var(--ls-color-danger);--color-danger-soft: color-mix(in srgb, var(--ls-color-danger) 10%, var(--ls-color-surface));--color-warning: var(--ls-color-warning);--shadow-panel: var(--ls-shadow-lg);--shadow-control: var(--ls-shadow-sm);color:var(--color-ink);background:radial-gradient(circle at top left,rgba(38,198,181,.18),transparent 34rem),linear-gradient(135deg,var(--color-canvas) 0%,var(--color-soft-surface) 48%,var(--color-canvas) 100%);font-family:var(--ls-font-sans);font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}.app-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:28px 0 40px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.brand-lockup,.session-meta{display:flex;align-items:center;gap:12px}.brand-logo{width:58px;height:58px;border-radius:16px;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(8,72,105,.16))}.auth-logo{width:86px;height:86px;margin-bottom:18px;object-fit:contain;filter:drop-shadow(0 16px 26px rgba(8,72,105,.16))}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;color:var(--color-brand-dark);font-size:clamp(2rem,4vw,3.25rem);line-height:1;letter-spacing:0}h2{margin-bottom:8px;color:var(--color-ink);font-size:clamp(1.35rem,2vw,1.85rem);line-height:1.12}h3{margin:0;color:var(--color-ink);font-size:1rem}.eyebrow{margin-bottom:6px;color:var(--color-brand-dark);font-size:.76rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.supporting-copy,.field-note,.token-status,.session-meta,.control-note{color:var(--color-muted)}.supporting-copy{max-width:46rem;margin-bottom:0}.token-status{display:grid;gap:2px;text-align:right;font-size:.9rem}.token-status time{color:var(--color-ink);font-weight:800}.status-card{border:1px solid rgba(8,72,105,.14);border-radius:8px;padding:10px 12px;background:#ffffffad;box-shadow:0 8px 22px #08486914}.panel{border:1px solid rgba(8,72,105,.13);border-radius:8px;background:#ffffffe6;box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.auth-panel,.panel{padding:24px}.auth-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,420px);gap:40px;align-items:center;min-height:430px}.auth-intro{max-width:520px}.panel-heading,.session-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.setup-panel{display:grid;gap:22px}.form-grid,.setup-fields,.thumbnail-card,.qr-panel,.button-stack{display:grid;gap:16px}.setup-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:24px;align-items:start}label,fieldset{display:grid;gap:8px}label>span,legend{color:var(--ls-color-text-strong);font-size:.92rem;font-weight:800}fieldset{min-width:0;margin:0;padding:0;border:0}input,select{width:100%;min-height:46px;border:1px solid var(--color-border);border-radius:8px;padding:10px 12px;background:var(--color-surface);color:var(--color-ink);box-shadow:0 1px #0848690a}input:hover,select:hover{border-color:#08486961}input[type=file]{padding:8px}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid rgba(38,198,181,.34);outline-offset:2px}.language-select{position:relative;display:block}.language-select select{padding-left:62px}.language-select .flag-token{position:absolute;top:50%;left:12px;z-index:1;transform:translateY(-50%)}.flag-token{display:inline-grid;place-items:center;width:34px;height:24px;flex:0 0 auto;border:1px solid rgba(8,72,105,.16);border-radius:6px;background:linear-gradient(135deg,#ffffffd1,#ffffff47),var(--flag-color, var(--color-soft-surface));color:var(--color-brand-dark);font-size:.68rem;font-weight:900;letter-spacing:.04em;box-shadow:inset 0 0 0 1px #ffffff73}.flag-gb{--flag-color: linear-gradient(135deg, #123c7c 0 34%, #ffffff 34% 44%, #c8102e 44% 60%, #ffffff 60% 70%, #123c7c 70%);color:#fff}.flag-de{--flag-color: linear-gradient(#111111 0 33%, #dd0000 33% 66%, #ffce00 66%);color:#fff}.flag-es{--flag-color: linear-gradient(#aa151b 0 25%, #f1bf00 25% 75%, #aa151b 75%);color:#10201e}.flag-dk{--flag-color: linear-gradient(90deg, #c60c30 0 34%, #ffffff 34% 43%, #c60c30 43%);color:#fff}.flag-nl{--flag-color: linear-gradient(#ae1c28 0 33%, #ffffff 33% 66%, #21468b 66%);color:#10201e}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.checkbox-label{display:flex;align-items:center;gap:10px;min-height:48px;border:1px solid var(--color-border);border-radius:8px;padding:8px 10px;background:var(--color-surface);box-shadow:0 1px #0848690a}.checkbox-label:has(input:checked){border-color:#26c6b5bd;background:var(--color-soft-surface)}.checkbox-label input{width:auto;min-height:auto;accent-color:var(--color-brand-dark)}.thumbnail-card,.mic-card,.control-card,.qr-frame{border:1px solid rgba(8,72,105,.12);border-radius:8px;padding:16px;background:#fbfefd;box-shadow:var(--shadow-control)}.thumbnail-preview{display:grid;place-items:center;aspect-ratio:1;border:1px dashed rgba(8,72,105,.28);border-radius:8px;overflow:hidden;background:linear-gradient(135deg,#26c6b514,#08486914),var(--color-surface);color:var(--color-muted);text-align:center;touch-action:none;-webkit-user-select:none;user-select:none}.thumbnail-preview-draggable{cursor:grab}.thumbnail-preview-draggable:active{cursor:grabbing}.thumbnail-preview img{width:100%;height:100%;object-fit:cover;pointer-events:none}.thumbnail-preview span,.thumbnail-preview strong{display:block}.thumbnail-preview strong{margin-top:4px;color:var(--color-ink)}.thumbnail-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.thumbnail-tools .field-note{margin:0}.compact-action{min-height:38px;padding:7px 12px}.primary-action,.secondary-action,.danger-action,.text-action{min-height:46px;border-radius:8px;padding:10px 16px;font-weight:850;cursor:pointer;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.primary-action{border:1px solid var(--color-brand-dark);background:var(--color-brand-dark);color:#fff;box-shadow:0 12px 24px #08486938}.primary-action:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 28px #08486940}.secondary-action{border:1px solid rgba(8,72,105,.34);background:var(--color-surface);color:var(--color-brand-dark)}.secondary-action:hover:not(:disabled),.action-link:hover{border-color:var(--color-brand-dark);background:var(--color-soft-surface)}.danger-action{border:1px solid rgba(180,35,24,.52);background:var(--color-danger-soft);color:var(--color-danger)}.danger-action:hover:not(:disabled){border-color:var(--color-danger);background:color-mix(in srgb,var(--color-danger) 16%,var(--color-surface))}.text-action{border:0;background:transparent;color:var(--color-brand-dark)}.action-link{display:inline-grid;place-items:center;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.58}.form-error{margin:0;border:1px solid rgba(180,35,24,.28);border-radius:8px;padding:10px 12px;background:var(--color-danger-soft);color:var(--color-danger)}.form-message{margin:16px 0 0;border:1px solid var(--color-border);border-radius:8px;padding:10px 12px;background:var(--color-soft-surface);color:var(--color-ink)}.active-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:24px;align-items:start}.session-summary{display:grid;gap:22px}.session-title-group{min-width:0}.session-title-group h2{margin-bottom:8px;overflow-wrap:anywhere}.session-meta{margin:0;flex-wrap:wrap;font-size:.92rem}.speaker-console{display:grid;grid-template-columns:minmax(260px,1.15fr) minmax(220px,.85fr);gap:16px}.mic-card,.control-card{display:grid;gap:14px;align-content:start}.control-note,.mic-card p{margin:6px 0 0;color:var(--color-muted)}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:30px;white-space:nowrap;border-radius:999px;padding:5px 12px;font-size:.82rem;font-weight:850}.status-ready{background:var(--color-soft-surface);color:var(--color-brand-dark)}.status-active{background:color-mix(in srgb,var(--color-brand-light) 22%,var(--color-surface));color:var(--ls-color-success)}.status-paused{background:color-mix(in srgb,var(--color-warning) 16%,var(--color-surface));color:var(--color-warning)}.status-ended,.status-error{background:color-mix(in srgb,var(--color-danger) 16%,var(--color-surface));color:var(--color-danger)}.button-row,.button-grid{display:flex;flex-wrap:wrap;gap:10px}.button-grid>*{flex:1 1 110px}.mic-activity{position:relative;display:grid;place-items:center;min-height:260px;border-radius:8px;overflow:hidden;background:radial-gradient(circle at center,rgba(38,198,181,.2),transparent 48%),linear-gradient(135deg,var(--color-surface),var(--color-soft-surface))}.mic-activity:before,.mic-activity:after{position:absolute;top:22%;right:22%;bottom:22%;left:22%;content:"";border:1px solid rgba(38,198,181,.24);border-radius:999px}.mic-activity:after{top:34%;right:34%;bottom:34%;left:34%}.mic-circle{position:relative;z-index:1;display:grid;place-items:center;width:118px;height:118px;border-radius:999px;background:radial-gradient(circle,var(--color-brand-light),rgba(38,198,181,.22));box-shadow:0 0 0 18px #26c6b51a,0 20px 46px #26c6b542;transition:opacity .18s ease,transform 90ms linear}.mic-circle span{width:34px;height:34px;border-radius:999px;background:#ffffffdb;box-shadow:inset 0 -8px 12px #08486914}.mic-circle-paused{opacity:.36}.mic-circle-error{background:radial-gradient(circle,#b42318a3,#b423181f);box-shadow:0 0 0 18px #b423181a,0 20px 46px #b423182e}.qr-frame{padding:12px}.qr-code,.qr-placeholder{width:100%;aspect-ratio:1;border-radius:8px}.qr-code{display:block;border:1px solid var(--color-border);background:var(--color-surface);object-fit:contain}.qr-placeholder{display:grid;place-items:center;border:1px dashed rgba(8,72,105,.34);padding:20px;background:var(--color-soft-surface);color:var(--color-muted);text-align:center}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:20px;background:#10201e85}.dialog{width:min(100%,460px);border:1px solid rgba(255,255,255,.64);border-radius:8px;padding:24px;background:var(--color-surface);box-shadow:0 24px 72px #10201e47}.dialog p{color:var(--color-muted)}.dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:20px}.qr-fullscreen{background:#10201ed6}.qr-dialog{display:grid;justify-items:center;width:min(100%,720px);text-align:center}.qr-code-large{width:min(72dvh,100%);max-width:560px}@media (prefers-color-scheme: dark){:root{--color-brand-dark: var(--ls-color-action);--color-brand-light: #5eead4;background:radial-gradient(circle at top left,rgba(94,234,212,.16),transparent 34rem),linear-gradient(135deg,var(--color-canvas) 0%,var(--color-soft-surface) 55%,#061816 100%)}.panel,.status-card{background:#0d2a27e6}input,select,.checkbox-label,.thumbnail-card,.mic-card,.control-card,.qr-frame,.dialog{background:var(--color-surface)}.mic-activity{background:radial-gradient(circle at center,rgba(94,234,212,.17),transparent 48%),linear-gradient(135deg,var(--color-soft-surface),var(--color-surface))}.checkbox-label:has(input:checked){background:var(--color-soft-surface)}}@media (max-width: 880px){.auth-panel,.active-layout,.setup-grid,.speaker-console{grid-template-columns:1fr}.auth-panel{align-items:start}}@media (max-width: 640px){.app-shell{width:min(100% - 20px,1180px);padding:18px 0 28px}.topbar,.panel-heading,.session-heading{display:grid}.brand-logo{width:50px;height:50px}.auth-panel,.panel{padding:18px}.token-status{text-align:left}.mic-activity{min-height:220px}.dialog-actions{justify-content:stretch}.dialog-actions>*{flex:1 1 180px}.thumbnail-tools{grid-template-columns:1fr}}