@font-face{font-family:WantedSans;src:url('fonts/WantedSansVariable.woff2') format('woff2');font-display:swap;font-weight:100 900}
:root{--green:#075a4e;--action:#00856f;--ink:#12333a;--muted:#5f7480;--line:#d8ecf0;--sky:#f3fbff;--ivory:#fff9e8;--error:#a92f36}
*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:WantedSans,Pretendard,"Noto Sans KR",sans-serif;background:radial-gradient(circle at 10% 10%,#dcfff4 0,transparent 34%),linear-gradient(145deg,var(--sky),#fff 48%,var(--ivory));min-height:100vh}.auth-page{width:min(760px,calc(100% - 32px));margin:0 auto;padding:34px 0 60px}.auth-brand{display:inline-block;margin:0 0 24px;color:var(--green);font-size:34px;font-weight:900;text-decoration:none}.auth-card{width:min(560px,100%);margin:0 auto;padding:30px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 18px 42px rgba(0,128,160,.1)}.auth-card--wide{width:100%}.auth-kicker{display:inline-flex;padding:7px 12px;border-radius:999px;background:#dcfff4;color:var(--action);font-size:13px;font-weight:850;letter-spacing:.08em}.auth-card h1{margin:14px 0 5px;color:var(--green);font-size:32px;line-height:1.2}.auth-card>p{margin:0 0 22px;color:var(--muted);font-size:16px;font-weight:650}.auth-card form{display:grid;gap:17px}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.auth-card label{display:grid;gap:7px;color:var(--ink);font-size:15px;font-weight:800}.auth-card input,.auth-card select{width:100%;min-height:54px;padding:0 15px;border:1px solid var(--line);border-radius:14px;background:#fbfeff;color:var(--ink);font:inherit;font-size:16px;outline:none}.auth-card input:focus,.auth-card select:focus{border-color:var(--action);box-shadow:0 0 0 3px rgba(0,133,111,.12)}.auth-card small{color:var(--muted);font-size:12px;line-height:1.45}.auth-primary{min-height:56px;border:0;border-radius:15px;background:var(--action);color:#fff;font:inherit;font-size:17px;font-weight:850;cursor:pointer;box-shadow:0 14px 30px rgba(0,133,111,.22)}.auth-primary:hover{background:var(--green)}.auth-error,.auth-draft-warning{margin:16px 0;padding:14px 16px;border-radius:14px;font-size:14px;font-weight:750;line-height:1.55}.auth-error{border:1px solid #efb7ba;background:#fff1f1;color:var(--error)}.auth-draft-warning{border:1px solid #eed77c;background:#fff9d7;color:#6d5700}.auth-links{display:grid;gap:10px;margin-top:20px;text-align:center}.auth-links a{color:var(--action);font-weight:850}.auth-links p{margin:0;color:var(--muted);font-size:14px}.auth-consents{display:grid;gap:12px;margin:2px 0;padding:18px;border:1px solid var(--line);border-radius:16px;background:#f6fcff}.auth-consents legend{padding:0 8px;color:var(--green);font-weight:850}.auth-consents label{display:flex;grid-template:none;align-items:flex-start;gap:10px}.auth-consents input{flex:0 0 22px;width:22px;min-height:22px;margin:0}.auth-consents a{color:var(--action)}.legal-card{line-height:1.7}.legal-card h2{margin:30px 0 8px;color:var(--green);font-size:22px}.legal-card h3{margin:18px 0 6px;font-size:17px}.legal-card p,.legal-card li{color:#405d65}.legal-card table{width:100%;border-collapse:collapse;margin:12px 0}.legal-card th,.legal-card td{padding:12px;border:1px solid var(--line);text-align:left;vertical-align:top}.legal-card th{background:#f6fcff}.legal-placeholder{display:inline-block;padding:2px 7px;border-radius:6px;background:#fff1f1;color:var(--error);font-weight:850}
@media(max-width:640px){.auth-page{width:min(100% - 24px,760px);padding:20px 0 44px}.auth-brand{margin-bottom:16px;font-size:30px}.auth-card{padding:22px 18px;border-radius:22px}.auth-card h1{font-size:27px}.auth-grid{grid-template-columns:1fr}.auth-grid>span{display:none}.auth-card input,.auth-card select{min-height:56px}.legal-card table,.legal-card tbody,.legal-card tr,.legal-card th,.legal-card td{display:block}.legal-card th{border-bottom:0}}

/* Signup page: the public authentication behavior stays shared, while the
   longer signup flow gets its own information hierarchy and responsive rhythm. */
.auth-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.auth-page--signup{width:min(1040px,calc(100% - 32px))}
.signup-card{width:min(920px,100%);padding:34px}
.signup-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.signup-intro h1{margin-bottom:7px}
.signup-intro p{max-width:560px;margin:0;color:var(--muted);font-size:16px;font-weight:650;line-height:1.55;word-break:keep-all}
.signup-membership-badge{display:grid;flex:0 0 auto;gap:3px;min-width:150px;padding:15px 18px;border:1px solid #f3df88;border-radius:18px;background:linear-gradient(145deg,#fff9d7,#fffdf3);box-shadow:0 10px 24px rgba(183,146,0,.09)}
.signup-membership-badge span{color:#987500;font-size:13px;font-weight:900;letter-spacing:.09em}
.signup-membership-badge strong{color:var(--ink);font-size:15px;word-break:keep-all}
.signup-steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:28px 0 22px;padding:0;list-style:none}
.signup-steps:before{position:absolute;top:17px;right:16.66%;left:16.66%;height:2px;background:#dcecef;content:""}
.signup-steps li{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px;color:#6f828a;font-size:14px;font-weight:800;text-align:center}
.signup-steps li span{display:grid;place-items:center;width:34px;height:34px;border:2px solid #dcecef;border-radius:50%;background:#fff;color:#6f828a;font-size:14px}
.signup-steps li.is-current{color:var(--green)}
.signup-steps li.is-current span{border-color:var(--action);background:var(--action);color:#fff;box-shadow:0 7px 16px rgba(0,133,111,.18)}
.signup-form{gap:18px!important}
.signup-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.auth-form-section{min-width:0;margin:0;padding:23px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#fff,#f8fdff);box-shadow:0 10px 26px rgba(0,128,160,.055)}
.auth-section-heading{display:flex;align-items:center;gap:12px;margin:0 0 20px}
.auth-section-number{display:grid;flex:0 0 40px;place-items:center;width:40px;height:40px;border-radius:14px;background:#dcfff4;color:var(--action);font-size:16px;font-weight:900;box-shadow:inset 0 0 0 1px rgba(0,133,111,.08)}
.auth-section-number--sky{background:#e8f9ff;color:#087aaf;box-shadow:inset 0 0 0 1px rgba(0,169,244,.09)}
.auth-section-number--gold{background:#fff6c9;color:#876800;box-shadow:inset 0 0 0 1px rgba(255,207,51,.25)}
.auth-section-heading h2,.auth-section-heading strong{display:block;margin:0;color:var(--green);font-size:20px;font-weight:880;line-height:1.25}
.auth-section-heading p,.auth-section-heading small{display:block;margin:4px 0 0;color:var(--muted);font-size:13px;font-weight:650;line-height:1.45;word-break:keep-all}
.signup-profile-grid,.signup-account-grid{gap:15px}
.signup-account-grid .auth-field--full{grid-column:1/-1}
.signup-card label>span:first-child{font-size:15px}
.signup-card input::placeholder{color:#8a9aa0;font-weight:650}
.signup-card small{font-size:13px}
.signup-card input:valid:not(:placeholder-shown),.signup-card select:valid{border-color:#a9dfd5;background:#fbfffd}
.auth-consents{display:grid;gap:10px;padding:23px;background:linear-gradient(135deg,#f4fffb,#f6fcff)}
.auth-consents .auth-section-heading{margin-bottom:8px}
.auth-consent-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:74px;padding:13px 15px;border:1px solid #dfeef0;border-radius:16px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.auth-consent-row:focus-within{border-color:var(--action);box-shadow:0 0 0 3px rgba(0,133,111,.1)}
.auth-consent-row label{display:flex;flex:1;align-items:center;gap:13px;min-width:0;cursor:pointer}
.auth-consent-row input{flex:0 0 26px;width:26px;height:26px;min-height:26px;margin:0;accent-color:var(--action);cursor:pointer}
.auth-consent-copy{display:grid;gap:3px;min-width:0}
.auth-consent-copy strong{color:var(--ink);font-size:16px;line-height:1.35;word-break:keep-all}
.auth-consent-copy small{color:var(--muted);font-size:13px;line-height:1.4;word-break:keep-all}
.auth-consent-row>a{flex:0 0 auto;padding:9px 11px;border-radius:10px;background:#eefaf7;color:var(--action);font-size:13px;font-weight:850;text-decoration:none;white-space:nowrap}
.auth-consent-row>a:hover{background:#dcfff4}
.auth-required-badge{flex:0 0 auto;padding:7px 10px;border-radius:999px;background:#fff6c9;color:#775e00;font-size:12px;font-weight:850}
.signup-submit{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:19px 21px;border:1px solid #bfe4dc;border-radius:20px;background:linear-gradient(120deg,#f0fff9,#f7fcff)}
.signup-submit p{display:grid;gap:4px;margin:0;line-height:1.4}
.signup-submit p strong{color:var(--green);font-size:16px}
.signup-submit p span{color:var(--muted);font-size:13px;font-weight:650}
.signup-submit .auth-primary{flex:0 0 310px}
.signup-card>.auth-links{margin-top:22px}
@media(hover:hover){.auth-consent-row:hover{border-color:#b7ddd7;transform:translateY(-1px)}}
@media(max-width:860px){.signup-section-grid{grid-template-columns:1fr}.signup-submit .auth-primary{flex-basis:280px}}
@media(max-width:640px){
  .auth-page--signup{width:min(100% - 24px,1040px)}
  .signup-card{padding:22px 17px}
  .signup-intro{display:grid;gap:16px}
  .signup-intro h1{font-size:28px}
  .signup-intro p{font-size:15px}
  .signup-membership-badge{display:flex;align-items:center;justify-content:space-between;min-width:0;padding:12px 14px;border-radius:15px}
  .signup-membership-badge strong{font-size:14px}
  .signup-steps{margin:22px -4px 18px}
  .signup-steps:before{top:15px}
  .signup-steps li{display:grid;justify-items:center;gap:5px;font-size:11.5px;line-height:1.25}
  .signup-steps li span{width:30px;height:30px;font-size:13px}
  .auth-form-section{padding:18px 15px;border-radius:18px}
  .auth-section-heading{align-items:flex-start;margin-bottom:17px}
  .auth-section-number{flex-basis:38px;width:38px;height:38px;border-radius:13px}
  .auth-section-heading h2,.auth-section-heading strong{font-size:19px}
  .signup-profile-grid,.signup-account-grid{grid-template-columns:1fr;gap:15px}
  .signup-account-grid .auth-field--full{grid-column:auto}
  .auth-consents{gap:9px}
  .auth-consents .auth-section-heading{margin-bottom:5px}
  .auth-consent-row{align-items:flex-start;min-height:78px;padding:13px 12px}
  .auth-consent-row label{align-items:flex-start}
  .auth-consent-row input{margin-top:2px}
  .auth-consent-copy strong{font-size:15px}
  .auth-consent-copy small{font-size:12.5px}
  .auth-consent-row>a{align-self:center;padding:8px 9px;font-size:12px}
  .auth-required-badge{align-self:center;padding:6px 9px}
  .signup-submit{display:grid;gap:15px;padding:17px}
  .signup-submit .auth-primary{width:100%;min-height:58px}
}
@media(max-width:360px){.auth-consent-row{gap:9px}.auth-consent-row>a{padding:8px 7px}.signup-card{padding-right:14px;padding-left:14px}}
@media(prefers-reduced-motion:reduce){.auth-consent-row{transition:none}}

.auth-field{display:grid;gap:7px;color:var(--ink);font-size:15px;font-weight:800}
.login-id-check-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}
.auth-secondary{min-height:54px;padding:0 17px;border:1px solid #9fd4ca;border-radius:14px;background:#eefaf7;color:var(--green);font:inherit;font-size:15px;font-weight:850;cursor:pointer;white-space:nowrap;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.auth-secondary:hover{border-color:var(--action);background:#dcfff4}
.auth-secondary:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(0,133,111,.14)}
.auth-secondary:disabled{cursor:wait;opacity:.65}
.login-id-check-status{min-height:20px;margin:0;color:var(--muted);font-size:13px;font-weight:700;line-height:1.45}
.login-id-check-status.is-checking{color:#087aaf}
.login-id-check-status.is-success{color:var(--action)}
.login-id-check-status.is-error{color:var(--error)}
body.auth-modal-open{overflow:hidden}
.auth-legal-modal[hidden]{display:none}
.auth-legal-modal{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:24px}
.auth-legal-modal-backdrop{position:absolute;inset:0;background:rgba(7,51,47,.55);backdrop-filter:blur(5px)}
.auth-legal-modal-panel{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(820px,100%);max-height:min(820px,calc(100vh - 48px));overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 28px 80px rgba(5,62,54,.25);outline:0}
.auth-legal-modal-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid var(--line);background:linear-gradient(120deg,#f0fff9,#f6fcff)}
.auth-legal-modal-header span{display:block;margin-bottom:3px;color:var(--action);font-size:12px;font-weight:900;letter-spacing:.08em}
.auth-legal-modal-header h2{margin:0;color:var(--green);font-size:24px;line-height:1.3}
.auth-legal-modal-close{display:grid;flex:0 0 46px;place-items:center;width:46px;height:46px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);font:inherit;font-size:28px;line-height:1;cursor:pointer}
.auth-legal-modal-close:hover{border-color:#9fd4ca;background:#eefaf7}
.auth-legal-modal-close:focus-visible{outline:0;box-shadow:0 0 0 3px rgba(0,133,111,.14)}
.auth-legal-modal-body{overflow:auto;padding:22px 26px;background:#fff;overscroll-behavior:contain}
.auth-legal-modal-body article>.auth-kicker{margin-bottom:4px}
.auth-legal-modal-body h2:first-of-type{margin-top:20px}
.auth-legal-modal-footer{display:flex;justify-content:flex-end;padding:16px 22px;border-top:1px solid var(--line);background:#fff}
.auth-legal-modal-footer .auth-primary{width:min(260px,100%);padding:0 22px}
@media(max-width:640px){
  .login-id-check-row{grid-template-columns:minmax(0,1fr) 92px;gap:8px}
  .auth-secondary{min-height:56px;padding:0 10px;font-size:14px}
  .auth-legal-modal{align-items:end;padding:10px}
  .auth-legal-modal-panel{width:100%;max-height:calc(100vh - 20px);border-radius:22px 22px 18px 18px}
  .auth-legal-modal-header{padding:16px 17px}
  .auth-legal-modal-header h2{font-size:21px}
  .auth-legal-modal-close{flex-basis:44px;width:44px;height:44px}
  .auth-legal-modal-body{padding:17px 18px}
  .auth-legal-modal-footer{padding:13px 17px}
  .auth-legal-modal-footer .auth-primary{width:100%}
}
@media(prefers-reduced-motion:reduce){.auth-secondary{transition:none}.auth-legal-modal-backdrop{backdrop-filter:none}}

.auth-card-wide{width:min(820px,100%)}
.auth-link-button{display:flex;text-decoration:none}
.booking-summary{display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px;align-items:center;margin:22px 0;padding:16px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(120deg,#f1fff9,#f4fbff)}
.booking-summary img{width:180px;height:118px;object-fit:cover;border-radius:14px;background:#e7f4ef}
.booking-summary span{display:inline-flex;margin-bottom:6px;padding:5px 9px;border-radius:999px;background:#d9f8ed;color:var(--action);font-size:12px;font-weight:900}
.booking-summary h2{margin:0 0 7px;color:var(--green);font-size:23px;line-height:1.35}
.booking-summary p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}
.booking-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 22px}
.booking-details div{padding:15px 16px;border:1px solid var(--line);border-radius:16px;background:#fff}
.booking-details dt{margin-bottom:6px;color:var(--muted);font-size:13px;font-weight:800}
.booking-details dd{margin:0;color:var(--ink);font-size:18px;font-weight:900}
.reservation-list{display:grid;gap:12px;margin-top:22px}
.reservation-item{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#fff}
.reservation-item h2{margin:8px 0 4px;color:var(--green);font-size:20px}
.reservation-item p{margin:0 0 9px;color:var(--muted);font-size:14px}
.reservation-item strong,.reservation-item small{display:block;color:var(--ink)}
.reservation-item small{margin-top:5px;color:var(--muted);font-size:12px}
.reservation-item button{min-width:106px;min-height:46px;border:1px solid #efb5b0;border-radius:13px;background:#fff4f3;color:#a1342d;font:inherit;font-weight:850;cursor:pointer}
.reservation-status{display:inline-flex;padding:5px 9px;border-radius:999px;background:#dff8ef;color:var(--action);font-size:12px;font-weight:900}
.reservation-status.is-muted{background:#edf1ef;color:#687773}
.reservation-empty{padding:30px 20px;text-align:center;border:1px dashed #acd7cf;border-radius:18px;background:#f4fcf9}
.reservation-empty strong{display:block;color:var(--green);font-size:19px}.reservation-empty p{color:var(--muted)}.reservation-empty a{color:var(--action);font-weight:900}
@media(max-width:640px){
  .booking-summary{grid-template-columns:1fr;padding:13px}.booking-summary img{width:100%;height:170px}.booking-summary h2{font-size:21px}
  .booking-details{grid-template-columns:1fr 1fr}.booking-details dd{font-size:16px}
  .reservation-item{display:grid}.reservation-item form,.reservation-item button{width:100%}
}