:root { color-scheme: dark; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: #0d1016; color: #edf3fa; line-height: 1.6; }
* { box-sizing: border-box; }
body { margin: 0; }
main { width: min(100%, 650px); margin: 0 auto; padding: 28px max(22px, env(safe-area-inset-right)) max(32px, env(safe-area-inset-bottom)) max(22px, env(safe-area-inset-left)); }
header { display: flex; align-items: center; gap: 14px; margin-top: 35px; font-weight: 700; font-size: 20px; }
header img { object-fit: contain; }
h1 { font-size: clamp(28px, 5vw, 38px); line-height: 1.2; margin: 26px 0 18px; }
h2 { font-size: 19px; }
p { color: #becbdc; }
a { color: #8bdde6; }
.back { text-decoration: none; font-size: 14px; }
section { border: 1px solid #3b4d64; background: #151d29; padding: 12px 20px; border-radius: 14px; margin: 24px 0; }
label { display: block; margin: 20px 0 8px; font-weight: 600; }
input { width: 100%; background: #172231; border: 1px solid #637891; border-radius: 8px; color: #fff; padding: 12px; font: inherit; font-size: 16px; }
button, .button { display: inline-block; min-height: 48px; border-radius: 9px; padding: 12px 16px; background: #263b51; color: #fff; border: 1px solid #6c819a; font: inherit; font-weight: 600; cursor: pointer; text-decoration: none; margin: 12px 8px 12px 0; }
button.danger { margin-top: 26px; background: #8f252c; border-color: #d36c73; }
button:disabled { opacity: .55; cursor: wait; }
:focus-visible { outline: 3px solid #89e5e9; outline-offset: 4px; }
#deletion-message { min-height: 28px; }
#deletion-message[data-error="true"] { color: #ffb7b7; }
footer { border-top: 1px solid #344253; margin-top: 36px; padding-top: 20px; font-size: 14px; }
[hidden] { display: none !important; }