@charset "UTF-8";
:root{--ink:#203b37;--muted:#78847e;--teal:#1e453a;--teal-soft:#e9f0eb;--paper:#f6f5ef;--white:#fffefa;--line:#e5e7df;--gold:#bb975e;--red:#a34a3a;--red-soft:#fcf0e9;--serif:"Songti SC","Noto Serif CJK SC","SimSun",serif;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-family:var(--sans);color:var(--ink);font-synthesis:none;background:var(--paper);line-height:1.6}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #adbd9d;outline-offset:3px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.4}input,textarea,select{color:var(--ink);background:#fff;border:1px solid #dce1d8;border-radius:10px;padding:13px 14px;min-height:48px;width:100%;font-size:16px}input[type="date"]{min-width:0;padding:12px 8px;font-size:15px;max-width:100%}input::placeholder,textarea::placeholder{color:#a0a79f}textarea{resize:vertical}fieldset{padding:0;margin:0;border:0;min-width:0}legend,label,.field-label{font-size:15px;font-weight:600}legend{padding:0;margin-bottom:12px}small{font-size:12px;font-weight:400}label small,legend small,.field-label small{color:var(--muted);margin-left:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.eyebrow{display:block;font-size:10px;letter-spacing:2px;font-weight:600}.brandbar{max-width:760px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:22px 28px}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-weight:650;letter-spacing:2px;font-size:17px;line-height:1.4}.brand small{display:block;font-size:8px;letter-spacing:1.6px;color:var(--muted);margin-top:3px}.brand-caption{color:var(--muted);font-size:11px;letter-spacing:1px}.guest-shell{max-width:680px;margin:auto}.hero{height:300px;position:relative;overflow:hidden;border-radius:20px;margin:0 20px;background:var(--teal)}.hero>img{width:100%;height:100%;object-fit:cover;object-position:50% 61%}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,39,34,.72),rgba(9,39,34,.05))}.hero-copy{position:absolute;left:32px;top:40px;z-index:1;color:#fffdf3}.hero-copy .eyebrow{color:#e3e5ca;font-size:9px;letter-spacing:2px}.hero h1{font:500 36px/1.4 var(--serif);letter-spacing:2px;margin-top:16px}.hero p{font-size:13px;line-height:1.9;opacity:.9;margin-top:14px}.hero-location{position:absolute;right:20px;bottom:15px;color:#fff;z-index:1;font-size:10px;letter-spacing:1px}.stepper{margin:30px 28px 0}.stepper ol{padding:0;margin:0;display:flex;list-style:none;justify-content:space-between}.stepper li{display:flex;gap:8px;align-items:center;font-size:12px;color:#a2aaa0}.stepper li>span{font-size:10px;letter-spacing:1px;font-weight:600}.stepper li.current,.stepper li.complete{color:var(--teal)}progress{appearance:none;-webkit-appearance:none;border:0;height:2px;width:100%;display:block;background:var(--line);margin-top:16px}progress::-webkit-progress-bar{background:var(--line)}progress::-webkit-progress-value{background:var(--teal);transition:width .2s}progress::-moz-progress-bar{background:var(--teal)}.step-panel{padding:0 20px 20px}.section-heading{padding:30px 8px 22px}.section-heading .eyebrow{color:var(--gold);font-size:9px}.section-heading h2{font-family:var(--serif);font-size:26px;font-weight:500;letter-spacing:1px;margin:10px 0}.section-heading p{font-size:12px;color:var(--muted);line-height:1.8}.form-card{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:0 22px;margin-bottom:18px}.field{padding:23px 0;border-bottom:1px solid var(--line)}.field:last-child{border:0}.field>label,.field>.field-label{display:block;margin-bottom:12px}.field label+input,.field label+textarea{margin-top:0}.card-kicker{font-size:10px;color:var(--gold);letter-spacing:2px;padding-top:22px;font-weight:600}.card-kicker+.field{padding-top:17px}.counter-row{display:flex;justify-content:space-between;align-items:center;padding-top:18px}.counter-row strong{font-size:14px;font-weight:500}.counter-row small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.counter{display:flex;align-items:center;gap:4px}.counter button{border:1px solid var(--line);color:var(--teal);background:transparent;border-radius:50%;width:38px;height:38px;font-size:20px;line-height:1}.counter button:disabled{color:#bcc4b7;cursor:default}.counter output{display:block;min-width:36px;text-align:center;font-weight:600;font-size:16px}.two-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.input-label{display:block;color:var(--muted);font-size:12px;font-weight:400}.input-label input,.input-label textarea{display:block;margin-top:9px}.hint{color:var(--muted);font-size:11px;line-height:1.8;margin-top:10px}.height-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:16px}.height-label{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:center;font-size:12px;color:var(--muted);font-weight:400}.height-label select{min-width:0;font-size:14px}.height-label select[aria-invalid="true"]{border-color:var(--red)}.choices{display:flex;flex-wrap:wrap;gap:9px}.choice{display:block;position:relative;font-size:13px;font-weight:400}.choice input{position:absolute;opacity:0;width:1px;height:1px;min-height:0;padding:0}.choice span{display:flex;align-items:center;gap:6px;min-height:44px;padding:10px 14px;border:1px solid #e0e4d9;border-radius:9px;color:#69786e;background:#fffefa;transition:background .12s,color .12s,border-color .12s}.choice input:checked+span{color:var(--teal);background:var(--teal-soft);border-color:#92afa1;font-weight:500}.choice input:checked+span::before{content:"✓";font-size:11px}.choice input:focus-visible+span{outline:3px solid #adbd9d;outline-offset:2px}.conditional{margin-top:16px}.conditional[hidden]{margin:0}.field-error{color:var(--red);font-size:12px;margin-top:8px;line-height:1.7}.field-error:empty{display:none}.input-error{border-color:var(--red)}.room-count{margin-top:18px}.room-count input{max-width:220px}.understated-note{font-size:11px;color:var(--muted);line-height:1.8;text-align:center;padding:2px 12px}.review-strip{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #d5ddcf;border-bottom:1px solid #d5ddcf;margin-bottom:22px;padding:17px 8px}.review-strip .eyebrow{color:var(--gold);font-size:9px}.review-strip p{font-size:13px;margin-top:5px}.text-button{background:none;border:0;padding:10px 0;color:var(--teal);font-size:12px;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}.title-field{margin-top:16px}.required{color:var(--gold);font-size:10px;font-weight:400;float:right;margin-top:3px}.consent-area{padding:4px 5px 18px}.consent-label{display:flex;gap:10px;font-size:11px;color:var(--muted);font-weight:400;line-height:1.9;align-items:flex-start}.consent-label input{width:18px;height:18px;min-height:18px;margin:3px 0 0;accent-color:var(--teal);flex-shrink:0}.consent-area .text-button{margin-left:28px;font-size:11px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:12px 22px;font-size:14px;font-weight:500;text-decoration:none;border-radius:10px;border:1px solid transparent}.button.primary{color:#fffefa;background:var(--teal)}.button.secondary{background:transparent;color:var(--teal);border-color:#cbd5c7}.button.danger{background:var(--red-soft);color:var(--red)}.button:hover{filter:brightness(.97)}.button.small{min-height:38px;font-size:12px;padding:8px 15px}.actionbar{position:sticky;bottom:0;background:rgba(246,245,239,.97);border-top:1px solid var(--line);padding:14px 24px max(14px,env(safe-area-inset-bottom));z-index:4}.actionbar-inner{max-width:620px;margin:0 auto;display:flex;align-items:center;gap:14px}.actionbar .primary{margin-left:auto;min-width:150px}.action-hint{color:var(--muted);font-size:10px}.guest-footer{text-align:center;font-size:10px;letter-spacing:1px;color:#99a193;padding:22px 15px 28px}.notice{margin:20px 20px 0;border-radius:10px;font-size:13px;line-height:1.8;padding:13px 16px}.notice.error{background:var(--red-soft);color:var(--red);border:1px solid #eecfc1}.notice.success{background:var(--teal-soft);color:var(--teal)}.success-view{text-align:center;padding:70px 24px 40px;min-height:70vh}.success-mark{width:64px;height:64px;border:1px solid #b0c5ae;border-radius:50%;margin:0 auto 28px;font-size:28px;line-height:64px;color:var(--teal);background:#edf2e7}.success-view .eyebrow{color:var(--gold);font-size:9px}.success-view h1{font-size:29px;font-family:var(--serif);font-weight:500;margin:16px 0}.success-view>p{color:var(--muted);font-size:13px;line-height:2}.receipt{max-width:320px;margin:32px auto 20px;padding:20px;background:var(--white);border:1px solid var(--line);border-radius:12px}.receipt small{display:block;color:var(--muted);font-size:10px;margin-bottom:8px}.receipt strong{font-size:13px;letter-spacing:1px;font-weight:500}.success-sea{font-family:var(--serif);color:#8e9a82;font-size:17px;letter-spacing:2px;margin-top:55px}.privacy-dialog,.image-dialog{padding:0;border:0;border-radius:18px;max-width:440px;width:calc(100% - 36px);background:var(--white);color:var(--ink);max-height:90dvh}.privacy-dialog::backdrop,.image-dialog::backdrop{background:rgba(20,39,33,.5)}.dialog-body{padding:28px}.dialog-body .eyebrow{color:var(--gold)}.dialog-body h2{font:500 24px var(--serif);margin:14px 0 22px}.dialog-body p{font-size:13px;color:#6c7b70;line-height:1.9;margin:14px 0}.dialog-body .button{width:100%;margin-top:15px}
/* 接待后台 */
.admin-page{background:#f5f5ef}.admin-topbar{border-bottom:1px solid var(--line);background:var(--white)}.admin-topbar-inner{max-width:1180px;margin:auto;padding:18px 28px;display:flex;align-items:center;justify-content:space-between;gap:15px}.admin-topbar-actions{display:flex;gap:18px;align-items:center}.admin-tag{font-size:11px;color:var(--muted);border-left:1px solid var(--line);padding-left:18px;letter-spacing:1px}.login-shell{max-width:400px;margin:9vh auto;padding:0 22px}.login-shell .eyebrow{color:var(--gold)}.login-shell h1{font:500 32px var(--serif);margin:14px 0}.login-shell>p{font-size:13px;color:var(--muted);margin-bottom:30px}.login-form{padding:25px;background:var(--white);border:1px solid var(--line);border-radius:16px}.login-form label{display:block;font-size:12px;margin-bottom:16px;color:var(--muted);font-weight:400}.login-form input{margin-top:8px}.login-form .button{width:100%}.login-form .notice{margin:0 0 18px}.admin-shell{max-width:1180px;margin:0 auto;padding:30px 28px 60px}.admin-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:25px}.admin-heading .eyebrow{color:var(--gold)}.admin-heading h1{font:500 29px var(--serif);margin:10px 0}.admin-heading p{font-size:12px;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}.stat{padding:18px 22px;background:var(--white);border:1px solid var(--line);border-radius:12px;display:flex;align-items:baseline;gap:12px}.stat strong{font-size:29px;font-weight:500;letter-spacing:-1px}.stat span{color:var(--muted);font-size:11px}.admin-toolbar{display:flex;gap:12px;margin:0 0 22px}.search-form{flex:1;display:flex;gap:10px}.search-form input{min-width:0;background:var(--white);font-size:14px}.admin-toolbar select{width:140px;font-size:13px;background:var(--white)}.workspace{display:grid;grid-template-columns:320px minmax(0,1fr);gap:22px;align-items:start}.record-list{display:flex;flex-direction:column;gap:10px}.record-item{width:100%;text-align:left;padding:18px;background:var(--white);border:1px solid var(--line);border-radius:12px;cursor:pointer;display:block;color:var(--ink)}.record-item.active{border-color:#8cae9d;box-shadow:0 0 0 1px #8cae9d}.record-item-head{display:flex;gap:10px;justify-content:space-between;align-items:center}.record-name{font-size:17px;font-weight:600}.status{font-size:10px;padding:3px 8px;background:#f0f0e8;border-radius:5px;color:#768170;white-space:nowrap}.status.new{color:#9b6d2c;background:#faf0dd}.status.contacted{color:#43736c;background:#e9f0eb}.status.confirmed{color:#43734b;background:#e4eedf}.record-item p{font-size:11px;color:var(--muted);margin-top:8px}.record-date{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;color:#929b8e;font-size:10px}.attention-dot{color:var(--red);font-size:10px}.empty-state{padding:60px 20px;border:1px dashed #d6dccc;border-radius:14px;text-align:center;color:var(--muted);font-size:13px;line-height:1.9}.empty-state strong{display:block;font-family:var(--serif);font-weight:500;font-size:24px;color:#81907e;margin-bottom:12px}.detail-pane{min-width:0}.customer-sheet{background:var(--white);border:1px solid var(--line);border-radius:16px;overflow:hidden}.sheet-heading{padding:26px 28px;background:#eff2e9;border-bottom:1px solid var(--line)}.sheet-heading-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.sheet-heading .eyebrow{color:#6d8065;font-size:9px;letter-spacing:1.4px}.sheet-heading h2{font:500 30px var(--serif);margin:12px 0 8px;overflow-wrap:anywhere}.sheet-phone{font-size:17px;text-decoration:none;letter-spacing:1px;display:block}.sheet-meta{font-size:10px;color:var(--muted);margin-top:12px;overflow-wrap:anywhere}.sheet-actions{display:flex;gap:10px;flex-wrap:wrap;padding:16px 24px;border-bottom:1px solid var(--line);align-items:center}.sheet-actions select{width:auto;min-height:38px;padding:7px 10px;font-size:12px;flex:1;max-width:160px;background:var(--white)}.sheet-actions .primary{margin-left:auto}.attention-box{margin:22px 25px 4px;padding:16px 18px;background:var(--red-soft);border-left:3px solid #c3896d;border-radius:0 9px 9px 0}.attention-box h3{font-size:12px;letter-spacing:1px;color:var(--red);font-weight:600;margin-bottom:8px}.attention-box ul{margin:0;padding-left:17px;font-size:12px;color:#96513c;line-height:1.9;overflow-wrap:anywhere}.sheet-section{padding:23px 27px;border-bottom:1px solid var(--line)}.sheet-section:last-child{border:0}.sheet-section h3{font-size:12px;letter-spacing:1px;font-weight:600;margin-bottom:16px;color:var(--teal)}.sheet-row{display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px;padding:7px 0;font-size:12px}.sheet-row dt{color:var(--muted)}.sheet-row dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}.sheet-section dl{margin:0}.sheet-footnote{font-size:10px;color:#929b8b;padding:16px 27px;background:#f9f9f2;line-height:1.8}.pagination{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);gap:8px;margin-top:15px}.mobile-back{display:none;margin-bottom:15px}.image-dialog{max-width:520px;background:var(--paper)}.image-dialog-header{position:sticky;top:0;background:var(--paper);border-bottom:1px solid var(--line);padding:15px 18px;display:flex;justify-content:space-between;align-items:center;z-index:1}.image-dialog-header h2{font-size:15px;font-weight:500}.image-dialog-header button{padding:4px 8px;font-size:21px;background:none;border:0;color:var(--muted)}.image-dialog-body{padding:18px}.image-instruction{font-size:11px;color:var(--muted);line-height:1.9;margin-bottom:15px}.image-instruction strong{color:var(--teal);font-weight:600}.export-preview{width:100%;height:auto;border-radius:9px;box-shadow:0 8px 24px #203b370e}.image-dialog-actions{display:flex;gap:10px;margin-bottom:18px}.image-dialog-actions .button{flex:1;min-width:0;padding:10px 12px;font-size:12px}.toast{position:fixed;bottom:35px;left:50%;transform:translateX(-50%);background:#203b37;color:#fff;padding:12px 20px;border-radius:10px;box-shadow:0 5px 20px #0002;z-index:20;font-size:12px;max-width:90vw;white-space:normal}
.brand-symbol{display:block;position:relative;width:36px;height:36px;overflow:hidden;flex-shrink:0}
.search-form .button{white-space:nowrap;flex-shrink:0}
.brand-symbol img,.admin-topbar .brand .brand-symbol img{width:160%;height:160%;max-width:none;transform:translate(-18.75%,-18.75%);object-fit:contain}
.choice input:checked+span::before{content:"";width:9px;height:5px;flex-shrink:0;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);margin-right:2px;margin-top:-3px}
.hero-carousel{height:340px;isolation:isolate}
.hero-carousel::after{display:none}
.hero-track{position:relative;width:100%;height:100%;overflow:hidden;touch-action:pan-y pinch-zoom}
.hero-track::-webkit-scrollbar{display:none}
.hero-track:focus-visible{outline-offset:-5px}
.hero-slide{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .35s ease}
.hero-slide:not([aria-hidden="true"]){opacity:1;pointer-events:auto;z-index:1}
.hero-slide>picture{display:block;width:100%;height:100%}
.hero-slide img{width:100%;height:100%;object-fit:cover;object-position:50% 58%}
.hero-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,35,28,.74),rgba(9,35,28,.05)),linear-gradient(0deg,rgba(9,35,28,.5),transparent 40%);pointer-events:none}
.hero-slide--coast img{object-position:50% 61%}
.hero-slide--island img{object-position:50% 71%}
.hero-slide--tea img{object-position:50% 65%}
.hero-slide--food img{object-position:50% 52%}
.hero-slide--sunset img{object-position:50% 50%}
.hero .hero-title{font:500 40px/1.38 var(--serif);letter-spacing:2px;margin:16px 0 0;color:#fffdf3}
.hero-carousel .hero-copy{right:18px}
.hero-carousel .hero-location{bottom:59px;font-size:9px}
.hero-controls{position:absolute;bottom:13px;left:28px;right:20px;display:flex;gap:12px;align-items:center;z-index:2;color:#fffdf3}
.hero-dots{display:flex;gap:0}
.hero-dots button{display:grid;place-items:center;width:28px;height:32px;padding:0;border:0;background:transparent;cursor:pointer}
.hero-dots button::after{content:"";width:6px;height:6px;border-radius:10px;background:rgba(255,253,243,.45);transition:width .2s,background .2s}
.hero-dots button[aria-current]::after{width:18px;background:#fffdf3}
.hero-count{margin-left:auto;font-size:10px;letter-spacing:1px;font-variant-numeric:tabular-nums;white-space:nowrap}
@media(min-width:760px){.guest-shell{padding-top:10px}.guest-page{background:linear-gradient(140deg,#f1f1e6,#f7f5ee 60%,#eaf0e7);min-height:100vh}.hero{height:340px}.hero-copy{top:46px;left:40px}.hero h1{font-size:40px}.stepper{margin-top:36px}.section-heading{padding-top:35px}.actionbar{border-radius:14px;margin:0 20px;border:1px solid var(--line)}}
:root{color-scheme:light;-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media(max-width:700px),(hover:none) and (pointer:coarse) and (max-width:1000px),(max-width:1000px) and (max-height:500px){
  .guest-page{min-height:100svh}
  .brandbar{gap:12px;padding:calc(12px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left))}
  .brandbar .brand{font-size:17px;letter-spacing:1px;gap:9px;flex-shrink:0}
  .brand small{font-size:9px;letter-spacing:1px}
  .brand-symbol{width:34px;height:34px}
  .brand-caption{font-size:11px;letter-spacing:0;text-align:right;line-height:1.6}
  .guest-shell{padding-top:0}
  .hero,.hero-carousel{height:clamp(204px,54vw,232px);margin:0 16px;border-radius:16px}
  .hero-copy{left:22px;top:20px}
  .hero .hero-title{font-size:30px;line-height:1.3;letter-spacing:1px;margin-top:12px}
  .hero-copy .eyebrow{font-size:9px;letter-spacing:1.5px}
  .hero p{font-size:13px;line-height:1.65;margin-top:10px}
  .hero-carousel .hero-location{bottom:53px;right:18px;font-size:10px}
  .hero-controls{left:15px;right:18px;bottom:6px;gap:10px}
  .hero-dots button{width:32px;height:44px}
  .hero-count{font-size:11px}
  .stepper{margin:16px 20px 0}
  .stepper li{font-size:13px;gap:6px}
  .stepper progress{margin-top:12px}
  #form-view{padding-bottom:calc(var(--actionbar-height,calc(80px + env(safe-area-inset-bottom))) + 12px)}
  .step-panel{padding:0 max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left))}
  .section-heading{padding:18px 2px 16px}
  .section-heading>.eyebrow{display:none}
  .section-heading h2{font-size:24px;letter-spacing:0;margin:0 0 8px;scroll-margin-top:18px}
  .section-heading p{font-size:14px;line-height:1.7;color:#64736b}
  .form-card{padding:0 16px;border-radius:14px;margin-bottom:16px;min-width:0}
  .field{padding:18px 0;min-width:0}
  .field>label,.field>.field-label{margin-bottom:12px}
  legend,label,.field-label{font-size:16px;line-height:1.6}
  label small,legend small,.field-label small{font-size:13px;margin-left:6px}
  .counter-row{padding:10px 0;min-height:64px;gap:12px}
  .counter-row:not(:last-child){border-bottom:1px solid var(--line)}
  .counter-row>div:first-child{min-width:0}
  .counter-row strong{font-size:16px}
  .counter-row small{font-size:12px;line-height:1.5;margin-top:2px}
  .counter{gap:2px;flex-shrink:0}
  .counter button{width:44px;height:44px;font-size:23px}
  .counter output{font-size:18px;min-width:32px}
  input,textarea,select,.height-label select{font-size:16px;min-height:52px;border-radius:10px;padding:13px 12px;min-width:0;max-width:100%}
  input,textarea,select{scroll-margin-top:28px;scroll-margin-bottom:110px}
  input[type="date"]{-webkit-appearance:none;appearance:none;display:block;width:100%;min-width:0;max-width:100%;min-height:52px;font-size:16px;padding:13px 12px;line-height:1.5}
  input[type="date"]::-webkit-date-and-time-value{text-align:left;min-height:1.5em}
  input[type="date"]::-webkit-datetime-edit{padding:0}
  .two-columns{grid-template-columns:minmax(0,1fr);gap:16px}
  .input-label{font-size:14px;color:#5e6f65;min-width:0}
  .hint,.understated-note{font-size:13px;line-height:1.7;color:#66746c}
  .height-fields{gap:14px;margin-top:14px}
  .height-label{grid-template-columns:48px minmax(0,1fr);gap:8px;font-size:14px;color:#53665b}
  .height-label select{padding-right:8px}
  .choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .choice{width:100%;height:100%;min-width:0;font-size:15px;line-height:1.5}
  .choice:last-child:nth-child(odd):not(:first-child){grid-column:1/-1}
  .choice span{width:100%;height:100%;min-height:52px;padding:12px 10px 12px 40px;gap:0;position:static;color:#4b6154;line-height:1.5;overflow-wrap:anywhere}
  .choice input{position:absolute;left:12px;top:50%;transform:translateY(-50%);opacity:1;z-index:1;width:18px;height:18px;min-height:18px;max-width:18px;padding:0;margin:0;border:1.5px solid #a9b9ae;border-radius:50%;background:transparent;-webkit-appearance:none;appearance:none}
  .choice input[type="checkbox"]{border-radius:5px}
  .choice input:checked{background:var(--teal);border-color:var(--teal)}
  .choice input:checked::after{content:"";position:absolute;inset:4px;border-radius:50%;background:#fffefa}
  .choice input[type="checkbox"]:checked::after{inset:auto;left:4px;top:4px;width:8px;height:4px;border-left:2px solid #fffefa;border-bottom:2px solid #fffefa;border-radius:0;transform:rotate(-45deg);background:transparent}
  .choice input:checked+span{font-weight:500}
  .choice input:checked+span::before{display:none}
  .choice input:focus-visible{outline:none}
  .choice input:focus-visible+span{outline:3px solid #9fb99f;outline-offset:2px}
  .card-kicker{font-size:12px;letter-spacing:1px;padding-top:20px}
  .room-count{font-size:14px}
  .room-count input{max-width:100%}
  .field-error{font-size:13px}
  .review-strip{margin-bottom:16px;padding:14px 2px;gap:12px}
  .review-strip p{font-size:15px;line-height:1.7}
  .review-strip .eyebrow{font-size:10px}
  .text-button{font-size:14px;min-height:44px;white-space:normal}
  .required{font-size:12px;float:none;margin-left:10px}
  .consent-area{padding:4px 0 16px}
  .consent-label{font-size:13px;line-height:1.75;color:#5c6e62;gap:10px;padding:8px 0}
  .consent-label input{width:22px;height:22px;min-height:22px;margin-top:1px;padding:0}
  .consent-area .text-button{font-size:13px;margin-left:32px;padding:8px 0}
  .actionbar{position:fixed;left:0;right:0;bottom:0;margin:0;border-radius:0;border:0;border-top:1px solid #dce2d7;padding:12px max(16px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#f6f5ef;box-shadow:0 -6px 24px #203b3708;transition:opacity .12s}
  .actionbar-inner{gap:12px;max-width:648px}
  .actionbar .button{font-size:16px;min-height:52px;gap:12px;padding:12px 16px}
  .actionbar .primary{flex:1;min-width:0;margin-left:0}
  .actionbar .secondary{min-width:92px}
  .action-hint{font-size:12px;line-height:1.6;max-width:125px;flex:0 1 125px;color:#65756a}
  .action-hint-separator{display:none}
  .action-hint-family{display:block}
  .keyboard-open .actionbar{opacity:0;visibility:hidden;pointer-events:none}
  .notice{font-size:14px;margin:16px;overflow-wrap:anywhere}
  .guest-footer{font-size:12px;padding:16px 16px calc(20px + env(safe-area-inset-bottom))}
  .success-view{padding:48px 20px 30px;min-height:65svh}
  .success-view h1{font-size:27px;overflow-wrap:anywhere}
  .success-view>p{font-size:15px;line-height:1.8}
  .receipt strong{font-size:14px;overflow-wrap:anywhere}
  .privacy-dialog,.image-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain;border-radius:14px}
  .dialog-body{padding:24px 20px}
  .dialog-body p{font-size:14px;line-height:1.8}
  .image-dialog-header{padding:14px 16px}
  .image-dialog-header h2{font-size:16px}
  .image-dialog-header button{min-width:44px;min-height:44px}
  .image-dialog-body{padding:16px}
  .image-instruction{font-size:13px}
  .image-dialog-actions{gap:8px}
  .image-dialog-actions .button{font-size:14px;min-height:48px;padding:10px 8px;gap:8px}
  .admin-topbar-inner{padding:calc(14px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 14px max(16px,env(safe-area-inset-left));gap:8px}
  .admin-topbar .brand{font-size:16px;letter-spacing:1px;gap:8px;min-width:0}
  .admin-tag{font-size:12px;letter-spacing:0;padding-left:10px}
  .admin-topbar-actions{gap:8px;flex-shrink:0}
  .admin-topbar-actions>a{display:none}
  .login-shell{margin:30px auto;padding:0 16px}
  .login-shell h1{font-size:28px}
  .login-shell>p,.login-form label{font-size:14px}
  .login-form{padding:22px 18px}
  .login-form .button{font-size:16px}
  .admin-shell{padding:24px 16px calc(32px + env(safe-area-inset-bottom))}
  .admin-heading{margin-bottom:20px}
  .admin-heading h1{font-size:26px;letter-spacing:0}
  .admin-heading p{font-size:14px;line-height:1.7}
  .stats{gap:8px;margin-bottom:20px}
  .stat{padding:14px 12px;display:block}
  .stat strong{display:block;font-size:28px;line-height:1.4}
  .stat span{font-size:12px}
  .admin-toolbar{gap:10px;flex-wrap:wrap}
  .search-form{gap:8px;flex-basis:100%}
  .search-form input{font-size:16px;min-height:48px;padding:12px;min-width:0}
  .search-form .button{font-size:14px;min-height:48px;padding:10px 14px;white-space:nowrap}
  .admin-toolbar select{width:100%;font-size:16px;min-height:48px;padding:12px}
  .workspace{display:block}
  .detail-pane{display:none}
  .admin-page.detail-open .list-pane{display:none}
  .admin-page.detail-open .detail-pane{display:block}
  .mobile-back{display:inline-flex}
  .record-item{padding:18px}
  .record-name{font-size:19px}
  .record-item p{font-size:14px;line-height:1.7}
  .record-date,.status{font-size:12px}
  .sheet-heading{padding:22px 18px}
  .sheet-heading h2{font-size:28px}
  .sheet-meta{font-size:12px}
  .sheet-actions{padding:14px;gap:10px}
  .sheet-actions select{font-size:16px;max-width:none;width:100%;flex-basis:100%;min-height:48px}
  .sheet-actions .primary{font-size:15px;width:100%;min-height:48px;margin-left:0}
  .sheet-section{padding:20px 18px}
  .sheet-section h3,.attention-box h3{font-size:14px}
  .sheet-row{grid-template-columns:76px minmax(0,1fr);gap:10px;font-size:14px}
  .attention-box{margin:18px 14px 0;padding:14px}
  .attention-box ul{font-size:14px}
  .sheet-footnote{padding:16px 18px;font-size:12px}
  .admin-page.detail-open .stats,.admin-page.detail-open .admin-toolbar,.admin-page.detail-open .admin-heading{display:none}
  .empty-state{font-size:14px;padding:40px 16px}
  .empty-state strong{font-size:23px}
  .pagination{font-size:12px}
  .toast{font-size:14px;bottom:calc(24px + env(safe-area-inset-bottom))}
}
@media(min-width:390px) and (max-width:700px){
  .choices[data-choice="guide"]{grid-template-columns:repeat(3,minmax(0,1fr))}
  .choices[data-choice="guide"] .choice:last-child{grid-column:auto}
}
@media(max-width:360px){
  .brandbar{gap:8px;padding-left:14px;padding-right:14px}
  .brand-caption{font-size:10px;max-width:100px}
  .brandbar .brand{font-size:16px;gap:7px}
  .brand-symbol{width:30px;height:30px}
  .hero,.hero-carousel{margin:0 12px;height:212px}
  .hero-copy{left:18px;top:18px}
  .hero .hero-title{font-size:28px}
  .hero p{font-size:12px}
  .hero-copy .eyebrow{font-size:8px;letter-spacing:1px}
  .stepper{margin-left:16px;margin-right:16px}
  .stepper li{font-size:12px;gap:5px}
  .step-panel{padding-left:12px;padding-right:12px}
  .form-card{padding-left:14px;padding-right:14px}
  .counter-row{gap:8px}
  .counter-row small{max-width:125px}
  .counter button{width:44px;height:44px}
  .counter output{min-width:28px}
  .actionbar .secondary{min-width:82px}
  .action-hint{flex-basis:105px;max-width:105px;font-size:11px}
  .sheet-row{grid-template-columns:68px minmax(0,1fr);gap:8px}
  .admin-topbar .brand{font-size:15px}
  .admin-tag{padding-left:8px;font-size:11px}
}
@media(max-height:500px) and (min-width:600px) and (max-width:1000px){
  .hero,.hero-carousel{height:220px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}