:root { color-scheme: light; font: 18px/1.6 system-ui, sans-serif; color: #243b38; background: #f2f5f1; }
* { box-sizing: border-box; }
body { margin: 0; padding: 9vh 20px 32px; }
main { max-width: 570px; margin: auto; padding: clamp(22px, 5vw, 46px); background: #fff; border: 1px solid #c9d4cf; border-radius: 18px; }
.eyebrow { font-size: 12px; letter-spacing: .1em; font-weight: 700; color: #48645a; }
h1 { font-size: clamp(26px, 5vw, 34px); line-height: 1.2; }
#notice { padding: 14px 16px; border-left: 4px solid #557969; background: #edf3ef; }
#google-button { min-height: 44px; }
button { min-height: 48px; padding: 10px 18px; margin-top: 16px; font: inherit; color: #fff; background: #335e50; border: 2px solid #335e50; border-radius: 8px; cursor: pointer; }
button:focus-visible { outline: 3px solid #1d5279; outline-offset: 4px; }
.footnote { margin-top: 30px; color: #52655f; font-size: 15px; }
[hidden] { display: none !important; }
