:root{font-family:var(--font-ui);color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}main{max-width:850px;margin:auto;padding:28px 20px}h1{margin-bottom:10px}p{line-height:1.7}label{display:block;margin:12px 0 6px}select,textarea{width:100%;font:inherit;padding:12px;border:1px solid var(--field-line);border-radius:9px;background:var(--surface)}button{font:inherit;padding:11px 16px;margin:10px 6px 8px 0;border:0;border-radius:8px;background:var(--accent);color:var(--on-accent);cursor:pointer}button:disabled{opacity:.5;cursor:wait}article{background:var(--surface);padding:18px;margin:18px 0;border:1px solid var(--line);border-radius:12px;overflow-wrap:anywhere;white-space:pre-wrap}article h3{font-size:1rem;margin:0 0 10px}a{color:var(--accent)}dialog{max-width:min(600px,92vw);border:1px solid var(--field-line);border-radius:12px;padding:24px}#status{min-height:2em;font-weight:600}

main{min-width:0;padding-top:28px;padding-bottom:max(40px,env(safe-area-inset-bottom))}#account{overflow-wrap:anywhere;font-size:13px;color:var(--secondary)}#policy{padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:var(--surface);font-size:14px}select,textarea{color:var(--ink);border-radius:var(--control-radius);min-height:48px}textarea{resize:vertical}button{min-height:48px;border-radius:var(--button-radius)}button:hover:not(:disabled){background:var(--accent-hover)}a{text-underline-offset:3px}dialog{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-dialog)}dialog::backdrop{background:var(--backdrop)}h1{letter-spacing:-.025em;line-height:1.35}h2{margin-top:32px}#cancel-policy{background:var(--accent-soft);color:var(--accent)}
