:root{--paper:#fff8ef;--ink:#2b2118;--muted:#7a6a5c;--accent:#e8603c;--accent-ink:#fff;--line:#ead9c6;--radius:14px;color:var(--ink);background:var(--paper);font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--paper);min-height:100dvh;margin:0}.page{max-width:32rem;padding:calc(env(safe-area-inset-top) + 1.5rem) 1rem calc(env(safe-area-inset-bottom) + 1.5rem);margin:0 auto}h1{letter-spacing:-.02em;margin:0;font-size:1.8rem}.login{padding-top:calc(env(safe-area-inset-top) + 4rem);justify-items:center;gap:1rem;display:grid}.logo{border-radius:24px}form{gap:1rem;width:100%;display:grid}label{gap:.35rem;font-weight:600;display:grid}input{font:inherit;border:2px solid var(--line);border-radius:var(--radius);background:#fff;padding:.8rem .9rem;font-size:1rem}input:focus{border-color:var(--accent);outline:none}button{font:inherit;border-radius:var(--radius);background:var(--accent);color:var(--accent-ink);border:0;padding:.85rem 1rem;font-weight:700}button:disabled{opacity:.6}button.quiet{color:var(--muted);background:0 0;padding:.5rem}[role=alert]{color:#b3261e;margin:0}.home header{justify-content:space-between;align-items:center;display:flex}.empty{text-align:center;color:var(--muted);border:2px dashed var(--line);border-radius:var(--radius);margin-top:3rem;padding:2rem 1rem}.empty .big{color:var(--ink);font-size:1.25rem;font-weight:700}
