:root{color:#334155;font-synthesis:none;text-rendering:optimizelegibility;background:#f4f7fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}.app-shell{max-width:780px;margin:0 auto;padding:56px 24px}.app-header{border-bottom:1px solid #d9e0e6;justify-content:space-between;align-items:end;gap:20px;padding-bottom:24px;display:flex}.eyebrow{color:#54718d;letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:.86rem;font-weight:700}.app-header h1{color:#14213d;margin:0;font-size:clamp(2rem,5vw,3rem)}.task-count{color:#5b6675;white-space:nowrap;margin:0}.todo-form{background:#fff;border:1px solid #d9e0e6;border-radius:14px;gap:14px;margin-top:28px;padding:20px;display:grid}.form-heading{justify-content:space-between;align-items:center;display:flex}.form-heading h2{color:#14213d;margin:0;font-size:1.15rem}.todo-form label{color:#475569;gap:6px;font-size:.84rem;font-weight:700;display:grid}.todo-form input,.todo-form select{color:#14213d;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:9px 10px}.todo-form input:focus,.todo-form select:focus{border-color:#176b87;outline:2px solid #bae6fd}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.primary-button{color:#fff;cursor:pointer;background:#176b87;border:0;border-radius:8px;justify-self:start;padding:10px 16px;font-weight:700}.primary-button:hover{background:#11546c}.text-button{color:#176b87;cursor:pointer;background:0 0;border:0;padding:4px;font-weight:700}.todo-list{gap:12px;margin-top:28px;display:grid}.filters{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.filters label{color:#475569;align-items:center;gap:8px;font-size:.84rem;font-weight:700;display:flex}.filters select{color:#14213d;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:7px 9px}.todo-card{background:#fff;border:1px solid #d9e0e6;border-radius:14px;align-items:flex-start;gap:16px;padding:18px;transition:all .15s;display:flex}.todo-card:hover{border-color:#94b9dd;box-shadow:0 4px 16px #14213d12}.todo-card input{accent-color:#176b87;width:20px;height:20px;margin-top:3px}.todo-content{min-width:0}.card-actions{flex-shrink:0;gap:8px;margin-left:auto;display:flex}.delete-button{color:#b42318}.todo-content h2{color:#14213d;margin:0 0 8px;font-size:1.05rem}.todo-meta{color:#64748b;flex-wrap:wrap;gap:8px 14px;font-size:.88rem;display:flex}.priority{text-transform:capitalize;border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:700}.priority-high{color:#b42318;background:#fee2e2}.priority-medium{color:#92400e;background:#fef3c7}.priority-low{color:#1d4ed8;background:#dbeafe}.is-complete{background:#f8fafc}.is-complete h2{color:#64748b;text-decoration:line-through}.empty-state{color:#64748b;text-align:center;border:1px dashed #b6c2ce;border-radius:14px;margin:0;padding:44px 18px}@media (width<=560px){.app-shell{padding:32px 16px}.app-header{flex-direction:column;align-items:start;gap:8px}.form-grid{grid-template-columns:1fr}}