:root{--ink:#252525;--muted:#68717d;--line:#d9dee5;--paper:#fcfcfa;--surface:#ffffff;--accent:#dbeafe;--blue:#2563eb;--blue-dark:#1d4ed8;--link:#4a21bb}*{box-sizing:border-box}html{min-height:100%}body{margin:0;padding:0 24px 64px;color:var(--ink);background:var(--paper);font-family:"Segoe UI",Helvetica,sans-serif;font-size:16px;line-height:1.45}body::before{content:"";display:block;height:3px;margin:0 -24px;background:var(--blue)}.site-header{max-width:760px;margin:0 auto;padding:27px 0 19px;display:flex;align-items:center;justify-content:space-between}.brand{color:var(--ink);font-size:1.15rem;font-weight:700;text-decoration:none}nav{display:flex;align-items:center;gap:18px}nav form{margin:0}.nav-link{padding:3px 0;color:var(--muted);background:none;border:0;font:inherit;font-size:.85rem;text-decoration:none;cursor:pointer}.nav-link:hover,.nav-link.active{color:var(--blue)}.nav-link.active{border-bottom:1px solid var(--blue)}main{max-width:920px;margin:0 auto}.dashboard{max-width:1200px;margin:0 auto}.page-heading{display:flex;align-items:baseline;justify-content:space-between;margin:52px 0 24px}h1,h2{margin:0;font-weight:600;letter-spacing:0}.page-heading h1{font-size:2.15rem}.page-heading span,.list-heading span{color:var(--muted);font-size:.85rem}.new-task-panel{padding:0 0 28px;border-bottom:1px solid var(--line)}.new-task-panel h2{margin-bottom:15px;font-size:1.1rem}.new-task-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px}.new-task-form .form-field-wide{flex:1;margin-top:0;margin-bottom:0}.new-task-form .button{flex-shrink:0}.new-task-form .form-field{margin-top:0}.task-views{display:grid;gap:10px;padding:16px 0 4px;border-bottom:1px solid var(--line)}.view-heading,.view-group{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.view-heading>span,.view-label{margin-right:4px;color:var(--muted);font-size:.78rem;font-weight:600}.view-heading a,.view-group a{display:inline-flex;align-items:center;gap:7px;padding:3px 8px;color:var(--muted);border:1px solid transparent;border-radius:12px;font-size:.82rem;text-decoration:none}.view-heading a small,.view-group a small{min-width:1.2em;color:var(--muted);font-size:.72rem;text-align:center}.view-manage{margin-left:auto;color:var(--link)!important}.view-empty{margin:0;color:var(--muted);font-size:.82rem}.view-empty a{color:var(--link)}.view-heading a:hover,.view-group a:hover,.view-active{color:var(--blue-dark)!important;background:var(--accent);border-color:#bfdbfe!important}.view-heading a.project-drop-target-active,.view-group a.project-drop-target-active{color:var(--ink);background:#dbeafe;outline:2px solid var(--blue);outline-offset:-2px}.form-row{display:grid;grid-template-columns:1.3fr 1fr auto;gap:12px;align-items:end}.form-field{min-width:0}.form-field-wide{margin-bottom:14px}.form-field label{display:block;margin-bottom:5px;color:var(--muted);font-size:.78rem}input,textarea,select{width:100%;padding:9px 10px;color:var(--ink);background:var(--surface);border:1px solid #b7b7b2;border-radius:3px;font:inherit;font-size:.92rem}textarea{min-height:64px;resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--blue)}.errorlist{margin:4px 0;padding:0;color:#a32718;list-style:none;font-size:.78rem}.button,.action-button{border:1px solid var(--ink);border-radius:3px;font:inherit;font-size:.85rem;cursor:pointer}.button{min-height:42px;padding:9px 16px;color:white;background:var(--blue);border-color:var(--blue);font-weight:600}.button:hover{background:var(--blue-dark);border-color:var(--blue-dark)}.list-heading{margin:28px 0 0;padding-bottom:7px}.list-heading h2{font-size:1.1rem}.task-ul{display:grid;gap:0;padding:0;margin:0;list-style:none}.reorder-form{display:none}.task-li{display:flex;align-items:center;gap:12px;min-height:50px;padding:8px 0;border-bottom:1px solid var(--line);cursor:grab}.task-li:active{cursor:grabbing}.task-dragging{opacity:.45}.drag-handle{font-size:1.3rem;opacity:.7;color:var(--muted);cursor:grab}.task-li:hover .drag-handle{opacity:1}.task-content{min-width:0;flex:1}.task-title-form{margin:0}.task-title-editor{display:block;width:100%;padding:0;border:0;background:transparent;font:inherit;font-size:.95rem;font-weight:600;overflow-wrap:anywhere}.task-title-editor:focus{outline:2px solid var(--accent);outline-offset:2px}.task-complete .task-title-editor{color:var(--muted);text-decoration:line-through}.task-content p{margin:2px 0 4px;color:var(--muted);font-size:.85rem}.task-li small{color:var(--muted);font-size:.78rem}.task-groups{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}.project-tag{padding:1px 6px;border-radius:10px;margin-top:4px}.project-tag{color:#1e40af;background:#dbeafe}.task-organize{margin-top:5px;color:var(--muted);font-size:.78rem}.task-organize summary{display:inline-flex;align-items:center;gap:5px;width:fit-content;color:var(--link);cursor:pointer;list-style:none}.task-organize summary::-webkit-details-marker{display:none}.task-organize form{display:grid;grid-template-columns:minmax(180px,280px) auto;gap:8px;align-items:end;max-width:560px;margin-top:7px;padding:8px 10px;background:#f6f8fb;border-left:2px solid #bfdbfe}.organize-fields{display:contents}.task-organize label{color:var(--muted);font-size:.75rem}.organize-field-label{display:block;margin-bottom:3px}.task-organize select{display:block;padding:6px 7px;font-size:.82rem}.organize-save{min-height:32px;padding:5px 10px;color:white;background:var(--blue);border-color:var(--blue)}.organize-save:hover{background:var(--blue-dark);border-color:var(--blue-dark)}.task-actions{display:flex;gap:6px;align-items:center}.task-actions form{margin:0}.action-button{padding:5px 8px}.complete-form{display:flex;align-items:center}.checkbox-label{display:flex;gap:5px;align-items:center;color:var(--muted);font-size:.78rem;cursor:pointer}.checkbox-label input{width:25px;height:25px;margin:0;accent-color:var(--blue);cursor:pointer}.checkbox-label input:focus{outline:2px solid var(--accent);outline-offset:2px}.checkbox-label input:checked + span{color:var(--blue)}.delete-button{color:var(--muted);background:var(--surface);border-color:var(--line)}.delete-button:hover{color:var(--ink);border-color:var(--ink)}.task-complete{color:var(--muted)}.task-complete .task-content small{color:#9a9a95}.task-complete .task-content strong{text-decoration:line-through}.empty-state{padding:18px 0;color:var(--muted);border-bottom:1px solid var(--line)}.group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.group-panel{padding-bottom:20px}.group-panel h2{margin-bottom:14px;font-size:1.1rem}.group-panel form{margin:0}.group-panel>form>.button{margin-top:12px}.group-list{margin:22px 0 0;padding:0;list-style:none}.group-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}.group-list li:last-child{border-bottom:0}.group-list li>a{display:flex;min-width:0;flex:1;align-items:baseline;justify-content:space-between;gap:12px;color:var(--ink);text-decoration:none}.group-list li>a:hover span{color:var(--blue)}.group-list li small{flex-shrink:0;color:var(--muted);font-size:.78rem}.nav-toggle{display:none}.nav-toggle-label{display:none;width:26px;height:20px;position:relative;cursor:pointer}.nav-toggle-label span,.nav-toggle-label span::before,.nav-toggle-label span::after{position:absolute;left:0;width:100%;height:2px;background:var(--ink);content:""}.nav-toggle-label span{top:9px}.nav-toggle-label span::before{top:-8px}.nav-toggle-label span::after{top:8px}@media (max-width:650px){.site-header{position:relative;flex-wrap:wrap}.nav-toggle-label{display:block}nav{display:none;position:absolute;top:100%;right:0;flex-direction:column;align-items:flex-start;gap:0;background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:8px 0;min-width:160px;z-index:10}.nav-toggle:checked ~ nav{display:flex}nav .nav-link{width:100%;padding:10px 16px}nav form{width:100%}nav .nav-button{width:100%;text-align:left;padding:10px 16px}}@media (max-width:420px){.form-row,.new-task-form,.group-grid{grid-template-columns:1fr}.task-organize form{grid-template-columns:1fr}.button{grid-column:auto}.task-li{gap:8px;padding:7px 0}.task-actions{gap:4px}.action-button{padding:6px 7px;font-size:.75rem}}[class^="form-field"]{margin-top:20px}form small{margin-bottom:10px;display:block}.form-field label:empty{display:none}a{color:var(--link)}.link-btn{border:none;background:inherit;font:inherit;text-decoration:underline;cursor:pointer;color:var(--link)}.inline-form{display:inline-block;margin:0}code{padding:1px 4px;background-color:var(--accent);color:var(--ink);border-radius:2px;font-size:.9em}pre{margin:12px 0}pre code{display:block;padding:10px 12px;background-color:var(--ink);color:var(--paper);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:0}th,td{padding:10px;text-align:left}.task-content strong{overflow-wrap:anywhere;display:block}.auth-form{max-width:450px;margin:0 auto;padding:15px}