:root{--brand:#174f42;--brand-dark:#103e34;--gold:#f6cb32;--ink:#203a33;--surface:#fffefa;--canvas:#fbfaf4;--muted:#64756e;--line:#d9e3d6;font-family:Aptos,Century Gothic,Segoe UI,sans-serif;color:var(--ink);background:var(--canvas)}*{box-sizing:border-box}body{margin:0}.app-shell{min-height:100vh}.app-header{background:var(--brand);color:#fff;border-bottom:5px solid var(--gold)}.app-header__inner,.app-main{width:min(1120px,calc(100% - 2rem));margin:auto}.app-header__inner{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.app-header a{color:#fff;font-weight:800;text-decoration:none}.app-main{padding:3rem 0}.eyebrow{color:#5e8a39;font-size:.7rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.muted,.todo__meta{color:var(--muted)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin-top:2rem}.card,.panel{background:var(--surface);border:1px solid var(--line);box-shadow:0 9px 22px #1c372c0f}.card{display:block;border-radius:18px;padding:1.25rem;text-decoration:none;color:inherit}.card:hover{border-color:var(--brand)}.panel{border-radius:22px;padding:1.25rem}.todo-board__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.todo-board__heading h2{margin:.1rem 0}.todo-form,.todo-list{display:grid;gap:.7rem}.todo-list{margin-top:1rem}.todo{border:1px solid var(--line);border-radius:14px;padding:1rem;background:#fff}.todo--done{opacity:.72;background:#e7f0e8}.todo__meta{font-size:.85rem}.field{width:100%;border:1px solid #b7c9ae;border-radius:10px;padding:.7rem .8rem;font:inherit}.field-label{display:block;margin:0 0 .35rem;font-weight:800}.button{border:0;border-radius:12px;padding:.75rem 1rem;background:var(--gold);color:var(--brand-dark);cursor:pointer;font:inherit;font-weight:800;box-shadow:0 3px #dcae1e}.button:disabled{cursor:not-allowed;opacity:.55}.button--secondary{background:var(--brand);color:#fff;box-shadow:0 3px 0 var(--brand-dark)}.button--danger{background:#c94b3b;color:#fff;box-shadow:0 3px #933326}.list-tabs{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:1.5rem 0}.list-tab{border:1px solid var(--line);border-radius:12px 12px 4px 4px;padding:.65rem .85rem;background:#edf2e9;color:var(--ink);cursor:pointer;font:inherit;font-weight:800}.list-tab--active{background:var(--brand);border-color:var(--brand);color:#fff}.list-add{display:flex;gap:.5rem;margin-left:auto}.list-add .field{width:180px;padding:.55rem .65rem}.list-add .button{padding:.55rem .7rem}.list-danger{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--line)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:1rem;background:#103e34ad}.modal{width:min(440px,100%);max-height:calc(100dvh - 2rem);overflow:auto;border:1px solid var(--line);border-radius:22px;padding:1.5rem;background:var(--surface);box-shadow:0 22px 45px #0000003d}.modal__actions{display:flex;justify-content:flex-end;gap:.7rem;margin-top:1.5rem}@media (max-width:720px){.app-header__inner{align-items:center}.app-header__inner span{display:none}.app-main{padding:1.5rem 0}.list-tabs{align-items:stretch}.list-tab{flex:1}.list-add{width:100%;margin-left:0}.list-add .field{flex:1;width:auto}.todo-board__heading{align-items:stretch;flex-direction:column}.todo-board__heading .button{width:100%}.modal-backdrop{align-items:end;padding:0}.modal{width:100%;max-height:min(88dvh,720px);border-radius:22px 22px 0 0;padding:1.25rem}.modal__actions{flex-direction:column-reverse}.modal__actions .button{width:100%}}