:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#171714;--paper:#f5f3ea;--card:#fffef9;--line:#d8d4c6;--accent:#f05a28;--muted:#716e65}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font:16px/1.45 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}a{color:inherit}.centered{place-content:center;gap:2rem;min-height:100vh;padding:2rem;display:grid}.hero{max-width:680px}.guest-grid{grid-template-columns:1fr minmax(320px,520px);align-items:center;gap:2rem;margin-top:3rem;display:grid}h1,h2,p{margin-top:0}h1{letter-spacing:-.06em;margin-bottom:1rem;font-size:clamp(2.5rem,8vw,5.5rem);line-height:.95}h2{letter-spacing:-.035em;font-size:2rem;line-height:1.05}.eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin-bottom:.5rem;font-size:.75rem;font-weight:800}.lede{color:var(--muted);font-size:1.25rem}.muted,.todo span{color:var(--muted)}.error{color:#a12620}.auth-card,.detail-card,.new-todo{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:1.5rem;box-shadow:0 16px 50px #26231612}.auth-card{width:min(100%,520px)}.button{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:999px;justify-content:center;padding:.68rem 1rem;text-decoration:none;display:inline-flex}.button+.button{margin-left:.5rem}.button.primary{color:#fff;background:var(--ink);border-color:var(--ink)}.button.danger{color:#a12620;margin-top:1rem}.button.small{padding:.4rem .75rem}.shell{width:min(900px,100% - 2rem);margin:0 auto;padding:3rem 0 6rem}.shell.narrow{width:min(680px,100% - 2rem)}.topbar,.dashboard-heading,.detail-heading,.account,.todo{justify-content:space-between;align-items:center;gap:1rem;display:flex}.topbar h1{font-size:4rem}.dashboard-heading{margin:2rem 0 1rem}.dashboard-heading h2{margin:0}.account{color:var(--muted)}.stats{border-block:1px solid var(--line);color:var(--muted);margin-bottom:1.5rem;padding:1rem 0}.new-todo{grid-template-columns:1fr auto;gap:.75rem;margin-bottom:1.5rem;display:grid}.new-todo textarea{grid-column:1/-1;min-height:80px}input,textarea{border:1px solid var(--line);resize:vertical;background:#fff;border-radius:10px;width:100%;padding:.8rem}.todo-list{gap:.65rem;display:grid}.todo{border-bottom:1px solid var(--line);justify-content:flex-start;padding:1rem .25rem}.todo a{flex:1;text-decoration:none;display:grid}.todo.done strong{color:var(--muted);text-decoration:line-through}.check{border:1px solid var(--ink);cursor:pointer;background:0 0;border-radius:50%;width:1.6rem;height:1.6rem}.done .check{background:var(--ink);color:#fff}.empty{color:var(--muted);text-align:center;padding:3rem}.skeleton{gap:.75rem;margin-top:2rem;display:grid}.skeleton div{background:linear-gradient(90deg,#e9e6db,#f7f5ed,#e9e6db) 0 0/200% 100%;border-radius:12px;height:4.5rem;animation:1.2s infinite pulse}@keyframes pulse{to{background-position:-200% 0}}.back{margin-bottom:1.5rem;text-decoration:none;display:inline-block}.detail-heading h1{font-size:2.5rem}.edit-form{gap:1rem;margin-top:1.5rem;display:grid}.edit-form label{gap:.4rem;font-weight:700;display:grid}@media (max-width:640px){.topbar,.dashboard-heading,.detail-heading{flex-direction:column;align-items:flex-start}.guest-grid{grid-template-columns:1fr}.account{justify-content:space-between;width:100%}.new-todo{grid-template-columns:1fr}.new-todo textarea{grid-column:auto}}