:root{--color-bg: #0a0a0f;--color-surface: #faf8f5;--color-surface-secondary: #f3f0eb;--color-surface-hover: #ede9e3;--color-surface-active: #e5e0d8;--color-border: #d9d3ca;--color-border-light: #e8e3dc;--color-text-primary: #2c2418;--color-text-secondary: #6b5e50;--color-text-tertiary: #a09585;--color-text-inverse: #ffffff;--color-primary: #c04430;--color-primary-hover: #a83a28;--color-primary-light: #fdf0ed;--color-primary-border: #f0c4bb;--color-success: #3a7d44;--color-success-light: #eef7f0;--color-success-border: #b8dbbe;--color-warning: #c07a1e;--color-warning-light: #fdf6ea;--color-warning-border: #f0d69a;--color-danger: #c04430;--color-danger-light: #fdf0ed;--color-danger-border: #f0c4bb;--jack-red: #c04430;--jack-blue: #2a5fa8;--jack-gold: #d4a020;--cat-reply: #c04430;--cat-action: #d4862a;--cat-review: #2a5fa8;--cat-meeting: #7c5bb0;--cat-fyi: #8a7e70;--font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Instrument Serif", Georgia, "Times New Roman", serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Consolas", monospace;--text-xs: .6875rem;--text-sm: .75rem;--text-base: .875rem;--text-lg: 1rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--line-height: 1.5;--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;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(44,36,24,.05);--shadow-sm: 0 1px 3px rgba(44,36,24,.07), 0 1px 2px rgba(44,36,24,.04);--shadow-md: 0 4px 8px -1px rgba(44,36,24,.08), 0 2px 4px -2px rgba(44,36,24,.05);--shadow-lg: 0 10px 20px -3px rgba(44,36,24,.1), 0 4px 8px -4px rgba(44,36,24,.06);--shadow-xl: 0 20px 30px -5px rgba(44,36,24,.12), 0 8px 12px -6px rgba(44,36,24,.06);--transition-fast: .1s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--sidebar-width: 64px;--content-max-width: 960px;--connections-panel-width: 300px}[data-theme=dark]{--color-bg: #0a0a0f;--color-surface: #1a1820;--color-surface-secondary: #222028;--color-surface-hover: #2a2830;--color-surface-active: #332f3a;--color-border: #3a3540;--color-border-light: #2e2a35;--color-text-primary: #f0ece6;--color-text-secondary: #a09585;--color-text-tertiary: #6b5e50;--color-text-inverse: #1a1820;--color-primary: #d4604e;--color-primary-hover: #e0705f;--color-primary-light: #2a1a18;--color-primary-border: #5a2a22;--color-success: #4a9d56;--color-success-light: #1a2a1c;--color-success-border: #2a4a2e;--color-warning: #d49a3e;--color-warning-light: #2a2218;--color-warning-border: #4a3a1e;--color-danger: #d4604e;--color-danger-light: #2a1a18;--color-danger-border: #5a2a22;--shadow-xs: 0 1px 2px rgba(0,0,0,.2);--shadow-sm: 0 1px 3px rgba(0,0,0,.3), 0 1px 2px rgba(0,0,0,.2);--shadow-md: 0 4px 8px -1px rgba(0,0,0,.35), 0 2px 4px -2px rgba(0,0,0,.2);--shadow-lg: 0 10px 20px -3px rgba(0,0,0,.4), 0 4px 8px -4px rgba(0,0,0,.25);--shadow-xl: 0 20px 30px -5px rgba(0,0,0,.5), 0 8px 12px -6px rgba(0,0,0,.3);color-scheme:dark}[data-theme=dark] .main-content{background:#1a1820f7}[data-theme=dark] .connections-panel,[data-theme=dark] .connections-panel-header,[data-theme=dark] .mobile-bottom-bar{background:#1a1820f5}[data-theme=dark] .todo-item{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .todo-item:hover{background:var(--color-surface-hover)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:var(--color-surface-secondary);color:var(--color-text-primary);border-color:var(--color-border)}[data-theme=dark] .settings-tab{color:var(--color-text-secondary)}[data-theme=dark] .settings-tab.active{color:var(--color-text-primary)}[data-theme=dark] .modal-overlay .modal-content,[data-theme=dark] .dialog-overlay .dialog-content{background:var(--color-surface);color:var(--color-text-primary)}[data-theme=dark] .welcome-screen{background:var(--color-bg)}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body{overflow-x:hidden;width:100%}*{box-sizing:border-box;margin:0;padding:0}@media(max-width:768px){input,select,textarea{font-size:16px!important}}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text-primary);font-size:var(--text-base);line-height:var(--line-height);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.jacks-bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.jacks-bg-gradient{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 20% 20%,rgba(220,38,38,.07) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 50%,rgba(37,99,235,.07) 0%,transparent 60%),radial-gradient(ellipse 70% 45% at 50% 80%,rgba(250,204,21,.05) 0%,transparent 60%),linear-gradient(180deg,#0a0a12,#0d0d18,#0a0a10)}.jacks-bg-svg{position:absolute;inset:0;width:100%;height:100%;opacity:.6}.jacks-bg-noise{position:absolute;inset:0;opacity:.3;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");background-size:128px 128px;mix-blend-mode:overlay}@keyframes jbFloat1{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(4px,-8px) rotate(3deg)}}@keyframes jbFloat2{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-6px,6px) rotate(-4deg)}}@keyframes jbFloat3{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(5px,5px) rotate(2deg)}}.jb-jack{filter:drop-shadow(0 0 8px rgba(255,255,255,.1));animation:var(--jb-anim) ease-in-out infinite;will-change:transform}.app-shell{display:flex;min-height:100vh;max-width:100vw;overflow-x:hidden;position:relative;z-index:1}.broadcast-banner{position:fixed;top:0;left:0;right:0;z-index:9999;background:var(--color-jack-red, #c04430);color:#fff;font-family:var(--font-body, "Outfit", sans-serif);font-size:var(--text-sm, .85rem);font-weight:500;line-height:1;overflow:hidden;padding:6px 0}.broadcast-track{display:inline-block;white-space:nowrap;padding-left:100%;animation:broadcast-scroll 20s linear infinite}@keyframes broadcast-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.broadcast-banner+.app-shell,.broadcast-banner+.welcome-screen,.broadcast-banner+.onboarding-flow{margin-top:28px}.broadcast-banner~.app-shell .main-content{height:calc(100vh - 28px)}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;height:100dvh;background:#0f0e14d1;backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;align-items:center;padding:var(--space-5) 0;padding-bottom:max(var(--space-5),env(safe-area-inset-bottom));z-index:100;transition:background var(--transition-base);overflow-y:auto;overflow-x:hidden}.sidebar-logo{width:36px;height:36px;margin-bottom:var(--space-8);display:flex;align-items:center;justify-content:center;cursor:default}.sidebar-logo svg{width:28px;height:28px;color:#ffffffe6}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-2);flex:1}.sidebar-nav-item{width:52px;height:48px;border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;border:none;background:transparent;color:#ffffff8c;transition:all var(--transition-base);position:relative}.sidebar-nav-item:hover{background:#ffffff14;color:#ffffffe6}.sidebar-nav-item.active{background:#c0443033;color:#f0a090}.sidebar-nav-item.active:before{content:"";position:absolute;left:-2px;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--jack-red);border-radius:0 2px 2px 0}.sidebar-nav-item svg{width:22px;height:22px}.sidebar-nav-item[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);background:#faf8f5f5;color:var(--color-text-primary);padding:5px 12px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);white-space:nowrap;pointer-events:none;z-index:200;box-shadow:var(--shadow-md)}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.sidebar-user{position:relative;margin-top:auto}.sidebar-user-menu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:220px;z-index:10000;overflow:hidden;animation:dropdownIn var(--transition-fast)}.sidebar-user-menu-info{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light)}.sidebar-user-menu-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);font-family:var(--font-family)}.sidebar-user-menu-email{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:2px;word-break:break-all}.sidebar-user-menu-divider{height:1px;background:var(--color-border-light)}.sidebar-user-menu-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-4);border:none;background:none;font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;text-align:left;transition:background var(--transition-fast)}.sidebar-user-menu-item:hover{background:var(--color-surface-hover)}.sidebar-user-menu-danger{color:var(--color-danger)}.main-content{margin-left:var(--sidebar-width);flex:1;height:100vh;background:#faf8f5f7;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.main-layout{display:flex;min-height:100%}.main-inner{flex:1;min-width:0;max-width:var(--content-max-width);margin:0 auto;padding:var(--space-8) var(--space-8)}.page-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-8);min-height:40px}.page-title{font-family:var(--font-display);font-size:2rem;font-weight:400;color:var(--color-text-primary);letter-spacing:-.01em;font-style:italic;display:flex;align-items:center;gap:var(--space-2)}.page-title-icon{flex-shrink:0}.page-header-actions{display:flex;align-items:center;gap:var(--space-2)}.mobile-connections-btn{display:none;position:relative;width:36px;height:36px;border-radius:50%;border:2px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;align-items:center;justify-content:center;transition:border-color var(--transition-fast)}.mobile-connections-btn:hover{border-color:var(--jack-blue);color:var(--jack-blue)}.mobile-connections-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;border-radius:9px;background:var(--jack-red);color:#fff;font-size:10px;font-weight:var(--font-bold);font-family:var(--font-family);display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1}@media(max-width:1180px){.mobile-connections-btn{display:flex}}.mobile-user-menu{display:none;position:relative}.mobile-user-btn{width:36px;height:36px;border-radius:50%;border:2px solid var(--color-border);background:var(--jack-red);color:#fff;font-size:var(--text-sm);font-weight:var(--font-bold);font-family:var(--font-family);cursor:pointer;display:flex;align-items:center;justify-content:center}.mobile-user-dropdown{position:fixed;right:var(--space-4);left:auto;bottom:auto;overflow:visible;z-index:10000}@media(max-width:768px){.mobile-user-menu{display:block}.sidebar-user{display:none}}.gmail-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-primary-light);border:1px solid var(--color-primary-border);border-radius:var(--radius-md);margin-bottom:var(--space-6);flex-wrap:wrap}.gmail-banner-content{flex:1;font-size:var(--text-base);color:var(--color-text-primary)}.gmail-banner-hint{width:100%;font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.view-as-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:#fef3c7;border-bottom:1px solid #fbbf24;font-size:var(--text-sm);color:#92400e;position:sticky;top:0;z-index:50}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--text-base);font-weight:var(--font-medium);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-base);line-height:1.4;white-space:nowrap}.btn:hover{background:var(--color-surface-hover);border-color:var(--color-border);color:var(--color-text-primary)}@media(hover:hover){.btn:hover{transform:translateY(-.5px)}}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-text-inverse)}.btn-success{background:var(--color-success);color:var(--color-text-inverse);border-color:var(--color-success)}.btn-success:hover{background:#15803d;border-color:#15803d;color:var(--color-text-inverse)}.btn-warning{background:var(--color-warning);color:var(--color-text-inverse);border-color:var(--color-warning)}.btn-warning:hover{background:#b45309;border-color:#b45309;color:var(--color-text-inverse)}.btn-danger{color:var(--color-danger);border-color:var(--color-danger-border);background:var(--color-surface)}.btn-danger:hover{background:var(--color-danger);color:var(--color-text-inverse);border-color:var(--color-danger)}.btn-ghost{border-color:transparent;background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--color-surface-hover);border-color:transparent}.btn-small{padding:var(--space-1) var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-sm)}.btn-icon{padding:var(--space-1);border-color:transparent;background:transparent;color:var(--color-text-tertiary);border-radius:var(--radius-sm)}.btn-icon:hover{background:var(--color-surface-hover);color:var(--color-text-secondary);border-color:transparent}.status-tabs{display:flex;gap:var(--space-1);margin-bottom:var(--space-4);background:var(--color-surface-secondary);padding:var(--space-1);border-radius:var(--radius-md)}.tab{padding:var(--space-2) var(--space-4);border:none;background:none;cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-tertiary);border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap}.tab:hover{color:var(--color-text-secondary);background:#ffffff80}.tab.active{background:var(--color-surface);color:var(--jack-red);box-shadow:var(--shadow-xs)}.tab .tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-full);background:var(--color-surface-active);font-size:10px;font-weight:var(--font-semibold);margin-left:var(--space-1);color:var(--color-text-tertiary)}.tab.active .tab-count{background:#c044301a;color:var(--jack-red)}.filter-bar-wrapper{margin-bottom:var(--space-4)}.filter-toggle-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.filter-toggle-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.filter-toggle-btn:hover{border-color:var(--color-primary-border);color:var(--color-primary)}.filter-toggle-btn.has-filters{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.filter-count-badge{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-text-inverse);font-size:10px;font-weight:var(--font-bold)}.active-filter-pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2) 2px var(--space-3);border-radius:var(--radius-full);background:var(--color-surface-secondary);border:1px solid var(--color-border);font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:var(--font-medium)}.active-filter-pill button{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background:none;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-full);font-size:14px;line-height:1}.active-filter-pill button:hover{color:var(--color-danger);background:var(--color-danger-light)}.filter-clear-link{font-size:var(--text-xs);color:var(--color-primary);cursor:pointer;border:none;background:none;font-weight:var(--font-medium)}.filter-clear-link:hover{text-decoration:underline}.filter-panel{margin-top:var(--space-3);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-3);animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.filter-section{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.filter-section-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;min-width:70px}.deadline-filter-pills{display:flex;gap:var(--space-2);padding:var(--space-2) 0;flex-wrap:wrap}.deadline-pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:4px 12px;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);font-size:var(--text-xs);font-family:var(--font-body);font-weight:var(--font-medium);cursor:pointer;transition:all .15s ease;color:var(--color-text-secondary)}.deadline-pill:hover{border-color:var(--color-text-tertiary)}.deadline-pill-count{background:var(--color-bg-tertiary);padding:0 6px;border-radius:var(--radius-full);font-size:10px;font-weight:var(--font-semibold);min-width:18px;text-align:center}.deadline-pill--overdue{color:var(--color-danger);border-color:#dc262633}.deadline-pill--overdue .deadline-pill-count{background:#dc26261a;color:var(--color-danger)}.deadline-pill--overdue.active{background:#dc262614;border-color:var(--color-danger)}.deadline-pill--today{color:#ea580c;border-color:#ea580c33}.deadline-pill--today .deadline-pill-count{background:#ea580c1a;color:#ea580c}.deadline-pill--today.active{background:#ea580c14;border-color:#ea580c}.deadline-pill--week{color:var(--color-primary);border-color:#2a5fa833}.deadline-pill--week .deadline-pill-count{background:#2a5fa81a;color:var(--color-primary)}.deadline-pill--week.active{background:#2a5fa814;border-color:var(--color-primary)}.category-filter{display:flex;gap:var(--space-1);flex-wrap:wrap}.email-type-strip{display:flex;gap:var(--space-1);flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none;padding:var(--space-2) 0;margin-bottom:var(--space-2);touch-action:pan-x pan-y}.email-type-strip::-webkit-scrollbar{display:none}.email-type-strip .chip{scroll-snap-align:start;flex-shrink:0}.todo-list-layout{display:flex;gap:var(--space-6);align-items:flex-start}.todo-list-layout>.todo-list{flex:1;min-width:0}.todo-list-sidebar{flex-shrink:0;width:180px;position:sticky;top:var(--space-4)}.email-type-sidebar{display:flex;flex-direction:column;gap:var(--space-1)}.email-type-sidebar-header{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-1) var(--space-2);margin-bottom:var(--space-1)}.email-type-sidebar-card{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid transparent;background:transparent;cursor:pointer;transition:all var(--transition-fast);text-align:left;font-family:var(--font-family);font-size:var(--text-sm);color:var(--color-text-secondary);width:100%}.email-type-sidebar-card:hover{background:var(--color-surface-hover)}.email-type-sidebar-card.active{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-primary);font-weight:var(--font-medium);box-shadow:var(--shadow-xs)}.email-type-sidebar-color{width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0}.email-type-sidebar-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-type-sidebar-count{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-tertiary);background:var(--color-surface-secondary);min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);padding:0 6px}.email-type-sidebar-card.active .email-type-sidebar-count{background:var(--color-primary-light);color:var(--color-primary)}.email-type-strip-mobile{display:none}.chip{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-secondary)}.chip:hover{border-color:var(--color-text-tertiary)}.chip.active{border-color:transparent;color:var(--color-text-inverse);font-weight:var(--font-semibold)}.type-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;font-size:11px;font-weight:600;line-height:1;border-radius:9px;background:var(--jack-red, #c04430);color:#fff}.chip.active .type-count-badge{background:#ffffff4d;color:#fff}.filter-select{padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);background:var(--color-surface);color:var(--color-text-primary);cursor:pointer}.filter-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.search-input-wrapper{position:relative;flex:1;max-width:280px}.search-input-wrapper svg{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--color-text-tertiary);pointer-events:none}.search-input{width:100%;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--color-surface);color:var(--color-text-primary);transition:border-color var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.search-input::placeholder{color:var(--color-text-tertiary)}.todo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5);gap:var(--space-4)}.todo-header h1{font-family:var(--font-display);font-size:1.5rem;font-weight:400;font-style:italic}.todo-header-left{display:flex;align-items:center;gap:var(--space-3)}.todo-count{font-family:var(--font-display);font-size:1.125rem;font-style:italic;color:var(--color-text-secondary)}.todo-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 var(--space-2);border-radius:var(--radius-full);background:#c044301a;color:var(--jack-red);font-size:var(--text-sm);font-weight:var(--font-semibold)}.todo-items{display:flex;flex-direction:column;gap:var(--space-2)}.todo-date-group{margin-bottom:var(--space-1)}.todo-date-group-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-1);background:none;border:none;cursor:pointer;width:100%;font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--font-semibold);font-style:italic}.todo-date-group-header:hover{color:var(--color-text-primary)}.todo-date-group-chevron{transition:transform .15s ease;transform:rotate(90deg);flex-shrink:0}.todo-date-group.collapsed .todo-date-group-chevron{transform:rotate(0)}.todo-date-group-label{letter-spacing:.02em}.todo-date-group-count{color:var(--color-text-tertiary);font-size:var(--text-xs);font-family:var(--font-family);font-weight:400;font-style:normal}.todo-date-group-items{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-1)}.todo-item{position:relative;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);transition:border-color var(--transition-base),box-shadow var(--transition-base);border-left:3px solid transparent;box-shadow:var(--shadow-xs)}.todo-item:hover{border-color:var(--color-border);box-shadow:var(--shadow-md)}.todo-item.completed{opacity:.55}.todo-item.completed.todo-expanded{opacity:.85}.todo-item.completed .todo-title{color:var(--color-text-tertiary)}.todo-item.dismissed{opacity:.45}.todo-item.dismissed.todo-expanded{opacity:.75}.todo-item.dismissed .todo-title{color:var(--color-text-tertiary)}.todo-item.suggested_complete{border-left-color:var(--color-success);background:var(--color-success-light)}.todo-item.suggested_complete:hover{background:#e5f3e8}.todo-item.todo-new{animation:newItemPulse 4s ease-out forwards}@keyframes newItemPulse{0%{border-left-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}70%{border-left-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}to{border-left-color:transparent;box-shadow:none}}.todo-collapsed{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer}.todo-collapsed input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary);flex-shrink:0;transition:transform var(--transition-fast)}.todo-collapsed input[type=checkbox]:checked{animation:checkBounce .3s ease}@keyframes checkBounce{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.todo-item.todo-celebrating{animation:celebrateGlow .6s ease-out}@keyframes celebrateGlow{0%{box-shadow:0 0 #3a7d4400}30%{box-shadow:0 0 0 4px #3a7d4440}60%{box-shadow:0 0 12px 2px #3a7d4426}to{box-shadow:0 0 #3a7d4400}}.todo-checkbox.celebrate{animation:celebrateCheck .6s cubic-bezier(.34,1.56,.64,1)!important;accent-color:var(--color-success)!important}@keyframes celebrateCheck{0%{transform:scale(1)}20%{transform:scale(.85)}50%{transform:scale(1.35)}75%{transform:scale(1.1)}to{transform:scale(1)}}.completion-particles{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:10}.completion-particle{position:absolute;border-radius:50%;pointer-events:none;animation:particleBurst .65s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes particleBurst{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(0)}}.todo-info{flex:1;min-width:0}.todo-title{font-weight:var(--font-medium);font-size:var(--text-base);color:var(--color-text-primary);line-height:1.4}.todo-email-link{color:inherit;text-decoration:none}.todo-email-link:hover{color:var(--color-primary);text-decoration:underline}.todo-meta{display:flex;gap:var(--space-3);margin-top:2px;font-size:var(--text-xs);color:var(--color-text-tertiary);align-items:center}.todo-sender{font-weight:var(--font-medium);color:var(--color-text-secondary)}.todo-date{color:var(--color-text-tertiary)}.todo-deadline-inline{color:var(--color-primary);font-weight:var(--font-medium)}.todo-deadline-inline.overdue{color:var(--color-danger)}.todo-badges{display:flex;gap:var(--space-1);flex-shrink:0;align-items:center}.category-badge{padding:2px var(--space-2);border-radius:var(--radius-full);font-size:10px;color:var(--color-text-inverse);white-space:nowrap;font-weight:var(--font-semibold);letter-spacing:.2px}.category-badge-wrapper{position:relative}.category-badge-clickable{cursor:pointer;transition:opacity var(--transition-fast)}.category-badge-clickable:hover{opacity:.85}.type-badge{padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-semibold);white-space:nowrap;border:1px solid;background:transparent}.type-badge-clickable{cursor:pointer;font-family:inherit;transition:opacity var(--transition-fast)}.type-badge-clickable:hover{opacity:.7}.block-sender-option.active-type{font-weight:var(--font-semibold);background:var(--color-bg-hover)}.todo-edit-btn{width:28px;height:28px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--color-text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast);opacity:0}.todo-item:hover .todo-edit-btn,.todo-item.todo-editing .todo-edit-btn{opacity:1}@media(hover:none){.todo-edit-btn{opacity:1}}.todo-edit-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.todo-edit-panel{padding:var(--space-3) var(--space-4);padding-left:var(--space-4);border-top:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:var(--space-3);animation:slideDown .15s ease}.todo-edit-row{display:flex;align-items:center;gap:var(--space-3)}.todo-edit-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);min-width:64px;flex-shrink:0}.todo-edit-title-input{flex:1;font-size:var(--text-base);font-weight:var(--font-medium);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);font-family:inherit}.todo-edit-description-input{flex:1;font-size:var(--text-sm);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);font-family:inherit;resize:vertical;min-height:60px}.todo-edit-row:has(.todo-edit-description-input){align-items:flex-start}.todo-edit-row:has(.todo-edit-description-input) .todo-edit-label{padding-top:var(--space-2)}.todo-edit-category-select{display:flex;align-items:center;gap:var(--space-2)}.todo-edit-type{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.todo-edit-deadline{display:flex;align-items:center;gap:var(--space-2)}.todo-edit-actions{display:flex;gap:var(--space-2);padding-top:var(--space-2)}.todo-expand-icon{width:20px;height:20px;color:var(--color-text-tertiary);flex-shrink:0;transition:transform var(--transition-fast),color var(--transition-fast)}.todo-item.expanded .todo-expand-icon{transform:rotate(180deg);color:var(--color-primary)}.todo-expanded{padding:0 var(--space-4) var(--space-4);border-top:1px solid var(--color-border-light);animation:slideDown .15s ease}.todo-expanded-section{padding-top:var(--space-3)}.todo-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--space-3)}.todo-context-timeline{margin-bottom:var(--space-3);padding:var(--space-3);background:var(--color-surface-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border-light)}.context-timeline-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-2)}.context-update{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-1) 0}.context-update+.context-update{border-top:1px solid var(--color-border-light)}.context-update-dot{width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-primary);margin-top:6px;flex-shrink:0}.context-update-content{display:flex;flex-direction:column;gap:1px;min-width:0}.context-update-meta{font-size:var(--text-xs);color:var(--color-text-tertiary)}.context-update-summary{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.4}.todo-deadline-row{margin-bottom:var(--space-3)}.todo-deadline{font-size:var(--text-sm);color:var(--color-primary);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.todo-deadline:hover{background:var(--color-primary-light)}.todo-deadline.overdue{color:var(--color-danger);font-weight:var(--font-medium)}.deadline-edit{display:inline-flex;align-items:center;gap:var(--space-2)}.deadline-edit input[type=date]{font-size:var(--text-sm);padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.todo-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center;padding-top:var(--space-2);border-top:1px solid var(--color-border-light)}.todo-feedback-section{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.todo-feedback-trigger{background:none;border:none;padding:0;font-size:.8rem;color:var(--color-text-muted);cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.todo-feedback-trigger:hover{color:var(--color-text-secondary)}.todo-feedback-form{display:flex;flex-direction:column;gap:var(--space-2)}.todo-feedback-textarea{width:100%;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);font-family:var(--font-body);font-size:.85rem;resize:vertical;box-sizing:border-box}.todo-feedback-textarea:focus{outline:none;border-color:var(--color-accent)}.todo-feedback-buttons{display:flex;gap:var(--space-2)}.todo-feedback-done{font-size:.8rem;color:var(--color-text-muted);font-style:italic}.dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 8px 24px -4px #2c241824;z-index:100;min-width:200px;overflow:hidden;animation:dropdownIn .12s ease}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-option{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border:none;background:none;text-align:left;cursor:pointer;font-size:var(--text-sm);color:var(--color-text-primary);transition:background var(--transition-fast)}.dropdown-option:hover{background:var(--color-surface-hover)}.dropdown-option.active{font-weight:var(--font-semibold);background:var(--color-surface-secondary)}.dropdown-dot{width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0}.block-sender-wrapper{position:relative}.block-sender-menu{position:absolute;top:calc(100% + 4px);right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;min-width:220px;overflow:hidden;animation:dropdownIn .12s ease}.block-sender-option{display:block;width:100%;padding:var(--space-2) var(--space-3);border:none;background:none;text-align:left;cursor:pointer;font-size:var(--text-sm);color:var(--color-text-primary);transition:background var(--transition-fast)}.block-sender-option:hover{background:var(--color-surface-hover)}.block-sender-separator{height:1px;background:var(--color-border-light);margin:var(--space-1) 0}.snooze-wrapper{position:relative}.btn-snooze{display:flex;align-items:center;gap:4px}.snooze-menu{position:absolute;top:calc(100% + 4px);left:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;min-width:220px;overflow:hidden;animation:dropdownIn .12s ease}.snooze-option{display:block;width:100%;padding:var(--space-2) var(--space-3);border:none;background:none;text-align:left;cursor:pointer;font-size:var(--text-sm);color:var(--color-text-primary);transition:background var(--transition-fast)}.snooze-option:hover{background:var(--color-surface-hover)}.snooze-custom-trigger{color:var(--color-primary);font-weight:var(--font-medium);border-top:1px solid var(--color-border-light)}.snooze-custom{display:flex;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-border-light);align-items:center}.snooze-date-input,.snooze-time-input{font-size:var(--text-sm);padding:2px 4px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-primary)}.snooze-date-input{width:130px}.snooze-time-input{width:85px}.todo-snoozed-badge{display:inline-flex;align-items:center;gap:3px;font-size:var(--text-xs);color:var(--color-primary);background:#2a5fa814;padding:1px 6px;border-radius:var(--radius-sm)}.new-type-trigger{color:var(--color-primary);font-weight:var(--font-medium);border-top:1px solid var(--color-border-light)}.new-type-inline{display:flex;gap:var(--space-1);padding:var(--space-2);border-top:1px solid var(--color-border-light);align-items:center}.new-type-inline-input{padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);width:100px;outline:none}.new-type-inline-input:focus{border-color:var(--color-primary)}.new-type-inline-color{width:28px;height:24px;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:1px;cursor:pointer}.sync-compact{display:flex;align-items:center;gap:var(--space-2);position:relative}.sync-indicator{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;border:1px solid var(--color-border);background:var(--color-surface);transition:all var(--transition-fast);color:var(--color-text-secondary)}.sync-indicator:hover{border-color:var(--color-primary-border);background:var(--color-primary-light)}.sync-indicator.syncing{border-color:var(--color-primary-border);background:var(--color-primary-light);color:var(--color-primary)}.sync-dot{width:7px;height:7px;border-radius:var(--radius-full);background:var(--color-success);flex-shrink:0}.sync-dot.syncing{background:var(--color-primary);animation:syncPulse 1.2s ease-in-out infinite}.sync-dot.paused,.sync-dot.error{background:var(--color-warning)}@keyframes syncPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.sync-new-task-banner{position:absolute;top:calc(100% + 8px);right:0;background:var(--color-primary);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:500;white-space:nowrap;box-shadow:0 4px 12px #00000026;z-index:101;animation:dropdownIn .15s ease;pointer-events:none}.sync-panel{position:absolute;top:calc(100% + 8px);right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 12px 32px -4px #2c241826;width:380px;z-index:100;animation:dropdownIn .15s ease;overflow:hidden}.sync-panel-header{padding:var(--space-4);border-bottom:1px solid var(--color-border-light);display:flex;align-items:center;justify-content:space-between}.sync-panel-header h3{font-size:var(--text-lg);font-weight:var(--font-semibold)}.sync-panel-body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.sync-progress{background:var(--color-primary-light);border:1px solid var(--color-primary-border);border-radius:var(--radius-md);padding:var(--space-3)}.sync-progress-header{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-primary);margin-bottom:var(--space-2)}.sync-progress-bar-track{height:4px;background:var(--color-primary-border);border-radius:2px;overflow:hidden}.sync-progress-bar-fill{height:100%;background:var(--color-primary);border-radius:2px;transition:width .4s ease}.sync-progress-detail{font-size:var(--text-xs);color:var(--color-primary);margin-top:var(--space-1);opacity:.8}.sync-setting-row{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm)}.sync-setting-label{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);cursor:pointer;font-size:var(--text-sm)}.sync-setting-input{padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);width:90px}.sync-token-bar{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-tertiary)}.sync-token-track{flex:1;height:4px;background:var(--color-surface-secondary);border-radius:2px;overflow:hidden}.sync-token-fill{height:100%;background:var(--color-primary);border-radius:2px;transition:width .3s ease}.sync-batch-badge{padding:2px var(--space-2);border-radius:var(--radius-full);background:var(--color-success-light);color:var(--color-success);font-size:var(--text-xs);font-weight:var(--font-medium)}.sync-panel-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary)}.sync-panel-actions{display:flex;flex-direction:row;gap:var(--space-2);align-items:center}.sync-panel-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.sync-panel-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.sync-panel-value{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}.sync-panel-field{display:flex;flex-direction:column;gap:var(--space-1)}.sync-panel-input{padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);background:var(--color-surface);color:var(--color-text-primary);transition:border-color var(--transition-fast)}.sync-panel-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.sync-progress-text{font-size:var(--text-sm);color:var(--color-primary);margin-top:var(--space-1)}.archive-prompt-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-success-border);border-left:3px solid var(--color-success);border-radius:var(--radius-md);margin-bottom:var(--space-2);animation:slideDown .25s ease;box-shadow:var(--shadow-sm)}.archive-prompt-card-icon{color:var(--color-success);flex-shrink:0}.archive-prompt-card-content{flex:1;min-width:0}.archive-prompt-card-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);margin-bottom:2px}.archive-prompt-card-text{font-size:var(--text-sm);color:var(--color-text-secondary)}.archive-prompt-card-actions{display:flex;gap:var(--space-2);flex-shrink:0;white-space:nowrap}@media(max-width:600px){.archive-prompt-card{flex-wrap:wrap}.archive-prompt-card-actions{width:100%;justify-content:flex-end}}.complete-all-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-success-light);border:1px solid var(--color-success-border);border-radius:var(--radius-md);margin-bottom:var(--space-3);font-size:var(--text-sm);color:var(--color-success)}.complete-all-banner span{flex:1;font-weight:var(--font-medium)}.loading,.empty{text-align:center;padding:var(--space-12);color:var(--color-text-tertiary);font-size:var(--text-base)}.empty-state{display:flex;flex-direction:column;align-items:center;padding:var(--space-12) var(--space-8);text-align:center}.empty-state-icon{width:48px;height:48px;color:var(--color-text-tertiary);opacity:.5;margin-bottom:var(--space-4)}.empty-state-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.empty-state-text{font-size:var(--text-sm);color:var(--color-text-tertiary);max-width:300px}.add-task-inline{margin-bottom:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.add-task-inline:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.add-task-inline-main{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.add-task-inline-category-dot{width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0}.add-task-inline-input{flex:1;border:none;background:transparent;font-size:var(--text-base);font-family:var(--font-family);color:var(--color-text-primary);outline:none;padding:var(--space-1) 0}.add-task-inline-input::placeholder{color:var(--color-text-tertiary)}.add-task-inline-options-btn{width:28px;height:28px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--color-text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}.add-task-inline-options-btn:hover,.add-task-inline-options-btn.active{background:var(--color-surface-hover);color:var(--color-text-primary)}.add-task-inline-options{display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-border-light);flex-wrap:wrap;align-items:center;animation:slideDown .1s ease}.add-task-inline-option{display:flex;align-items:center;gap:var(--space-1)}.add-task-suggest-spinner{width:14px;height:14px;border:2px solid var(--color-border-light);border-top-color:var(--color-accent);border-radius:50%;animation:spin .6s linear infinite}.add-task-suggest-badge{font-size:10px;font-weight:600;color:var(--color-success);background:#22c55e1a;padding:1px 5px;border-radius:var(--radius-sm);line-height:1.4}.add-task-submit-btn{margin-left:auto}.add-task-file-input{display:none}.add-task-image-preview-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-border-light);animation:slideDown .1s ease}.add-task-image-preview{position:relative;flex-shrink:0}.add-task-image-preview img{height:48px;width:auto;max-width:80px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-border)}.add-task-image-remove{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all var(--transition-fast)}.add-task-image-remove:hover{background:var(--color-error);color:#fff;border-color:var(--color-error)}.add-task-image-loading{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm)}.add-task-image-message{padding:var(--space-1) var(--space-3);font-size:var(--text-sm);border-top:1px solid var(--color-border-light)}.add-task-image-message.error{color:var(--color-error)}.add-task-image-message.success{color:var(--color-success)}.add-task-form{padding:var(--space-4);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);margin-bottom:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);animation:slideDown .2s ease}.add-task-input{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);width:100%;transition:border-color var(--transition-fast);font-family:var(--font-family)}.add-task-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.add-task-textarea{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);resize:vertical;font-family:var(--font-family);transition:border-color var(--transition-fast)}.add-task-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.add-task-options{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.add-task-buttons{display:flex;gap:var(--space-2);margin-left:auto}.history-view{display:flex;flex-direction:column;gap:var(--space-4)}.history-day-group{display:flex;flex-direction:column;gap:var(--space-2)}.history-day-header{font-family:var(--font-display);font-size:var(--text-base);font-weight:400;font-style:italic;color:var(--color-text-secondary);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-light)}.history-entries{display:flex;flex-direction:column;gap:var(--space-2)}.history-entry{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border-light);font-size:var(--text-sm);transition:border-color var(--transition-fast);align-items:flex-start}.history-entry:hover{border-color:var(--color-border)}.history-timeline-dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0;margin-top:6px}.history-timeline-dot.user{background:var(--color-primary)}.history-timeline-dot.auto{background:var(--color-success)}.history-timeline-dot.system{background:var(--color-text-tertiary)}.history-entry-content{flex:1;min-width:0}.history-entry-header{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.history-badge{padding:1px var(--space-2);border-radius:var(--radius-full);font-size:10px;font-weight:var(--font-semibold);color:var(--color-text-inverse)}.history-badge-user{background:var(--color-primary)}.history-badge-auto{background:var(--color-success)}.history-badge-system{background:var(--color-text-tertiary)}.history-field{font-weight:var(--font-medium);color:var(--color-text-secondary)}.history-change{color:var(--color-text-primary)}.history-old{text-decoration:line-through;color:var(--color-text-tertiary)}.history-new{font-weight:var(--font-medium)}.history-time{margin-left:auto;color:var(--color-text-tertiary);font-size:var(--text-xs);white-space:nowrap}.history-todo-title{margin-top:var(--space-1);font-weight:var(--font-medium);color:var(--color-text-primary);font-size:var(--text-sm)}.history-reason{margin-top:var(--space-1);color:var(--color-text-tertiary);font-size:var(--text-xs);font-style:italic}.history-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-4)}.history-page-info{font-size:var(--text-sm);color:var(--color-text-tertiary)}.todo-history{margin-top:var(--space-3);padding:var(--space-3);background:var(--color-surface-secondary);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-2)}.todo-history-entry{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-secondary);flex-wrap:wrap}.settings-view{display:flex;flex-direction:column;gap:var(--space-6)}.settings-tabs{display:flex;gap:var(--space-1);background:var(--color-surface-secondary);padding:var(--space-1);border-radius:var(--radius-md)}.settings-tab{padding:var(--space-2) var(--space-4);border:none;background:none;cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-tertiary);border-radius:var(--radius-sm);transition:all var(--transition-fast);font-family:var(--font-family)}.settings-tab:hover{color:var(--color-text-secondary);background:#ffffff80}.settings-tab.active{background:var(--color-surface);color:var(--jack-red);box-shadow:var(--shadow-xs)}.settings-section-title{font-family:var(--font-display);font-size:1.25rem;font-weight:400;font-style:italic;margin-bottom:var(--space-1)}.settings-subsection-title{font-size:var(--text-base);font-weight:var(--font-semibold);margin-top:var(--space-5);margin-bottom:var(--space-1)}.settings-description{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4);line-height:1.5}.settings-panel{padding:var(--space-5);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border-light)}.settings-danger-zone{padding:var(--space-5);border:1px solid var(--color-danger, #c04430);border-radius:var(--radius-lg);background:var(--color-surface)}.settings-danger-zone-title{margin:0 0 var(--space-2) 0;font-size:var(--text-sm);font-weight:600;color:var(--color-danger, #c04430)}.settings-danger-zone-desc{margin:0 0 var(--space-4) 0;font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.appearance-settings{padding:var(--space-5)}.appearance-settings-title{margin:0 0 var(--space-2) 0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary)}.appearance-settings-desc{margin:0 0 var(--space-5) 0;font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.theme-picker{display:flex;gap:var(--space-3)}.theme-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-5);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast);min-width:100px;color:var(--color-text-secondary);font-family:var(--font-family);font-size:var(--text-sm)}.theme-option:hover{border-color:var(--color-text-tertiary);background:var(--color-surface-hover)}.theme-option.active{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-text-primary)}.theme-option-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px}.theme-option.active .theme-option-icon{color:var(--color-primary)}.theme-option-label{font-weight:var(--font-medium)}.settings-legal-links{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.settings-legal-links button{background:none;border:none;color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}.settings-legal-links button:hover{color:var(--color-text-primary)}.settings-legal-links span{color:var(--color-text-tertiary);font-size:var(--text-sm)}.legal-page{max-width:720px;margin:0 auto;padding:var(--space-6) var(--space-4);line-height:1.7;color:#1a1a1a;background:#fff;min-height:100vh}.legal-page h1{font-size:1.75rem;font-weight:700;margin:0 0 var(--space-2) 0}.legal-page h2{font-size:1.15rem;font-weight:600;margin:var(--space-6) 0 var(--space-3) 0;padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.legal-page h3{font-size:1rem;font-weight:600;margin:var(--space-4) 0 var(--space-2) 0}.legal-page p{margin:0 0 var(--space-3) 0;font-size:var(--text-sm)}.legal-page ul{margin:0 0 var(--space-3) 0;padding-left:var(--space-5);font-size:var(--text-sm)}.legal-page li{margin-bottom:var(--space-1)}.legal-page code{background:var(--color-surface-hover);padding:1px 4px;border-radius:var(--radius-sm);font-size:.9em}.legal-page a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}.legal-page a:hover{color:var(--color-text-primary)}.legal-effective{color:var(--color-text-secondary);font-style:italic;margin-bottom:var(--space-5)!important}.legal-back-btn{display:inline-flex;align-items:center;gap:var(--space-1);background:none;border:none;color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;padding:var(--space-1) 0;margin-bottom:var(--space-4)}.legal-back-btn:hover{color:var(--color-text-primary)}.legal-table{width:100%;border-collapse:collapse;margin:var(--space-3) 0;font-size:var(--text-sm)}.legal-table th,.legal-table td{text-align:left;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-light)}.legal-table th{background:var(--color-surface-hover);font-weight:600}.site-legal-footer{display:flex;align-items:center;justify-content:center;gap:var(--space-2);flex-wrap:wrap}.site-legal-footer a,.site-legal-footer button{border:none;background:transparent;padding:0;color:#00000073;font-size:var(--text-xs);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.site-legal-footer a:hover,.site-legal-footer button:hover{color:#000000b3}.site-legal-sep{color:#0000004d;font-size:var(--text-xs)}.blocked-senders-panel{padding:0}.blocked-sender-add{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.blocked-sender-list{display:flex;flex-direction:column;gap:var(--space-2)}.blocked-sender-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:var(--color-surface-secondary);border-radius:var(--radius-md);font-size:var(--text-sm)}.blocked-sender-pattern{font-family:var(--font-mono);color:var(--color-text-secondary);font-size:var(--text-sm)}.email-type-manager{padding:0}.email-type-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-2);margin-bottom:var(--space-4)}.email-type-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface-secondary);border-radius:var(--radius-md);font-size:var(--text-sm);border:1px solid var(--color-border-light);transition:border-color var(--transition-fast)}.email-type-item:hover{border-color:var(--color-border)}.email-type-swatch{width:14px;height:14px;border-radius:var(--radius-sm);flex-shrink:0}.email-type-name{font-weight:var(--font-medium);flex:1}.email-type-name-editable{cursor:pointer;border-bottom:1px dashed transparent;transition:border-color var(--transition-fast)}.email-type-name-editable:hover{border-bottom-color:var(--color-text-tertiary)}.email-type-name-input{padding:var(--space-1) var(--space-2);border:1px solid var(--color-primary);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-medium);width:120px;outline:none}.email-type-default{color:var(--color-text-tertiary);font-size:var(--text-xs)}.email-type-add{display:flex;gap:var(--space-2);align-items:center}.email-type-color-picker{width:36px;height:30px;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px;cursor:pointer}.sender-rule-list{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.sender-rule-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface-secondary);border-radius:var(--radius-md);font-size:var(--text-sm);justify-content:space-between}.sender-rule-pattern{font-family:var(--font-mono);color:var(--color-text-secondary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.sender-rule-arrow{color:var(--color-text-tertiary)}.sender-rule-type{font-weight:var(--font-medium)}.sender-rule-add{display:flex;gap:var(--space-2);align-items:center}.auto-dismiss-manager{padding:0}.auto-dismiss-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.auto-dismiss-header h3{margin:0;font-family:var(--font-display);font-size:1.25rem;font-weight:400;font-style:italic}.skip-threshold-row{padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-light);margin-bottom:var(--space-3)}.skip-threshold-label{font-size:var(--text-sm);color:var(--color-text-secondary);display:block;margin-bottom:var(--space-2)}.skip-threshold-slider-row{display:flex;align-items:center;gap:var(--space-3)}.skip-threshold-hint{font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap;min-width:60px}.skip-threshold-hint:last-child{text-align:right}.skip-threshold-slider{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:var(--color-border);border-radius:2px;outline:none;cursor:pointer}.skip-threshold-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:2px solid var(--color-surface);box-shadow:0 1px 3px #00000026}.skip-threshold-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:2px solid var(--color-surface);box-shadow:0 1px 3px #00000026}.auto-dismiss-description{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-4);line-height:1.5}.auto-dismiss-section{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-border-light)}.auto-dismiss-section h4{font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.auto-dismiss-hint{color:var(--color-text-tertiary);font-size:var(--text-xs);margin-bottom:var(--space-3)}.auto-dismiss-empty{color:var(--color-text-tertiary);font-size:var(--text-sm);font-style:italic;padding:var(--space-2) 0}.preference-profile-text{background:var(--color-surface-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--text-xs);line-height:1.6;white-space:pre-wrap;font-family:var(--font-mono);color:var(--color-text-primary);margin-bottom:var(--space-3)}.preference-profile-edit{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--text-sm);line-height:1.6;white-space:pre-wrap;font-family:var(--font-mono);color:var(--color-text-primary);resize:vertical;width:100%;min-height:120px;transition:border-color var(--transition-fast)}.preference-profile-edit:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.preference-stats{display:flex;gap:var(--space-4);flex-wrap:wrap;font-size:var(--text-sm);color:var(--color-text-secondary)}.stat-item strong{color:var(--color-text-primary)}.autodismiss-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.autodismiss-toggle-info{flex:1;min-width:0}.autodismiss-toggle-info .settings-card-title{margin-bottom:var(--space-1)}.autodismiss-toggle-info .settings-description{margin:0}.autodismiss-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.autodismiss-switch input{opacity:0;width:0;height:0}.autodismiss-switch__slider{position:absolute;cursor:pointer;inset:0;background:var(--color-border);border-radius:24px;transition:background var(--transition-fast)}.autodismiss-switch__slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform var(--transition-fast);box-shadow:0 1px 3px #00000026}.autodismiss-switch input:checked+.autodismiss-switch__slider{background:var(--jack-blue)}.autodismiss-switch input:checked+.autodismiss-switch__slider:before{transform:translate(20px)}.auto-dismiss-rules-list{display:flex;flex-direction:column;gap:var(--space-2)}.auto-dismiss-rule{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background:var(--color-surface-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border-light);transition:border-color var(--transition-fast)}.auto-dismiss-rule:hover{border-color:var(--color-border)}.auto-dismiss-rule.paused{opacity:.55}.rule-info{display:flex;align-items:center;gap:var(--space-3)}.rule-pattern{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-medium)}.rule-stats{font-size:var(--text-xs);color:var(--color-text-tertiary)}.rule-paused-badge{font-size:10px;background:var(--color-warning);color:var(--color-text-inverse);padding:1px var(--space-2);border-radius:var(--radius-full);font-weight:var(--font-semibold)}.rule-manual-badge{font-size:10px;background:var(--color-primary);color:var(--color-text-inverse);padding:1px var(--space-2);border-radius:var(--radius-full);font-weight:var(--font-semibold)}.rule-actions{display:flex;gap:var(--space-2)}.skip-rules-search{position:relative;margin-bottom:var(--space-3)}.skip-rules-search .skip-rules-search-input{padding-right:2rem}.skip-rules-search-clear{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);background:none;border:none;font-size:var(--text-lg);color:var(--color-text-tertiary);cursor:pointer;padding:0 var(--space-1);line-height:1}.skip-rules-search-clear:hover{color:var(--color-text-primary)}.skip-rules-count{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-2)}.skip-rules-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-3) 0 0}.skip-rules-page-info{font-size:var(--text-sm);color:var(--color-text-tertiary)}.toggle-switch{position:relative;display:inline-flex;align-items:center;width:36px;height:20px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-track{position:absolute;inset:0;background:var(--color-surface-active);border-radius:var(--radius-full);transition:background var(--transition-base)}.toggle-switch input:checked+.toggle-track{background:var(--color-primary)}.toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--color-surface);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:transform var(--transition-base)}.toggle-switch input:checked+.toggle-track:after{transform:translate(16px)}.admin-view{display:flex;flex-direction:column;gap:var(--space-4)}.admin-sync-info{display:flex;gap:var(--space-5);flex-wrap:wrap;padding:var(--space-3) var(--space-4);background:var(--color-primary-light);border:1px solid var(--color-primary-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-primary)}.admin-filters{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.admin-search{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);width:200px;transition:border-color var(--transition-fast)}.admin-search:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.admin-summary{font-size:var(--text-sm);color:var(--color-text-tertiary)}.admin-cards{display:flex;flex-direction:column;gap:var(--space-2)}.admin-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-fast);cursor:pointer}.admin-card:hover{border-color:var(--color-border);box-shadow:var(--shadow-sm)}.admin-card-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.admin-card-avatar{width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-semibold);flex-shrink:0;color:var(--color-text-inverse)}.admin-card-info{flex:1;min-width:0}.admin-card-subject{font-weight:var(--font-medium);font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-text-primary)}.admin-card-sender{font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-card-meta{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.admin-card-date{font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap}.admin-outcome{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);color:var(--color-text-inverse);font-size:10px;font-weight:var(--font-semibold);white-space:nowrap}.admin-card-todos-count{font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:var(--font-semibold)}.admin-card-detail{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border-light);background:var(--color-surface-secondary);display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-sm);animation:slideDown .15s ease}.admin-detail-row{display:flex;gap:var(--space-2);align-items:baseline}.admin-detail-row code{background:var(--color-surface-active);padding:1px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-family:var(--font-mono);word-break:break-all}.admin-detail-blocked{color:var(--color-danger);font-weight:var(--font-medium);padding:var(--space-2) var(--space-3);background:var(--color-danger-light);border-radius:var(--radius-sm)}.admin-detail-info{color:var(--color-text-tertiary);font-style:italic}.admin-detail-warning{color:var(--color-warning);font-weight:var(--font-medium);padding:var(--space-2) var(--space-3);background:var(--color-warning-light);border-radius:var(--radius-sm)}.admin-detail-todos{margin-top:var(--space-1)}.admin-detail-todos ul{margin:var(--space-1) 0 0 var(--space-5);display:flex;flex-direction:column;gap:var(--space-1)}.admin-detail-todos li{font-size:var(--text-sm)}.admin-todo-status{display:inline-block;padding:1px var(--space-2);border-radius:var(--radius-sm);font-size:10px;font-weight:var(--font-semibold);color:var(--color-text-inverse)}.admin-todo-active{background:var(--color-primary)}.admin-todo-completed{background:var(--color-success)}.admin-todo-dismissed{background:var(--color-text-tertiary)}.admin-todo-suggested_complete{background:var(--color-success)}.admin-todo-cat{color:var(--color-text-tertiary);font-size:var(--text-xs)}.admin-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-3)}.admin-page-info{font-size:var(--text-sm);color:var(--color-text-tertiary)}.admin-empty{text-align:center;padding:var(--space-8);color:var(--color-text-tertiary)}.welcome-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);position:relative;overflow:hidden;background:var(--color-bg)}.welcome-bg{position:absolute;inset:0;overflow:hidden}.welcome-bg-gradient{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 30% 20%,rgba(220,38,38,.08) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 70% 50%,rgba(37,99,235,.08) 0%,transparent 60%),radial-gradient(ellipse 70% 45% at 50% 80%,rgba(250,204,21,.06) 0%,transparent 60%),linear-gradient(180deg,#0a0a12,#0d0d18,#0a0a10)}.welcome-glow-orb{position:absolute;border-radius:50%;filter:blur(60px);animation:welcome-drift 12s ease-in-out infinite}.welcome-glow-red{width:180px;height:180px;background:#dc262626;top:8%;left:-5%}.welcome-glow-blue{width:200px;height:200px;background:#2563eb1f;top:40%;right:-10%;animation-delay:-4s}.welcome-glow-yellow{width:160px;height:160px;background:#facc151a;bottom:12%;left:10%;animation-delay:-8s}@keyframes welcome-drift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(15px,-20px) scale(1.1)}66%{transform:translate(-10px,15px) scale(.95)}}.welcome-jacks{position:absolute;inset:0;width:100%;height:100%}.welcome-jack{filter:drop-shadow(0 0 8px var(--jack-glow));animation:var(--jack-anim) ease-in-out infinite}@keyframes jack-float1{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(4px,-8px) rotate(3deg)}}@keyframes jack-float2{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-6px,6px) rotate(-4deg)}}@keyframes jack-float3{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(5px,5px) rotate(2deg)}}.welcome-bg-noise{position:absolute;inset:0;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");background-size:128px 128px;mix-blend-mode:overlay;pointer-events:none}.welcome-bg-vignette{position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at center,transparent 40%,rgba(0,0,0,.4) 100%);pointer-events:none}.welcome-card{position:relative;z-index:1;background:#faf8f5f2;border-radius:var(--radius-xl);padding:var(--space-12) var(--space-10);box-shadow:0 24px 48px -12px #00000040;text-align:center;max-width:400px;width:100%;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15)}.welcome-icon{font-size:48px;margin-bottom:var(--space-2)}.welcome-title{font-family:var(--font-display);font-size:32px;font-weight:400;font-style:italic;color:var(--color-text-primary);margin-bottom:var(--space-2)}.welcome-tagline{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-8);line-height:1.5}.welcome-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto var(--space-4)}@keyframes spin{to{transform:rotate(360deg)}}.sidebar-user-btn{width:34px;height:34px;border-radius:var(--radius-full);border:2px solid rgba(255,255,255,.12);background:var(--jack-red);color:var(--color-text-inverse);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);font-family:var(--font-family)}.sidebar-user-btn:hover{border-color:#ffffff40;transform:scale(1.05)}.sidebar-nav-label{font-size:10px;letter-spacing:.3px;color:inherit;font-weight:var(--font-medium);opacity:.7}.mobile-tabs{display:none}@media(max-width:768px){.mobile-tabs{display:flex;position:fixed;bottom:0;left:0;right:0;background:#faf8f5f5;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--color-border);z-index:100;justify-content:space-around;padding:var(--space-1) 0}.mobile-tab{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-1) var(--space-2);border:none;background:none;color:var(--color-text-tertiary);font-size:10px;cursor:pointer;font-family:var(--font-family)}.mobile-tab.active{color:var(--jack-red)}}.todo-expanded-content{padding:var(--space-3) var(--space-4) var(--space-4);border-top:1px solid var(--color-border-light);animation:slideDown var(--transition-base)}.todo-checkbox{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.todo-title-row{display:flex;align-items:center;gap:var(--space-2)}.todo-suggested-badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);padding:1px 8px;border-radius:var(--radius-full);background:var(--color-success-light);color:var(--color-success);border:1px solid var(--color-success-border);font-weight:var(--font-medium);white-space:nowrap}.sparkle-icon{flex-shrink:0}.todo-suggestion-panel{background:var(--color-success-light);border:1px solid var(--color-success-border);border-left:3px solid var(--color-success);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3)}.suggestion-panel-header{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-success);margin-bottom:var(--space-2)}.suggestion-panel-reason{font-size:var(--text-sm);color:var(--color-text-secondary);font-style:italic;line-height:1.5;padding-left:var(--space-3);border-left:2px solid var(--color-success-border);margin-bottom:var(--space-3)}.suggestion-keep-active{margin-top:var(--space-2)}.todo-item.suggested_complete.completing{opacity:.55;transition:opacity .2s ease}@media(prefers-reduced-motion:reduce){.todo-item.suggested_complete.completing{transition:none}}.todo-meta-row{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:2px}.todo-status-row{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-1);flex-wrap:wrap}.todo-deadline-inline{font-size:var(--text-xs);color:var(--color-text-secondary)}.todo-deadline-inline.overdue{color:var(--color-danger);font-weight:var(--font-medium)}.todo-event-inline{display:inline-flex;align-items:center;gap:3px;font-size:var(--text-xs);color:#2a5fa8;white-space:nowrap}.todo-calendar-events{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-2)}.todo-add-to-calendar{display:inline-flex;align-items:center;color:#2a5fa8;text-decoration:none;font-size:var(--text-xs);font-weight:var(--font-medium);padding:4px 0}.todo-add-to-calendar:hover{text-decoration:underline}.history-timeline{position:relative;padding-left:var(--space-6)}.sync-progress-bar{height:4px;background:var(--color-surface-secondary);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-2)}.sync-progress-fill{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width var(--transition-base)}.sync-progress-indeterminate{width:35%;animation:sync-indeterminate 1.5s ease-in-out infinite}@keyframes sync-indeterminate{0%{margin-left:0}50%{margin-left:65%}to{margin-left:0}}.settings-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4)}.settings-card-title{font-family:var(--font-display);font-size:1.25rem;font-weight:400;font-style:italic;color:var(--color-text-primary);margin-bottom:var(--space-3)}.settings-input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);font-family:var(--font-family);color:var(--color-text-primary);background:var(--color-surface);transition:border-color var(--transition-fast)}.settings-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.settings-empty-text{font-size:var(--text-sm);color:var(--color-text-tertiary);font-style:italic;padding:var(--space-3) 0}.email-type-grid{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.email-type-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4)}.email-type-card-header{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.email-type-drag-handle{width:20px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:grab;color:var(--color-text-tertiary);border-radius:var(--radius-sm);touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.email-type-drag-handle:hover{background:var(--color-surface-hover);color:var(--color-text-secondary)}.email-type-card-header .email-type-name,.email-type-card-header .email-type-name-input{flex:1;min-width:0}.email-type-card-rules{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:var(--space-2)}.email-type-card-add{border-style:dashed;display:flex;flex-direction:column;gap:var(--space-3)}.email-type-add-row{display:flex;align-items:center;gap:var(--space-2)}.confirm-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1100;padding:var(--space-4);animation:fadeIn .12s ease}.confirm-dialog{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);max-width:420px;width:100%;box-shadow:0 20px 60px #0000002e;animation:slideDown .15s ease}.confirm-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.confirm-message{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--space-4)}.confirm-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.preference-stats{display:flex;gap:var(--space-6);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.stat-item{display:flex;flex-direction:column;gap:2px}.stat-label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary)}.add-task-category-select{display:flex;align-items:center;gap:var(--space-2)}.add-task-category-dot{width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0}.welcome-error{color:var(--color-danger);font-size:var(--text-sm);margin-top:var(--space-3)}.welcome-waitlist{display:flex;flex-direction:column;align-items:center;text-align:center}.welcome-waitlist-icon{margin-bottom:var(--space-4)}.welcome-waitlist-heading{font-family:var(--font-display);font-size:24px;font-weight:400;font-style:italic;color:var(--color-text-primary);margin-bottom:var(--space-3)}.welcome-waitlist-text{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-2);max-width:320px}.welcome-waitlist-email{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);background:var(--color-surface-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary);margin-bottom:var(--space-5)}.welcome-waitlist-btn{background:var(--jack-red)!important;color:#fff!important;border-color:var(--jack-red)!important;width:auto!important;padding:0 var(--space-6)!important}.welcome-waitlist-btn:hover{background:#a33728!important;border-color:#a33728!important}.welcome-waitlist-btn:disabled{opacity:.7;cursor:not-allowed}.welcome-waitlist-back{background:none;border:none;color:var(--color-text-tertiary);font-size:var(--text-sm);cursor:pointer;margin-top:var(--space-3);padding:var(--space-1) var(--space-2);text-decoration:underline;text-underline-offset:2px}.welcome-waitlist-back:hover{color:var(--color-text-secondary)}.welcome-providers{display:flex;flex-direction:column;gap:var(--space-3);align-items:center;margin-top:var(--space-2)}.welcome-provider-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:320px;height:44px;border:1px solid var(--border-warm);border-radius:var(--radius-md);background:var(--bg-warm);color:var(--text-primary);font-family:var(--font-body);font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}.welcome-provider-btn:hover{background:var(--bg-surface);border-color:var(--text-secondary);box-shadow:0 1px 3px #00000014}.welcome-alt-account{background:none;border:none;color:var(--color-primary);font-size:var(--text-sm);font-family:var(--font-body);cursor:pointer;padding:var(--space-1) 0;text-decoration:underline;text-underline-offset:2px}.welcome-alt-account:hover{color:var(--color-primary-hover, #1d4ed8)}.welcome-provider-apple{background:#000;color:#fff;border-color:#000}.welcome-provider-apple:hover{background:#1a1a1a;border-color:#333}.welcome-provider-microsoft{background:#fff;color:#5e5e5e;border-color:#8c8c8c}.welcome-provider-microsoft:hover{background:#f5f5f5;border-color:#666}@media(max-width:768px){.sidebar{display:none}.main-content{margin-left:0;padding-bottom:64px;height:auto;overflow-y:visible}.main-inner{padding:var(--space-4)}.todo-list-layout{flex-direction:column;gap:0;max-width:100%;overflow-x:hidden}.todo-list-layout>.todo-list{max-width:100%;overflow-x:hidden}.todo-list-sidebar{display:none}.email-type-strip-mobile{display:block}.page-title{font-size:1.5rem}.page-title-icon{width:22px;height:22px}.sync-panel{position:fixed;top:auto;bottom:64px;right:var(--space-4);left:var(--space-4);width:auto}.sidebar-user-menu{inset:auto 0 100% auto;margin-bottom:var(--space-2)}.todo-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.admin-card-row{flex-wrap:wrap}}.onboarding-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);position:relative;overflow:hidden;background:var(--color-bg)}.onboarding-card{position:relative;z-index:1;background:#faf8f5f5;border-radius:var(--radius-xl);padding:var(--space-10);box-shadow:0 24px 48px -12px #00000040;max-width:480px;width:100%;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);animation:onboardingSlideIn .35s ease}@keyframes onboardingSlideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.onboarding-slide-back{animation:onboardingSlideBack .35s ease}@keyframes onboardingSlideBack{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.onboarding-progress{display:flex;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-8)}.onboarding-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-border);transition:all var(--transition-base)}.onboarding-dot.active{background:var(--jack-red);width:24px}.onboarding-dot.completed{background:var(--jack-red)}.onboarding-step{display:flex;flex-direction:column;align-items:center;text-align:center}.onboarding-step-icon{margin-bottom:var(--space-5)}.onboarding-step-title{font-family:var(--font-display);font-size:1.5rem;font-weight:400;font-style:italic;color:var(--color-text-primary);margin-bottom:var(--space-2)}.onboarding-step-desc{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-6);max-width:380px}.onboarding-step-hint{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:var(--space-3)}.onboarding-textarea{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);font-family:var(--font-family);resize:vertical;min-height:100px;transition:border-color var(--transition-fast);color:var(--color-text-primary);line-height:1.5;margin-bottom:var(--space-4)}.onboarding-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.onboarding-textarea::placeholder{color:var(--color-text-tertiary)}.onboarding-category-grid{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-6);width:100%}.onboarding-category-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1.5px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.onboarding-category-chip:hover{border-color:var(--chip-color);color:var(--color-text-primary)}.onboarding-category-chip.selected{border-color:var(--chip-color);background:color-mix(in srgb,var(--chip-color) 10%,white);color:var(--color-text-primary)}.onboarding-chip-dot{width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0}.onboarding-lookback-options{display:flex;gap:var(--space-3);width:100%;margin-bottom:var(--space-6)}.onboarding-lookback-card{flex:1;padding:var(--space-5) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);cursor:pointer;transition:all var(--transition-fast);text-align:center;display:flex;flex-direction:column;gap:var(--space-1)}.onboarding-lookback-card:hover{border-color:var(--color-primary-border)}.onboarding-lookback-card.selected{border-color:var(--color-primary);background:var(--color-primary-light)}.onboarding-lookback-label{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary)}.onboarding-lookback-desc{font-size:var(--text-sm);color:var(--color-text-tertiary)}.onboarding-lookback-skip{background:none;border:none;font-size:var(--text-sm);color:var(--color-text-tertiary);cursor:pointer;padding:var(--space-2) 0;margin-top:var(--space-1);text-decoration:underline;text-underline-offset:2px}.onboarding-lookback-skip:hover{color:var(--color-text-secondary)}.onboarding-lookback-skip.selected{color:var(--color-primary);font-weight:500}.onboarding-nav{display:flex;justify-content:space-between;width:100%;gap:var(--space-3)}.onboarding-nav .btn-primary{flex:1;padding:12px}.onboarding-nav .btn-ghost{padding:12px var(--space-4)}.onboarding-loading{padding:var(--space-4) 0}.onboarding-loading-spinner{width:64px;height:64px;margin-bottom:var(--space-6);position:relative}.onboarding-spinner-ring{width:100%;height:100%;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.onboarding-progress-bar{width:100%;margin-top:var(--space-2)}.onboarding-progress-track{height:6px;background:var(--color-surface-secondary);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-2)}.onboarding-progress-fill{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width .5s ease}.onboarding-progress-text{font-size:var(--text-sm);color:var(--color-text-tertiary)}.onboarding-complete-icon{margin-bottom:var(--space-5);animation:checkmarkBounce .5s ease}@keyframes checkmarkBounce{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@media(max-width:768px){.onboarding-screen{padding:var(--space-4);align-items:flex-start;padding-top:10vh}.onboarding-card{padding:var(--space-6)}.onboarding-lookback-options{flex-direction:column}.onboarding-category-grid{gap:var(--space-1)}.onboarding-category-chip{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}}.todo-view-pills{display:flex;gap:var(--space-1);padding:0 0 var(--space-3)}.todo-view-pill{background:none;border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-body)}.todo-view-pill:hover{border-color:var(--color-primary-border);color:var(--color-text-primary)}.todo-view-pill.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.todo-waiting-badge{display:inline-flex;align-items:center;gap:3px;font-size:var(--text-xs);color:#2a5fa8;background:#2a5fa81a;padding:1px 6px;border-radius:var(--radius-sm);white-space:nowrap}.todo-handoff-from-badge{display:inline-flex;align-items:center;font-size:var(--text-xs);color:#2a5fa8;background:#2a5fa81a;padding:1px 6px;border-radius:var(--radius-sm);white-space:nowrap}.todo-comment-badge{display:inline-flex;align-items:center;gap:3px;font-size:var(--text-xs);font-weight:var(--font-semibold);color:#fff;background:var(--jack-red);padding:1px 7px;border-radius:var(--radius-sm);white-space:nowrap}.todo-assignment-note{border-left:3px solid #2a5fa8;padding:var(--space-2) var(--space-3);background:#2a5fa80d;border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-bottom:var(--space-3)}.assignment-note-header{font-size:var(--text-xs);color:#2a5fa8;font-weight:var(--font-medium);margin-bottom:var(--space-1)}.assignment-note-text{font-size:var(--text-sm);color:var(--color-text-primary);line-height:1.5}.todo-comments{border-top:1px solid var(--color-border-light);padding-top:var(--space-3);margin-bottom:var(--space-3)}.todo-comments-header{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-2)}.todo-comments-task-summary{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.4;margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-md);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.todo-comments-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:240px;overflow-y:auto;margin-bottom:var(--space-2)}.todo-comment{padding:var(--space-2) var(--space-3);background:var(--color-surface-secondary);border-radius:var(--radius-md)}.todo-comment.mine{background:#2a5fa814}.todo-comment-meta{display:flex;align-items:center;gap:var(--space-2);margin-bottom:2px}.todo-comment-author{font-weight:var(--font-semibold);font-size:var(--text-xs);color:var(--color-text-secondary)}.todo-comment-time{font-size:var(--text-xs);color:var(--color-text-tertiary)}.todo-comment-text{font-size:var(--text-sm);color:var(--color-text-primary);line-height:1.5;white-space:pre-wrap;word-break:break-word}.todo-comment-input{display:flex;gap:var(--space-2)}.todo-comment-input input{flex:1;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:var(--font-family);background:var(--color-surface);color:var(--color-text-primary)}.todo-comment-input input:focus{outline:none;border-color:var(--color-primary)}.todo-comment-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap}.btn-action-option{background:var(--color-primary);color:#fff;border:1px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;transition:opacity .15s}.btn-action-option:hover:not(:disabled){opacity:.85}.btn-action-option:disabled{opacity:.5;cursor:not-allowed}.todo-comment-text-response{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.todo-comment-text-response input{flex:1;padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-xs);font-family:var(--font-family);background:var(--color-surface);color:var(--color-text-primary)}.todo-comment-text-response input:focus{outline:none;border-color:var(--color-primary)}.todo-comment-action-response{margin-top:var(--space-2);padding:var(--space-1) var(--space-2);background:#22c55e1a;border-radius:var(--radius-sm);font-size:var(--text-xs)}.action-response-label{color:var(--color-text-tertiary);font-weight:var(--font-semibold)}.action-response-value{color:var(--color-text-primary)}.btn-handoff{color:#2a5fa8!important;border-color:#2a5fa84d!important}.btn-handoff:hover{background:#2a5fa814!important}.handoff-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.handoff-dialog{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6);max-width:480px;width:100%;max-height:calc(100vh - var(--space-8));overflow-y:auto;box-shadow:0 20px 60px #00000026}.handoff-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4)}.handoff-todo-preview{background:var(--color-surface-secondary);padding:var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.handoff-todo-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}.handoff-todo-desc{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:var(--space-1);line-height:1.4}.handoff-field{margin-bottom:var(--space-4)}.handoff-label{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.handoff-required{font-weight:var(--font-normal);color:var(--color-text-tertiary);font-size:var(--text-xs)}.handoff-char-count{font-size:var(--text-xs);color:var(--jack-red);font-weight:var(--font-normal)}.handoff-char-count--met{color:var(--color-success)}.handoff-connection-list{display:flex;flex-direction:column;gap:2px;max-height:180px;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-md)}.handoff-connection-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:none;cursor:pointer;text-align:left;font-family:var(--font-body);transition:background .15s;width:100%}.handoff-connection-row:hover{background:var(--color-surface-secondary)}.handoff-connection-row.selected{background:#2a5fa81a;box-shadow:inset 3px 0 #2a5fa8}.handoff-connection-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);display:inline-flex;align-items:center;gap:4px}.handoff-connection-email{font-size:var(--text-xs);color:var(--color-text-tertiary)}.handoff-empty-connections{font-size:var(--text-sm);color:var(--color-text-secondary);padding:var(--space-3);text-align:center;background:var(--color-surface-secondary);border-radius:var(--radius-md)}.handoff-add-section{margin-bottom:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.handoff-add-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.handoff-add-form{display:flex;gap:var(--space-2)}.handoff-add-input{flex:1;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--text-sm);font-family:var(--font-body);color:var(--color-text-primary)}.handoff-add-message{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:var(--space-2);font-style:italic}.handoff-note{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--text-sm);font-family:var(--font-body);color:var(--color-text-primary);resize:vertical;min-height:72px}.handoff-error{color:var(--color-danger);font-size:var(--text-sm);margin-bottom:var(--space-3)}.handoff-pending-message{color:var(--color-success);font-size:var(--text-sm);margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3);background:#2e7d3214;border-radius:var(--radius-md)}.handoff-email-note{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-1);font-style:italic}.handoff-actions{display:flex;gap:var(--space-2)}.connections-panel{display:flex;flex-direction:column;gap:var(--space-4)}.connections-info-card{background:#2a5fa80f;border:1px solid rgba(42,95,168,.15);border-radius:var(--radius-md);padding:var(--space-4)}.connections-info-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.connections-info-text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.connections-add-form{display:flex;gap:var(--space-2)}.connections-email-input{flex:1;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:var(--font-body);background:var(--color-surface);color:var(--color-text-primary)}.connections-message{font-size:var(--text-sm);color:var(--color-text-secondary);padding:var(--space-2) var(--space-3);background:var(--color-surface-secondary);border-radius:var(--radius-md)}.connections-empty{font-size:var(--text-sm);color:var(--color-text-tertiary);text-align:center;padding:var(--space-6)}.connections-list{display:flex;flex-direction:column;gap:var(--space-2)}.connection-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.connection-info{display:flex;flex-direction:column;gap:2px}.connection-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}.connection-email{font-size:var(--text-xs);color:var(--color-text-tertiary)}.connection-actions{display:flex;gap:var(--space-1)}.connection-block-btn{color:var(--color-danger)!important}.connections-confirm-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.connections-confirm-dialog{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5);max-width:360px;width:100%;box-shadow:0 20px 60px #00000026}.connections-confirm-dialog p{font-size:var(--text-sm);color:var(--color-text-primary);line-height:1.5;margin-bottom:var(--space-4)}.connections-confirm-actions{display:flex;gap:var(--space-2)}.btn-danger{background:var(--color-danger)!important;color:#fff!important;border-color:var(--color-danger)!important}.btn-danger:hover{opacity:.9}.connections-discovery-banner{background:#faf5ed;border:1px solid rgba(42,95,168,.15);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3)}.discovery-banner-content{display:flex;align-items:center;gap:var(--space-3)}.discovery-banner-icon{flex-shrink:0;color:#2a5fa8}.discovery-banner-text{flex:1;font-size:var(--text-sm);color:#2a5fa8;font-weight:var(--font-medium)}.discovery-banner-form{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3)}.discovery-banner-input{flex:1;padding:var(--space-2) var(--space-3);border:1px solid rgba(42,95,168,.25);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:var(--font-body);background:var(--color-surface);color:var(--color-text-primary)}.discovery-banner-input:focus{outline:none;border-color:#2a5fa8;box-shadow:0 0 0 2px #2a5fa826}.discovery-banner-message{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:var(--space-2);font-style:italic}.connections-side-panel{width:var(--connections-panel-width);flex-shrink:0;border-left:1px solid var(--color-border-light);background:var(--color-surface);position:sticky;top:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column;transition:width var(--transition-base)}.connections-side-panel--collapsed{width:48px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-left:1px solid var(--color-border-light);background:var(--color-surface);position:sticky;top:0;height:100vh;flex-shrink:0}.connections-side-panel--collapsed:hover{background:var(--color-surface-hover)}.connections-side-panel__collapse-icon{position:relative;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center}.connections-side-panel__badge{position:absolute;top:-3px;right:-3px;width:8px;height:8px;border-radius:50%;background:var(--jack-red)}.connections-side-panel__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--color-border-light);flex-shrink:0}.connections-side-panel__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:400;font-style:italic;color:var(--color-text-primary);margin:0}.connections-side-panel__toggle{width:32px;height:32px;border-radius:var(--radius-sm);border:none;background:none;color:var(--color-text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.connections-side-panel__toggle:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.connections-side-panel__body{flex:1;overflow-y:auto;padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3)}.connections-side-panel__section{display:flex;flex-direction:column;gap:var(--space-2)}.connections-side-panel__section-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.connections-side-panel__pending{background:var(--color-warning-light);border:1px solid var(--color-warning-border);border-radius:var(--radius-md);padding:var(--space-3)}.connections-pending-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) 0}.connections-pending-item+.connections-pending-item{border-top:1px solid rgba(0,0,0,.06)}.connections-pending-info{display:flex;flex-direction:column;gap:1px;min-width:0}.connections-pending-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connections-pending-email{font-size:var(--text-xs);color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connections-pending-actions{display:flex;gap:var(--space-1);flex-shrink:0}.connections-outgoing-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) 0}.connections-outgoing-status{font-size:var(--text-xs);color:var(--color-text-tertiary);font-style:italic;flex-shrink:0}.connections-side-panel__list{display:flex;flex-direction:column}.connections-side-panel__item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0;gap:var(--space-2)}.connections-side-panel__item+.connections-side-panel__item{border-top:1px solid var(--color-border-light)}.connections-side-panel__item-info{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1;text-align:left}.connections-side-panel__item-name{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;display:inline-flex;align-items:center;gap:4px}.connections-side-panel__item-email{font-size:var(--text-sm);color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connections-side-panel__item-actions{display:flex;gap:2px;flex-shrink:0}.btn-icon-tiny{width:24px;height:24px;border:none;background:none;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);padding:0}.btn-icon-tiny:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.btn-icon-tiny--danger:hover{background:var(--color-danger-light);color:var(--color-danger)}.connections-side-panel__loading,.connections-side-panel__empty{font-size:var(--text-sm);color:var(--color-text-tertiary);text-align:center;padding:var(--space-4) 0}.connections-side-panel__add-form{display:flex;gap:var(--space-2)}.connections-side-panel__input{flex:1;min-width:0;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:var(--font-family);background:var(--color-surface);color:var(--color-text-primary);transition:border-color var(--transition-fast)}.connections-side-panel__input:focus{outline:none;border-color:var(--jack-blue);box-shadow:0 0 0 2px #2a5fa81f}.connections-side-panel__message{font-size:var(--text-xs);color:var(--color-text-secondary);padding:var(--space-2) var(--space-3);background:var(--color-surface-secondary);border-radius:var(--radius-sm)}.connections-side-panel__invite{border-top:1px solid var(--color-border-light);padding-top:var(--space-3)}.connections-side-panel__invite-desc{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.4;margin:0}.connections-side-panel__qr{display:flex;justify-content:center;padding:var(--space-3) 0}.connections-side-panel__qr svg{border-radius:var(--radius-md)}.connections-side-panel__copy-btn{width:100%;justify-content:center}.connections-side-panel__regenerate{border:none;background:none;color:var(--color-text-tertiary);font-size:var(--text-xs);font-family:var(--font-family);cursor:pointer;padding:var(--space-1) 0;text-align:center;width:100%;transition:color var(--transition-fast)}.connections-side-panel__regenerate:hover{color:var(--color-text-primary);text-decoration:underline}.connections-mobile-overlay{position:fixed;inset:0;background:#0006;z-index:1100;display:flex;align-items:flex-end;justify-content:center}.connections-mobile-sheet{background:var(--color-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:85vh;width:100%;display:flex;flex-direction:column;box-shadow:var(--shadow-xl)}.connections-mobile-sheet__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-light);flex-shrink:0}.connections-mobile-sheet__close{width:32px;height:32px;border:none;background:none;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.connections-mobile-sheet__close:hover{background:var(--color-surface-hover)}.connections-mobile-sheet__body{flex:1;overflow-y:auto;padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);padding-bottom:calc(var(--space-8) + env(safe-area-inset-bottom,0px))}.connections-group{border:1px solid var(--color-border-light);border-radius:var(--radius-md);transition:border-color .15s,background .15s}.connections-group--drag-over{border-color:var(--jack-blue);background:#2a5fa80a}.connections-group+.connections-group{margin-top:var(--space-2)}.connections-group__header{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-2);background:var(--color-surface-secondary);border-bottom:1px solid var(--color-border-light);min-height:36px}.connections-group__toggle{width:24px;height:24px;border:none;background:none;color:var(--color-text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);flex-shrink:0;padding:0}.connections-group__toggle:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.connections-group__name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default;-webkit-user-select:none;user-select:none}.connections-group__count{font-size:var(--text-sm);color:var(--color-text-tertiary);flex-shrink:0;margin-right:var(--space-1)}.connections-group__rename-input{flex:1;min-width:0;border:1px solid var(--jack-blue);border-radius:var(--radius-sm);padding:2px var(--space-2);font-size:var(--text-sm);font-family:var(--font-family);font-weight:var(--font-semibold);color:var(--color-text-primary);background:var(--color-surface);outline:none}.connections-group__list{padding:var(--space-1) var(--space-2);display:flex;flex-direction:column;min-height:32px}.connections-group__empty{font-size:var(--text-xs);color:var(--color-text-tertiary);text-align:center;padding:var(--space-3) 0;font-style:italic}.connections-group__drag-handle{width:20px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:grab;color:var(--color-text-tertiary);border-radius:var(--radius-sm);touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.connections-group__drag-handle:hover{background:var(--color-surface-hover);color:var(--color-text-secondary)}.connections-group .connections-side-panel__item{padding:var(--space-1) 0}.connections-group__drag-overlay{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--jack-blue);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:180px;opacity:.95}.connections-group__add-btn{width:100%;border:1px dashed var(--color-border);border-radius:var(--radius-md);background:none;color:var(--color-text-tertiary);font-size:var(--text-sm);font-family:var(--font-family);padding:var(--space-2) var(--space-3);cursor:pointer;text-align:center;transition:all var(--transition-fast);margin-top:var(--space-2)}.connections-group__add-btn:hover{border-color:var(--jack-blue);color:var(--jack-blue);background:#2a5fa80a}.connections-group__add-form{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.connections-side-panel__item-info--clickable{cursor:pointer;border:none;background:none;padding:0;font-family:inherit}.connections-side-panel__item-info--clickable:hover .connections-side-panel__item-name{color:var(--jack-blue)}.connections-side-panel__item--active{background:#2a5fa814;border-left:3px solid var(--jack-blue);margin-left:-3px;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.connections-side-panel__item--active .connections-side-panel__item-name{color:var(--jack-blue)}.connections-overflow-wrap{position:relative}.connections-overflow-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;background:none;color:var(--color-text-tertiary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.connections-overflow-btn:hover{background:var(--color-surface-hover);color:var(--color-text-secondary)}.connections-overflow-menu{position:absolute;top:100%;right:0;z-index:50;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:140px;padding:var(--space-1) 0;margin-top:2px}.connections-overflow-menu__label{font-size:var(--text-xs);color:var(--color-text-tertiary);padding:var(--space-1) var(--space-3);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em}.connections-overflow-menu__item{display:flex;align-items:center;justify-content:space-between;width:100%;border:none;background:none;font-size:var(--text-sm);font-family:var(--font-family);color:var(--color-text-primary);padding:var(--space-2) var(--space-3);cursor:pointer;text-align:left}.connections-overflow-menu__item:hover{background:var(--color-surface-hover)}.connections-overflow-menu__item--active{color:var(--jack-blue);font-weight:var(--font-medium)}.connections-overflow-menu__item--danger{color:var(--color-danger)}.connections-overflow-menu__item--danger:hover{background:#dc26260f}.connections-overflow-menu__check{font-size:var(--text-xs);margin-left:var(--space-2)}.connections-overflow-menu__divider{height:1px;background:var(--color-border-light);margin:var(--space-1) 0}.todo-connection-filter-chip{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-2);background:#2a5fa814;border:1px solid rgba(42,95,168,.2);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-secondary)}.todo-connection-filter-chip strong{color:var(--jack-blue);font-weight:var(--font-medium)}.todo-connection-filter-chip__close{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:none;color:var(--color-text-tertiary);border-radius:var(--radius-sm);cursor:pointer;margin-left:auto;flex-shrink:0;transition:all var(--transition-fast)}.todo-connection-filter-chip__close:hover{background:#2a5fa81f;color:var(--jack-blue)}@media(min-width:1201px){.connections-side-panel{display:flex}}@media(min-width:1181px)and (max-width:1200px){.connections-side-panel:not(.connections-side-panel--collapsed){position:fixed;right:0;top:0;z-index:100;box-shadow:-4px 0 20px #0000001a}.connections-side-panel--collapsed{position:sticky}}@media(max-width:1180px){.connections-side-panel{display:none!important}}.email-accounts-manager{display:flex;flex-direction:column;gap:var(--space-4)}.email-accounts-title{font-family:var(--font-display);font-size:1.25rem;font-weight:400;font-style:italic;margin:0 0 var(--space-1) 0}.email-accounts-loading{font-size:var(--text-sm);color:var(--color-text-secondary);padding:var(--space-4)}.email-accounts-empty{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:0}.email-accounts-list{display:flex;flex-direction:column;gap:var(--space-2)}.email-account-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border-light);transition:all var(--transition-fast)}.email-account-item:hover{border-color:var(--color-border)}.email-account-inactive{opacity:.6}.email-account-reauth{border-color:var(--color-danger);opacity:1}.email-account-reauth-banner{font-size:var(--text-xs);color:var(--color-danger);padding:var(--space-2) 0;line-height:1.4}.email-account-reconnect{padding:var(--space-1) var(--space-3);border:1px solid var(--color-danger);border-radius:var(--radius-sm);background:var(--color-danger);font-size:var(--text-xs);font-weight:var(--font-semibold);color:#fff;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family)}.email-account-reconnect:hover{opacity:.9}.email-account-info{display:flex;align-items:center;gap:var(--space-3);min-width:0;flex:1}.email-account-details{display:flex;flex-direction:column;min-width:0}.email-account-email{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-account-provider{font-size:var(--text-xs);color:var(--color-text-tertiary)}.email-account-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.email-account-toggle{padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family)}.email-account-toggle:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.email-account-disconnect{padding:var(--space-1) var(--space-3);border:1px solid transparent;border-radius:var(--radius-sm);background:none;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family)}.email-account-disconnect:hover{color:var(--color-danger);border-color:#dc262633;background:#dc26260a}.email-account-confirm{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-secondary)}.btn-danger-sm{padding:var(--space-1) var(--space-2);border:none;border-radius:var(--radius-sm);background:var(--color-danger);color:#fff;font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;font-family:var(--font-family)}.btn-danger-sm:hover{opacity:.9}.btn-secondary-sm{padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;font-family:var(--font-family)}.btn-secondary-sm:hover{background:var(--color-surface-secondary)}.email-accounts-connect{display:flex;gap:var(--space-2);flex-wrap:wrap}.email-account-connect-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family)}.email-account-connect-btn:hover{border-color:var(--jack-red);color:var(--jack-red);background:#c044300a}.email-account-connect-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.email-account-item{flex-direction:column;align-items:stretch;gap:var(--space-2)}.email-account-actions{justify-content:flex-end}}.whats-new-overlay,.tutorial-overlay{position:fixed;inset:0;background:#2c241880;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}.whats-new-dialog,.tutorial-dialog{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:90vw;max-width:440px;overflow:hidden;animation:slideUp .3s ease;position:relative}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.whats-new-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-light)}.whats-new-badge{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary);background:var(--color-primary-light);border:1px solid var(--color-primary-border);padding:2px 10px;border-radius:var(--radius-full);letter-spacing:.02em}.whats-new-close,.tutorial-close{background:none;border:none;cursor:pointer;color:var(--color-text-tertiary);padding:var(--space-1);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.whats-new-close:hover,.tutorial-close:hover{color:var(--color-text-primary)}.tutorial-close{position:absolute;top:var(--space-3);right:var(--space-3);z-index:1}.whats-new-content,.tutorial-content{padding:var(--space-8) var(--space-6);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);min-height:200px;justify-content:center}.whats-new-icon{width:56px;height:56px;border-radius:var(--radius-lg);background:var(--color-surface-secondary);display:flex;align-items:center;justify-content:center;color:var(--color-primary);margin-bottom:var(--space-2)}.tutorial-icon{width:64px;height:64px;border-radius:var(--radius-lg);background:var(--color-surface-secondary);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-2)}.whats-new-title,.tutorial-title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text-primary);margin:0;line-height:1.3}.whats-new-description,.tutorial-description{font-size:var(--text-base);color:var(--color-text-secondary);margin:0;line-height:1.6;max-width:360px}.whats-new-new-badge{display:inline-block;font-size:var(--text-xs);font-weight:var(--font-bold);color:#fff;background:var(--color-success);padding:1px 8px;border-radius:var(--radius-full);letter-spacing:.05em}.whats-new-footer,.tutorial-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border-light)}.whats-new-dots,.tutorial-dots{display:flex;gap:6px}.whats-new-dot{width:8px;height:8px;border-radius:50%;background:var(--color-border);border:none;padding:0;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}.whats-new-dot.active{background:var(--color-primary);transform:scale(1.25)}.whats-new-dot:hover:not(.active){background:var(--color-text-tertiary)}.whats-new-actions,.tutorial-actions{display:flex;gap:var(--space-2)}.tutorial-progress-bar{height:3px;background:var(--color-border-light);width:100%}.tutorial-progress-fill{height:100%;background:var(--color-primary);transition:width .3s ease;border-radius:0 2px 2px 0}.tutorial-step-counter{position:absolute;top:var(--space-3);left:var(--space-4);font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:var(--font-medium)}@media(max-width:480px){.whats-new-dialog,.tutorial-dialog{width:95vw;max-width:none;margin:var(--space-4)}.whats-new-content,.tutorial-content{padding:var(--space-6) var(--space-4);min-height:180px}}.walkthrough-container{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--space-4);overflow:hidden;animation:slideUp .3s ease}.walkthrough-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light)}.walkthrough-badge{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary);background:var(--color-primary-light);border:1px solid var(--color-primary-border);padding:2px 10px;border-radius:var(--radius-full);letter-spacing:.02em}.walkthrough-counter{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-left:auto}.walkthrough-dismiss{background:none;border:none;cursor:pointer;color:var(--color-text-tertiary);padding:var(--space-1);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.walkthrough-dismiss:hover{color:var(--color-text-primary)}.walkthrough-card{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5) var(--space-4)}.walkthrough-icon{width:48px;height:48px;min-width:48px;border-radius:var(--radius-lg);background:var(--color-surface-secondary);display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.walkthrough-card-body{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.walkthrough-title{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0;line-height:1.3}.walkthrough-description{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.walkthrough-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border-light)}.walkthrough-dots{display:flex;gap:6px}.walkthrough-dot{width:8px;height:8px;border-radius:50%;background:var(--color-border);border:none;padding:0;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}.walkthrough-dot.active{background:var(--color-primary);transform:scale(1.25)}.walkthrough-dot:hover:not(.active){background:var(--color-text-tertiary)}.walkthrough-actions{display:flex;gap:var(--space-2)}@media(max-width:480px){.walkthrough-card{flex-direction:column;align-items:center;text-align:center;padding:var(--space-4) var(--space-3)}}.admin-telemetry{font-family:var(--font-family);color:var(--color-text-primary)}.admin-telemetry__header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--space-5);border-bottom:1px solid var(--color-border-light);padding-bottom:var(--space-3)}.admin-telemetry__title{font-family:var(--font-display);font-style:italic;font-size:var(--text-xl);font-weight:var(--font-normal);margin:0;color:var(--color-text-primary)}.admin-telemetry__header-right{text-align:right;display:flex;align-items:center;gap:var(--space-3)}.admin-telemetry__last-fetch{font-size:var(--text-xs);color:var(--color-text-tertiary)}.admin-telemetry__latency-badge{margin-left:var(--space-1);font-weight:var(--font-medium)}.admin-telemetry__filters{display:flex;gap:var(--space-4);align-items:flex-end;margin-bottom:var(--space-5);flex-wrap:wrap}.admin-telemetry__filter-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);margin-bottom:var(--space-1);font-weight:var(--font-medium)}.admin-telemetry__pills{display:flex;gap:var(--space-1)}.admin-telemetry__pill{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-border-light);background:transparent;color:var(--color-text-secondary);font-size:var(--text-xs);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast)}.admin-telemetry__pill:hover{border-color:var(--color-border);background:var(--color-surface-hover)}.admin-telemetry__pill.active{border-color:var(--jack-gold);background:#d4a0201a;color:var(--jack-gold);font-weight:var(--font-medium)}.admin-telemetry__error{padding:var(--space-3) var(--space-4);background:var(--color-danger-light);border:1px solid var(--color-danger-border);border-radius:var(--radius-md);color:var(--color-danger);font-size:var(--text-sm);margin-bottom:var(--space-5)}.admin-telemetry__loading{text-align:center;padding:var(--space-12);color:var(--color-text-tertiary);font-size:var(--text-sm)}.admin-telemetry__refreshing{padding:var(--space-2) var(--space-4);background:var(--color-warning-light);border-radius:var(--radius-md);color:var(--color-warning);font-size:var(--text-xs);margin-bottom:var(--space-4);text-align:center}.admin-telemetry__stats{display:flex;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap}.admin-telemetry__stat-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);flex:1 1 0;min-width:140px;box-shadow:var(--shadow-xs)}.admin-telemetry__stat-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);margin-bottom:var(--space-2);font-weight:var(--font-medium)}.admin-telemetry__stat-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);line-height:1.1;font-family:var(--font-mono)}.admin-telemetry__stat-sub{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-1)}.admin-telemetry__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width:768px){.admin-telemetry__grid{grid-template-columns:1fr}}.admin-telemetry__section{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-xs)}.admin-telemetry__section-title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.08em;margin-top:0;margin-bottom:var(--space-4)}.admin-telemetry__empty{color:var(--color-text-tertiary);font-size:var(--text-sm)}.admin-telemetry__bar-row{margin-bottom:var(--space-2)}.admin-telemetry__bar-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2px}.admin-telemetry__bar-label{font-size:var(--text-sm);color:var(--color-text-secondary);max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-telemetry__bar-value{font-size:var(--text-sm);color:var(--color-text-tertiary);font-family:var(--font-mono)}.admin-telemetry__bar-error{color:var(--color-danger);margin-left:var(--space-1);font-weight:var(--font-medium)}.admin-telemetry__bar-track{height:4px;background:var(--color-surface-secondary);border-radius:2px}.admin-telemetry__bar-fill{height:100%;border-radius:2px;transition:width .5s ease}.admin-telemetry__user-card{padding:var(--space-3);border:1px solid var(--color-border-light);border-radius:var(--radius-md);margin-bottom:var(--space-2);background:var(--color-surface)}.admin-telemetry__user-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-1)}.admin-telemetry__user-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}.admin-telemetry__user-cost{font-size:var(--text-sm);font-weight:var(--font-semibold);font-family:var(--font-mono);color:var(--color-text-tertiary)}.admin-telemetry__bar-track{height:4px;background:var(--color-border-light);border-radius:2px;margin-bottom:var(--space-2)}.admin-telemetry__bar-fill{height:100%;border-radius:2px;transition:width .4s ease}.admin-telemetry__user-stats{display:flex;gap:var(--space-3);flex-wrap:wrap;font-size:var(--text-xs);color:var(--color-text-tertiary);font-family:var(--font-mono)}.admin-telemetry__ts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.admin-telemetry__ts-metrics{display:flex;gap:var(--space-1)}.admin-telemetry__ts-metric-btn{padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);border:1px solid var(--color-border);background:transparent;color:var(--color-text-tertiary);font-size:var(--text-sm);font-family:var(--font-family);cursor:pointer;transition:all .15s}.admin-telemetry__ts-metric-btn.active{border-color:var(--jack-gold);background:#d4a02014;color:var(--jack-gold)}.admin-telemetry__ts-wrapper{display:flex;gap:var(--space-2)}.admin-telemetry__ts-yaxis{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;height:220px;padding-bottom:24px;font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-tertiary);min-width:fit-content;flex-shrink:0}.admin-telemetry__ts-chart{display:flex;align-items:flex-end;gap:2px;height:220px;flex:1;border-left:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light);padding-top:var(--space-2);padding-left:var(--space-1)}.admin-telemetry__ts-value{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-tertiary);text-align:center;height:18px;overflow:hidden;white-space:nowrap}.admin-telemetry__ts-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;min-width:0}.admin-telemetry__ts-bar-container{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.admin-telemetry__ts-bar{width:80%;max-width:32px;border-radius:3px 3px 0 0;overflow:hidden;display:flex;flex-direction:column-reverse;transition:height .3s ease}.admin-telemetry__ts-segment{width:100%;min-height:1px;transition:height .3s ease}.admin-telemetry__ts-label{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center}.admin-telemetry__ts-legend{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--color-border-light)}.admin-telemetry__ts-legend-item{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-secondary)}.admin-telemetry__ts-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.admin-telemetry__table-container{margin-top:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);overflow-x:auto;box-shadow:var(--shadow-xs)}.admin-telemetry__table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.admin-telemetry__table thead tr{border-bottom:1px solid var(--color-border)}.admin-telemetry__table th{padding:var(--space-2) var(--space-3);text-align:left;color:var(--color-text-tertiary);font-weight:var(--font-medium);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em}.admin-telemetry__table td{padding:var(--space-2) var(--space-3);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-light);font-family:var(--font-mono);font-size:var(--text-xs)}.admin-telemetry__table-endpoint{font-family:var(--font-family)!important;color:var(--color-text-primary)!important}.demo-overlay{position:fixed;inset:0;z-index:10000;pointer-events:none}.demo-overlay>*{pointer-events:auto}.demo-overlay__backdrop{position:fixed;inset:0;background:#2c2418a6;transition:clip-path .4s cubic-bezier(.4,0,.2,1);cursor:pointer}.demo-spotlight-ring{position:fixed;border:2px solid var(--jack-gold);border-radius:var(--radius-lg);transition:top .35s ease,left .35s ease,width .35s ease,height .35s ease;box-shadow:0 0 0 4px #d4a02026,0 0 24px #d4a0201a;pointer-events:none;transition:top .35s cubic-bezier(.4,0,.2,1),left .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1),height .35s cubic-bezier(.4,0,.2,1);animation:demo-spotlight-pulse 2s ease-in-out infinite}@keyframes demo-spotlight-pulse{0%,to{box-shadow:0 0 0 4px #d4a02026,0 0 24px #d4a0201a}50%{box-shadow:0 0 0 6px #d4a02040,0 0 32px #d4a02026}}.demo-tooltip{position:fixed;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl),0 0 0 1px #2c241814;padding:var(--space-5);width:max-content;max-width:360px;z-index:10001;transition:opacity .25s ease,top .35s ease,left .35s ease,transform .25s ease}.demo-tooltip--centered{width:90vw;text-align:center}.demo-tooltip--transitioning{opacity:0;transform:scale(.97)}.demo-tooltip__close{position:absolute;top:var(--space-3);right:var(--space-3);background:none;border:none;cursor:pointer;color:var(--color-text-tertiary);padding:var(--space-1);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.demo-tooltip__close:hover{color:var(--color-text-primary)}.demo-tooltip__dots{display:flex;gap:6px;margin-bottom:var(--space-3);justify-content:center}.demo-tooltip__dot{width:7px;height:7px;border-radius:var(--radius-full);background:var(--color-border);border:none;cursor:pointer;padding:0;transition:all var(--transition-fast)}.demo-tooltip__dot.active{background:var(--jack-gold);width:20px;border-radius:4px}.demo-tooltip__dot.completed{background:var(--color-text-tertiary)}.demo-tooltip__dot:hover{background:var(--jack-gold);opacity:.7}.demo-tooltip__title{font-family:var(--font-display);font-style:italic;font-size:var(--text-xl);color:var(--color-text-primary);margin:0 0 var(--space-2);line-height:1.3;padding-right:var(--space-6)}.demo-tooltip--centered .demo-tooltip__title{padding-right:0;font-size:var(--text-2xl)}.demo-tooltip__description{font-family:var(--font-family);font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6;margin:0 0 var(--space-4)}.demo-tooltip__nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border-light)}.demo-tooltip__counter{font-size:var(--text-sm);color:var(--color-text-tertiary);font-variant-numeric:tabular-nums}.demo-tooltip__buttons{display:flex;gap:var(--space-2)}.demo-tooltip__arrow{position:absolute;width:12px;height:12px;background:var(--color-surface);border:1px solid rgba(44,36,24,.08);transform:rotate(45deg)}.demo-tooltip__arrow--bottom{top:-6px;left:calc(50% - 6px);border-right:none;border-bottom:none}.demo-tooltip__arrow--top{bottom:-6px;left:calc(50% - 6px);border-left:none;border-top:none}.demo-tooltip__arrow--right{left:-6px;top:calc(50% - 6px);border-top:none;border-right:none}.demo-tooltip__arrow--left{right:-6px;top:calc(50% - 6px);border-bottom:none;border-left:none}@media(max-width:768px){.demo-tooltip{max-width:calc(100vw - 32px);left:16px!important;right:16px;width:auto!important;max-height:calc(100vh - 24px);overflow-y:auto}.demo-tooltip--centered{left:50%!important;right:auto;transform:translate(-50%,-50%)!important}.demo-tooltip__arrow{display:none}}.unified-tabs{display:flex;background:var(--color-surface-secondary, #f5f3f0);border-radius:var(--radius-md);padding:3px;gap:2px;margin-bottom:var(--space-3)}.unified-tab{flex:1;padding:7px 12px;border:none;border-radius:calc(var(--radius-md) - 2px);background:transparent;color:var(--color-text-secondary);font-size:var(--text-sm);font-family:var(--font-body);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-align:center}.unified-tab:hover{color:var(--color-text-primary);background:#ffffff80}.unified-tab.active{background:var(--color-surface, #fff);color:var(--color-text-primary);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;font-weight:var(--font-semibold)}.todo-header-right{display:flex;align-items:center;gap:var(--space-2)}.todo-count--light{font-size:var(--text-sm);font-family:var(--font-body);font-style:normal;color:var(--color-text-tertiary);font-weight:var(--font-regular, 400)}.filter-icon-btn{display:inline-flex;align-items:center;justify-content:center;position:relative;width:32px;height:32px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.filter-icon-btn:hover{border-color:var(--color-primary-border);color:var(--color-text-primary)}.filter-icon-btn.active{background:var(--color-primary-light, rgba(42, 95, 168, .08));border-color:var(--color-primary);color:var(--color-primary)}.filter-icon-badge{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;border-radius:var(--radius-full);background:var(--jack-gold, #d4a020);color:#fff;font-size:10px;font-weight:var(--font-bold);display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1}.todo-overflow-menu{position:relative}.todo-overflow-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.todo-overflow-btn:hover{border-color:var(--color-primary-border);color:var(--color-text-primary)}.todo-overflow-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:160px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 12px #0000001a;z-index:50;padding:4px;animation:slideDown .15s ease}.todo-overflow-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:8px 12px;border:none;border-radius:var(--radius-sm);background:none;font-size:var(--text-sm);font-family:var(--font-body);color:var(--color-text-primary);cursor:pointer;transition:background var(--transition-fast);text-align:left}.todo-overflow-item:hover{background:var(--color-surface-secondary, #f5f3f0)}.filter-panel-collapsible{padding:var(--space-3);background:var(--color-surface-secondary, #f5f3f0);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3);animation:filterPanelIn .2s ease}@keyframes filterPanelIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.filter-panel-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.filter-panel-row .search-input-wrapper{flex:1;max-width:100%}.filter-panel-selects{display:flex;gap:var(--space-2);flex-wrap:wrap}.filter-panel-selects .filter-select{flex:1;min-width:120px}.filter-panel-toggle-row{display:flex;justify-content:space-between;align-items:center}.filter-panel-toggle{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer}.filter-panel-toggle input[type=checkbox]{accent-color:var(--color-primary);width:16px;height:16px;cursor:pointer}.active-filter-chips{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-3)}@media(max-width:768px){.unified-tabs{gap:1px;padding:2px}.unified-tab{padding:6px 8px;font-size:12px}.filter-panel-selects{flex-direction:column}.filter-panel-selects .filter-select{min-width:100%}.todo-header-right{gap:var(--space-1)}}.welcome-screen{display:block;padding:clamp(24px,4vw,48px)}.welcome-shell{position:relative;z-index:1;max-width:1240px;margin:0 auto}.welcome-site-footer{margin-top:clamp(36px,5vw,56px)}.welcome-site-footer a,.welcome-site-footer button{color:#fff5ebb8}.welcome-site-footer a:hover,.welcome-site-footer button:hover{color:#fff5ebf5}.welcome-site-footer .site-legal-sep{color:#fff5eb5c}.welcome-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:clamp(32px,6vw,72px)}.welcome-nav-actions{display:flex;align-items:center;gap:14px}.welcome-nav-dropdown{position:relative}.welcome-nav-dropdown-trigger{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 18px;border-radius:999px;background:#faf8f514;border:1px solid rgba(250,248,245,.14);color:#fff5ebf0;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.welcome-nav-dropdown-trigger::-webkit-details-marker{display:none}.welcome-nav-dropdown-trigger:after{content:"";width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-1px);transition:transform .16s ease}.welcome-nav-dropdown[open] .welcome-nav-dropdown-trigger:after{transform:rotate(-135deg) translateY(-1px)}.welcome-nav-dropdown-menu{position:absolute;top:calc(100% + 12px);right:0;width:min(420px,calc(100vw - 40px));padding:12px;border-radius:24px;background:#faf8f5f7;border:1px solid rgba(18,21,30,.08);box-shadow:0 28px 64px #07070c3d;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:20}.welcome-nav-dropdown-item{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border-radius:16px;color:inherit;text-decoration:none;transition:background .16s ease,transform .16s ease}.welcome-nav-dropdown-item span{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--jack-red)}.welcome-nav-dropdown-item strong{font-size:.95rem;line-height:1.4;color:var(--color-text-primary)}.welcome-nav-dropdown-item:hover{background:#c0443014;transform:translateY(-1px)}.welcome-brand{display:inline-flex;align-items:center;gap:12px;color:#f6f0e8;text-decoration:none}.welcome-brand-mark{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:#faf8f514;border:1px solid rgba(250,248,245,.14);color:#fff}.welcome-brand-wordmark{font-size:1rem;font-weight:600;letter-spacing:.01em}.welcome-page{display:flex;flex-direction:column;gap:clamp(56px,8vw,112px)}.welcome-hero{display:flex;flex-direction:column;align-items:start}.welcome-hero-copy{display:flex;flex-direction:column;gap:var(--space-6);padding-top:clamp(12px,3vw,40px);max-width:920px}.welcome-kicker,.welcome-section-kicker,.welcome-auth-kicker,.welcome-pillar-eyebrow{display:inline-flex;align-items:center;width:fit-content;margin-bottom:var(--space-3);padding:7px 12px;border-radius:999px;background:#faf8f5f5;border:1px solid rgba(44,36,24,.08);color:var(--color-text-primary);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.welcome-tagline{margin:0;max-width:22ch;font-family:var(--font-display);font-size:clamp(3rem,7vw,6rem);line-height:.96;color:#fff6ed;letter-spacing:-.04em}.welcome-hero-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.welcome-nav-signin,.welcome-primary-signin{min-height:52px;padding-inline:22px;font-size:.95rem}.welcome-nav-signin{border:none;border-radius:999px;background:linear-gradient(135deg,#d8604c,#c04430);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 18px 36px #c0443047}.welcome-nav-signin:hover{background:linear-gradient(135deg,#e26d58,#ad3d2a)}.welcome-secondary-cta{color:#fff5ebdb;border-color:#fff5eb29;background:#faf8f514}.welcome-hero-visual{display:flex;align-items:stretch}.welcome-demo-board,.welcome-auth-panel,.welcome-pillar-card,.welcome-workflow-card,.welcome-audience-card,.welcome-final-cta{border-radius:28px;background:#faf8f5eb;border:1px solid rgba(255,255,255,.16);box-shadow:0 28px 64px #07070c3d;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.welcome-pillar-card p,.welcome-final-cta p,.welcome-auth-copy{margin:0;color:var(--color-text-secondary);line-height:1.65}.welcome-auth-header{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5)}.welcome-auth-title{margin:0;font-size:clamp(1.5rem,2vw,2rem);line-height:1.05;color:var(--color-text-primary)}.welcome-signin-screen{display:flex;min-height:calc(100vh - 120px);align-items:center;justify-content:center}.welcome-signin-card{width:min(460px,100%);text-align:center}.welcome-signin-logo{width:56px;height:56px;margin:0 auto var(--space-3);display:flex;align-items:center;justify-content:center;border-radius:16px;background:#c0443014;color:var(--color-text-primary)}.welcome-signin-heading{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:2.1rem;font-weight:400;font-style:italic;color:var(--color-text-primary)}.welcome-signin-tagline{margin:0 0 var(--space-6);color:var(--color-text-secondary);line-height:1.6}.welcome-back-link{margin-bottom:var(--space-5);border:none;background:transparent;color:#fff5ebeb;font-size:var(--text-sm);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.welcome-back-link:hover{color:#fff}.welcome-providers,.welcome-dev-login{display:flex;flex-direction:column;gap:var(--space-3)}.welcome-dev-divider{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-tertiary);font-size:var(--text-sm)}.welcome-dev-divider div{flex:1;height:1px;background:var(--color-border)}.welcome-dev-input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--color-border);background:#ffffffd1;color:var(--color-text-primary)}.welcome-provider-dev{background:#c04430;border-color:#c04430;color:#fff}.welcome-provider-dev:hover{background:#a83a28;border-color:#a83a28;color:#fff}.welcome-story-stack{display:flex;flex-direction:column;gap:clamp(48px,7vw,88px)}.welcome-story-section{position:relative;display:flex;flex-direction:column;gap:var(--space-6);padding:clamp(24px,3.8vw,40px);border-radius:36px;background:linear-gradient(180deg,#ffffff08,#ffffff04),radial-gradient(circle at top left,rgba(192,68,48,.12),transparent 36%);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff0a}.welcome-story-header{max-width:760px;display:flex;flex-direction:column;gap:var(--space-4)}.welcome-story-header h2,.welcome-final-cta h2{margin:0;font-family:var(--font-display);font-size:clamp(2rem,4vw,3.5rem);line-height:.98;letter-spacing:-.03em;color:#fff2e6}.welcome-story-header p{margin:0;max-width:62ch;color:#fff5ebd1;line-height:1.65}.welcome-story-section-upcoming .welcome-section-kicker{background:#d4a0201f;border-color:#d4a02038;color:#f2cf6b}.welcome-story-section-upcoming{background:linear-gradient(180deg,#ffffff08,#ffffff04),radial-gradient(circle at top left,rgba(212,160,32,.12),transparent 34%)}.welcome-carousel{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.3fr);gap:var(--space-4);align-items:stretch}.welcome-carousel-copy{width:100%}.welcome-story-section-reversed .welcome-carousel{grid-template-columns:minmax(0,1.3fr) minmax(320px,.9fr)}.welcome-story-section-reversed .welcome-carousel-copy{order:2}.welcome-story-section-reversed .welcome-carousel-image{order:1}.welcome-carousel-copy,.welcome-carousel-image{padding:clamp(20px,2.3vw,28px)}.welcome-carousel-image{min-width:0;width:100%}.welcome-carousel-copy{display:flex;flex-direction:column;justify-content:center;gap:var(--space-4);border-radius:28px;background:linear-gradient(180deg,#fffffff5,#f6f1ecf5);border:1px solid rgba(18,21,30,.08);box-shadow:0 32px 60px #07070c2e;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);color:var(--color-text-primary)}.welcome-carousel-copy-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.welcome-carousel-count{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-tertiary)}.welcome-carousel-copy h3{margin:0;font-size:clamp(1.4rem,2vw,2rem);line-height:1.15;color:var(--color-text-primary)}.welcome-carousel-copy p{margin:0;color:var(--color-text-secondary)}.welcome-carousel-copy .welcome-pillar-eyebrow{background:#d133531f;border-color:#d133532e;color:var(--jack-red)}.welcome-final-cta p{color:#fff5ebd1}.welcome-final-cta .welcome-section-kicker{background:var(--color-primary-light);border-color:var(--color-primary-border);color:var(--color-primary)}.welcome-final-cta h2{color:var(--color-text-primary)}.welcome-final-cta p{color:var(--color-text-secondary)}.welcome-carousel-controls{display:flex;gap:10px;margin-top:var(--space-6)}.welcome-carousel-dot{width:12px;height:12px;border-radius:999px;border:none;background:var(--color-border);cursor:pointer}.welcome-carousel-dot.active{width:32px;background:var(--jack-red)}.welcome-carousel-image-inner{border-radius:20px;overflow:hidden;display:flex;align-items:center;justify-content:center}.welcome-screenshot-frame{display:inline-block;max-height:480px;border-radius:16px;border:1px solid rgba(255,255,255,.12);overflow:hidden;box-shadow:0 4px 24px #0003,0 1px 4px #0000001a}.welcome-screenshot-frame img{display:block;max-height:478px;width:auto;max-width:100%;filter:brightness(.95) contrast(.97)}.welcome-phone-shell{position:relative;width:240px;max-width:60%;background:#1a1a1e;border-radius:36px;padding:12px;box-shadow:0 8px 32px #0000004d,inset 0 0 0 1.5px #ffffff1a}.welcome-phone-notch{position:absolute;top:12px;left:50%;transform:translate(-50%);width:80px;height:22px;background:#1a1a1e;border-radius:0 0 14px 14px;z-index:2}.welcome-phone-screen{border-radius:24px;overflow:hidden;background:#000}.welcome-carousel-screenshot-mobile{width:100%;height:auto;max-height:none;border-radius:0;box-shadow:none;display:block}.welcome-placeholder-window{width:100%;max-width:640px;border-radius:18px;overflow:hidden;background:#fffffff0;border:1px solid rgba(44,36,24,.1);box-shadow:0 18px 36px #2c241814}.welcome-placeholder-topbar{display:flex;gap:8px;padding:12px 14px;background:#f3f0ebe6;border-bottom:1px solid rgba(44,36,24,.08)}.welcome-placeholder-topbar span{width:10px;height:10px;border-radius:999px;background:#2c24182e}.welcome-placeholder-body{display:grid;grid-template-columns:140px 1fr;min-height:260px}.welcome-placeholder-sidebar{padding:18px 14px;border-right:1px solid rgba(44,36,24,.08);background:#faf8f5e6}.welcome-placeholder-chip{height:14px;border-radius:999px;background:#2c24181a;margin-bottom:12px}.welcome-placeholder-chip.strong{width:72%;background:#c0443038}.welcome-placeholder-content{padding:20px}.welcome-placeholder-title{width:38%;height:18px;border-radius:999px;background:#2c241829;margin-bottom:16px}.welcome-placeholder-line{height:10px;border-radius:999px;background:#2c24181a;margin-bottom:10px}.welcome-placeholder-line.wide{width:88%}.welcome-placeholder-line.medium{width:70%}.welcome-placeholder-line.short{width:46%}.welcome-placeholder-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.welcome-placeholder-card{padding:14px;border-radius:14px;background:linear-gradient(180deg,#fdf0ede6,#fffffff5);border:1px solid rgba(192,68,48,.14);text-align:left}.welcome-placeholder-card span{display:block;margin-bottom:10px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-secondary)}.welcome-carousel-image-kicker{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--color-text-tertiary)}.welcome-final-cta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:clamp(24px,4vw,40px);margin-bottom:var(--space-8)}.app-site-footer{margin-top:var(--space-6);padding:0 0 calc(var(--space-8) + 12px)}.welcome-final-cta p{margin-top:var(--space-4)}@media(max-width:1100px){.welcome-carousel{grid-template-columns:1fr}.welcome-carousel-copy-top{align-items:flex-start;flex-direction:column}.welcome-placeholder-cards{grid-template-columns:1fr}}@media(max-width:768px){.welcome-screen{padding:20px}.welcome-nav{margin-bottom:28px}.welcome-nav,.welcome-nav-actions{flex-wrap:wrap}.welcome-hero-actions,.welcome-final-cta{flex-direction:column;align-items:stretch}.welcome-secondary-cta,.welcome-final-cta .btn{justify-content:center}}