:root{--color-bg:#f7f7f8;--color-surface:#fff;--color-surface-alt:#eef0f3;--color-border:#dcdfe4;--color-text:#1a1c1f;--color-text-muted:#6b7078;--color-accent:#3b6df0;--color-accent-contrast:#fff;--color-danger:#d64545;--color-danger-bg:#fdeaea;--color-success:#2f9e5b;--priority-3:#d64545;--priority-2:#e08b2c;--priority-1:#3b6df0;--priority-0:#9aa0aa;--radius-sm:6px;--radius-md:10px;--shadow-sm:0 1px 2px #00000014;--shadow-md:0 4px 16px #00000029;--font-scale:1}:root[data-theme=dark]{--color-bg:#17181c;--color-surface:#212227;--color-surface-alt:#2a2b31;--color-border:#3a3c43;--color-text:#eceef1;--color-text-muted:#9a9fa8;--color-accent:#6f93f7;--color-accent-contrast:#0b0d10;--color-danger:#ef6a6a;--color-danger-bg:#3a2323;--color-success:#4cbb7f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#17181c;--color-surface:#212227;--color-surface-alt:#2a2b31;--color-border:#3a3c43;--color-text:#eceef1;--color-text-muted:#9a9fa8;--color-accent:#6f93f7;--color-accent-contrast:#0b0d10;--color-danger:#ef6a6a;--color-danger-bg:#3a2323;--color-success:#4cbb7f}}:root[data-font-scale=small]{--font-scale:.875}:root[data-font-scale=standard]{--font-scale:1}:root[data-font-scale=large]{--font-scale:1.2}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,Segoe UI,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;font-size:calc(16px * var(--font-scale));margin:0;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--color-accent)}.app-shell{min-height:100%;display:flex}.app-main{flex:1;width:100%;min-width:0;max-width:720px;margin:0 auto;padding:1rem 1rem 5rem}.page-title{margin:.25rem 0 1rem;font-size:1.25rem;font-weight:700}.nav-bar{border-right:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;gap:.25rem;width:220px;padding:1rem;display:flex}.nav-bar__brand{margin-bottom:1rem;padding:0 .5rem;font-size:1.1rem;font-weight:700}.nav-bar__link{border-radius:var(--radius-sm);color:var(--color-text);align-items:center;gap:.5rem;padding:.6rem .75rem;text-decoration:none;display:flex}.nav-bar__link.is-active{background:var(--color-surface-alt);color:var(--color-accent);font-weight:600}@media (width<=767px){.app-shell{flex-direction:column}.nav-bar{border-right:none;border-top:1px solid var(--color-border);z-index:20;flex-direction:row;justify-content:space-around;width:auto;padding:.4rem;position:fixed;bottom:0;left:0;right:0}.nav-bar__brand{display:none}.nav-bar__link{text-align:center;flex-direction:column;flex:1;gap:.15rem;padding:.4rem .5rem;font-size:.75rem}}.quick-add{gap:.5rem;margin-bottom:1.25rem;display:flex}.quick-add__input{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);flex:1;padding:.65rem .85rem}.quick-add__input:focus{outline:2px solid var(--color-accent);outline-offset:1px}.task-section{margin-bottom:1.5rem}.task-section__heading{color:var(--color-text-muted);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.9rem;font-weight:700;display:flex}.task-section__heading.is-overdue{color:var(--color-danger)}.task-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.task-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:flex-start;gap:.6rem;padding:.6rem .75rem;display:flex}.task-item.is-completed .task-item__title{color:var(--color-text-muted);text-decoration:line-through}.task-item__checkbox{flex-shrink:0;width:1.1rem;height:1.1rem;margin-top:.2rem}.task-item__body{cursor:pointer;flex:1;min-width:0}.task-item__title{word-break:break-word;font-weight:600}.task-item__meta{color:var(--color-text-muted);flex-wrap:wrap;gap:.5rem;margin-top:.25rem;font-size:.8rem;display:flex}.priority-dot{border-radius:50%;width:.6rem;height:.6rem;display:inline-block}.priority-dot--0{background:var(--priority-0)}.priority-dot--1{background:var(--priority-1)}.priority-dot--2{background:var(--priority-2)}.priority-dot--3{background:var(--priority-3)}.task-item__restore,.task-item__undo{color:var(--color-accent);cursor:pointer;background:0 0;border:none;padding:.2rem .4rem;font-size:.85rem}.empty-state{color:var(--color-text-muted);padding:1rem 0;font-size:.9rem}.filter-bar{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.filter-bar select,.filter-bar input[type=search]{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);padding:.4rem .6rem}.modal-overlay{z-index:30;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (width>=768px){.modal-overlay{align-items:center}}.modal-panel{background:var(--color-surface);border-radius:var(--radius-md) var(--radius-md) 0 0;width:100%;max-width:480px;max-height:90vh;box-shadow:var(--shadow-md);padding:1.25rem;overflow-y:auto}@media (width>=768px){.modal-panel{border-radius:var(--radius-md)}}.form-field{flex-direction:column;gap:.3rem;margin-bottom:.9rem;display:flex}.form-field label{color:var(--color-text-muted);font-size:.8rem;font-weight:600}.form-field input,.form-field textarea,.form-field select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);padding:.5rem .65rem}.form-row{gap:.75rem;display:flex}.form-row .form-field{flex:1}.subtask-list{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.subtask-row{align-items:center;gap:.4rem;display:flex}.subtask-row input[type=text]{flex:1}.subtask-row__remove{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none}.modal-actions{justify-content:space-between;gap:.5rem;margin-top:1.25rem;display:flex}.btn{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;padding:.55rem 1rem;font-weight:600}.btn-primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast)}.btn-danger{background:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger)}.settings-section{margin-bottom:1.75rem}.settings-section h2{margin-bottom:.6rem;font-size:1rem}.option-group{flex-wrap:wrap;gap:.5rem;display:flex}.option-group button{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;padding:.5rem .9rem}.option-group button.is-selected{border-color:var(--color-accent);background:var(--color-surface-alt);color:var(--color-accent);font-weight:700}.error-banner{background:var(--color-danger-bg);color:var(--color-danger);border-radius:var(--radius-sm);margin-bottom:1rem;padding:.6rem .9rem;font-size:.9rem}