:root{--ink:#1c1917;--paper:#faf7f2;--accent:#3f6212;--soft:#57534e;--line:#e7e0d4;--card:#fffdf8;--radius:14px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--paper);color:var(--ink);line-height:1.55}.screen{flex-direction:column;max-width:520px;min-height:100dvh;margin:0 auto;display:flex}.screen-body{padding:28px 20px calc(24px + env(safe-area-inset-bottom));flex:1}h1{margin:.15em 0 .4em;font-size:1.85rem;font-weight:600}h2{margin:0 0 .4em;font-size:1.15rem;font-weight:600}h3{margin:0 0 .2em;font-size:1.05rem;font-weight:600}.top{justify-content:space-between;align-items:flex-start;gap:12px;padding:28px 20px 8px;display:flex}.kicker{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin:0 0 4px;font-size:.75rem;font-weight:600}.lede{color:var(--soft);margin:0 0 1.2em;font-size:1.05rem}.soft-note{color:var(--soft);font-size:.92rem}.banner{border-radius:var(--radius);color:var(--ink);background:#efe8d8;margin:8px 0;padding:12px 16px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin:14px 0;padding:16px}.field{margin:14px 0;display:block}.field span{margin-bottom:6px;font-size:.9rem;font-weight:600;display:block}.field input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:10px;padding:12px;font-family:inherit;font-size:1rem}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.btn{border-radius:var(--radius);cursor:pointer;color:var(--ink);background:#e7e0d4;border:none;padding:14px 18px;font-family:inherit;font-size:1.02rem;font-weight:600}.btn-primary{background:var(--accent);color:#fff;width:100%}.btn-primary:disabled{cursor:not-allowed;background:#a3b17a}.btn.quiet{color:var(--accent);background:0 0;width:auto;padding:8px 10px}.btn.danger{color:#9f1239;background:0 0;width:auto;padding:8px 10px}