*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--bg: #0f0f0f;--surface: #1a1a1a;--panel: #212121;--border: #2e2e2e;--text: #d4d4d4;--text-dim: #6b6b6b;--primary: #4a9eff;--primary-hover: #6ab3ff;--success: #2a8a4a;--success-hover: #33a85a;--accent: #4a9eff;--danger: #c0392b;--danger-hover: #e74c3c;--priority-high: #e74c3c;--priority-med: #e6a817;--priority-low: #2ecc71;--selected-bg: rgba(74, 158, 255, .15);--selected-border: rgba(74, 158, 255, .4)}[data-theme=light]{--bg: #f5f5f5;--surface: #ffffff;--panel: #eaeaea;--border: #d0d0d0;--text: #1a1a1a;--text-dim: #777777;--primary: #0066cc;--primary-hover: #0052a3;--success: #1a7a3a;--success-hover: #22964a;--accent: #0066cc;--danger: #c0392b;--danger-hover: #e74c3c;--priority-high: #d32f2f;--priority-med: #c48800;--priority-low: #1b8a3e;--selected-bg: rgba(0, 102, 204, .12);--selected-border: rgba(0, 102, 204, .4)}[data-theme=solarized]{--bg: #002b36;--surface: #073642;--panel: #073642;--border: #586e75;--text: #93a1a1;--text-dim: #657b83;--primary: #268bd2;--primary-hover: #4aa3e0;--success: #859900;--success-hover: #a0b500;--accent: #2aa198;--danger: #dc322f;--danger-hover: #cb4b16;--priority-high: #dc322f;--priority-med: #b58900;--priority-low: #859900;--selected-bg: rgba(38, 139, 210, .15);--selected-border: rgba(38, 139, 210, .4)}[data-theme=nord]{--bg: #2e3440;--surface: #3b4252;--panel: #434c5e;--border: #4c566a;--text: #d8dee9;--text-dim: #7b88a1;--primary: #88c0d0;--primary-hover: #8fbcbb;--success: #a3be8c;--success-hover: #b5d19c;--accent: #81a1c1;--danger: #bf616a;--danger-hover: #d08770;--priority-high: #bf616a;--priority-med: #ebcb8b;--priority-low: #a3be8c;--selected-bg: rgba(136, 192, 208, .15);--selected-border: rgba(136, 192, 208, .4)}[data-theme=monokai]{--bg: #1e1f1c;--surface: #272822;--panel: #2d2e27;--border: #49483e;--text: #f8f8f2;--text-dim: #75715e;--primary: #66d9ef;--primary-hover: #89e3f5;--success: #a6e22e;--success-hover: #b8f040;--accent: #e6db74;--danger: #f92672;--danger-hover: #fd5b96;--priority-high: #f92672;--priority-med: #e6db74;--priority-low: #a6e22e;--selected-bg: rgba(102, 217, 239, .15);--selected-border: rgba(102, 217, 239, .4)}[data-theme=amethyst]{--bg: #1a1026;--surface: #231533;--panel: #2a1b3d;--border: #3d2a56;--text: #e0d6eb;--text-dim: #8a7a9e;--primary: #b48eed;--primary-hover: #c9a8f7;--success: #7ec8a0;--success-hover: #96dbb5;--accent: #c792ea;--danger: #e06c8e;--danger-hover: #f08aa8;--priority-high: #e06c8e;--priority-med: #e6c47d;--priority-low: #7ec8a0;--selected-bg: rgba(180, 142, 237, .15);--selected-border: rgba(180, 142, 237, .4)}html,body,#root{height:100%;font-family:Cascadia Code,Fira Code,JetBrains Mono,Consolas,monospace;font-size:14px;background:var(--bg);color:var(--text);line-height:1.5}.description-editor{border:1px solid var(--border);border-radius:3px;overflow:hidden}.description-toolbar{display:flex;gap:2px;padding:4px 6px;background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap}.toolbar-btn{background:none;border:1px solid transparent;border-radius:2px;color:var(--text-dim);font-family:inherit;font-size:12px;padding:2px 6px;cursor:pointer;min-width:28px;text-align:center}.toolbar-btn:hover{background:var(--surface);color:var(--text)}.toolbar-btn--active{background:var(--selected-bg);color:var(--primary);border-color:var(--selected-border)}.toolbar-divider{width:1px;background:var(--border);margin:0 4px;align-self:stretch}.description-editor .ProseMirror{background:var(--bg);color:var(--text);padding:8px 10px;min-height:60px;max-height:200px;overflow-y:auto;font-family:inherit;font-size:13px;line-height:1.4;outline:none}.description-editor .ProseMirror:focus{outline:none}.description-editor ul[data-type=taskList]{list-style:none;padding-left:0}.description-editor ul[data-type=taskList] li{display:flex;align-items:flex-start;gap:6px}.description-editor ul[data-type=taskList] li label{flex-shrink:0;margin-top:2px}.description-editor ul,.description-editor ol{padding-left:20px}.description-editor a{color:var(--primary);text-decoration:underline}.description-editor code{background:var(--panel);border-radius:2px;padding:1px 4px;font-size:12px}.description-editor p.is-editor-empty:first-child:before{content:"Add notes, details, or context...";color:var(--text-dim);float:left;pointer-events:none;height:0}.app{display:flex;flex-direction:column;height:100vh;max-width:900px;margin:0 auto}.app-header{display:flex;align-items:center;padding:6px 12px;background:var(--panel);border-bottom:1px solid var(--border)}.app-title{font-size:16px;font-weight:700;color:var(--primary);letter-spacing:.05em}.top-bar{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap}.top-bar-label{color:var(--text-dim);font-size:13px;white-space:nowrap}.tag-select,.search-input{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:3px;padding:3px 8px;font-family:inherit;font-size:13px;outline:none}.tag-select{min-width:120px}.search-input{width:200px}.tag-select:focus,.search-input:focus{border-color:var(--primary)}.top-bar-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.add-btn{padding:4px 14px;background:var(--success);color:#fff;border:none;border-radius:3px;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer}.add-btn:hover{background:var(--success-hover)}.todo-list{flex:1;overflow-y:auto;background:var(--bg)}.empty-state{display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:13px}.done-divider{display:flex;align-items:center;gap:6px;padding:4px 12px;color:var(--text-dim);font-size:12px;cursor:pointer;border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none}.done-divider:hover{background:var(--surface)}.done-divider-chevron{display:inline-block;font-size:10px;transition:transform .15s}.done-divider-chevron--open{transform:rotate(90deg)}.today-badge{font-size:12px;color:var(--success);background:#50c8781a;border-radius:3px;padding:2px 8px;white-space:nowrap}.streak-badge{font-size:12px;color:var(--warning);background:#ffa5001a;border-radius:3px;padding:2px 8px;white-space:nowrap}.stats-panel{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--panel);border-bottom:1px solid var(--border);font-size:12px;color:var(--text-dim);flex-wrap:wrap}.stats-panel strong{color:var(--text)}.stat-sep{color:var(--border)}.stat-item--overdue strong{color:var(--danger-hover)}.todo-item{display:flex;align-items:center;gap:8px;padding:5px 12px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s}.todo-item:hover{background:var(--surface)}.todo-item--selected{background:var(--selected-bg);border-left:3px solid var(--selected-border);padding-left:9px}.todo-item--done .todo-title{color:var(--text-dim)}.todo-item--done .todo-tags{opacity:.4}.checkbox-wrap{position:relative;flex-shrink:0}.star-fountain{position:absolute;top:50%;left:50%;pointer-events:none;z-index:10}.star-particle{position:absolute;width:12px;height:12px;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);animation:star-fly .6s ease-out forwards;animation-delay:calc(var(--i) * .03s);opacity:0}.star-particle:nth-child(1){background:gold;--tx: -12px;--ty: -44px}.star-particle:nth-child(2){background:gold;--tx: 10px;--ty: -50px}.star-particle:nth-child(3){background:var(--primary);--tx: -22px;--ty: -34px}.star-particle:nth-child(4){background:gold;--tx: 18px;--ty: -40px}.star-particle:nth-child(5){background:var(--primary);--tx: -6px;--ty: -52px}.star-particle:nth-child(6){background:gold;--tx: 16px;--ty: -32px}.star-particle:nth-child(7){background:var(--primary);--tx: -24px;--ty: -46px}.star-particle:nth-child(8){background:var(--primary);--tx: 22px;--ty: -28px}.star-particle:nth-child(9){background:gold;--tx: -3px;--ty: -56px}.star-particle:nth-child(10){background:var(--primary);--tx: 14px;--ty: -38px}@keyframes star-fly{0%{opacity:1;transform:translate(0) scale(1)}70%{opacity:1}to{opacity:0;transform:translate(var(--tx),var(--ty)) scale(.3)}}.todo-checkbox{background:none;border:none;color:var(--text-dim);font-family:inherit;font-size:13px;cursor:pointer;padding:0;white-space:nowrap;flex-shrink:0}.todo-checkbox:hover{color:var(--accent)}.priority-badge{width:14px;font-size:12px;font-weight:700;flex-shrink:0;text-align:center}.priority-high{color:var(--priority-high)}.priority-med{color:var(--priority-med)}.priority-low{color:var(--priority-low)}.todo-title-group{flex:1;overflow:hidden;display:flex;align-items:center;gap:5px;min-width:0}.todo-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}.todo-title:after{content:"";position:absolute;left:0;top:50%;height:2px;background:var(--text-dim);width:0%;pointer-events:none}.todo-item--celebrate .todo-title:after{animation:strikethrough-sweep .6s ease-out forwards}.todo-item--done:not(.todo-item--celebrate) .todo-title:after{width:100%}@keyframes strikethrough-sweep{0%{width:0%}to{width:100%}}.description-icon{flex-shrink:0;stroke:var(--text-dim);opacity:.5}.todo-item--done .description-icon{opacity:.25}.todo-tags{display:flex;gap:6px;flex-shrink:0}.todo-tag{color:var(--accent);font-size:12px}.todo-tag--clickable{cursor:pointer}.todo-tag--clickable:hover{text-decoration:underline}.todo-item--done .todo-tag{color:var(--text-dim)}.todo-actions{display:flex;gap:4px;opacity:0;transition:opacity .1s}.todo-item:hover .todo-actions,.todo-item--selected .todo-actions{opacity:1}.action-btn--delete:hover{color:var(--danger-hover)}.app-footer{display:flex;gap:16px;align-items:center;padding:4px 12px;background:var(--panel);border-top:1px solid var(--border);color:var(--text-dim);font-size:12px;flex-wrap:wrap}kbd{background:var(--surface);border:1px solid var(--border);border-radius:2px;padding:0 4px;font-family:inherit;font-size:11px;color:var(--text)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.modal-dialog{background:var(--surface);border:1px solid var(--primary);border-radius:4px;padding:20px 24px;width:440px;max-width:95vw;display:flex;flex-direction:column;gap:6px}.modal-title{font-size:15px;font-weight:700;color:var(--text);margin-bottom:8px}.modal-label{font-size:12px;color:var(--text-dim);margin-top:6px}.modal-input,.modal-select{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:3px;padding:6px 10px;font-family:inherit;font-size:13px;outline:none;width:100%}.modal-input:focus,.modal-select:focus{border-color:var(--primary)}.modal-select{width:160px}.modal-buttons{display:flex;gap:8px;justify-content:flex-end;margin-top:14px}.btn{padding:6px 18px;border:none;border-radius:3px;font-family:inherit;font-size:13px;cursor:pointer}.btn-default{background:var(--panel);color:var(--text);border:1px solid var(--border)}.btn-default:hover{background:var(--border)}.btn-primary{background:var(--primary);color:#fff;font-weight:700}.btn-primary:hover{background:var(--primary-hover)}.todo-list::-webkit-scrollbar{width:6px}.todo-list::-webkit-scrollbar-track{background:var(--bg)}.todo-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.auth-page{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg)}.auth-card{background:var(--surface);border:1px solid var(--primary);border-radius:6px;padding:32px 36px;width:360px;max-width:95vw;display:flex;flex-direction:column;gap:4px}.auth-brand{font-size:22px;font-weight:700;color:var(--primary);letter-spacing:.05em;margin-bottom:4px}.auth-title{font-size:16px;font-weight:700;color:var(--text);margin:0 0 12px}.auth-error{background:#dc323226;border:1px solid var(--danger-hover);color:var(--danger-hover);border-radius:3px;padding:6px 10px;font-size:13px;margin-bottom:4px}.auth-switch{font-size:13px;color:var(--text-dim);text-align:center;margin-top:12px;margin-bottom:0}.auth-link{background:none;border:none;color:var(--primary);cursor:pointer;font-size:13px;font-family:inherit;padding:0;text-decoration:underline}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th{text-align:left;color:var(--text-dim);font-weight:400;padding:6px 10px;border-bottom:1px solid var(--border)}.admin-table td{padding:6px 10px;border-bottom:1px solid var(--border);vertical-align:middle}.admin-table tr:hover td{background:var(--surface)}.user-chip{font-size:13px;color:var(--text-dim);background:var(--surface);border:1px solid var(--border);border-radius:3px;padding:2px 8px}.tag-suggestions{position:absolute;top:100%;left:0;right:0;background:var(--surface);border:1px solid var(--border);border-top:none;border-radius:0 0 3px 3px;max-height:120px;overflow-y:auto;z-index:110}.tag-suggestion-item{padding:4px 10px;font-size:13px;color:var(--accent);cursor:pointer}.tag-suggestion-item:hover,.tag-suggestion-item--active{background:var(--selected-bg);color:var(--text)}.todo-due-date{font-size:12px;color:var(--text-dim);flex-shrink:0;white-space:nowrap}.todo-due-date--today{color:var(--priority-med)}.todo-due-date--overdue{color:var(--danger-hover);font-weight:700}.todo-item--overdue{border-left:3px solid var(--danger-hover);padding-left:9px}.modal-date{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:3px;padding:6px 10px;font-family:inherit;font-size:13px;outline:none;width:180px;color-scheme:dark}.modal-date:focus{border-color:var(--primary)}.modal-description-toggle{background:none;border:none;color:var(--primary);font-family:inherit;font-size:13px;cursor:pointer;padding:4px 0;margin-top:6px;text-align:left}.modal-description-toggle:hover{text-decoration:underline}.modal-textarea{resize:vertical;min-height:60px;max-height:200px;line-height:1.4}.bulk-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border:1px solid var(--border);border-radius:2px;background:var(--surface);cursor:pointer;flex-shrink:0}.bulk-checkbox:checked{background:var(--primary);border-color:var(--primary)}.bulk-bar{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--panel);border-bottom:1px solid var(--border)}.bulk-bar-count{color:var(--primary);font-weight:700;font-size:13px}.bulk-tag-input-wrap{display:flex;align-items:center;gap:4px}.bulk-tag-input{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:3px;padding:2px 8px;font-family:inherit;font-size:13px;outline:none;width:120px}.bulk-tag-input:focus{border-color:var(--primary)}.btn-sm{padding:3px 10px;font-size:12px}.btn-danger{background:var(--danger-hover);color:#fff;font-weight:700}.btn-danger:hover{opacity:.85}.btn-active{background:var(--primary);color:#fff;border-color:var(--primary)}.undo-toast{position:fixed;bottom:16px;left:50%;transform:translate(-50%);background:var(--panel);border:1px solid var(--border);border-radius:4px;padding:8px 16px;display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text);z-index:200;box-shadow:0 4px 12px #0006;animation:toast-in .2s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.undo-btn{background:none;border:1px solid var(--primary);color:var(--primary);border-radius:3px;padding:2px 10px;font-family:inherit;font-size:13px;cursor:pointer}.undo-btn:hover{background:var(--primary);color:#fff}.undo-dismiss{background:none;border:none;color:var(--text-dim);font-size:16px;cursor:pointer;padding:0 2px}.undo-dismiss:hover{color:var(--text)}