.task-inspector-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1050;display:flex;justify-content:flex-end;animation:taskInspectorFadeIn .2s ease}.task-inspector-panel{width:440px;max-width:90vw;height:100vh;background:var(--bg-surface, var(--bg-secondary));border-left:1px solid var(--border-color);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;animation:taskInspectorSlideIn .25s cubic-bezier(.16,1,.3,1);overflow:hidden}.task-inspector-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color);background:var(--bg-nav, var(--bg-secondary))}.task-inspector-header-meta{display:flex;align-items:center;gap:10px}.task-inspector-badge{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);background:var(--bg-hover);padding:3px 8px;border-radius:4px}.task-inspector-saving{font-size:.75rem;color:var(--accent);font-style:italic}.task-inspector-header-actions{display:flex;align-items:center;gap:12px}.task-inspector-link-btn{font-size:.82rem;color:var(--accent);text-decoration:none;font-weight:500;transition:opacity .15s ease}.task-inspector-link-btn:hover{text-decoration:underline;opacity:.9}.task-inspector-close-btn{background:transparent;border:none;color:var(--text-secondary);font-size:1.1rem;cursor:pointer;padding:4px 8px;border-radius:4px;line-height:1}.task-inspector-close-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.task-inspector-body{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:18px;flex:1}.task-inspector-action-row{display:flex;gap:10px}.task-inspector-complete-btn{flex:1;padding:10px 14px;border-radius:8px;border:1px solid var(--success);background:var(--success-tint, rgba(52, 211, 153, .12));color:var(--success);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .15s ease}.task-inspector-complete-btn:hover{filter:brightness(1.1)}.task-inspector-complete-btn.is-complete{background:var(--success);color:var(--bg-primary)}.task-inspector-top-btn{padding:10px 14px;border-radius:8px;border:1px solid var(--warning);background:var(--warning-tint, rgba(251, 191, 36, .12));color:var(--warning);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .15s ease}.task-inspector-top-btn:hover{filter:brightness(1.1)}.task-inspector-top-btn.is-top{background:var(--warning);color:var(--bg-primary)}.task-inspector-field{display:flex;flex-direction:column;gap:6px}.task-inspector-label{font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.task-inspector-input,.task-inspector-select,.task-inspector-textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:8px 12px;color:var(--text-primary);font-size:.9rem;font-family:inherit;transition:border-color .15s ease}.task-inspector-title-input{font-size:1.05rem;font-weight:600}.task-inspector-input:focus,.task-inspector-select:focus,.task-inspector-textarea:focus{outline:none;border-color:var(--accent)}.task-inspector-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.task-inspector-tags{display:flex;flex-wrap:wrap;gap:6px}.task-inspector-tag{font-size:.75rem;padding:2px 8px;border-radius:9999px;background:var(--accent-tint, rgba(45, 212, 191, .12));color:var(--accent);border:1px solid var(--border-subtle);font-weight:500}.task-inspector-loading,.task-inspector-error{padding:40px 20px;text-align:center;color:var(--text-secondary)}@keyframes taskInspectorFadeIn{0%{opacity:0}to{opacity:1}}@keyframes taskInspectorSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@media(min-width:1400px){body.workbench-docked .task-inspector-overlay{pointer-events:none;background:transparent}body.workbench-docked .task-inspector-panel{pointer-events:auto;position:fixed;right:0;top:56px;height:calc(100vh - 56px);width:440px;box-shadow:-2px 0 16px #0000001f}body.workbench-docked .page-layout .page-content{margin-right:440px;transition:margin-right .2s ease}}.quick-capture-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000a6;z-index:1200;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;animation:qcOverlayFade .18s ease}.quick-capture-modal{width:520px;max-width:92vw;background:var(--bg-surface, var(--bg-secondary));border:1px solid var(--border-color);border-radius:var(--card-radius, 12px);box-shadow:var(--shadow-lg);overflow:hidden;display:flex;flex-direction:column;animation:qcModalDrop .22s cubic-bezier(.16,1,.3,1)}.quick-capture-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border-color);background:var(--bg-nav, var(--bg-secondary))}.quick-capture-title-wrap{display:flex;align-items:center;gap:8px}.quick-capture-icon{font-size:1rem}.quick-capture-heading{margin:0;font-size:.95rem;font-weight:600;color:var(--text-primary)}.quick-capture-hotkey-badge{font-size:.72rem;font-family:monospace;background:var(--bg-tertiary);padding:2px 6px;border-radius:4px;color:var(--text-secondary)}.quick-capture-close-btn{background:transparent;border:none;color:var(--text-secondary);font-size:1.1rem;cursor:pointer;padding:4px 8px;border-radius:4px;line-height:1}.quick-capture-close-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.quick-capture-form{padding:18px;display:flex;flex-direction:column;gap:14px}.quick-capture-error{padding:8px 12px;border-radius:8px;background:var(--error-tint, rgba(248, 113, 113, .12));border:1px solid var(--error);color:var(--error);font-size:.85rem}.quick-capture-field{display:flex;flex-direction:column;gap:6px}.quick-capture-label{font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.quick-capture-input,.quick-capture-select,.quick-capture-textarea{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:9px 12px;color:var(--text-primary);font-size:.92rem;font-family:inherit;transition:border-color .15s ease}.quick-capture-title-input{font-size:1.1rem;font-weight:600}.quick-capture-input:focus,.quick-capture-select:focus,.quick-capture-textarea:focus{outline:none;border-color:var(--accent)}.quick-capture-row{display:flex;gap:12px}.quick-capture-field-half{flex:1}.quick-capture-footer{display:flex;align-items:center;justify-content:space-between;margin-top:6px;padding-top:12px;border-top:1px solid var(--border-subtle, var(--border-color))}.quick-capture-hint{font-size:.76rem;color:var(--text-secondary)}.quick-capture-buttons{display:flex;gap:8px}@keyframes qcOverlayFade{0%{opacity:0}to{opacity:1}}@keyframes qcModalDrop{0%{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}*{margin:0;padding:0;box-sizing:border-box}html[data-theme=light-blue],html[data-theme=light]{--bg-primary: #F4F6F8;--bg-secondary: #E9ECEF;--bg-tertiary: #DEE2E6;--bg-surface: #FFFFFF;--bg-nav: #EDF1F5;--bg-hover: #E2E7ED;--text-primary: #0F172A;--text-secondary: #475569;--text-tertiary: #94A3B8;--border-color: #D5DBE1;--border-subtle: #E2E8F0;--accent: #2563EB;--accent-hover: #1D4ED8;--accent-tint: rgba(37, 99, 235, .08);--accent-contrast: #FFFFFF;--success: #16A34A;--success-tint: rgba(22, 163, 74, .1);--warning: #D97706;--warning-tint: rgba(217, 119, 6, .1);--error: #DC2626;--error-tint: rgba(220, 38, 38, .1);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--shadow-md: 0 4px 12px rgba(15, 23, 42, .07);--shadow-lg: 0 12px 24px rgba(15, 23, 42, .09);--card-radius: 12px;--transition-smooth: all .25s cubic-bezier(.4, 0, .2, 1)}html[data-theme=light-warm],html[data-theme=warm],html[data-theme=orange]{--bg-primary: #F5F2EB;--bg-secondary: #EBE5DB;--bg-tertiary: #DFD8CB;--bg-surface: #FCFBF8;--bg-nav: #ECE6DC;--bg-hover: #E3DCCF;--text-primary: #1C1917;--text-secondary: #57534E;--text-tertiary: #8C847B;--border-color: #DDD6CA;--border-subtle: #E8E2D8;--accent: #D9531E;--accent-hover: #B93D0F;--accent-tint: rgba(217, 83, 30, .09);--accent-contrast: #FFFFFF;--success: #15803D;--success-tint: rgba(21, 128, 61, .1);--warning: #D97706;--warning-tint: rgba(217, 119, 6, .1);--error: #DC2626;--error-tint: rgba(220, 38, 38, .1);--shadow-sm: 0 1px 2px rgba(28, 25, 23, .04);--shadow-md: 0 4px 12px rgba(28, 25, 23, .06);--shadow-lg: 0 12px 24px rgba(28, 25, 23, .08);--card-radius: 12px;--transition-smooth: all .25s cubic-bezier(.4, 0, .2, 1)}html[data-theme=dark-blue],html[data-theme=blue]{--bg-primary: #060C17;--bg-secondary: #0C1626;--bg-tertiary: #122036;--bg-surface: #0E1A2D;--bg-nav: #040810;--bg-hover: #162740;--text-primary: #E3EDF8;--text-secondary: #7E99B8;--text-tertiary: #4D6888;--border-color: #192A44;--border-subtle: #101E32;--accent: #38BDF8;--accent-hover: #7DD3FC;--accent-tint: rgba(56, 189, 248, .12);--accent-contrast: #03101E;--success: #34D399;--success-tint: rgba(52, 211, 153, .12);--warning: #FBBF24;--warning-tint: rgba(251, 191, 36, .12);--error: #F87171;--error-tint: rgba(248, 113, 113, .12);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .45);--shadow-md: 0 4px 16px rgba(0, 0, 0, .55);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .7);--card-radius: 12px;--transition-smooth: all .25s cubic-bezier(.4, 0, .2, 1)}:root,html[data-theme=dark-carbon],html[data-theme=dark]{--bg-primary: #090A0C;--bg-secondary: #111317;--bg-tertiary: #171B20;--bg-surface: #14171C;--bg-nav: #060708;--bg-hover: #1E222A;--text-primary: #F3F4F6;--text-secondary: #949CA6;--text-tertiary: #58606B;--border-color: #22262E;--border-subtle: #16191F;--accent: #84CC16;--accent-hover: #A3E635;--accent-tint: rgba(132, 204, 22, .12);--accent-contrast: #070904;--success: #34D399;--success-tint: rgba(52, 211, 153, .12);--warning: #FBBF24;--warning-tint: rgba(251, 191, 36, .12);--error: #F87171;--error-tint: rgba(248, 113, 113, .12);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 4px 16px rgba(0, 0, 0, .6);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .75);--card-radius: 12px;--transition-smooth: all .25s cubic-bezier(.4, 0, .2, 1)}html[data-theme=dark-crimson],html[data-theme=gray-red]{--bg-primary: #111113;--bg-secondary: #18181B;--bg-tertiary: #222226;--bg-surface: #1C1C20;--bg-nav: #0A0A0B;--bg-hover: #2A2A30;--text-primary: #EDEDF0;--text-secondary: #8E8E96;--text-tertiary: #5A5A62;--border-color: #2C2C32;--border-subtle: #1B1B1F;--accent: #EF4444;--accent-hover: #F87171;--accent-tint: rgba(239, 68, 68, .12);--accent-contrast: #FFFFFF;--success: #10B981;--success-tint: rgba(16, 185, 129, .12);--warning: #F59E0B;--warning-tint: rgba(245, 158, 11, .12);--error: #EF4444;--error-tint: rgba(239, 68, 68, .12);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .45);--shadow-md: 0 4px 16px rgba(0, 0, 0, .55);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .7);--card-radius: 12px;--transition-smooth: all .25s cubic-bezier(.4, 0, .2, 1)}html[data-theme=dark-forest],html[data-theme=green]{--bg-primary: #08100B;--bg-secondary: #0F1E13;--bg-tertiary: #162B1D;--bg-surface: #122317;--bg-nav: #050B07;--bg-hover: #1A3422;--text-primary: #E2EFE5;--text-secondary: #83A58D;--text-tertiary: #4F7059;--border-color: #1A3723;--border-subtle: #112517;--accent: #10B981;--accent-hover: #34D399;--accent-tint: rgba(16, 185, 129, .12);--accent-contrast: #03140A;--success: #10B981;--success-tint: rgba(16, 185, 129, .12);--warning: #FBBF24;--warning-tint: rgba(251, 191, 36, .12);--error: #F87171;--error-tint: rgba(248, 113, 113, .12);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .45);--shadow-md: 0 4px 16px rgba(0, 0, 0, .55);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .7);--card-radius: 12px;--transition-smooth: all .25s cubic-bezier(.4, 0, .2, 1)}:root,[data-density=comfortable]{--space-row-y: 12px;--space-card-p: 20px;--space-gap: 16px;--btn-height: 42px}[data-density=compact]{--space-row-y: 6px;--space-card-p: 12px;--space-gap: 8px;--btn-height: 32px}html,html[data-text-size=medium]{font-size:16px;--text-size-multiplier: 1}html[data-text-size=small],html[data-text-size=xsmall],html[data-text-size=xxsmall]{font-size:14px;--text-size-multiplier: .875}html[data-text-size=large],html[data-text-size=xlarge]{font-size:18px;--text-size-multiplier: 1.125}html{font-size:calc(16px * var(--text-size-multiplier));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color .3s ease,color .3s ease}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.2}p{color:var(--text-primary)}a{color:var(--accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-hover)}*{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn{border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover)}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-hover)}.btn-danger{background-color:var(--error);color:#fff}.btn-danger:hover:not(:disabled){opacity:.9}.btn-ghost{background-color:transparent;color:var(--text-primary)}.btn-ghost:hover:not(:disabled){background-color:var(--bg-hover)}.btn-small{padding:6px 12px;font-size:14px}.btn-medium{padding:10px 20px;font-size:16px}.btn-large{padding:12px 24px;font-size:16px}.login-button{width:100%}.page-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--bg-primary)}.desktop-hide{display:none}@media(max-width:768px){.desktop-hide{display:block}.mobile-hide{display:none}}*{transition:background-color .2s ease,color .2s ease,border-color .2s ease}:root{--tasker-nav-width: 220px}.page-layout{display:flex;min-height:100vh}.nav-column{width:var(--tasker-nav-width);background-color:var(--bg-nav);display:flex;flex-direction:column;border-right:1px solid var(--border-color);position:fixed;top:0;left:0;height:100vh;overflow-y:auto;overflow-x:hidden;padding:12px 8px;z-index:100;transition:width .2s cubic-bezier(.16,1,.3,1);box-sizing:border-box}.nav-header{display:flex;align-items:center;justify-content:space-between;padding:4px 8px 12px;margin-bottom:8px;border-bottom:1px solid var(--border-subtle, var(--border-color))}.nav-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-primary);font-weight:700;font-size:1.1rem;letter-spacing:-.02em;overflow:hidden}.nav-brand img{width:28px;height:28px;border-radius:6px;flex-shrink:0}.nav-collapse-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s ease;flex-shrink:0}.nav-collapse-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-subtle, var(--border-color))}.nav-overlay{display:none}.nav-items{flex:1;display:flex;flex-direction:column;gap:3px;padding:4px 0}.nav-item{display:flex;flex-direction:row;align-items:center;gap:12px;padding:8px 10px;color:var(--text-secondary);text-decoration:none;border-radius:6px;transition:all .15s ease;cursor:pointer;min-height:38px;box-sizing:border-box;position:relative;font-size:.875rem;font-weight:500}.nav-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background-color:var(--accent-tint, rgba(45, 212, 191, .12));color:var(--accent);font-weight:600}.nav-item.active .nav-icon{color:var(--accent)}.nav-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;color:var(--text-secondary);transition:color .15s ease}.nav-label{flex:1;text-align:left;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-badge{font-size:.72rem;font-weight:700;padding:1px 6px;border-radius:10px;background-color:var(--error-tint, rgba(239, 68, 68, .15));color:var(--error, #ef4444);border:1px solid var(--error, #ef4444);line-height:1.2}.nav-column.hide-nav-labels{padding:12px 6px}.nav-column.hide-nav-labels .nav-brand span,.nav-column.hide-nav-labels .nav-label,.nav-column.hide-nav-labels .nav-user-info{display:none}.nav-column.hide-nav-labels .nav-header{justify-content:center;padding:4px 0 12px}.nav-column.hide-nav-labels .nav-item{justify-content:center;padding:8px;gap:0}.nav-column.hide-nav-labels .nav-badge{position:absolute;top:4px;right:6px;padding:1px 4px;font-size:.65rem}.nav-bottom{margin-top:auto;display:flex;flex-direction:column;gap:4px;padding-top:10px;border-top:1px solid var(--border-subtle, var(--border-color))}.nav-user-card{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;color:var(--text-secondary);background:var(--bg-surface, var(--bg-secondary));border:1px solid var(--border-subtle, var(--border-color));margin-bottom:4px;overflow:hidden}.nav-user-avatar{width:26px;height:26px;border-radius:50%;background-color:var(--accent-tint, rgba(45, 212, 191, .15));color:var(--accent);border:1px solid var(--accent);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.nav-user-info{display:flex;flex-direction:column;overflow:hidden;flex:1}.nav-user-name{font-size:.8rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-user-email{font-size:.7rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-content{flex:1;display:flex;flex-direction:column;margin-left:var(--tasker-nav-width);min-height:100vh;transition:margin-left .2s cubic-bezier(.16,1,.3,1)}.page-content-no-nav{margin-left:0}.page-content-with-nav{margin-left:var(--tasker-nav-width)}@media(max-width:768px){.nav-column{width:280px!important;transform:translate(-100%);transition:transform .25s cubic-bezier(.16,1,.3,1);z-index:1300;box-shadow:var(--shadow-lg)}.nav-column.open{transform:translate(0)}.nav-column.hide-nav-labels .nav-brand span,.nav-column.hide-nav-labels .nav-label,.nav-column.hide-nav-labels .nav-user-info{display:flex}.nav-column.hide-nav-labels .nav-item{justify-content:flex-start;padding:8px 10px;gap:12px}.nav-overlay{display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:1250;animation:fadeIn .2s ease}.page-content-with-nav,.page-content{margin-left:0!important}}.main-content{flex:1;padding:20px;max-width:1200px;width:100%;margin:0 auto}.app-header,.add-video-header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:10px 20px;position:sticky;top:0;z-index:200;min-height:52px;box-sizing:border-box}.app-header-content,.add-video-header-content{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1200px;margin:0 auto}.header-left,.header-right{flex:1;display:flex;align-items:center}.header-mobile-brand{display:none;font-weight:700;font-size:1.05rem;color:var(--text-primary);letter-spacing:-.02em;margin-left:12px}.header-right{justify-content:flex-end}.header-title{font-size:18px;font-weight:600;color:var(--text-primary)}.hamburger-button{display:none;flex-direction:column;justify-content:space-around;width:28px;height:28px;background:transparent;border:none;cursor:pointer;padding:0;position:relative;z-index:10}@media(max-width:768px){.hamburger-button{display:flex}.header-mobile-brand{display:inline-block}}.hamburger-line{width:100%;height:2px;background-color:var(--text-primary);border-radius:2px;transition:all .2s ease}.hamburger-button:hover .hamburger-line{background-color:var(--accent)}.header-quick-add{flex:0 1 540px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.quick-add-task{width:100%;display:flex;flex-direction:column;align-items:center}.quick-add-form{display:flex;gap:8px;align-items:center;width:100%}.quick-add-input{flex:1;padding:8px 14px;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:.9rem;transition:border-color .15s ease}.quick-add-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-tint, rgba(45, 212, 191, .2));background-color:var(--bg-hover)}.quick-add-input::placeholder{color:var(--text-secondary);opacity:.7}.quick-add-button{width:38px;height:38px;min-width:38px;background-color:var(--accent);border:none;border-radius:8px;color:var(--accent-contrast, #ffffff);font-size:20px;font-weight:600;cursor:pointer;transition:transform .1s ease,opacity .15s ease;display:flex;align-items:center;justify-content:center}.quick-add-button:hover:not(:disabled){opacity:.92}.quick-add-button:active:not(:disabled){transform:scale(.97)}.quick-add-button:disabled{opacity:.4;cursor:not-allowed;transform:none}.quick-add-error{margin-top:6px;padding:6px 12px;background-color:var(--error-tint, rgba(239, 68, 68, .12));color:var(--error, #ef4444);border:1px solid var(--error, #ef4444);border-radius:6px;font-size:.82rem;width:100%;box-sizing:border-box}.quick-add-toast{display:flex;align-items:center;gap:10px;margin-top:6px;padding:6px 12px;background-color:var(--success-tint, rgba(16, 185, 129, .12));border:1px solid var(--success, #10b981);border-radius:6px;font-size:.82rem;color:var(--text-primary);width:fit-content;max-width:100%}.quick-add-toast-text{color:var(--text-primary);font-weight:500;white-space:nowrap}.quick-add-toast-link{color:var(--accent);text-decoration:none;font-weight:600;white-space:nowrap;padding:2px 6px;background:var(--accent-tint, rgba(45, 212, 191, .15));border-radius:4px;transition:opacity .15s ease}.quick-add-toast-link:hover{text-decoration:underline}.quick-add-toast-dismiss{background:none;border:none;color:var(--text-secondary);font-size:.75rem;cursor:pointer;padding:2px 4px;opacity:.7;line-height:1;transition:opacity .15s ease;display:flex;align-items:center;justify-content:center}.quick-add-toast-dismiss:hover{opacity:1}@media(max-width:768px){.header-quick-add{flex:1;margin:0 4px;max-width:none}.header-left,.header-right{flex:0 0 auto}.quick-add-input{font-size:.9rem;padding:8px 12px}.quick-add-button{width:38px;height:38px;min-width:38px;font-size:20px}}.tag-detail-header{margin-bottom:28px;padding:20px 24px;border-left:4px solid var(--tag-color, var(--accent));background:var(--glass-bg);border-radius:0 12px 12px 0;border-top:1px solid var(--glass-border);border-right:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border)}.tag-detail-back{color:var(--text-secondary);text-decoration:none;font-size:.85rem;display:inline-flex;align-items:center;gap:4px;margin-bottom:10px;transition:color .15s ease}.tag-detail-back:hover{color:var(--text-primary)}.tag-detail-title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.tag-detail-color-dot{width:20px;height:20px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 3px #ffffff14}.tag-detail-title{font-size:1.8rem;font-weight:700;letter-spacing:-.02em;margin:0;color:var(--text-primary)}.tag-detail-description{width:100%;margin:6px 0 0;font-size:.9rem;color:var(--text-secondary)}.tag-top-task{display:block;margin-bottom:24px;padding:20px 24px;border-radius:14px;background:linear-gradient(135deg,var(--tag-color, var(--accent)) 0%,color-mix(in srgb,var(--tag-color, var(--accent)) 70%,#000) 100%);border:1.5px solid var(--tag-color, var(--accent));box-shadow:0 6px 20px #00000040;color:#fff;text-decoration:none;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.tag-top-task:hover{transform:translateY(-2px);box-shadow:0 10px 28px #0000004d}.tag-top-task-bg{position:absolute;top:-60px;right:-60px;width:180px;height:180px;background:#ffffff14;border-radius:50%;pointer-events:none}.tag-top-task-content{position:relative;z-index:1}.tag-top-task-label{display:flex;align-items:center;gap:8px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;opacity:.9;margin-bottom:8px}.tag-top-task-title{margin:0;font-size:1.15rem;font-weight:700;line-height:1.35}.tag-top-task-status{display:inline-block;margin-top:10px;padding:3px 10px;border-radius:10px;background:#ffffff2e;border:1px solid rgba(255,255,255,.25);font-size:.8rem;font-weight:500}.tag-tasks-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.tag-task-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--bg-tertiary);border:1px solid var(--border-color);font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-left:8px}.tag-filter-pills{display:flex;gap:6px;flex-wrap:wrap}.tag-filter-pill{padding:4px 12px;border-radius:20px;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);font-size:.78rem;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:inherit}.tag-filter-pill:hover{border-color:var(--accent);color:var(--text-primary)}.tag-filter-pill.active{background:var(--accent);border-color:var(--accent);color:#fff}.tag-quick-add-wrapper{margin-bottom:16px}.tag-empty-state{color:var(--text-secondary);font-size:.9rem;padding:12px 0;margin:0}.tag-task-list{display:flex;flex-direction:column;gap:6px}.tag-tag-filter-panel{background:color-mix(in srgb,var(--bg-primary) 50%,transparent);border:1px solid var(--border-color);border-radius:10px;padding:14px 16px;margin-bottom:14px;display:flex;flex-direction:column;gap:12px}.tag-tag-filter-legend-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.tag-cycle-chip{font-size:12px;padding:2px 8px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-hover);color:var(--text-secondary)}.tag-cycle-chip--include{background:color-mix(in srgb,#22c55e 15%,transparent);color:#22c55e;border-color:#22c55e}.tag-cycle-chip--exclude{background:color-mix(in srgb,#ef4444 15%,transparent);color:#ef4444;border-color:#ef4444}.tag-andor-toggle{display:flex;border-radius:6px;overflow:hidden;border:1px solid var(--border-color)}.tag-andor-btn{padding:5px 12px;font-size:13px;font-weight:600;border:none;cursor:pointer;background:var(--bg-primary);color:var(--text-secondary);transition:all .15s ease}.tag-andor-btn.active{background:var(--accent);color:#fff}.tag-tag-filter-chips{display:flex;flex-wrap:wrap;gap:8px}.tag-cycle-filter-chip{padding:5px 12px;border-radius:20px;font-size:13px;cursor:pointer;border:1px solid var(--border-color);background:var(--bg-hover);color:var(--text-secondary);font-weight:400;transition:all .15s ease;-webkit-user-select:none;user-select:none}.tag-cycle-filter-chip:hover{border-color:var(--accent);color:var(--accent)}.tag-cycle-filter-chip.include{background:color-mix(in srgb,#22c55e 18%,transparent);color:#22c55e;border-color:#22c55e;font-weight:600}.tag-cycle-filter-chip.exclude{background:color-mix(in srgb,#ef4444 18%,transparent);color:#ef4444;border-color:#ef4444;font-weight:600}.tag-clear-filter-btn{font-size:13px;color:var(--text-tertiary);background:none;border:none;cursor:pointer;padding:0;text-decoration:underline;align-self:flex-start}.tag-edit-form{display:flex;flex-direction:column;gap:18px;max-width:420px}.tag-edit-field{display:flex;flex-direction:column;gap:6px}.tag-edit-label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.tag-edit-textarea{width:100%;min-height:80px;padding:10px 14px;border-radius:10px;border:1.5px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);font-family:inherit;font-size:.95rem;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.tag-edit-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #4a9eff26}.tag-color-row{display:flex;align-items:center;gap:12px}.tag-color-picker{width:56px;height:42px;padding:2px;border-radius:8px;border:1.5px solid var(--border-color);background:var(--bg-secondary);cursor:pointer;flex-shrink:0}.tag-edit-preview-row{display:flex;align-items:center;gap:12px}.tag-danger-zone{border-color:#ef444433!important}.tag-danger-zone:hover{border-color:#ef444466!important}.tag-danger-title{color:#f87171!important;border-bottom-color:#ef444433!important}.tag-danger-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.tag-danger-action-label{margin:0 0 4px;font-size:.9rem;font-weight:600;color:var(--text-primary)}.tag-danger-action-desc{margin:0;font-size:.8rem;color:var(--text-secondary)}.tag-danger-btn{padding:8px 18px;border-radius:8px;border:1.5px solid rgba(239,68,68,.5);background:transparent;color:#f87171;font-size:.85rem;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap;transition:all .15s ease;flex-shrink:0}.tag-danger-btn:hover{background:#ef44441a;border-color:#f87171}.page-container{max-width:900px;margin:0 auto;padding:40px 20px}.page-header{margin-bottom:32px;border-bottom:2px solid var(--border-color);padding-bottom:16px}.page-title{font-size:2.5rem;font-weight:800;letter-spacing:-.02em;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.settings-section{margin-bottom:40px;background:var(--bg-surface, var(--bg-secondary));border:1px solid var(--border-color);border-radius:var(--card-radius);padding:24px;box-shadow:var(--shadow-sm);transition:var(--transition-smooth)}.settings-section:hover{border-color:var(--accent);transform:translateY(-2px)}.section-title{font-size:1.25rem;font-weight:700;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:10px}.section-title-with-action{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--border-color)}.section-title-with-action .section-title{margin-bottom:0;padding-bottom:0;border-bottom:none}.settings-item{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 0;gap:24px}.settings-item:not(:last-child){border-bottom:1px dashed var(--border-color)}.settings-item-label{flex:1}.settings-item-label strong{display:block;font-size:1.05rem;font-weight:600;margin-bottom:4px;color:var(--text-primary)}.settings-item-description{font-size:.9rem;color:var(--text-secondary);line-height:1.5}.settings-item-control{flex:1;max-width:400px;display:flex;justify-content:flex-end}input,select,textarea{width:100%;padding:12px 16px;background-color:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-family:inherit;font-size:.95rem;transition:var(--transition-smooth)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px #4a9eff26;background-color:var(--bg-hover)}.theme-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;width:100%}.theme-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 10px;background-color:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:12px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;position:relative;overflow:hidden}.theme-option:hover:not(:disabled){border-color:var(--swatch-accent, var(--accent));transform:translateY(-1px);box-shadow:0 4px 12px #0003}.theme-option.active{border-color:var(--swatch-accent, var(--accent));box-shadow:0 0 0 1px var(--swatch-accent, var(--accent))}.theme-option.active:after{content:"✓";position:absolute;top:6px;right:6px;background:var(--swatch-accent, var(--accent));color:#fff;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700}.theme-swatch{width:100%;height:44px;border-radius:8px;display:flex;align-items:flex-end;justify-content:flex-end;padding:6px;position:relative;overflow:hidden;flex-shrink:0}.theme-swatch-bar{position:absolute;top:0;left:0;width:28%;height:100%;opacity:.9}.theme-swatch-dot{width:12px;height:12px;border-radius:50%;position:relative;z-index:1;flex-shrink:0}.theme-label{font-size:.8rem;font-weight:600;text-align:center;color:var(--text-secondary)}.form-success,.form-error{padding:14px 20px;border-radius:12px;margin-bottom:24px;font-weight:500;display:flex;align-items:center;gap:12px;animation:slideInDown .4s cubic-bezier(.16,1,.3,1)}.form-success{background-color:#4caf501a;color:#81c784;border:1px solid rgba(76,175,80,.2)}.form-error{background-color:#f443361a;color:#e57373;border:1px solid rgba(244,67,54,.2)}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.taxonomy-tabs{display:flex;gap:8px;margin-bottom:24px;background:var(--bg-primary);padding:6px;border-radius:12px;border:1px solid var(--border-color);width:fit-content}.taxonomy-tab{padding:10px 20px;border:none;background:transparent;color:var(--text-secondary);font-size:.95rem;font-weight:600;cursor:pointer;border-radius:8px;transition:var(--transition-smooth);display:flex;align-items:center;gap:8px}.taxonomy-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.taxonomy-tab.active{background:var(--accent);color:#fff;box-shadow:0 4px 12px #4a9eff4d}.taxonomy-tab-content{animation:fadeIn .3s ease}.taxonomy-group{margin-bottom:32px}.taxonomy-group:last-child{margin-bottom:0}.taxonomy-group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.taxonomy-group-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.taxonomy-group-description{font-size:.95rem;color:var(--text-secondary);margin-bottom:24px;max-width:600px}.taxonomy-empty{color:var(--text-secondary);font-size:.9rem;padding:40px;text-align:center;font-style:italic;background:var(--bg-primary);border:1px dashed var(--border-color);border-radius:12px}.taxonomy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.taxonomy-card{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:14px;transition:var(--transition-smooth)}.taxonomy-card:hover{border-color:var(--accent);background:var(--bg-hover);transform:translateY(-2px);box-shadow:var(--glass-shadow)}.taxonomy-card-main{display:flex;align-items:center;gap:14px;flex:1}.taxonomy-color-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 3px #ffffff0d}.taxonomy-card-title{font-weight:600;color:var(--text-primary);font-size:1rem}.taxonomy-card-meta{font-size:.85rem;color:var(--text-secondary);background:var(--bg-secondary);padding:2px 8px;border-radius:6px;margin-left:4px}.taxonomy-card-actions{display:flex;gap:8px;opacity:.4;transition:var(--transition-smooth)}.taxonomy-card:hover .taxonomy-card-actions{opacity:1}@media(max-width:768px){.taxonomy-tabs{width:100%;overflow-x:auto;padding-bottom:8px}.taxonomy-grid{grid-template-columns:1fr}.taxonomy-group-header{flex-direction:column;align-items:flex-start;gap:16px}.taxonomy-card{padding:12px 16px}.taxonomy-card-actions{opacity:1}}.tag-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background-color:var(--bg-hover);border:1px solid var(--border-color);border-radius:12px;font-size:.85rem;color:var(--text-secondary);transition:var(--transition-smooth)}.tag-chip:hover{background-color:var(--bg-secondary);border-color:var(--accent)}.tag-chip-small{padding:2px 8px;font-size:.75rem;border-radius:10px;gap:3px}.tag-chip-name{white-space:nowrap}.tag-chip-remove{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:0;font-size:1em;line-height:1;opacity:.6;transition:opacity .2s ease}.tag-chip-remove:hover{opacity:1;color:var(--error)}.tag-chip-small .tag-chip-remove{font-size:.9em}.tag-chip-link{color:inherit;text-decoration:none}.tag-chip-link:hover{color:var(--accent)}.task-card{display:block;padding:16px;background:var(--bg-surface, var(--bg-secondary));border:1px solid var(--border-color);border-radius:var(--card-radius);box-shadow:var(--shadow-sm);text-decoration:none;color:inherit;transition:var(--transition-smooth);margin-bottom:12px;overflow:hidden}.task-card.overdue{border-color:var(--error);border-width:2px;padding:15px}.task-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.task-card-container{display:flex;gap:16px;align-items:flex-start}.task-card-image{width:80px;height:80px;object-fit:cover;border-radius:12px;flex-shrink:0;box-shadow:0 2px 8px #0000001a}.task-card-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.task-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.task-card-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary);line-height:1.4;word-break:break-word}.task-card-status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;white-space:nowrap;flex-shrink:0}.task-card-status-badge.complete{background:#4caf5026;color:var(--success);border:1px solid rgba(76,175,80,.3)}.task-card-status-badge.half-complete{background:#ff980026;color:var(--warning);border:1px solid rgba(255,152,0,.3)}.task-card-status-badge.canceled{background:#9e9e9e26;color:var(--text-secondary);border:1px solid rgba(158,158,158,.3)}.task-card-status-badge.overdue{background:#f4433626;color:var(--error);border:1px solid rgba(244,67,54,.3)}.task-card-status-icon{width:14px;height:14px;flex-shrink:0}.task-card-status-icon.half-complete{border-radius:50%;border:2px solid currentColor;background:linear-gradient(90deg,currentColor 50%,transparent 50%)}.task-card-status-icon.canceled{position:relative;border-radius:50%;border:2px solid currentColor}.task-card-status-icon.canceled:after{content:"";position:absolute;top:50%;left:50%;width:18px;height:2px;background:currentColor;transform:translate(-50%,-50%) rotate(-45deg)}.task-card-tags{display:flex;gap:6px;flex-wrap:wrap}.task-card-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:.85rem;color:var(--text-secondary)}.task-card-note{font-style:italic;padding:8px 12px;background:var(--bg-hover);border-left:3px solid var(--accent);border-radius:0 8px 8px 0;font-size:.9rem;line-height:1.5}@media(max-width:768px){.task-card{padding:12px;margin-bottom:10px}.task-card.overdue{padding:11px}.task-card-container{gap:12px}.task-card-image{width:60px;height:60px;border-radius:8px}.task-card-title{font-size:1rem}.task-card-header{flex-direction:column;align-items:flex-start;gap:8px}.task-card-status-badge{font-size:.7rem;padding:3px 8px}.task-card-meta{font-size:.8rem}}@media(max-width:480px){.task-card-container{flex-direction:column}.task-card-image{width:100%;height:160px;border-radius:12px}}.compact-task-row-wrapper{display:flex;align-items:stretch;gap:8px;margin-bottom:6px}.compact-task-checkbox{display:flex;align-items:center;padding:0 2px}.compact-task-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;margin:0;padding:0;flex-shrink:0}.compact-task-row{flex:1;display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;text-decoration:none;color:inherit;transition:var(--transition-smooth);min-width:0;overflow:hidden}.compact-task-row.selected{background:var(--bg-hover);border:2px solid var(--accent);padding:9px 13px;box-shadow:0 2px 8px #4a9eff33}.compact-task-row.overdue{border-color:var(--error);background:#f4433608}.compact-task-row:hover{border-color:var(--accent);background:var(--bg-hover);transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.compact-task-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.compact-task-image{width:40px;height:40px;object-fit:cover;border-radius:6px;flex-shrink:0}.compact-task-complete-indicator{width:20px;height:20px;border-radius:6px;border:2px solid var(--border-color);background:transparent;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.compact-task-complete-indicator.complete{background:var(--success);border-color:var(--success)}.compact-task-complete-indicator:hover{border-color:var(--accent);transform:scale(1.1)}.compact-task-complete-indicator.complete:hover{border-color:var(--success);opacity:.8}.compact-task-priority-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.compact-task-title{font-weight:600;font-size:.95rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.compact-task-title.complete{color:var(--text-secondary);text-decoration:line-through;opacity:.7}.compact-task-meta{display:flex;gap:6px;align-items:center;flex-wrap:wrap;flex-shrink:0}.compact-task-life-area,.compact-task-goal{display:inline-flex;align-items:center;gap:3px;font-size:.7rem;font-weight:600;padding:2px 7px;border-radius:6px;white-space:nowrap}.compact-task-life-area{color:var(--accent);background:#4a9eff1a;border:1px solid rgba(74,158,255,.2)}.compact-task-goal{color:var(--text-secondary);background:var(--bg-hover);border:1px solid var(--border-color)}.compact-task-life-area .icon,.compact-task-goal .icon{opacity:.7;font-size:.65rem}.compact-task-tags{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.compact-task-tags .tag-chip-small{font-size:.65rem;padding:2px 6px}.compact-task-tags-more{font-size:.65rem;color:var(--text-secondary);opacity:.8;font-weight:500}.compact-task-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.compact-task-status{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;padding:3px 8px;border-radius:10px;background:var(--bg-hover);color:var(--text-secondary);white-space:nowrap;font-weight:600;border:1px solid var(--border-color)}.compact-task-status .status-icon{width:10px;height:10px;flex-shrink:0}.compact-task-status .status-icon.half-complete{border-radius:50%;border:2px solid currentColor;background:linear-gradient(90deg,currentColor 50%,transparent 50%)}.compact-task-date{font-size:.75rem;font-weight:600;color:var(--text-secondary);white-space:nowrap}.compact-task-date.overdue{color:var(--error);font-weight:700}.compact-task-completed{font-size:.7rem;font-weight:600;color:var(--success);white-space:nowrap}.compact-task-arrow{color:var(--text-secondary);font-size:1.1rem;opacity:.4;transition:opacity .2s}.compact-task-row:hover .compact-task-arrow{opacity:.7}@media(max-width:768px){.compact-task-row-wrapper{margin-bottom:8px}.compact-task-row{gap:8px;padding:10px 12px;flex-direction:column}.compact-task-row.selected{padding:9px 11px}.compact-task-left{gap:8px;width:100%}.compact-task-image{width:32px;height:32px;border-radius:5px}.compact-task-complete-indicator{width:18px;height:18px;font-size:10px;border-radius:5px}.compact-task-priority-dot{width:5px;height:5px}.compact-task-title{font-size:.9rem;white-space:normal;line-height:1.3;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.compact-task-meta{width:100%;margin-top:4px}.compact-task-life-area,.compact-task-goal{font-size:.65rem;padding:1px 5px}.compact-task-tags .tag-chip-small{font-size:.6rem;padding:1px 5px}.compact-task-right{width:100%;gap:8px;padding-top:8px;border-top:1px dashed var(--border-color);justify-content:flex-start}.compact-task-status{font-size:.65rem;padding:2px 6px}.compact-task-date,.compact-task-completed{font-size:.7rem}.compact-task-checkbox input[type=checkbox]{width:14px;height:14px}}@media(max-width:480px){.compact-task-row{padding:8px 10px}.compact-task-row.selected{padding:7px 9px}.compact-task-left{gap:6px}.compact-task-image{width:28px;height:28px}.compact-task-complete-indicator{width:16px;height:16px;font-size:9px}.compact-task-title{font-size:.85rem}.compact-task-meta{gap:4px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px;animation:fadeIn .2s ease}.modal{background:var(--bg-surface, var(--bg-secondary));border-radius:var(--card-radius);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.4,0,.2,1);width:100%}.modal-small{max-width:400px}.modal-medium{max-width:600px}.modal-large{max-width:800px}.modal-fullscreen{max-width:95vw;max-height:95vh}.modal-header{padding:20px 24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.modal-close{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:var(--transition-smooth)}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-content{padding:24px;overflow-y:auto;flex:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.modal-overlay{padding:10px}.modal{max-height:95vh}.modal-large{max-width:100%}.modal-content{padding:16px}}.dashboard{max-width:1000px;margin:0 auto;padding:40px 20px}.dashboard-header{margin-bottom:32px}.dashboard-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.dashboard-subtitle{font-size:1rem;color:var(--text-secondary)}.top-task-hero{margin-bottom:32px;padding:32px;border-radius:var(--card-radius);background:linear-gradient(135deg,var(--accent) 0%,var(--accent-hover) 100%);border:2px solid var(--accent);box-shadow:0 8px 24px #4a9eff4d;color:#fff;position:relative;overflow:hidden}.top-task-hero-orb{position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:#ffffff1a;border-radius:50%;pointer-events:none}.top-task-hero-content{position:relative;z-index:1}.top-task-hero-label{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-size:.9rem;opacity:.95;font-weight:500}.top-task-hero-label-icon{font-size:1.5rem}.top-task-hero-title{margin:0 0 12px;font-size:1.75rem;font-weight:700;line-height:1.3;color:#fff}.top-task-hero-title a{text-decoration:none;color:inherit;transition:opacity .2s ease}.top-task-hero-title a:hover{opacity:.9;color:inherit}.top-task-hero-description{margin:0 0 16px;font-size:1rem;opacity:.95;line-height:1.5}.top-task-hero-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.top-task-hero-badge{padding:4px 12px;border-radius:12px;background:#fff3;border:1px solid rgba(255,255,255,.3);font-size:.85rem;font-weight:500}.top-task-hero-tag{padding:4px 10px;border-radius:12px;background:#fff3;font-size:.85rem;font-weight:500}.stat-panel{position:relative;border-radius:var(--card-radius);margin-bottom:16px;border:1px solid var(--border-color);border-left-width:5px;background:var(--bg-surface, var(--bg-secondary));overflow:hidden}.stat-panel--counts{border-left-color:var(--accent);box-shadow:var(--shadow-sm)}.stat-panel--completion{border-left-color:var(--success);box-shadow:var(--shadow-sm)}.stat-panel-eyebrow{padding:12px 20px 0 18px;font-size:.58rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.stat-panel--counts .stat-panel-eyebrow{color:var(--accent)}.stat-panel--completion .stat-panel-eyebrow{color:var(--success)}.stat-panel-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.stat-panel-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px 16px 22px;text-decoration:none;color:inherit;border-right:1px solid var(--border-color);transition:background .2s ease}.stat-panel-item:last-child{border-right:none}.stat-panel-item:hover{background:#ffffff0a}.stat-panel-value{font-size:3.2rem;font-weight:900;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums;transition:transform .2s ease,text-shadow .2s ease}.stat-panel--counts .stat-panel-value{color:var(--accent);text-shadow:0 0 22px rgba(74,158,255,.35)}.stat-panel--completion .stat-panel-value{color:var(--success);text-shadow:0 0 22px rgba(76,175,80,.35)}.stat-panel-item:hover .stat-panel-value{transform:scale(1.08)}.stat-panel--counts .stat-panel-item:hover .stat-panel-value{text-shadow:0 0 42px rgba(74,158,255,.72)}.stat-panel--completion .stat-panel-item:hover .stat-panel-value{text-shadow:0 0 42px rgba(76,175,80,.72)}.stat-panel-label{font-size:.62rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--text-secondary);margin-top:10px}.stat-panel-sub{font-size:.68rem;color:var(--text-secondary);opacity:.55;margin-top:4px}.stat-panel-item--urgent .stat-panel-value{color:var(--error);text-shadow:0 0 22px rgba(244,67,54,.35)}.stat-panel-item--urgent:hover .stat-panel-value{text-shadow:0 0 42px rgba(244,67,54,.72)}.stat-panel-item--zero .stat-panel-value{color:var(--text-secondary);opacity:.25;text-shadow:none;font-size:2.6rem}.dashboard-section{margin-bottom:32px}.dashboard .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.dashboard .section-header .section-title{margin-bottom:0;padding-bottom:0;border-bottom:none;font-size:1.15rem}.section-link{color:var(--accent);text-decoration:none;font-size:.875rem;font-weight:500;transition:color .2s ease;white-space:nowrap}.section-link:hover{color:var(--accent-hover)}.dashboard-task-list{display:flex;flex-direction:column;gap:8px}.dashboard-empty{text-align:center;padding:24px;color:var(--text-secondary);font-size:.9rem;background:var(--bg-secondary);border-radius:var(--card-radius);border:1px dashed var(--border-color)}.goal-progress-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.goal-progress-card{display:block;padding:20px;border-radius:var(--card-radius);background:var(--bg-surface, var(--bg-secondary));border:1px solid var(--border-color);box-shadow:var(--shadow-sm);text-decoration:none;color:inherit;transition:var(--transition-smooth)}.goal-progress-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-md);color:inherit}.goal-progress-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.goal-progress-card-title{margin:0 8px 0 0;font-size:1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.goal-progress-card-percent{font-size:.9rem;font-weight:700;color:var(--accent);flex-shrink:0}.goal-progress-bar-track{width:100%;height:8px;background:var(--bg-hover);border-radius:4px;overflow:hidden;margin-bottom:8px}.goal-progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-hover) 100%);border-radius:4px;transition:width .8s ease-out}.goal-progress-bar-fill-high{background:linear-gradient(90deg,var(--success) 0%,#66bb6a 100%)}.goal-progress-card-footer{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-secondary)}.life-area-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.life-area-card{display:flex;flex-direction:column;padding:20px;border-radius:var(--card-radius);background:var(--bg-surface, var(--bg-secondary));border:1px solid var(--border-color);box-shadow:var(--shadow-sm);text-decoration:none;color:inherit;transition:var(--transition-smooth)}.life-area-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-md);color:inherit}.life-area-card-icon{font-size:1.75rem;margin-bottom:12px}.life-area-card-title{font-size:1rem;font-weight:600;margin:0 0 8px}.life-area-card-stats{display:flex;gap:12px;font-size:.8rem;color:var(--text-secondary)}.life-area-card-stat{display:flex;align-items:center;gap:4px}.life-area-card-top-task{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color);font-size:.8rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.life-area-card-top-task-label{font-weight:600;color:var(--accent)}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.quick-action{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;background:var(--bg-surface, var(--bg-secondary));border:1px solid var(--border-color);border-radius:var(--card-radius);box-shadow:var(--shadow-sm);text-decoration:none;color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth)}.quick-action:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px #0000001f;color:var(--text-primary)}.quick-action-icon{font-size:1.75rem}.quick-action-label{font-size:.85rem;font-weight:500;text-align:center}@media(max-width:768px){.dashboard{padding:20px 16px}.dashboard-title{font-size:1.5rem}.stat-panel-items{grid-template-columns:repeat(2,1fr)}.stat-panel-item:nth-child(2n){border-right:none}.stat-panel-item:nth-child(-n+2){border-bottom:1px solid var(--border-color)}.stat-panel-value{font-size:2.4rem}.goal-progress-grid{grid-template-columns:1fr}.life-area-grid{grid-template-columns:repeat(2,1fr)}.quick-actions-grid{grid-template-columns:repeat(3,1fr)}.top-task-hero{padding:24px}.top-task-hero-title{font-size:1.35rem}}@media(max-width:768px){.task-row-link{width:100%;box-sizing:border-box}.task-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.task-row-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.task-row-right{display:flex;align-items:center;gap:12px;flex-shrink:0}}@media(max-width:600px){.task-row-link{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.task-row-right{width:100%;justify-content:flex-start;margin-top:4px;padding-top:8px;border-top:1px solid var(--border-color)}.task-row-meta{margin-bottom:4px}.task-row-indicator-container{display:flex;align-items:center;gap:10px;width:100%}}@media(max-width:600px){.dashboard-section{margin-bottom:24px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1500}.modal{background:var(--bg-secondary);border-radius:16px;display:flex;flex-direction:column;max-height:90vh;box-shadow:0 20px 50px #00000080;border:1px solid var(--border-color)}@media(max-width:768px){.modal{width:95%!important;max-width:none!important;margin:10px;border-radius:20px}.modal-header{padding:16px 20px}.modal-content{padding:16px 20px 24px}}@media(max-width:768px){.top-task-hero{margin-bottom:24px;padding:20px}.stat-panel-item{padding:14px 10px 16px}}@media(max-width:600px){.search-bar-row{flex-direction:column;align-items:stretch!important}.filter-grid{grid-template-columns:1fr!important}.bulk-actions-row{flex-direction:column;align-items:stretch!important}}@media(max-width:480px){.stat-panel-value{font-size:2rem}.life-area-grid{grid-template-columns:1fr}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.login-card{padding:24px!important}.login-title{font-size:1.8rem!important}.login-subtitle{font-size:.95rem!important}}@media(max-width:768px){.settings-item{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.settings-item>label,.settings-item>span:first-child{width:100%!important;margin-bottom:4px}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=time],input[type=datetime-local],input[type=url],select,textarea{max-width:100%!important;min-width:0!important;width:100%!important;font-size:16px!important}input,select,button,textarea{min-height:44px!important}button.btn-small{min-height:38px!important}.modal-content{padding:16px!important;max-height:90vh!important;overflow-y:auto!important}.modal-header{padding:16px!important;margin:-16px -16px 16px!important}.modal-footer{padding:16px!important;margin:16px -16px -16px!important;flex-direction:column-reverse!important;gap:8px!important}.modal-footer>button{width:100%!important}.taxonomy-grid{grid-template-columns:1fr!important;gap:12px!important}.theme-selector{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))!important}[style*=grid-template-columns][style*="1fr 1fr"],.grid-2-col{grid-template-columns:1fr!important}.app-header-quick-add{min-width:0!important;flex:1 1 auto!important}.app-header-quick-add input{min-width:100px!important}}@media(max-width:600px){.main-content{padding:12px!important}.dashboard-container{padding:20px 12px!important}.grid-2-col,.grid-3-col,.grid-4-col{grid-template-columns:1fr!important}.task-card,.goal-card,.life-area-card{padding:12px!important}h1{font-size:1.5rem!important}h2{font-size:1.3rem!important}h3{font-size:1.1rem!important}.modal{padding:8px!important}.modal-large,.modal-medium{max-width:100%!important;width:100%!important}}@media(max-width:480px){.main-content,.app-header{padding:8px!important}.page-header{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.page-header-actions{width:100%!important;flex-direction:column!important;gap:8px!important}.page-header-actions>button,.page-header-actions>a{width:100%!important}.task-card,.goal-card,.life-area-card,.stat-item{padding:10px!important}.theme-selector{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))!important}.theme-option{padding:8px!important;font-size:.75rem!important}}body,html{overflow-x:hidden!important;max-width:100vw!important}.app-container,.main-content,.content-wrapper{max-width:100%!important;overflow-x:hidden!important}img{max-width:100%!important;height:auto!important}@media(max-width:768px){.modal-content [style*="display: grid"],.modal-content [style*=grid-template-columns],.modal-content [style*="display:grid"],.modal-content [style*=gridTemplateColumns]{display:flex!important;flex-direction:column!important}.modal-content [style*="display: grid"]>div,.modal-content [style*=grid-template-columns]>div,.modal-content [style*="display:grid"]>div,.modal-content [style*=gridTemplateColumns]>div{width:100%!important}.main-content [style*="gridTemplateColumns: '1fr 1fr'"],.main-content [style*='gridTemplateColumns: "1fr 1fr"'],.main-content [style*="gridTemplateColumns:'1fr 1fr'"],.main-content [style*='gridTemplateColumns:"1fr 1fr"'],.main-content div[style*="display: grid"][style*=gridTemplateColumns],.main-content div[style*="display:grid"][style*=gridTemplateColumns],.page-container [style*="gridTemplateColumns: '1fr 1fr'"],.page-container [style*='gridTemplateColumns: "1fr 1fr"'],.page-container div[style*="display: grid"][style*=gridTemplateColumns],.page-container div[style*="display:grid"][style*=gridTemplateColumns]{display:flex!important;flex-direction:column!important;gap:16px!important}.main-content [style*=gridTemplateColumns]>div,.page-container [style*=gridTemplateColumns]>div{width:100%!important;max-width:100%!important}[style*="display: flex"][style*=gap][style*=gridTemplateColumns],div[style*="display:flex"][style*=gap][style*=gridTemplateColumns]{flex-direction:column!important}}.mobile-stack{display:flex;flex-direction:column;gap:16px}@media(min-width:769px){.mobile-stack{display:grid;grid-template-columns:1fr 1fr}}.mobile-full-width{width:100%!important;max-width:100%!important}@media(max-width:768px){table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}.table-wrapper,.table-container{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;width:100%!important}td,th{padding:8px!important;font-size:.9rem!important}.form-actions,.form-buttons,[class*=button-group],[class*=btn-group]{flex-direction:column!important;width:100%!important}.form-actions>button,.form-buttons>button,[class*=button-group]>button,[class*=btn-group]>button{width:100%!important}.task-title,.goal-title,.task-description,p,span{word-wrap:break-word!important;overflow-wrap:break-word!important;-webkit-hyphens:auto!important;hyphens:auto!important}pre,code{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.dropdown-menu,.context-menu,.action-menu{left:0!important;right:0!important;width:100%!important;max-width:100%!important}}@media(max-width:360px){.main-content{padding:4px!important}button,a,input[type=checkbox],input[type=radio]{min-height:40px!important;min-width:40px!important}body{font-size:14px!important}h1{font-size:1.3rem!important}h2{font-size:1.15rem!important}h3{font-size:1rem!important}}.lexical-editor-container{position:relative;background:var(--bg-primary);border:1.5px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-family:inherit;font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease;overflow:hidden;width:100%}.lexical-editor-container:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px #4a9eff26}.lexical-toolbar{display:flex;align-items:center;gap:2px;flex-wrap:wrap;padding:6px 8px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);border-radius:8px 8px 0 0}.lexical-toolbar-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;cursor:pointer;padding:4px 6px;color:var(--text-secondary);font-size:.8rem;min-width:26px;height:26px;transition:background .15s ease,color .15s ease;font-family:inherit}.lexical-toolbar-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.lexical-toolbar-divider{width:1px;height:18px;background:var(--border-color);margin:0 3px;flex-shrink:0}.lexical-toolbar-toggle{position:absolute;top:7px;right:8px;z-index:2;width:26px;height:26px;border-radius:5px;border:1px solid transparent;background:transparent;color:var(--text-secondary);font-size:.75rem;font-weight:600;opacity:.55;cursor:pointer;transition:opacity .15s ease,background .15s ease,color .15s ease;line-height:1}.lexical-toolbar-toggle:hover{opacity:1;background:var(--bg-hover)}.lexical-toolbar-toggle.active{opacity:1;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.lexical-content-editable{min-height:90px;padding:10px 40px 10px 12px;outline:none;line-height:1.55;word-wrap:break-word;overflow-wrap:break-word}.lexical-editor-container.has-toolbar .lexical-content-editable{padding-right:12px;border-radius:0 0 8px 8px}.lexical-placeholder{position:absolute;top:10px;left:12px;color:var(--text-secondary);opacity:.55;pointer-events:none;-webkit-user-select:none;user-select:none;line-height:1.55}.lexical-paragraph{margin:0 0 .35em}.lexical-paragraph:last-child{margin-bottom:0}.lexical-h1{font-size:1.5rem;font-weight:700;margin:.75em 0 .4em}.lexical-h2{font-size:1.2rem;font-weight:600;margin:.6em 0 .3em}.lexical-h3{font-size:1.05rem;font-weight:600;margin:.5em 0 .25em}.lexical-quote{border-left:3px solid var(--accent);padding-left:12px;margin:.4em 0;color:var(--text-secondary);font-style:italic}.lexical-ul{list-style-type:disc;padding-left:22px;margin:.4em 0}.lexical-ol{list-style-type:decimal;padding-left:22px;margin:.4em 0}.lexical-listitem{margin:.2em 0}.lexical-code{background:var(--bg-secondary);border-radius:6px;padding:10px 14px;font-family:SF Mono,Fira Code,monospace;font-size:.85rem;line-height:1.5;overflow-x:auto;display:block;margin:.4em 0}.lexical-link{color:var(--accent);text-decoration:underline;cursor:pointer}.lexical-bold{font-weight:700}.lexical-italic{font-style:italic}.lexical-underline{text-decoration:underline}.lexical-strikethrough{text-decoration:line-through}.lexical-text-code{background:var(--bg-secondary);border-radius:3px;padding:1px 5px;font-family:SF Mono,Fira Code,monospace;font-size:.88em}.lexical-checklist{list-style-type:none;padding-left:0;margin:.4em 0}.lexical-listitem-checked,.lexical-listitem-unchecked{position:relative;list-style-type:none;margin:.3em 0;padding-left:28px;cursor:pointer;-webkit-user-select:none;user-select:none}.lexical-listitem-checked:before,.lexical-listitem-unchecked:before{content:"";position:absolute;left:2px;top:3px;width:17px;height:17px;border-radius:4px;box-sizing:border-box;transition:all .15s ease}.lexical-listitem-unchecked:before{border:2px solid var(--border-color, #64748b);background:var(--bg-primary, transparent)}.lexical-listitem-unchecked:hover:before{border-color:var(--accent-color, #4A9EFF)}.lexical-listitem-checked:before{border:2px solid var(--accent-color, #4A9EFF);background:var(--accent-color, #4A9EFF)}.lexical-listitem-checked:after{content:"";position:absolute;left:7px;top:6px;width:5px;height:9px;border:solid #ffffff;border-width:0 2px 2px 0;transform:rotate(45deg)}.lexical-listitem-checked{text-decoration:line-through;color:var(--text-muted, #94a3b8)}.lexical-nested-listitem{list-style-type:none}.lexical-viewer{color:var(--text-primary);line-height:1.6}.lexical-viewer .lexical-viewer-content{min-height:unset;padding:0;outline:none;cursor:default}