@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&display=swap";:root{color-scheme:light;--bg-primary: #f5f7f8;--bg-secondary: #ffffff;--bg-elevated: #ebeff1;--bg-hover: #e1e7e9;--accent-primary: #2f8f87;--accent-secondary: #3ca39b;--accent-muted: #1f5f58;--accent-glow: rgba(47, 143, 135, .2);--status-good: #1f8a70;--status-good-bg: rgba(31, 138, 112, .14);--status-ok: #b1721d;--status-ok-bg: rgba(177, 114, 29, .14);--status-fix: #b13f3f;--status-fix-bg: rgba(177, 63, 63, .14);--text-primary: #1a2425;--text-secondary: #384d4f;--text-muted: #607477;--text-quiet: rgba(26, 36, 37, .84);--text-subtle: rgba(26, 36, 37, .74);--text-faint: rgba(26, 36, 37, .64);--border-subtle: rgba(26, 36, 37, .08);--border-default: rgba(26, 36, 37, .22);--border-strong: rgba(26, 36, 37, .24);--surface-soft: rgba(26, 36, 37, .04);--surface-soft-muted: rgba(26, 36, 37, .02);--surface-contrast-soft: rgba(26, 36, 37, .06);--divider-dashed: rgba(26, 36, 37, .12);--chip-dot-live: #2f8f87;--chip-dot-connecting: #d49a42;--chip-dot-paused: rgba(26, 36, 37, .38);--chip-dot-off: rgba(26, 36, 37, .28);--chip-dot-error: rgba(177, 63, 63, .78);--detail-marker-neutral: rgba(26, 36, 37, .3);--detail-marker-green: rgba(31, 138, 112, .82);--detail-marker-yellow: rgba(212, 154, 66, .9);--detail-marker-red: rgba(177, 63, 63, .84);--calm-accent-soft: rgba(47, 143, 135, .2);--calm-accent-icon-bg: rgba(47, 143, 135, .28);--calm-accent-icon-text: #164743;--calm-accent-button-bg: rgba(47, 143, 135, .26);--calm-accent-button-text: #143f3b;--control-hover-bg: rgba(26, 36, 37, .08);--control-hover-border: rgba(26, 36, 37, .3);--control-hover-text: #172021;--primary-action-hover-bg: rgba(47, 143, 135, .34);--primary-action-hover-text: #102f2d;--secondary-action-hover-bg: rgba(26, 36, 37, .1);--secondary-action-hover-text: #172021;--control-disabled-opacity: .56;--select-bg: #edf2f3;--focus-ring: #1f7f77;--focus-ring-soft: rgba(31, 127, 119, .28);--overlay-bg: rgba(245, 247, 248, .96);--debug-pre-bg: rgba(26, 36, 37, .06);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}:root[data-theme=dark]{color-scheme:dark;--bg-primary: #0f0f12;--bg-secondary: #18181d;--bg-elevated: #1f1f26;--bg-hover: #26262e;--accent-primary: #f59e0b;--accent-secondary: #fbbf24;--accent-muted: #92400e;--accent-glow: rgba(245, 158, 11, .15);--status-good: #10b981;--status-good-bg: rgba(16, 185, 129, .12);--status-ok: #f59e0b;--status-ok-bg: rgba(245, 158, 11, .12);--status-fix: #ef4444;--status-fix-bg: rgba(239, 68, 68, .12);--text-primary: #f4f4f5;--text-secondary: #a1a1aa;--text-muted: #71717a;--text-quiet: rgba(255, 255, 255, .86);--text-subtle: rgba(255, 255, 255, .74);--text-faint: rgba(255, 255, 255, .64);--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .18);--border-strong: rgba(255, 255, 255, .2);--surface-soft: rgba(255, 255, 255, .03);--surface-soft-muted: rgba(255, 255, 255, .02);--surface-contrast-soft: rgba(255, 255, 255, .06);--divider-dashed: rgba(255, 255, 255, .08);--chip-dot-live: #78c4b4;--chip-dot-connecting: #fbbf24;--chip-dot-paused: rgba(255, 255, 255, .35);--chip-dot-off: rgba(255, 255, 255, .25);--chip-dot-error: rgba(239, 68, 68, .75);--detail-marker-neutral: rgba(255, 255, 255, .3);--detail-marker-green: rgba(137, 224, 195, .85);--detail-marker-yellow: rgba(255, 213, 128, .9);--detail-marker-red: rgba(255, 138, 128, .9);--calm-accent-soft: rgba(134, 174, 182, .25);--calm-accent-icon-bg: rgba(134, 174, 182, .5);--calm-accent-icon-text: rgba(233, 248, 249, .95);--calm-accent-button-bg: rgba(120, 196, 180, .32);--calm-accent-button-text: rgba(233, 248, 249, .85);--control-hover-bg: rgba(255, 255, 255, .08);--control-hover-border: rgba(255, 255, 255, .3);--control-hover-text: rgba(255, 255, 255, .95);--primary-action-hover-bg: rgba(120, 196, 180, .42);--primary-action-hover-text: rgba(245, 252, 252, .95);--secondary-action-hover-bg: rgba(255, 255, 255, .12);--secondary-action-hover-text: rgba(255, 255, 255, .9);--control-disabled-opacity: .52;--select-bg: rgba(255, 255, 255, .08);--focus-ring: #fbbf24;--focus-ring-soft: rgba(251, 191, 36, .3);--overlay-bg: rgba(15, 15, 18, .96);--debug-pre-bg: rgba(0, 0, 0, .35)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg-primary: #0f0f12;--bg-secondary: #18181d;--bg-elevated: #1f1f26;--bg-hover: #26262e;--accent-primary: #f59e0b;--accent-secondary: #fbbf24;--accent-muted: #92400e;--accent-glow: rgba(245, 158, 11, .15);--status-good: #10b981;--status-good-bg: rgba(16, 185, 129, .12);--status-ok: #f59e0b;--status-ok-bg: rgba(245, 158, 11, .12);--status-fix: #ef4444;--status-fix-bg: rgba(239, 68, 68, .12);--text-primary: #f4f4f5;--text-secondary: #a1a1aa;--text-muted: #71717a;--text-quiet: rgba(255, 255, 255, .86);--text-subtle: rgba(255, 255, 255, .74);--text-faint: rgba(255, 255, 255, .64);--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .18);--border-strong: rgba(255, 255, 255, .2);--surface-soft: rgba(255, 255, 255, .03);--surface-soft-muted: rgba(255, 255, 255, .02);--surface-contrast-soft: rgba(255, 255, 255, .06);--divider-dashed: rgba(255, 255, 255, .08);--chip-dot-live: #78c4b4;--chip-dot-connecting: #fbbf24;--chip-dot-paused: rgba(255, 255, 255, .35);--chip-dot-off: rgba(255, 255, 255, .25);--chip-dot-error: rgba(239, 68, 68, .75);--detail-marker-neutral: rgba(255, 255, 255, .3);--detail-marker-green: rgba(137, 224, 195, .85);--detail-marker-yellow: rgba(255, 213, 128, .9);--detail-marker-red: rgba(255, 138, 128, .9);--calm-accent-soft: rgba(134, 174, 182, .25);--calm-accent-icon-bg: rgba(134, 174, 182, .5);--calm-accent-icon-text: rgba(233, 248, 249, .95);--calm-accent-button-bg: rgba(120, 196, 180, .32);--calm-accent-button-text: rgba(233, 248, 249, .85);--control-hover-bg: rgba(255, 255, 255, .08);--control-hover-border: rgba(255, 255, 255, .3);--control-hover-text: rgba(255, 255, 255, .95);--primary-action-hover-bg: rgba(120, 196, 180, .42);--primary-action-hover-text: rgba(245, 252, 252, .95);--secondary-action-hover-bg: rgba(255, 255, 255, .12);--secondary-action-hover-text: rgba(255, 255, 255, .9);--control-disabled-opacity: .52;--select-bg: rgba(255, 255, 255, .08);--focus-ring: #fbbf24;--focus-ring-soft: rgba(251, 191, 36, .3);--overlay-bg: rgba(15, 15, 18, .96);--debug-pre-bg: rgba(0, 0, 0, .35)}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{display:flex;flex-direction:column;min-height:100%;padding:var(--space-lg);gap:var(--space-lg);position:relative}.app-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-md);border-bottom:1px solid var(--border-subtle)}.app-title{font-size:15px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-sm)}.app-title:before{content:"";display:block;width:8px;height:8px;border-radius:50%;background:var(--accent-primary);box-shadow:0 0 12px var(--accent-primary)}.session-badge{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-muted);transition:all var(--transition-base)}.session-badge.active{background:var(--accent-glow);color:var(--accent-primary)}.session-badge.connecting{background:var(--status-ok-bg);color:var(--status-ok);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.session-error-banner{padding:var(--space-md);background:var(--status-fix-bg);border:1px solid var(--status-fix);border-radius:var(--radius-md);color:var(--status-fix);font-size:13px;display:flex;align-items:center;gap:var(--space-sm)}.widgets{display:flex;flex-direction:column;gap:var(--space-md)}.widget-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-lg);transition:all var(--transition-base)}.widget-card:hover{border-color:var(--border-default)}.widget-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:var(--space-sm)}.talk-share-value{font-family:var(--font-mono);font-size:32px;font-weight:600;color:var(--text-primary);line-height:1;margin-bottom:var(--space-md);transition:color var(--transition-base)}.talk-share-value span{font-size:18px;color:var(--text-secondary)}.progress-track{height:6px;background:var(--bg-elevated);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:3px;transition:width var(--transition-slow);position:relative}.progress-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;width:20px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2))}.presence-status{display:flex;align-items:center;gap:var(--space-md)}.presence-indicator{font-family:var(--font-mono);font-size:14px;font-weight:600;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px;transition:all var(--transition-base)}.presence-indicator.good{background:var(--status-good-bg);color:var(--status-good);box-shadow:inset 0 0 0 1px #10b98133}.presence-indicator.ok{background:var(--status-ok-bg);color:var(--status-ok);box-shadow:inset 0 0 0 1px #f59e0b33}.presence-indicator.fix{background:var(--status-fix-bg);color:var(--status-fix);box-shadow:inset 0 0 0 1px #ef444433;animation:pulse-fix 2s ease-in-out infinite}@keyframes pulse-fix{0%,to{opacity:1}50%{opacity:.7}}.presence-score{font-family:var(--font-mono);font-size:13px;color:var(--text-secondary)}.signal-stack{display:flex;flex-direction:column;gap:var(--space-md);font-size:12px}.signal-section{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-sm);background:var(--bg-elevated);border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.signal-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:var(--space-xs)}.signal-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.signal-label{color:var(--text-secondary);font-size:11px}.signal-value{font-family:var(--font-mono);font-size:11px;color:var(--text-primary);font-weight:500}.signal-value.good{color:var(--status-good)}.signal-value.warning{color:var(--status-ok)}.signal-value.error{color:var(--status-fix)}.signal-value.local{color:var(--accent-primary)}.signal-value.mixed{color:var(--text-secondary)}.signal-value.mono{font-family:var(--font-mono)}.video-paused-banner{padding:var(--space-sm) var(--space-md);background:var(--status-ok-bg);border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-sm);color:var(--status-ok);font-size:11px;font-weight:500;text-align:center;margin-top:var(--space-xs)}.transcript-metrics{display:flex;flex-direction:column;gap:var(--space-sm);font-size:12px}.transcript-metric-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-xs) 0}.transcript-metric-label{color:var(--text-secondary);font-size:11px}.transcript-metric-value{font-family:var(--font-mono);font-size:11px;color:var(--text-primary);font-weight:500}.hint-card{background:var(--bg-elevated);border:1px dashed var(--border-default)}.hint-text{font-size:14px;color:var(--text-secondary);font-style:italic;min-height:21px;transition:color var(--transition-base)}.hint-text.active{color:var(--text-primary);font-style:normal}.session-controls{display:flex;flex-direction:column;gap:var(--space-md);margin-top:auto;padding-top:var(--space-lg)}.coach-mode-selector{display:flex;align-items:center;gap:var(--space-sm);font-size:13px}.coach-mode-selector label{color:var(--text-secondary);font-weight:500}.coach-mode-selector select{flex:1;padding:var(--space-sm) var(--space-md);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);font-size:13px;cursor:pointer;transition:all var(--transition-base)}.coach-mode-selector select:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-primary)}.coach-mode-selector select:disabled{opacity:.5;cursor:not-allowed}.coach-mode-selector select:focus{outline:2px solid var(--focus-ring);outline-offset:2px;border-color:var(--focus-ring);box-shadow:0 0 0 3px var(--focus-ring-soft)}:is(.btn,.coach-mode-selector select,.details-toggle,.variant-b .b-action,.variant-b .b-settings-fab,.variant-b .b-settings-back,.variant-b .b-settings-select,.debug-overlay-close,.debug-toggle):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;box-shadow:0 0 0 3px var(--focus-ring-soft)}.btn{flex:1;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:none;outline:none}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent-primary);color:var(--bg-primary)}.btn-primary:hover:not(:disabled){background:var(--accent-secondary);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-muted)}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-xl);gap:var(--space-md)}.error-icon{width:48px;height:48px;color:var(--status-fix);opacity:.8}.error-title{font-size:16px;font-weight:600;color:var(--text-primary)}.error-message{font-size:13px;color:var(--text-secondary);max-width:280px}.not-in-meeting{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-xl) var(--space-lg);gap:var(--space-md);flex:1}.not-in-meeting-icon{width:56px;height:56px;color:var(--text-muted);opacity:.6}.not-in-meeting h2{font-size:16px;font-weight:600;color:var(--text-primary)}.not-in-meeting p{font-size:13px;color:var(--text-secondary)}.widgets.inactive .widget-card{opacity:.6}.widgets.inactive .talk-share-value,.widgets.inactive .presence-indicator{color:var(--text-muted)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-xl);flex:1}.loading-spinner{width:32px;height:32px;border:3px solid var(--bg-elevated);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:13px;color:var(--text-secondary)}.ui-preview{display:flex;flex-direction:column;gap:var(--space-lg);flex:1}.preview-context{background:var(--bg-elevated);border:1px dashed var(--border-default);border-radius:var(--radius-md);padding:var(--space-md);font-size:11px;color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;position:absolute;top:44px;right:12px;max-height:50%;overflow:auto;width:min(320px,90%)}.ui-skeleton{padding:var(--space-lg);display:flex;flex-direction:column;gap:16px;min-height:100%;height:100%;border:none;border-radius:0;background:transparent;position:relative}.detail-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:6px 0;border-bottom:1px dashed var(--divider-dashed)}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--text-subtle)}.detail-value{font-weight:600;color:var(--text-primary)}.details-toggle{width:100%;display:flex;justify-content:center;align-items:center;gap:8px;padding:10px 0 2px;background:transparent;border:none;color:var(--text-faint);font-size:11px;text-transform:uppercase;letter-spacing:.8px;cursor:pointer;opacity:.7}.details-chevron{width:14px;height:14px;transition:transform .18s ease}.details-toggle:hover{opacity:.9;color:var(--text-subtle)}.details-chevron.open{transform:rotate(180deg)}.details-content{flex:1;min-height:260px;overflow-y:auto;overflow-x:hidden;opacity:0;pointer-events:none;transition:opacity .16s ease}.details-content.open{opacity:1;pointer-events:auto}.variant-b{font-family:Space Grotesk,system-ui,sans-serif;background:transparent;border-color:transparent}.variant-b .b-header{display:flex;justify-content:space-between;align-items:center}.variant-b .b-header-left,.variant-b .b-header-right{display:inline-flex;align-items:center;gap:8px}.variant-b .b-action-row{display:flex}.variant-b .b-settings-icon{width:28px;height:28px;border-radius:999px;border:1px solid var(--border-default);background:transparent;color:var(--text-subtle);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.variant-b .b-settings-icon:hover{color:var(--text-quiet);border-color:var(--border-strong)}.variant-b .b-settings-icon svg{width:14px;height:14px}.variant-b .b-settings-row{margin-top:8px;border:none;background:transparent;color:var(--text-faint);font-size:11px;letter-spacing:.6px;text-transform:uppercase;display:inline-flex;align-items:center;gap:6px;cursor:pointer;opacity:.8}.variant-b .b-settings-row:hover{opacity:1;color:var(--text-quiet)}.variant-b .b-settings-fab{position:fixed;right:var(--space-lg);bottom:var(--space-lg);padding:8px 12px;border-radius:6px;border:none;background:transparent;color:var(--text-subtle);display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:10px;text-transform:uppercase;letter-spacing:.6px;transition:background var(--transition-fast),color var(--transition-fast)}.variant-b .b-settings-fab svg{width:18px;height:18px;padding:3px;border-radius:50%;background:var(--calm-accent-icon-bg);color:var(--calm-accent-icon-text)}.variant-b .b-settings-fab:hover{background:var(--control-hover-bg);color:var(--text-quiet)}.variant-b .b-chip{--status-dot: var(--chip-dot-live);font-size:10px;text-transform:uppercase;letter-spacing:.6px;padding:0;border-radius:0;background:transparent;border:none;color:var(--text-quiet);display:inline-flex;align-items:center;gap:6px}.variant-b .b-chip:before{content:"";width:6px;height:6px;border-radius:999px;background:var(--status-dot);box-shadow:none;order:2}.variant-b .b-chip--live{--status-dot: var(--chip-dot-live)}.variant-b .b-chip--connecting{--status-dot: var(--chip-dot-connecting);color:var(--text-subtle)}.variant-b .b-chip--paused{--status-dot: var(--chip-dot-paused);color:var(--text-subtle)}.variant-b .b-chip--off{--status-dot: var(--chip-dot-off);color:var(--text-faint)}.variant-b .b-chip--error{--status-dot: var(--chip-dot-error);color:var(--text-subtle)}.variant-b .b-hero{background:var(--surface-soft);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:8px;border:1px solid var(--border-subtle)}.variant-b .b-hero.paused{background:var(--surface-soft-muted);border-style:dashed;border-color:var(--border-default)}.variant-b .b-hero.paused .b-card-title{color:var(--text-faint)}.variant-b .b-card-title{font-size:11px;text-transform:uppercase;letter-spacing:.8px;font-weight:600;color:var(--text-faint);margin-bottom:2px}.variant-b .b-hero-row{display:flex;align-items:center;gap:12px}.variant-b .b-hero-row--fade{animation:tipFadeIn .16s ease}@keyframes tipFadeIn{0%{opacity:0}to{opacity:1}}.variant-b .b-hero-icon{width:34px;height:34px;border-radius:14px;background:var(--calm-accent-soft);color:var(--calm-accent-icon-text);display:grid;place-items:center}.variant-b .b-hero.paused .b-hero-icon{background:var(--surface-contrast-soft);color:var(--text-subtle)}.variant-b .b-hero-icon svg{width:18px;height:18px}.variant-b .b-hero-title{font-size:18px;font-weight:700;color:var(--text-primary)}.variant-b .b-hero.paused .b-hero-title{font-weight:650;color:var(--text-quiet)}.variant-b .b-hero-sub{font-size:12px;color:var(--text-subtle)}.variant-b .b-hero.paused .b-hero-sub{color:var(--text-muted)}.variant-b .b-details{display:flex;flex-direction:column;gap:6px;flex:1;min-height:0}.variant-b .b-details-list{display:flex;flex-direction:column;gap:2px}.variant-b .b-details-rows{display:flex;flex-direction:column;gap:4px}.variant-b .b-detail-row-wrap{display:flex;flex-direction:column}.variant-b .b-detail-row{display:grid;grid-template-columns:6px minmax(0,1fr);column-gap:10px;row-gap:4px;padding:4px 0;border-bottom:1px dashed var(--divider-dashed)}.variant-b .b-detail-row:last-child{border-bottom:none}.variant-b .b-detail-row--divider{border-bottom:none}.variant-b .b-detail-row--no-marker{grid-template-columns:minmax(0,1fr)}.variant-b .b-detail-row--no-marker .b-detail-main,.variant-b .b-detail-row--no-marker .b-detail-bar,.variant-b .b-detail-row--no-marker .b-detail-divider{grid-column:1}.variant-b .b-detail-row--emphasis .b-detail-label{color:var(--text-quiet)}.variant-b .b-detail-row--muted{opacity:.55}.variant-b .b-detail-marker{width:6px;height:22px;border-radius:999px;background:var(--detail-marker-neutral);align-self:center}.variant-b .b-detail-marker--green{background:var(--detail-marker-green)}.variant-b .b-detail-marker--yellow{background:var(--detail-marker-yellow)}.variant-b .b-detail-marker--red{background:var(--detail-marker-red)}.variant-b .b-detail-marker--neutral{background:var(--detail-marker-neutral)}.variant-b .b-detail-main{display:flex;align-items:center;justify-content:space-between;gap:12px;grid-column:2}.variant-b .b-detail-row--emphasis .b-detail-main{flex-direction:column;align-items:flex-start}.variant-b .b-detail-separator{height:1px;background:var(--border-default);margin:16px 0}.variant-b .b-detail-label{font-size:11px;letter-spacing:.5px;text-transform:uppercase;color:var(--text-faint)}.variant-b .b-detail-value{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;font-size:12px;color:var(--text-primary);font-weight:600;flex-wrap:nowrap;max-width:65%;text-align:right}.variant-b .b-detail-row--emphasis .b-detail-value{justify-content:flex-start;max-width:100%;text-align:left;flex-wrap:wrap}.variant-b .b-detail-text{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.variant-b .b-detail-row--emphasis .b-detail-text{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.variant-b .b-detail-meta{font-size:11px;font-weight:600;color:var(--text-subtle)}.variant-b .b-detail-bar{width:100%;height:4px;border-radius:999px;background:var(--border-subtle);overflow:hidden;grid-column:2}.variant-b .b-detail-bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--detail-marker-green),var(--detail-marker-yellow))}.variant-b .b-actions{display:flex;margin-top:auto}.variant-b .b-action{width:100%;padding:10px 12px;border-radius:12px;border:none;cursor:pointer;background:var(--calm-accent-button-bg);color:var(--calm-accent-button-text);font-weight:700;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:none;transition:background var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast)}.variant-b .b-action:hover:not(:disabled){background:var(--primary-action-hover-bg);color:var(--primary-action-hover-text)}.variant-b .b-action:disabled{opacity:var(--control-disabled-opacity);cursor:not-allowed}.variant-b .b-tip-divider{height:1px;background:var(--border-subtle)}.variant-b .b-settings{display:flex;flex-direction:column;gap:16px;min-height:100%}.variant-b .b-settings-header{display:flex;align-items:center;justify-content:space-between}.variant-b .b-settings-back{border:1px solid var(--border-default);background:transparent;color:var(--text-quiet);border-radius:999px;padding:8px 10px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.variant-b .b-settings-back:hover{background:var(--control-hover-bg);border-color:var(--control-hover-border);color:var(--control-hover-text)}.variant-b .b-settings-back svg{width:16px;height:16px}.variant-b .b-settings-title{font-size:12px;text-transform:uppercase;letter-spacing:.8px;color:var(--text-subtle);font-weight:700}.variant-b .b-settings-card{background:var(--surface-soft);border:1px solid var(--border-subtle);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:10px}.variant-b .b-settings-row-title{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--text-faint);font-weight:700}.variant-b .b-settings-select{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border-default);background:var(--select-bg);color:var(--text-primary);font-family:var(--font-sans);font-weight:700;transition:border-color var(--transition-fast),background var(--transition-fast)}.variant-b .b-settings-select:hover:not(:disabled){background:var(--control-hover-bg);border-color:var(--control-hover-border)}.variant-b .b-settings-select:disabled{opacity:var(--control-disabled-opacity);cursor:not-allowed}.variant-b .b-settings-help{font-size:12px;color:var(--text-faint)}.variant-b .b-settings-stop{margin-top:auto;width:100%;padding:10px 12px;border-radius:12px;border:none;background:var(--surface-contrast-soft);color:var(--text-quiet);font-weight:700;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast)}.variant-b .b-settings-stop:hover:not(:disabled){background:var(--secondary-action-hover-bg);color:var(--secondary-action-hover-text)}.variant-b .b-settings-stop:disabled{opacity:var(--control-disabled-opacity);cursor:not-allowed}.debug-overlay{position:fixed;top:12px;right:12px;bottom:12px;left:12px;z-index:50;background:var(--overlay-bg);border:1px solid var(--border-default);border-radius:16px;padding:16px;overflow:auto}.debug-overlay-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.debug-overlay-title{font-size:12px;text-transform:uppercase;letter-spacing:.8px;color:var(--text-subtle);font-weight:700}.debug-overlay-close{border:1px solid var(--border-default);background:transparent;color:var(--text-quiet);border-radius:999px;padding:8px 10px;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.debug-overlay-close:hover{background:var(--control-hover-bg);border-color:var(--control-hover-border);color:var(--control-hover-text)}.debug-panel{display:flex;flex-direction:column;gap:16px;font-size:12px;color:var(--text-quiet)}.debug-panel-title{font-size:12px;text-transform:uppercase;letter-spacing:.8px;color:var(--text-subtle);font-weight:700}.debug-section{display:flex;flex-direction:column;gap:12px}.debug-section-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.debug-toggle{border:1px solid var(--border-strong);background:var(--surface-contrast-soft);color:var(--text-quiet);border-radius:999px;padding:4px 10px;font-size:11px;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.debug-toggle:hover{background:var(--control-hover-bg);border-color:var(--control-hover-border);color:var(--control-hover-text)}.debug-divider{height:1px;background:var(--border-subtle)}.debug-subtitle{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-faint);margin-top:6px}.debug-context{display:flex;flex-direction:column;gap:6px}.debug-context-row{display:flex;justify-content:space-between;gap:12px}.debug-context-label{color:var(--text-subtle)}.debug-context-value{text-align:right;color:var(--text-primary);max-width:60%;overflow-wrap:anywhere}.debug-context-value.mono{font-family:SF Mono,Fira Code,JetBrains Mono,monospace;font-size:11px}.debug-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.debug-summary-card{border:1px solid var(--border-subtle);border-radius:12px;padding:10px 12px;background:var(--surface-soft);display:flex;flex-direction:column;gap:6px}.debug-summary-card--ok{border-color:#5ac86e66}.debug-summary-card--warn{border-color:#ffc14d66}.debug-summary-card--alert{border-color:#ff787880}.debug-summary-card--neutral{border-color:var(--border-default)}.debug-summary-header{display:flex;justify-content:space-between;align-items:center;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-subtle)}.debug-summary-title{font-weight:700}.debug-summary-status{color:var(--text-quiet)}.debug-summary-primary{font-size:12px;color:var(--text-primary)}.debug-summary-secondary{font-size:11px;color:var(--text-subtle)}.debug-details{border:1px solid var(--border-subtle);border-radius:12px;padding:8px 12px;background:var(--surface-soft-muted)}.debug-details-summary{cursor:pointer;font-size:12px;font-weight:600;color:var(--text-quiet);list-style:none}.debug-details-summary::-webkit-details-marker{display:none}.debug-details-body{margin-top:10px}.debug-details-grid{display:grid;gap:10px}.debug-pre{margin:0;padding:10px 12px;border-radius:10px;background:var(--debug-pre-bg);border:1px solid var(--border-subtle);font-size:11px;line-height:1.35;color:var(--text-quiet);overflow:auto;max-height:280px;white-space:pre}@media(prefers-reduced-motion:reduce){.session-badge.connecting,.presence-indicator.fix,.variant-b .b-hero-row--fade{animation:none!important}.details-chevron,.details-content,.progress-fill,.variant-b .b-settings-icon,.btn,.widget-card{transition:none!important}}.variant-a .a-control svg,.variant-b .b-action svg,.variant-c .c-action svg{width:14px;height:14px}