:root{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#f1f3f5;--bg-elevated:#fff;--bg-hover:#0000000a;--bg-active:#0000000f;--bg-overlay:#00000080;--border-default:#e2e4e9;--border-subtle:#eef0f2;--border-strong:#d1d5db;--border-focus:#7c3aed;--text-primary:#1a1a2e;--text-secondary:#6b7280;--text-muted:#9ca3af;--text-disabled:#d1d5db;--text-inverse:#fff;--accent-primary:#7c3aed;--accent-hover:#6d28d9;--accent-bg:#7c3aed14;--accent-bg-strong:#7c3aed26;--color-success:#10b981;--color-success-bg:#10b9811a;--color-warning:#f59e0b;--color-warning-bg:#f59e0b1a;--color-danger:#ef4444;--color-danger-bg:#ef44441a;--color-info:#3b82f6;--color-info-bg:#3b82f61a;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #0000001a, 0 1px 2px #0000000f;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "Fira Code", monospace;--text-2xs:11px;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-md:16px;--text-lg:20px;--text-xl:24px;--text-2xl:32px;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--sidebar-width:240px;--sidebar-collapsed:56px;--header-height:48px;--bottom-nav-height:56px;--floating-bar-size:48px;--content-max-width:1200px;--detail-panel-width:420px;--bp-compact:600px;--bp-mobile:768px;--bp-tablet:1024px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--z-sidebar:100;--z-header:200;--z-dropdown:300;--z-floating:400;--z-modal:500;--z-toast:600;--z-tooltip:700;--transition-fast:.1s ease;--transition-base:.15s ease;--transition-slow:.25s ease;--transition-sidebar:.2s cubic-bezier(.4, 0, .2, 1)}@media (prefers-color-scheme:dark){:root{--bg-primary:#0f0f14;--bg-secondary:#17171f;--bg-tertiary:#1e1e2a;--bg-elevated:#223;--bg-hover:#ffffff0a;--bg-active:#ffffff0f;--bg-overlay:#000000b3;--border-default:#ffffff14;--border-subtle:#ffffff0a;--border-strong:#ffffff1f;--border-focus:#8b5cf6;--text-primary:#e8e8ed;--text-secondary:#9ca3af;--text-muted:#6b7280;--text-disabled:#4b5563;--text-inverse:#0f0f14;--accent-primary:#8b5cf6;--accent-hover:#7c3aed;--accent-bg:#8b5cf61f;--accent-bg-strong:#8b5cf633;--color-success:#34d399;--color-success-bg:#34d3991f;--color-warning:#fbbf24;--color-warning-bg:#fbbf241f;--color-danger:#f87171;--color-danger-bg:#f871711f;--color-info:#60a5fa;--color-info-bg:#60a5fa1f;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 15px #0006;--shadow-xl:0 20px 25px #00000080}}:root{--color-bg-deep:var(--bg-primary);--color-bg-base:var(--bg-secondary);--color-bg-surface:var(--bg-hover);--color-bg-elevated:var(--bg-elevated);--color-bg-hover:var(--bg-hover);--color-bg-active:var(--bg-active);--glass-bg:var(--bg-hover);--glass-border:var(--border-default);--glass-blur:10px;--color-primary:var(--accent-primary);--color-primary-light:var(--accent-primary);--color-primary-dim:var(--accent-bg);--color-secondary:var(--color-info);--color-accent-gradient:linear-gradient(135deg, var(--accent-primary), var(--color-info));--color-success-dim:var(--color-success-bg);--color-danger-dim:var(--color-danger-bg);--color-warning-dim:var(--color-warning-bg);--color-info-dim:var(--color-info-bg);--color-error:var(--color-danger);--color-recording:#ef4444;--color-recording-glow:#ef444466;--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-text-muted:var(--text-muted);--color-text-disabled:var(--text-disabled);--color-text-tertiary:var(--text-muted);--color-border:var(--border-default);--color-border-strong:var(--border-strong);--color-surface-hover:var(--bg-hover);--font-xs:var(--text-2xs);--font-sm:var(--text-xs);--font-base:var(--text-sm);--font-lg:var(--text-base);--font-xl:var(--text-md);--font-2xl:var(--text-lg);--font-3xl:var(--text-xl);--font-4xl:var(--text-2xl);--font-5xl:var(--text-2xl);--weight-light:400;--weight-semi:var(--weight-semibold);--weight-heavy:700;--shadow-glow:0 0 20px var(--accent-bg);--shadow-glow-danger:0 0 20px var(--color-recording-glow);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:var(--transition-fast);--duration-normal:var(--transition-base);--duration-slow:var(--transition-slow);--z-base:1;--z-sticky:var(--z-header);--z-overlay:var(--z-floating);--glass-bg-premium:var(--bg-hover);--glass-border-premium:var(--border-default);--glass-blur-premium:20px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-base);color:var(--text-primary,var(--color-text-primary));background:var(--bg-primary,var(--color-bg-deep));min-height:100vh;line-height:1.5;overflow-x:hidden}@media (prefers-color-scheme:dark){body:before{content:"";pointer-events:none;z-index:0;transition:opacity var(--duration-slow) var(--ease-out);background:radial-gradient(80% 60% at 50% 0,#7c3aed1f 0%,#0000 60%),radial-gradient(60% 50% at 80% 100%,#3b82f614 0%,#0000 50%),radial-gradient(40% 40% at 10% 60%,#7c3aed0f 0%,#0000 50%);position:fixed;top:0;bottom:0;left:0;right:0}body.cinematic-mode:before{opacity:.3}}a{color:var(--color-primary-light);text-decoration:none}a:hover{color:var(--color-secondary)}img,video{max-width:100%;display:block}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}input[type=checkbox],input[type=radio]{accent-color:var(--color-primary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::selection{background:var(--color-primary-dim);color:var(--color-text-primary)}:focus-visible{outline:2px solid var(--color-primary-light);outline-offset:2px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:768px){.app-layout{grid-template-columns:1fr!important}.app-layout>#sidebar-slot{display:none}}#app{z-index:var(--z-base);flex-direction:column;min-height:100vh;display:flex;position:relative}.app-layout{grid-template-columns:var(--sidebar-width,240px) 1fr;height:100vh;transition:grid-template-columns var(--transition-sidebar,.2s cubic-bezier(.4, 0, .2, 1));display:grid;overflow:hidden}.app-layout.sidebar-collapsed{grid-template-columns:var(--sidebar-collapsed,56px) 1fr}.app-layout.no-sidebar{grid-template-columns:1fr}.app-main{flex-direction:column;height:100vh;display:flex;overflow:hidden}.main-content{gap:var(--space-6);z-index:2;flex-direction:column;flex:1;display:flex;position:relative;overflow-y:auto}.two-column{gap:var(--space-6);transition:opacity var(--duration-slow) var(--ease-out), filter var(--duration-slow) var(--ease-out);grid-template-columns:1fr 360px;align-items:start;display:grid}.sidebar-legacy{gap:var(--space-6);top:var(--space-6);flex-direction:column;display:flex;position:sticky}body.cinematic-mode .two-column,body.cinematic-mode #hero-slot,body.cinematic-mode #consent-slot{opacity:.15;filter:blur(8px);pointer-events:none}body.cinematic-mode #recorder-slot,body.cinematic-mode #preview-slot{z-index:10;position:relative}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:9999;background:var(--color-primary);color:#fff;border-radius:0 0 8px 8px;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:top .2s;position:fixed;top:-100%;left:50%;transform:translate(-50%)}.skip-link:focus{top:0}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-sm{font-size:var(--font-sm)}.text-xs{font-size:var(--font-xs)}.hidden{display:none!important}.w-full{width:100%}.mt-2{margin-top:var(--space-2)}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.shrink-0{flex-shrink:0}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.text-center{text-align:center}.font-semi{font-weight:var(--weight-semi)}.font-medium{font-weight:var(--weight-medium)}.overlay-backdrop{z-index:10000;padding:var(--space-4);background:#000000eb;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.overlay-close{cursor:pointer;color:#fff;width:32px;height:32px;transition:background var(--duration-fast) var(--ease-out);background:#ffffff1a;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.overlay-close:hover{background:#fff3}.overlay-hint{text-align:center;font-size:var(--font-xs);color:#ffffff4d}.overlay-hint kbd{background:#ffffff1a;border-radius:3px;padding:1px 5px}.takus-dialog{padding:var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);background:var(--color-bg-base);color:var(--color-text-primary);max-width:400px;width:calc(100% - var(--space-8));border:1px solid #ffffff1a}.takus-dialog::backdrop{background:#000000b3}.takus-dialog-form{gap:var(--space-3);flex-direction:column;display:flex}.takus-dialog-label{font-weight:var(--weight-semi);font-size:var(--font-sm)}.takus-dialog-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2);display:flex}.badge-tag{white-space:nowrap;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:600}.btn:focus-visible{outline:2px solid var(--color-primary-light);outline-offset:3px}.record-btn:focus-visible{outline:2px solid var(--color-primary-light);outline-offset:3px}.input:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-dim)}.select:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-dim)}@media (max-width:1024px){.two-column{grid-template-columns:1fr}.sidebar{position:static}}@media (max-width:600px){.app-layout{padding:var(--space-4);gap:var(--space-4)}.card [style*=flex-wrap\:wrap]{justify-content:center}.toast{min-width:unset;max-width:calc(100vw - 2rem)}.toast-container{left:var(--space-3);right:var(--space-3);bottom:var(--space-3)}.record-btn{width:68px;height:68px}.record-btn .record-icon{width:20px;height:20px}}.chat-view{flex-direction:column;height:100%;min-height:0;display:flex}.chat-header{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);flex-shrink:0;display:flex}.chat-header-title{font-size:var(--font-sm);font-weight:var(--weight-semi);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.chat-messages{padding:var(--space-3);gap:var(--space-3);scroll-behavior:smooth;flex-direction:column;flex:1;min-height:120px;max-height:clamp(200px,40vh,420px);display:flex;overflow-y:auto}.chat-msg{flex-direction:column;max-width:85%;display:flex}.chat-msg-user{align-self:flex-end;align-items:flex-end}.chat-msg-assistant{align-self:flex-start;align-items:flex-start}.chat-msg-bubble{padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);font-size:var(--font-sm);word-break:break-word;line-height:1.5}.chat-msg-bubble-user{background:linear-gradient(135deg, var(--color-primary) 0%, #6d28d9 100%);color:#fff;border-bottom-right-radius:var(--radius-sm);box-shadow:0 4px 12px -2px #7c3aed4d}.chat-msg-bubble-assistant{color:var(--color-text-primary);border-bottom-left-radius:var(--radius-sm);background:#ffffff08;border:1px solid #ffffff0f;box-shadow:0 4px 12px -2px #0000001a}.chat-msg-bubble-assistant p{margin:0 0 .4em}.chat-msg-bubble-assistant p:last-child{margin-bottom:0}.chat-msg-time{color:var(--color-text-disabled);margin-top:2px;font-size:9px}.chat-msg-sources{margin-top:var(--space-1);flex-wrap:wrap;gap:4px;display:flex}.chat-input-bar{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-border);flex-shrink:0;display:flex}.chat-input{border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-sm);background:#ffffff0a;border:1px solid #ffffff1a;outline:none;flex:1;min-width:0;padding:8px 12px;transition:border-color .15s}.chat-input:focus{border-color:var(--color-primary-light)}.ask-threads{margin-top:var(--space-2)}.ask-threads-header{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:10px;font-weight:var(--weight-semi);color:var(--color-text-disabled);text-transform:uppercase;letter-spacing:.5px;display:flex}.ask-threads-list{flex-direction:column;display:flex}.ask-thread-row{align-items:center;gap:var(--space-1);padding:0 var(--space-2);transition:background .15s;display:flex}.ask-thread-row:hover{background:#ffffff08}.ask-thread-row.active{background:#8b5cf614}.ask-thread-btn{padding:var(--space-2) var(--space-1);color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.ask-thread-subject{font-size:var(--font-xs);color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ask-thread-meta{color:var(--color-text-disabled);font-size:9px}.ask-loading-dots{align-items:center;gap:4px;padding:2px 4px;display:inline-flex}@keyframes askDotBounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.ask-thread-search{margin:var(--space-1) var(--space-2) var(--space-1)}.ask-thread-search-input{border-radius:var(--radius-sm);width:100%;font-size:var(--font-xs);color:var(--color-text-secondary);background:#ffffff0a;border:1px solid #ffffff14;outline:none;padding:4px 8px;transition:border-color .15s}.ask-thread-search-input:focus{border-color:var(--color-primary-light)}.ask-thread-search-input::placeholder{color:var(--color-text-disabled)}.chat-msg-bubble-assistant strong{color:var(--color-text-primary)}.chat-msg-bubble-assistant code{background:#ffffff14;border-radius:3px;padding:1px 5px;font-family:monospace;font-size:.9em}.chat-msg-bubble-assistant li{margin-left:var(--space-3);font-size:var(--font-xs);color:var(--color-text-secondary);line-height:1.6}.connect-card:hover{border-color:#ffffff26}.connect-card-header{padding:var(--space-3);cursor:pointer;justify-content:space-between;align-items:center;transition:background .15s;display:flex}.connect-card-body{padding:0 var(--space-3) var(--space-3);border-top:1px solid #ffffff0d}.settings-section-title{font-size:var(--font-sm);font-weight:var(--weight-semi);margin-bottom:var(--space-1);align-items:center;gap:var(--space-2);display:flex}.settings-section-desc{font-size:var(--font-xs);color:var(--color-text-muted);margin-bottom:var(--space-3)}.settings-status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.chat-qa-menu{background:var(--color-bg-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-1);min-width:160px;box-shadow:var(--shadow-lg);z-index:10;margin-bottom:4px;position:absolute;bottom:100%;left:0}.chat-qa-menu.hidden{display:none}.chat-qa-item{align-items:center;gap:var(--space-2);width:100%;color:var(--color-text-secondary);font-size:var(--font-xs);cursor:pointer;border-radius:var(--radius-sm);text-align:left;background:0 0;border:none;padding:6px 10px;transition:background .15s;display:flex}.chat-qa-item:hover{background:#ffffff0f}.task-analytics-strip{gap:var(--space-3);color:var(--color-text-muted);margin-bottom:var(--space-3);flex-wrap:wrap;font-size:10px;display:flex}.task-section-label{font-size:10px;font-weight:var(--weight-semi);color:var(--color-text-disabled);text-transform:uppercase;letter-spacing:.5px;padding:0 var(--space-3);margin-bottom:var(--space-1)}.task-action-badge{border-radius:8px;align-items:center;gap:3px;padding:1px 6px;font-size:10px;font-weight:600;display:inline-flex}.task-row-meta{color:var(--color-text-disabled);align-items:center;gap:6px;margin-top:2px;font-size:10px;display:flex}.gt-row-labels{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.gt-row-title{font-size:var(--font-sm);color:var(--color-text-primary)}.gt-progress-labels{color:var(--color-text-disabled);justify-content:space-between;margin-bottom:4px;font-size:10px;display:flex}.gt-objective-box{margin-bottom:var(--space-3);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);background:#7c3aed08;border:1px solid #7c3aed26}.gt-objective-label{font-size:9px;font-weight:var(--weight-semi);color:var(--color-primary-light);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-1)}.gt-objective-row{align-items:center;gap:8px;margin-top:3px;font-size:10px;display:flex}.tp-row-body{align-items:flex-start;gap:var(--space-2);flex:1;min-width:0;display:flex}.tp-task-desc{font-size:var(--font-xs);color:var(--color-text-secondary);margin-top:2px}.tp-actions{gap:var(--space-1);flex-shrink:0;display:flex}.ask-empty-state{text-align:center;padding:var(--space-4) var(--space-3)}.ask-empty-state em{color:var(--color-text-muted);font-style:italic}.con-body{padding:var(--space-4);gap:var(--space-4);flex-direction:column;display:flex}.con-icon-box{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.con-icon-box-sm{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.con-card-row{align-items:center;gap:var(--space-3);display:flex}.con-card-name{font-size:var(--font-sm);font-weight:var(--weight-semi)}.con-status-row{align-items:center;gap:4px;margin-top:2px;font-size:10px;display:flex}.con-desc{font-size:var(--font-xs);color:var(--color-text-muted);margin-bottom:var(--space-3)}.con-fields{gap:var(--space-3);flex-direction:column;display:flex}.con-hint{color:var(--color-text-disabled);margin-top:2px;font-size:10px}.con-help{color:var(--color-text-disabled);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid #ffffff0d;font-size:10px}.con-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-3);display:flex}.con-builtin-label{font-size:10px;font-weight:var(--weight-semi);color:var(--color-text-disabled);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-2)}.con-builtin-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.con-builtin-card{border-radius:var(--radius-lg);min-width:140px;padding:var(--space-3);background:#ffffff05;border:1px solid #ffffff14;flex:1}.con-builtin-head{align-items:center;gap:var(--space-2);margin-bottom:4px;display:flex}.con-builtin-name{font-size:var(--font-xs);font-weight:var(--weight-semi)}.con-builtin-desc{color:var(--color-text-disabled);font-size:10px}.con-active-badge{border-radius:8px;margin-left:auto;padding:1px 5px;font-size:8px;font-weight:600}.con-app-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.con-security{color:var(--color-text-disabled);align-items:center;gap:4px;font-size:10px;display:flex}.apps-tile{border-radius:var(--radius-lg);padding:var(--space-3);cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.apps-tile:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.rd-doc-preview{border:1px solid var(--glass-border-premium);border-radius:var(--radius-md);max-height:220px;padding:var(--space-3);font-size:var(--font-xs);color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-word;background:#00000040;line-height:1.6;overflow-y:auto}.rd-video-placeholder{border:1px solid var(--glass-border-premium);border-radius:var(--radius-md);height:180px;color:var(--color-text-disabled);font-size:var(--font-xs);background:#00000059;justify-content:center;align-items:center;display:flex}.rd-flex-wrap{flex-wrap:wrap;gap:4px;display:flex}.rd-col-stack{flex-direction:column;gap:4px;display:flex}.rd-info-meta{color:var(--color-text-disabled);flex-direction:column;gap:2px;font-size:10px;display:flex}.rd-info-meta a{color:var(--color-primary-light);align-items:center;gap:3px;text-decoration:none;display:inline-flex}.rd-empty-state{padding:var(--space-6);text-align:center;color:var(--color-text-muted)}.rd-pad{padding:var(--space-3)}.rd-action-btn{justify-content:flex-start}.rd-text-sm{font-size:var(--font-xs);color:var(--color-text-secondary)}.rd-prep-row{cursor:pointer;align-items:center;gap:6px;padding:3px 0;display:flex}.rd-prep-item{gap:4px;padding:2px 0;display:flex}.mt-1{margin-top:var(--space-1)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.no-margin{margin:0}.text-11{font-size:11px}.text-disabled{color:var(--color-text-disabled)}.text-xs-muted{font-size:var(--font-xs);color:var(--color-text-muted)}.text-10-disabled{color:var(--color-text-disabled);font-size:10px}.text-sm-secondary{font-size:var(--font-sm);color:var(--color-text-secondary)}.text-sm-muted{font-size:var(--font-sm);color:var(--color-text-muted)}.text-lg-bold{font-size:var(--font-lg);font-weight:var(--weight-semi);color:var(--color-text-primary)}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.min-w-0{min-width:0}.spinner-sm{border-width:2px;width:12px;height:12px}.spinner-xs{border-width:2px;width:10px;height:10px}.code-badge{background:var(--color-bg-elevated);font-size:var(--font-xs);border-radius:4px;padding:2px 6px}.code-badge-sm{background:var(--color-bg-elevated);border-radius:3px;padding:1px 5px}.pad-card{padding:var(--space-6) var(--space-4)}.pad-stack{padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.menu-item-btn{align-items:center;gap:var(--space-2);width:100%;color:var(--color-text-secondary);font-size:var(--font-xs);cursor:pointer;border-radius:var(--radius-sm);text-align:left;background:0 0;border:none;padding:6px 10px;display:flex}.menu-item-btn:hover{color:var(--color-text-primary);background:#ffffff0a}.accent-check{accent-color:var(--color-primary)}.gt-card-head{padding-bottom:var(--space-2)}.gt-pending-count{font-size:var(--font-xs);color:var(--color-text-muted);font-weight:400}.text-success{color:var(--color-success)}.text-primary{color:var(--color-primary-light)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-semi-secondary{font-weight:var(--weight-semi);color:var(--color-text-secondary)}.sticky-header{background:var(--color-bg-surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1;position:sticky;top:0}.p-2{padding:var(--space-2)}.text-right{text-align:right}.ml-auto{margin-left:auto}.mt-4-sp{margin-top:var(--space-4)}.mb-1{margin-bottom:4px}.opacity-70{opacity:.7}.disabled-look{opacity:.3;cursor:not-allowed}.text-5xl{font-size:var(--font-5xl)}.text-2xl{font-size:var(--font-2xl)}.text-10{font-size:10px}.fw-semi{font-weight:var(--weight-semi)}.nowrap{white-space:nowrap}.text-10-faded{opacity:.6;font-size:10px}.text-9-disabled{color:var(--color-text-disabled);font-size:9px}.text-9-warning{color:var(--color-warning);font-size:9px}.spinner-xs-11{border-width:2px;width:11px;height:11px}.spinner-14{border-width:2px;width:14px;height:14px}.btn-icon-sm{width:24px;height:24px;padding:0}.grid-2col{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.center-stack{align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;display:flex}.flex-wrap-center{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.section-subtitle{text-transform:none;font-weight:var(--weight-normal);color:var(--color-text-secondary);font-size:var(--font-sm);margin:0}.save-indicator{font-size:var(--font-xs);color:var(--color-success);opacity:0;transition:opacity .3s}.min-w-140{min-width:140px}.max-w-400{max-width:400px}.cursor-pointer{cursor:pointer}.text-amber{color:#f59e0b}.hist-related-label{font-size:10px;font-weight:var(--weight-semi);color:var(--color-text-disabled);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.hist-related-item{align-items:center;gap:var(--space-2);font-size:var(--font-xs);cursor:pointer;color:var(--color-text-secondary);padding:3px 0;display:flex}.hist-related-item:hover{color:var(--color-text-primary)}.hist-list{gap:var(--space-2);flex-direction:column;max-height:clamp(240px,40vh,520px);display:flex;overflow-y:auto}.hist-transcript-list{flex-direction:column;gap:6px;max-height:260px;display:flex;overflow-y:auto}.hist-transcript-row{gap:var(--space-2);font-size:var(--font-xs);line-height:1.5;display:flex}.history-type-badge{white-space:nowrap;border-radius:10px;padding:1px 6px;font-size:10px;font-weight:600}.history-meta-tags{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.history-mark{color:inherit;background:#fde04747;border-radius:2px;padding:0 1px}.md-table-wrap{margin:var(--space-2) 0;overflow-x:auto}.md-table{border-collapse:collapse;width:100%;font-size:var(--font-xs)}.md-th{font-size:var(--font-xs);font-weight:var(--weight-semi);color:var(--color-text-primary);text-align:left;white-space:nowrap;border-bottom:1px solid #ffffff1f;padding:4px 10px}.md-td{font-size:var(--font-xs);color:var(--color-text-secondary);border-bottom:1px solid #ffffff0d;padding:4px 10px}.md-heading{font-weight:var(--weight-semi);color:var(--color-text-primary);margin:var(--space-2) 0 var(--space-1)}.md-h1{font-size:var(--font-base)}.md-h2,.md-h3{font-size:var(--font-sm)}.md-ol{margin:2px 0 2px var(--space-4);padding:0 0 0 var(--space-4)}.md-ul{margin:2px 0 2px var(--space-4);padding:0;list-style:outside}.md-hr{margin:var(--space-2) 0;border:none;border-top:1px solid #ffffff14}.md-code{background:#ffffff14;border-radius:3px;padding:1px 5px;font-family:monospace;font-size:.9em}.md-del{opacity:.6}.ins-section-title{font-size:var(--font-xs);font-weight:var(--weight-semi);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.ins-stat-grid{gap:var(--space-3);text-align:center;grid-template-columns:repeat(4,1fr);display:grid}.ins-two-col{gap:var(--space-4);grid-template-columns:1fr auto;align-items:start;display:grid}.ins-stat-cell{text-align:center}.ins-stat-cell .ins-stat-value{font-size:var(--font-lg);font-weight:var(--weight-semi);color:var(--color-text-primary)}.ins-stat-cell .ins-stat-label{color:var(--color-text-disabled);font-size:9px}.ins-progress-track{background:#ffffff0f;border-radius:2px;height:4px;overflow:hidden}.ins-progress-fill{border-radius:2px;height:100%;transition:width .3s}.ins-item-row{color:var(--color-text-secondary);gap:6px;padding:2px 0;font-size:11px;display:flex}.ins-item-row-icon{flex-shrink:0}.ins-muted-label{color:var(--color-text-disabled);font-size:10px}.ins-big-num{font-size:var(--font-md);font-weight:var(--weight-bold);color:var(--color-text-primary)}.ins-check-row{align-items:center;gap:6px;padding:2px 0;font-size:10px;display:flex}.ins-bar-row{align-items:center;gap:var(--space-2);display:flex}.ins-bar-label{font-size:var(--font-xs);color:var(--color-text-secondary);text-align:right;min-width:56px}.ins-bar-track{background:#ffffff0f;border-radius:3px;flex:1;height:6px;overflow:hidden}.ins-bar-count{font-size:var(--font-xs);color:var(--color-text-muted);min-width:28px}.ins-well-stat{border-radius:var(--radius-sm);min-width:80px;padding:var(--space-2);text-align:center;background:#ffffff08;flex:1}.ins-well-stat .ins-big-num{font-size:16px;font-weight:700}.ins-well-stat .ins-muted-label{font-size:9px}.ins-suggestion{color:var(--color-text-secondary);padding:var(--space-2);border-radius:var(--radius-sm);border-left:2px solid var(--color-primary);background:#8b5cf60f;font-size:11px;line-height:1.6}.ins-stat-grid-3{gap:var(--space-2);text-align:center;margin-bottom:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.ins-legend-row{font-size:var(--font-xs);align-items:center;gap:6px;display:flex}.ins-legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.ins-digest-card{padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;transition:background .15s}.ins-digest-card:hover{background:#ffffff0d}.ins-heatmap-legend{align-items:center;gap:4px;display:flex}.goal-card{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff05;flex-direction:column;gap:2px;transition:background .15s;display:flex}.goal-card:hover{background:#ffffff0a}.goal-section-header{font-size:var(--font-xs);font-weight:var(--weight-semibold);color:var(--color-text-muted);padding:var(--space-1) var(--space-3);text-transform:uppercase;letter-spacing:.5px}.set-section{padding-top:var(--space-4);border-top:1px solid #ffffff14}.set-section-title{font-size:var(--font-sm);font-weight:var(--weight-semi);margin-bottom:var(--space-3);color:var(--color-text-secondary)}.set-section-title-row{font-size:var(--font-sm);font-weight:var(--weight-semi);align-items:center;gap:var(--space-2);display:flex}.set-help{font-size:var(--font-xs);color:var(--color-text-muted);margin-top:4px}.set-ai-card{border-radius:var(--radius-md);padding:var(--space-4);background:#7c3aed0d;border:1px solid #7c3aed40}.set-ai-header{font-size:var(--font-sm);font-weight:var(--weight-bold);margin-bottom:var(--space-3);align-items:center;gap:var(--space-2);color:var(--color-primary-light);display:flex}.set-status-pill{font-size:var(--font-xs);align-items:center;gap:4px;margin-left:auto;font-weight:500;display:flex}.set-status-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.set-flex-row{gap:var(--space-2);display:flex}.set-grid-2col{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.set-checkbox-row{flex-direction:row;align-items:center;gap:8px}.set-shortcut-grid{gap:var(--space-2);grid-template-columns:1fr 1fr 1fr;display:grid}.set-feedback-row{align-items:center;gap:var(--space-2);font-size:var(--font-xs);border-bottom:1px solid #ffffff0a;padding:6px 0;display:flex}.set-divider{padding-top:var(--space-4);border-top:1px solid #ffffff14}.set-section-head{font-size:var(--font-sm);font-weight:var(--weight-semi);margin-bottom:var(--space-1);align-items:center;gap:var(--space-2);color:var(--color-text-secondary);display:flex}.set-export-check{align-items:center;gap:var(--space-2);font-size:var(--font-xs);color:var(--color-text-secondary);cursor:pointer;display:flex}.set-export-btn{font-size:var(--font-xs);gap:4px;padding:4px 12px}.rev-label{font-size:var(--font-sm);color:var(--color-text-secondary);margin-bottom:var(--space-1);display:block}.wiz-step-header{margin-bottom:var(--space-4)}.wiz-step-title{font-size:var(--font-xl);font-weight:var(--weight-bold);margin:var(--space-2) 0}.wiz-step-desc{color:var(--color-text-secondary);font-size:var(--font-sm);max-width:380px;margin:0 auto;line-height:1.7}.wiz-features{gap:var(--space-4);margin-top:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.wiz-security-note{font-size:var(--font-xs);color:var(--color-text-disabled);margin-top:var(--space-3)}.wiz-pref-row{justify-content:space-between;align-items:center;display:flex}.wiz-pref-label{font-size:var(--font-sm);color:var(--color-text-secondary)}.wiz-kbd{background:var(--color-bg-elevated);font-size:var(--font-xs);font-weight:var(--weight-semi);border-radius:4px;padding:2px 8px}.ws-badge{border-radius:var(--radius-full);background:var(--color-primary-dim);font-size:var(--font-xs);font-weight:var(--weight-semi);color:var(--color-primary-light);cursor:default;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:2px 10px;display:inline-flex}.ws-badge-dot{background:var(--color-success);width:6px;height:6px;box-shadow:0 0 4px var(--color-success);border-radius:50%;animation:2s infinite ws-pulse}@keyframes ws-pulse{0%,to{opacity:1}50%{opacity:.4}}.ws-badge-name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.wiz-ws-choice{gap:var(--space-3);margin-top:var(--space-4);justify-content:center;display:flex}.wiz-ws-card{padding:var(--space-5) var(--space-4);background:var(--color-bg-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;text-align:center;width:200px;transition:border-color .2s,transform .2s}.wiz-ws-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.wiz-ws-card.active{border-color:var(--color-primary);background:var(--color-primary-dim)}.wiz-ws-card-icon{margin-bottom:var(--space-2);font-size:28px}.wiz-ws-card-title{font-size:var(--font-sm);font-weight:var(--weight-bold);color:var(--color-text-primary)}.wiz-ws-card-desc{font-size:var(--font-xs);color:var(--color-text-secondary);margin-top:var(--space-1)}.wiz-ws-form{max-width:340px;margin:var(--space-4) auto 0;text-align:left;gap:var(--space-3);flex-direction:column;display:flex}.wiz-ws-status{font-size:var(--font-xs);margin-top:var(--space-2);align-items:center;gap:var(--space-1);display:flex}.wiz-ws-status-ok{color:var(--color-success)}.wiz-ws-status-err{color:var(--color-error)}.wiz-ws-status-loading{color:var(--color-text-disabled)}.ws-field-label{font-size:var(--font-xs);font-weight:var(--weight-semi);color:var(--color-text-secondary);margin-bottom:var(--space-1);display:block}.ws-panel-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.ws-panel-info{gap:var(--space-2);padding:var(--space-3);background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-sm);flex-direction:column;display:flex}.ws-panel-row{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.ws-panel-label{color:var(--color-text-secondary);font-size:var(--font-xs)}.ws-panel-value{color:var(--color-text-primary);font-weight:var(--weight-semi);font-size:var(--font-sm)}.ws-invite-code{font-family:monospace;font-size:var(--font-base);letter-spacing:2px;color:var(--color-primary-light);font-weight:var(--weight-bold);background:var(--color-bg-elevated);border-radius:var(--radius-sm);padding:2px 8px}.ws-panel-actions{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.ws-panel{gap:var(--space-4);flex-direction:column;display:flex}.ws-header{justify-content:space-between;align-items:center;display:flex}.ws-header-left{align-items:center;gap:var(--space-3);display:flex}.ws-icon{border-radius:var(--radius-md);background:var(--color-primary-dim);width:40px;height:40px;color:var(--color-primary-light);flex-shrink:0;justify-content:center;align-items:center;display:flex}.ws-name{font-size:var(--font-base);font-weight:var(--weight-bold);color:var(--color-text-primary);margin:0}.ws-role-badge{font-size:10px;font-weight:var(--weight-semi);border-radius:var(--radius-full);margin-top:2px;padding:1px 8px;display:inline-block}.ws-role-admin{color:#fbbf24;background:#fbbf2426}.ws-role-member{background:var(--color-primary-dim);color:var(--color-primary-light)}.ws-status-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.ws-status-row{justify-content:space-between;align-items:center;display:flex}.ws-status-label{align-items:center;gap:var(--space-1);font-size:var(--font-xs);color:var(--color-text-secondary);display:flex}.ws-status-value{font-size:var(--font-xs);color:var(--color-text-primary);font-weight:var(--weight-semi)}.ws-status-active{color:var(--color-success)}.ws-invite-section{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3)}.ws-invite-label{font-size:var(--font-xs);font-weight:var(--weight-semi);color:var(--color-text-secondary);margin-bottom:var(--space-2);display:block}.ws-invite-row{align-items:center;gap:var(--space-2);display:flex}.ws-invite-help{font-size:var(--font-xs);color:var(--color-text-disabled);margin-top:var(--space-2);margin-bottom:0}.ws-admin-section{border-top:1px solid var(--color-border);padding-top:var(--space-3)}.ws-section-title{font-size:var(--font-xs);font-weight:var(--weight-semi);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-3) 0}.ws-admin-field{margin-bottom:var(--space-3)}.ws-leave-section{border-top:1px solid var(--color-border);padding-top:var(--space-3);text-align:center}.ws-leave-btn{opacity:.8;color:var(--color-error)!important}.ws-leave-btn:hover{opacity:1}.ws-refresh-btn{opacity:.5;transition:opacity .2s}.ws-refresh-btn:hover{opacity:1}.tasks-panes{gap:var(--space-3);flex-direction:column;display:flex}.tasks-section{gap:var(--space-2);flex-direction:column;display:flex}.tasks-section-header{align-items:center;gap:var(--space-2);font-size:var(--font-xs);font-weight:var(--weight-semi);color:var(--color-text-secondary);padding-bottom:var(--space-1);border-bottom:1px solid #ffffff0f;display:flex}.tasks-count{color:var(--color-text-disabled);margin-left:auto;font-size:10px;font-weight:400}.tasks-list{gap:var(--space-2);flex-direction:column;display:flex}.task-row{align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-2);border-radius:var(--radius-md);background:#ffffff05;border:1px solid #ffffff0d;transition:background .15s;display:flex}.task-row:hover{background:#ffffff0a}.task-row.task-done,.task-row.task-status-done{opacity:.5;border-left:2px solid var(--color-success)}.task-row.task-status-done>div>div:last-child{color:var(--color-text-disabled);text-decoration:line-through}.task-row.task-status-ignored{opacity:.45;border-left:2px solid var(--color-warning);font-style:italic}.task-row.task-status-blocked{opacity:.4;pointer-events:none;-webkit-user-select:none;user-select:none;border:1px dashed #ffffff1a}.task-row.task-status-blocked .btn{pointer-events:auto}.task-sequence-badge{border:1px solid var(--color-primary-light);width:18px;height:18px;color:var(--color-primary-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:9px;font-weight:700;display:inline-flex}.task-dep-chip{color:var(--color-text-disabled);background:#ef444414;border:1px solid #ef444433;border-radius:4px;align-items:center;gap:3px;padding:1px 5px;font-size:9px;display:inline-flex}.task-dep-chip.resolved{color:var(--color-success);background:#10b98114;border-color:#10b98133;text-decoration:line-through}.task-integration-chip{cursor:default;border-radius:3px;justify-content:center;align-items:center;padding:1px;transition:transform .12s;display:inline-flex}.task-integration-chip:hover{transform:scale(1.2)}.task-output{color:var(--color-success);border-left:2px solid var(--color-success);background:#10b9810f;border-radius:0 3px 3px 0;align-items:center;gap:4px;margin-top:4px;padding:2px 6px;font-size:10px;display:flex}.task-ignored-reason{color:var(--color-warning);border-left:2px solid var(--color-warning);background:#f59e0b0f;border-radius:0 3px 3px 0;align-items:center;gap:4px;margin-top:4px;padding:2px 6px;font-size:10px;font-style:italic;display:flex}.task-filter-bar{gap:var(--space-1);flex-wrap:wrap;display:flex}.task-filter-chip{border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background:#ffffff05;border:1px solid #ffffff0f;padding:4px 10px;font-size:10px;font-weight:600}.task-filter-chip:hover{color:var(--color-text-primary);background:#ffffff0a;border-color:#ffffff1f;transform:translateY(-1px)}.task-filter-chip.active{background:linear-gradient(135deg, var(--color-primary) 0%, #6d28d9 100%);color:#fff;border-color:#7c3aed4d;box-shadow:0 4px 12px -2px #7c3aed40}.task-progress-bar{background:#ffffff0f;border-radius:2px;height:4px;overflow:hidden}.task-progress-fill{background:var(--color-accent-gradient);height:100%;transition:width .4s var(--ease-out);border-radius:2px}.task-objective{color:var(--color-primary-light);border-left:2px solid var(--color-primary-light);background:#7c3aed0f;border-radius:0 3px 3px 0;align-items:center;gap:3px;margin-top:4px;padding:2px 6px;font-size:9px;display:flex}.task-steps-container{border-radius:var(--radius-md);background:#ffffff04;border:1px solid #ffffff0f;margin-top:6px;padding:4px 6px}.task-steps-header{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.task-steps-counter{color:var(--color-text-disabled);font-size:9px;font-weight:600}.task-steps-counter.all-done{color:var(--color-success)}.task-step{color:var(--color-text-secondary);cursor:pointer;align-items:center;gap:6px;padding:2px 0;font-size:10px;transition:opacity .12s;display:flex}.task-step:hover{opacity:.8}.task-step.step-done span{color:var(--color-text-disabled);text-decoration:line-through}.task-step-check{cursor:pointer;width:12px;height:12px;accent-color:var(--color-success);flex-shrink:0}.global-task-row{align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:background .12s;display:flex}.global-task-row.task-status-done{opacity:.5;border-left:2px solid var(--color-success)}.global-task-row.task-status-ignored{opacity:.45;border-left:2px solid var(--color-warning);font-style:italic}.tasks-obs-log{padding-top:var(--space-2);border-top:1px solid #ffffff0d}.ask-panel{margin-bottom:0}.ask-bar{align-items:center;gap:var(--space-3);border-radius:var(--radius-lg);padding:8px var(--space-4);transition:all var(--duration-normal) var(--ease-out);background:#ffffff05;border:1px solid #ffffff0f;display:flex;box-shadow:0 4px 20px -2px #0003,inset 0 1px #ffffff08}.ask-bar:focus-within{background:#ffffff08;border-color:#7c3aed59;box-shadow:0 8px 30px -4px #7c3aed1a,inset 0 1px #ffffff0a}.ask-icon{color:var(--color-text-muted);flex-shrink:0}.ask-input{color:inherit;font-size:var(--font-sm);background:0 0;border:none;outline:none;flex:1;min-width:0}.ask-input::placeholder{color:var(--color-text-disabled)}.ask-input:disabled{cursor:not-allowed}.ask-kbd{color:var(--color-text-disabled);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:4px;flex-shrink:0;padding:2px 5px;font-family:monospace;font-size:10px}.ask-loading{align-items:center;gap:var(--space-2);padding:var(--space-3);display:flex}.ask-loading-dots{gap:4px;display:flex}.ask-loading-dots span{background:var(--color-primary);border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite ask-pulse}.ask-loading-dots span:nth-child(2){animation-delay:.2s}.ask-loading-dots span:nth-child(3){animation-delay:.4s}@keyframes ask-pulse{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1.1)}}.ask-answer-card{padding:var(--space-3);border-top:1px solid #ffffff0f}.ask-answer-text{font-size:var(--font-sm);color:var(--color-text-secondary);white-space:pre-wrap;line-height:1.65}.ask-sources{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid #ffffff0d}.ask-source-chip{color:var(--color-text-secondary);cursor:pointer;background:#7c3aed1f;border:1px solid #7c3aed33;border-radius:8px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;transition:border-color .15s,background .15s;display:inline-flex}.ask-source-chip:hover{background:#7c3aed2e;border-color:#7c3aed66}.ask-source-play{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:4px;align-items:center;gap:2px;padding:0 2px;line-height:1;transition:color .15s,background .15s;display:inline-flex}.ask-source-play:hover{color:var(--color-primary-light);background:#7c3aed2e}.conflict-badge{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b40;border-radius:6px;align-items:center;gap:4px;padding:1px 6px;font-size:10px;display:inline-flex}.conflict-inline-badge{color:#f59e0b;vertical-align:middle;background:#f59e0b1f;border-radius:3px;margin-left:4px;padding:0 4px;font-size:9px;display:inline-block}.ask-wiki{padding:var(--space-2) var(--space-3) var(--space-1);border-top:1px solid #ffffff0d}.ask-wiki-header{align-items:center;gap:var(--space-1);letter-spacing:.05em;color:var(--color-text-disabled);text-transform:uppercase;margin-bottom:var(--space-1);font-size:10px;font-weight:600;display:flex}.ask-wiki-list{flex-direction:column;gap:2px;display:flex}.ask-wiki-entry{justify-content:space-between;align-items:center;gap:var(--space-1);display:flex}.ask-wiki-query{text-align:left;cursor:pointer;font-size:var(--font-xs);color:var(--color-text-muted);padding:3px var(--space-1);border-radius:var(--radius-sm);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;flex:1;min-width:0;overflow:hidden}.ask-wiki-query:hover{color:var(--color-text-primary);background:#ffffff0d}.connect-card{border-radius:var(--radius-md);border:1px solid #ffffff14;transition:border-color .2s;overflow:hidden}.connect-card:focus-within{border-color:#7c3aed4d}.connect-card-header{padding:var(--space-3) var(--space-4);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff05;justify-content:space-between;align-items:center;transition:background .15s;display:flex}.connect-card-header:hover{background:#ffffff0a}.connect-card-body{padding:var(--space-4);gap:var(--space-3);background:#00000026;border-top:1px solid #ffffff0f;flex-direction:column;display:flex}.connect-card-body.hidden{display:none}.tldw-strip{flex-wrap:wrap;gap:6px;padding:6px 0 2px;display:flex}.tldw-bullet{font-size:var(--font-xs);color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;background:#ffffff0a;border:1px solid #ffffff12;border-radius:20px;align-items:center;gap:4px;max-width:320px;padding:2px 8px 2px 6px;line-height:1.4;display:inline-flex;overflow:hidden}.watch-chapters{flex-wrap:wrap;gap:6px;display:flex}.watch-chapter-btn{border-radius:var(--radius-md);color:#ffffffbf;cursor:pointer;font-size:var(--font-xs);background:#ffffff12;border:1px solid #ffffff1f;align-items:center;gap:6px;padding:4px 10px;transition:background .15s,color .15s;display:inline-flex}.watch-chapter-btn:hover{color:#fff;background:#ffffff21}.watch-chapter-btn.active{background:var(--color-primary-dim);border-color:var(--color-primary-light);color:#fff}.watch-chapter-index{opacity:.5;min-width:12px;font-size:10px}.watch-chapter-time{opacity:.55;font-variant-numeric:tabular-nums;font-size:10px}.related-chip{font-size:var(--font-xs);color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:#ffffff0a;border:1px solid #ffffff14;align-items:center;gap:4px;max-width:200px;padding:3px 8px;transition:background .15s,color .15s;display:inline-flex;overflow:hidden}.related-chip:hover{color:var(--color-text-primary);background:#ffffff17}.entry-detail{gap:var(--space-3);flex-direction:column;display:flex}.rd-header{align-items:center;gap:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid #ffffff0f;display:flex}.rd-title-area{flex:1;min-width:0}.rd-type-badge{font-size:10px;font-weight:var(--weight-semi);text-transform:uppercase;letter-spacing:.5px}.rd-title{font-size:var(--font-base);font-weight:var(--weight-bold);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;margin:2px 0;overflow:hidden}.rd-meta{font-size:var(--font-xs);color:var(--color-text-muted)}.rd-split{gap:var(--space-3);grid-template-columns:7fr 3fr;min-height:400px;display:grid}.rd-left{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.rd-right{gap:var(--space-3);flex-direction:column;display:flex}.rd-tabs{gap:var(--space-1);padding:0 0 var(--space-1);margin-bottom:var(--space-3);scrollbar-width:none;-ms-overflow-style:none;border-bottom:1px solid #ffffff0f;flex-shrink:0;display:flex;overflow-x:auto}.rd-tabs::-webkit-scrollbar{display:none}.rd-tab{cursor:pointer;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:1px solid #0000;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;display:flex}.rd-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.rd-tab.active{color:var(--accent-primary);background:var(--accent-bg);border:1px solid var(--accent-bg-strong)}.rd-tab:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.rd-content{flex:1;max-height:600px;overflow-y:auto}.rd-summary-body{font-size:var(--font-sm);color:var(--color-text-secondary);line-height:1.7}.rd-summary-body h1,.rd-summary-body h2,.rd-summary-body h3{color:var(--color-text-primary);margin-top:var(--space-4);margin-bottom:var(--space-2)}.rd-summary-body ul,.rd-summary-body ol{padding-left:var(--space-4)}.rd-summary-body li{margin-bottom:var(--space-1)}.rd-summary-body code{background:#ffffff0d;border-radius:3px;padding:1px 4px;font-size:.9em}.rd-transcript-list{max-height:500px;overflow-y:auto}.rd-transcript-row{gap:var(--space-2);padding:4px var(--space-2);border-radius:var(--radius-sm);cursor:pointer;transition:background .1s;display:flex}.rd-transcript-row:hover{background:#ffffff0a}.rd-transcript-row.active{background:#7c3aed1a}.rd-ts{color:var(--color-primary-light);flex-shrink:0;min-width:36px;padding-top:1px;font-family:monospace;font-size:10px}.rd-text{font-size:var(--font-xs);color:var(--color-text-secondary);line-height:1.5}.rd-section{padding:var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.rd-section-label{font-size:10px;font-weight:var(--weight-semi);color:var(--color-text-disabled);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-1);align-items:center;gap:4px;display:flex}.rd-participant{width:26px;height:26px;color:var(--color-primary-light);font-size:10px;font-weight:var(--weight-semi);background:#7c3aed26;border-radius:50%;justify-content:center;align-items:center;display:flex}.rd-tag{color:var(--color-text-muted);background:#ffffff0f;border-radius:10px;padding:1px 8px;font-size:10px}.rd-dl-btn{font-size:var(--font-xs)!important;gap:6px!important}.global-task-row{align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid #ffffff0a;transition:background .15s,opacity .3s;display:flex}.global-task-row:last-child{border-bottom:none}.global-task-row:hover{background:#ffffff08}.global-task-check{flex-shrink:0;padding-top:2px}.global-task-body{flex:1;min-width:0}.btn-task-done{cursor:pointer;background:0 0;border:none;padding:0;line-height:0;transition:transform .15s}.btn-task-done:hover{transform:scale(1.15)}.btn-task-done:hover span{border-color:var(--color-success)!important}.btn-task-done:focus-visible{outline:2px solid var(--color-primary-light);outline-offset:2px;border-radius:2px}@media (max-width:768px){.rd-split{grid-template-columns:1fr}.rd-right{order:-1}.rd-content{max-height:450px}.main-tab{padding:var(--space-2);font-size:11px}}@media (max-width:600px){#install-banner{left:var(--space-3)!important;right:var(--space-3)!important;bottom:var(--space-3)!important;max-width:none!important}.history-actions{flex-wrap:wrap;gap:2px}.card-compact{padding:var(--space-3)}.card{padding:var(--space-4)}.card-header{align-items:flex-start;gap:var(--space-2);flex-direction:column}.kbd-hint-mobile-hide,.header-tagline,kbd{display:none!important}#record-btn{width:60px!important;height:60px!important}.heatmap-svg{min-width:500px}.card-compact>div[style*="grid-template-columns:repeat(4,1fr)"]{grid-template-columns:repeat(2,1fr)!important}#ask-shortcut-hint{display:none!important}footer{gap:var(--space-2)!important;flex-direction:column!important}.session-template{padding:2px 6px!important;font-size:11px!important}.watch-layout{flex-direction:column!important}.watch-transcript-panel{border-top:1px solid #ffffff14!important;border-left:none!important;width:100%!important;max-height:200px!important}.app-main{padding-bottom:var(--bottom-nav-height,56px)}.mobile-bottom-nav{height:var(--bottom-nav-height,56px);background:var(--bg-primary);border-top:1px solid var(--border-default);z-index:var(--z-header,200);box-shadow:var(--shadow-lg);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav-item{color:var(--text-secondary);font-size:10px;font-weight:var(--weight-medium);cursor:pointer;height:100%;transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;display:flex}.mobile-nav-item.active{color:var(--accent-primary)}.mobile-nav-item:hover{color:var(--text-primary)}.mobile-nav-label{font-size:10px}.mobile-menu-btn{display:flex!important}.app-layout.sidebar-mobile-open>#sidebar-slot{width:240px;z-index:var(--z-sidebar,100);box-shadow:var(--shadow-lg);animation:slide-in-left var(--transition-sidebar,.2s cubic-bezier(.4, 0, .2, 1));position:fixed;top:0;bottom:0;left:0;display:block!important}.app-layout.sidebar-mobile-open:after{content:"";background:var(--bg-overlay);z-index:99;pointer-events:auto;animation:fade-in var(--transition-base);position:fixed;top:0;bottom:0;left:0;right:0}.setup-wizard-card{padding:var(--space-3)!important;max-width:90vw!important}}@media (min-width:769px){.mobile-bottom-nav,.mobile-sheet,.mobile-menu-btn{display:none!important}}@keyframes slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.mobile-sheet{z-index:var(--z-modal,500);justify-content:center;align-items:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.mobile-sheet.hidden{display:none!important}.mobile-sheet-overlay{background:var(--bg-overlay);animation:fade-in var(--transition-base);position:absolute;top:0;bottom:0;left:0;right:0}.mobile-sheet-content{background:var(--bg-elevated);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);border:1px solid var(--border-default);width:100%;max-width:480px;box-shadow:var(--shadow-xl);padding:var(--space-4) 0;gap:var(--space-3);animation:slide-up var(--transition-slow) cubic-bezier(.16, 1, .3, 1);z-index:1;border-bottom:none;flex-direction:column;display:flex;position:relative}.mobile-sheet-header{padding:0 var(--space-4);justify-content:space-between;align-items:center;display:flex}.mobile-sheet-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.mobile-sheet-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px}.mobile-sheet-close:hover{color:var(--text-primary)}.mobile-sheet-body{flex-direction:column;max-height:50vh;display:flex;overflow-y:auto}.mobile-sheet-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);text-align:left;cursor:pointer;width:100%;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;display:flex}.mobile-sheet-item:hover{background:var(--bg-hover);color:var(--text-primary)}.mobile-sheet-item.active{color:var(--accent-primary);background:var(--accent-bg)}.watch-layout{gap:var(--space-3);width:100%;max-width:1200px;height:78vh;max-height:78vh;display:flex}.watch-video-col{gap:var(--space-2);flex-direction:column;flex:1;min-width:0;display:flex}.watch-video-col video{border-radius:var(--radius-lg);object-fit:contain;background:#000;outline:none;flex:1;width:100%;min-height:0}.watch-transcript-panel{border-radius:var(--radius-lg);background:#ffffff08;border-left:1px solid #ffffff14;flex-direction:column;flex-shrink:0;width:320px;display:flex;overflow:hidden}.watch-transcript-header{padding:var(--space-2) var(--space-3);gap:var(--space-2);border-bottom:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;display:flex}.watch-transcript-title{font-size:11px;font-weight:var(--weight-semi);color:#ffffff80;text-transform:uppercase;letter-spacing:.05em}.watch-transcript-search{border-radius:var(--radius-sm);color:#fff;background:#0000004d;border:1px solid #ffffff1a;outline:none;width:100%;padding:5px 8px;font-size:12px;transition:border-color .2s}.watch-transcript-search:focus{border-color:var(--color-primary)}.watch-transcript-search::placeholder{color:#ffffff40}.watch-transcript-list{padding:var(--space-1) 0;scroll-behavior:smooth;flex:1;overflow-y:auto}.transcript-row{gap:var(--space-2);padding:6px var(--space-3);cursor:pointer;border-left:3px solid #0000;font-size:12px;line-height:1.5;transition:background .15s;display:flex}.transcript-row:hover{background:#ffffff0a}.transcript-row.transcript-active{border-left-color:var(--color-primary);background:#8b5cf61a}.transcript-row.transcript-match{background:#fde0470f}.transcript-ts{font-variant-numeric:tabular-nums;color:var(--color-primary-light);font-weight:var(--weight-semi);flex-shrink:0;min-width:36px;padding-top:1px;font-size:11px}.transcript-text{color:#ffffffb3}.transcript-row.transcript-active .transcript-text{color:#fffffff2}.transcript-text mark{color:inherit;background:#fde04747;border-radius:2px;padding:0 1px}.watch-no-transcript{padding:var(--space-4);text-align:center;color:#ffffff4d;font-size:12px}.archive-frame-container{aspect-ratio:16/9;border-radius:var(--radius-lg);background:#000;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.archive-frame-img{object-fit:contain;width:100%;height:100%;transition:opacity .3s}.archive-frame-counter{color:#fff9;font-variant-numeric:tabular-nums;background:#0009;border-radius:20px;padding:2px 8px;font-size:10px;position:absolute;bottom:8px;right:10px}.toggle-switch{cursor:pointer;align-items:center;display:inline-flex;position:relative}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{background:#ffffff1a;border:1px solid #ffffff26;border-radius:20px;width:36px;height:20px;transition:background .25s,border-color .25s;position:relative}.toggle-slider:after{content:"";background:var(--color-text-muted);width:14px;height:14px;transition:transform .25s var(--ease-spring), background .25s;border-radius:50%;position:absolute;top:2px;left:2px}.toggle-switch input:checked+.toggle-slider{background:#10b98133;border-color:#10b98166}.toggle-switch input:checked+.toggle-slider:after{background:var(--color-success);transform:translate(16px)}.toggle-switch input:focus-visible+.toggle-slider{outline:2px solid var(--color-primary-light);outline-offset:2px}.recovery-banner{bottom:var(--space-6);align-items:center;gap:var(--space-4);width:calc(100vw - 2rem);max-width:720px;padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);background:var(--color-info-dim,#06b6d426);-webkit-backdrop-filter:blur(20px);z-index:60;font-size:var(--font-sm);border:1px solid #06b6d44d;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 16px 50px #0009}@media (max-width:600px){.recovery-banner{text-align:left;flex-direction:column;align-items:stretch}}.header-tagline{color:var(--color-text-disabled);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:var(--weight-semi);margin-top:-2px;display:block}.card{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:border-color var(--transition-base), box-shadow var(--transition-base), background var(--transition-base)}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.card-compact{padding:var(--space-3)}.card-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.card-header h3{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.card-title{font-size:var(--text-md);font-weight:var(--weight-semibold);margin-bottom:var(--space-2);color:var(--text-primary)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:all var(--transition-base);white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;border:1px solid #0000;display:inline-flex;position:relative;overflow:hidden}.btn:hover{background:var(--bg-hover)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--accent-primary);color:var(--text-inverse)}.btn-primary:hover{background:var(--accent-hover)}.btn-danger{background:var(--color-danger);color:var(--text-inverse)}.btn-danger:hover{filter:brightness(.9)}.btn-success{background:var(--color-success);color:var(--text-inverse)}.btn-success:hover{filter:brightness(.9)}.btn-ghost{color:var(--text-secondary);background:0 0;border:1px solid #0000}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-sm{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.btn-icon{padding:var(--space-1);border-radius:var(--radius-sm);width:32px;height:32px}.btn-outline{color:var(--accent-primary);border:1px solid var(--border-default);background:0 0}.btn-outline:hover{background:var(--accent-bg);border-color:var(--accent-primary)}.record-btn{background:var(--color-danger);width:80px;height:80px;color:var(--text-inverse);box-shadow:0 0 0 0 var(--color-recording-glow);transition:all var(--transition-base);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.record-btn:hover{box-shadow:0 0 30px var(--color-recording-glow);transform:scale(1.05)}.record-btn.recording{animation:2s ease-in-out infinite record-pulse}.record-btn .record-icon{width:24px;height:24px;transition:border-radius var(--transition-base);background:#fff;border-radius:4px}.record-btn:not(.recording) .record-icon{border-radius:50%}.input-group{gap:var(--space-1);flex-direction:column;display:flex}.input-group label{font-size:var(--text-2xs);font-weight:var(--weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.input,.select{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);color:var(--text-primary);font-size:var(--text-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;width:100%;height:36px}.input:focus,.select:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--accent-bg)}.select{-webkit-appearance:none;appearance:none;cursor:pointer;background-image: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='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);font-size:var(--text-2xs);font-weight:var(--weight-medium);padding:2px 8px;display:inline-flex}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-info{background:var(--color-info-bg);color:var(--color-info)}.badge-neutral{background:var(--bg-secondary);color:var(--text-secondary)}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot.online{background:var(--color-success);box-shadow:0 0 6px var(--color-success)}.status-dot.offline{background:var(--color-text-muted)}.status-dot.recording{background:var(--color-recording);box-shadow:0 0 6px var(--color-recording);animation:1.5s ease-in-out infinite blink}.footer-link{align-items:center;gap:var(--space-1);color:var(--color-text-muted);font-size:var(--font-xs);text-decoration:none;transition:color .2s;display:inline-flex}.footer-link:hover{color:var(--color-primary-light)}.progress-bar{background:var(--color-bg-surface);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.progress-fill{background:var(--color-accent-gradient);border-radius:var(--radius-full);height:100%;transition:width var(--duration-normal) var(--ease-out);position:relative}.progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);animation:2s linear infinite shimmer;position:absolute;top:0;bottom:0;left:0;right:0}.toast-container{top:var(--space-4);right:var(--space-4);z-index:var(--z-toast);gap:var(--space-2);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{pointer-events:auto;align-items:center;gap:var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-lg);animation:toast-in var(--transition-slow) var(--ease-spring);min-width:280px;max-width:380px;display:flex}.toast-icon{flex-shrink:0;width:20px;height:20px}.toast-body{flex:1;min-width:0}.toast-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.toast-msg{font-size:var(--text-xs);color:var(--text-secondary);margin-top:2px}.toast-close{opacity:.5;cursor:pointer;padding:var(--space-1);color:var(--text-secondary);flex-shrink:0}.toast-close:hover{opacity:1;color:var(--text-primary)}.toast.success{border-left:3px solid var(--color-success)}.toast.error{border-left:3px solid var(--color-danger)}.toast.warning{border-left:3px solid var(--color-warning)}.toast.info{border-left:3px solid var(--color-info)}.toast.removing{animation:toast-out var(--transition-base) forwards}.preview-container{border-radius:var(--radius-lg);aspect-ratio:16/9;border:1px solid var(--color-border-strong);box-shadow:var(--shadow-lg);transition:box-shadow var(--duration-slow) var(--ease-out);background:#000;position:relative;overflow:hidden}body.cinematic-mode .preview-container{border-color:#7c3aed4d;box-shadow:0 0 50px #7c3aed26}.preview-container video{object-fit:contain;width:100%;height:100%}.preview-placeholder{justify-content:center;align-items:center;gap:var(--space-3);height:100%;color:var(--color-text-muted);background:linear-gradient(135deg,#ffffff05 0%,#0000 100%);flex-direction:column;display:flex}.preview-placeholder svg{opacity:.3}.waveform-container{bottom:var(--space-4);left:var(--space-4);right:var(--space-4);z-index:2;pointer-events:none;justify-content:center;align-items:flex-end;gap:2px;height:40px;display:flex;position:absolute}.waveform-bar{background:var(--color-primary-light);opacity:.8;border-radius:2px;width:4px;transition:height 50ms ease-out,background-color .15s}.pip-btn{top:var(--space-4);right:var(--space-4);border-radius:var(--radius-md);padding:var(--space-2);color:#fff;cursor:pointer;opacity:0;transition:opacity var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#00000080;border:1px solid #ffffff1a;position:absolute}.preview-container:hover .pip-btn{opacity:1}.pip-btn:hover{background:#ffffff1a;border-color:#fff3}.stat-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.stat{gap:var(--space-1);flex-direction:column;display:flex}.stat-value{font-size:var(--font-lg);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.stat-label{font-size:var(--font-xs);color:var(--color-text-muted)}.history-item{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border-default);box-shadow:var(--shadow-sm);transition:border-color var(--transition-base), box-shadow var(--transition-base), background var(--transition-base);cursor:default;flex-direction:column;display:flex}.history-item:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.history-icon{border-radius:var(--radius-sm);background:var(--accent-bg);width:36px;height:36px;color:var(--accent-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.history-info{cursor:pointer;border-radius:var(--radius-sm);min-width:0;padding:var(--space-1);transition:background var(--transition-fast);flex:1}.history-info:hover{background:var(--bg-hover)}.history-info:hover .history-title{color:var(--accent-primary)}.history-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);white-space:nowrap;text-overflow:ellipsis;color:var(--text-primary);overflow:hidden}.history-meta{font-size:var(--text-xs);color:var(--text-secondary)}.history-actions{gap:var(--space-1);display:flex}.history-tag{white-space:nowrap;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-default);border-radius:8px;align-items:center;gap:3px;padding:1px 6px;font-size:10px;font-weight:500;display:inline-flex}.history-tag--device{color:var(--text-secondary);border-color:var(--border-default);background:var(--bg-secondary)}.history-tag--cloud{color:var(--color-info);border-color:var(--color-info-bg);background:var(--color-info-bg)}.history-tag--ai{color:var(--accent-primary);border-color:var(--accent-bg);background:var(--accent-bg)}.empty-state{padding:var(--space-10) var(--space-4);color:var(--color-text-muted);text-align:center;justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.empty-state svg{opacity:.2}.empty-state p{font-size:var(--font-sm);max-width:260px}.contact-row:hover{background:#ffffff08}#drop-overlay{z-index:10000;-webkit-backdrop-filter:blur(8px);opacity:0;transition:opacity .2s var(--ease-out);pointer-events:all;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}#drop-overlay.active{opacity:1}.drop-zone{align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-10);border-radius:var(--radius-lg);color:var(--color-text-secondary);text-align:center;animation:scale-in .2s var(--ease-out) both;background:#7c3aed14;border:2px dashed #7c3aed80;flex-direction:column;display:flex}.drop-zone svg{color:var(--color-primary-light);opacity:.6}.drop-zone p{font-size:var(--font-base);font-weight:var(--weight-semi);margin:0}.consent-banner{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-warning-dim);font-size:var(--font-xs);color:var(--color-warning);border:1px solid #f59e0b33;display:flex}.consent-banner svg{flex-shrink:0}.upload-panel{gap:var(--space-4);flex-direction:column;display:flex}.upload-stats{font-size:var(--font-xs);color:var(--color-text-secondary);justify-content:space-between;display:flex}.account-widget{position:relative}.account-trigger{align-items:center;gap:var(--space-2);cursor:pointer;font-family:inherit;font-size:var(--font-sm);font-weight:var(--weight-medium);transition:all var(--duration-fast) var(--ease-out);border:none;border-radius:99px;padding:6px 14px;display:flex}.account-trigger:hover{transform:translateY(-1px)}.account-trigger:active{transform:translateY(0)}.account-trigger--cta{background:var(--color-accent-gradient);color:#fff;box-shadow:0 2px 12px #7c3aed40}.account-trigger--cta:hover{box-shadow:0 4px 20px #7c3aed59}.account-trigger--user{background:var(--glass-bg-premium);color:var(--color-text-primary);border:1px solid var(--glass-border-premium);-webkit-backdrop-filter:blur(8px)}.account-trigger--user:hover{border-color:var(--color-border-strong)}.account-avatar{width:28px;height:28px;font-size:11px;font-weight:var(--weight-bold);color:#fff;background:var(--color-accent-gradient);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.account-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.account-chevron{transition:transform var(--duration-fast) var(--ease-out);opacity:.6;flex-shrink:0}.account-widget.open .account-chevron{transform:rotate(180deg)}.account-menu{min-width:240px;padding:var(--space-2) 0;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(var(--glass-blur-premium));z-index:100;animation:menu-enter var(--duration-fast) var(--ease-out);background:#0e0e1eeb;border:1px solid #ffffff1a;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 32px #00000080}@keyframes menu-enter{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.account-menu-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);font-size:var(--font-sm);color:var(--color-text-secondary);cursor:pointer;text-align:left;width:100%;transition:background var(--duration-fast), color var(--duration-fast);background:0 0;border:none;font-family:inherit;display:flex}.account-menu-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.account-menu-item:active{background:#ffffff0f}.account-menu-item--disabled{opacity:.4;cursor:default;pointer-events:none}.account-menu-item--danger:hover{color:var(--color-danger)}.account-menu-divider{background:var(--glass-border-premium);height:1px;margin:var(--space-2) var(--space-4)}.account-menu-label{padding:var(--space-1) var(--space-4);font-size:var(--font-xs);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.coming-soon-tag{color:var(--color-text-muted);font-size:10px;font-weight:var(--weight-medium);letter-spacing:.02em;background:#ffffff0f;border-radius:99px;padding:1px 6px}.type-chip{color:var(--color-text-muted);cursor:pointer;white-space:nowrap;transition:background var(--duration-fast), border-color var(--duration-fast), color var(--duration-fast);background:#ffffff0a;border:1px solid #ffffff14;border-radius:99px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-flex}.type-chip.active{color:var(--color-primary-light);background:#7c3aed26;border-color:#7c3aed66}.type-chip:hover:not(.active){color:var(--color-text-secondary);background:#ffffff14;border-color:#ffffff26}.date-chip{color:var(--color-text-disabled);cursor:pointer;white-space:nowrap;transition:background var(--duration-fast), border-color var(--duration-fast), color var(--duration-fast);background:#ffffff08;border:1px solid #ffffff12;border-radius:99px;align-items:center;padding:3px 10px;font-size:11px;font-weight:500;display:inline-flex}.date-chip.active{color:#34d399;background:#10b9811f;border-color:#10b98159}.date-chip:hover:not(.active){color:var(--color-text-muted);background:#ffffff12;border-color:#ffffff1f}.tag-filter-chip{cursor:pointer;color:var(--color-text-muted);background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.tag-filter-chip.active{color:#fbbf24;background:#f59e0b1f;border-color:#f59e0b59}.tag-filter-chip:hover:not(.active){color:var(--color-text-muted);background:#ffffff12;border-color:#ffffff1f}.history-tag-row{padding:0 var(--space-3) 0 52px;flex-wrap:wrap;gap:4px;display:flex}.history-tag-chip{cursor:pointer;color:#d97706;background:#f59e0b14;border:1px solid #f59e0b33;border-radius:8px;align-items:center;padding:1px 6px;font-size:9px;transition:background .12s,border-color .12s;display:inline-flex}.history-tag-chip.active{color:#fbbf24;background:#f59e0b33;border-color:#f59e0b73}.history-tag-chip:hover{background:#f59e0b24;border-color:#f59e0b4d}.history-tag-editor{padding:var(--space-1) var(--space-3) var(--space-1) 52px}.history-tag-editor .input{font-size:var(--font-xs);padding:4px var(--space-2);width:100%}.history-note-area{padding:0 var(--space-3) 0 52px}.history-note-preview{font-size:var(--font-xs);color:var(--color-text-secondary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:text;margin:var(--space-1) 0;background:#ffffff05;border:1px solid #ffffff0f;line-height:1.55}.history-note-preview:hover{border-color:#ffffff1a}.history-note-textarea{box-sizing:border-box;width:100%;font-size:var(--font-xs);color:var(--color-text-primary);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);resize:vertical;margin:var(--space-1) 0;background:#ffffff08;border:1px solid #ffffff1a;outline:none;font-family:inherit;line-height:1.55;transition:border-color .15s}.history-note-textarea:focus{background:#ffffff0a;border-color:#7c3aed80}.history-note-btn.has-note{color:var(--color-primary-light)}.history-pin.pinned{color:#fbbf24}.session-config-grid{gap:var(--space-3);grid-template-columns:1fr auto auto;align-items:end;display:grid}.sidebar .session-config-grid{grid-template-columns:1fr;align-items:stretch}.sidebar .session-config-grid .input-group{min-width:0!important}@media (max-width:600px){.session-config-grid{grid-template-columns:1fr}.session-config-grid .input-group{min-width:0!important}}.main-tab-bar{gap:var(--space-1);padding:0 0 var(--space-1);margin-bottom:var(--space-3);scrollbar-width:none;-ms-overflow-style:none;border-bottom:1px solid #ffffff0f;display:flex;overflow-x:auto}.main-tab-bar::-webkit-scrollbar{display:none}.main-tab{cursor:pointer;font-size:var(--font-xs);font-weight:var(--weight-semi);color:var(--color-text-secondary);border-radius:var(--radius-full);transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;background:0 0;border:none;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;display:flex}.main-tab:hover{color:var(--color-text-primary);background:#ffffff08}.main-tab.active{color:var(--color-primary-light);background:#7c3aed14;border:1px solid #7c3aed26;box-shadow:0 2px 10px -2px #7c3aed1a}.main-tab:focus-visible{outline:2px solid var(--color-primary-light);outline-offset:2px}.tab-label{pointer-events:none}.tab-badge{font-size:9px;font-weight:var(--weight-bold);text-align:center;background:var(--color-primary);color:#fff;min-width:16px;height:16px;animation:scale-in .2s var(--ease-out) both;border-radius:8px;margin-left:2px;padding:0 4px;line-height:16px;display:none}.archive-frame-container{border-radius:var(--radius-md);aspect-ratio:16/9;background:#000;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.archive-frame-placeholder{background:#ffffff08;border:1px dashed #ffffff1a}.archive-frame-img{object-fit:contain;width:100%;height:100%}.archive-frame-counter{color:#fff9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:10px;padding:2px 8px;font-size:10px;position:absolute;bottom:8px;right:10px}.feedback-fab{background:linear-gradient(135deg, var(--accent,#7c3aed) 0%, #6d28d9 100%);color:#fff;cursor:pointer;z-index:9000;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 16px #7c3aed59}.feedback-fab:hover{transform:scale(1.1);box-shadow:0 6px 24px #7c3aed80}.feedback-fab svg{width:20px;height:20px}.feedback-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#0009;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.feedback-panel{background:var(--card-bg,#1e1b2e);border:1px solid var(--color-border);border-radius:16px;width:min(480px,92vw);max-height:85vh;animation:.2s ease-out slideUp;overflow-y:auto;box-shadow:0 16px 48px #00000080}.feedback-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.feedback-header h3{margin:0;font-size:16px;font-weight:600}.feedback-close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px}.feedback-close:hover{color:#fff;background:#ffffff14}.feedback-body{padding:16px 20px}.feedback-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:14px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.feedback-label:first-child{margin-top:0}.feedback-categories{flex-wrap:wrap;gap:8px;display:flex}.feedback-cat{border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:20px;padding:6px 14px;font-size:13px;transition:all .15s}.feedback-cat:hover{border-color:var(--accent,#7c3aed);color:#fff}.feedback-cat.active{border-color:var(--accent,#7c3aed);color:#fff;background:#7c3aed33}.feedback-textarea{border:1px solid var(--color-border);color:#fff;resize:vertical;background:#0003;border-radius:8px;width:100%;min-height:80px;padding:10px 12px;font-family:inherit;font-size:14px}.feedback-textarea:focus{border-color:var(--accent,#7c3aed);outline:none}.feedback-char-count{text-align:right;color:var(--color-text-muted);margin-top:4px;font-size:11px}.feedback-toggle-row{cursor:pointer;align-items:center;gap:8px;margin-top:14px;font-size:13px;display:flex}.feedback-hint{color:var(--color-text-muted);font-size:11px}.feedback-input{border:1px solid var(--color-border);color:#fff;background:#0003;border-radius:8px;width:100%;padding:8px 12px;font-family:inherit;font-size:13px}.feedback-input:focus{border-color:var(--accent,#7c3aed);outline:none}.feedback-preview-toggle{margin-top:14px}.feedback-preview-btn{color:var(--accent,#7c3aed);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px}.feedback-preview-btn:hover{text-decoration:underline}.feedback-preview-pre{color:var(--color-text-muted);white-space:pre-wrap;word-break:break-all;background:#0000004d;border-radius:8px;max-height:200px;margin-top:8px;padding:10px;font-size:11px;overflow-x:auto}.feedback-footer{border-top:1px solid var(--color-border);justify-content:flex-end;gap:10px;padding:12px 20px 16px;display:flex}.feedback-cancel{border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;background:0 0;border-radius:8px;padding:8px 16px;font-size:13px}.feedback-cancel:hover{color:#fff;border-color:#fff}.feedback-submit{background:var(--accent,#7c3aed);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:600;display:flex}.feedback-submit:hover{filter:brightness(1.1)}.feedback-submit:disabled{opacity:.6;cursor:not-allowed}.feedback-submit svg{width:14px;height:14px}.feedback-history-list{flex-direction:column;gap:6px;display:flex}.feedback-history-item{background:#00000026;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:flex}.feedback-history-cat{flex-shrink:0}.feedback-history-desc{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}@media (max-width:600px){.feedback-fab{width:42px;height:42px;bottom:16px;right:16px}}@keyframes record-pulse{0%{box-shadow:0 0 0 0 var(--color-recording-glow)}50%{box-shadow:0 0 0 16px #0000}to{box-shadow:0 0 0 0 var(--color-recording-glow)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes toast-in{0%{opacity:0;transform:translate(100%)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(100%)scale(.9)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes float-emoji{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-in{animation:slide-up var(--duration-slow) var(--ease-out) both}.animate-in:nth-child(2){animation-delay:60ms}.animate-in:nth-child(3){animation-delay:.12s}.animate-in:nth-child(4){animation-delay:.18s}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-primary-light);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.spinner-lg{border-width:3px;width:32px;height:32px}@keyframes card-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card-enter{animation:.25s ease-out both card-enter}.card-enter:nth-child(2){animation-delay:50ms}.card-enter:nth-child(3){animation-delay:.1s}.card-enter:nth-child(4){animation-delay:.15s}.card-enter:nth-child(5){animation-delay:.2s}.tab-panel-enter{animation:.15s both fade-in}.sidebar-section-items{transition:max-height .2s cubic-bezier(.4,0,.2,1),opacity .15s;overflow:hidden}.sidebar-section-items.collapsed{opacity:0;pointer-events:none;max-height:0!important}
