:root{color:#17202a;background:#f4f7f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.app-shell{min-height:100vh;padding:48px 20px}.workspace{width:min(760px,100%);margin:0 auto}.page-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.eyebrow{margin:0 0 8px;color:#357266;font-size:14px;font-weight:700;text-transform:uppercase}h1{margin:0;font-size:clamp(36px,8vw,64px);line-height:1}.status-pill{display:grid;min-width:88px;place-items:center;padding:12px 16px;border:1px solid #cad8d3;border-radius:8px;background:#fff;color:#53645f}.status-pill span{color:#17202a;font-size:24px;font-weight:800}.task-form{display:grid;grid-template-columns:1fr auto;gap:12px;margin-bottom:16px}.task-form input{min-width:0;height:52px;border:1px solid #cad8d3;border-radius:8px;padding:0 16px;background:#fff;color:#17202a}.task-form input:focus{border-color:#357266;outline:3px solid rgba(53,114,102,.18)}.task-form button,.ghost-button{min-height:44px;border:0;border-radius:8px;cursor:pointer;font-weight:700}.task-form button{min-width:92px;padding:0 20px;background:#357266;color:#fff}.task-form button:disabled{cursor:progress;opacity:.72}.error-message{margin:0 0 16px;border:1px solid #f2b8ae;border-radius:8px;padding:12px 14px;background:#fff2f0;color:#9b2c1f}.task-list{display:grid;gap:10px}.task-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;border:1px solid #dce6e2;border-radius:8px;padding:12px 14px;background:#fff}.task-row label{display:flex;align-items:center;gap:12px;min-width:0}.task-row input{width:18px;height:18px;accent-color:#357266}.task-row span{overflow-wrap:anywhere}.task-row .completed{color:#687a75;text-decoration:line-through}.ghost-button{padding:0 12px;background:#eef4f2;color:#244c44}.empty-state{margin:0;border:1px dashed #b8cac4;border-radius:8px;padding:24px;color:#60716c;text-align:center}@media(max-width:560px){.app-shell{padding:28px 14px}.page-header{align-items:flex-start;flex-direction:column}.task-form{grid-template-columns:1fr}.task-form button{height:48px}}