: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:minmax(0,1fr) minmax(0,1fr) 100px auto;gap:8px;margin-bottom:28px}.task-form input,.task-form select,.task-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,.task-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}.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-title{font-weight:600}.priority-badge{display:inline-flex;align-items:center;justify-content:center;min-width:2.5em;padding:1px 7px;border-radius:4px;font-size:.78rem;font-weight:700}.priority-high{background:#fbe7e3;color:#9b342b}.priority-medium{background:#fff1cc;color:#72530a}.priority-low{background:#dceee7;color:#28634f}.task-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px}.task-toolbar label{display:flex;align-items:center;gap:8px;color:var(--ink-soft);font-size:.88rem}.task-toolbar select{color:var(--ink);font-size:.88rem}.task-desc{margin:6px 0 0 26px;color:var(--ink-soft);font-size:.88rem}.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}.task-form button{min-height:42px}}