:root{--ink: #1c2430;--ink-soft: #5b6472;--paper: #f4f5f2;--card: #ffffff;--line: #dcdfd9;--accent: #2f6f5e;--accent-soft: #e3efe9;--danger: #a8402f;font-family:Helvetica Neue,Hiragino Kaku Gothic ProN,Noto Sans JP,Meiryo,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);line-height:1.6}.container{max-width:640px;margin:0 auto;padding:40px 20px 80px}.header{display:flex;align-items:baseline;justify-content:space-between;border-bottom:2px solid var(--ink);padding-bottom:12px;margin-bottom:28px}.header h1{font-size:1.5rem;margin:0;letter-spacing:.04em}.header-note{margin:0;color:var(--ink-soft);font-size:.9rem}.task-form{display:grid;grid-template-columns:1fr 1fr auto auto auto;gap:8px;margin-bottom:28px}.task-form input,.task-form select,.toolbar select{padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:var(--card);font-size:.95rem}.task-form input:focus,.task-form select:focus,.toolbar select:focus{outline:2px solid var(--accent);outline-offset:1px}.task-form button{padding:10px 18px;border:none;border-radius:6px;background:var(--accent);color:#fff;font-size:.95rem;cursor:pointer}.task-form button:disabled{opacity:.45;cursor:not-allowed}.toolbar{display:flex;justify-content:flex-end;margin-bottom:12px}.task-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.task-item{position:relative;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:14px 88px 14px 16px}.task-item.done{background:var(--accent-soft)}.task-item.done .task-title{text-decoration:line-through;color:var(--ink-soft)}.task-check{display:flex;align-items:center;gap:10px;cursor:pointer}.task-priority{flex-shrink:0;padding:1px 8px;border-radius:999px;font-size:.75rem;font-weight:600}.priority-high{background:#fbeae7;color:var(--danger)}.priority-medium{background:var(--accent-soft);color:var(--accent)}.priority-low{background:var(--paper);color:var(--ink-soft)}.task-title{font-weight:600}.task-desc{margin:6px 0 0 26px;color:var(--ink-soft);font-size:.88rem}.task-due,.task-completed{margin:6px 0 0 26px;color:var(--ink-soft);font-size:.85rem}.task-item.overdue{border-color:var(--danger);border-left-width:4px}.task-item.overdue .task-due{color:var(--danger);font-weight:600}.task-overdue-label{margin-left:8px;padding:1px 8px;border-radius:999px;background:#fbeae7;color:var(--danger);font-size:.75rem}.task-delete{position:absolute;top:12px;right:12px;padding:6px 12px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--danger);font-size:.85rem;cursor:pointer}.task-delete:hover{border-color:var(--danger)}.error{background:#fbeae7;border:1px solid var(--danger);color:var(--danger);border-radius:6px;padding:10px 14px}.empty{color:var(--ink-soft);text-align:center;padding:32px 0}@media (max-width: 560px){.task-form{grid-template-columns:1fr}}