.member-main{max-width:1120px;margin:auto;padding:44px 24px 90px;min-height:65vh}.member-main h1{font-size:clamp(30px,5vw,48px);line-height:1.3}.member-intro{max-width:680px}.member-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0}.member-tabs button{background:#fff;color:#24272c;border:1px solid #a4a5a7;min-height:48px;padding:10px 16px}.member-tabs button[aria-current=page]{background:#203039;color:#fff;border-color:#203039}.member-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:20px;margin:20px 0}.member-panel{padding:24px;border:1px solid #cecdc8;border-radius:12px;background:#fff;min-width:0}.member-panel h2{font-size:26px;line-height:1.35;margin-top:0}.member-panel h3{font-size:21px}.member-panel p{overflow-wrap:anywhere}.member-panel.feature{background:#23383b;color:#fff}.member-panel.feature .eyebrow{color:#fff}.member-panel.feature a{color:#fff}.member-panel .large-number{font-size:34px;margin:12px 0}.member-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.member-actions button,.member-actions .button{min-height:48px}.member-form{display:grid;gap:16px;max-width:540px}.member-form label{display:grid;gap:6px;font-size:17px}.member-form input:not([type=checkbox]),.member-form select,.member-form textarea{width:100%;min-height:48px;border:1px solid #777;background:#fff;color:#202429;padding:10px;font:inherit;border-radius:5px;box-sizing:border-box}.member-form label.check{display:flex;align-items:flex-start;gap:12px;line-height:1.5}.member-form input[type=checkbox]{width:22px;height:22px;flex:0 0 22px;margin-top:3px}.member-form textarea{min-height:90px}.member-form fieldset{border:1px solid #bebbb5;display:grid;gap:14px;padding:20px}.member-note{padding:16px;border-left:4px solid #45656b;background:#eef3f1;white-space:pre-line;line-height:1.65}.member-warning{background:#fff2df;border-left:4px solid #946c34;padding:16px;color:#332719}.member-empty{padding:32px;border:1px dashed #929695;background:#faf9f6;border-radius:10px}.member-table-wrap{overflow:auto;margin:20px 0}.member-table{border-collapse:collapse;width:100%;font-size:16px;text-align:left}.member-table th,.member-table td{padding:14px 10px;border-bottom:1px solid #ccc;min-width:90px;vertical-align:top}.member-table th{background:#f2f1ed}.member-badge{display:inline-block;padding:3px 9px;border-radius:5px;background:#e8eeeb;color:#203c30;font-size:15px;font-weight:700}.member-muted{color:#515b61}.member-error{padding:16px;background:#ffeded;border:1px solid #b44848;color:#742222;margin:16px 0}.member-success{padding:16px;background:#eaf5ec;border:1px solid #638866;color:#21472b;margin:16px 0}#member-message:empty{display:none}#member-dialog{width:min(620px,calc(100% - 32px));max-height:88vh;overflow:auto;padding:28px;border:1px solid #666;border-radius:12px}#member-dialog::backdrop{background:#0009}.member-qr{text-align:center;background:#fff;color:#202429}.member-qr img{max-width:100%;width:280px;height:280px;image-rendering:pixelated}.member-qr code{overflow-wrap:anywhere;font-size:13px;display:block}.member-term{white-space:pre-line;line-height:1.6}.member-danger{background:#8b3538;color:#fff}.member-panel button:disabled,.member-form button:disabled{opacity:.55;cursor:default}.member-notice.unread{border-left:5px solid #df6558}.member-notice h3{margin-top:0}.member-main summary{font-weight:700;cursor:pointer;padding:12px 0}.staff-video{max-width:100%;width:480px;background:#202429;border-radius:12px}.member-small{font-size:15px}.member-panel:target{outline:3px solid #527d83}.member-main button:focus-visible,.member-main a:focus-visible{outline:3px solid #307ac0;outline-offset:3px}@media(max-width:600px){.member-main{padding:28px 16px 70px}.member-panel{padding:20px}.member-tabs{gap:6px}.member-tabs button{padding:9px 12px;font-size:16px}.member-table{font-size:16px}#member-dialog{padding:20px}.member-actions>*{flex-grow:1}}

/* webfirst.1 — touch targets and safe bottom spacing, including three-button Android. */
.member-main{padding-bottom:calc(48px + env(safe-area-inset-bottom,0px))}.member-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 24px}.member-quick button{min-height:68px;padding:12px 8px;background:#201e1b;color:#faf8f3;border-radius:14px;font-weight:700}.member-tabs{display:flex;overflow-x:auto;flex-wrap:nowrap;gap:8px;padding-bottom:12px}.member-tabs button{flex:none;min-height:44px}.member-panel button,.member-panel a.button{min-height:44px}#member-dialog{max-height:calc(100dvh - 32px - env(safe-area-inset-bottom,0px));padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}.member-main input[type=time]{min-height:48px}footer{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}@media(max-width:600px){.member-quick{grid-template-columns:repeat(2,minmax(0,1fr))}.member-intro{font-size:16px}.member-main h1{font-size:30px}.member-panel{padding:20px}.member-main{padding-left:16px;padding-right:16px}.site-header nav{flex-wrap:wrap}}
.member-panel.feature{background:#25231f}.member-panel.feature .member-note{color:#25231f;background:#f5eee0;border-left-color:#d87445}.member-panel.feature .button,.member-panel.feature button{background:#f3e8d8;color:#25231f}.member-quick button:first-child{background:#c55232}.member-tabs button[aria-current=page]{background:#25231f;border-color:#25231f}.member-main h1{letter-spacing:-.04em}

/* PASS activation: kept above every member tab, hidden until eligibility is verified. */
.pass-activation-notice{margin:0 0 28px;padding:26px;border:3px solid #bd492d;border-radius:16px;background:#fff0d9;color:#342219;text-align:left;box-shadow:0 5px 0 #bd492d18}.pass-activation-notice[hidden]{display:none}.pass-activation-notice h2,.pass-activation-notice h3{margin:0 0 14px;font-size:clamp(24px,4vw,32px);line-height:1.35;color:#8d2c19}.pass-activation-notice p{margin:10px 0;font-size:18px;line-height:1.6;overflow-wrap:anywhere}.pass-activation-notice .pass-notice-lead{font-weight:800;font-size:20px}.pass-activation-notice .member-actions{margin:18px 0 0}.pass-activation-notice button{min-height:52px;line-height:1.4;padding:14px 18px;font-size:17px;font-weight:700;border-radius:9px}.pass-activation-notice .pass-qr-button{background:#a53620;color:#fff;border:2px solid #a53620}.pass-activation-notice .pass-confirm-button{background:#fff;color:#56341f;border:2px solid #a8784d}.pass-activation-notice button:disabled{opacity:.6;cursor:wait}.pass-activation-notice.is-complete{background:#eaf6ec;border-color:#387444}.pass-activation-notice.is-complete h2,.pass-activation-notice.is-complete h3{color:#23572d}.pass-qr-notice{margin-bottom:20px;padding:18px}.pass-qr-notice h3{font-size:24px}.pass-qr-notice p{font-size:16px}.pass-qr-status .pass-confirm-button{min-height:48px}.member-qr .pass-activation-notice .member-note{color:#342219}@media(max-width:600px){.pass-activation-notice{padding:20px;margin-bottom:24px}.pass-activation-notice .member-actions{display:grid;grid-template-columns:1fr}.pass-activation-notice .pass-notice-lead{font-size:19px}.pass-activation-notice p{font-size:17px}.pass-qr-notice{padding:14px}.pass-qr-notice .pass-notice-lead{font-size:17px}.pass-qr-notice p{font-size:15px}}

/* A single consent action, followed only by the device's required permission step. */
.push-setup{max-width:700px;margin:0 auto}.push-hero.member-panel{padding:32px;background:#f6f1e7;border:1px solid #d4c5ab;border-top:4px solid #405347;border-radius:14px}.push-hero .eyebrow,.push-nudge .eyebrow{font-size:11px;letter-spacing:2px;color:#59654e}.push-hero h1{font-size:clamp(27px,4.5vw,39px);line-height:1.4;white-space:pre-line;word-break:keep-all;margin:14px 0 18px}.push-hero h2{font-size:21px;line-height:1.5;margin-top:30px;word-break:keep-all}.push-lead{font-size:17px;line-height:1.8;color:#495448}.push-consent{font-size:15px;line-height:1.85;padding:16px 0 0;border-top:1px solid #d7cebd;margin-top:24px}.push-small{font-size:14px;line-height:1.8;color:#52584c;white-space:pre-line}.push-setup button,.push-nudge button{white-space:normal;word-break:keep-all;line-height:1.5;max-width:100%;font-size:16px;border-radius:8px;min-height:48px}.push-setup .push-primary,.push-nudge .push-primary{background:#344b3c;color:#fff;border:1px solid #344b3c;font-weight:700;padding:15px 22px}.push-hero>.push-primary{width:100%;margin-top:12px;min-height:56px;font-size:18px}.push-secondary{background:#fff;color:#354538;border:1px solid #9aa28d;padding:11px 16px}.push-help{text-align:center;font-size:14px;color:#59654e;margin-bottom:0}.push-status{display:inline-block;background:#dce8da;color:#2d5332;border-radius:20px;padding:6px 14px;font-size:14px;font-weight:700}.push-steps{padding-left:23px;line-height:1.85;font-size:16px}.push-steps li{padding:7px 0 7px 5px}.push-details{border-bottom:1px solid #d8d2c6;padding:8px 3px}.push-details summary{font-size:16px}.push-details .member-form{margin:10px 0 20px}.push-details>button{margin:8px 8px 15px 0}.push-setup>.member-actions{margin-top:25px}.push-nudge{margin:0 0 24px;background:#f0f4ed;border-color:#a6b49a}.push-nudge h2{font-size:23px;word-break:keep-all}.push-setup .member-form input[type=time]{max-width:100%;min-width:0}.push-setup .member-form label{min-width:0}.push-setup button:disabled{opacity:.6;cursor:wait}@media(max-width:600px){.push-hero.member-panel{padding:24px 20px}.push-setup .member-actions{display:grid;grid-template-columns:1fr;width:100%}.push-setup .member-actions>*{width:100%}.push-nudge .member-actions{display:grid;grid-template-columns:1fr}.push-hero h1{font-size:28px}.push-details>button{width:100%;margin-right:0}}

/* Rolling Pass is the primary member benefit; paid account controls stay in settings. */
.rolling-page{max-width:980px;margin:0 auto}.rolling-page-title{margin-bottom:28px}
.rolling-pass-card.member-panel{position:relative;padding:32px;background:linear-gradient(125deg,#19241e,#344237);border:1px solid #53614c;border-radius:14px;color:#f5efdf;overflow:hidden}
.rolling-pass-card .eyebrow{color:#d2b784;letter-spacing:2.5px;font-size:11px;margin-bottom:15px}
.rolling-pass-card h2{font-size:30px;font-weight:650;margin-bottom:22px;letter-spacing:-1px}
.rolling-remaining{display:flex;align-items:baseline;gap:17px;margin:0 0 20px;flex-wrap:wrap}
.rolling-remaining strong{font-size:52px;line-height:1.1;letter-spacing:-2px;font-weight:550}
.rolling-remaining>span{font-size:15px;color:#d8ddcc}
.rolling-streak{padding:21px 0;margin:16px 0 21px;border-top:1px solid #cbb88b55;border-bottom:1px solid #cbb88b55;display:grid;gap:7px}
.rolling-streak-kicker{font-size:10px;color:#c9b489;letter-spacing:2px}
.rolling-streak strong{font-size:clamp(23px,3.5vw,34px);font-weight:600;line-height:1.4;color:#f0cf8f;letter-spacing:-1px}
.rolling-streak>span:last-child{font-size:12px;color:#cdd5c4}
.rolling-expiry{font-size:13px;color:#d8dfcf}
.rolling-pass-card .member-note{background:#ffffff0d;border-color:#c5ac78;color:#e2e6d9;font-size:14px;padding:14px;margin:18px 0}
.rolling-pass-card button{border-color:#d6bc84;background:#e9d5ac;color:#20291f;font-size:15px;min-height:50px;padding:11px 17px;max-width:100%;white-space:normal}
.rolling-overview>.member-panel:not(.rolling-pass-card){background:#f3ede1;border-color:#d5c6ad;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.rolling-overview>.member-panel:not(.rolling-pass-card) p{font-size:16px;color:#625541}.rolling-overview>.member-panel:not(.rolling-pass-card) button{align-self:flex-start;background:#99432c;color:#fff;border-color:#99432c;font-size:15px}
.rolling-guide-content{padding:42px 0 0}.rolling-guide-content>.eyebrow{font-size:11px;color:#8b683c;letter-spacing:2.5px}
.rolling-guide-content>h2{font-size:clamp(27px,4vw,38px);letter-spacing:-1.4px;margin-bottom:17px}
.rolling-guide-lead{font-size:18px;line-height:1.8;color:#5b604e}
.rolling-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:32px 0}
.rolling-steps .member-panel{padding:23px;background:#f4f0e8;border:1px solid #ded5c6;border-radius:4px}
.rolling-step-number{display:block;font:italic 27px Georgia,serif;color:#9e7949;margin-bottom:23px}
.rolling-steps h3{font-size:20px;letter-spacing:-.6px;line-height:1.5}.rolling-steps p{font-size:15px;line-height:1.85;margin-bottom:0;color:#625847}
.rolling-conditions{padding:28px;border:1px solid #dbd4c8;background:#fffcf6;border-radius:4px}
.rolling-conditions h3{font-size:20px;margin:0 0 14px}.rolling-conditions h3:not(:first-child){margin-top:30px}.rolling-conditions p{font-size:15px;line-height:1.9;color:#605846}.rolling-conditions p:last-child{margin-bottom:0}
@media(max-width:700px){.rolling-pass-card.member-panel{padding:25px}.rolling-pass-card h2{font-size:27px}.rolling-remaining strong{font-size:46px}.rolling-streak strong{font-size:27px}.rolling-guide-content{padding-top:34px}.rolling-guide-lead{font-size:16px}.rolling-steps{grid-template-columns:1fr;gap:14px}.rolling-steps .member-panel{padding:22px}.rolling-step-number{margin-bottom:14px}.rolling-conditions{padding:22px}.rolling-conditions p{font-size:14px}.rolling-page>.member-actions button{width:100%}}

/* NAVER Login BI: unaltered official KR Light green narrow H56 asset, 2026-10-07. */
:is(.member-social-login,.member-panel,#member-root details)>.kakao-login,:is(.member-social-login,.member-panel,#member-root details)>.naver-login{display:flex;width:100%;max-width:368px;min-height:56px;box-sizing:border-box;margin:10px 0;justify-content:center}
:is(.member-social-login,.member-panel,#member-root details)>.naver-login{padding:0;border:0;border-radius:8px;background:#03a94d;color:#fff;gap:0;line-height:1;overflow:hidden;box-shadow:none}
:is(.member-social-login,.member-panel,#member-root details)>.naver-login img{display:block;width:230px;height:56px;max-width:none;flex:none;margin:0;object-fit:contain}
:is(.member-social-login,.member-panel,#member-root details)>.naver-login:hover,:is(.member-social-login,.member-panel,#member-root details)>.naver-login:active,:is(.member-social-login,.member-panel,#member-root details)>.naver-login:disabled{background:#03a94d;filter:none;opacity:1}
:is(.member-social-login,.member-panel,#member-root details)>.naver-login:focus-visible{outline:3px solid #202726;outline-offset:4px}
:is(.member-social-login,.member-panel,#member-root details)>.naver-login:disabled{cursor:not-allowed}

/* Kakao Login BI: unaltered official KR medium @4x asset, 2026-10-07. */
:is(.member-social-login,.member-panel,#member-root details)>.kakao-login{align-items:center;padding:0;border:0;border-radius:8px;background:#fee500;color:#000;gap:0;line-height:1;overflow:hidden;box-shadow:none}
:is(.member-social-login,.member-panel,#member-root details)>.kakao-login img{display:block;width:272.696px;height:auto;max-width:100%;flex:none;margin:0;object-fit:contain}
:is(.member-social-login,.member-panel,#member-root details)>.kakao-login:hover,:is(.member-social-login,.member-panel,#member-root details)>.kakao-login:active,:is(.member-social-login,.member-panel,#member-root details)>.kakao-login:disabled{background:#fee500;filter:none;opacity:1}
:is(.member-social-login,.member-panel,#member-root details)>.kakao-login:focus-visible{outline:3px solid #202726;outline-offset:4px}
:is(.member-social-login,.member-panel,#member-root details)>.kakao-login:disabled{cursor:not-allowed}

/* Show continuous pass age ahead of the remaining validity period. */
.rolling-pass-card .rolling-streak{margin-top:0;padding-top:18px}
.rolling-pass-card .rolling-streak-kicker{font-size:14px;letter-spacing:.2px}
.rolling-pass-card .rolling-streak strong{font-size:clamp(38px,7vw,48px);line-height:1.15;letter-spacing:-1px}
.rolling-pass-card .rolling-streak-status{font-size:16px;color:#f5efdf}
.rolling-pass-card .rolling-remaining strong{font-size:26px;letter-spacing:-.5px}

/* Honor the notification screen’s hidden navigation shortcuts. */
.member-main > .member-actions[hidden]{display:none}