:root{--g:#2F6F4E;--y:#F2B632;--s:#F5EFE4;--c:#222;--r:#FF6B5A}body{margin:0;font-family:system-ui,sans-serif;background:var(--s);color:var(--c)}.ban{background:var(--r);color:#fff;text-align:center;padding:.6em;font-weight:700}header{background:var(--g);padding:1em 2em;display:flex;justify-content:space-between;align-items:center}header a{color:#fff;margin-left:1em;text-decoration:none}.logo{font-size:1.8em;font-weight:800;color:#fff;letter-spacing:-1px}.logo span{color:var(--y)}main{max-width:900px;margin:auto;padding:2em}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1em}.card{background:#fff;border-radius:12px;padding:1em}.ph{background:#ddd;height:160px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#666}button{background:var(--y);border:0;padding:.7em 1.2em;border-radius:8px;font-weight:700}button[disabled]{opacity:.5;cursor:not-allowed}.todo{background:#fff3c4;padding:0 .2em}footer{text-align:center;padding:2em;font-size:.9em}