:root{--bg:#09090b;--text:#f5f7fa;--muted:#a2a7b2;--green:#55c9ff;--green-rgb:85, 201, 255;--green-strong:#3db8e8;--green-strong-rgb:61, 184, 232;--border:#ffffff14;--surface:#121218;--cta-ink:#061018}:root[data-accent=cyan],:root:not([data-accent]){--green:#55c9ff;--green-rgb:85, 201, 255;--green-strong:#3db8e8;--green-strong-rgb:61, 184, 232;--cta-ink:#061018}:root[data-accent=emerald]{--green:#34d399;--green-rgb:52, 211, 153;--green-strong:#10b981;--green-strong-rgb:16, 185, 129;--cta-ink:#04140e}:root[data-accent=violet]{--green:#a78bfa;--green-rgb:167, 139, 250;--green-strong:#8b5cf6;--green-strong-rgb:139, 92, 246;--cta-ink:#12081f}:root[data-accent=amber]{--green:#fbbf24;--green-rgb:251, 191, 36;--green-strong:#f59e0b;--green-strong-rgb:245, 158, 11;--cta-ink:#1a1203}:root[data-accent=rose]{--green:#fb7185;--green-rgb:251, 113, 133;--green-strong:#f43f5e;--green-strong-rgb:244, 63, 94;--cta-ink:#1a070c}:root[data-color-mode=light]{--bg:#f4f5f7;--text:#1a1d21;--muted:#5c6570;--border:#0f172a1f;--surface:#fff;--panel-bg:#fffffff5;--panel-border:#0f172a1f;--cta-ink:#fff}@keyframes ping{0%{opacity:.75;transform:scale(1)}75%{opacity:0;transform:scale(2)}to{opacity:0;transform:scale(2.2)}}@keyframes slide-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.glass-panel,.panel-shell{background:var(--panel-bg,#0a0b10fa);border:1px solid var(--panel-border,#ffffff14);-webkit-backdrop-filter:none;color:#fff;-webkit-user-select:none;user-select:none;border-radius:16px;flex-direction:column;width:380px;height:100%;max-height:660px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 .5px #ffffff0a,0 12px 40px #000000bf}.panel-header{border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;height:40px;padding:0 14px;display:flex}.header-left,.header-right{align-items:center;gap:6px;display:flex}.listen-toggle-btn{border:1px solid rgba(var(--green-strong-rgb), .35);background:rgba(var(--green-strong-rgb), .1);color:var(--green);cursor:pointer;white-space:nowrap;border-radius:99px;padding:4px 10px;font-size:10px;font-weight:600}.close-btn,.icon-btn{color:#9ca3af99;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:16px;line-height:1;display:flex}.close-btn:hover,.icon-btn:hover{color:#fff;background:#ffffff14}.session-badge{color:#ffffffa6;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;font-size:10px;font-weight:600;display:inline-flex;overflow:hidden}.feed-with-composer{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.feed-with-composer>.conv-log{flex:1;min-height:0}.session-instruction-composer{background:#0a0c12eb;border-top:1px solid #ffffff12;flex-shrink:0;padding:6px 8px 8px}.session-instruction-composer.disabled{opacity:.55;pointer-events:none}.session-instruction-label{letter-spacing:.04em;text-transform:uppercase;color:#8adfffeb;margin:0 0 6px 2px;font-size:11px;font-weight:700}.session-instruction-composer.always-open{padding:6px 8px 8px}.session-instruction-composer.always-open .session-instruction-label{display:none}.session-instruction-inline{align-items:center;gap:6px;display:flex}.session-instruction-composer.always-open .session-instruction-input{field-sizing:content;flex:auto;min-height:36px;max-height:72px;padding:8px 10px;font-size:13px;line-height:1.35}.session-instruction-send-icon{border-radius:10px;flex:none;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;padding:0;display:inline-flex}.session-instruction-send-icon svg{display:block}.session-instruction-collapsed{appearance:none;color:#ffffff73;width:100%;font:inherit;cursor:text;text-align:left;background:#ffffff08;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.session-instruction-collapsed:hover:not(:disabled){color:#dce6f0b8;border-color:#3ec7ff47}.session-instruction-collapsed-icon{opacity:.7;font-size:12px}.session-instruction-collapsed-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.session-instruction-expanded{flex-direction:column;gap:6px;display:flex}.session-instruction-input{resize:none;box-sizing:border-box;color:#ebf0f8f2;width:100%;min-height:64px;max-height:140px;font:inherit;background:#ffffff0a;border:1px solid #3ec7ff47;border-radius:10px;outline:none;padding:10px 12px;font-size:13px;line-height:1.45}.session-instruction-input:focus{border-color:#3ec7ff80;box-shadow:0 0 0 2px #3ec7ff1f}.session-instruction-actions{align-items:center;gap:8px;display:flex}.session-instruction-hint{color:#ffffff59;margin-right:auto;font-size:10px}.session-instruction-cancel,.session-instruction-send{appearance:none;font:inherit;cursor:pointer;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600}.session-instruction-cancel{color:#ffffff8c;background:0 0;border:1px solid #ffffff1f}.session-instruction-send{color:#b4e6fff2;background:#3ec7ff29;border:1px solid #3ec7ff59}.session-instruction-send:disabled{opacity:.4;cursor:default}.empty-hint{color:#6b728080;margin:0;font-size:12px;font-style:italic}.header-center{flex:1;justify-content:center;min-width:0;display:flex}.session-error-dismiss{color:inherit;opacity:.6;cursor:pointer;background:0 0;border:none;margin-left:auto;font-size:11px}.channel-status-banner{color:#93c5fd;background:#3b82f614;border:1px solid #3b82f638;border-radius:8px;flex-shrink:0;align-items:flex-start;gap:6px;margin:0 10px 6px;padding:7px 10px;font-size:11px;line-height:1.35;display:flex}.channel-status-ok{color:rgba(var(--green-rgb), .85);flex-shrink:0;margin:0 10px 4px;padding:4px 8px;font-size:10px}.channel-status-standby{color:#fdd34dd9}.side-drawer.side-drawer-docked{border-radius:0}.panel-shell-drawer-open>.side-drawer.side-drawer-docked{border-radius:16px 0 0 16px}.tree-session-viewing{background:rgba(var(--green-rgb), .1);border:1px solid rgba(var(--green-rgb), .2)}.tree-session-viewing:hover{background:rgba(var(--green-rgb), .14)}.tree-make-active-btn{border:1px solid rgba(var(--green-rgb), .35);background:rgba(var(--green-rgb), .08);color:var(--green);letter-spacing:.02em;cursor:pointer;opacity:0;border-radius:5px;flex-shrink:0;padding:2px 5px;font-size:9px;font-weight:600;transition:opacity .15s,background .15s}.tree-session:hover .tree-make-active-btn,.tree-session:focus-within .tree-make-active-btn{opacity:1}.tree-make-active-btn:hover{background:rgba(var(--green-rgb), .18)}.session-capture-banner{color:#ffffffb8;background:#fbbf241a;border-bottom:1px solid #fbbf2438;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:7px 12px;font-size:11px;display:flex}.session-capture-banner-muted{color:#ffffff80;background:#ffffff0a;border-bottom-color:#ffffff14}.session-capture-banner-warn{color:#fca5a5;background:#f871711a;border-bottom-color:#f8717147}.session-capture-banner-mirror{color:#93c5fd;background:#3b82f61a;border-bottom-color:#3b82f640;font-size:10px;line-height:1.4}.session-capture-banner-warn button{color:#fecaca;background:#f871711f;border-color:#f8717166}.session-capture-banner button{border:1px solid rgba(var(--green-rgb), .4);background:rgba(var(--green-rgb), .12);color:var(--green);cursor:pointer;border-radius:99px;flex-shrink:0;padding:3px 10px;font-size:10px;font-weight:600}.session-capture-banner button:hover{background:rgba(var(--green-rgb), .2)}.header-make-active-btn{opacity:1;margin-right:4px}.listen-toggle-btn:disabled{opacity:.45;cursor:not-allowed}.resize-handle{pointer-events:none;background-image:repeating-linear-gradient(-45deg,#0000,#0000 1px,#4b556366 1px 2px);width:8px;height:8px;position:absolute;bottom:4px;right:4px}.setup-title{letter-spacing:-.02em;color:#ffffffeb;margin:14px 0 6px;font-size:18px;font-weight:700}.setup-brand-row{justify-content:center;align-items:center;gap:10px;display:inline-flex}.setup-brand-mark{border-radius:8px;flex-shrink:0}.setup-field:has(.inapp-select.is-open){z-index:5;position:relative}.setup-row:has(.inapp-select.is-open){z-index:5;overflow:visible}.setup-screen-compact>:not(.setup-card){width:100%;max-width:420px}.setup-card{gap:inherit;flex-direction:column;width:100%;max-width:420px;display:flex}@media (width>=720px){.setup-screen-compact>:not(.setup-card),.setup-card{max-width:440px}}@media (width<=480px){.setup-row{grid-template-columns:1fr}}.inapp-select{width:100%;position:relative}.inapp-select-trigger{text-align:left;align-items:center;width:100%;display:flex}.inapp-select-trigger:disabled{opacity:.45;cursor:not-allowed}.inapp-select-value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;padding-right:4px;overflow:hidden}.inapp-select-menu{z-index:40;background:#14151c;border:1px solid #ffffff1f;border-radius:8px;max-height:min(240px,42vh);padding:4px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 28px #00000073}.inapp-select-group+.inapp-select-group{border-top:1px solid #ffffff0f;margin-top:4px;padding-top:4px}.inapp-select-group-label{letter-spacing:.06em;text-transform:uppercase;color:#6b7280d9;padding:6px 8px 2px;font-size:9px;font-weight:600}.inapp-select-option{text-align:left;color:#ffffffde;cursor:pointer;background:0 0;border:none;border-radius:6px;width:100%;padding:7px 8px;font-family:inherit;font-size:12px;display:block}.inapp-select-option:hover,.inapp-select-option:focus-visible{background:#ffffff14;outline:none}.inapp-select-option.is-selected{color:#6ee7b7;background:#34d39924}.inapp-confirm-overlay{z-index:80;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.inapp-confirm-dialog{background:#14151c;border:1px solid #ffffff1f;border-radius:12px;width:min(360px,100%);padding:16px;box-shadow:0 16px 40px #00000080}.inapp-confirm-title{color:#ffffffeb;margin:0 0 8px;font-size:14px;font-weight:600}.inapp-confirm-body{color:#ffffffa6;margin:0 0 14px;font-size:12px;line-height:1.45}.inapp-confirm-actions{justify-content:flex-end;gap:8px;display:flex}.inapp-confirm-btn{color:#ffffffd9;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;padding:7px 12px;font-family:inherit;font-size:12px}.inapp-confirm-btn:hover{background:#ffffff1a}.inapp-confirm-btn-primary{color:#6ee7b7;background:#34d3992e;border-color:#34d39959}.inapp-confirm-btn-primary.is-danger{color:#fca5a5;background:#f8717129;border-color:#f8717166}.feed-log{gap:12px}.feed-card{content-visibility:auto;contain-intrinsic-size:auto 140px;background:#ffffff08;border:1px solid #ffffff12;border-radius:12px;padding:12px 14px}.feed-input.feed-mic{border-left:none;box-shadow:inset 3px 0 #3ec7ff8c}.feed-input.feed-system{border-left:none;box-shadow:inset 3px 0 #34d39980}.feed-input.feed-screen{border-left:none;box-shadow:inset 3px 0 #7dd3fc8c}.feed-answer{background:#0c121c8c;border-left:none;margin-left:10px;box-shadow:inset 3px 0 #3ec7ff59}.feed-event{background:#ffffff05;border-style:dashed;border-color:#ffffff1a;margin-left:0}.feed-event-label{color:#ffffff8c}.feed-event-time{color:#ffffff59;margin-left:auto;font-size:10px}.feed-event-text{color:#f3f4f6b8;font-size:12px;line-height:1.45}.feed-answer-versions{align-items:center;gap:4px;margin-left:4px;display:inline-flex}.feed-version-btn{color:#ffffffbf;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:6px;width:22px;height:22px;padding:0;font-size:14px;line-height:1}.feed-version-btn:disabled{opacity:.35;cursor:default}.feed-version-btn:not(:disabled):hover{background:#3ec7ff1f;border-color:#3ec7ff4d}.feed-version-count{font-variant-numeric:tabular-nums;color:#ffffff80;text-align:center;min-width:28px;font-size:10px}.feed-input-text-muted{color:#9ca3afd9;font-style:italic}.feed-stt-placeholder{opacity:.85}.feed-input-group .feed-input-part{margin:8px 0 0}.feed-input-group .feed-input-part+.feed-input-part{border-top:1px solid #ffffff0d;padding-top:8px}.feed-group-count{color:#ffffff80;background:#ffffff14;border-radius:4px;margin-left:auto;padding:2px 6px;font-size:10px}.feed-screenshot-thumb{cursor:zoom-in;border:1px solid #ffffff1a;border-radius:6px;width:100%;max-width:200px;margin-top:4px;display:block}.feed-screen-context{margin-top:8px}.feed-screen-context-label{letter-spacing:.06em;text-transform:uppercase;color:#5ad6ffbf;margin-bottom:4px;font-size:9px;font-weight:700;display:block}.feed-screen-context-loading{color:#ffffff59;font-size:11px}.feed-screen-context-unavailable{color:#fbbf24a6;font-size:11px;font-style:italic}.feed-screen-context-btn{cursor:zoom-in;background:0 0;border:none;margin:0;padding:0;display:block}.feed-screenshot-lightbox{z-index:9999;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));cursor:zoom-out;background:#000000e0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.feed-screenshot-lightbox img,.feed-screenshot-lightbox-img{object-fit:contain;image-rendering:auto;border-radius:8px;max-width:100%;max-height:100%}.feed-screenshot-lightbox-loading{color:#ffffffb3;position:absolute}.sotto-app-mobile .feed-screenshot-thumb{max-width:min(280px,100%)}.session-view-tabs{border-bottom:1px solid #ffffff0f;gap:4px;padding:0 12px 8px;display:flex}.session-view-tab{color:#ffffff73;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 12px;font-size:12px;font-weight:600}.session-view-tab-active{color:#c4b5fd;background:#8b5cf626}.context-header-btn{color:#fffc;cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600;position:relative}.context-header-btn-has-dot:after{content:"";background:#34d399;border-radius:50%;width:6px;height:6px;position:absolute;top:4px;right:4px}.screenshots-gallery{flex:1;padding:12px;overflow-y:auto}.screenshots-gallery-capture-btn{color:#ffffffe6;cursor:pointer;background:#34d3991f;border:1px solid #34d39959;border-radius:10px;width:100%;margin-bottom:12px;padding:10px 16px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s;display:block}.screenshots-gallery-capture-btn:hover:not(:disabled){background:#34d39933;border-color:#34d39980}.screenshots-gallery-capture-btn:disabled{opacity:.6;cursor:wait}.screenshots-gallery-error{color:#f87171;text-align:center;margin:0 0 10px;font-size:12px}.screenshots-gallery-adhoc{color:#6ee7b7!important;background:#34d39926!important}.screenshots-gallery-adhoc-label{color:#ffffff73;font-size:11px;line-height:1.4}.screenshots-gallery-solve-btn{color:#c4b5fd;cursor:pointer;background:#a855f726;border:1px solid #a855f759;border-radius:6px;width:100%;margin-top:6px;padding:5px 8px;font-size:11px;font-weight:600}.screenshots-gallery-solve-btn:hover{background:#a855f740}.screenshots-gallery-select-bar{align-items:center;gap:10px;margin-bottom:12px;display:flex}.screenshots-gallery-select-toggle{color:#c4b5fd;cursor:pointer;background:#a855f71f;border:1px solid #a855f759;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600}.screenshots-gallery-select-toggle:hover,.screenshots-gallery-select-toggle:active{background:#a855f738}.screenshots-gallery-select-toggle-active{color:#fffc;background:#ffffff14;border-color:#fff3}.screenshots-gallery-select-toggle-active:hover,.screenshots-gallery-select-toggle-active:active{background:#ffffff1f}.screenshots-gallery-select-hint{color:#ffffff73;font-size:11px}.screenshots-gallery-item-selected .screenshots-gallery-thumb{border-color:#a855f7e6;box-shadow:0 0 0 2px #a855f799}.screenshots-gallery-grid-selecting .screenshots-gallery-thumb-btn{cursor:pointer;position:relative}.screenshots-gallery-checkbox{color:#fff;background:#00000073;border:2px solid #ffffffb3;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;font-weight:700;display:flex;position:absolute;top:6px;right:6px}.screenshots-gallery-checkbox-on{color:#fff;background:#a855f7;border-color:#a855f7}.screenshots-gallery-select-footer{margin-top:12px;padding-top:10px;position:sticky;bottom:0}.screenshots-gallery-solve-many-btn{color:#fff;cursor:pointer;background:#a855f7d9;border:1px solid #a855f7e6;border-radius:10px;width:100%;padding:10px 16px;font-size:13px;font-weight:700;display:block}.screenshots-gallery-solve-many-btn:hover:not(:disabled){background:#a855f7}.screenshots-gallery-solve-many-btn:disabled{opacity:.45;cursor:not-allowed}.screenshots-gallery-empty{text-align:center;color:#ffffff73;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:200px;font-size:13px;display:flex}.screenshots-gallery-empty-icon{opacity:.5;font-size:32px}.screenshots-gallery-empty-hint{color:#ffffff4d;max-width:260px;font-size:11px;line-height:1.45}.screenshots-gallery-retry{color:#fffc;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;margin-top:8px;padding:6px 14px;font-size:12px}.screenshots-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.screenshots-gallery-item{flex-direction:column;gap:6px;min-width:0;display:flex}.screenshots-gallery-thumb-btn{cursor:zoom-in;background:0 0;border:none;border-radius:8px;margin:0;padding:0;display:block;overflow:hidden}.screenshots-gallery-thumb{aspect-ratio:16/10;object-fit:cover;border:1px solid #ffffff1a;border-radius:8px;width:100%;display:block}.screenshots-gallery-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.screenshots-gallery-time{color:#fff6;font-variant-numeric:tabular-nums;font-size:10px}.screenshots-gallery-channel{letter-spacing:.04em;text-transform:uppercase;color:#c4b5fd;background:#8b5cf626;border-radius:99px;padding:2px 6px;font-size:9px;font-weight:700}.screenshots-gallery-card-link{text-align:left;color:#ffffff8c;cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;line-height:1.4;-webkit-text-decoration:underline #ffffff26;text-decoration:underline #ffffff26}.screenshots-gallery-card-link:hover{color:#ffffffd9}.sotto-app-mobile .screenshots-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.session-context-overlay{z-index:200;background:#0000008c;justify-content:flex-end;display:flex;position:fixed;inset:0}.session-context-panel{background:#12131a;border-left:1px solid #ffffff14;flex-direction:column;width:min(420px,100%);height:100%;padding:16px;animation:.18s session-context-slide;display:flex;box-shadow:-8px 0 32px #0006}@keyframes session-context-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.session-context-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.session-context-title{color:#ffffffeb;margin:0;font-size:15px;font-weight:700}.session-context-close{color:#ffffff73;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:16px}.session-context-desc,.session-context-readonly-hint{color:#ffffff73;margin:0 0 12px;font-size:12px;line-height:1.5}.session-context-readonly-hint{color:#fbbf24bf}.session-context-template-field{margin-bottom:12px}.session-context-template-label{text-transform:uppercase;letter-spacing:.04em;color:#ffffff73;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.session-context-select{margin-bottom:4px}.session-context-template-hint{color:#ffffff61;margin:4px 0 0;font-size:11px;line-height:1.45}.session-context-template-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.session-context-save-template{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.session-context-save-template .setup-input{flex:1;min-width:140px}.session-context-textarea{resize:vertical;color:#ffffffe6;background:#00000040;border:1px solid #ffffff1a;border-radius:10px;flex:1;min-height:160px;padding:12px;font-family:inherit;font-size:13px;line-height:1.55}.session-context-textarea:focus{border-color:#8b5cf673;outline:none}.session-context-footer{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.session-context-cancel{color:#fff9;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:8px;padding:8px 14px;font-size:12px}.session-context-save{min-width:88px}.feed-pending-answer{justify-content:flex-start;padding:4px 2px 10px;display:flex}.feed-pending-answer-btn{min-width:7.5rem}.feed-action-btn:active,.feed-action-btn-pressed{background:#3ec7ff38;border-color:#3ec7ff8c}.feed-busy .feed-action-btn{opacity:.4;cursor:not-allowed;pointer-events:none}.feed-action-secondary:active,.feed-action-secondary.feed-action-btn-pressed{background:#ffffff1a;border-color:#ffffff38}.feature-badge{color:#9ca3afa6;opacity:1;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}html,body,#root{background:var(--bg,#09090b);color:#fff;-webkit-font-smoothing:antialiased;height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,system-ui,sans-serif}.sotto-app-mobile{width:100%;max-width:none;height:100%;min-height:100dvh;max-height:100dvh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);margin:0}.sotto-app-mobile .panel-shell,.sotto-app-mobile .glass-panel{border:none;border-radius:0;width:100%;max-width:100%;height:100%;max-height:100dvh}.sotto-reconnect-banner{color:#fdd34d;text-align:center;background:#fbbf241f;border-bottom:1px solid #fbbf2440;flex-shrink:0;padding:6px 12px;font-size:11px}.sotto-view-banner{color:#93c5fd;background:#3b82f614;border-bottom:1px solid #3b82f633;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:6px 12px;font-size:11px;display:none}.sotto-view-banner.visible{display:flex}.sotto-follow-btn{color:#93c5fd;cursor:pointer;background:#3b82f626;border:1px solid #3b82f659;border-radius:99px;padding:4px 10px;font-size:10px;font-weight:600}.live-dot{background:var(--green);border-radius:50%;width:6px;height:6px;animation:1.4s cubic-bezier(0,0,.2,1) infinite ping;display:inline-block}.settings-privacy-banner{background:#34d3990f;border:1px solid #34d39933;border-radius:10px;margin:0 0 14px;padding:12px 12px 10px}.settings-privacy-banner strong{color:#86efac;margin-bottom:8px;font-size:12px;display:block}.settings-privacy-banner ul{color:#dce6f0c7;gap:4px;margin:0;padding-left:16px;font-size:11px;line-height:1.45;display:grid}.settings-shortcuts-hint{color:#fff6;margin:10px 0 0;font-size:10px}.settings-section-inner{flex-direction:column;gap:0;display:flex}.account-section{flex-direction:column;gap:10px;display:flex}.account-hint,.account-footnote{color:#9ca3afd9;margin:0;font-size:11px;line-height:1.45}.account-form{flex-direction:column;gap:6px;display:flex}.account-label{color:#ffffffb3;margin-top:4px;font-size:11px;font-weight:500}.account-input{color:#ffffffeb;min-height:36px;font:inherit;background:#00000059;border:1px solid #ffffff1a;border-radius:8px;padding:8px 10px;font-size:13px}.account-input:focus{outline:1px solid rgba(var(--green-rgb), .55);border-color:rgba(var(--green-rgb), .35)}.account-remember{color:#e5e7ebd9;cursor:pointer;align-items:center;gap:8px;margin:6px 0 2px;font-size:12px;display:flex}.account-remember input{width:16px;height:16px;accent-color:var(--green)}.account-btn{min-height:36px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;margin-top:4px;padding:8px 12px;font-size:13px;font-weight:600}.account-btn:disabled{opacity:.55;cursor:wait}.account-btn-primary{background:rgba(var(--green-rgb), .9);color:var(--cta-ink)}.account-btn-primary:hover:not(:disabled){background:var(--green)}.account-btn-danger{color:#fca5a5f2;background:0 0;border-color:#f8717159}.account-btn-danger:hover:not(:disabled){background:#f8717114;border-color:#f871718c}.account-btn-oauth{color:var(--text,#f4f2ee);background:0 0;border-color:#ffffff29}.account-btn-oauth:hover:not(:disabled){background:#ffffff0f}.account-billing-actions{flex-wrap:wrap;gap:.5rem;margin:.35rem 0 .75rem;display:flex}.auth-gate-divider{color:var(--muted,#9a958c);align-items:center;gap:.75rem;margin:.15rem 0;font-size:.78rem;display:flex}.auth-gate-divider:before,.auth-gate-divider:after{content:"";background:#ffffff1f;flex:1;height:1px}.api-connecting-pulse{justify-content:center;gap:.45rem;margin:.75rem 0 .25rem;display:flex}.api-connecting-pulse span{background:#5ad6ffd9;border-radius:999px;width:.45rem;height:.45rem;animation:1.1s ease-in-out infinite api-connecting-bounce}.api-connecting-pulse span:nth-child(2){animation-delay:.15s}.api-connecting-pulse span:nth-child(3){animation-delay:.3s}@keyframes api-connecting-bounce{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.account-msg{margin:0;font-size:11px;line-height:1.4}.account-msg-ok{color:rgba(var(--green-rgb), .9)}.account-msg-err{color:#fca5a5f2}.auth-gate{box-sizing:border-box;flex-direction:column;flex:1;gap:10px;width:100%;max-width:420px;min-height:0;margin-inline:auto;padding:28px 22px 24px;display:flex;overflow:auto}.auth-gate-form{flex-direction:column;gap:8px;width:100%;display:flex}.auth-gate-brand{letter-spacing:.02em;color:#ffffffeb;align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.auth-gate-mark{border-radius:9px;flex-shrink:0}.auth-gate-title{letter-spacing:-.03em;color:#fffffff0;margin:0;font-size:22px;font-weight:650;line-height:1.2}.auth-gate-lede{color:#9ca3afe6;margin:0 0 4px;font-size:12px;line-height:1.45}.auth-gate-tabs{gap:6px;margin:4px 0 2px;display:flex}.auth-gate-tab{color:#e5e7ebbf;min-height:34px;font:inherit;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:8px;flex:1;font-size:12px;font-weight:600}.auth-gate-tab-active{border-color:rgba(var(--green-rgb), .45);background:rgba(var(--green-rgb), .12);color:#fffffff2}.auth-gate-footer{color:#9ca3afe6;margin:4px 0 0;font-size:12px}.auth-gate-link{color:rgba(var(--green-rgb), .95);font:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline}a.auth-gate-link{display:inline}.auth-gate-url{color:#6b7280e6;word-break:break-all;font-size:10px}.auth-gate-footnote{color:#6b7280d9;margin:0;font-size:10px;line-height:1.4}.provider-btn-model{align-items:center;gap:6px;display:inline-flex}.provider-btn-model-mark{opacity:.75;align-items:center;font-size:10px;display:inline-flex}.provider-btn-spinner{border:1.5px solid #ffffff40;border-top-color:currentColor;border-radius:50%;width:10px;height:10px;animation:.7s linear infinite stt-spin}@keyframes stt-spin{to{transform:rotate(360deg)}}.stt-pack-progress{align-items:center;gap:8px;margin:8px 0 4px;display:flex}.stt-pack-progress-track{background:#ffffff14;border-radius:999px;flex:1;height:4px;overflow:hidden}.stt-pack-progress-fill{background:#34d399;border-radius:999px;height:100%;transition:width .2s}.stt-pack-progress-label{color:#ffffff8c;white-space:nowrap;text-align:right;min-width:4.5rem;font-size:10px}.stt-diarization-block{margin-top:10px}.stt-diarization-download .provider-btn{flex-shrink:0;align-items:center;gap:5px;display:inline-flex}.settings-row-disabled{opacity:.55;pointer-events:none}.llm-mode-row{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;display:grid}.llm-mode-card{text-align:left;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;padding:10px 11px;font-family:inherit;transition:border-color .15s,background .15s}.llm-mode-card:hover{background:#ffffff0d;border-color:#ffffff24}.llm-mode-card-active{background:#34d39914;border-color:#34d39966}.llm-mode-title{color:#ffffffe0;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.llm-mode-desc{color:#6b7280bf;font-size:10px;line-height:1.4;display:block}.llm-status-bar{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:8px;margin-bottom:4px;padding:8px 10px;display:flex}.llm-status-dot{background:#94a3b88c;border-radius:50%;flex-shrink:0;width:7px;height:7px}.llm-status-bar[data-source=byok] .llm-status-dot,.llm-status-bar[data-source=managed] .llm-status-dot,.llm-status-bar[data-source=ready] .llm-status-dot,.llm-status-bar[data-source=cloud] .llm-status-dot{background:#34d399;box-shadow:0 0 0 3px #34d39926}.llm-status-bar[data-source=none] .llm-status-dot{background:#fbbf24}.llm-status-bar[data-source=error] .llm-status-dot{background:#f87171;box-shadow:0 0 0 3px #f8717126}.llm-status-text{color:#ffffffc7;flex:1;min-width:0;font-size:11px;font-weight:500}.llm-status-meta{color:#6b7280cc;text-overflow:ellipsis;white-space:nowrap;max-width:42%;font-size:10px;overflow:hidden}.llm-preset-row{margin-top:2px}.llm-fields{flex-direction:column;gap:8px;margin-top:10px;display:flex}.llm-field{flex-direction:column;gap:4px;display:flex}.llm-field-label{letter-spacing:.04em;text-transform:uppercase;color:#6b7280b3;font-size:10px;font-weight:600}.llm-field-hint{text-transform:none;letter-spacing:0;color:#34d399d9;font-weight:500}.llm-input{box-sizing:border-box;color:#ffffffe0;background:#00000040;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.llm-input:focus{border-color:#34d39959}.llm-input::placeholder{color:#6b72808c;font-family:inherit}.llm-select{cursor:pointer;appearance:none;background-image:linear-gradient(45deg,#0000 50%,#ffffff73 50%),linear-gradient(135deg,#ffffff73 50%,#0000 50%);background-position:calc(100% - 14px) 55%,calc(100% - 9px) 55%;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:28px;font-family:inherit}.llm-tag-row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:2px}.llm-link-btn{color:#34d399d9;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-family:inherit;font-size:10px}.llm-link-btn:hover{text-decoration:underline}.llm-link-btn:disabled{opacity:.5;cursor:default;text-decoration:none}.llm-message{margin:8px 0 0;font-size:11px;line-height:1.4}.llm-message-ok{color:#34d399}.llm-message-err{color:#f87171}@media (width<=420px){.llm-mode-row{grid-template-columns:1fr}}.response-feel-grid-3{grid-template-columns:repeat(3,1fr)}.response-feel-grid-4{grid-template-columns:repeat(2,1fr)}.response-feel-custom{margin-bottom:4px}.response-feel-pack{margin-top:4px}.response-feel-actions{flex-wrap:wrap;align-items:center;gap:10px;margin:4px 0 8px;display:flex}.response-feel-danger-link{color:#f87171e6!important}@media (width<=420px){.response-feel-grid-3,.response-feel-grid-4{grid-template-columns:1fr}}.settings-extra-block{flex-direction:column;gap:8px;padding:0 14px 10px;display:flex}.settings-display-list{flex-direction:column;gap:6px;padding:0 14px 10px;display:flex}.settings-display-option{text-align:left;color:#ffffffd9;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;padding:10px 12px;font-size:12px}.settings-display-option-active{background:#34d3991a;border-color:#34d39959}.settings-display-label{display:block}.settings-url-chip{word-break:break-all;color:#ffffffbf;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;padding:8px 10px;font-size:10px;display:block}.settings-inline-code{color:#34d399e6;font-size:10px}.settings-extra-actions{flex-wrap:wrap;gap:6px;display:flex}.tray-icon-preview-row{align-items:center;gap:12px;display:flex}.settings-icon-block{border-top:1px solid #ffffff0f;margin-top:12px;padding-top:12px}.tray-icon-preview{object-fit:contain;background:#00000059;border:1px solid #ffffff1a;border-radius:10px;flex-shrink:0;width:44px;height:44px}.tray-icon-preview-empty{color:#fff6;justify-content:center;align-items:center;padding:0;font-size:9px;display:flex}.tray-upload-label{cursor:pointer;align-items:center;display:inline-flex}.accent-picker-row{flex-wrap:wrap;gap:8px;margin-bottom:4px;display:flex}.accent-swatch{color:#ffffffc7;cursor:pointer;font:inherit;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.accent-swatch-dot{background:var(--accent-swatch,var(--green));border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 1px #ffffff1f}.accent-swatch-label{font-size:11px;font-weight:600}.accent-swatch-active{border-color:rgba(var(--green-rgb), .55);background:rgba(var(--green-rgb), .12);color:#fffffff2}html[data-color-mode=light],html[data-color-mode=light] body,html[data-color-mode=light] #root{background:var(--bg);color:var(--text)}html[data-color-mode=light] .panel-shell,html[data-color-mode=light] .glass-panel,html[data-color-mode=light] .panel-main,html[data-color-mode=light] .wordmark,html[data-color-mode=light] .wordmark-lg,html[data-color-mode=light] .auth-gate-title,html[data-color-mode=light] .auth-gate-brand,html[data-color-mode=light] .manager-title,html[data-color-mode=light] .settings-row-label{color:var(--text)}html[data-color-mode=light] .setup-tagline,html[data-color-mode=light] .auth-gate-lede,html[data-color-mode=light] .auth-gate-footnote,html[data-color-mode=light] .settings-row-desc,html[data-color-mode=light] .manager-hint{color:var(--muted)}html[data-color-mode=light] .setup-select,html[data-color-mode=light] .setup-input,html[data-color-mode=light] .setup-textarea,html[data-color-mode=light] .account-input,html[data-color-mode=light] .llm-input{color:var(--text);background:#0f172a0a;border-color:#0f172a24}html[data-color-mode=light] .inapp-select-menu{background:#fff;border-color:#0f172a24;box-shadow:0 10px 28px #0f172a1f}html[data-color-mode=light] .inapp-select-option{color:var(--text)}html[data-color-mode=light] .inapp-select-option:hover,html[data-color-mode=light] .inapp-select-option:focus-visible{background:#0f172a0f}html[data-color-mode=light] .inapp-select-option.is-selected{color:#059669;background:#10b9811f}html[data-color-mode=light] .inapp-select-group-label{color:var(--muted)}html[data-color-mode=light] .inapp-confirm-dialog{background:#fff;border-color:#0f172a24}html[data-color-mode=light] .inapp-confirm-title{color:var(--text)}html[data-color-mode=light] .inapp-confirm-body{color:var(--muted)}html[data-color-mode=light] .inapp-confirm-btn{color:var(--text);background:#0f172a0a;border-color:#0f172a24}html[data-color-mode=light] .panel-header,html[data-color-mode=light] .panel-footer,html[data-color-mode=light] .footer-nav,html[data-color-mode=light] .settings-header,html[data-color-mode=light] .manager-header{border-color:var(--border);background:#ffffffb8}html[data-color-mode=light] .side-drawer{background:var(--surface);border-color:var(--border)}html[data-color-mode=light] .accent-swatch{color:var(--text);background:#0f172a08;border-color:#0f172a24}html[data-color-mode=light] .llm-mode-card{color:var(--text);background:#0f172a08;border-color:#0f172a1f}html[data-color-mode=light] .sotto-app-mobile{background:radial-gradient(circle at 50% -20%, #3fa6dc1f, transparent 34%), var(--bg);color:var(--text)}.setup-template-preview-btn{width:100%;color:inherit;cursor:pointer;text-align:left;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:12px;font-family:inherit;transition:all .15s;display:flex}.setup-template-preview-btn:hover{background:#ffffff14;border-color:#ffffff26}.setup-template-preview-btn:focus{outline:2px solid var(--green);outline-offset:-1px}.setup-template-preview-card{flex-direction:column;flex:1;gap:4px;display:flex}.setup-template-name{font-size:13px;font-weight:600;line-height:1.2}.setup-template-desc{color:#fff9;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:11px;line-height:1.3;display:-webkit-box;overflow:hidden}.setup-template-change{white-space:nowrap;color:var(--muted);background:#ffffff1a;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600;transition:all .15s}.setup-template-preview-btn:hover .setup-template-change{color:inherit;background:#ffffff26}html,body,#root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:0 0;width:100%;height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,system-ui,sans-serif;overflow:hidden}button,[role=button],.close-btn,.icon-btn,.copy-btn,.feed-action-btn,.feed-action-secondary,.listen-toggle-btn,.start-btn,.hamburger-btn,.footer-menu-btn,.footer-nav-btn,.phone-btn,.tree-session,.tree-project-row,.audio-routing-btn,.audio-routing-toggle,.audio-status-chip,.header-tool-btn,.header-surface-btn,.view-mode-trigger,.view-mode-option{touch-action:manipulation;-webkit-tap-highlight-color:transparent}#root:empty:before{content:"wisprline.";box-sizing:border-box;color:#ffffffe6;letter-spacing:-.03em;background:#0a0b10f5;border:1px solid #ffffff14;border-radius:16px;width:min(380px,100% - 24px);min-height:120px;padding:20px 18px;font:700 18px/1.2 -apple-system,BlinkMacSystemFont,system-ui,sans-serif;position:fixed;top:12px;left:12px;box-shadow:0 16px 64px #000000d9}.glass-panel,.panel-shell{background:var(--panel-bg,#0a0b10fa);border:1px solid var(--panel-border,#ffffff14);-webkit-backdrop-filter:none;color:#fff;-webkit-user-select:none;user-select:none;border-radius:16px;flex-direction:row;align-items:stretch;width:380px;height:100%;max-height:660px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 .5px #ffffff0a,0 12px 40px #000000bf;container:panel/inline-size}.panel-main{flex-direction:column;flex:auto;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.panel-shell-desktop .panel-main{min-width:400px}:root[data-ui-theme=glass] .panel-shell,:root[data-ui-theme=glass] .glass-panel,:root[data-ui-theme=soft] .panel-shell,:root[data-ui-theme=soft] .glass-panel,:root[data-ui-theme=clear] .panel-shell,:root[data-ui-theme=clear] .glass-panel{-webkit-backdrop-filter:blur(var(--panel-blur,28px)) saturate(180%)}.panel-shell-fill{width:100%;height:100%;max-height:none}.panel-shell-workspace{width:100%;max-width:100%;max-height:none}.panel-shell-desktop.panel-shell-workspace .panel-main{min-width:0}@media (width>=800px){.panel-shell-desktop.panel-shell-workspace .panel-main{min-width:720px}}.panel-shell-size-small{width:300px;max-height:520px}.panel-shell-size-medium{width:380px;max-height:640px}.panel-shell-size-large{width:480px;max-height:800px}:root,:root[data-ui-theme=solid]{--panel-bg:#0a0b10fa;--panel-border:#ffffff14;--panel-blur:0px}:root[data-ui-theme=glass]{--panel-bg:#0a0b10c7;--panel-border:#ffffff1f;--panel-blur:24px}:root[data-ui-theme=soft]{--panel-bg:#0a0b108c;--panel-border:#ffffff24;--panel-blur:28px}:root[data-ui-theme=clear]{--panel-bg:#0a0b1052;--panel-border:#ffffff2e;--panel-blur:32px}:root[data-ui-theme=midnight]{--panel-bg:#060a12f7;--panel-border:#508cb42e;--panel-blur:0px}.panel-drag-bar{z-index:30;cursor:grab;height:12px;position:absolute;top:0;left:0;right:40px}.panel-drag-bar:active{cursor:grabbing}.panel-header{cursor:grab;-webkit-user-select:none;user-select:none;border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;height:40px;padding:0 14px;display:flex}.panel-header:active{cursor:grabbing}.header-left{align-items:center;gap:8px;display:flex}.header-right{align-items:center;gap:6px;display:flex}.header-center{justify-content:center;align-items:center;min-width:0;display:flex}.panel-header-session{gap:6px;height:42px;padding:0 8px 0 10px}.panel-header-session .header-left{flex-shrink:0;gap:6px}.panel-header-session .header-right{flex-shrink:0;gap:4px;min-width:0}.panel-header-session .header-center{flex:1;justify-content:center}.panel-header-session .wordmark{font-size:13px}.panel-header-session .header-brand-mark{border-radius:4px;flex-shrink:0}@container panel (width<=420px){.panel-header-session .wordmark,.panel-header-session .header-brand-mark{display:none}.panel-header-session .listen-toggle-btn{padding:0 8px;font-size:11px}.panel-header-session .audio-header-warn-text{display:none}.panel-header-session .header-make-active-btn{text-overflow:ellipsis;white-space:nowrap;max-width:4.5rem;overflow:hidden}.panel-header-session .header-right{scrollbar-width:none;flex-shrink:1;gap:2px;min-width:0;overflow-x:auto}.panel-header-session .header-right::-webkit-scrollbar{display:none}}.header-tool-btn{color:#ffffff73;cursor:pointer;-webkit-app-region:no-drag;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:4px;min-width:24px;height:24px;padding:0 6px;transition:color .15s,background .15s,border-color .15s;display:inline-flex;position:relative}.header-tool-btn:hover{color:#ffffffd9;background:#ffffff12}.header-tool-btn-active{color:#34d399e6;background:#34d3991f;border-color:#34d39947}.audio-header-btn-standby{color:#34d399bf}.audio-header-btn-warn{color:#fcd34d;background:#fbbf241a;border-color:#fbbf2459}.audio-header-btn-warn:hover{color:#fde06e;background:#fbbf2429}.audio-header-warn-text{letter-spacing:.04em;text-transform:uppercase;font-size:9px;font-weight:700}.panel-header-session .context-header-btn{font-size:inherit;font-weight:inherit;color:#ffffff73;background:0 0;border:1px solid #0000;padding:0 6px}.panel-header-session .context-header-btn:hover{color:#ffffffd9;background:#ffffff12}.panel-header-session .context-header-btn-has-dot:after{width:5px;height:5px;top:3px;right:3px}.header-surface-toggle{-webkit-app-region:no-drag;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:1px;padding:2px;display:flex}.header-surface-btn{color:#ffffff59;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:24px;height:22px;padding:0;transition:color .15s,background .15s;display:flex}.header-surface-btn:hover{color:#ffffffbf;background:#ffffff0f}.header-surface-btn-active{color:#c4b5fd;background:#8b5cf62e}.header-surface-btn-active:hover{color:#d8cdff;background:#8b5cf638}.header-screenshots-btn.header-screenshots-btn-active{color:#a7f3d0;background:rgba(var(--green-strong-rgb), .18)}.header-screenshots-btn.header-screenshots-btn-active:hover{color:#a7f3d0;background:rgba(var(--green-strong-rgb), .26)}.panel-header-session .listen-toggle-btn{padding:4px 9px}.listen-toggle-btn{border:1px solid rgba(var(--green-strong-rgb), .35);background:rgba(var(--green-strong-rgb), .1);color:var(--green);cursor:pointer;white-space:nowrap;border-radius:99px;padding:4px 10px;font-size:10px;font-weight:600;transition:background .15s,border-color .15s}.listen-toggle-btn:hover{background:rgba(var(--green-strong-rgb), .18)}.listen-toggle-btn.listen-toggle-active{color:#fdd34d;background:#fbbf241a;border-color:#fbbf2459}.listen-toggle-btn.listen-toggle-active:hover{background:#fbbf242e}.wordmark{letter-spacing:-.01em;color:#ffffffeb;font-size:14px;font-weight:600}.header-session-meta{color:#ebf0f8b8;white-space:nowrap;text-overflow:ellipsis;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:6px;align-items:center;gap:6px;min-width:0;max-width:280px;margin-left:4px;padding:3px 8px;font-size:11px;font-weight:550;display:inline-flex;overflow:hidden}.header-session-meta-sep{opacity:.45}@media (width<=720px){.header-session-meta{display:none}}.sotto-chip{letter-spacing:.02em;border-radius:99px;padding:2px 8px;font-size:10px;font-weight:500;transition:all .2s}.chip-ready{color:#6b7280;background:#6b728026;border:1px solid #6b728033}.chip-paused{color:#fdd34d;background:#fbbf241a;border:1px solid #fbbf2438}.chip-listening{background:rgba(var(--green-strong-rgb), .12);color:var(--green);border:1px solid rgba(var(--green-strong-rgb), .25)}.chip-speaking{color:#60a5fa;background:#3b82f61f;border:1px solid #3b82f640}.chip-transcribing{color:#c084fc;background:#a855f71f;border:1px solid #a855f740}.chip-thinking{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b40}.chip-answering{color:#8b5cf6;background:#6366f11f;border:1px solid #6366f133}.sotto-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-flex;position:relative}.dot-ping{border-radius:50%;animation:1.4s cubic-bezier(0,0,.2,1) infinite ping;position:absolute;inset:0}.dot-idle{background:#4b5563}.dot-listening{background:rgb(var(--green-strong-rgb))}.dot-listening .dot-ping{background:var(--green)}.dot-speaking{background:#3b82f6}.dot-speaking .dot-ping{background:#60a5fa}.dot-transcribing{background:#a855f7}.dot-transcribing .dot-ping{background:#c084fc}.dot-thinking{background:#f59e0b}.dot-thinking .dot-ping{background:#fbbf24}.dot-answering{background:#fff}.close-btn{color:#9ca3af99;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:16px;line-height:1;transition:color .15s,background .15s;display:flex}.close-btn:hover{color:#fff;background:#ffffff14}.qcard-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.answer-label-row{flex-shrink:0;justify-content:space-between;align-items:center;padding:0 14px 8px;display:flex}.answer-bold{color:#fff;font-weight:600}.mic-active{color:var(--green)}.mic-idle{color:#374151}.sotto-label{letter-spacing:.1em;text-transform:uppercase;color:#6b7280cc;font-size:9px;font-weight:600}.question-wrap{flex-shrink:0;padding:6px 10px 2px}.question-card{background:#ffffff0a;border:1px solid #ffffff12;border-radius:12px;padding:10px 12px;animation:.2s ease-out both slide-up}.question-text{color:#f3f4f6e6;-webkit-line-clamp:3;-webkit-user-select:text;user-select:text;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.speaker-badge{border-radius:99px;padding:1px 7px;font-size:10px;font-weight:500}.badge-interviewer{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f62e}.badge-you{color:#a78bfa;background:#a78bfa1a;border:1px solid #a78bfa2e}.conv-log{will-change:scroll-position;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex-direction:column;flex:1;gap:10px;padding:6px 10px 10px;display:flex;overflow-y:auto;transform:none}.conv-log-empty{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex}.empty-hint-live{color:#60a5fa}.conv-live-preview{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:4px;width:100%;max-width:100%;padding:10px 12px;display:flex}.conv-live-label{letter-spacing:.08em;text-transform:uppercase;color:#6b7280e6;font-size:9px;font-weight:700}.conv-live-mic .conv-live-label{color:#60a5fa}.conv-live-speaker .conv-live-label{color:var(--green)}.conv-live-text{color:#f3f4f6e0;font-size:13px;line-height:1.45}.conv-live-row{background:#3b82f60f;border:1px dashed #3b82f633;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;margin-top:4px;padding:8px 10px;display:flex}.conv-live-status-text{color:#60a5fa;font-size:11px;font-weight:600}.conv-live-row-active{background:#3b82f60a;border-style:solid}.conv-entry{flex-direction:column;gap:6px;animation:.2s ease-out both slide-up;display:flex}.conv-entry-past{opacity:.55}.conv-entry-past:hover{opacity:.8;transition:opacity .15s}.conv-question{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;align-items:baseline;gap:7px;padding:7px 10px;display:flex}.conv-q-label{letter-spacing:.08em;color:#60a5fab3;text-transform:uppercase;flex-shrink:0;font-size:9px;font-weight:700}.conv-q-text{color:#f3f4f6bf;-webkit-user-select:text;user-select:text;font-size:12.5px;line-height:1.5}.conv-answer{padding:0 4px 0 8px}.conv-a-header{align-items:center;gap:6px;margin-bottom:4px;display:flex}.conv-a-label{letter-spacing:.08em;color:rgba(var(--green-strong-rgb), .7);text-transform:uppercase;font-size:9px;font-weight:700}.conv-a-content{flex-direction:column;gap:8px;display:flex}.conv-entry+.conv-entry{border-top:1px solid #ffffff0d;padding-top:10px}.conv-thinking-row{padding:4px 12px}.answer-content{flex-direction:column;gap:10px;display:flex}.answer-text{color:#ffffffde;white-space:pre-wrap;-webkit-user-select:text;user-select:text;margin:0;font-size:13.5px;line-height:1.7}.sotto-code-block{border:1px solid #ffffff0f;border-left:2px solid rgb(var(--green-strong-rgb));background:#00000073;border-radius:10px;position:relative;overflow:hidden}.sotto-code-block pre{color:#6ee7b7;white-space:pre;-webkit-user-select:text;user-select:text;margin:0;padding:10px 12px;font-family:SF Mono,Fira Code,Fira Mono,Cascadia Code,JetBrains Mono,monospace;font-size:12px;line-height:1.6;overflow-x:auto}.code-lang{letter-spacing:.08em;text-transform:uppercase;color:#6b7280b3;padding:6px 12px 0;font-family:SF Mono,monospace;font-size:9px;font-weight:600;display:block}.sotto-inline-code{color:#a7f3d0;background:#ffffff14;border-radius:4px;padding:1px 5px;font-family:SF Mono,Fira Code,monospace;font-size:12px}.copy-btn{color:#6b7280cc;cursor:pointer;background:0 0;border:1px solid #ffffff0f;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;transition:color .15s,background .15s,border-color .15s;display:flex}.copy-btn:hover{color:#fff;background:#ffffff12;border-color:#ffffff24}.copy-flash{color:var(--green);letter-spacing:.02em;white-space:nowrap;padding:0 2px;font-size:9px;font-weight:600}.thinking-cursor{vertical-align:text-bottom;background:#fff9;border-radius:1px;width:2px;height:14px;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}.empty-hint{color:#6b728080;text-align:center;box-sizing:border-box;max-width:100%;margin:0;padding:0 12px;font-size:12px;font-style:italic}.panel-footer{border-top:1px solid #ffffff0d;flex-shrink:0;justify-content:space-between;align-items:center;height:32px;padding:0 14px;display:flex}.panel-footer-session{justify-content:flex-end}.panel-footer-session .footer-hotkeys{flex-wrap:wrap;justify-content:flex-end}.footer-mic{align-items:center;transition:color .2s;display:flex}.footer-logo{letter-spacing:.08em;color:#4b556380;font-size:10px;font-weight:600}.footer-hotkeys{color:#4b556399;align-items:center;gap:4px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;font-size:10px;display:flex}.hotkey-sep{color:#4b556359}.hotkey-active{color:var(--green);font-weight:700}.qr-panel{border-top:1px solid #ffffff0d;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;padding:10px 14px 8px;animation:.18s ease-out both slide-up;display:flex}.qr-label{letter-spacing:.06em;text-transform:uppercase;color:#6b7280b3;margin:0;font-size:10px;font-weight:600}.qr-svg-wrap{background:#040404eb;border-radius:10px;justify-content:center;align-items:center;width:120px;height:120px;padding:6px;display:flex}.qr-svg-wrap svg{width:100%;height:100%}.qr-placeholder{color:#6b728099;background:#ffffff0d;border-radius:10px;justify-content:center;align-items:center;width:120px;height:120px;font-size:11px;display:flex}.qr-url{color:#6b728099;word-break:break-all;text-align:center;margin:0;font-family:SF Mono,monospace;font-size:9px}.phone-btn{cursor:pointer;color:#6b728099;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px 3px;transition:color .15s;display:flex}.phone-btn:hover{color:#fffc}.session-error-banner{color:#fdd34d;background:#fbbf2414;border:1px solid #fbbf2438;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;margin:0 10px 4px;padding:6px 10px;font-size:11px;display:flex}.session-error-dismiss{color:inherit;opacity:.6;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0 2px;font-size:11px;line-height:1}.session-error-dismiss:hover{opacity:1}.audio-error{color:#f87171;background:#ef44441a;border:1px solid #ef444440;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;margin:0 10px 4px;padding:6px 10px;font-size:11px;display:flex}.channel-status-banner{color:#93c5fd;white-space:pre-wrap;background:#3b82f614;border:1px solid #3b82f638;border-radius:8px;flex-shrink:0;align-items:flex-start;gap:6px;margin:0 10px 6px;padding:7px 10px;font-size:11px;line-height:1.35;display:flex}.channel-status-banner-alert{color:#fecaca;background:#ef44441f;border-color:#f8717173;font-weight:500}.channel-status-row{flex-wrap:wrap;flex-shrink:0;gap:6px;margin:0 10px 4px;display:flex}.channel-status-ok{color:rgba(var(--green-rgb), .85);background:rgba(var(--green-rgb), .08);border:1px solid rgba(var(--green-rgb), .18);border-radius:6px;margin:0;padding:4px 8px;font-size:10px}.channel-status-mic{color:#93c5fd;background:#3b82f614;border-color:#3b82f633}.channel-status-standby{color:#fdd34dd9;background:#fdd34d14;border-color:#fdd34d33}.channel-status-warn{color:#fb923cf2;background:#fb923c1a;border-color:#fb923c47}.audio-routing-panel{background:#00000040;border:1px solid #ffffff14;border-radius:10px;flex-shrink:0;margin:0 10px 8px;overflow:hidden}.audio-routing-panel-alert{border-color:#f8717173;box-shadow:0 0 0 1px #ef444426}.audio-routing-steps{color:#fecaca;background:#ef44441a;border:1px solid #f871714d;border-radius:8px;margin:0 0 10px;padding:8px 10px;font-size:11px;line-height:1.4}.audio-routing-steps-title{color:#fca5a5;margin:0 0 6px;font-weight:600}.audio-routing-steps ol{margin:0;padding-left:18px}.audio-routing-steps li{margin-bottom:4px}.audio-routing-toggle{color:#ffffffe0;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:8px 10px;font-size:11px;display:flex}.audio-routing-toggle-meta{color:#ffffff73;text-overflow:ellipsis;white-space:nowrap;max-width:45%;margin-left:auto;font-size:10px;overflow:hidden}.audio-routing-body{color:#ffffffbf;padding:0 10px 10px;font-size:11px;line-height:1.45}.audio-routing-active{background:#ffffff0a;border-radius:8px;flex-direction:column;gap:4px;margin-bottom:8px;padding:8px;display:flex}.audio-routing-ok{color:var(--green)}.audio-routing-warn{color:#fdd34d}.audio-routing-hint{color:#ffffff73;margin:0 0 8px;font-size:10px}.audio-routing-row{margin-bottom:8px}.audio-routing-label{color:#ffffff80;margin-bottom:4px;font-size:10px;display:block}.audio-routing-select{color:#fff;background:#00000059;border:1px solid #ffffff1f;border-radius:6px;width:100%;padding:6px 8px;font-size:11px}.audio-routing-columns{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;display:grid}.audio-routing-col-title{color:#ffffff73;text-transform:uppercase;letter-spacing:.04em;margin:0 0 4px;font-size:10px}.audio-device-list{max-height:100px;margin:0;padding:0;list-style:none;overflow-y:auto}.audio-device-list li{flex-wrap:wrap;align-items:center;gap:4px;padding:3px 0;font-size:10px;display:flex}.device-tag{color:#fff9;background:#6b728040;border-radius:4px;margin-left:6px;padding:1px 5px;font-size:9px}.device-tag-loop{color:#93c5fd;background:#3b82f633}.device-tag-active{background:rgba(var(--green-strong-rgb), .2);color:var(--green)}.device-default-out{color:#fdd34d}.audio-routing-actions{flex-wrap:wrap;gap:6px;display:flex}.audio-routing-btn{color:#fffc;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;padding:4px 8px;font-size:10px}.audio-routing-btn:hover{background:#ffffff1a}.audio-routing-error{color:#f87171;margin:6px 0 0;font-size:10px}.debug-panel{-webkit-user-select:text;user-select:text;-webkit-app-region:no-drag;cursor:text;background:#0000008c;border:1px solid #ffffff0f;border-radius:8px;flex-shrink:0;max-height:180px;margin:0 8px 4px;padding:6px 8px;font-family:SF Mono,Fira Code,monospace;font-size:10px;overflow-y:auto}.debug-panel-header{color:#ffffff59;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #ffffff0f;align-items:center;gap:6px;margin-bottom:4px;padding-bottom:4px;font-size:9px;display:flex}.debug-queue-depth{color:rgba(var(--green-rgb), .55);margin-left:auto}.debug-clear-btn{color:#ffffff40;cursor:pointer;-webkit-app-region:no-drag;background:0 0;border:none;padding:0 2px;font-size:9px}.debug-clear-btn:hover{color:#fff9}.debug-action-btn{color:#ffffff59;cursor:pointer;-webkit-app-region:no-drag;background:0 0;border:none;padding:0 2px;font-size:9px}.debug-action-btn:hover{color:#ffffffbf}.debug-log-path{color:#ffffff38;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-size:9px;overflow:hidden}.debug-line{gap:6px;padding:1px 0;line-height:1.4;display:flex}.debug-time{color:#fff3;flex-shrink:0}.debug-msg{color:#ffffff8c;word-break:break-all}.debug-ok .debug-msg{color:rgba(var(--green-rgb), .75)}.debug-warn .debug-msg{color:#fbbf24bf}.debug-empty{color:#fff3;font-size:10px}.debug-toggle-btn{cursor:pointer;color:#4b556366;background:0 0;border:none;padding:0 2px;font-size:8px;line-height:1}.debug-toggle-btn:hover{color:#4b5563cc}.debug-toggle-active{color:rgba(var(--green-rgb), .75)!important}.drawer-backdrop{z-index:40;background:#00000059;border-radius:16px;position:absolute;inset:0}.side-drawer{z-index:50;background:#0c0e14f7;border-right:1px solid #ffffff12;border-radius:16px 0 0 16px;flex-direction:column;width:min(220px,85%);transition:transform .2s;display:flex;position:absolute;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.side-drawer.drawer-open{transform:translate(0)}.side-drawer.side-drawer-docked{z-index:2;border-right:none;border-radius:16px 0 0 16px;flex:0 0 0;width:0;min-width:0;transition:flex-basis .2s,width .2s,min-width .2s;position:relative;top:auto;bottom:auto;left:auto;overflow:hidden;transform:none}.side-drawer.side-drawer-docked.drawer-open{border-right:1px solid #ffffff12;flex:0 0 220px;width:220px;min-width:220px;overflow-y:auto;transform:none}.panel-shell-drawer-open{padding-left:0}.panel-shell-desktop.panel-shell-drawer-open .panel-main{flex:auto;min-width:0}.drawer-header{border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 12px 10px;display:flex}.drawer-title{color:#ffffffb3;letter-spacing:.04em;font-size:12px;font-weight:600}.drawer-close{color:#ffffff59;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 5px;font-size:13px}.drawer-close:hover{color:#ffffffb3;background:#ffffff0f}.drawer-refreshing{color:#ffffff59;letter-spacing:.02em;padding:4px 12px 8px;font-size:10px}.drawer-loading,.drawer-empty{color:#ffffff4d;padding:16px 12px;font-size:12px}.drawer-tree{flex:1;padding:8px 0 16px}.tree-project{margin-bottom:4px}.tree-project-row{cursor:pointer;border-radius:6px;align-items:center;gap:5px;margin:0 4px;padding:6px 10px;display:flex}.tree-project-row:hover{background:#ffffff0d}.tree-chevron{color:#ffffff4d;flex-shrink:0;width:12px;font-size:10px}.tree-project-name{color:#fffc;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;font-weight:500;overflow:hidden}.tree-use-btn{background:rgba(var(--green-strong-rgb), .12);border:1px solid rgba(var(--green-strong-rgb), .25);color:rgb(var(--green-strong-rgb));cursor:pointer;opacity:0;border-radius:6px;padding:2px 7px;font-size:10px;font-weight:500;transition:opacity .15s}.tree-project-row:hover .tree-use-btn{opacity:1}.tree-sessions{flex-direction:column;gap:1px;padding:2px 0 6px 26px;display:flex}.tree-no-sessions{color:#fff3;padding:3px 0;font-size:11px}.tree-session{cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 6px 6px 4px;display:flex}.tree-session:hover{background:#ffffff0a}.tree-session-meta{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.tree-session-sub{color:#ffffff59;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.tree-session-actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:4px;min-width:56px;display:flex}.tree-session-delete{box-sizing:border-box;color:#fff6;cursor:pointer;opacity:.7;background:0 0;border:1px solid #0000;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:22px;min-width:22px;max-width:22px;height:22px;padding:0;font-size:14px;font-weight:500;line-height:1;transition:background .15s,color .15s,border-color .15s,opacity .15s;display:inline-flex}.tree-session:hover .tree-session-delete{opacity:1}.tree-session-delete:hover{color:#f87171;background:#ef44441f;border-color:#ef444459}.tree-session-delete-confirm{color:#fca5a5;opacity:1;background:#ef444438;border-color:#ef44448c;font-size:13px;font-weight:700}.tree-session-active{background:rgba(var(--green-rgb), .1);border:1px solid rgba(var(--green-rgb), .2)}.tree-session-active:hover{background:rgba(var(--green-rgb), .14)}.tree-session-live{letter-spacing:.06em;text-transform:uppercase;color:var(--green);background:rgba(var(--green-rgb), .12);border-radius:99px;flex-shrink:0;padding:1px 5px;font-size:8px;font-weight:700}.tree-session-icon{font-size:11px}.tree-session-type{color:#ffffff8c;text-transform:capitalize;font-size:11px}.tree-session-role{color:#ffffff4d;text-overflow:ellipsis;white-space:nowrap;max-width:60px;font-size:10px;overflow:hidden}.tree-session-date{color:#fff3;flex-shrink:0;margin-left:auto;font-size:10px}.hamburger-btn{color:#ffffffa6;cursor:pointer;background:0 0;border:none;border-radius:6px;margin-right:2px;padding:4px 6px;font-size:16px;line-height:1;transition:color .15s,background .15s}.hamburger-btn:hover{color:#fff;background:#ffffff1a}.footer-menu-btn{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:5px;flex-shrink:0;padding:3px 6px;font-size:14px;line-height:1;transition:color .15s,background .15s}.footer-menu-btn:hover{color:#fff;background:#ffffff1a}.resize-handle{pointer-events:auto;cursor:se-resize;z-index:50;background-image:repeating-linear-gradient(-45deg,#0000,#0000 1px,#4b55638c 1px 2px);background-position:right 4px bottom 4px;background-repeat:no-repeat;background-size:10px 10px;width:18px;height:18px;position:absolute;bottom:0;right:0}.audio-status-chip{display:none}.audio-routing-modal{flex-direction:column;width:100%;max-width:min(420px,100%);max-height:min(92%,720px);display:flex}.audio-routing-modal-body{flex:1;padding:0 14px 16px;overflow-y:auto}.audio-routing-overlay .session-context-panel{background:var(--panel-bg,#0a0b10f7)}.theme-picker-row{grid-template-columns:1fr 1fr;gap:8px;padding:0 14px 12px;display:grid}.theme-swatch .llm-mode-title{font-size:12px}.theme-swatch-solid{border-left:3px solid #0a0b10f2}.theme-swatch-glass{border-left:3px solid rgba(var(--green-rgb), .55)}.theme-swatch-soft{border-left:3px solid #94a3b8b3}.theme-swatch-clear{border-left:3px solid #ffffff73}.theme-swatch-midnight{border-left:3px solid #386ea0cc}.sotto-scrollbar::-webkit-scrollbar{width:3px}.sotto-scrollbar::-webkit-scrollbar-track{background:0 0}.sotto-scrollbar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px}.sotto-scrollbar::-webkit-scrollbar-thumb:hover{background:#fff3}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px}.header-center{flex:1;justify-content:center;padding:0 8px;display:flex;overflow:hidden}.session-badge{color:#ffffff73;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:500;overflow:hidden}.setup-screen{flex-direction:column;flex:1;gap:14px;padding:16px 14px 8px;display:flex;overflow-y:auto}.setup-loading{color:#6b728099;flex:1;justify-content:center;align-items:center;font-size:12px;display:flex}.setup-header{text-align:center;padding-bottom:4px}.wordmark-lg{letter-spacing:-.03em;color:#ffffffe6;font-size:22px;font-weight:700}.wordmark-dot{color:#5ad6ff}.setup-tagline{color:#6b7280b3;margin:2px 0 0;font-size:11px}.setup-section,.setup-field{flex-direction:column;gap:6px;display:flex}.setup-screen-compact{justify-content:center;align-items:center;gap:10px;padding-top:12px;padding-bottom:12px}.setup-screen-compact>.setup-card{gap:inherit;flex-direction:column;width:100%;max-width:420px;display:flex}@media (width<=480px){.setup-row{grid-template-columns:1fr}}.setup-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.setup-select{color:#ffffffde;box-sizing:border-box;cursor:pointer;appearance:none;background:#ffffff0d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 8px center no-repeat;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;padding:7px 26px 7px 8px;font-family:inherit;font-size:12px}.setup-select:focus{border-color:#34d39966}.setup-advanced-toggle{color:#6b7280bf;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;width:fit-content;padding:4px 0;font-family:inherit;font-size:11px;display:flex}.setup-advanced-toggle:hover{color:#ffffffa6}.setup-advanced-chevron{opacity:.7;font-size:10px}.setup-advanced-badge{color:#34d399;background:#34d3991f;border-radius:99px;padding:1px 6px;font-size:9px}.setup-advanced-panel{border-top:1px solid #ffffff0f;flex-direction:column;gap:10px;padding:10px 0 4px;display:flex}.setup-label{letter-spacing:.06em;text-transform:uppercase;color:#6b7280cc;font-size:10px;font-weight:600}.setup-optional{text-transform:none;letter-spacing:0;color:#6b728080;font-weight:400}.setup-input{color:#ffffffde;box-sizing:border-box;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;padding:7px 10px;font-family:inherit;font-size:12px;transition:border-color .15s}.setup-input:focus{border-color:#34d39966}.setup-input::placeholder{color:#6b728080}.setup-textarea{color:#ffffffe0;resize:vertical;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;width:100%;min-height:72px;padding:8px 10px;font-family:inherit;font-size:12px;line-height:1.45}.setup-textarea:focus{border-color:#34d39966;outline:none}.feed-log{background:#0b0e14;gap:12px;padding:14px 16px 20px}.feed-log.conv-log{background:#0b0e14}.feed-card{content-visibility:auto;contain-intrinsic-size:auto 140px;background:#ffffff08;border:1px solid #ffffff12;border-radius:12px;padding:12px 14px;animation:.2s ease-out fade-in;position:relative}.feed-card.feed-latest{background:#3ec7ff0d;border-color:#3ec7ff47}.feed-input.feed-mic{box-shadow:inset 3px 0 #3ec7ff8c}.feed-input.feed-system{box-shadow:inset 3px 0 #34d39980}.feed-input.feed-screen{box-shadow:inset 3px 0 #7dd3fc8c}.feed-input.feed-instruction{background:#fbbf240a;border-color:#fbbf2438;box-shadow:inset 3px 0 #fbbf24a6}.feed-answer{background:#0c121cb3;margin-left:10px;box-shadow:inset 3px 0 #3ec7ff59}.answer-text-streaming{white-space:pre-wrap;word-break:break-word}.feed-card-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.feed-channel{letter-spacing:.06em;text-transform:uppercase;color:#ffffff6b;font-size:10px;font-weight:700}.feed-answer-label{color:#5ad6ffe6}.feed-latest-pill{letter-spacing:.04em;text-transform:uppercase;color:#9fe4ff;background:#3ec7ff24;border:1px solid #3ec7ff40;border-radius:99px;margin-left:auto;padding:2px 7px;font-size:9px;font-weight:700}.feed-prompt-tag{color:#b8eaff;background:#3ec7ff1f;border-radius:99px;padding:2px 6px;font-size:9px}.feed-input-text{color:#f3f4f6eb;white-space:pre-wrap;font-size:13px;line-height:1.55}.feed-actions{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.feed-action-btn{color:#9fe4ff;cursor:pointer;background:#3ec7ff1a;border:1px solid #3ec7ff59;border-radius:8px;padding:5px 10px;font-size:11px;font-weight:600}.feed-action-btn:disabled{opacity:.4;cursor:not-allowed}.feed-action-secondary{color:#ffffff9e;background:#ffffff0a;border-color:#ffffff1f}.feed-thinking{padding:4px 0}.mic-action-bar{-webkit-app-region:no-drag;background:#3b82f60f;border:1px solid #3b82f626;border-radius:10px;flex-shrink:0;margin:0 8px 6px;padding:8px 10px}.mic-action-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.mic-action-label{letter-spacing:.08em;text-transform:uppercase;color:#60a5fabf;font-size:9px;font-weight:700}.mic-action-clear{color:#ffffff4d;cursor:pointer;background:0 0;border:none;font-size:11px}.mic-action-text{color:#ffffffa6;max-height:48px;margin:0 0 6px;font-size:11px;line-height:1.45;overflow-y:auto}.mic-action-note{color:#fbbf24d9;margin:0 0 6px;font-size:10px}.mic-action-row{gap:6px;display:flex}.mic-action-primary{color:var(--green);cursor:pointer;background:#10b9811f;border:1px solid #10b98159;border-radius:8px;flex:1;padding:6px 10px;font-size:11px;font-weight:600}.mic-action-primary:disabled{opacity:.45}.mic-action-tags{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.mic-action-tag{color:#ffffff73;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:99px;padding:3px 8px;font-size:9px;font-weight:600}.mic-action-tag:disabled{opacity:.4}.mic-action-hint{color:#ffffff38;margin:6px 0 0;font-size:9px;line-height:1.35}.setup-empty{align-items:center;gap:8px;display:flex}.setup-empty-block{background:#ffffff08;border:1px dashed #ffffff1a;border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.setup-empty-text{color:#6b7280a6;margin:0;font-size:11px;line-height:1.5}.setup-link-btn{cursor:pointer;color:#34d399;background:0 0;border:none;padding:0;font-family:inherit;font-size:11px}.setup-link-btn-lg{font-size:12px;font-weight:600}.setup-skip-hint{color:#6b728073;text-align:center;margin:-6px 0 0;font-size:10px;line-height:1.5}.backend-warn{color:#fbbf24;background:#fbbf2414;border:1px solid #fbbf2433;border-radius:8px;flex-wrap:wrap;align-items:center;gap:4px;padding:7px 10px;font-size:11px;display:flex}.backend-warn code{background:#0000004d;border-radius:4px;padding:1px 5px;font-family:SF Mono,monospace;font-size:10px}.project-list{flex-wrap:wrap;gap:6px;display:flex}.project-pill{cursor:pointer;color:#ffffffa6;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:99px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:500;transition:all .15s;display:flex}.project-pill:hover{color:#ffffffe0;background:#ffffff14}.project-pill-active{color:#34d399!important;background:#34d3991f!important;border-color:#34d39959!important}.project-pill-count{color:#fff6;background:#ffffff1a;border-radius:99px;padding:0 5px;font-size:9px}.project-pill-add{color:#6b728099;padding:2px 10px;font-size:14px;font-weight:400}.create-project-row{align-items:center;gap:6px;margin-top:4px;display:flex}.setup-btn-sm{color:#00140c;cursor:pointer;white-space:nowrap;background:#34d399;border:none;border-radius:7px;padding:6px 10px;font-family:inherit;font-size:11px;font-weight:600}.setup-btn-cancel{cursor:pointer;color:#6b728099;background:0 0;border:none;padding:4px 6px;font-family:inherit;font-size:13px}.setup-btn-cancel:hover{color:#ffffffb3}.session-type-grid{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.session-type-btn{cursor:pointer;color:#ffffff8c;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:7px 6px;font-family:inherit;font-size:10px;transition:all .15s;display:flex}.session-type-btn:hover{color:#ffffffd9;background:#ffffff12}.session-type-active{color:#34d399!important;background:#34d3991a!important;border-color:#34d3994d!important}.session-type-icon{font-size:16px}.start-btn{background:var(--green);width:100%;max-width:420px;color:var(--cta-ink,#061018);cursor:pointer;letter-spacing:-.01em;border:none;border-radius:10px;flex-shrink:0;align-self:center;margin-top:2px;margin-bottom:4px;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:700;transition:opacity .15s}.start-btn:hover{opacity:.88}.start-btn:disabled{opacity:.4;cursor:not-allowed}.setup-footer{background:#ffffff05;justify-content:space-between;align-items:center;gap:0;padding:0 10px}.manager-screen{flex-direction:column;flex:1;gap:10px;min-height:0;padding:12px 14px 10px;display:flex}.manager-header{flex-shrink:0;align-items:center;gap:10px;display:flex}.back-btn{cursor:pointer;color:#6b7280b3;background:0 0;border:none;padding:0;font-family:inherit;font-size:11px;transition:color .15s}.back-btn:hover{color:#fffc}.manager-title{color:#ffffffd9;font-size:13px;font-weight:600}.manager-hint{color:#6b728099;flex-shrink:0;margin:0;font-size:11px}.manager-tabs{flex-wrap:wrap;flex-shrink:0;gap:4px;display:flex}.manager-tab{cursor:pointer;color:#ffffff80;background:#ffffff08;border:1px solid #ffffff14;border-radius:99px;padding:3px 10px;font-family:inherit;font-size:11px;font-weight:500;transition:all .15s}.manager-tab:hover{color:#fffc;background:#ffffff12}.manager-tab-active{color:#34d399!important;background:#34d3991a!important;border-color:#34d3994d!important}.context-editor{box-sizing:border-box;color:#fffc;resize:none;background:#0000004d;border:1px solid #ffffff14;border-radius:10px;outline:none;flex:1;width:100%;min-height:0;padding:10px 12px;font-family:SF Mono,Fira Code,monospace;font-size:12px;line-height:1.6;transition:border-color .15s}.context-editor:focus{border-color:#34d3994d}.context-editor::placeholder{color:#6b728066}.save-btn{color:#34d399;cursor:pointer;background:#34d3991f;border:1px solid #34d39940;border-radius:8px;flex-shrink:0;padding:7px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s}.save-btn:hover{background:#34d39933}.save-btn:disabled{opacity:.5;cursor:default}.screen-ctx-active{color:#8b5cf6!important}.toggle-track{cursor:pointer;background:#ffffff1a;border:1px solid #ffffff1f;border-radius:99px;flex-shrink:0;width:32px;height:18px;padding:0;transition:background .2s,border-color .2s;position:relative}.toggle-track.toggle-on{background:#34d39940;border-color:#34d39973}.toggle-track.toggle-disabled{opacity:.35;cursor:not-allowed}.toggle-thumb{background:#9ca3afcc;border-radius:50%;width:12px;height:12px;transition:transform .2s,background .2s;position:absolute;top:2px;left:2px}.toggle-on .toggle-thumb{background:#34d399;transform:translate(14px)}.settings-panel{flex-direction:column;flex:1;gap:0;padding:12px 14px 14px;display:flex;overflow-y:auto}.settings-header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.settings-reset-btn{cursor:pointer;color:#6b728099;background:0 0;border:none;border-radius:5px;padding:2px 6px;font-family:inherit;font-size:10px;transition:color .15s}.settings-reset-btn:hover{color:#f87171}.settings-group{margin-bottom:14px}.settings-group-label{letter-spacing:.1em;text-transform:uppercase;color:#6b728099;margin:0 0 6px;font-size:9px;font-weight:700}.settings-row{border-bottom:1px solid #ffffff0a;align-items:center;gap:10px;padding:7px 0;display:flex}.settings-row:last-child{border-bottom:none}.settings-row-icon{text-align:center;flex-shrink:0;width:20px;font-size:14px}.settings-row-icon-svg{color:#9ca3afb3;justify-content:center;align-items:center;display:inline-flex}.settings-row-icon-svg svg{display:block}.settings-section-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;margin:0 12px 12px;padding:10px 12px}.settings-section-editing{background:#ffffff08;border-color:#ffffff1a}.settings-section-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.settings-section-head-text{flex:1;min-width:0}.settings-section-head .settings-group-label{margin:0 0 4px}.settings-section-summary{color:#9ca3afbf;font-size:11px;line-height:1.4}.settings-section-edit-btn{color:#ffffffb3;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:7px;flex-shrink:0;margin-top:1px;padding:4px 10px;font-family:inherit;font-size:11px;font-weight:500}.settings-section-edit-btn:hover{color:#ffffffe6;background:#ffffff14}.settings-section-body{border-top:1px solid #ffffff0d;margin-top:10px;padding-top:10px}.llm-model-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;min-height:22px;display:flex}.llm-model-toolbar .llm-field-label{margin:0}.llm-model-toolbar .llm-link-btn{flex-shrink:0;align-self:center;padding:2px 0}.llm-key-link{color:rgba(var(--green-rgb), .9);text-decoration:none}.llm-key-link:hover{text-decoration:underline}.settings-row-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.settings-row-label{color:#ffffffd1;font-size:12px;font-weight:500}.settings-row-desc{color:#6b7280a6;font-size:10px;line-height:1.4}.provider-row{flex-wrap:wrap;gap:6px;display:flex}.provider-btn{cursor:pointer;color:#ffffff8c;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;padding:5px 10px;font-family:inherit;font-size:11px;font-weight:500;transition:all .15s}.provider-btn:hover{color:#ffffffd9;background:#ffffff14}.provider-btn-active{color:#34d399!important;background:#34d3991f!important;border-color:#34d3994d!important}.feature-badges{align-items:center;gap:3px;display:flex}.feature-badge{color:#9ca3afa6;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.feature-badge svg{display:block}.footer-nav-group{flex-shrink:0;align-items:center;gap:4px;display:flex}.footer-nav-btn{color:#9ca3af99;cursor:pointer;background:0 0;border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:color .15s,background .15s;display:inline-flex}.footer-nav-btn:hover{color:#ffffffe6;background:#ffffff14}.footer-nav-btn svg{flex-shrink:0;display:block}.icon-btn{cursor:pointer;color:#6b728099;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;transition:color .15s,background .15s;display:flex}.icon-btn:hover{color:#fffc;background:#ffffff12}.feat-dot{opacity:.5;align-items:center;gap:3px;font-size:10px;display:inline-flex}.feat-screen{color:#9ca3afd9;opacity:.9}.sotto-reconnect-banner{justify-content:center;align-items:center;gap:6px;display:flex}.sotto-session-info-overlay{z-index:80;padding:max(56px, calc(48px + env(safe-area-inset-top))) max(12px, env(safe-area-inset-right)) 16px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#04060a73;justify-content:flex-end;align-items:flex-start;display:flex;position:fixed;inset:0}.sotto-session-info-panel{background:#12161f;border:1px solid #ffffff1f;border-radius:12px;width:min(340px,100vw - 24px);max-height:min(70vh,480px);padding:12px 14px 14px;overflow:auto;box-shadow:0 16px 40px #00000073}.sotto-session-info-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.sotto-session-info-title{letter-spacing:.04em;text-transform:uppercase;color:#ffffff8c;font-size:12px;font-weight:700}.sotto-session-info-close{appearance:none;color:#ffffff8c;cursor:pointer;background:0 0;border:none;border-radius:8px;width:28px;height:28px;font-size:14px;line-height:1}.sotto-session-info-close:hover{color:#ffffffe6;background:#ffffff14}.sotto-session-info-list{flex-direction:column;gap:10px;margin:0;display:flex}.sotto-session-info-list>div{grid-template-columns:96px 1fr;align-items:start;gap:8px;display:grid}.sotto-session-info-list dt{color:#fff6;margin:0;font-size:11px;font-weight:650}.sotto-session-info-list dd{color:#ebf0f8e0;word-break:break-word;font-variant-numeric:tabular-nums;margin:0;font-size:12px;line-height:1.4}.header-chrome-btn-active{color:#5ad6fff2!important;background:#3ec7ff1f!important}.sotto-build-stamp{left:max(8px, env(safe-area-inset-left));bottom:max(4px, env(safe-area-inset-bottom));z-index:5;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--muted,#a2a7b2);opacity:.32;-webkit-user-select:text;user-select:text;pointer-events:auto;margin:0;padding:0;font-size:10px;line-height:1.2;position:fixed}.panel-shell-desktop{position:relative}.panel-shell-desktop .window-hide-corner,.panel-shell-desktop .window-chrome-corner{z-index:40;-webkit-app-region:no-drag;align-items:center;gap:4px;display:inline-flex;position:absolute;top:8px;right:10px}.panel-shell-desktop .window-settings-btn{color:#ffffff8c;cursor:pointer;background:0 0;border:none;border-radius:8px;place-items:center;width:28px;height:28px;padding:0;display:grid}.panel-shell-desktop .window-settings-btn:hover{color:#ffffffe6;background:#ffffff14}.panel-shell-desktop .window-hide-btn{color:#ffffff8c;font-size:18px;font-weight:500;line-height:1}.panel-shell-desktop .window-hide-btn:hover{color:#f87171;background:#f871711f}.panel-shell-desktop .settings-header{padding-right:72px}.panel-shell-desktop .panel-header,.panel-shell-desktop .panel-header-session{padding-right:12px}.panel-shell-desktop .home-dash-header{padding-right:0}.panel-shell-desktop .setup-header{padding-right:72px}.header-home-btn{appearance:none;color:#ebf0f8d9;height:28px;font:inherit;cursor:pointer;-webkit-app-region:no-drag;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;margin:0;padding:0 8px;font-size:11px;font-weight:650;display:inline-flex}.header-home-btn:hover{color:#dff6ff;background:#3ec7ff1a;border-color:#3ec7ff4d}.header-right-chrome{-webkit-app-region:no-drag;align-items:center;gap:4px;display:inline-flex}.header-chrome-btn{color:#ffffff8c;place-items:center;width:28px;height:28px;padding:0;display:grid}.header-chrome-btn:hover{color:#ffffffe6;background:#ffffff14}.header-hide-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;font-size:18px;font-weight:500;line-height:1}.header-hide-btn:hover{color:#f87171;background:#f871711f}.workspace-live-pill-view{color:#ffffffa6;border-color:#ffffff29}.view-mode-menu{-webkit-app-region:no-drag;position:relative}.view-mode-trigger{color:#ffffff8c;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:7px;justify-content:center;align-items:center;gap:2px;height:24px;padding:0 5px 0 6px;transition:color .15s,background .15s,border-color .15s;display:inline-flex}.view-mode-trigger:hover,.view-mode-menu-open .view-mode-trigger{color:var(--green);background:rgba(var(--green-strong-rgb), .12);border-color:rgba(var(--green-strong-rgb), .28)}.view-mode-trigger-caret{opacity:.55;font-size:8px;line-height:1}.view-mode-popover{z-index:60;background:#0c0d12f7;border:1px solid #ffffff1a;border-radius:10px;min-width:168px;padding:4px;animation:.15s ease-out fade-in;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px #0000008c}.view-mode-option{color:#ffffffbf;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:7px;align-items:center;gap:8px;width:100%;padding:7px 8px;display:flex}.view-mode-option:hover{background:#ffffff0f}.view-mode-option-active{background:rgba(var(--green-strong-rgb), .12);color:#a7f3d0}.view-mode-option-icon{opacity:.85;flex-shrink:0;display:flex}.view-mode-option-copy{flex-direction:column;gap:1px;min-width:0;display:flex}.view-mode-option-label{font-size:12px;font-weight:600;line-height:1.2}.view-mode-option-hint{color:#ffffff59;font-size:10px;line-height:1.2}.view-mode-option-active .view-mode-option-hint{color:#a7f3d08c}.view-mode-switcher,.view-mode-btn{display:none}.overlay-dots{justify-content:center;align-items:center;gap:6px;padding:8px 0;display:flex}.overlay-dots span{background:#ffffff8c;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite overlay-dot-pulse}.overlay-dots span:nth-child(2){animation-delay:.15s}.overlay-dots span:nth-child(3){animation-delay:.3s}@keyframes overlay-dot-pulse{0%,80%,to{opacity:.25;transform:scale(.85)}40%{opacity:1;transform:scale(1.1)}}.parakeet-view{background:#0b0e14;flex-direction:column;flex:1;min-height:0;display:flex}.parakeet-strip{background:#0c0f16eb;border-bottom:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:8px;height:80px;padding:12px;display:flex;overflow:auto hidden}.parakeet-strip-empty{color:#ffffff59;white-space:nowrap;font-size:12px;font-style:italic}.parakeet-chip{color:#ffffffb3;cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;max-width:220px;padding:8px 12px;transition:border-color .15s,background .15s,color .15s,transform .15s;display:flex}.parakeet-chip:hover{color:#ffffffe6;background:#ffffff0f}.parakeet-chip-active{color:#d7f3ff;background:#3ec7ff1a;border-color:#3ec7ff59;transform:translateY(-1px)}.parakeet-chip-idx{opacity:.5;flex-shrink:0;font-size:10px;font-weight:700}.parakeet-chip-text{white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:1.35;overflow:hidden}.parakeet-pane{flex-direction:column;flex:1;min-height:0;padding:16px 14px 20px;display:flex;overflow-y:auto}.parakeet-live-bar{color:#a7f3d0e6;border-bottom:1px solid rgba(var(--green-strong-rgb), .15);background:rgba(var(--green-strong-rgb), .06);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;padding:8px 14px;font-size:11px;line-height:1.4;overflow:hidden}.parakeet-answer-block{animation:.22s ease-out fade-in}.parakeet-q-label{color:#ffffff73;white-space:pre-wrap;border-bottom:1px solid #ffffff0f;margin-bottom:12px;padding-bottom:10px;font-size:12px;line-height:1.45}.parakeet-q-label-btn{text-align:left;cursor:default;width:100%;font:inherit;color:inherit;background:0 0;border:none;border-bottom:1px solid #ffffff0f;margin:0 0 12px;padding:0 0 10px;display:block}.view-question-actions{margin:0 0 12px}.view-follow-latest-btn{color:rgba(var(--green-rgb), .85);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;margin-top:14px;padding:0;font-family:inherit;font-size:11px;text-decoration:underline}.view-follow-latest-btn:hover{color:#a7f3d0}.parakeet-answer-body .answer-text{font-size:14px;line-height:1.6}.overlay-minimal-view{background:radial-gradient(at 50% 100%,#10b9810f,#0000 55%),#0b0c11;flex:1;justify-content:center;align-items:flex-end;min-height:0;padding:16px;display:flex}.overlay-pill{-webkit-backdrop-filter:blur(12px);color:#fff;text-align:left;background:#0009;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:360px;margin:0;padding:14px 16px 16px;transition:border-color .15s,box-shadow .15s;animation:.25s ease-out fade-in;position:relative;box-shadow:0 8px 32px #00000073}.overlay-pill-copied{border-color:#10b98173}.overlay-pill-toolbar{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.overlay-pill-nav{align-items:center;gap:6px;display:inline-flex}.overlay-nav-btn{color:#ffffffbf;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:16px;line-height:1;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.overlay-nav-btn:hover:not(:disabled){color:#a7f3d0;background:#10b9811f;border-color:#10b98159}.overlay-nav-btn:disabled{opacity:.3;cursor:not-allowed}.overlay-pill-pos{letter-spacing:.04em;color:#ffffff73;font-variant-numeric:tabular-nums;text-align:center;min-width:40px;font-size:11px;font-weight:600}.overlay-copy-btn{color:#ffffffb3;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:6px;height:24px;padding:0 8px;font-family:inherit;font-size:11px;font-weight:600;transition:background .15s,border-color .15s,color .15s}.overlay-copy-btn:hover:not(:disabled){color:#a7f3d0;background:#10b9811f;border-color:#10b98159}.overlay-copy-btn:disabled{opacity:.35;cursor:not-allowed}.overlay-pill-text{color:#fff;-webkit-line-clamp:3;white-space:pre-wrap;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.5;display:-webkit-box;position:relative;overflow:hidden}.overlay-pill-placeholder{color:#fff6;margin:0;font-size:12px;font-style:italic}.overlay-pill-live{color:#a7f3d0e6;margin:0 0 8px;font-size:11px;line-height:1.35}.overlay-pill-q{color:#ffffff73;margin:0 0 8px;font-size:11px;line-height:1.35}.overlay-pill-answer .answer-text{-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.overlay-pill-answer .answer-text-streaming{-webkit-line-clamp:4}.overlay-copied-flash{letter-spacing:.04em;text-transform:uppercase;color:#34d399;font-size:10px;font-weight:700;animation:.15s ease-out fade-in;position:absolute;top:8px;right:10px}.split-view{background:#0b0e14;flex-direction:column;flex:1;min-height:0;display:flex}.split-view-header{background:#0c0f16eb;border-bottom:1px solid #ffffff0f;flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:8px 12px;display:flex}.split-view-hint{letter-spacing:.06em;text-transform:uppercase;color:#ffffff59;font-size:10px;font-weight:650}.split-view-body{flex:1;min-height:0;display:flex}.split-pane{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.split-pane-label{letter-spacing:.06em;text-transform:uppercase;color:#ffffff61;flex-shrink:0;padding:8px 12px 4px;font-size:10px;font-weight:700}.split-pane-scroll{flex:1;min-height:0;padding:4px 10px 14px;overflow-y:auto}.split-divider{background:#ffffff12;flex-shrink:0;width:1px}.split-stt-row{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:0 0;border:1px solid #0000;border-radius:10px;flex-wrap:wrap;align-items:flex-start;gap:8px;margin:0 0 6px;padding:10px;transition:background .15s,border-color .15s;display:flex}.split-stt-row:hover{background:#ffffff08}.split-stt-row.active{background:#3ec7ff12;border-color:#3ec7ff38}.split-stt-row.has-answer:not(.active){border-color:#ffffff0a}.split-stt-row.live{cursor:default;background:#34d3990d;border-style:dashed;border-color:#34d39940}.split-transcript-channel{letter-spacing:.06em;text-transform:uppercase;color:#ffffff59;width:100%;margin-bottom:2px;font-size:9px;font-weight:700;display:block}.split-transcript-text{color:#f3f4f6e0;white-space:pre-wrap;flex:1;min-width:0;margin:0;font-size:12px;line-height:1.5}.split-response-block{cursor:pointer;background:#ffffff08;border:1px solid #ffffff12;border-radius:12px;margin:0 0 12px;padding:12px;animation:.2s ease-out fade-in}.split-response-block.active{background:#3ec7ff0d;border-color:#3ec7ff47}.split-response-block.streaming{border-color:#3ec7ff59}.split-response-q{border-bottom:1px solid #ffffff0f;margin-bottom:10px;padding-bottom:10px}.split-response-q p{color:#ffffff8c;white-space:pre-wrap;margin:0;font-size:12px;line-height:1.45}.split-response-a{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.split-response-a .feed-answer-label{margin-bottom:6px}.split-answer-body{width:100%}.split-response-pending{justify-content:center;padding:16px 8px;display:flex}.split-transcript,.split-answer{flex:1;min-width:0;padding:10px 12px 14px;overflow-y:auto}.split-transcript-row{padding:4px 0;animation:.2s ease-out fade-in}.split-transcript-btn{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:0 0;border:1px solid #0000;border-radius:10px;flex-wrap:wrap;align-items:flex-start;gap:8px;margin:0;padding:10px;transition:background .15s,border-color .15s;display:flex}.split-transcript-btn:hover{background:#ffffff08}.split-transcript-row-active{background:#3ec7ff12;border-color:#3ec7ff38}.split-transcript-live .split-transcript-text{color:#a7f3d0e6;font-style:italic}.split-answer-q{color:#ffffff73;white-space:pre-wrap;margin:0 0 10px;font-size:11px;line-height:1.45}.split-answer-card{animation:.22s ease-out fade-in}.split-answer-body .answer-text{font-size:13px;line-height:1.55}.presentation-view{background:#0b0c11;flex-direction:column;flex:1;min-height:0;padding:12px 14px 14px;display:flex}.presentation-view-empty{justify-content:center;align-items:center}.presentation-live-bar{color:#a7f3d0e6;border:1px solid rgba(var(--green-strong-rgb), .15);background:rgba(var(--green-strong-rgb), .06);white-space:nowrap;text-overflow:ellipsis;border-radius:8px;flex-shrink:0;margin-bottom:10px;padding:8px 12px;font-size:11px;line-height:1.4;overflow:hidden}.presentation-card{background:linear-gradient(165deg,#ffffff0a,#0000 40%),#ffffff05;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;flex:1;gap:16px;min-height:0;padding:18px 16px;animation:.25s ease-out fade-in;display:flex;overflow-y:auto}.presentation-chip-strip{flex-shrink:0;align-items:center;gap:6px;margin-bottom:10px;padding-bottom:2px;display:flex;overflow-x:auto}.presentation-chip{color:#ffffffa6;cursor:pointer;text-align:left;max-width:180px;font:inherit;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.presentation-chip:hover{color:#ffffffe6;background:#ffffff12}.presentation-chip-active{color:#a7f3d0;background:#10b9811f;border-color:#10b98166}.presentation-chip-idx{opacity:.55;font-size:10px;font-weight:700}.presentation-chip-text{white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:1.3;overflow:hidden}.presentation-question{color:#ffffff80;white-space:pre-wrap;margin:0;font-size:15px;line-height:1.5}.presentation-question-btn{text-align:left;cursor:default;width:100%;font:inherit;color:inherit;background:0 0;border:none;padding:0;display:block}.presentation-answer{color:#fffffff2;font-size:22px;line-height:1.45}.presentation-answer .answer-text{margin:0 0 10px;font-size:22px;line-height:1.45}.presentation-answer-pending{color:#ffffff59;margin:0;font-size:16px;font-style:italic}.presentation-nav{flex-shrink:0;justify-content:center;align-items:center;gap:16px;padding-top:12px;display:flex}.presentation-nav-btn{color:#ffffffbf;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;width:36px;height:36px;font-size:16px;transition:background .15s,border-color .15s,color .15s}.presentation-nav-btn:hover:not(:disabled){color:#a7f3d0;background:#10b9811f;border-color:#10b98159}.presentation-nav-btn:disabled{opacity:.3;cursor:not-allowed}.presentation-pos{letter-spacing:.04em;color:#ffffff73;text-align:center;font-variant-numeric:tabular-nums;min-width:48px;font-size:12px;font-weight:600}.workspace-view{background:#0b0e14;flex-direction:column;flex:1;min-height:0;display:flex}.workspace-body{flex:1;gap:0;min-height:0;display:flex}.workspace-main{border-right:1px solid #ffffff12;flex-direction:column;flex:auto;min-width:280px;min-height:0;display:flex;overflow:hidden}.workspace-tabs{border-bottom:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:4px;padding:10px 14px 0;display:flex}.workspace-tab{appearance:none;color:#ffffff73;font:inherit;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 12px 10px;font-size:13px;font-weight:600}.workspace-tab-active{color:#e8eef8;border-bottom-color:#3ec7ff}.workspace-tabs-meta{align-items:center;gap:10px;margin-left:auto;padding-bottom:8px;display:flex}.workspace-session-meta{color:#ffffff61;text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:11px;overflow:hidden}.workspace-transcript,.workspace-notes{-webkit-overflow-scrolling:touch;flex:auto;min-height:0;padding:12px 14px 16px;overflow-y:auto}.workspace-turn{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:0 0;border:1px solid #0000;border-radius:10px;gap:10px;margin:0 0 8px;padding:10px;transition:background .15s,border-color .15s;display:flex}.workspace-turn:hover{background:#ffffff08}.workspace-turn-active{background:#3ec7ff12;border-color:#3ec7ff38}.workspace-turn-live{cursor:default}.workspace-avatar{letter-spacing:.02em;color:#cfe9ff;background:#3ec7ff24;border:1px solid #3ec7ff33;border-radius:999px;flex:none;place-items:center;width:32px;height:32px;font-size:10px;font-weight:700;display:grid}.workspace-turn-body{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.workspace-turn-head{align-items:center;gap:8px;display:flex}.workspace-speaker{color:#ffffffe0;font-size:12px;font-weight:650}.workspace-speaking-badge{letter-spacing:.04em;text-transform:uppercase;color:#34d399;background:#34d3991f;border:1px solid #34d39947;border-radius:999px;padding:1px 7px;font-size:10px;font-weight:700}.workspace-instruction-tag{letter-spacing:.04em;text-transform:uppercase;color:#fbbf24;background:#fbbf241f;border:1px solid #fbbf2447;border-radius:999px;padding:1px 7px;font-size:10px;font-weight:700}.workspace-time{color:#ffffff52;margin-left:auto;font-size:10px}.workspace-turn-text{color:#ebf0f8e6;white-space:pre-wrap;font-size:13px;line-height:1.5}.workspace-transcript-footer{color:#ffffff59;border-top:1px solid #ffffff0d;flex-shrink:0;justify-content:space-between;align-items:center;padding:6px 14px 8px;font-size:11px;display:flex}.workspace-autoscroll{align-items:center;gap:6px;display:inline-flex}.workspace-dot{background:#34d399;border-radius:999px;width:6px;height:6px;box-shadow:0 0 8px #34d3998c}.workspace-note-card{background:#ffffff06;border:1px solid #ffffff12;border-radius:10px;margin-bottom:14px;padding:12px}.workspace-note-card h4{letter-spacing:.04em;text-transform:uppercase;color:#fff6;margin:0 0 6px;font-size:11px;font-weight:700}.workspace-note-q{color:#ffffff8c;white-space:pre-wrap;margin:0 0 10px;font-size:12px}.workspace-note-a .answer-text{font-size:13px}.workspace-copilot{background:#0c0f16eb;flex-direction:column;flex:0 0 400px;gap:12px;min-width:280px;max-width:none;padding:14px 14px 12px;display:flex;overflow-y:auto}.copilot-resize-handle{cursor:col-resize;touch-action:none;background:0 0;flex:0 0 5px;position:relative}.copilot-resize-handle:after{content:"";background:#ffffff14;border-radius:2px;transition:background .15s;position:absolute;inset:8px 1px}.copilot-resize-handle:hover:after,.copilot-resize-handle:active:after{background:#3ec7ff73}.workspace-copilot-head{justify-content:space-between;align-items:center;display:flex}.workspace-status-dot{background:#ffffff40;border-radius:99px;flex-shrink:0;width:8px;height:8px}.workspace-status-dot.status-listening,.workspace-status-dot.status-speaking{background:#34d399}.workspace-status-dot.status-thinking,.workspace-status-dot.status-answering{background:#5ad6ff}.workspace-status-dot.status-paused{background:#fbbf24}.workspace-copilot-title{color:#ffffffe6;font-size:13px;font-weight:700}.workspace-copilot-label{letter-spacing:.06em;text-transform:uppercase;color:#ffffff61;margin-bottom:6px;font-size:10px;font-weight:700;display:block}.workspace-copilot-q,.workspace-copilot-answer,.workspace-key-points{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;padding:12px}.workspace-copilot-q p{color:#e6ecf5eb;white-space:pre-wrap;margin:0 0 10px;font-size:13px;line-height:1.45}.workspace-copilot-md .answer-text{font-size:13px;line-height:1.5}.workspace-key-points ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.workspace-key-points li{color:#e6ecf5e0;gap:8px;font-size:12px;line-height:1.4;display:flex}.workspace-check{color:#34d399;flex-shrink:0;font-weight:700}.workspace-copilot-actions{flex-wrap:wrap;gap:6px;display:flex}.workspace-copilot-empty{margin:24px 8px}.workspace-screen-ref{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 10px;display:flex}.workspace-screen-thumb-btn{appearance:none;color:#dce6f5e6;cursor:pointer;font:inherit;background:#00000040;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:10px;padding:6px 10px 6px 6px;font-size:11px;font-weight:600;display:inline-flex}.workspace-screen-thumb-btn:hover{background:#3ec7ff14;border-color:#3ec7ff59}.workspace-screen-thumb{object-fit:cover;border-radius:6px;width:56px;height:40px;display:block}.workspace-dock{display:none}.session-dock-stack{z-index:30;flex-direction:column;flex-shrink:0;display:flex;overflow:visible}.session-dock{-webkit-app-region:no-drag;background:#080a10f7;border-top:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex;position:relative;overflow:visible}.session-instruction-dock{z-index:25;background:#0a0c12fa;border-top:1px solid #ffffff14;flex-shrink:0;padding:0}.session-instruction-dock .session-instruction-composer{background:0 0;border-top:none;padding:8px 10px}.session-dock .session-instruction-composer,.session-instruction-dock .session-instruction-collapsed{min-height:40px}.session-dock-left,.session-dock-right{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.session-dock-media-expanded{align-items:center;gap:6px;min-width:0;display:inline-flex}.session-dock-capture-menu{display:none;position:relative}.session-dock-capture-trigger{position:relative}.session-dock-capture-dot{background:#55c9ff;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 2px #55c9ff33}.session-dock-capture-popover .session-audio-option-title{align-items:center;gap:8px;display:inline-flex}.session-dock-capture-popover{left:0;right:auto}.session-dock-right{justify-content:flex-end;margin-left:auto}.session-dock-mic{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;align-items:stretch;gap:0;min-width:0;display:inline-flex;overflow:hidden}.session-dock-mic.on{background:#3ec7ff1f;border-color:#3ec7ff59}.session-dock-mic .session-dock-mic-toggle,.session-dock-mic .session-dock-mic-select{background:0 0;border:none;border-radius:0;min-height:32px}.session-dock-mic .session-dock-mic-toggle{padding-right:6px}.session-dock-mic .session-dock-mic-toggle.on{color:#d7f3ff;background:0 0;border:none}.session-dock-mic .session-dock-mic-select{opacity:.85;border-left:1px solid #ffffff1a;padding:7px 8px}.session-dock-mic.on .session-dock-mic-select{color:#d7f3ff;border-left-color:#3ec7ff47}.session-dock-mic .session-dock-mic-select:hover:not(:disabled){background:#ffffff0f}.session-dock-btn,.session-dock-chip,.session-dock-end{appearance:none;color:#ebf0f8e0;font:inherit;cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;min-height:32px;padding:7px 10px;font-size:11px;font-weight:600;display:inline-flex}.session-dock-btn.on{color:#d7f3ff;background:#3ec7ff1f;border-color:#3ec7ff59}.session-dock-btn:disabled,.session-dock-chip:disabled{opacity:.45;cursor:not-allowed}.session-dock-mic-name{text-overflow:ellipsis;opacity:.75;max-width:110px;font-weight:500;overflow:hidden}.session-dock-layout{align-items:center;gap:6px;display:inline-flex}.session-dock-layout-label{display:none}.session-dock-end{color:#fca5a5;background:0 0;border-color:#f8717173}.session-dock-end:hover{background:#f871711a}.session-dock-primary{appearance:none;color:#dff6ff;font:inherit;cursor:pointer;white-space:nowrap;background:#3ec7ff24;border:1px solid #3ec7ff66;border-radius:8px;align-items:center;gap:6px;min-height:32px;padding:7px 12px;font-size:11px;font-weight:700;display:inline-flex}.session-dock-primary:disabled{opacity:.45;cursor:not-allowed}.session-dock-primary-live{color:#bbf7d0;background:#34d39924;border-color:#34d39973}.view-mode-menu-dock .view-mode-trigger{border-radius:8px;gap:6px;height:auto;min-height:32px;padding:7px 10px}.view-mode-menu-dock .view-mode-popover{min-width:200px;inset:auto auto calc(100% + 6px) 0}.session-audio-menu{position:relative}.session-audio-popover{z-index:70;background:#0c0d12fa;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:6px;width:min(320px,100vw - 24px);padding:10px;display:flex;position:absolute;bottom:calc(100% + 6px);right:0;box-shadow:0 -12px 32px #0000008c}.session-qr-menu{position:relative}.session-qr-popover{z-index:70;background:#0c0d12fa;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:stretch;gap:8px;width:min(280px,100vw - 24px);max-height:min(70vh,520px);padding:12px;display:flex;position:absolute;bottom:calc(100% + 6px);left:auto;right:0;overflow-y:auto;box-shadow:0 -12px 32px #0000008c}.session-qr-popover-wide{width:min(320px,100vw - 24px)}.session-qr-remote-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.session-qr-source-row{flex-wrap:wrap;gap:6px;display:flex}.session-qr-source-btn{appearance:none;color:#ffffffa6;min-width:64px;font:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:8px;flex:auto;padding:6px 8px;font-size:11px;font-weight:600}.session-qr-source-btn.active{color:#b4e6fff2;background:#3ec7ff1f;border-color:#3ec7ff66}.session-qr-tunnel-input{box-sizing:border-box;color:#ebf0f8eb;width:100%;font:inherit;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:8px;outline:none;padding:8px 10px;font-family:SF Mono,ui-monospace,monospace;font-size:11px}.session-qr-tunnel-input:focus{border-color:#3ec7ff66}.session-qr-copy-secondary{flex:none;color:#dce4f0d9!important;background:#ffffff0f!important;border-color:#ffffff24!important}.session-qr-svg{align-self:center;width:148px;height:148px}.session-qr-url{color:#dce4f0c7;word-break:break-all;-webkit-user-select:text;user-select:text;cursor:text;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;margin:0;padding:8px 10px;font-family:SF Mono,ui-monospace,monospace;font-size:10px;line-height:1.35;display:block}.session-qr-hint{color:#ffffff73;text-align:center;margin:0;font-size:11px;line-height:1.4}.session-qr-actions{gap:6px;display:flex}.session-qr-copy{appearance:none;color:#b4e6fff2;font:inherit;cursor:pointer;background:#55c9ff1f;border:1px solid #ffffff24;border-radius:8px;flex:1;padding:8px 10px;font-size:12px;font-weight:600}.session-qr-copy:hover:not(:disabled){background:#55c9ff2e}.session-qr-copy:disabled{opacity:.45;cursor:default}.session-audio-intro{color:#ffffff80;margin:0 0 4px;font-size:11px;line-height:1.4}.session-audio-row{color:#ebf0f8e0;justify-content:space-between;align-items:center;gap:10px;padding:4px 2px;font-size:12px;display:flex}.session-audio-row span{align-items:center;gap:6px;display:inline-flex}.session-dock-mini-toggle{appearance:none;color:#ffffffb3;font:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;min-width:58px;padding:3px 10px;font-size:11px;font-weight:600}.session-dock-mini-toggle.on{color:#86efac;background:#34d3991f;border-color:#34d39966}.session-audio-divider{background:#ffffff14;height:1px;margin:4px 0}.session-audio-section-label{letter-spacing:.06em;text-transform:uppercase;color:#fff6;margin:0;font-size:10px;font-weight:700}.session-audio-option{appearance:none;text-align:left;width:100%;color:inherit;cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;align-items:flex-start;gap:2px;padding:8px;display:flex}.session-audio-option:hover{background:#ffffff0a}.session-audio-option.active{background:#3ec7ff14;border-color:#3ec7ff4d}.session-audio-option-title{color:#ebf0f8f2;font-size:12px;font-weight:650}.session-audio-option-hint{color:#ffffff73;font-size:11px;line-height:1.35}.session-audio-link{appearance:none;color:#7dd3fc;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 8px;font-size:12px}.session-audio-link:hover{background:#7dd3fc14}@media (width<=820px){.session-dock-btn-label,.session-dock-layout-label,.view-mode-dock-label,.session-dock-mic-name{display:none}.session-dock-btn,.session-dock-chip,.session-dock-end,.view-mode-menu-dock .view-mode-trigger{justify-content:center;min-width:32px;padding:7px 8px}.session-dock{flex-wrap:nowrap;gap:6px}.session-dock-left,.session-dock-right{flex-wrap:nowrap;gap:4px}.session-dock-media-expanded{display:none}.session-dock-capture-menu{display:inline-flex}.session-audio-popover,.session-qr-popover,.session-dock-capture-popover,.view-mode-menu-dock .view-mode-popover{left:max(12px, env(safe-area-inset-left,0px));right:max(12px, env(safe-area-inset-right,0px));bottom:max(72px, calc(56px + env(safe-area-inset-bottom,0px)));z-index:90;width:auto;max-width:none;position:fixed}}.workspace-dock-left,.workspace-dock-right{flex-wrap:wrap;flex:200px;align-items:center;gap:8px;min-width:0;display:flex}.workspace-dock-right{justify-content:flex-end}.workspace-dock-center{flex:none;order:0}.workspace-dock-chip,.workspace-dock-toggle{appearance:none;color:#ebf0f8d9;font:inherit;cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;padding:7px 10px;font-size:11px}.workspace-dock-toggle.on{color:#d7f3ff;background:#3ec7ff1a;border-color:#3ec7ff59}.workspace-dock-chip:disabled,.workspace-dock-toggle:disabled,.workspace-ptt:disabled{opacity:.45;cursor:not-allowed}.workspace-ptt{appearance:none;color:#eaf7ff;cursor:pointer;min-width:180px;font:inherit;background:linear-gradient(#3ec7ff29,#3ec7ff0f);border:1px solid #3ec7ff73;border-radius:12px;padding:10px 18px;box-shadow:0 0 0 1px #3ec7ff14,0 8px 24px #00000059}.workspace-ptt-live{background:linear-gradient(#34d3992e,#34d3990f);border-color:#34d39980}.workspace-ptt-title{font-size:13px;font-weight:700;display:block}.workspace-ptt-hint{color:#ffffff80;margin-top:2px;font-size:10px;display:block}.workspace-privacy{color:#86efac;white-space:nowrap;font-size:11px}.workspace-privacy-soft{color:#fff6}.workspace-end-btn{appearance:none;color:#fca5a5;font:inherit;cursor:pointer;background:0 0;border:1px solid #f8717173;border-radius:8px;padding:7px 12px;font-size:12px;font-weight:600}.workspace-end-btn:hover{background:#f871711a}.workspace-live-pill{color:#ffffffb3;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.workspace-live-pill-on{color:#dff6ff;background:#3ec7ff1a;border-color:#3ec7ff59}.workspace-live-dot{background:#ffffff59;border-radius:999px;width:7px;height:7px}.workspace-live-pill-on .workspace-live-dot{background:#34d399;animation:1.4s ease-in-out infinite workspace-pulse;box-shadow:0 0 10px #34d399b3}@keyframes workspace-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}@media (width<=900px){.workspace-body{flex-direction:column}.workspace-main{border-bottom:1px solid #ffffff12;border-right:none;max-height:55%}.workspace-copilot{flex:1;min-width:0;max-width:none;width:auto!important}.copilot-resize-handle{display:none}.capture-body{flex-direction:column}.capture-sidebar{border-bottom:1px solid #ffffff12;border-right:none;flex:none;max-height:34%}.capture-workspace,.capture-workspace-compact{flex-direction:column}.capture-workspace-compact .capture-sidebar,.capture-workspace .capture-sidebar{border-bottom:1px solid #ffffff12;border-right:none;flex:0 0 33vh;width:100%;min-width:0;max-width:none;min-height:140px;max-height:33vh}.capture-workspace-compact .workspace-copilot,.capture-workspace .workspace-copilot{flex:auto;min-width:0;max-width:none;min-height:0;width:auto!important}.capture-workspace-compact .capture-sidebar-head{padding:8px 10px 4px}.capture-workspace-compact .capture-sidebar-footer{padding:6px 10px 8px}.capture-workspace-compact .capture-list{scroll-snap-type:x proximity;flex-wrap:nowrap;align-content:stretch;padding:2px 10px 8px;overflow:auto hidden}.capture-workspace-compact .capture-thumb-row{width:112px}}.capture-body{gap:0}.capture-sidebar{background:#080a10e6;border-right:1px solid #ffffff12;flex-direction:column;flex:0 0 240px;min-width:200px;display:flex}.capture-sidebar-head{justify-content:space-between;align-items:center;gap:8px;padding:12px 12px 8px;display:flex}.capture-sidebar-actions{align-items:center;gap:6px;display:inline-flex}.capture-select-btn{appearance:none;color:#ebf0f8d9;font:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:7px;padding:5px 9px;font-size:11px;font-weight:600}.capture-select-btn-active{color:#d7f3ff;background:#3ec7ff1a;border-color:#3ec7ff59}.capture-select-hint{color:#ffffff73;margin:0 12px 6px;font-size:11px}.capture-list-item-selected{background:#3ec7ff1a;border-color:#3ec7ff66}.capture-list-check{appearance:none;color:#0000;cursor:pointer;background:#0003;border:1px solid #ffffff40;border-radius:5px;flex:none;place-items:center;width:18px;height:18px;margin:0;padding:0;font-size:11px;line-height:1;display:grid}.capture-list-check.on{color:#e0f7ff;background:#3ec7ff40;border-color:#3ec7ff8c}.capture-solve-many-bar{display:flex;padding:8px 10px!important}.capture-solve-many-btn{appearance:none;color:#dff6ff;width:100%;font:inherit;cursor:pointer;background:#3ec7ff24;border:1px solid #3ec7ff66;border-radius:8px;padding:9px 12px;font-size:12px;font-weight:650}.capture-solve-many-btn:hover:not(:disabled){background:#3ec7ff38}.capture-solve-many-btn:disabled{opacity:.45;cursor:not-allowed}.capture-sidebar-title{color:#ffffffe6;font-size:13px;font-weight:700}.capture-new-btn{appearance:none;color:#d7f3ff;font:inherit;cursor:pointer;background:#3ec7ff1a;border:1px solid #3ec7ff59;border-radius:7px;padding:4px 8px;font-size:11px;font-weight:600}.capture-sidebar-list{flex:1;min-height:0;padding:4px 8px 12px;overflow-y:auto}.capture-day-label{letter-spacing:.06em;text-transform:uppercase;color:#ffffff59;padding:10px 6px 6px;font-size:10px;font-weight:700}.capture-list-item{width:100%;color:inherit;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;margin:0 0 6px;padding:6px 8px;display:flex}.capture-list-item:hover{background:#ffffff0a}.capture-list-item-active{background:#3ec7ff14;border-color:#3ec7ff66}.capture-list-main{appearance:none;text-align:left;cursor:pointer;min-width:0;font:inherit;color:inherit;background:0 0;border:none;flex:1;align-items:center;gap:8px;margin:0;padding:0;display:flex}.capture-list-thumb{object-fit:cover;background:#ffffff0f;border-radius:6px;flex-shrink:0;width:48px;height:36px}.capture-list-thumb-empty{display:inline-block}.capture-list-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.capture-list-time{color:#fff6;font-size:10px}.capture-list-tag{letter-spacing:.05em;color:#5eead4;font-size:9px;font-weight:700}.capture-list-title{color:#ebf0f8e0;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.capture-sidebar-foot{color:#ffffff52;border-top:1px solid #ffffff0f;margin:0;padding:8px 12px 10px;font-size:10px}.capture-viewport{background:#080a10;border-right:1px solid #ffffff12;flex-direction:column;flex:1;min-width:0;display:flex}.capture-viewport-head{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.capture-viewport-title{color:#ffffffeb;margin:0;font-size:15px;font-weight:700}.capture-viewport-sub{color:#fff6;margin:4px 0 0;font-size:11px}.capture-zoom{color:#ffffff8c;align-items:center;gap:6px;font-size:11px;display:inline-flex}.capture-zoom button{appearance:none;color:inherit;font:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:6px;padding:3px 8px}.capture-viewport-stage{flex:1;justify-content:center;align-items:flex-start;min-height:0;padding:16px;display:flex;overflow:auto}.capture-viewport-img{border:1px solid #ffffff14;border-radius:8px;max-width:none;height:auto;box-shadow:0 12px 40px #00000073}.capture-viewport-toolbar{border-top:1px solid #ffffff0f;justify-content:center;gap:8px;padding:10px;display:flex}.capture-workspace,.capture-workspace-compact{background:#0b0e14;flex:1;width:100%;min-height:0;display:flex}.capture-workspace-compact .capture-sidebar{background:0 0;border-right:1px solid #ffffff12;flex:auto;min-width:280px;max-width:none;min-height:0}.capture-sidebar-kicker{letter-spacing:.06em;text-transform:uppercase;color:#ffffff59;font-size:10px;font-weight:700}.capture-list{-webkit-overflow-scrolling:touch;flex-flow:wrap;flex:1;align-content:flex-start;align-items:flex-start;gap:8px;min-height:0;padding:4px 10px 12px;display:flex;overflow:hidden auto}.capture-empty{color:#ffffff73;flex:1 0 auto;padding:18px 10px;font-size:12px;line-height:1.45}.capture-error{color:#fca5a5}.capture-day-group{margin-bottom:4px}.capture-thumb-row{cursor:pointer;text-align:left;scroll-snap-align:start;background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;flex:none;align-items:stretch;gap:6px;width:132px;margin:0;padding:8px;transition:background .15s,border-color .15s;display:flex;position:relative}.capture-thumb-row:hover{background:#ffffff08}.capture-thumb-row.selected{background:#3ec7ff12;border-color:#3ec7ff38}.capture-thumb-row.checked{border-color:#3ec7ff59}.capture-thumb-row .shot-thumb-md{aspect-ratio:4/3;width:100%;height:auto}.capture-check{display:none}.capture-list-check{z-index:1;position:absolute;top:10px;left:10px}.capture-thumb-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.capture-thumb-title{align-items:center;gap:6px;min-width:0;display:flex}.capture-thumb-num{font-variant-numeric:tabular-nums;color:#ffffffe6;flex:none;font-size:12px;font-weight:700}.capture-thumb-kind{letter-spacing:.02em;text-transform:uppercase;color:#ffffff73;font-size:10px;font-weight:650}.capture-thumb-kind-manual{color:#5ad6ffe6}.capture-thumb-kind-auto{color:#34d399d9}.capture-thumb-time{font-variant-numeric:tabular-nums;color:#ffffffb8;font-size:12px;font-weight:600}.capture-thumb-id{color:#fff6;font-size:11px}.capture-sidebar-footer{background:#080a10f5;border-top:1px solid #ffffff12;align-items:center;gap:8px;padding:10px 12px 12px;display:flex}.capture-solve-footer-btn{flex:1}.capture-copilot-body{flex-direction:column;flex:1;gap:16px;min-height:0;padding:0 0 8px;display:flex;overflow-y:auto}.capture-workspace-compact .workspace-copilot{padding-bottom:8px;overflow:hidden}.capture-copilot-selection,.capture-copilot-answers{flex-direction:column;gap:8px;display:flex}.capture-selection-carousel{flex-direction:column;align-items:stretch;gap:8px;display:flex}.capture-carousel-nav{justify-content:space-between;align-items:center;gap:8px;display:flex}.capture-carousel-count{color:#ffffff80;font-size:11px}.capture-selection-thumb{align-self:center}.capture-selection-strip{justify-content:center;gap:6px;display:flex}.capture-strip-dot{cursor:pointer;background:#ffffff38;border:none;border-radius:99px;width:7px;height:7px;padding:0}.capture-strip-dot.active{background:#5ad6ff}.capture-solve-block{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.capture-solve-block.streaming{border-color:#3ec7ff47}.capture-solve-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.capture-solve-index{letter-spacing:.04em;text-transform:uppercase;color:#5ad6ffe6;font-size:11px;font-weight:700}.capture-solve-thumbs{flex-wrap:wrap;gap:6px;display:flex}.capture-solve-answer{color:#ebf0f8eb;font-size:13px;line-height:1.5}.shot-thumb{cursor:zoom-in;background:#00000059;border:1px solid #ffffff1a;border-radius:8px;flex-shrink:0;padding:0;display:inline-flex;position:relative;overflow:hidden}.shot-thumb img{object-fit:cover;width:100%;height:100%;display:block}.shot-thumb-sm{width:56px;height:40px}.shot-thumb-md{width:96px;height:68px}.shot-thumb-lg{aspect-ratio:4/3;width:min(100%,280px);height:auto}.shot-thumb-lg img{object-fit:contain;background:#05070c}.shot-thumb-preview-icon{color:#ffffffe6;opacity:0;pointer-events:none;background:#0000008c;border-radius:6px;place-items:center;width:22px;height:22px;transition:opacity .15s;display:grid;position:absolute;inset:auto 4px 4px auto}.shot-thumb:hover .shot-thumb-preview-icon,.shot-thumb:focus-visible .shot-thumb-preview-icon{opacity:1}.shot-lightbox-close{color:#fff;cursor:pointer;z-index:2;background:#0000008c;border:1px solid #fff3;border-radius:99px;width:36px;height:36px;font-size:14px;position:absolute;top:16px;right:16px}.view-shot-row{flex-wrap:wrap;gap:8px;margin:6px 0 10px;display:flex}.parakeet-chip-has-shot{padding-left:6px}.parakeet-chip-thumb{object-fit:cover;border-radius:4px;flex-shrink:0;width:28px;height:20px}.split-row-thumb{object-fit:cover;border-radius:5px;flex-shrink:0;width:36px;height:26px;margin-top:2px}@media (width<=1100px){.capture-body{flex-wrap:wrap}.capture-sidebar{border-bottom:1px solid #ffffff12;border-right:none;flex:100%;max-height:180px}.capture-viewport{flex:55%}}@media (width<=1100px) and (width>=901px){.capture-workspace-compact .capture-sidebar{flex:0 0 min(42%,360px);min-width:240px;max-width:360px;max-height:none}}.recap-view{background:radial-gradient(80% 50% at 10% -10%,#3ec7ff1f,#0000 55%),radial-gradient(60% 40% at 90% 0,#34d39914,#0000 50%),#0b0e14;flex-direction:column;flex:1;min-height:0;display:flex}.recap-header{border-bottom:1px solid #ffffff12;align-items:center;gap:12px;padding:12px 16px;display:flex}.recap-brand{align-items:center;gap:8px;display:inline-flex}.recap-status-pill{color:#bbf7d0;background:#34d3991a;border:1px solid #34d39959;border-radius:999px;align-items:center;gap:8px;margin-left:8px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.recap-status-dot{background:#34d399;border-radius:999px;width:7px;height:7px}.recap-stats{flex-wrap:wrap;gap:10px;padding:0 18px 12px;display:flex}.recap-stat{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;min-width:108px;padding:10px 12px}.recap-stat-value{color:#e8eef8;letter-spacing:-.02em;font-size:18px;font-weight:700;display:block}.recap-stat-label{color:#ffffff6b;margin-top:2px;font-size:11px;display:block}.recap-header-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.recap-toolbar-btn{appearance:none;color:#ebf0f8e6;font:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:8px;padding:7px 12px;font-size:12px}.recap-new-btn{width:auto!important;margin:0!important;padding:8px 14px!important;font-size:12px!important}.recap-meta{padding:16px 18px 8px}.recap-title{letter-spacing:-.02em;color:#fffffff0;margin:0;font-size:22px;font-weight:700}.recap-sub{color:#ffffff6b;margin:6px 0 0;font-size:12px}.recap-body{border-top:1px solid #ffffff0d;flex:1;gap:0;min-height:0;display:flex}.recap-main{flex:1.2;min-width:0;padding:12px 18px 24px;overflow-y:auto}.recap-aside{background:#0a0c12e6;border-left:1px solid #ffffff12;flex:0 0 300px;min-width:240px;padding:12px 14px 24px;overflow-y:auto}.recap-section{margin-bottom:22px}.recap-section h2{letter-spacing:.05em;text-transform:uppercase;color:#ffffff6b;margin:0 0 10px;font-size:12px;font-weight:700}.recap-summary-text{color:#ebf0f8e6;margin:0;font-size:14px;line-height:1.55}.recap-empty-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;align-items:flex-start;gap:12px;padding:14px;display:flex}.recap-takeaways,.recap-list,.recap-actions{gap:8px;margin:0;padding:0;list-style:none;display:grid}.recap-takeaways li,.recap-list li{color:#ebf0f8e0;gap:8px;font-size:13px;line-height:1.45;display:flex}.recap-two-col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.recap-action-row{color:#ebf0f8e0;cursor:pointer;align-items:flex-start;gap:8px;font-size:12px;display:flex}.recap-action-done{color:#fff6;text-decoration:line-through}.recap-aside-head{justify-content:space-between;align-items:center;display:flex}.recap-footer{border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}@media (width<=900px){.recap-body{flex-direction:column}.recap-aside{border-top:1px solid #ffffff12;border-left:none;flex:none}.recap-two-col{grid-template-columns:1fr}}.home-dashboard{background:radial-gradient(70% 45% at 0 0,#3ec7ff1a,#0000 55%),#0b0e14;flex-direction:column;flex:1;gap:12px;min-height:0;padding:16px 16px 10px;display:flex;overflow:hidden}.home-dashboard-split .home-dash-body{background:#080a108c;border:1px solid #ffffff14;border-radius:14px;flex:1;gap:0;min-height:0;display:flex;overflow:hidden}.home-dash-header{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.home-dash-brand{align-items:center;gap:12px;min-width:0;display:flex}.home-dash-title{letter-spacing:-.03em;color:#fffffff0;margin:0;font-size:22px;font-weight:700}.home-dash-sub{color:#ffffff6b;margin:2px 0 0;font-size:12px}.home-dash-cta{flex-shrink:0;width:auto!important;margin:0!important;padding:10px 16px!important;font-size:13px!important}.home-dash-header-actions{flex-shrink:0;align-items:center;gap:8px;padding-right:72px;display:flex}.home-dash-top-link{appearance:none;color:#ebf0f8bf;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 10px;font-size:12px;font-weight:600}.home-dash-top-link:hover{color:#fff;background:#ffffff0f}.home-dash-mode-toggle{border:1px solid #ffffff1a;border-radius:8px;display:inline-flex;overflow:hidden}.home-dash-mode-toggle button{appearance:none;color:#ffffff80;font:inherit;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;padding:5px 8px;font-size:10px;font-weight:700}.home-dash-mode-toggle button.on{color:#dff6ff;background:#3ec7ff24}.home-dash-tree{flex:1;min-height:0;padding:0 8px 12px;overflow-y:auto}.home-dash-tree-project{margin-bottom:10px}.home-dash-tree-project-name{letter-spacing:.06em;text-transform:uppercase;color:#ffffff61;padding:8px 8px 4px;font-size:10px;font-weight:700}.home-dash-tree-sessions{padding:0}.header-follow-live{appearance:none;color:#dff6ff;font:inherit;cursor:pointer;white-space:nowrap;background:#3ec7ff1a;border:1px solid #3ec7ff59;border-radius:999px;margin-left:8px;padding:5px 10px;font-size:11px;font-weight:650}.header-center{justify-content:center;align-items:center;gap:6px;min-width:0;display:flex}.home-dash-recent{background:#0000002e;border-right:1px solid #ffffff12;flex-direction:column;flex:0 0 38%;min-width:220px;max-width:360px;min-height:0;display:flex}.home-dash-section-head{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:12px 12px 8px;display:flex}.home-dash-section-head h2{letter-spacing:.04em;text-transform:uppercase;color:#ffffff73;margin:0;font-size:12px;font-weight:700}.home-dash-list{flex:1;min-height:0;margin:0;padding:4px 8px 12px;list-style:none;overflow-y:auto}.home-dash-row{appearance:none;text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:0 0;border:1px solid #0000;border-radius:10px;margin:0 0 4px;padding:10px;display:flex}.home-dash-row:hover{background:#ffffff0a}.home-dash-row-active{background:#3ec7ff1a;border-color:#3ec7ff59}.home-dash-row-main{flex-direction:column;gap:3px;min-width:0;display:flex}.home-dash-row-title{color:#ebf0f8f2;font-size:13px;font-weight:650}.home-dash-row-meta{color:#ffffff6b;font-size:11px}.home-dash-row-preview{color:#ffffff80;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.35;display:-webkit-box;overflow:hidden}.home-dash-summary{flex:1;min-width:0;min-height:0;padding:16px 18px 20px;overflow-y:auto}.home-dash-summary-empty{margin-top:48px}.home-dash-summary-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.home-dash-summary-kicker{letter-spacing:.06em;text-transform:uppercase;color:#fff6;margin:0 0 4px;font-size:10px;font-weight:700}.home-dash-summary-title{letter-spacing:-.02em;color:#fffffff2;margin:0;font-size:20px;font-weight:700}.home-dash-summary-meta{color:#ffffff73;margin:4px 0 0;font-size:12px}.home-dash-summary-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.home-dash-resume{width:auto!important;margin:0!important;padding:8px 14px!important;font-size:12px!important}.home-dash-summary-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px;display:grid}.home-dash-summary-section{margin-bottom:18px}.home-dash-summary-section h3{letter-spacing:.05em;text-transform:uppercase;color:#ffffff6b;margin:0 0 8px;font-size:11px;font-weight:700}.home-dash-summary-text{color:#ebf0f8e6;margin:0;font-size:14px;line-height:1.55}.home-dash-takeaways{gap:8px;margin:0;padding:0;list-style:none;display:grid}.home-dash-takeaways li{color:#ebf0f8e0;gap:8px;font-size:13px;line-height:1.4;display:flex}.home-dash-qa{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;margin:0 0 12px;padding:12px}.home-dash-qa-q{color:#ffffff8c;white-space:pre-wrap;margin:0 0 8px;font-size:12px}.home-dash-qa-a{color:#ebf0f8e6;white-space:pre-wrap;margin:0;font-size:13px;line-height:1.45}.home-dash-empty{text-align:center;padding:24px 16px}.home-dash-empty .start-btn{margin-top:12px}.home-dash-foot{flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding-top:2px;display:flex}.home-stat{text-align:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;padding:12px 10px}.home-stat-value{color:#86efac;font-size:22px;font-weight:700;display:block}.home-stat-label{letter-spacing:.04em;text-transform:uppercase;color:#fff6;margin-top:2px;font-size:10px;font-weight:600;display:block}@media (width<=860px){.home-dashboard-split .home-dash-body{flex-direction:column}.home-dash-recent{border-bottom:1px solid #ffffff12;border-right:none;flex:none;max-width:none;max-height:38%}}.footer-nav-btn-active{color:#55c9ff;background:#55c9ff1f}.sotto-app-mobile{--bg:#09090b;--bg-soft:#0d0d11;--surface:#121218;--text:#f5f7fa;--muted:#a2a7b2;--cyan:#55c9ff;--cyan-bright:#8adfff;--border:#ffffff17;--panel-bg:#121218f5;--panel-border:#ffffff14;--font-body:"Figtree", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;width:100%;max-width:none;height:100%;min-height:100dvh;max-height:100dvh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);color:var(--text);font-family:var(--font-body);background:radial-gradient(circle at 50% -20%, #3fa6dc1a, transparent 34%), var(--bg);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;display:flex}.sotto-app-mobile .panel-shell,.sotto-app-mobile .glass-panel{width:100%;max-width:100%;height:100%;min-height:0;max-height:100dvh;box-shadow:none;background:0 0;border:none;border-radius:0;flex:1}.sotto-app-mobile .panel-main{background:#121218b8;border-inline:1px solid #0000;width:100%;max-width:100%}@media (width>=640px){.sotto-app-mobile .panel-shell:not(.panel-shell-workspace) .panel-main,.sotto-app-mobile .panel-shell:not(.panel-shell-workspace) .home-dashboard,.sotto-app-mobile .manager-screen,.sotto-app-mobile .settings-panel{width:100%;max-width:560px;margin-inline:auto}}@media (width>=900px){.sotto-app-mobile .panel-main{border-inline-color:var(--border);width:100%;max-width:960px;margin-inline:auto}.sotto-app-mobile .panel-shell-workspace .panel-main{max-width:1100px}.sotto-app-mobile .manager-screen,.sotto-app-mobile .settings-panel,.sotto-app-mobile .home-dashboard{width:100%;max-width:960px;margin-inline:auto}}@media (width>=1280px){.sotto-app-mobile .panel-main,.sotto-app-mobile .manager-screen,.sotto-app-mobile .settings-panel,.sotto-app-mobile .home-dashboard{max-width:1120px}.sotto-app-mobile .panel-shell-workspace .panel-main{max-width:1280px}}@media (width<=639px){.sotto-app-mobile .workspace-body{flex-direction:column}.sotto-app-mobile .workspace-main{border-bottom:1px solid #ffffff12;border-right:none;max-height:48%}.sotto-app-mobile .workspace-copilot{flex:1;min-width:0;max-width:none}.sotto-app-mobile .workspace-dock-left .workspace-dock-chip{max-width:100%}.sotto-app-mobile .capture-body,.sotto-app-mobile .capture-workspace,.sotto-app-mobile .capture-workspace-compact{flex-direction:column}.sotto-app-mobile .capture-workspace-compact .capture-sidebar,.sotto-app-mobile .capture-workspace .capture-sidebar,.sotto-app-mobile .capture-sidebar{border-bottom:1px solid #ffffff12;border-right:none;flex:0 0 33vh;width:100%;min-width:0;min-height:140px;max-height:33vh}.sotto-app-mobile .capture-workspace-compact .workspace-copilot,.sotto-app-mobile .capture-workspace .workspace-copilot{flex:auto;min-width:0;max-width:none;width:auto!important}}.sotto-app-mobile .panel-header{border-bottom-color:var(--border);-webkit-backdrop-filter:blur(12px);background:#09090b8c;gap:8px;height:48px;padding:0 12px}.sotto-app-mobile .header-left{flex:auto;min-width:0}.sotto-app-mobile .header-center{display:none}.sotto-app-mobile .header-right{flex:none}.sotto-app-mobile .panel-header .wordmark,.sotto-app-mobile .panel-header .sotto-chip{display:none}@media (width>=640px){.sotto-app-mobile .panel-header .wordmark{font-family:var(--font-body);letter-spacing:-.03em;color:var(--text);font-weight:700;display:block}.sotto-app-mobile .header-center{display:flex}}.sotto-app-mobile .listen-toggle-btn{border-color:rgba(var(--green-strong-rgb), .4);background:rgba(var(--green-strong-rgb), .12);color:var(--green);border-radius:999px;padding:6px 14px;font-size:12px}.sotto-app-mobile .side-drawer{background:var(--surface);border-right:1px solid var(--border);width:min(300px,88vw)}@media (width>=900px){.sotto-app-mobile .side-drawer{width:280px}}.sotto-app-mobile .sotto-reconnect-banner{font-family:var(--font-body);letter-spacing:.01em;color:#e8bf72;background:#e8bf721a;border-bottom:1px solid #e8bf7247;padding:8px 16px;font-size:12px;font-weight:500}.sotto-app-mobile .live-dot{background:var(--green)}.sotto-app-mobile .footer-nav,.sotto-app-mobile .panel-footer{border-top-color:var(--border);-webkit-backdrop-filter:blur(12px);background:#09090b8c}@media (width<=639px){.sotto-app-mobile .icon-btn,.sotto-app-mobile .footer-nav-btn,.sotto-app-mobile .hamburger-btn{min-width:44px;min-height:44px}}.sotto-app-mobile .auth-gate{font-family:var(--font-body);justify-content:center;max-width:420px;margin:0 auto;padding:40px 24px 32px}@media (width>=900px){.sotto-app-mobile .auth-gate{max-width:440px;padding-top:64px}}.sotto-app-mobile .auth-gate-title{font-family:var(--font-body);letter-spacing:-.04em;color:var(--text);font-weight:700}.sotto-app-mobile .auth-gate-lede{color:var(--muted)}.sotto-app-mobile .account-btn-primary{background:rgba(var(--green-strong-rgb), .18);border-color:rgba(var(--green-strong-rgb), .45);color:var(--cyan-bright,var(--green))}.sotto-app-mobile .auth-gate-tab-active{color:var(--green);border-bottom-color:var(--green)}.sotto-app-mobile .auth-gate-link{color:var(--cyan-bright,var(--green))}.sotto-app-mobile .sotto-build-stamp{bottom:max(128px, calc(120px + env(safe-area-inset-bottom)));opacity:.28}.sotto-app-mobile .session-dock-stack{z-index:40;padding-bottom:env(safe-area-inset-bottom,0px);background:#0c0c12fa;flex-shrink:0;position:sticky;bottom:0;box-shadow:0 -8px 24px #00000059}.sotto-app-mobile .session-instruction-dock{z-index:41;background:#0c0c12fa;border-top:1px solid #55c9ff47;position:relative;visibility:visible!important;opacity:1!important;display:block!important}.sotto-app-mobile .session-instruction-composer.always-open{background:#55c9ff0f;padding:6px 8px 8px}.sotto-app-mobile .session-instruction-label{display:none}.sotto-app-mobile .session-instruction-inline{gap:6px}.sotto-app-mobile .session-instruction-input{color:#f5f7fa;background:#080c14f2;border-color:#55c9ff66;min-height:40px;max-height:64px;padding:8px 10px;font-size:14px}.sotto-app-mobile .session-instruction-send-icon{width:40px;min-width:40px;height:40px;min-height:40px}.sotto-app-mobile .session-instruction-send{min-width:72px;min-height:40px}.sotto-app-mobile .session-instruction-collapsed{color:#f5f7fad9;background:#55c9ff1a;border-color:#55c9ff59;min-height:44px;font-size:13px}.sotto-app-mobile .session-dock{flex-wrap:nowrap;gap:4px;padding:6px 8px}.sotto-app-mobile .session-dock-left,.sotto-app-mobile .session-dock-right{flex-wrap:nowrap;gap:4px}.sotto-app-mobile .session-dock-media-expanded{display:none}.sotto-app-mobile .session-dock-capture-menu{display:inline-flex}.sotto-app-mobile .session-dock-btn-label,.sotto-app-mobile .view-mode-dock-label{display:none}.sotto-app-mobile .session-audio-popover,.sotto-app-mobile .session-qr-popover,.sotto-app-mobile .session-dock-capture-popover,.sotto-app-mobile .view-mode-menu-dock .view-mode-popover{left:max(12px, env(safe-area-inset-left,0px));right:max(12px, env(safe-area-inset-right,0px));bottom:max(80px, calc(64px + env(safe-area-inset-bottom,0px)));z-index:90;width:auto;max-width:none;position:fixed}.sotto-app-mobile .session-dock-stack,.sotto-app-mobile .session-dock{overflow:visible}.sotto-app-mobile .session-dock-guest .session-dock-left{flex:1;justify-content:flex-start}.sotto-app-mobile .session-dock-guest .session-dock-right:empty{display:none}.sotto-app-mobile .panel-main>.conv-log,.sotto-app-mobile .panel-main>.workspace-view,.sotto-app-mobile .panel-main>.workspace-body,.sotto-app-mobile .panel-main>.capture-workspace,.sotto-app-mobile .panel-main>.capture-workspace-compact,.sotto-app-mobile .panel-main>.split-view,.sotto-app-mobile .panel-main>.parakeet-view,.sotto-app-mobile .panel-main>.feed-with-composer{flex:auto;min-height:0}.sotto-app-mobile .sotto-fullscreen-banner{color:#e8f7ff;z-index:35;background:#55c9ff1a;border-bottom:1px solid #55c9ff47;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.sotto-app-mobile .sotto-fullscreen-banner-go{appearance:none;color:#dff4ff;min-height:40px;font:inherit;cursor:pointer;background:#55c9ff33;border:1px solid #55c9ff73;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:700}.sotto-app-mobile .sotto-fullscreen-banner-text{color:#dcebf5d9;flex:120px}.sotto-app-mobile .sotto-fullscreen-banner-dismiss{appearance:none;color:#dcebf58c;font:inherit;cursor:pointer;background:0 0;border:none;min-height:40px;padding:8px;font-size:12px}:-webkit-any(.sotto-app-mobile:fullscreen,.sotto-app-mobile:-webkit-full-screen){background:var(--bg,#09090b);width:100%;height:100%;max-height:100%}:is(.sotto-app-mobile:fullscreen,.sotto-app-mobile:fullscreen){background:var(--bg,#09090b);width:100%;height:100%;max-height:100%}:-webkit-any(html:fullscreen .sotto-app-mobile,html:-webkit-full-screen .sotto-app-mobile){height:100%;min-height:100%;max-height:100%}:is(html:fullscreen .sotto-app-mobile,html:fullscreen .sotto-app-mobile){height:100%;min-height:100%;max-height:100%}.template-card{border:1px solid var(--color-border,#ffffff1a);background:var(--color-card-bg,#ffffff05);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;flex-direction:column;gap:8px;padding:12px;transition:all .2s;display:flex}.template-card:hover{background:var(--color-card-hover,#ffffff0f);border-color:var(--color-border-hover,#fff3)}.template-card:focus-visible{outline:2px solid var(--accent-color,currentColor);outline-offset:-1px}.template-card-selected{border-color:var(--accent-color,currentColor);background:var(--color-card-selected,#ffffff14)}.template-card-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.template-card-header-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.template-card-star{color:var(--color-muted,#ffffff73);cursor:pointer;background:0 0;border:none;min-width:28px;min-height:28px;padding:2px 4px;font-size:16px;line-height:1}.template-card-star.is-favorite,.template-card-star:hover{color:var(--accent-color,#38bdf8)}.template-card-title{color:inherit;flex:1;margin:0;font-size:14px;font-weight:600;line-height:1.2}.template-card-checkmark{color:var(--accent-color,currentColor);flex-shrink:0;font-size:12px;font-weight:700}.template-card-description{color:var(--color-text-secondary,#fff9);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.template-card-category{background:var(--color-tag-bg,#ffffff1a);color:var(--color-tag-text,#ffffffb3);text-transform:capitalize;border-radius:3px;width:fit-content;padding:2px 6px;font-size:11px;font-weight:500;display:inline-block}.template-card-footer{border-top:1px solid var(--color-border,#ffffff0d);justify-content:space-between;align-items:center;gap:8px;margin-top:4px;padding-top:8px;display:flex}.template-card-meta{color:var(--color-text-secondary,#ffffff80);align-items:center;gap:6px;font-size:11px;display:flex}.template-card-source{background:var(--color-label-bg,#ffffff0d);border-radius:2px;padding:2px 4px;font-weight:500}.template-card-date{opacity:.8}.template-card-actions{align-items:center;gap:4px;display:flex}.template-card-action-btn{background:var(--color-button-bg,#ffffff14);color:var(--color-button-text,currentColor);cursor:pointer;border:none;border-radius:3px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:2px 6px;font-size:12px;transition:all .15s;display:flex}.template-card-action-btn:hover{background:var(--color-button-hover,#ffffff1f)}.template-card-action-delete:hover{color:#ff6b6b}.template-selector-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.template-selector-modal{background:var(--color-modal-bg,#14141ef2);border:1px solid var(--color-border,#ffffff1a);border-radius:12px;flex-direction:column;width:90%;max-width:800px;height:90%;max-height:700px;animation:.3s ease-out slideUp;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.template-selector-header{border-bottom:1px solid var(--color-border,#ffffff1a);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.template-selector-title{color:inherit;margin:0;font-size:18px;font-weight:600}.template-selector-close{color:var(--color-text-secondary,#fff9);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:20px;transition:color .15s;display:flex}.template-selector-close:hover{color:inherit}.template-selector-tabs{border-bottom:1px solid var(--color-border,#ffffff1a);gap:4px;padding:0 4px;display:flex}.template-selector-tab{color:var(--color-text-secondary,#fff9);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:12px 16px;font-size:13px;font-weight:500;transition:all .15s;position:relative}.template-selector-tab:hover{color:inherit}.template-selector-tab.active{color:inherit;border-bottom-color:var(--accent-color,currentColor)}.template-selector-search{background:var(--color-input-bg,#ffffff0d);border:1px solid var(--color-border,#ffffff1a);color:inherit;border-radius:6px;margin:12px 16px;padding:10px 16px;font-size:13px;transition:all .15s}.template-selector-search:focus{background:var(--color-input-focus,#ffffff14);border-color:var(--accent-color,currentColor);outline:none}.template-selector-content{flex:1;padding:12px 16px;overflow-y:auto}.template-selector-category{margin-bottom:16px}.template-selector-category-title{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary,#ffffff80);margin:0 0 8px;font-size:12px;font-weight:600}.template-selector-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;display:grid}.template-selector-empty{text-align:center;color:var(--color-text-secondary,#ffffff80);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 16px;font-size:13px;display:flex}.template-selector-empty p{margin:0}.template-selector-footer{border-top:1px solid var(--color-border,#ffffff1a);justify-content:flex-end;align-items:center;gap:8px;padding:12px 16px;display:flex}.template-selector-close-btn{background:var(--color-button-bg,#ffffff1a);border:1px solid var(--color-border,#ffffff1a);color:inherit;cursor:pointer;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .15s}.template-selector-close-btn:hover{background:var(--color-button-hover,#ffffff26)}.template-editor-overlay{z-index:1001;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.template-editor-modal{background:var(--color-modal-bg,#14141ef2);border:1px solid var(--color-border,#ffffff1a);border-radius:12px;flex-direction:column;width:90%;max-width:500px;max-height:90vh;animation:.3s ease-out slideUp;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}.template-editor-header{border-bottom:1px solid var(--color-border,#ffffff1a);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.template-editor-title{color:inherit;margin:0;font-size:18px;font-weight:600}.template-editor-close{color:var(--color-text-secondary,#fff9);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:20px;transition:color .15s;display:flex}.template-editor-close:hover{color:inherit}.template-editor-content{flex-direction:column;flex:1;gap:16px;padding:16px 20px;display:flex;overflow-y:auto}.template-editor-field{flex-direction:column;gap:6px;display:flex}.template-editor-label{color:inherit;font-size:13px;font-weight:600}.template-editor-optional{color:var(--color-text-secondary,#ffffff80);font-size:12px;font-weight:400}.template-editor-input{background:var(--color-input-bg,#ffffff0d);border:1px solid var(--color-border,#ffffff1a);color:inherit;border-radius:6px;padding:8px 12px;font-family:inherit;font-size:13px;transition:all .15s}.template-editor-input:focus{background:var(--color-input-focus,#ffffff14);border-color:var(--accent-color,currentColor);outline:none}.template-editor-chips{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.template-editor-chip{color:#ffffffbf;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:99px;padding:4px 8px;font-family:inherit;font-size:11px}.template-editor-chip:hover{background:#ffffff1a}.template-editor-chip.is-selected{color:#6ee7b7;background:#34d39924;border-color:#34d39966}.template-editor-textarea{background:var(--color-input-bg,#ffffff0d);border:1px solid var(--color-border,#ffffff1a);color:inherit;resize:vertical;border-radius:6px;min-height:120px;padding:10px 12px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.5;transition:all .15s}.template-editor-textarea:focus{background:var(--color-input-focus,#ffffff14);border-color:var(--accent-color,currentColor);outline:none}.template-editor-hint{color:var(--color-text-secondary,#ffffff80);margin:4px 0 0;font-size:12px}.template-editor-footer{border-top:1px solid var(--color-border,#ffffff1a);justify-content:flex-end;align-items:center;gap:8px;padding:12px 16px;display:flex}.template-editor-cancel{background:var(--color-button-bg,#ffffff1a);border:1px solid var(--color-border,#ffffff1a);color:inherit;cursor:pointer;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:500;transition:all .15s}.template-editor-cancel:hover{background:var(--color-button-hover,#ffffff26)}.template-editor-save{background:var(--accent-color,currentColor);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:600;transition:all .15s}.template-editor-save:hover:not(:disabled){opacity:.9}.template-editor-save:disabled{opacity:.6;cursor:not-allowed}
