@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Source+Sans+3:wght@400;600&display=swap";:root{--bg: #0f1c17;--bg-accent: #1a3329;--ink: #f2f7f4;--muted: #a8c0b4;--accent: #3d9b6e;--error: #e07a5f;--font-display: "Fraunces", "Palatino Linotype", Palatino, serif;--font-body: "Source Sans 3", "Segoe UI", sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font-body);color:var(--ink);background:radial-gradient(ellipse at 20% 0%,#234536 0%,transparent 50%),radial-gradient(ellipse at 90% 20%,#1e3a2e 0%,transparent 45%),linear-gradient(165deg,var(--bg),var(--bg-accent))}.app{max-width:720px;margin:0 auto;padding:2.5rem 1.25rem 3rem}.hero{margin-bottom:2rem}.brand{font-family:var(--font-display);font-size:clamp(2rem,6vw,2.75rem);font-weight:700;margin:0 0 .5rem;letter-spacing:-.02em}.hero h1{font-family:var(--font-body);font-size:1.15rem;font-weight:600;margin:0 0 .75rem;color:var(--muted)}.lede{margin:0;color:var(--muted);max-width:36ch;line-height:1.5}.panel{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.25rem 1.5rem}.panel h2{font-size:1rem;margin:0 0 .5rem;color:var(--accent)}.panel section+section{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.08)}.status,.empty{color:var(--muted);margin:0}.error{color:var(--error);margin:0 0 1rem}.task-form{display:grid;gap:.5rem}.task-form label{font-size:.85rem;color:var(--muted)}.task-form input,.task-form textarea{width:100%;padding:.65rem .75rem;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#00000040;color:var(--ink);font:inherit}.task-form input:focus,.task-form textarea:focus{outline:2px solid rgba(61,155,110,.45);outline-offset:1px}.btn{font:inherit;font-weight:600;border-radius:8px;border:1px solid transparent;padding:.55rem .9rem;cursor:pointer;transition:transform .15s ease,background .15s ease,opacity .15s ease}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:not(:disabled):active{transform:scale(.98)}.btn-primary{margin-top:.35rem;justify-self:start;background:var(--accent);color:#06140e}.btn-primary:hover:not(:disabled){background:#48b07e}.btn-ghost{background:transparent;color:var(--ink);border-color:#ffffff29}.btn-danger{background:transparent;color:var(--error);border-color:#e07a5f59}.task-list{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.task-item{display:flex;gap:.75rem;justify-content:space-between;align-items:flex-start;padding:.85rem .9rem;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#0000002e;animation:rise .35s ease both}.task-item--done .task-title{text-decoration:line-through;color:var(--muted)}.task-title{margin:0 0 .25rem;font-size:1rem;font-weight:600}.task-description{margin:0 0 .35rem;color:var(--muted);line-height:1.4}.task-item time{font-size:.8rem;color:var(--muted)}.task-actions{display:flex;flex-wrap:wrap;gap:.4rem;flex-shrink:0}.badge{color:var(--accent);font-weight:700}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 560px){.task-item{flex-direction:column}}