:root{--color-primary-50: #eef2ff;--color-primary-100: #e0e7ff;--color-primary-400: #818cf8;--color-primary-500: #6366f1;--color-primary-600: #4f46e5;--color-primary-700: #4338ca;--color-success: #22c55e;--color-success-bg: #ecfdf5;--color-warning: #f59e0b;--color-warning-bg: #fffbeb;--color-danger: #ef4444;--color-danger-bg: #fef2f2;--color-info: #3b82f6;--color-gray-50: #f8fafc;--color-gray-100: #f1f4f8;--color-gray-200: #e6e9ef;--color-gray-300: #d8dce3;--color-gray-400: #b0b7c3;--color-gray-500: #8991a0;--color-gray-600: #5f6675;--color-gray-700: #404653;--color-gray-800: #262b36;--text-primary: #1c2029;--text-secondary: #5f6675;--text-tertiary: #9aa1b0;--text-on-primary: #ffffff;--bg-app: #f4f5f9;--bg-surface: #ffffff;--bg-surface-hover: #f9fafc;--bg-subtle: #f1f3f8;--border-subtle: #eaecf1;--border-default: #e2e5ec;--border-strong: #d3d7e0;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 999px;--shadow-xs: 0 1px 2px rgba(23, 26, 33, .04);--shadow-sm: 0 1px 3px rgba(23, 26, 33, .06), 0 1px 2px rgba(23, 26, 33, .04);--shadow-md: 0 4px 10px rgba(23, 26, 33, .07), 0 1px 3px rgba(23, 26, 33, .05);--shadow-lg: 0 12px 24px rgba(23, 26, 33, .09), 0 2px 6px rgba(23, 26, 33, .05);--shadow-focus: 0 0 0 3px rgba(99, 102, 241, .16);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--font-size-xs: .75rem;--font-size-sm: .825rem;--font-size-base: .9rem;--font-size-md: 1rem;--font-size-lg: 1.15rem;--font-size-xl: 1.4rem;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .35s cubic-bezier(.22, 1, .36, 1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:var(--text-primary);background-color:var(--bg-app);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg-app)}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:var(--font-size-base);color:var(--text-primary)}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;flex-shrink:0;border:1.5px solid var(--border-strong);border-radius:50%;background:var(--bg-surface);cursor:pointer;position:relative;margin:0;transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}input[type=checkbox]:hover{border-color:var(--color-primary-500);transform:scale(1.06)}input[type=checkbox]:checked{background:var(--color-primary-500);border-color:var(--color-primary-500)}input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:1.5px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}a{color:inherit;text-decoration:none}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}::-webkit-scrollbar-track{background:transparent}:focus-visible{outline:3px solid rgba(99,102,241,.45);outline-offset:2px}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.6}@media(max-width:760px){:root{--font-size-base: .95rem}body{overflow-x:hidden}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.sidebar{width:250px;flex-shrink:0;background:var(--bg-surface);border-right:1px solid var(--border-subtle);padding:var(--space-5) var(--space-3);display:flex;flex-direction:column}.sidebar-brand{font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--space-6);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-700));color:var(--text-on-primary);box-shadow:var(--shadow-sm);letter-spacing:.01em}.sidebar-nav{display:flex;flex-direction:column;gap:3px;margin-bottom:var(--space-6)}.sidebar-link{display:block;padding:9px 12px;border-radius:var(--radius-sm);font-size:var(--font-size-base);color:var(--text-secondary);font-weight:500;transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast);position:relative}.sidebar-link:hover{background:var(--bg-subtle);color:var(--text-primary);transform:translate(1px)}.sidebar-link.active{background:var(--color-primary-50);color:var(--color-primary-700);font-weight:600}.sidebar-link.active:before{content:"";position:absolute;left:-3px;top:50%;transform:translateY(-50%);width:3px;height:60%;border-radius:var(--radius-full);background:var(--color-primary-500)}.sidebar-section-title{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-weight:600;padding:0 12px;margin-bottom:var(--space-2)}.sidebar-list{list-style:none;margin:0;padding:0;flex:1;overflow-y:auto}.sidebar-list-item{display:flex;align-items:center;gap:4px;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.sidebar-list-item:hover{background:var(--bg-subtle)}.sidebar-list-link{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-list-item:hover .sidebar-list-link{background:transparent}.sidebar-list-actions{display:flex;gap:2px;padding-right:6px;opacity:0;transition:opacity var(--transition-fast)}.sidebar-list-item:hover .sidebar-list-actions,.sidebar-list-item:focus-within .sidebar-list-actions{opacity:1}.sidebar-list-actions button{border:none;background:transparent;color:var(--text-tertiary);font-size:var(--font-size-sm);padding:3px 5px;border-radius:var(--radius-sm);transition:background-color var(--transition-fast),color var(--transition-fast)}.sidebar-list-actions button:hover{background:var(--color-gray-200);color:var(--text-primary)}.sidebar-edit-input{flex:1;padding:7px 10px;border:1px solid var(--color-primary-500);border-radius:var(--radius-sm);outline:none;box-shadow:var(--shadow-focus)}.sidebar-add-list{margin-top:var(--space-3)}.sidebar-add-list input{width:100%;padding:9px 12px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-tertiary);transition:background-color var(--transition-fast),border-color var(--transition-fast)}.sidebar-add-list input::placeholder{color:var(--text-tertiary)}.sidebar-add-list input:focus{border-color:var(--border-strong);background:var(--bg-surface);color:var(--text-primary);outline:none;box-shadow:var(--shadow-focus)}.sidebar-error{margin-top:var(--space-2);font-size:var(--font-size-xs);color:var(--color-danger);padding:0 12px}@media(max-width:760px){.sidebar{position:fixed;z-index:30;top:0;bottom:0;left:0;width:min(82vw,310px);padding-top:var(--space-4);box-shadow:var(--shadow-lg);transform:translate(-105%);transition:transform var(--transition-base)}.sidebar.sidebar-mobile-open{transform:translate(0)}.sidebar-list-actions{opacity:1}}.sidebar-project-title{margin-top:var(--space-4)}.sidebar-list-compact{flex:0 1 auto;max-height:30vh}.sidebar-project-list{flex:1 1 auto}.project-status-dot{width:7px;height:7px;margin-left:auto;border-radius:50%;background:var(--color-gray-400);box-shadow:0 0 0 2px var(--bg-surface)}.project-status-dot.active{background:var(--color-success)}.project-status-dot.paused{background:var(--color-warning)}.project-status-dot.someday{background:var(--color-primary-400)}.project-status-dot.completed{background:var(--color-gray-400)}.sidebar-kind-toggle{display:flex;gap:3px;margin:0 0 4px 4px}.sidebar-kind-toggle button{border:0;border-radius:var(--radius-sm);padding:3px 7px;background:transparent;color:var(--text-tertiary);font-size:var(--font-size-xs)}.sidebar-kind-toggle button.active{background:var(--color-primary-50);color:var(--color-primary-700);font-weight:700}.sidebar-logout{margin:var(--space-3) 6px 0;padding:7px 8px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-tertiary);text-align:left;font-size:var(--font-size-xs)}.sidebar-logout:hover{background:var(--bg-subtle);color:var(--text-secondary)}.layout{display:flex;min-height:100vh;background:var(--bg-app)}.layout-main{flex:1;min-width:0;padding:var(--space-6) var(--space-8);overflow-y:auto}.mobile-header,.mobile-menu-button,.mobile-nav-scrim{display:none}@media(max-width:760px){.layout{display:block}.mobile-header{position:sticky;top:0;z-index:20;height:56px;display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-4);background:color-mix(in srgb,var(--bg-surface) 94%,transparent);border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-header-title{font-size:var(--font-size-md);font-weight:700;color:var(--text-primary)}.mobile-menu-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);font-size:1.1rem}.mobile-nav-scrim{display:block;position:fixed;z-index:29;top:0;right:0;bottom:0;left:0;width:100%;border:0;background:#14182259}.layout-main{padding:var(--space-5) var(--space-4) var(--space-8);overflow:visible}}.priority-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 2px var(--bg-surface)}.priority-select{border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:5px 7px;background:var(--bg-surface);color:var(--text-secondary);font-size:var(--font-size-sm);transition:border-color var(--transition-fast)}.priority-select:hover{border-color:var(--border-strong)}.priority-select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:var(--shadow-focus)}.timer-bar-wrap{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:220px}.timer-controls{display:flex;gap:4px;flex-shrink:0}.timer-btn{width:26px;height:26px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--text-on-primary);flex-shrink:0;transition:transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--shadow-xs)}.timer-btn:hover{transform:scale(1.1);box-shadow:var(--shadow-sm)}.timer-btn:active{transform:scale(.95)}.timer-btn-start{background:linear-gradient(135deg,#34d399,var(--color-success))}.timer-btn-pause{background:linear-gradient(135deg,#fbbf24,var(--color-warning))}.timer-btn-reset{background:linear-gradient(135deg,var(--color-gray-400),var(--color-gray-600));font-size:.85rem}.timer-bar-track{position:relative;flex:1;min-width:90px;height:12px;border-radius:var(--radius-full);background:var(--bg-subtle);overflow:hidden;box-shadow:inset 0 1px 2px #171a210f}.timer-bar-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:0%;border-radius:var(--radius-full);transition:width .6s cubic-bezier(.22,1,.36,1),background-color .6s ease;background-image:linear-gradient(90deg,#ffffff59,#fff0 40%);background-blend-mode:overlay}.timer-bar-fill.is-running:after{content:"";position:absolute;top:0;right:0;bottom:0;width:24px;background:linear-gradient(90deg,#fff0,#ffffff8c,#fff0);animation:timer-shimmer 1.6s ease-in-out infinite}@keyframes timer-shimmer{0%{transform:translate(-8px);opacity:.4}50%{opacity:1}to{transform:translate(8px);opacity:.4}}.timer-bar-wrap.is-overdue .timer-bar-track{background:var(--color-danger-bg)}.timer-bar-overdue-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-full);background:linear-gradient(90deg,#f87171,var(--color-danger));animation:timer-overdue-pulse 1.2s ease-in-out infinite}@keyframes timer-overdue-pulse{0%,to{opacity:.85;box-shadow:0 0 #ef444459}50%{opacity:1;box-shadow:0 0 8px 2px #ef444459}}.timer-bar-label{flex-shrink:0;font-size:var(--font-size-xs);color:var(--text-tertiary);min-width:90px;text-align:right;font-variant-numeric:tabular-nums}.timer-overdue-text{color:var(--color-danger);font-weight:600}@media(max-width:420px){.timer-bar-wrap{min-width:0;gap:6px}.timer-bar-label{min-width:72px}.timer-bar-track{min-width:40px}}.today-item{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px 14px;margin-bottom:var(--space-3);box-shadow:var(--shadow-xs);transition:box-shadow var(--transition-base),transform var(--transition-base),border-color var(--transition-base)}.today-item:hover{box-shadow:var(--shadow-md);border-color:var(--border-default);transform:translateY(-1px)}.today-item-row{display:flex;align-items:center;gap:var(--space-2)}.today-item-index{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-subtle);font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary);flex-shrink:0}.today-item-title{flex:1;min-width:0;font-size:var(--font-size-base);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.today-item-subtask-tag{display:inline-block;font-size:var(--font-size-xs);font-weight:600;color:var(--color-primary-700);background:var(--color-primary-50);padding:2px 7px;border-radius:var(--radius-full);margin-right:var(--space-2)}.today-item-long-tag{font-size:var(--font-size-xs);font-weight:600;color:#92610c;background:var(--color-warning-bg);padding:3px 9px;border-radius:var(--radius-full);flex-shrink:0}.today-item-minutes{font-size:var(--font-size-sm);color:var(--text-tertiary);flex-shrink:0;width:60px;text-align:right;font-variant-numeric:tabular-nums}.today-item-due{font-size:var(--font-size-sm);color:var(--text-secondary);flex-shrink:0;background:var(--bg-subtle);padding:3px 8px;border-radius:var(--radius-full)}.today-item-timer-row{margin-top:var(--space-2);padding-left:30px;border-top:1px solid var(--border-subtle);padding-top:var(--space-2)}@media(max-width:760px){.today-item{padding:10px}.today-item-row{align-items:flex-start;flex-wrap:wrap}.today-item-title{order:1;flex:1 1 calc(100% - 64px);white-space:normal}.today-item-minutes{order:2;width:auto;margin-left:30px;text-align:left}.today-item-due{order:2}.today-item-timer-row{padding-left:0}}.today-view{max-width:780px}.today-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4)}.today-header h1{font-size:var(--font-size-xl);font-weight:700;margin:0;color:var(--text-primary)}.today-controls{display:flex;align-items:center;gap:var(--space-3)}.today-controls label{display:flex;align-items:center;gap:6px;font-size:var(--font-size-sm);color:var(--text-secondary)}.today-controls input{width:56px;padding:7px 9px;border:1px solid var(--border-default);border-radius:var(--radius-sm);transition:border-color var(--transition-fast)}.today-controls input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:var(--shadow-focus)}.today-controls button{border:none;background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:var(--text-on-primary);padding:9px 16px;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast)}.today-controls button:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.today-controls button:active{transform:translateY(0)}.today-controls button:disabled{opacity:.55;cursor:default;transform:none;box-shadow:var(--shadow-xs)}.today-manual-badge{display:flex;align-items:center;gap:var(--space-2);background:var(--color-warning-bg);border:1px solid #fde9b8;color:#92610c;font-size:var(--font-size-sm);padding:10px 14px;border-radius:var(--radius-md);margin-bottom:var(--space-4)}.today-summary{display:flex;gap:var(--space-3);margin-bottom:var(--space-5)}.today-summary-card{flex:1;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:14px 18px;box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:4px}.today-summary-card .summary-value{font-size:1.35rem;font-weight:700;color:var(--text-primary);line-height:1.2}.today-summary-card .summary-value .summary-unit{font-size:var(--font-size-sm);font-weight:500;color:var(--text-tertiary);margin-left:3px}.today-summary-card .summary-label{font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:500}.today-summary-progress{margin-top:4px;height:6px;border-radius:var(--radius-full);background:var(--bg-subtle);overflow:hidden}.today-summary-progress-fill{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--color-primary-400),var(--color-primary-600));transition:width var(--transition-slow)}.today-empty{color:var(--text-tertiary);padding:var(--space-8) 0;text-align:center;font-size:var(--font-size-base)}.today-error{color:var(--color-danger);margin-bottom:var(--space-3);font-size:var(--font-size-sm);background:var(--color-danger-bg);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}.today-overflow{margin-top:var(--space-5);padding:14px 18px;background:var(--bg-subtle);border-radius:var(--radius-lg);border:1px dashed var(--border-strong)}.today-overflow h3{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:600;margin:0 0 var(--space-2)}.today-overflow-item{font-size:var(--font-size-sm);color:var(--text-secondary);padding:5px 0}@media(max-width:760px){.today-header{align-items:flex-start}.today-controls{width:100%;justify-content:space-between;gap:var(--space-2)}.today-controls label{flex:1}.today-controls button{flex-shrink:0;padding-inline:12px}.today-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.today-summary-card{padding:12px}.today-summary-card:nth-child(2){grid-column:span 2}.today-manual-badge,.today-overflow{padding:10px 12px}}@media(max-width:400px){.today-controls{align-items:stretch;flex-direction:column}.today-controls button{width:100%}}.subtask-item{position:relative;margin-bottom:2px;border-radius:var(--radius-sm)}.subtask-item:before{content:"";position:absolute;z-index:1;left:-1px;top:20px;width:8px;height:1px;background:var(--border-default)}.subtask-row{position:relative;z-index:2;display:flex;align-items:center;gap:6px;min-height:40px;padding:5px 6px 5px 10px;border:1px solid transparent;border-radius:var(--radius-sm);transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.subtask-item:hover .subtask-row,.subtask-item:focus-within .subtask-row{border-color:var(--border-subtle);background:var(--bg-surface);box-shadow:var(--shadow-xs)}.subtask-item .drag-handle{width:22px;padding:3px;color:var(--text-tertiary);opacity:0}.subtask-item:hover .drag-handle,.subtask-item:focus-within .drag-handle{opacity:1}.subtask-item input[type=checkbox]{width:16px;height:16px}.subtask-item input[type=checkbox]:checked:after{left:4px;top:1px;width:4px;height:8px}.subtask-title{flex:1 1 150px;min-width:0;border:0;background:transparent;padding:3px 4px;border-radius:var(--radius-sm);text-align:left;font:inherit;font-size:var(--font-size-sm);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subtask-title:hover{color:var(--color-primary-700)}.subtask-title.completed{color:var(--text-tertiary);text-decoration:line-through}.subtask-title-input{flex:1 1 150px;min-width:0;padding:3px 7px;border:1px solid var(--color-primary-500);border-radius:var(--radius-sm);background:var(--bg-surface);font-size:var(--font-size-sm);outline:none;box-shadow:var(--shadow-focus)}.subtask-meta{display:flex;align-items:center;gap:4px;min-width:0;color:var(--text-tertiary)}.subtask-meta-chip{display:inline-flex;align-items:center;gap:3px;max-width:92px;min-height:20px;padding:1px 6px;overflow:hidden;border-radius:var(--radius-full);background:transparent;color:inherit;font-size:.7rem;white-space:nowrap;text-overflow:ellipsis}.subtask-meta-chip.priority-1{color:#2563eb}.subtask-meta-chip.priority-2{color:#a16207}.subtask-meta-chip.priority-3{color:#dc2626}.subtask-edit-toggle{min-width:34px;height:26px;flex:0 0 auto;padding:0 6px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-tertiary);font-size:var(--font-size-xs);font-weight:600;opacity:0;transition:opacity var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast)}.subtask-edit-toggle:hover{background:var(--color-primary-50);color:var(--color-primary-700)}.subtask-item:hover .subtask-edit-toggle,.subtask-item:focus-within .subtask-edit-toggle{opacity:1}.subtask-details{display:grid;gap:var(--space-2);margin:2px 0 6px 31px;padding:10px;border:1px solid var(--border-subtle);border-radius:0 var(--radius-sm) var(--radius-sm) var(--radius-sm);background:var(--bg-surface)}.subtask-detail-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.subtask-detail-fields label{display:grid;gap:4px;color:var(--text-tertiary);font-size:var(--font-size-xs);font-weight:600}.subtask-detail-fields input,.subtask-detail-fields select{width:100%;min-height:32px;border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:4px 6px;background:var(--bg-surface)}.subtask-detail-actions{display:flex;justify-content:flex-end}.subtask-error{margin:0;color:var(--color-danger);font-size:var(--font-size-xs)}@media(max-width:760px){.subtask-item .drag-handle,.subtask-item .subtask-edit-toggle{opacity:1}.subtask-row{align-items:flex-start;flex-wrap:wrap}.subtask-title,.subtask-title-input{order:1;flex:1 1 calc(100% - 86px)}.subtask-meta{order:2;width:calc(100% - 28px);margin-left:28px;flex-wrap:wrap}.subtask-details{margin-left:8px}.subtask-detail-fields{grid-template-columns:1fr}}.subtask-quick-timer{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex:0 0 26px;border:0;border-radius:50%;background:var(--color-success-bg);color:var(--color-success);font-size:.68rem;box-shadow:inset 0 0 0 1px #22c55e29;transition:transform var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast)}.subtask-quick-timer:hover{transform:scale(1.08);background:var(--color-success);color:var(--text-on-primary);box-shadow:var(--shadow-sm)}.subtask-quick-timer.is-running{background:var(--color-warning-bg);color:#a16207;box-shadow:inset 0 0 0 1px #f59e0b38}.subtask-quick-timer.is-running:hover{background:var(--color-warning);color:var(--text-on-primary)}.subtask-list{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-subtle);padding:var(--space-2)}.subtask-list-header{display:flex;align-items:center;gap:var(--space-2);padding:3px 6px 8px}.subtask-list-title{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:700}.subtask-list-count{padding:1px 7px;border-radius:var(--radius-full);background:var(--bg-surface);color:var(--text-tertiary);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums}.subtask-items{position:relative;padding-left:14px}.subtask-items:before{content:"";position:absolute;top:5px;bottom:6px;left:13px;width:1px;background:var(--border-default)}.subtask-add-form{margin:6px 0 0 14px}.subtask-add-form input{width:100%;min-height:34px;padding:7px 10px;border:1px dashed transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-primary);font-size:var(--font-size-sm);transition:background-color var(--transition-fast),border-color var(--transition-fast)}.subtask-add-form input::placeholder{color:var(--text-tertiary)}.subtask-add-form input:hover,.subtask-add-form input:focus{border-color:var(--border-default);background:var(--bg-surface)}.subtask-add-form input:focus{border-color:var(--color-primary-500);border-style:solid;outline:none;box-shadow:var(--shadow-focus)}.subtask-list-error{margin:6px 8px 2px 22px;color:var(--color-danger);font-size:var(--font-size-xs)}@media(max-width:760px){.subtask-list{padding:6px}.subtask-items{padding-left:8px}.subtask-items:before{left:7px}.subtask-add-form{margin-left:8px}}.task-item{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-2);overflow:hidden;box-shadow:var(--shadow-xs);transition:box-shadow var(--transition-base),border-color var(--transition-base)}.task-item:hover,.task-item:focus-within{box-shadow:var(--shadow-sm);border-color:var(--border-default)}.task-row{display:flex;align-items:center;gap:var(--space-2);min-height:52px;padding:9px 12px}.drag-handle{border:none;background:transparent;color:var(--text-tertiary);cursor:grab;padding:5px;font-size:.95rem;touch-action:none;border-radius:var(--radius-sm);transition:color var(--transition-fast),background-color var(--transition-fast)}.drag-handle:hover{color:var(--text-secondary);background:var(--bg-subtle)}.drag-handle:active{cursor:grabbing}.task-detail-toggle{min-width:42px;height:28px;flex:0 0 auto;padding:0 7px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-tertiary);font-size:var(--font-size-xs);font-weight:600;transition:background-color var(--transition-fast),color var(--transition-fast)}.task-detail-toggle:hover{background:var(--color-primary-50);color:var(--color-primary-700)}.task-title{flex:1 1 180px;min-width:0;border:0;background:transparent;padding:4px;border-radius:var(--radius-sm);text-align:left;font:inherit;font-size:var(--font-size-base);line-height:1.4;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-title:hover{background:var(--bg-subtle)}.task-title.completed{text-decoration:line-through;color:var(--text-tertiary)}.task-title-input{flex:1 1 180px;min-width:0;padding:5px 8px;border:1px solid var(--color-primary-500);border-radius:var(--radius-sm);font-size:var(--font-size-base);outline:none;box-shadow:var(--shadow-focus)}.task-meta{display:flex;align-items:center;justify-content:flex-end;gap:5px;min-width:0;flex-wrap:wrap}.task-meta-chip,.task-progress{display:inline-flex;align-items:center;gap:4px;min-height:24px;padding:2px 8px;border-radius:var(--radius-full);background:var(--bg-subtle);color:var(--text-secondary);font-size:var(--font-size-xs);font-variant-numeric:tabular-nums;white-space:nowrap}.task-meta-chip.priority-1{background:#eff6ff;color:#2563eb}.task-meta-chip.priority-2{background:var(--color-warning-bg);color:#a16207}.task-meta-chip.priority-3{background:var(--color-danger-bg);color:#dc2626}.task-due-chip{color:var(--text-secondary)}.task-progress{color:var(--color-primary-700);background:var(--color-primary-50);font-weight:600}.task-details{display:grid;gap:var(--space-3);padding:var(--space-3) 14px 14px 52px;border-top:1px solid var(--border-subtle);background:var(--bg-surface-hover)}.task-detail-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}.task-detail-fields label{display:grid;gap:4px;color:var(--text-tertiary);font-size:var(--font-size-xs);font-weight:600}.task-detail-fields input,.task-detail-fields select{width:100%;min-height:34px;border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:5px 7px;background:var(--bg-surface);color:var(--text-primary)}.task-detail-actions{display:flex;justify-content:flex-end}.task-delete{border:none;background:transparent;color:var(--color-danger);padding:6px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.task-delete:hover{background:var(--color-danger-bg)}.task-error{margin:0;color:var(--color-danger);font-size:var(--font-size-xs)}@media(max-width:760px){.task-row{align-items:flex-start;flex-wrap:wrap;padding:10px}.task-title,.task-title-input{order:1;flex:1 1 calc(100% - 88px);min-height:30px}.task-meta{order:2;width:calc(100% - 40px);margin-left:40px;justify-content:flex-start}.task-detail-toggle{order:1}.task-details{padding:var(--space-3) 10px}.task-detail-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.task-detail-fields{grid-template-columns:1fr}.task-meta-chip{padding-inline:7px}}.task-add-subtask{justify-self:start;border:0;border-radius:var(--radius-sm);padding:6px 8px;background:transparent;color:var(--color-primary-600);font-size:var(--font-size-sm);font-weight:600}.task-add-subtask:hover{background:var(--color-primary-50)}.task-item.is-completed{border-color:#bbf7d0;background:linear-gradient(90deg,var(--color-success-bg),var(--bg-surface) 45%);animation:task-complete-settle .65s cubic-bezier(.22,1,.36,1)}.completion-control{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px}.completion-control input[type=checkbox]:checked{animation:completion-pop .38s cubic-bezier(.22,1.6,.36,1);background:var(--color-success);border-color:var(--color-success)}.completion-burst{position:absolute;inset:50% auto auto 50%;width:1px;height:1px;pointer-events:none}.completion-burst i{position:absolute;width:5px;height:8px;border-radius:2px;background:var(--color-primary-500);animation:completion-confetti .82s ease-out forwards}.completion-burst i:nth-child(1){--x: -17px;--y: -18px;background:var(--color-success)}.completion-burst i:nth-child(2){--x: 2px;--y: -22px;background:var(--color-warning)}.completion-burst i:nth-child(3){--x: 17px;--y: -13px;background:var(--color-primary-500)}.completion-burst i:nth-child(4){--x: 19px;--y: 11px;background:#f472b6}.completion-burst i:nth-child(5){--x: -8px;--y: 20px;background:var(--color-warning)}.completion-burst i:nth-child(6){--x: -22px;--y: 7px;background:var(--color-success)}@keyframes completion-pop{0%{transform:scale(1)}55%{transform:scale(1.34)}to{transform:scale(1)}}@keyframes completion-confetti{0%{opacity:1;transform:translate(-50%,-50%) scale(.65) rotate(0)}to{opacity:0;transform:translate(var(--x),var(--y)) scale(1) rotate(150deg)}}@keyframes task-complete-settle{0%{transform:translateY(-1px);box-shadow:0 0 #22c55e38}45%{box-shadow:0 0 0 7px #22c55e00}to{transform:translateY(0)}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.task-item.is-completed .drag-handle{visibility:hidden;pointer-events:none}.project-next-action-toggle{display:flex;align-items:center;gap:var(--space-2);padding:9px 10px;border:1px solid var(--color-primary-100);border-radius:var(--radius-sm);background:var(--color-primary-50);color:var(--color-primary-700);cursor:pointer}.project-next-action-toggle span{display:grid;gap:1px}.project-next-action-toggle strong{font-size:var(--font-size-sm)}.project-next-action-toggle small{color:var(--text-secondary);font-size:var(--font-size-xs)}.project-next-action-toggle input[type=checkbox]{background:var(--bg-surface)}.project-next-action-toggle input[type=checkbox]:checked{background:var(--color-primary-500);border-color:var(--color-primary-500)}.list-view{max-width:780px}.list-view-title{font-size:var(--font-size-xl);font-weight:700;margin:0 0 var(--space-5);color:var(--text-primary)}.list-add-task{margin-bottom:var(--space-5)}.list-add-task input{width:100%;padding:12px 14px;border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--font-size-base);background:var(--bg-surface);box-shadow:var(--shadow-xs);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.list-add-task input::placeholder{color:var(--text-tertiary)}.list-add-task input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:var(--shadow-focus)}.list-view-empty{color:var(--text-tertiary);padding:var(--space-8) 0;text-align:center;font-size:var(--font-size-base)}.task-section{display:grid}.list-active-empty{margin:var(--space-4) 0;padding:18px;border:1px dashed #bbf7d0;border-radius:var(--radius-md);background:var(--color-success-bg);color:#15803d;text-align:center;font-size:var(--font-size-sm);font-weight:600}.completed-task-section{margin-top:var(--space-5);border-top:1px solid var(--border-subtle);padding-top:var(--space-3)}.completed-task-section summary{display:flex;align-items:center;gap:var(--space-2);width:fit-content;padding:6px 8px;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:700;list-style:none}.completed-task-section summary::-webkit-details-marker{display:none}.completed-task-section summary:before{content:"›";font-size:1.1rem;transition:transform var(--transition-fast)}.completed-task-section[open] summary:before{transform:rotate(90deg)}.completed-task-section summary:hover{background:var(--bg-subtle);color:var(--text-primary)}.completed-task-count{min-width:22px;padding:1px 7px;border-radius:var(--radius-full);background:var(--bg-subtle);color:var(--text-tertiary);font-size:var(--font-size-xs);text-align:center;font-variant-numeric:tabular-nums}.completed-task-list{margin-top:var(--space-2);opacity:.78}.completed-task-list .task-item{margin-bottom:var(--space-2)}@media(max-width:760px){.completed-task-section{margin-top:var(--space-4)}}.list-view-heading{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-5)}.list-view-heading .list-view-title{margin-bottom:0}.project-status-badge{padding:3px 8px;border-radius:var(--radius-full);background:var(--bg-subtle);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:700}.project-status-badge.active{background:var(--color-success-bg);color:#15803d}.project-status-badge.paused{background:var(--color-warning-bg);color:#a16207}.project-status-badge.someday{background:var(--color-primary-50);color:var(--color-primary-700)}.project-overview{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin:0 0 var(--space-4);padding:12px 14px;border:1px solid var(--color-primary-100);border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-primary-50),var(--bg-surface))}.project-overview strong{color:var(--color-primary-700);font-size:var(--font-size-sm)}.project-overview p{margin:3px 0 0;color:var(--text-secondary);font-size:var(--font-size-xs)}.project-overview label{display:grid;gap:4px;flex:0 0 auto;color:var(--text-tertiary);font-size:var(--font-size-xs);font-weight:700}.project-overview select{min-height:32px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary)}.project-paused-note,.list-view-error{margin:0 0 var(--space-3);padding:9px 12px;border-radius:var(--radius-sm);background:var(--color-warning-bg);color:#92610c;font-size:var(--font-size-sm)}.list-view-error{background:var(--color-danger-bg);color:var(--color-danger)}@media(max-width:760px){.project-overview{align-items:stretch;flex-direction:column}.project-overview label{width:100%}}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,var(--color-primary-100),var(--bg-app) 45%)}.login-card{width:min(100%,380px);display:grid;gap:14px;padding:30px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:var(--shadow-lg)}.login-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:var(--color-primary-500);color:#fff;font-weight:800}.login-card h1{margin:2px 0 0;font-size:1.4rem}.login-card p{margin:-8px 0 6px;color:var(--text-secondary);font-size:var(--font-size-sm)}.login-card label{display:grid;gap:5px;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600}.login-card input{min-height:40px;padding:8px 10px;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-surface)}.login-card button{min-height:42px;border:0;border-radius:var(--radius-sm);background:var(--color-primary-600);color:#fff;font-weight:700}.login-card button:disabled{opacity:.6}.login-error{padding:8px 10px;border-radius:var(--radius-sm);background:var(--color-danger-bg);color:var(--color-danger);font-size:var(--font-size-sm)}