:root{--accent: #0b5f5b;--sun: #e3a52f;--bg: #f6f7f5;--surface: #ffffff;--ink: #142628;--muted: #5a6b6c;--line: #dfe5e2;--soft: #eef3f1;--ok: #1f7a4d;--warn: #9a5b00;--bad: #b23b2e;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--display: "Avenir Next", "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #0e1819;--surface: #152224;--ink: #e5eeec;--muted: #9db0ae;--line: #263638;--soft: #1b2b2d;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 var(--font);-webkit-text-size-adjust:100%}.wrap{max-width:1080px;margin:0 auto;padding-inline:max(16px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-right))}h1,h2{font-family:var(--display);letter-spacing:-.01em;text-wrap:balance;margin:0}h1{font-size:clamp(26px,5vw,36px);line-height:1.15}h2{font-size:18px;margin-top:20px}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.top{background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;padding-top:env(safe-area-inset-top)}.top-in{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:58px;flex-wrap:wrap}.brand{font-family:var(--display);font-weight:700;font-size:19px;color:var(--ink);text-decoration:none}.direct{font-size:13px;color:var(--muted)}main.wrap{padding-block:24px 48px}.foot{border-top:1px solid var(--line);color:var(--muted);font-size:13px;padding-block:18px max(18px,env(safe-area-inset-bottom))}.foot a{color:inherit}.loading,.notice{color:var(--muted)}.notice{background:var(--soft);border-radius:10px;padding:12px 14px;margin:12px 0 0}.sel-text{user-select:all;font-weight:600;color:var(--ink)}.home{display:flex;flex-direction:column;gap:20px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;color:inherit;text-decoration:none;display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s}.card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.card img,.card-img{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block}.card-img,.hero-blank{background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 70%,#9fd3cf),color-mix(in srgb,var(--accent) 35%,#f3e3c3))}.card-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px}.card-body h2{margin:0}.card-body p{margin:0;color:var(--muted);font-size:14px}.card-body .from{color:var(--ink);margin-top:6px}.back,.link{background:none;border:0;color:var(--accent);padding:0;font-weight:600}.back{margin-bottom:12px}.link{margin-top:10px;font-size:14px}.stay-head{display:flex;flex-direction:column;gap:4px;margin-bottom:18px}.facts{color:var(--muted);margin:0}.stay-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:28px;align-items:start}.hero{width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:14px;display:block}.desc{max-width:65ch;white-space:pre-line}.times{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 0}.times div{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 12px}.times dt{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.times dd{margin:2px 0 0;font-weight:600}.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px;position:sticky;top:74px;box-shadow:0 6px 24px #0000000d;min-width:0}.panel-price{margin-bottom:10px}.panel-price strong{font-size:22px}.panel-price span{color:var(--muted)}.sel{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:12px}.sel div{padding:8px 12px;font-weight:600;font-size:14px}.sel div+div{border-left:1px solid var(--line)}.sel span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:500}.cal{position:relative}.cal-nav{position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;pointer-events:none}.cal-nav button{pointer-events:auto;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:18px;line-height:1}.cal-nav button:disabled{opacity:.35;cursor:default}.cal-months{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.cal-title{text-align:center;font-weight:700;height:32px;line-height:32px;margin-bottom:6px}.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px 0}.cal-wd{text-align:center;font-size:12px;color:var(--muted);padding-bottom:4px}.cal-day{aspect-ratio:1;border:0;background:none;color:var(--ink);border-radius:50%;font-variant-numeric:tabular-nums;font-size:14px}.cal-day:hover:not(:disabled){background:var(--soft)}.cal-day:disabled{color:var(--muted);opacity:.45;cursor:default}.cal-day.taken{text-decoration:line-through}.cal-day.today{font-weight:700}.cal-day.mid{background:color-mix(in srgb,var(--accent) 14%,transparent);border-radius:0}.cal-day.start,.cal-day.end,.cal-day.start:hover:not(:disabled),.cal-day.end:hover:not(:disabled){background:var(--accent);color:#fff;opacity:1}.cal-loading{color:var(--muted);padding:40px 0;text-align:center}.guests{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.stepper{display:flex;align-items:center;gap:12px}.stepper button{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:18px}.stepper button:disabled{opacity:.35;cursor:default}.stepper output{min-width:18px;text-align:center;font-weight:600;font-variant-numeric:tabular-nums}.breakdown{margin:14px 0 0;display:flex;flex-direction:column;gap:6px;font-size:15px}.breakdown div{display:flex;justify-content:space-between;gap:12px}.breakdown dt{color:var(--muted)}.breakdown dd{margin:0;font-variant-numeric:tabular-nums}.breakdown .deal dt,.breakdown .deal dd{color:var(--ok);font-weight:600}.breakdown .total{border-top:1px solid var(--line);padding-top:8px;margin-top:4px;font-weight:700}.breakdown .total dt{color:var(--ink)}.primary{width:100%;margin-top:14px;padding:13px 16px;border:0;border-radius:10px;background:var(--accent);color:#fff;font-weight:700;font-size:16px}.primary:disabled{opacity:.55;cursor:default}.error{color:var(--bad);margin:10px 0 0;font-size:14px}.fine{color:var(--muted);font-size:13px;margin:10px 0 0}.details{display:flex;flex-direction:column;gap:12px}.details label{display:flex;flex-direction:column;gap:4px;font-size:14px;font-weight:600}.details input:not([type=checkbox]){font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink)}.details .check{flex-direction:row;align-items:flex-start;gap:10px;font-weight:400}.details .check input{margin-top:3px;width:18px;height:18px;accent-color:var(--accent);flex:none}.opt{color:var(--muted);font-weight:400}.summary{margin:0;font-size:14px;color:var(--muted)}.summary strong{color:var(--ink)}.pay{display:flex;flex-direction:column;gap:12px}.hold{margin:0;font-size:14px;background:color-mix(in srgb,var(--sun) 18%,transparent);padding:10px 12px;border-radius:8px}.hold-over{background:color-mix(in srgb,var(--bad) 14%,transparent)}.status{max-width:620px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.status .lead{color:var(--muted);max-width:52ch;margin:0}.status-badge{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;font-size:26px;font-weight:700;color:#fff;background:var(--muted)}.status-confirmed .status-badge{background:var(--ok)}.status-held .status-badge{background:var(--accent)}.status-declined .status-badge,.status-cancelled .status-badge{background:var(--bad)}.status-card{width:100%;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin-top:8px}.status-card h2{margin:0}.status-card p{margin:4px 0 0;color:var(--muted)}.status .primary{max-width:320px}@media(max-width:860px){.stay-body{grid-template-columns:1fr}.panel{position:static}.times{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.card{transition:none}}