:root{color:#17212b;font-synthesis:none;text-rendering:optimizelegibility;background:radial-gradient(circle at 15% 10%,#ffa75247,#0000 30%),radial-gradient(circle at 90% 15%,#40c2a83d,#0000 30%),#f4f1ea;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.app-shell{width:min(920px,100% - 32px);margin:0 auto;padding:64px 0 80px}.hero{grid-template-columns:1.3fr 1fr;align-items:end;gap:48px;margin-bottom:32px;display:grid}.eyebrow{color:#ba4b20;letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px;font-size:.75rem;font-weight:800}h1,h2,p{margin-top:0}h1{color:#15252a;letter-spacing:-.06em;margin-bottom:12px;font-family:Georgia,Times New Roman,serif;font-size:clamp(3rem,8vw,5.5rem);font-weight:500;line-height:.9}.hero-copy{color:#536169;max-width:560px;margin-bottom:0;font-size:1.05rem;line-height:1.6}.pipeline{color:#52666c;letter-spacing:.04em;text-transform:uppercase;justify-content:flex-end;align-items:center;gap:10px;padding-bottom:8px;font-size:.78rem;font-weight:750;display:flex}.pipeline span{background:#ffffff80;border:1px solid #cbd3cf;border-radius:999px;padding:9px 11px}.pipeline i{color:#ba4b20;font-style:normal}.task-card,.status-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc7;border:1px solid #17212b1f;border-radius:24px;box-shadow:0 24px 80px #2d36321a}.task-card{padding:clamp(24px,5vw,48px)}.status-card{color:#536169;padding:28px}.task-form label{color:#526168;letter-spacing:.08em;text-transform:uppercase;margin-bottom:9px;font-size:.78rem;font-weight:800;display:block}.input-row{grid-template-columns:1fr auto;gap:12px;display:grid}.input-row input{color:#17212b;background:#fff;border:1px solid #bbc8c4;border-radius:13px;outline:none;width:100%;min-height:52px;padding:0 16px;transition:border-color .16s,box-shadow .16s}.input-row input:focus{border-color:#267f72;box-shadow:0 0 0 4px #267f7221}.input-row button{color:#fff;background:#1f796c;border:0;border-radius:13px;min-height:52px;padding:0 22px;font-weight:750;transition:transform .16s,background .16s}.input-row button:hover:not(:disabled){background:#195f56;transform:translateY(-1px)}.input-row button:disabled{background:#a5b7b2}.error-banner{color:#8c3118;background:#fff0eb;border:1px solid #efb5a2;border-radius:12px;margin:18px 0 0;padding:12px 14px}.list-heading{border-bottom:1px solid #dce2df;justify-content:space-between;align-items:baseline;margin-top:42px;padding-bottom:14px;display:flex}.list-heading h2{margin-bottom:0;font-family:Georgia,Times New Roman,serif;font-size:1.45rem;font-weight:500}.list-heading span{color:#738079;font-size:.82rem}.empty-state{color:#75817c;text-align:center;border:1px dashed #c3ceca;border-radius:14px;margin:28px 0 4px;padding:28px}.task-list{gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}.task-list li{background:#fff;border:1px solid #d9e0dd;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:10px 12px 10px 16px;display:flex}.task-list label{cursor:pointer;align-items:center;gap:12px;min-width:0;display:flex}.task-list input{accent-color:#1f796c;width:18px;height:18px}.task-list span{overflow-wrap:anywhere}.task-list .completed span{color:#85908b;text-decoration:line-through}.delete-button{color:#a23e20;background:0 0;border:0;border-radius:9px;padding:8px 10px;font-size:.82rem;font-weight:700}.delete-button:hover{background:#fff0eb}@media (width<=700px){.app-shell{padding-top:40px}.hero{grid-template-columns:1fr;gap:24px}.pipeline{justify-content:flex-start;overflow-x:auto}.input-row{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}