:root{--accent:#dc4c3e;--priority-1:#d1453b;--priority-2:#eb8909;--priority-3:#246fe0;--priority-4:#999;--due-overdue:#d1453b;--due-today:#058527;--due-tomorrow:#ad6200;--text:#202020;--text-muted:#666;--sidebar-bg:#fcfaf8;--border:#eee;--bg:#fff;--tap:44px;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px}*{box-sizing:border-box}html,body{overscroll-behavior-y:none}body{margin:0}input,textarea,select{font-size:16px}.layout{min-height:100dvh;display:flex}.sidebar{background:var(--sidebar-bg);width:280px;padding:calc(12px + env(safe-area-inset-top)) 12px calc(12px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left));flex-direction:column;flex-shrink:0;display:flex}.nav-item{min-height:var(--tap);color:var(--text);border-radius:5px;align-items:center;padding:0 8px;text-decoration:none;display:flex}.nav-count{color:var(--text-muted);margin-left:auto;font-size:12px}.nav-item.router-link-active{color:var(--accent);background:#ffefe5}.nav-logout{width:100%;font:inherit;color:var(--text-muted);cursor:pointer;background:0 0;border:0;margin-top:auto}.nav-heading{justify-content:space-between;align-items:center;margin:16px 0 0 8px;display:flex}.nav-heading h2{color:var(--text-muted);margin:0;font-size:13px}.nav-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-toggle{width:100%;font:inherit;color:var(--text-muted);cursor:pointer;background:0 0;border:0;margin-top:8px}.color-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-right:10px;display:inline-block}.main{max-width:800px;padding:calc(24px + env(safe-area-inset-top)) calc(24px + env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) 24px;flex:1;margin:0 auto}.view-header h1{margin:0;font-size:20px}.project-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.project-header h1{overflow-wrap:anywhere;align-items:center;min-width:0;display:flex}.dialog-title{margin:0;font-size:16px}.view-subtitle{color:var(--text-muted);margin:4px 0 0}.empty{color:var(--text-muted)}.offline{color:var(--accent);background:#fdecea;border-radius:5px;padding:12px}.button-primary{min-height:var(--tap);background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:5px;padding:0 16px;font-weight:600}.button-primary:disabled{opacity:.5;cursor:default}.login{min-height:100dvh;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom);place-items:center;display:grid}.login-form{flex-direction:column;gap:12px;width:100%;max-width:320px;display:flex}.login-form h1{margin:0 0 8px;font-size:20px}.login-form input{min-height:var(--tap);border:1px solid #ddd;border-radius:5px;padding:0 12px}.login-form input:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:#0000}.login-error{color:var(--accent);margin:0}.menu-button,.backdrop{display:none}@media (width<=750px){.sidebar{z-index:2;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.menu-open .sidebar{transform:none}.menu-open .backdrop{z-index:1;background:#0000004d;display:block;position:fixed;inset:0}.main{padding-left:calc(16px + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right))}.menu-button{width:var(--tap);height:var(--tap);background:0 0;border:0;margin:-8px 0 8px -12px;font-size:20px;display:block}}.task-section{margin-top:16px}.section-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;display:flex}.section-header h2{margin:8px 0 4px;font-size:14px}.link-button{min-height:var(--tap);color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0}.task-list{margin:0;padding:0;list-style:none}.section-row{margin-top:24px}.section-row .section-header{justify-content:flex-start;align-items:center;gap:4px}.section-row .section-name{flex:1;margin:0;font-size:15px}.section-toggle{color:var(--text-muted);margin-left:-12px}.section-count{color:var(--text-muted);font-size:12px}.section-name-input{min-height:36px;font:inherit;border:1px solid #ddd;border-radius:5px;flex:1;padding:0 8px;font-size:16px;font-weight:600}.add-section{flex-wrap:wrap;align-items:center;gap:8px;margin-top:24px;display:flex}.add-section-button{margin-top:16px}.task-row{cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--border);align-items:flex-start;gap:4px;padding:4px 0;display:flex;position:relative}.check{width:var(--tap);height:var(--tap);cursor:pointer;background:0 0;border:0;flex-shrink:0;place-items:center;margin:-6px 0 -6px -12px;display:grid}.check-circle{border:1px solid var(--prio,var(--priority-4));background:color-mix(in srgb, var(--prio,transparent) 10%, transparent);border-radius:50%;width:18px;height:18px}.check:active .check-circle{background:var(--prio,var(--priority-4))}.check:disabled{cursor:default}.check:disabled:active .check-circle{background:color-mix(in srgb, var(--prio,transparent) 10%, transparent)}.p1{--prio:var(--priority-1)}.p2{--prio:var(--priority-2)}.p3{--prio:var(--priority-3)}.p1 .check-circle,.p2 .check-circle,.p3 .check-circle{border-width:2px}.task-body{flex:1;min-width:0;padding-top:6px}.task-title{overflow-wrap:anywhere}.task-meta{color:var(--text-muted);gap:12px;margin-top:2px;font-size:12px;display:flex}.due-overdue{color:var(--due-overdue)}.due-today{color:var(--due-today)}.due-tomorrow{color:var(--due-tomorrow)}.task-project{margin-left:auto}.add-task{width:100%;min-height:var(--tap);color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;display:flex}.add-plus{color:var(--accent);font-size:18px}.fab{display:none}.overlay{z-index:10;background:#0000004d;place-items:start center;padding:15vh 16px 16px;display:grid;position:fixed;inset:0}.quick-add{background:var(--bg);border-radius:10px;flex-direction:column;gap:8px;width:100%;max-width:550px;padding:12px;display:flex;box-shadow:0 8px 30px #0003}.quick-title,.quick-description{resize:none;border:0;outline:none;width:100%;font-family:inherit}.quick-title{font-weight:600}.quick-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.priorities{gap:6px;display:flex}.chip,.chip-input{background:var(--bg);min-height:36px;font:inherit;color:var(--text);border:1px solid #ddd;border-radius:5px;padding:0 10px}.chip-input{font-size:16px}.chip{cursor:pointer}.chip[aria-pressed=true]{border-color:var(--accent);background:#ffefe5}.flag{color:var(--prio,var(--text-muted))}.form-error{color:var(--accent);margin:0}.quick-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding-top:8px;display:flex}.button-secondary{min-height:var(--tap);font:inherit;cursor:pointer;background:#f5f5f5;border:0;border-radius:5px;padding:0 16px}.toast{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:20;color:#fff;background:#282828;border-radius:8px;align-items:center;gap:16px;padding:4px 8px 4px 16px;display:flex;position:fixed;transform:translate(-50%)}.toast-action{min-height:var(--tap);color:#ff9a8f;font:inherit;cursor:pointer;background:0 0;border:0;font-weight:600}.task-done{cursor:default}.task-done .task-title{color:var(--text-muted);text-decoration:line-through}.task-done .check-circle{background:var(--prio,var(--priority-4));opacity:.6}.task-dragging{z-index:1;background:var(--bg);transform:scale(1.01);box-shadow:0 4px 16px #0000002e}.toggle-completed{margin-top:8px;padding:0}.task-detail{background:var(--bg);border-radius:10px;flex-direction:column;gap:8px;width:100%;max-width:650px;padding:12px 16px 16px;display:flex;box-shadow:0 8px 30px #0003}.detail-header{justify-content:space-between;align-items:center;display:flex}.detail-project{color:var(--text-muted);font-size:13px}.detail-tools{display:flex;position:relative}.icon-button{width:var(--tap);height:var(--tap);font:inherit;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:5px;font-size:18px}.menu{z-index:1;border:1px solid var(--border);background:var(--bg);border-radius:6px;min-width:160px;padding:4px;position:absolute;top:100%;right:0;box-shadow:0 4px 16px #00000026}.menu-item{width:100%;min-height:var(--tap);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0 12px}.menu-item.danger{color:var(--accent)}.confirm{flex-wrap:wrap;align-items:center}.confirm span{flex:1;min-width:200px}@media (width<=750px){.detail-overlay{place-items:stretch stretch}.task-detail{max-width:none;height:100dvh;padding-top:calc(8px + env(safe-area-inset-top));padding-bottom:calc(16px + env(safe-area-inset-bottom));border-radius:0;overflow-y:auto}.fab{right:calc(16px + env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));z-index:5;background:var(--accent);color:#fff;border:0;border-radius:50%;place-items:center;width:56px;height:56px;font-size:28px;display:grid;position:fixed;box-shadow:0 4px 12px #00000040}.overlay{place-items:end stretch;padding:0}.quick-add{max-width:none;padding-bottom:calc(12px + env(safe-area-inset-bottom));border-radius:12px 12px 0 0}.toast{bottom:calc(84px + env(safe-area-inset-bottom))}}