:root{font-family:Avenir Next,Avenir,PingFang SC,Hiragino Sans GB,system-ui,sans-serif;color:#1a1815;background:#f1f2f3;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--canvas: oklch(96% .002 250);--surface: oklch(99.5% .001 250);--ink: oklch(21% .006 70);--muted: oklch(47% .004 250);--faint: oklch(66% .003 250);--brand: oklch(73% .16 40);--brand-deep: oklch(61% .17 36);--brand-soft: oklch(94% .035 42);--sage: var(--brand);--sage-deep: var(--brand-deep);--sage-soft: var(--brand-soft);--ember: var(--brand);--divider: oklch(88.5% .002 250);--focus: var(--brand);--r-sm: 3px;--r-md: 5px;--r-lg: 8px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:var(--canvas)}button,select,a{font:inherit;touch-action:manipulation}button{color:inherit}button,a,select{outline:none}button:focus-visible,a:focus-visible,select:focus-visible{box-shadow:0 0 0 2px var(--brand)}button:active{transform:scale(.97)}.skip-link{position:fixed;z-index:100;top:8px;left:8px;padding:10px 14px;background:var(--ink);color:#fff;border-radius:var(--r-md);transform:translateY(-160%);transition:transform .16s cubic-bezier(.16,1,.3,1)}.skip-link:focus{transform:translateY(0)}.app-shell{min-height:100vh;display:grid;grid-template-columns:174px minmax(480px,560px) minmax(360px,1fr);overflow:hidden}.app-nav{height:100vh;position:sticky;top:0;display:flex;flex-direction:column;padding:28px 18px 20px;background:var(--canvas);border-right:1px solid var(--divider)}.brand-mark{display:grid;gap:3px;padding:0 6px 34px}.brand-mark strong{color:var(--ink);font-size:15px;letter-spacing:-.02em}.brand-mark:after{content:"";width:24px;height:2px;margin-top:7px;background:var(--brand)}.brand-mark span{color:var(--faint);font-size:10px}.nav-items{display:grid;gap:4px}.nav-item{min-height:42px;display:flex;align-items:center;gap:11px;padding:0 6px;border:0;border-radius:0;background:transparent;color:var(--muted);cursor:pointer;text-align:left;transition:color .14s ease,transform .1s ease}.nav-item.is-active{color:var(--ink);font-weight:650}.nav-footer{margin-top:auto;display:flex;align-items:center;gap:8px;padding:0 10px;color:var(--muted);font-size:12px}.decision-pane{height:100vh;overflow-y:auto;background:var(--surface);border-right:1px solid var(--divider);scrollbar-width:thin}.decision-header{padding:38px 34px 22px}.eyebrow{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.04em}.weekend-dot{width:12px;height:1px;background:var(--brand)}.data-status{margin-left:auto;color:var(--faint);font-size:10px;font-weight:500;letter-spacing:0}.status-live{color:var(--brand-deep)}.status-loading{animation:status-pulse 1.2s ease-in-out infinite alternate}@keyframes status-pulse{0%{opacity:.45}to{opacity:1}}.title-line{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin:15px 0 23px}h1{margin:0;font-size:clamp(27px,2.6vw,34px);line-height:1.08;letter-spacing:-.03em;font-weight:620;text-wrap:balance}.title-line p{margin:9px 0 0;color:var(--muted);font-size:14px}.filter-mobile{display:none;width:42px;height:42px;place-items:center;border:1px solid var(--divider);border-radius:var(--r-md);background:transparent}.departure-select{min-height:48px;display:grid;grid-template-columns:20px auto 1fr 18px;align-items:center;gap:9px;padding:0 2px;border-bottom:1px solid var(--divider);color:var(--muted)}.departure-label{font-size:12px}.departure-select select{min-width:0;height:48px;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:var(--ink);font-weight:560;cursor:pointer}.filter-bar{display:flex;align-items:center;gap:11px;padding:12px 34px 18px;border-bottom:1px solid var(--divider);overflow-x:auto;scrollbar-width:none}.filter-bar::-webkit-scrollbar{display:none}.drive-filter{flex:0 0 auto;min-height:38px;display:flex;align-items:center;gap:6px;padding:0 4px;border-radius:0;background:transparent;color:var(--muted);font-size:12px}.drive-filter select{border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:var(--ink);font-weight:650;cursor:pointer}.filter-divider{flex:0 0 auto;width:1px;height:22px;background:var(--divider)}.amenity-filters{display:flex;gap:7px}.filter-chip{flex:0 0 auto;min-height:38px;display:flex;align-items:center;gap:6px;padding:0 8px;border:0;border-bottom:1px solid transparent;border-radius:0;background:transparent;color:var(--muted);font-size:12px;cursor:pointer;transition:border-color .14s ease,color .14s ease,transform .1s ease}.filter-chip.is-on{border-color:var(--brand-deep);color:var(--ink);font-weight:620}.results-head{display:flex;justify-content:space-between;align-items:center;padding:21px 34px 9px}.results-head div{display:flex;align-items:baseline;gap:7px}.results-head strong{font-size:15px;font-variant-numeric:tabular-nums}.results-head span{color:var(--muted);font-size:12px}.results-head button{min-height:40px;display:flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--muted);font-size:12px;cursor:pointer}.results-head button:disabled{opacity:.35;cursor:default}.hotel-list{padding:0 20px 80px}.hotel-row{position:relative;width:100%;display:grid;grid-template-columns:36px 1fr auto 20px;gap:10px;align-items:start;padding:20px 14px;border:0;border-bottom:1px solid var(--divider);border-radius:0;background:transparent;text-align:left;cursor:pointer;transition:background-color .16s ease,box-shadow .16s ease,transform .12s ease}.hotel-row.is-selected{border-bottom-color:var(--brand);background:var(--surface);box-shadow:inset 2px 0 0 var(--brand)}.rank-number{padding-top:3px;color:var(--faint);font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.rank-1,.rank-2,.rank-3{color:var(--ink)}.hotel-meta{display:flex;gap:5px;margin-bottom:5px;color:var(--muted);font-size:11px}.route-source{margin-left:auto;color:var(--brand-deep)}.hotel-copy h2{margin:0;font-size:17px;line-height:1.25;letter-spacing:-.012em;font-weight:620}.hotel-note{margin:7px 0 11px;color:var(--muted);font-size:12px;line-height:1.5;text-wrap:pretty}.fact-row{display:flex;flex-wrap:wrap;gap:7px 12px;color:var(--faint);font-size:11px}.fact-row span{display:flex;align-items:center;gap:4px}.fact-row .is-confirmed{color:var(--ink)}.hotel-metrics{min-width:65px;display:grid;justify-items:end;gap:3px}.drive-time{color:var(--ink);font-size:24px;font-weight:620;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.drive-time small{margin-left:2px;color:var(--muted);font-size:10px;font-weight:500;letter-spacing:0}.distance{color:var(--faint);font-size:10px;font-variant-numeric:tabular-nums}.match-score{display:flex;align-items:center;gap:3px;margin-top:8px;color:var(--ink);font-size:11px;font-weight:600}.match-score svg{color:var(--brand-deep)}.row-chevron{align-self:center;color:var(--faint)}.empty-state{min-height:280px;display:grid;place-content:center;justify-items:center;gap:7px;padding:30px;text-align:center}.empty-state span{color:var(--muted);font-size:13px}.hotel-list-loading{pointer-events:none}.hotel-skeleton{min-height:132px;display:grid;grid-template-columns:28px 1fr 62px;gap:12px;align-items:start;padding:24px 16px;border-bottom:1px solid var(--divider)}.hotel-skeleton span,.hotel-skeleton i,.hotel-skeleton b{display:block;border-radius:2px;background:linear-gradient(90deg,#eeeeea 25%,#f8f8f5,#eeeeea 75%);background-size:200% 100%;animation:skeleton-shift 1.3s ease-in-out infinite}.hotel-skeleton span{width:18px;height:9px}.hotel-skeleton div{display:grid;gap:10px}.hotel-skeleton i{width:42%;height:8px}.hotel-skeleton i:nth-child(2){width:68%;height:15px}.hotel-skeleton i:nth-child(3){width:78%;height:8px}.hotel-skeleton b{justify-self:end;width:45px;height:22px}@keyframes skeleton-shift{to{background-position:-200% 0}}.map-panel{position:relative;min-width:0;height:100vh;display:grid;place-items:center;overflow:hidden;background:#ecedee}.static-map{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.72) contrast(.94) brightness(1.03)}.map-status{position:absolute;z-index:2;top:22px;left:22px;display:flex;gap:9px;align-items:center;padding:9px 12px;border:1px solid rgb(40 40 38 / .12);border-radius:6px;background:#fffffdeb;box-shadow:0 3px 12px #1e1e1c14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:11px}.map-status span{color:var(--muted)}.map-loading{color:var(--muted);font-size:12px}.map-fallback{width:min(520px,calc(100% - 72px));display:grid;justify-items:start;gap:6px;color:var(--muted);font-size:11px}.map-fallback svg{width:100%;max-height:58vh;margin-bottom:16px;border:1px solid #d2d2cd;background:#f2f2ef}.map-fallback svg path{fill:none;stroke:#ddddd7;stroke-width:.35}.map-fallback circle{cursor:pointer;stroke:#fff;stroke-width:.8}.origin-dot{fill:var(--ink)}.hotel-dot{fill:#777770}.hotel-dot.is-selected{fill:var(--brand)}.map-fallback strong{color:var(--ink);font-size:14px}.map-placeholder{width:min(320px,calc(100% - 48px));padding-top:18px;border-top:1px solid #c9c9c3;color:var(--muted)}.map-placeholder svg{margin-bottom:22px;color:var(--brand)}.map-placeholder strong{display:block;margin-bottom:8px;color:var(--ink);font-size:15px}.map-placeholder p{margin:0 0 24px;max-width:34ch;font-size:12px;line-height:1.7}.map-placeholder span{color:var(--faint);font-size:10px}.detail-sheet{position:fixed;z-index:10;right:24px;bottom:24px;width:min(390px,calc(100vw - 48px));padding:22px;border:1px solid #cfcfca;border-radius:var(--r-lg);background:var(--surface);box-shadow:0 8px 24px #1e1e1c1c;animation:detail-in .2s cubic-bezier(.16,1,.3,1)}@keyframes detail-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.detail-head{display:flex;justify-content:space-between;gap:16px}.detail-head span{color:var(--muted);font-size:11px}.detail-head h2{margin:4px 0 0;font-size:20px;letter-spacing:-.018em}.detail-head button{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:var(--r-md);background:transparent;cursor:pointer}.detail-score{display:grid;grid-template-columns:auto 1fr;align-items:end;column-gap:9px;margin:21px 0 15px;padding-bottom:16px;border-bottom:1px solid var(--divider)}.detail-score strong{grid-row:1 / 3;font-size:42px;line-height:.9;color:var(--ink);letter-spacing:-.04em;font-variant-numeric:tabular-nums}.detail-score span{font-size:12px;font-weight:650}.detail-score small{color:var(--muted);font-size:10px}.detail-reasons{display:flex;flex-wrap:wrap;gap:7px}.detail-reasons span{display:flex;align-items:center;gap:4px;padding:6px 0;border-bottom:1px solid var(--divider);border-radius:0;background:transparent;color:var(--ink);font-size:11px}.detail-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.detail-facts span{display:grid;gap:5px;color:var(--muted);font-size:10px}.detail-facts svg{width:16px;height:16px;color:var(--ink)}.marriott-link{min-height:44px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:var(--r-md);background:var(--ink);color:#f7f8fa;text-decoration:none;font-size:13px;font-weight:600;transition:transform .1s ease,background-color .14s ease}.mobile-map-toggle{display:none;position:fixed;z-index:8;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));min-height:44px;align-items:center;gap:7px;padding:0 15px;border:1px solid #444440;border-radius:var(--r-md);background:var(--ink);color:#fff;box-shadow:0 4px 12px #1e1e1c24;transform:translate(-50%)}.mobile-map-toggle:active{transform:translate(-50%) scale(.97)}@media(hover:hover){.nav-item:hover,.filter-chip:hover{color:var(--ink)}.hotel-row:hover{background:#f7f7f4}.marriott-link:hover{background:#313335}}@media(max-width:1100px){.app-shell{grid-template-columns:70px minmax(470px,540px) 1fr}.app-nav{padding-inline:10px}.brand-mark,.nav-item span,.nav-footer{display:none}.nav-item{justify-content:center;padding:0}}@media(max-width:899px){.app-shell{display:block;overflow:visible}.app-nav{position:fixed;z-index:20;top:auto;bottom:0;left:0;width:100%;height:calc(64px + env(safe-area-inset-bottom));display:block;padding:7px 14px env(safe-area-inset-bottom);border:0;border-top:1px solid var(--divider);background:var(--surface)}.brand-mark,.nav-footer{display:none}.nav-items{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.nav-item{min-height:50px;display:grid;place-items:center;gap:2px;background:transparent;box-shadow:none;font-size:10px}.nav-item span{display:block}.nav-item.is-active{color:var(--ink);background:transparent;box-shadow:inset 0 -2px 0 var(--brand)}.decision-pane{height:auto;min-height:100vh;padding-bottom:calc(84px + env(safe-area-inset-bottom));border:0}.map-panel{display:none;position:fixed;z-index:6;inset:0 0 calc(64px + env(safe-area-inset-bottom));height:auto}.map-panel.is-visible{display:block}.mobile-map-toggle{display:flex;bottom:calc(82px + env(safe-area-inset-bottom))}.detail-sheet{right:14px;bottom:calc(78px + env(safe-area-inset-bottom));width:calc(100vw - 28px)}}@media(max-width:639px){.decision-header{padding:calc(24px + env(safe-area-inset-top)) 20px 16px}.filter-mobile{display:grid}.title-line{margin:13px 0 18px}h1{font-size:31px}.departure-select{grid-template-columns:18px 1fr 18px}.departure-label{display:none}.filter-bar{position:sticky;z-index:5;top:0;padding:10px 20px 12px;background:var(--surface)}.results-head{padding:18px 20px 7px}.hotel-list{padding:0 8px 92px}.hotel-row{grid-template-columns:28px 1fr auto;gap:7px;padding:18px 12px}.hotel-note{max-width:34ch}.row-chevron{display:none}.hotel-metrics{min-width:57px}.drive-time{font-size:21px}.fact-row{gap:6px 9px}.detail-sheet{padding:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}