@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Newsreader:ital,opsz,wght@1,6..72,600&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#17211d;background:#f4f1e9;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 90% 0,#dcece4 0,transparent 30%),#f4f1e9}.shell{width:min(1380px,calc(100% - 40px));margin:auto;padding:64px 0}.hero{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:42px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-weight:700;font-size:.75rem;margin:0 0 12px;color:#5f6f67}.hero h1{font-size:clamp(3rem,7vw,6.5rem);line-height:.82;letter-spacing:-.06em;margin:0}.hero em{font-family:'Newsreader',serif;color:#1c7659}.intro{max-width:290px;font-size:1.05rem;line-height:1.55;color:#65706b}.composer{background:#fff;border:1px solid #d8d4c9;border-radius:22px;padding:22px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;box-shadow:0 14px 40px #26342d0d}.field{display:flex;flex-direction:column;gap:7px}.field.wide{grid-column:1/4}.field label{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:#6c756f}.field input,.field select,.field textarea,.card select{border:1px solid #d8d4c9;border-radius:11px;background:#faf9f6;padding:11px 13px;font:inherit;color:inherit;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#1c7659;box-shadow:0 0 0 3px #1c76591a}.actions{display:flex;gap:10px;align-items:center}.primary,.quiet,.card button{border:0;border-radius:999px;padding:11px 18px;font:600 .82rem inherit;cursor:pointer}.primary{background:#17211d;color:#fff}.quiet,.card button{background:#ece9df;color:#39413d}.error{background:#fde4df;color:#8f2c1f;padding:12px 16px;border-radius:10px}.loading{padding:50px;text-align:center}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.lane{background:#ebe8de;border-radius:22px;padding:20px;min-height:360px}.lane>header{display:flex;justify-content:space-between;align-items:center}.lane>header>div{display:flex;align-items:center;gap:9px}.dot{width:10px;height:10px;border-radius:50%;background:var(--accent)}.lane h2{font-size:1rem;margin:0}.count{font-weight:700;background:#fff8;border-radius:999px;padding:4px 9px}.hint{margin:6px 0 18px 19px;color:#7a817d;font-size:.8rem}.cards{display:grid;gap:10px}.card{background:#fff;border-radius:15px;padding:17px;box-shadow:0 3px 10px #2a332d0a}.card h3{font-size:1rem;margin:0 0 7px}.card p{font-size:.87rem;line-height:1.45;color:#65706b}.card time{display:block;color:#1c7659;font-size:.75rem;font-weight:700;margin:10px 0}.card-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.card-actions select{font-size:.75rem;padding:7px}.card button{padding:7px 10px;font-size:.72rem}.card .danger{color:#a23b2c}.empty{color:#8b918d;text-align:center;padding:35px 5px;font-size:.85rem}@media(max-width:850px){.shell{width:min(100% - 24px,700px);padding:34px 0}.hero{display:block}.intro{margin-top:24px}.composer{grid-template-columns:1fr}.field.wide{grid-column:auto}.board{grid-template-columns:1fr}.lane{min-height:160px}}
