:root{font-family:"Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;color:#253b32;background:#f3f6f3;font-size:15px}*{box-sizing:border-box}body{margin:0}main{max-width:480px;padding:25px 18px 40px;margin:auto}header{display:flex;align-items:center;gap:12px;margin:8px 0 25px}.tent{font-size:36px}h1{font-size:26px;letter-spacing:-1px;margin:3px 0;font-weight:800}small{color:#697a70;font-size:12px;line-height:1.7}header small{letter-spacing:.2px}#badge{background:#deebe1;color:#326444;border-radius:20px;padding:6px 10px;font-size:12px;white-space:nowrap}section{background:white;border:1px solid #dce5dd;border-radius:17px;padding:20px;margin-bottom:13px}h2{font-size:14px;margin:0 0 15px}label{display:block;font-size:13px;font-weight:600}input:not([type=checkbox]),select{display:block;width:100%;min-height:44px;border:1px solid #d6e0d8;border-radius:9px;background:#fafcf9;color:#253b32;padding:10px;margin:7px 0 15px;font:inherit;font-size:16px}select{margin-bottom:0}.pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}button{cursor:pointer;background:#306443;color:white;border:0;border-radius:10px;font:inherit;font-size:14px;min-height:44px;padding:10px;width:100%;font-weight:600}.secondary{background:#edf3ee;color:#31583f;border:1px solid #dce5dd}button:disabled{opacity:.55;cursor:wait}.choices{display:flex;gap:7px;margin-bottom:10px}.choices label{flex:1;text-align:center}.choices input{position:absolute;opacity:0;width:1px;height:1px}.choices span{display:flex;align-items:center;justify-content:center;border:1px solid #dde5de;border-radius:10px;height:43px;background:#fafcf9;font-size:13px}.choices input:checked+span{background:#306443;color:white;border-color:#306443}.choices input:focus-visible+span{outline:2px solid #1939e0;outline-offset:2px}.monitor-control{margin-left:auto;display:flex;align-items:center;gap:6px;flex-shrink:0}.monitor-switch{position:relative;display:flex;align-items:center;width:42px;height:44px;cursor:pointer}.monitor-switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.switch-track{display:block;width:42px;height:25px;border-radius:20px;background:#acb7b0;transition:background .18s;pointer-events:none}.switch-track:after{content:"";display:block;width:19px;height:19px;margin:3px;border-radius:50%;background:white;box-shadow:0 1px 3px #0002;transition:transform .18s}.monitor-switch input:checked+.switch-track{background:#306443}.monitor-switch input:checked+.switch-track:after{transform:translateX(17px)}.monitor-switch input:focus-visible+.switch-track{outline:2px solid #1939e0;outline-offset:3px}details{font-size:12px;color:#65736b;margin-top:16px;line-height:1.8}summary{cursor:pointer}#status,#notice{font-size:13px;line-height:1.7;margin:13px 0 0}#notice{min-height:25px;text-align:center;color:#9b5126}#last{display:block}#chatChoices button{overflow-wrap:anywhere;white-space:normal;text-align:left;margin-top:8px;background:#edf3ee;color:#31583f}input:focus,select:focus,button:focus-visible{outline:2px solid #75a584;outline-offset:2px}[hidden]{display:none!important}@media(max-width:360px){main{padding:16px 10px}section{padding:16px}.choices{gap:4px}h1{font-size:23px}}

@media(max-width:400px){header{gap:8px}.tent{font-size:28px}h1{font-size:22px}header small{font-size:10px}#badge{padding:6px 8px;font-size:11px}}

/* Keep shared geometry and type sizes identical to the camping notifier. */
:root{color:#18334b;background:#edf5fb}
section{border-color:#d9e5ef}
small,details{color:#536b7e}
#badge{background:#d9eaf8;color:#175c91}
button,.choices input:checked+span,.monitor-switch input:checked+.switch-track{background:#126cad}
.choices input:checked+span{border-color:#126cad}
.secondary,#chatChoices button{background:#eaf3fa;color:#195782;border-color:#d9e5ef}
input:not([type=checkbox]),select,.choices span{background:#f8fbfe;color:#18334b;border-color:#d2e1ed}
.spaced{margin-top:23px}
.result{display:block;padding:16px 0;border-top:1px solid #dde7ef;color:#165e94;text-decoration:none}
.result strong,.result span{display:block}
.result span{font-size:14px;color:#536b7e;margin-top:6px;line-height:1.6}
#results p{font-size:15px;line-height:1.6}
footer{text-align:center;margin:20px 0}footer a{color:#165e94;font-size:14px}
#last,#next{display:block}
html,body{width:100%;min-width:0}main{width:100%;margin-inline:auto}
header>div,section,#settings{min-width:0}section{max-width:100%;overflow-wrap:anywhere}
.pair{grid-template-columns:repeat(2,minmax(0,1fr))}.pair>*{min-width:0}
input:not([type=checkbox]),select{max-width:100%;min-width:0}
.waterpark-icon{display:flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:48px}
.waterpark-icon svg{display:block;width:36px;height:36px}
@media(max-width:400px){.waterpark-icon{flex-basis:28px;width:28px;height:37px}.waterpark-icon svg{width:28px;height:28px}}
@media(max-width:320px){.pair{grid-template-columns:minmax(0,1fr)}}

/* Preserve the same horizontal center with and without vertical overflow. */
html{scrollbar-gutter:stable both-edges}
