.stay-mode-toggle{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.stay-mode-option{min-height:44px;padding:var(--space-2) var(--space-1);white-space:nowrap;border:1px solid var(--color-border);border-radius:var(--r-pill);background:var(--color-surface);color:var(--color-ink);font-size:var(--text-sm);line-height:var(--leading-sm);font-weight:600;transition:background-color var(--motion-base) var(--ease-standard),border-color var(--motion-base) var(--ease-standard),color var(--motion-base) var(--ease-standard)}.stay-mode-option.active{background:var(--color-primary-tint);border-color:var(--color-primary-tint);color:var(--color-primary-ink)}.stay-months{display:flex;flex-direction:column;gap:var(--space-1)}.stay-months-label{font-size:var(--text-sm);line-height:var(--leading-sm);font-weight:500;color:var(--color-text-muted)}.stay-months-stepper{display:flex;align-items:center;gap:var(--space-3)}.stay-months-stepper button{min-width:44px;min-height:44px;border:1px solid var(--color-border);border-radius:var(--r-pill);background:var(--color-surface);color:var(--color-ink);font-size:var(--text-lg);font-weight:600}.stay-months-stepper button:disabled{color:var(--color-text-muted);cursor:not-allowed}.stay-months-stepper output{min-width:5rem;text-align:center;font-size:var(--text-md);font-weight:600;color:var(--color-ink)}.price-breakdown{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-md)}.price-breakdown-lines{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm);line-height:var(--leading-sm);color:var(--color-text-muted)}.price-breakdown-lines li,.price-breakdown-total{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3)}.price-breakdown-total{margin:0;padding-top:var(--space-2);border-top:1px solid var(--color-border);font-size:var(--text-md);line-height:var(--leading-md);font-weight:600;color:var(--color-ink)}.price-breakdown-total strong{font-size:var(--text-lg)}.coming-soon{justify-content:center}.coming-soon-card{align-items:flex-start;gap:var(--space-4);padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);animation:fade-in var(--motion-slow) var(--ease-standard)}.coming-soon-lead{margin:0;font-size:var(--text-md);line-height:var(--leading-md);color:var(--color-text-muted)}.coming-soon-points{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.coming-soon-points li{display:flex;align-items:flex-start;gap:var(--space-3)}.coming-soon-point-mark{display:inline-flex;align-items:center;justify-content:center;flex:none;width:calc(var(--text-base) * var(--leading-base));height:calc(var(--text-base) * var(--leading-base));border-radius:var(--r-pill);background:var(--color-primary-tint);color:var(--color-primary-ink);font-size:var(--text-xs)}:root{color-scheme:light;--color-ink: #12162a;--color-text-muted: #5b6178;--color-surface: #ffffff;--color-surface-sunken: #ebedf5;--color-border: #e1e4ee;--color-bg: #f2f3f8;--color-brand-fg: #f4f5f9;--color-vacant: #2fa8a0;--color-vacant-tint: #dbf3f0;--color-vacant-ink: #124f49;--color-cleaning: #e0793c;--color-cleaning-tint: #fce7d6;--color-cleaning-ink: #7a3b14;--color-critical: #d64545;--color-critical-tint: #fbe0e0;--color-critical-ink: #7a2020;--color-confirmed: #3b5bdb;--color-confirmed-tint: #e4e8fb;--color-confirmed-ink: #1e2a6b;--color-primary: #e8a33d;--color-primary-ink: #241804;--color-primary-hover: #c7822a;--color-primary-tint: #fbe9c8;--color-success: #2e9e6b;--color-success-tint: #def3e7;--color-success-ink: #155235;--color-success-strong: #247e55;--color-danger: #d64545;--color-danger-tint: #fbe0e0;--color-danger-ink: #7a2020;--color-danger-strong: #b93636;--color-focus: #6e8bff;--color-ink-soft: #242b4a;--color-ink-soft-2: #323a63;--color-border-soft: #2e3557;--color-text-on-dark-muted: #a9afc9;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(18, 22, 42, .07);--shadow-md: 0 10px 26px rgba(18, 22, 42, .1);--shadow-lg: 0 24px 54px rgba(18, 22, 42, .2);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--text-xs: 12px;--leading-xs: 1.333;--text-sm: 13px;--leading-sm: 1.385;--text-base: 14.5px;--leading-base: 1.517;--text-md: 16px;--leading-md: 1.5;--text-lg: 18px;--leading-lg: 1.444;--text-xl: 22px;--leading-xl: 1.364;--text-display: 27px;--leading-display: 1.259;--motion-fast: .12s;--motion-base: .16s;--motion-slow: .3s;--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-shake: cubic-bezier(.36, .07, .19, .97);font-family:Sarabun,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--color-ink: #eef0fa;--color-text-muted: #a6acc9;--color-surface: #1b1f3b;--color-surface-sunken: #0c0e22;--color-border: #323761;--color-bg: #12142c;--color-vacant-tint: #123330;--color-vacant-ink: #8fe4da;--color-cleaning-tint: #33200f;--color-cleaning-ink: #ffceac;--color-critical-tint: #331414;--color-critical-ink: #ffb4b0;--color-confirmed-tint: #161c3f;--color-confirmed-ink: #b7c3ff;--color-success-tint: #12281f;--color-success-ink: #8fe0bb;--color-danger-tint: #331414;--color-danger-ink: #ffb4b0}}:root[data-theme=dark]{color-scheme:dark;--color-ink: #eef0fa;--color-text-muted: #a6acc9;--color-surface: #1b1f3b;--color-surface-sunken: #0c0e22;--color-border: #323761;--color-bg: #12142c;--color-vacant-tint: #123330;--color-vacant-ink: #8fe4da;--color-cleaning-tint: #33200f;--color-cleaning-ink: #ffceac;--color-critical-tint: #331414;--color-critical-ink: #ffb4b0;--color-confirmed-tint: #161c3f;--color-confirmed-ink: #b7c3ff;--color-success-tint: #12281f;--color-success-ink: #8fe0bb;--color-danger-tint: #331414;--color-danger-ink: #ffb4b0}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-ink);font-size:var(--text-base);line-height:var(--leading-base)}.font-display{font-family:Be Vietnam Pro,Sarabun,system-ui,sans-serif}.font-mono{font-family:JetBrains Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.app-shell{max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;padding:var(--space-4);gap:var(--space-4)}header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}header h1{font-family:Be Vietnam Pro,Sarabun,system-ui,sans-serif;font-size:var(--text-lg);line-height:var(--leading-lg);font-weight:700;color:var(--color-ink);margin:0}.theme-toggle{display:flex;gap:var(--space-1);flex:none}.theme-toggle-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--color-border);border-radius:var(--r-pill);background:var(--color-surface);color:var(--color-text-muted);transition:background-color var(--motion-base) var(--ease-standard),border-color var(--motion-base) var(--ease-standard),color var(--motion-base) var(--ease-standard)}.theme-toggle-btn.active{background:var(--color-primary-tint);border-color:var(--color-primary-tint);color:var(--color-primary-ink)}main{flex:1;display:flex;flex-direction:column;gap:var(--space-4)}section{display:flex;flex-direction:column;gap:var(--space-3)}h2{font-family:Be Vietnam Pro,Sarabun,system-ui,sans-serif;font-size:var(--text-xl);line-height:var(--leading-xl);font-weight:700;margin:0}form{display:flex;flex-direction:column;gap:var(--space-3)}label{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm);line-height:var(--leading-sm);font-weight:500;color:var(--color-text-muted)}fieldset{border:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}legend{padding:0;font-size:var(--text-sm);line-height:var(--leading-sm);font-weight:500;color:var(--color-text-muted)}input,select{font-family:inherit;font-size:var(--text-md);padding:var(--space-3);min-height:44px;border:1px solid var(--color-border);border-radius:var(--r-sm);background:var(--color-surface);color:var(--color-ink);transition:border-color var(--motion-base) var(--ease-standard)}input:focus-visible,select:focus-visible{border-color:var(--color-focus)}button,a.btn-ghost{font-family:Be Vietnam Pro,Sarabun,system-ui,sans-serif;font-size:var(--text-md);font-weight:600;min-height:44px;padding:var(--space-3) var(--space-4);cursor:pointer;border:1px solid var(--color-border);border-radius:var(--r-sm);background:var(--color-surface);color:var(--color-ink);transition:transform var(--motion-fast) var(--ease-standard),background-color var(--motion-base) var(--ease-standard)}button:active{transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.6}button[type=submit],.btn-primary{background:var(--color-primary);color:var(--color-primary-ink);border-color:transparent}button[type=submit]:hover:not(:disabled),.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);color:var(--color-primary-ink)}.btn-ghost{background:transparent}a.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);text-decoration:none}.status-message{margin:0;font-size:var(--text-sm);line-height:var(--leading-sm);display:flex;align-items:center;gap:var(--space-2)}.status-loading{color:var(--color-text-muted)}.status-loading:before{content:"";width:14px;height:14px;flex:none;border-radius:50%;border:2px solid var(--color-border);border-top-color:var(--color-text-muted);animation:spin var(--motion-slow) linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.status-error{color:var(--color-danger-ink);font-weight:600;background:var(--color-danger-tint);border-radius:var(--r-sm);padding:var(--space-2) var(--space-3)}.status-waiting-long{color:var(--color-cleaning-ink);background:var(--color-cleaning-tint);border-radius:var(--r-sm);padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.hint{color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-sm)}.qr-code{display:block;width:100%;max-width:280px;margin:0 auto;border-radius:var(--r-md);box-shadow:var(--shadow-sm)}.pin-label{margin:0;color:var(--color-text-muted);font-size:var(--text-sm)}.pin-code{font-family:JetBrains Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums;font-size:var(--text-display);line-height:var(--leading-display);font-weight:700;letter-spacing:.15em;margin:0;color:var(--color-ink)}.box-zones{display:flex;flex-direction:column;gap:var(--space-4)}.zone-heading{font-family:Be Vietnam Pro,Sarabun,system-ui,sans-serif;font-size:var(--text-sm);line-height:var(--leading-sm);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin:0 0 var(--space-2)}.box-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:var(--space-3)}.box-card{display:block;width:100%;text-align:left;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-md);box-shadow:var(--shadow-sm);padding:var(--space-4);min-height:44px;cursor:pointer;transition:box-shadow var(--motion-base) var(--ease-standard),transform var(--motion-fast) var(--ease-standard)}.box-card:hover{box-shadow:var(--shadow-md)}.box-card:active{transform:translateY(1px)}.box-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.box-card-code{font-family:JetBrains Mono,ui-monospace,monospace;font-size:var(--text-lg);font-weight:700;color:var(--color-ink)}.box-card-type{display:inline-block;background:var(--color-primary-tint);color:var(--color-primary-ink);font-size:var(--text-xs);line-height:var(--leading-xs);font-weight:600;padding:var(--space-1) var(--space-2);border-radius:var(--r-pill)}.box-card-meta{display:flex;align-items:center;gap:var(--space-1);color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--leading-sm)}.box-card-price{margin:var(--space-2) 0 0;font-size:var(--text-lg);line-height:var(--leading-lg);font-weight:700;color:var(--color-ink)}.box-card:disabled{cursor:not-allowed;box-shadow:none}.box-card:disabled .box-card-price{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:500}.booking-summary{display:flex;flex-direction:column;gap:var(--space-2)}.booking-summary p{margin:0}.badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);line-height:var(--leading-xs);font-weight:600;padding:var(--space-1) var(--space-2);border-radius:var(--r-pill)}.badge:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.badge-vacant{background:var(--color-vacant-tint);color:var(--color-vacant-ink)}.badge-cleaning{background:var(--color-cleaning-tint);color:var(--color-cleaning-ink)}.badge-critical{background:var(--color-critical-tint);color:var(--color-critical-ink)}.badge-accent{background:var(--color-primary-tint);color:var(--color-primary-ink)}.dev-only{border:1px dashed var(--color-border);border-radius:var(--r-sm);padding:var(--space-2)}.hotline{padding:var(--space-3);background:var(--color-success-tint);border-radius:var(--r-md);text-align:center;font-size:var(--text-sm)}.hotline p{margin:0 0 var(--space-2)}.hotline p:last-child{margin-bottom:0}.hotline-emphasized{background:var(--color-critical-tint);border:1px solid var(--color-critical);font-weight:600}.hotline a{color:var(--color-confirmed-ink)}.hotline-actions{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap}.hotline-actions .btn-ghost{background:var(--color-surface)}.step-rail{display:flex;align-items:flex-start;list-style:none;padding:0;margin:0}.step-rail li{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);min-width:0}.step-rail li:not(:last-child):after{content:"";position:absolute;top:13px;left:50%;width:100%;height:2px;background:var(--color-border);z-index:0}.step-rail li.line-done:not(:last-child):after{background:var(--color-success)}.step-rail-dot{position:relative;z-index:1;width:28px;height:28px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700;background:var(--color-surface-sunken);color:var(--color-text-muted);border:2px solid var(--color-border)}.step-rail-label{font-size:var(--text-xs);line-height:var(--leading-xs);color:var(--color-text-muted);text-align:center}.step-rail-button{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);width:100%;min-height:44px;padding:var(--space-1);border:none;background:none}.step-rail li.done .step-rail-dot{background:var(--color-success);border-color:var(--color-success);color:#fff}.step-rail li.current .step-rail-dot{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-ink);transform:scale(1.15);box-shadow:var(--shadow-sm)}.step-rail li.current .step-rail-label{color:var(--color-ink);font-weight:600}.step-rail li.in-progress .step-rail-dot{background:var(--color-surface);border-color:var(--color-primary);color:var(--color-ink)}.ekyc-preview{position:relative;border-radius:var(--r-md);box-shadow:var(--shadow-sm);overflow:hidden;background:var(--color-surface-sunken);cursor:zoom-in;border:0;padding:0;display:block;width:100%}.ekyc-preview img{display:block;width:100%;max-height:220px;object-fit:cover}.ekyc-tips{margin:0;padding-left:var(--space-5)}.ekyc-preview-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ekyc-preview-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#12162ab8;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:10}.ekyc-preview-modal img{max-width:100%;max-height:80vh;border-radius:var(--r-md);box-shadow:var(--shadow-lg)}.ekyc-preview-modal-close{position:absolute;top:var(--space-4);right:var(--space-4);min-width:44px;background:var(--color-surface)}.consent-notice{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--r-md);box-shadow:var(--shadow-sm)}.consent-notice h3{font-family:Be Vietnam Pro,Sarabun,system-ui,sans-serif;font-size:var(--text-md);line-height:var(--leading-md);font-weight:700;margin:0}.consent-notice p,.consent-notice ul{margin:0}.consent-notice ul{padding-left:var(--space-5)}.consent-notice li+li{margin-top:var(--space-1)}.consent-check{flex-direction:row;align-items:flex-start;gap:var(--space-3);min-height:44px;padding-top:var(--space-3);border-top:1px solid var(--color-border);font-size:var(--text-md);line-height:var(--leading-md);font-weight:600;color:var(--color-ink);cursor:pointer}.consent-check input[type=checkbox]{flex:none;width:var(--space-6);height:var(--space-6);min-height:0;margin:0;padding:0;accent-color:var(--color-primary);cursor:pointer}.copy-feedback{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-success-ink);background:var(--color-success-tint);border-radius:var(--r-sm);padding:var(--space-1) var(--space-3);font-size:var(--text-sm);font-weight:600;animation:fade-in var(--motion-base) var(--ease-standard)}@keyframes fade-in{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.icon{width:1em;height:1em;flex:none}