:root{--color-accent:#b7442d;--color-accent-hover:#943420;--color-accent-light:#f7dfd7;--color-accent-dark:#742516;--priority-low:#1f6f7a;--priority-low-bg:#dcedef;--priority-medium:#9b5d0f;--priority-medium-bg:#f6e4cc;--priority-high:#b22d21;--priority-high-bg:#f4d9d3;--color-bg:#f6f0e6;--color-bg-sidebar:#efe5d6;--color-surface:#fffaf1;--color-surface-raised:#f7ecdd;--color-surface-alt:#fcf3e8;--color-border:#d7c7b5;--color-border-focus:#b7442d;--color-text:#1f1a15;--color-text-secondary:#564b3f;--color-text-muted:#655a4d;--color-text-inverse:#fff;--color-error:#b22d21;--color-error-bg:#f7e0db;--color-success:#2c7a46;--color-warning:#9b5d0f;--shadow-sm:0 1px 2px #34231614;--shadow-md:0 8px 20px -12px #34231647;--shadow-lg:0 18px 34px -18px #34231657;--shadow-xl:0 30px 48px -24px #34231666;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--container-max:720px;--header-height:60px;--footer-height:48px;--font-body:"Avenir Next", "Segoe UI Variable", "Segoe UI", sans-serif;--font-display:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, serif}html.dark{--color-bg:#17120f;--color-bg-sidebar:#231c16;--color-surface:#211912;--color-surface-raised:#2b2119;--color-surface-alt:#31261d;--color-border:#4e3d30;--color-border-focus:#d9795a;--color-text:#f4e9d7;--color-text-secondary:#d5c2aa;--color-text-muted:#a8937b;--color-text-inverse:#1d1712;--color-accent:#d9795a;--color-accent-hover:#e89271;--color-accent-light:#d9795a3d;--priority-low-bg:#1f6f7a3d;--priority-medium-bg:#9b5d0f3d;--priority-high-bg:#b22d213d;--color-error-bg:#b22d213d;--shadow-sm:0 1px 2px 0 #00000047;--shadow-md:0 8px 20px -10px #0006;--shadow-lg:0 18px 34px -16px #0000007a;--shadow-xl:0 30px 48px -22px #0000008f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);min-height:100dvh;transition:background-color var(--transition-slow), color var(--transition-slow);background-image:radial-gradient(circle at 12% 0,#b7442d14,#0000 28%),radial-gradient(circle at 88% 100%,#9b5d0f1a,#0000 32%),linear-gradient(#fffaf157,#0000 180px);line-height:1.6}#app{flex-direction:column;min-height:100dvh;display:flex}a{color:var(--color-accent);text-underline-offset:2px;text-decoration:underline}a:hover{color:var(--color-accent-hover)}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-loading{background-color:var(--color-bg);justify-content:center;align-items:center;min-height:100dvh;display:flex}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:var(--radius-full);width:32px;height:32px;animation:.7s linear infinite spin;display:inline-block}.spinner--lg{border-width:4px;width:48px;height:48px}.spinner-sm{border-radius:var(--radius-full);border:2px solid #fff6;border-top-color:#fff;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes checkbox-complete{0%{opacity:.6;transform:scale(.6)}60%{transform:scale(1.25)}to{opacity:1;transform:scale(1)}}.btn{border-radius:var(--radius-md);transition:background-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast), opacity var(--transition-fast);white-space:nowrap;align-items:center;gap:6px;padding:8px 16px;font-size:.875rem;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background-color:var(--color-accent);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:var(--color-accent-hover);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--color-surface-raised);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-border)}.btn-ghost{color:var(--color-text-secondary);background-color:#0000}.btn-ghost:hover{background-color:var(--color-surface-raised);color:var(--color-text)}.btn-sm{padding:5px 10px;font-size:.8125rem}.btn-anonymous{color:var(--color-text-secondary);border:1px dashed var(--color-border);background-color:#0000;flex-direction:column;justify-content:center;gap:2px;width:100%;padding:10px 20px;font-size:.9375rem}.btn-anonymous:hover{background-color:var(--color-surface-raised);color:var(--color-text);border-color:var(--color-text-muted)}.login-anonymous-note{color:var(--color-text-muted);font-size:.75rem;font-weight:400}.form-group{flex-direction:column;gap:4px;display:flex}.form-group-inline{flex-direction:row;align-items:center;gap:8px}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-label{color:var(--color-text-secondary);font-size:.8125rem;font-weight:500}.form-label-inline{color:var(--color-text);margin-bottom:0;font-size:.875rem}.form-input{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-slow);width:100%;padding:8px 12px;font-size:.9375rem}.form-input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 15%, transparent);outline:none}.form-input::placeholder{color:var(--color-text-muted)}.form-textarea{resize:vertical;min-height:60px}.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:30px}.form-checkbox{width:16px;height:16px;accent-color:var(--color-accent);cursor:pointer;flex-shrink:0}.form-error{color:var(--color-error);background-color:var(--color-error-bg);border-radius:var(--radius-md);border:1px solid var(--color-error);padding:8px 12px;font-size:.8125rem}.detail-section{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.detail-section__toggle{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);background:var(--color-surface-raised);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast);align-items:center;gap:8px;padding:10px 14px;font-size:.8125rem;font-weight:600;list-style:none;display:flex}.detail-section__toggle::-webkit-details-marker{display:none}.detail-section__toggle:before{content:"";border-right:2px solid var(--color-text-muted);border-bottom:2px solid var(--color-text-muted);width:6px;height:6px;transition:transform var(--transition-fast);flex-shrink:0;margin-bottom:2px;display:inline-block;transform:rotate(-45deg)}.detail-section[open]>.detail-section__toggle:before{transform:rotate(45deg)}.detail-section__toggle:hover{background:color-mix(in srgb, var(--color-accent) 6%, var(--color-surface-raised))}.detail-section__count{color:var(--color-text-muted);font-size:.75rem;font-weight:500}.detail-section__content{flex-direction:column;gap:12px;padding:14px;display:flex}.form-group--inline{align-items:center;gap:8px;display:flex}.form-group--inline .form-label{white-space:nowrap;margin:0;font-size:.75rem}.form-select--compact{padding:5px 28px 5px 10px;font-size:.8125rem}.login-page{background:linear-gradient(135deg, var(--color-bg) 0%, var(--color-accent-light) 100%);justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px;display:flex}.login-card{background-color:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--color-border);flex-direction:column;align-items:center;gap:16px;width:100%;max-width:400px;padding:40px 32px;display:flex}.login-logo{color:var(--color-accent)}.login-title{color:var(--color-text);letter-spacing:-.02em;font-size:1.75rem;font-weight:700}.login-tagline{color:var(--color-text-secondary);margin-top:-8px;margin-bottom:8px;font-size:1rem}.login-actions{flex-direction:column;gap:12px;width:100%;display:flex}.login-divider{color:var(--color-text-muted);align-items:center;gap:12px;font-size:.8125rem;display:flex}.login-divider:before,.login-divider:after{content:"";background-color:var(--color-border);flex:1;height:1px}.login-otp-hint{color:var(--color-text-secondary);text-align:center;font-size:.9rem;line-height:1.5}.login-otp-hint strong{color:var(--color-text);font-weight:600}.login-otp-back{color:var(--color-accent);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:.875rem;text-decoration:underline}.login-otp-back:hover{color:var(--color-accent-hover,#943420)}.login-otp-input{text-align:center;letter-spacing:.35em;font-variant-numeric:tabular-nums;padding:12px 16px;font-size:1.75rem;font-weight:700}.btn-block{justify-content:center;width:100%}.dark-mode-toggle{border-radius:var(--radius-full);width:36px;height:36px;color:var(--color-text-secondary);transition:background-color var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;display:flex}.dark-mode-toggle:hover{background-color:var(--color-surface-raised);color:var(--color-text)}.todo-page{flex-direction:column;min-height:100dvh;display:flex}.todo-header{z-index:10;height:var(--header-height);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:background-color var(--transition-slow);justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:sticky;top:0}.todo-header-left{align-items:center;gap:10px;display:flex}.todo-logo{object-fit:contain;border-radius:6px;flex-shrink:0;width:24px;height:24px}.todo-header-title{letter-spacing:-.02em;color:var(--color-text);font-size:1.125rem;font-weight:700}.todo-header-right{align-items:center;gap:8px;display:flex}.todo-anon-controls{align-items:center;gap:16px;display:inline-flex}.todo-anon-status{color:var(--color-text-muted);white-space:nowrap;font-size:.75rem}.todo-anon-sync-btn{white-space:nowrap;animation:2.2s ease-in-out infinite anon-sync-pulse}@keyframes anon-sync-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-accent) 0%, transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--color-accent) 16%, transparent)}}.user-info{align-items:center;gap:8px;display:flex}.user-avatar{border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--color-border);width:32px;height:32px}.user-avatar--placeholder{background-color:var(--color-accent);color:#fff;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;line-height:normal;display:flex}.user-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:.875rem;font-weight:500;overflow:hidden}.todo-group-list{flex-direction:column;gap:18px;display:flex}.todo-group{flex-direction:column;gap:8px;display:flex}.todo-group__header{justify-content:space-between;align-items:center;gap:8px;padding:0 2px;display:flex}.todo-group__title{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:.875rem;font-weight:700}.todo-group__count{border-radius:var(--radius-full);background:var(--color-surface-raised);min-width:2rem;color:var(--color-text-muted);text-align:center;padding:2px 8px;font-size:.75rem;font-weight:600}.todo-detail-pane{min-width:0}.todo-detail-pane__shell{top:calc(var(--header-height) + 20px);max-height:calc(100vh - var(--header-height) - 40px);background:linear-gradient(180deg, #ffffffe6, #ffffffd6), var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;grid-template-rows:auto minmax(0,1fr) auto;gap:0;padding:0;display:grid;position:sticky;overflow:hidden}html.dark .todo-detail-pane__shell{background:linear-gradient(180deg, #1e293beb, #0f172ae0), var(--color-surface)}.todo-detail-pane__header{background:var(--color-surface);justify-content:space-between;align-items:center;gap:12px;padding:20px 20px 8px;display:flex;box-shadow:0 16px 24px -24px #0f172a52}.todo-detail-pane__body{scrollbar-gutter:stable both-edges;min-height:0;padding:16px 20px;overflow:hidden auto}.todo-detail-pane__title{letter-spacing:-.02em;color:var(--color-text);font-size:1.25rem;font-weight:700}.todo-detail-pane__close{border-radius:var(--radius-md);border:1px solid color-mix(in srgb, var(--color-accent) 25%, var(--color-border));background:color-mix(in srgb, var(--color-accent) 11%, var(--color-surface));color:color-mix(in srgb, var(--color-accent) 72%, var(--color-text));transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);align-items:center;gap:6px;padding:8px;font-size:.8125rem;font-weight:600;display:inline-flex}.todo-detail-pane__close:hover{background:color-mix(in srgb, var(--color-accent) 18%, var(--color-surface));border-color:color-mix(in srgb, var(--color-accent) 36%, var(--color-border));color:color-mix(in srgb, var(--color-accent-dark) 72%, var(--color-text))}.todo-detail-pane__close-label{line-height:1}.todo-detail-pane__summary{flex-wrap:wrap;gap:8px;display:flex}.todo-detail-pane__status{border-radius:var(--radius-full);background:var(--color-surface-raised);border:1px solid var(--color-border);color:var(--color-text-secondary);text-transform:capitalize;align-items:center;padding:2px 10px;font-size:.75rem;font-weight:500;display:inline-flex}.todo-detail-pane__form{flex-direction:column;gap:20px;display:flex}.todo-detail-pane__schedule-dates-row{grid-template-columns:repeat(2,minmax(0,1fr))}.todo-detail-pane__schedule-dates-row>.form-group,.todo-detail-pane__schedule-date-input{min-width:0}.todo-detail-pane__reminder-row{grid-template-columns:minmax(0,1fr) max-content;align-items:end;gap:12px;display:grid}.todo-detail-pane__reminder-row>.form-group{min-width:0}.todo-detail-pane__reminder-action{place-self:end}.todo-detail-pane__reminder-action .btn{padding-inline:12px}.todo-detail-pane__subtask-input-row{grid-template-columns:minmax(0,1fr) max-content;align-items:end}.todo-detail-pane__subtask-input-row>.form-group,.todo-detail-pane__subtask-input-group{min-width:0}.todo-detail-pane__subtask-action{place-self:end}.todo-detail-pane__subtask-action .btn{padding-inline:12px}.todo-detail-pane__actions{padding:12px 20px calc(12px + env(safe-area-inset-bottom,0px));background:var(--color-surface);flex-wrap:wrap;gap:8px;display:flex;box-shadow:0 -16px 24px -24px #0f172a52}.todo-detail-pane__empty{color:var(--color-text-secondary);flex-direction:column;gap:8px;padding:8px 4px 4px;display:flex}.todo-detail-pane__empty-hint{color:var(--color-text-muted);font-size:.875rem}.todo-detail-pane__subtask-delete{justify-content:center;width:32px;height:32px;padding:0}.todo-detail-pane__subtask-undo{border-radius:var(--radius-md);border:1px solid color-mix(in srgb, var(--color-accent) 20%, var(--color-border));background:color-mix(in srgb, var(--color-accent) 8%, var(--color-surface));color:var(--color-text-secondary);justify-content:space-between;align-items:center;gap:8px;margin-top:8px;padding:8px 10px;font-size:.8125rem;display:flex}.todo-footer{min-height:var(--footer-height);text-align:center;border-top:1px solid var(--color-border);background-color:var(--color-surface);padding:12px 16px}.keyboard-hints{color:var(--color-text-muted);font-size:.75rem}kbd{background-color:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);box-shadow:0 1px 0 var(--color-border);padding:1px 5px;font-family:SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.6875rem;display:inline-block}.todo-input-form{background-color:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid var(--color-accent);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast), border-color var(--transition-fast);flex-direction:column;gap:10px;padding:12px;display:flex}.todo-input-row{align-items:center;gap:8px;display:flex}.todo-input-field{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;padding:10px 12px;font-size:1rem}.todo-input-field::placeholder{color:var(--color-text-muted)}.todo-input-submit{border-radius:var(--radius-md);flex-shrink:0;padding:8px 10px}.todo-input-expanded{border-top:1px solid var(--color-border);flex-direction:column;gap:10px;padding-top:8px;animation:.15s expand;display:flex}.todo-input-capture-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.todo-input-insights{flex-wrap:wrap;gap:8px;display:flex}.todo-input-token{border-radius:var(--radius-full);background:var(--color-surface-raised);border:1px solid var(--color-border);color:var(--color-text-secondary);align-items:center;gap:4px;padding:5px 10px;font-size:.8125rem;font-weight:600;display:inline-flex}.todo-input-token--date{color:var(--color-accent);background:#3b82f614;border-color:#3b82f640}.todo-input-token--label{color:var(--color-text)}.todo-input-token--priority.todo-input-token--low{color:var(--priority-low);border-color:color-mix(in srgb, var(--priority-low) 28%, var(--color-border))}.todo-input-token--priority.todo-input-token--medium{color:var(--priority-medium);border-color:color-mix(in srgb, var(--priority-medium) 34%, var(--color-border))}.todo-input-token--priority.todo-input-token--high{color:var(--priority-high);border-color:color-mix(in srgb, var(--priority-high) 32%, var(--color-border))}@keyframes expand{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.todo-input-secondary-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.todo-input-hint{color:var(--color-text-muted);margin:0;font-size:.8125rem}.todo-input-advanced{border:1px solid color-mix(in srgb, var(--color-border) 88%, transparent);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-surface-alt) 78%, transparent);flex-direction:column;gap:10px;padding:12px;display:flex}.todo-input-extras{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.todo-input-expanded-actions{justify-content:flex-end;gap:8px;display:flex}.todo-list{flex-direction:column;gap:6px;display:flex}.empty-state{text-align:center;color:var(--color-text-muted);flex-direction:column;align-items:center;gap:8px;padding:60px 20px;display:flex}.empty-state-icon{color:var(--color-border);margin-bottom:8px}.empty-state-title{color:var(--color-text-secondary);font-size:1rem;font-weight:500}.empty-state-hint{font-size:.875rem}.label-chip,.date-chip{border-radius:var(--radius-full);border:1px solid var(--color-border);align-items:center;padding:2px 8px;font-size:.6875rem;font-weight:500;display:inline-flex}.label-chip{background-color:var(--color-surface-raised);color:var(--color-text-secondary)}.date-chip{background-color:var(--color-surface);color:var(--color-text-secondary)}.todo-item{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), opacity var(--transition-base);cursor:pointer;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.todo-item:hover:not(.todo-item--selected){border-color:var(--color-accent);box-shadow:var(--shadow-sm)}.todo-item:focus-visible{border-color:var(--color-border-focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 18%, transparent);outline:none}.todo-item--selected{border-color:var(--color-accent);background-color:var(--color-accent-light);box-shadow:0 0 0 2px color-mix(in srgb, var(--color-accent) 20%, transparent)}.todo-item-left{flex-shrink:0;padding-top:1px}.todo-checkbox{color:var(--color-text-muted);border-radius:var(--radius-full);width:44px;height:44px;transition:color var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;margin:-10px;display:flex}.todo-checkbox:hover{color:var(--color-accent);transform:scale(1.1)}.todo-item--completed .todo-checkbox svg{animation:.22s ease-out both checkbox-complete}.todo-item-content{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.todo-item-title{color:var(--color-text);word-break:break-word;-webkit-line-clamp:2;transition:color var(--transition-fast);-webkit-box-orient:vertical;font-size:.9375rem;font-weight:500;display:-webkit-box;overflow:hidden}.todo-item-title--done{color:var(--color-text-muted);text-decoration:line-through}.todo-item-description{color:var(--color-text-secondary);word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8125rem;line-height:1.5;display:-webkit-box;overflow:hidden}.todo-item-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:flex}.priority-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;align-items:center;padding:2px 8px;font-size:.6875rem;font-weight:600;display:inline-flex}.priority-badge--low{color:var(--priority-low);background-color:var(--priority-low-bg)}.priority-badge--medium{color:var(--priority-medium);background-color:var(--priority-medium-bg)}.priority-badge--high{color:var(--priority-high);background-color:var(--priority-high-bg)}.due-date{color:var(--color-text-muted);align-items:center;gap:3px;font-size:.75rem;display:inline-flex}.due-date--overdue{color:var(--priority-high);font-weight:500}.overdue-label{font-weight:600}.todo-item-actions{opacity:0;transition:opacity var(--transition-fast);flex-shrink:0;gap:2px;display:flex}.todo-item:hover .todo-item-actions,.todo-item--selected .todo-item-actions{opacity:1}.todo-item--selected .todo-action-btn:not(.todo-action-btn--open-active){color:var(--color-text)}.todo-action-btn{border-radius:var(--radius-md);width:44px;height:44px;color:var(--color-text-muted);transition:background-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;display:flex}.todo-action-btn:hover{background-color:var(--color-surface-raised);color:var(--color-text)}.todo-action-btn--open-active,.todo-item--selected .todo-action-btn--open-active{color:#0c6cb5;background:color-mix(in srgb, #0c6cb5 14%, var(--color-surface));box-shadow:inset 0 0 0 1px color-mix(in srgb, #0c6cb5 32%, var(--color-border));transform:translate(1px)}.todo-action-btn--open-active svg{stroke-width:2.45px}.todo-action-btn--open-active:hover{color:#0b5d9b;background:color-mix(in srgb, #0c6cb5 20%, var(--color-surface))}@media (width<=600px){.todo-header{padding:0 12px}.todo-header-right{gap:6px}.user-name,.todo-anon-status{display:none}.todo-anon-sync-btn{padding-inline:10px}.todo-main{padding:20px 12px 24px}.todo-detail-pane__shell{position:static}.todo-input-capture-grid,.todo-input-extras{grid-template-columns:1fr 1fr}.form-row,.todo-detail-pane__schedule-dates-row,.todo-detail-pane__subtask-input-row{grid-template-columns:1fr}.todo-detail-pane__subtask-action{justify-self:stretch}.todo-detail-pane__subtask-action .btn{justify-content:center;width:100%}.keyboard-hints{display:none}.todo-item-actions{opacity:1}}@media (width<=400px){.todo-input-capture-grid,.todo-input-extras{grid-template-columns:1fr}}.todo-main{background:radial-gradient(circle at 10% -10%, #4f46e51f, transparent 30%), radial-gradient(circle at 90% 110%, #0284c714, transparent 34%), var(--color-bg);flex:1;padding:18px 16px 24px}.todo-shell{grid-template-columns:288px minmax(0,1fr);align-items:start;gap:18px;max-width:1380px;margin:0 auto;display:grid}.todo-shell--detail-open{grid-template-columns:288px minmax(0,1fr) minmax(340px,420px)}.todo-shell:not(.todo-shell--sidebar-open){grid-template-columns:minmax(0,1fr)}.todo-shell--detail-open:not(.todo-shell--sidebar-open){grid-template-columns:minmax(0,1fr) minmax(340px,420px)}.todo-shell:not(.todo-shell--sidebar-open) .todo-sidebar,.todo-sidebar-backdrop{display:none}.todo-sidebar{min-width:0;top:calc(var(--header-height) + 12px);max-height:calc(100dvh - var(--header-height) - 24px);border:1px solid var(--color-border);background:var(--color-bg-sidebar);box-shadow:var(--shadow-sm);border-radius:18px;padding:16px 14px 16px 20px;position:sticky;overflow:auto}.todo-sidebar__head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.todo-sidebar__title{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);margin:0;font-size:.875rem;font-weight:700;line-height:1}.todo-sidebar__collapse{width:28px;height:28px;color:var(--color-text-secondary);transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.todo-sidebar__collapse:hover{background:var(--color-surface-raised);color:var(--color-text)}.todo-sidebar__search{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.todo-sidebar__search-row{align-items:center;gap:6px;display:flex}.todo-sidebar__section:not(:last-child){margin-bottom:14px}.todo-sidebar__section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:6px;font-size:.75rem;font-weight:700}.todo-sidebar-nav{flex-direction:column;gap:2px;display:flex}.todo-sidebar-nav__item{width:100%;color:var(--color-text-secondary);text-align:left;transition:background-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.todo-sidebar-nav__item:hover{background:var(--color-surface-raised);color:var(--color-text);transform:translate(2px)}.todo-sidebar-nav__item--active{background:color-mix(in srgb, var(--color-accent) 12%, var(--color-surface));color:var(--color-accent);font-weight:600}.todo-sidebar-nav__label{font-size:.875rem}.todo-sidebar-nav__count{text-align:center;min-width:1.8rem;color:var(--color-text-muted);font-size:.75rem}.todo-sidebar-nav__item--active .todo-sidebar-nav__count{color:var(--color-accent)}.todo-list-pane{border:1px solid var(--color-border);background:var(--color-surface);min-width:0;box-shadow:var(--shadow-sm);border-radius:20px;padding:16px}.todo-list-pane__header{justify-content:space-between;gap:14px;margin-bottom:14px;display:flex}.todo-list-pane__heading{min-width:0}.todo-list-pane__eyebrow-row{align-items:center;gap:8px;min-height:34px;margin-bottom:8px;display:inline-flex}.todo-list-pane__eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:0;font-size:.78rem;line-height:1}.todo-list-pane__title{letter-spacing:-.03em;color:var(--color-text);font-size:clamp(1.65rem,2.3vw,2.1rem);line-height:1.1}.todo-list-pane__summary{color:var(--color-text-secondary);margin-top:6px;font-size:.82rem}.todo-list-pane__header-actions{align-items:flex-start;gap:8px;display:flex}.todo-list-pane__sidebar-inline-toggle{width:34px;height:34px;color:var(--color-text-secondary);border:1px solid var(--color-border);background:var(--color-surface);transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.todo-list-pane__sidebar-inline-toggle:hover{color:var(--color-text);background:var(--color-surface-raised);border-color:color-mix(in srgb, var(--color-accent) 26%, var(--color-border))}.todo-list-pane__surface{border-top:1px solid var(--color-border);margin-top:14px;padding-top:12px;animation:.18s pane-fade-in}@keyframes pane-fade-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.todo-input-form{border:1px solid var(--color-border);border-left:3px solid var(--color-accent);background:color-mix(in srgb, var(--color-surface) 94%, var(--color-bg-sidebar));border-radius:14px}.todo-input-form:focus-within{border-color:color-mix(in srgb, var(--color-accent) 35%, var(--color-border));box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 16%, transparent)}.todo-input-submit{border-radius:10px}.todo-list{gap:0}.todo-item{border:0;border-bottom:1px solid var(--color-border);transition:background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), opacity var(--transition-base), transform var(--transition-fast);background:0 0;border-radius:0;padding:12px 8px;position:relative}.todo-item:last-child{border-bottom:0}.todo-item:hover:not(.todo-item--selected){border-color:var(--color-border);box-shadow:none;background:color-mix(in srgb, var(--color-accent) 6%, transparent)}.todo-item:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--color-accent) 36%, transparent);border-color:var(--color-border)}.todo-item--selected{background-color:color-mix(in srgb, var(--color-accent) 5%, transparent);box-shadow:inset 3px 0 0 var(--color-accent), inset 0 0 0 1px color-mix(in srgb, var(--color-accent) 24%, transparent);z-index:1;border-bottom-color:#0000;border-radius:10px;transform:translate(2px)}.todo-item--completed{opacity:.68}.todo-item-content{gap:3px}.todo-item-title{color:var(--color-text);font-size:.95rem;font-weight:600}.todo-item-description{color:var(--color-text-secondary)}.todo-item-meta{gap:8px}.todo-priority-badge{border-radius:var(--radius-full);border:1px solid var(--color-border);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:6px;padding:2px 8px;font-size:.6875rem;font-weight:700;line-height:1.2;display:inline-flex}.todo-priority-badge__dot{background:currentColor;border-radius:50%;flex:0 0 7px;width:7px;height:7px}.todo-priority-badge--low{color:#0c6cb5;border-color:color-mix(in srgb, #0c6cb5 34%, var(--color-border));background:color-mix(in srgb, #0c6cb5 13%, var(--color-surface))}.todo-priority-badge--medium{color:#8a5a00;border-color:color-mix(in srgb, #8a5a00 36%, var(--color-border));background:color-mix(in srgb, #8a5a00 14%, var(--color-surface))}.todo-priority-badge--high{color:var(--priority-high);border-color:color-mix(in srgb, var(--priority-high) 36%, var(--color-border));background:color-mix(in srgb, var(--priority-high) 13%, var(--color-surface))}.todo-priority-badge--overdue{color:#c1121f;border-color:color-mix(in srgb, #c1121f 40%, var(--color-border));background:color-mix(in srgb, #c1121f 15%, var(--color-surface))}.todo-checkbox{width:44px;height:44px;margin:-10px}.todo-checkbox--low{color:var(--priority-low)}.todo-checkbox--medium{color:var(--priority-medium)}.todo-checkbox--high,.todo-checkbox--overdue{color:var(--priority-high)}.todo-checkbox:hover{transform:none}.todo-item--completed .todo-checkbox{color:var(--color-success)}.todo-item-actions{align-self:center}.todo-group-list{gap:16px}.todo-group__title{color:var(--color-text-secondary)}.todo-detail-pane{min-width:0;top:calc(var(--header-height) + 18px);height:calc(100dvh - var(--header-height) - var(--footer-height) - 42px);max-height:calc(100dvh - var(--header-height) - var(--footer-height) - 42px);align-self:start;position:sticky;overflow:hidden}.todo-detail-pane--open{z-index:2}.todo-detail-pane__backdrop{inset:var(--header-height) 0 0 0;opacity:0;pointer-events:none;transition:opacity var(--transition-slow);z-index:34;background:#11182766;position:fixed}.todo-detail-pane__backdrop--visible{opacity:1;pointer-events:auto}.todo-detail-pane__shell{border:1px solid color-mix(in srgb, var(--color-border) 90%, white);background:var(--color-surface);height:100%;max-height:100%;box-shadow:0 1px 0 #ffffffb8 inset, var(--shadow-lg);border-radius:24px;position:relative;top:auto;overflow:hidden}.todo-detail-pane__title{font-size:1.15rem}.todo-detail-pane__actions{background:var(--color-surface)}@media (width>=981px){.todo-detail-pane__backdrop{display:none}}@media (width<=980px){.todo-main{padding:14px 10px 18px}.todo-shell{display:block}.todo-sidebar{top:var(--header-height);width:min(88vw,320px);max-height:none;transition:transform var(--transition-slow);z-index:42;border-left:0;border-radius:0 16px 16px 0;position:fixed;bottom:0;left:0;transform:translate(-102%)}.todo-sidebar--open{display:block;transform:translate(0)}.todo-sidebar-backdrop{inset:var(--header-height) 0 0 0;opacity:0;pointer-events:none;transition:opacity var(--transition-slow);z-index:41;background:#11182759;border:0;display:block;position:fixed}.todo-sidebar-backdrop--visible{opacity:1;pointer-events:auto}.todo-sidebar__head{margin-top:12px}.todo-list-pane{border-radius:16px;padding:12px}.todo-list-pane__header{align-items:flex-start}.todo-list-pane__title{font-size:1.55rem}.todo-footer{display:none}.todo-input-capture-grid,.todo-input-extras{grid-template-columns:1fr}.todo-item{padding:11px 4px}.todo-detail-pane{top:var(--header-height);width:100%;transition:transform var(--transition-slow);z-index:35;pointer-events:none;height:calc(100dvh - var(--header-height));max-height:calc(100dvh - var(--header-height));position:fixed;bottom:0;right:0;overflow:hidden;transform:translate(102%)}.todo-detail-pane--open{pointer-events:auto;transform:translate(0)}.todo-detail-pane__shell{border:0;border-radius:0;height:100%;max-height:none;overflow:hidden;box-shadow:-16px 0 32px #0f172a2e}.todo-detail-pane__body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}}.editorial-refresh{text-rendering:geometricprecision}.editorial-refresh .form-input:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent) 20%, transparent)}.login-page.editorial-refresh{background:radial-gradient(circle at 15% 12%, #b7442d29, transparent 26%), radial-gradient(circle at 90% 86%, #9b5d0f24, transparent 34%), linear-gradient(140deg, var(--color-bg), color-mix(in srgb, var(--color-bg) 74%, #fff))}.editorial-refresh .login-card{background:linear-gradient(155deg, #fffaf1fa, #f8eddeeb), var(--color-surface);border:1px solid color-mix(in srgb, var(--color-border) 88%, white);max-width:440px;box-shadow:0 1px 0 #ffffffb3 inset, var(--shadow-xl);border-radius:26px;padding:36px 34px}html.dark .editorial-refresh .login-card{background:linear-gradient(155deg, #2b2119fa, #211912eb), var(--color-surface);border-color:color-mix(in srgb, var(--color-border) 86%, black)}.editorial-refresh .login-title{font-family:var(--font-display);letter-spacing:-.025em;font-size:clamp(2rem,5vw,2.35rem)}.editorial-refresh .login-tagline{text-align:center;margin-top:-4px;margin-bottom:12px}.editorial-refresh .todo-header{height:var(--header-height);background:linear-gradient(180deg, color-mix(in srgb, var(--color-surface) 94%, white), color-mix(in srgb, var(--color-surface) 92%, var(--color-bg)));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom-color:color-mix(in srgb, var(--color-border) 90%, var(--color-text-muted));padding:0 22px}.editorial-refresh .todo-header-brand{flex-direction:column;gap:1px;display:flex}.editorial-refresh .todo-header-title{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.38rem;line-height:1}.editorial-refresh .todo-header-subtitle{letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted);font-size:.64rem;line-height:1}.editorial-refresh .todo-header-date{border-radius:var(--radius-full);border:1px solid color-mix(in srgb, var(--color-border) 84%, white);background:color-mix(in srgb, var(--color-surface) 90%, white);color:var(--color-text-secondary);align-items:center;padding:5px 10px;font-size:.76rem;font-weight:600;display:inline-flex}.editorial-refresh .todo-anon-controls{gap:10px}.editorial-refresh .todo-anon-status{border-radius:var(--radius-full);border:1px solid color-mix(in srgb, var(--color-border) 78%, white);background:color-mix(in srgb, var(--color-surface-alt) 84%, white);text-transform:uppercase;letter-spacing:.08em;padding:3px 9px;font-size:.68rem}.editorial-refresh .todo-anon-sync-btn{padding-block:6px;animation:none}.editorial-refresh .todo-main{background:radial-gradient(circle at 8% -10%, #b7442d21, transparent 28%), radial-gradient(circle at 96% 110%, #9b5d0f26, transparent 35%), linear-gradient(180deg, #fffaf175, transparent 240px), var(--color-bg);padding:18px 16px 24px}.editorial-refresh .todo-shell{gap:20px}.editorial-refresh .todo-sidebar{border-color:color-mix(in srgb, var(--color-border) 90%, white);background:linear-gradient(180deg, #fffbf4fa, #f4eadbf0), var(--color-bg-sidebar);box-shadow:0 1px 0 #ffffffb3 inset, var(--shadow-md);border-radius:22px;padding:18px 14px 18px 18px}html.dark .editorial-refresh .todo-sidebar{background:linear-gradient(180deg, #281f17fa, #1f1812f2), var(--color-bg-sidebar);border-color:color-mix(in srgb, var(--color-border) 85%, black)}.editorial-refresh .todo-list-pane{border-color:color-mix(in srgb, var(--color-border) 90%, white);background:linear-gradient(180deg, #fffbf5fa, #fffaf1f0), var(--color-surface);box-shadow:0 1px 0 #ffffffb8 inset, var(--shadow-lg);border-radius:24px}html.dark .editorial-refresh .todo-list-pane,html.dark .editorial-refresh .todo-detail-pane__shell{background:linear-gradient(180deg, #2a2118fa, #221a13f0), var(--color-surface);border-color:color-mix(in srgb, var(--color-border) 84%, black)}.editorial-refresh .todo-list-pane__eyebrow-row{gap:10px}.editorial-refresh .todo-list-pane__title{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(2rem,3vw,2.5rem)}.editorial-refresh .todo-list-pane__summary{margin-top:4px;font-size:.84rem}.editorial-refresh .todo-list-pane__date-pill{border-radius:var(--radius-full);border:1px solid color-mix(in srgb, var(--color-border) 85%, white);background:color-mix(in srgb, var(--color-surface-alt) 85%, white);color:var(--color-text-secondary);align-items:center;padding:4px 10px;font-size:.73rem;line-height:1.2;display:inline-flex}.editorial-refresh .todo-list-pane__surface{border-top-style:dashed;border-top-width:1px;border-top-color:color-mix(in srgb, var(--color-border) 90%, white);padding-top:14px}.editorial-refresh .todo-input-form{border-color:color-mix(in srgb, var(--color-border) 90%, white);border-left-color:var(--color-accent);background:linear-gradient(180deg, #fffcf6e0, #fff7edd6), color-mix(in srgb, var(--color-surface) 96%, var(--color-bg-sidebar));border-left-width:3px;border-radius:16px}html.dark .editorial-refresh .todo-input-form{background:linear-gradient(180deg, #291f16e0, #201812d6), color-mix(in srgb, var(--color-surface) 96%, var(--color-bg-sidebar))}.editorial-refresh .todo-input-field::placeholder{font-style:italic}.editorial-refresh .empty-state{border:1px dashed color-mix(in srgb, var(--color-border) 90%, white);background:linear-gradient(180deg, #fffbf4d1, #fff7ebbd), var(--color-surface);border-radius:14px;justify-content:center;gap:10px;min-height:260px}html.dark .editorial-refresh .empty-state{background:linear-gradient(180deg, #2a2118d1, #231a13bd), var(--color-surface);border-color:color-mix(in srgb, var(--color-border) 82%, black)}.editorial-refresh .empty-state-note{border:1px solid color-mix(in srgb, var(--color-border) 85%, white);background:color-mix(in srgb, var(--color-surface) 84%, white);border-radius:14px;flex-direction:column;gap:8px;width:132px;min-height:96px;padding:18px 16px 14px;display:flex;position:relative}.editorial-refresh .empty-state-note__line{background:color-mix(in srgb, var(--color-border) 82%, white);width:100%;height:1px}.editorial-refresh .empty-state-note__line:last-of-type{width:72%}.editorial-refresh .empty-state-icon{color:var(--color-accent);filter:drop-shadow(0 6px 10px #b7442d3d);position:absolute;bottom:-12px;right:-10px}.editorial-refresh .empty-state-kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted);font-size:.7rem}.editorial-refresh .empty-state-title{font-family:var(--font-display);color:var(--color-text);font-size:1.3rem;line-height:1.2}.editorial-refresh .empty-state-hint{max-width:46ch}.editorial-refresh .todo-item--selected,.editorial-refresh .todo-item--selected:hover{box-shadow:inset 4px 0 0 color-mix(in srgb, var(--color-accent) 92%, white), inset 0 0 0 1px color-mix(in srgb, var(--color-accent) 28%, transparent), 0 10px 20px -18px color-mix(in srgb, var(--color-accent) 70%, transparent)}.editorial-refresh .todo-item--selected .todo-item-title{color:color-mix(in srgb, var(--color-accent-dark) 56%, var(--color-text))}.editorial-refresh .todo-item--selected .todo-item-description{color:color-mix(in srgb, var(--color-accent-dark) 40%, var(--color-text-secondary))}@media (width<=980px){.editorial-refresh .todo-header{padding:0 12px}.editorial-refresh .todo-header-subtitle,.editorial-refresh .todo-header-date,.editorial-refresh .todo-anon-status{display:none}.editorial-refresh .todo-anon-sync-btn{padding-inline:10px}.editorial-refresh .todo-shell{display:block}.editorial-refresh .todo-sidebar{border-top:0;border-bottom:0;border-left:0;border-radius:0 20px 20px 0;width:min(84vw,334px);padding:20px 14px 16px;box-shadow:10px 0 32px -20px #00000073}.editorial-refresh .todo-list-pane{border-radius:18px}.editorial-refresh .todo-detail-pane__reminder-row{grid-template-columns:1fr}.editorial-refresh .todo-detail-pane__reminder-action{width:100%}.editorial-refresh .todo-detail-pane__reminder-action .btn{justify-content:center;width:100%}.editorial-refresh .empty-state{min-height:220px}.editorial-refresh .todo-sidebar-nav__item{min-height:44px;padding:12px 10px}}@media (width<=600px){.editorial-refresh .todo-header-title{font-size:1.26rem}.editorial-refresh .todo-list-pane{padding:12px}.editorial-refresh .todo-list-pane__title{font-size:1.85rem}}.todo-fab{display:none}@media (width<=980px){.todo-fab{bottom:calc(72px + env(safe-area-inset-bottom,0px));border-radius:var(--radius-full);background:var(--color-accent);width:56px;height:56px;color:var(--color-text-inverse);box-shadow:var(--shadow-lg);z-index:60;transition:background-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);justify-content:center;align-items:center;display:flex;position:fixed;right:20px}.todo-fab:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-xl);transform:scale(1.08)}.todo-fab:active{transform:scale(.96)}}.todo-skeleton{flex-direction:column;gap:10px;padding:8px 0;display:flex}.todo-skeleton__item{border-radius:var(--radius-md);background:linear-gradient(90deg, var(--color-surface-raised) 25%, color-mix(in srgb, var(--color-surface-raised) 60%, var(--color-surface)) 50%, var(--color-surface-raised) 75%);background-size:200% 100%;height:56px;animation:1.4s ease-in-out infinite skeleton-shimmer}.todo-skeleton__item--short{width:65%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.todo-fetch-error{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;display:flex}.todo-fetch-error__message{color:var(--color-error);font-size:.9375rem}.recurrence-interval-row{align-items:center;gap:8px;display:flex}.recurrence-interval-input{flex-shrink:0;width:80px}.recurrence-unit{color:var(--color-text-secondary);white-space:nowrap;font-size:.875rem}.todo-detail-pane__dirty-dot{border-radius:var(--radius-full);opacity:.75;vertical-align:middle;background:currentColor;width:6px;height:6px;margin-left:5px;animation:2s ease-in-out infinite dirty-pulse;display:inline-block}@keyframes dirty-pulse{0%,to{opacity:.75}50%{opacity:.4}}