:root{color-scheme:light;--bg:#f3efe6;--card:#fffdf8;--ink:#1c1917;--muted:#78716c;--line:#e7e5e4;--accent:#0f766e;--accent-dark:#115e59;--danger:#b91c1c}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Georgia,Iowan Old Style,Palatino,serif;background:radial-gradient(circle at top,#fffaf1 0,transparent 45%),var(--bg);color:var(--ink)}main{width:min(560px,calc(100% - 32px));margin:64px auto}h1{margin:0 0 8px;font-size:40px;font-weight:600;letter-spacing:-.03em}.subtitle{margin:0 0 24px;color:var(--muted)}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 12px 40px rgba(28,25,23,.06)}form{display:flex;gap:8px}input[type=text]{flex:1 1;border:1px solid var(--line);border-radius:10px;padding:12px 14px;font:inherit;font-size:16px;background:white}.check,button{font:inherit;cursor:pointer}button.add,button.delete{border:0;border-radius:10px}button.add{background:var(--accent);color:white;padding:0 16px}button.add:hover{background:var(--accent-dark)}.error{margin:12px 0 0;color:var(--danger)}ul{list-style:none;margin:16px 0 0;padding:0}li{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line)}li.done span{color:var(--muted);text-decoration:line-through}li span{flex:1 1;font-size:18px}.check{width:22px;height:22px;border-radius:6px;border:1px solid #d6d3d1;background:white}li.done .check{background:var(--accent);border-color:var(--accent);color:white}button.delete{background:transparent;color:var(--muted);padding:6px 8px}button.delete:hover{color:var(--danger)}.empty{margin:16px 0 4px;color:var(--muted)}