:root { color-scheme: light; font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; color: #6b4136; background: #fff7f2; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; min-height: 100svh; display: grid; place-items: center; padding: 32px 20px; background: linear-gradient(180deg, #e7f0ff, #fff7f2 45%); }
main { width: 100%; max-width: 420px; text-align: center; }
.brand { font-size: 32px; font-weight: 800; letter-spacing: -.8px; margin: 0 0 24px; }
section { background: #fffcf9; padding: 32px 24px; border: 1px solid #e7d9c8; border-radius: 28px; box-shadow: 0 6px 0 #6b413608; }
.mark { width: 72px; height: 72px; display: grid; place-items: center; margin: 0 auto 24px; border-radius: 50%; background: #ffd6e3; color: #8d3c55; font-size: 32px; }
h1 { font-size: 23px; line-height: 1.4; letter-spacing: -.6px; margin: 0 0 16px; overflow-wrap: anywhere; }
p { font-size: 16px; line-height: 1.8; margin: 0; word-break: keep-all; overflow-wrap: anywhere; }
button { width: 100%; border: 0; border-radius: 16px; padding: 15px 20px; margin-top: 24px; background: #ffb3c6; color: #6b4136; font: inherit; font-weight: 700; cursor: pointer; min-height: 48px; }
button:focus-visible { outline: 3px solid #8d3c55; outline-offset: 4px; }
button:hover { background: #ffc5d4; }
.hint { font-size: 13px; color: #86645b; margin-top: 20px; }
.footer { font-size: 13px; color: #86645b; margin-top: 24px; }
[hidden] { display: none !important; }