:root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #1d1d1f; background: #f5f5f7; }
* { box-sizing: border-box; }
body { margin: 0; padding: max(20px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left)); }
main { max-width: 640px; margin: 32px auto; padding: clamp(18px, 5vw, 40px); background: white; border-radius: 24px; }
h1 { font-size: clamp(26px, 6vw, 38px); letter-spacing: -.04em; }
h2 { font-size: 20px; margin-top: 28px; }
p { line-height: 1.7; overflow-wrap: anywhere; }
label { display: block; margin: 18px 0; line-height: 1.6; }
input { display: block; width: 100%; min-height: 48px; font-size: 16px; border: 1px solid #86868b; border-radius: 10px; padding: 10px; }
button { width: 100%; min-height: 48px; padding: 12px; margin: 6px 0; background: #0071e3; border: 0; border-radius: 12px; color: white; font: inherit; cursor: pointer; }
button.danger { background: #b42318; }
#cancel { background: #eeeef0; color: #1d1d1f; }
button:disabled { opacity: .6; cursor: wait; }
:focus-visible { outline: 3px solid #0071e3; outline-offset: 3px; }
#status { font-weight: 600; }
[hidden] { display: none !important; }