main.page{max-width:720px;padding:20px 16px calc(40px + env(safe-area-inset-bottom,0px));margin:0 auto}main.page h1{letter-spacing:-.02em;margin:0;font-size:28px}main.page h2{margin:0 0 8px;font-size:15px}.page .muted{color:var(--muted)}.page .pills{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.page .pills button{border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;border-radius:999px;padding:6px 14px}.page .pills button.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.page .btn{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);cursor:pointer;color:var(--ink);padding:8px 14px;text-decoration:none;display:inline-block}.page .btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.page .btn:disabled{opacity:.5;cursor:default}.page select,.page input{font:inherit;color:inherit;border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--surface);min-width:0;padding:8px 10px}.page .row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.page .err{color:var(--wrong);margin:6px 0 0;font-size:13px}.page .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}