:root { color-scheme: light; font-family: system-ui, sans-serif; background: #f6f0e5; color: #323b31; }
* { box-sizing: border-box; }
body { margin: 0; }
main { min-height: 100svh; display: flex; flex-direction: column; justify-content: center; max-width: 850px; margin: auto; padding: 48px 28px; }
.sun { width: 100px; height: 50px; border-radius: 100px 100px 0 0; background: #d88952; border-bottom: 4px solid #f6f0e5; outline: 1px solid #d88952; margin-bottom: 42px; }
.eyebrow { font-size: 12px; letter-spacing: .18em; line-height: 1.7; }
h1 { font-family: Georgia, serif; font-weight: 400; font-size: clamp(48px, 9vw, 86px); line-height: 1.06; letter-spacing: -.04em; margin: 20px 0; }
.intro { font-size: 19px; line-height: 1.7; max-width: 500px; }
.notice { border-top: 1px solid #bfc3b3; padding-top: 24px; margin-top: 32px; max-width: 540px; font-size: 14px; line-height: 1.7; }
.notice p { margin: 6px 0 0; }
main.wide { max-width: 640px; align-items: stretch; }
h2, h3 { font-family: Georgia, serif; font-weight: 400; }
h3 { margin-top: 36px; }
.banner-draft { background: #f3dcc4; border: 1px solid #d88952; border-radius: 6px; padding: 12px 16px; font-size: 14px; margin: 16px 0; }
section { margin-top: 24px; }
label { display: block; margin: 12px 0; font-size: 14px; }
label input[type="text"], label input[type="email"], input:not([type]) { display: block; width: 100%; margin-top: 4px; padding: 8px; border: 1px solid #bfc3b3; border-radius: 4px; font-size: 15px; }
label.check { display: flex; align-items: flex-start; gap: 8px; }
label.check input { width: auto; margin: 2px 0 0; }
.waiver-body { max-height: 260px; overflow-y: auto; border: 1px solid #bfc3b3; border-radius: 6px; padding: 12px 16px; font-size: 14px; line-height: 1.6; background: #fff; }
.waiver-meta { font-size: 13px; font-weight: bold; }
button { margin-top: 16px; padding: 10px 20px; border: none; border-radius: 6px; background: #d88952; color: #fff; font-size: 15px; cursor: pointer; }
#rsvp-result, #lookup-result, #hold-status, #book-result { margin-top: 12px; font-size: 14px; }
#slot-list { display: flex; flex-direction: column; gap: 8px; margin-top: 12px; }
#slot-list button { margin: 0; background: #fff; color: #323b31; border: 1px solid #bfc3b3; text-align: left; }