:root{--font-family:"Plus Jakarta Sans", "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:"Fraunces", Georgia, serif;--font-serif:var(--font-display);--baby-blue-50:#f4f9fd;--baby-blue-100:#e6f3fb;--baby-blue-200:#cee7f7;--baby-blue-300:#a8d5f2;--baby-blue-400:#89cff0;--baby-blue-500:#5aaee4;--baby-blue-600:#358ecc;--baby-blue-700:#296f9f;--baby-blue-800:#225375;--baby-blue-900:#1b3f58;--baby-blue-950:#0e2434;--bg-primary:#f2f7fa;--bg-surface:#fafcfe;--bg-surface-elevated:#edf6fc;--primary:var(--baby-blue-600);--primary-hover:var(--baby-blue-700);--primary-subtle:var(--baby-blue-100);--border-subtle:#a8d5f273;--border-focus:var(--baby-blue-400);--text-contrast:#1e2d3d;--text-secondary:#4a6378;--text-muted:#829bae;--inset-highlight:inset 0 1px 0 #ffffffbf;--inset-btn-glow:inset 0 1px 0 #ffffff59;--glow-brand:0 0 35px -8px #89cff073;--glow-emerald:0 0 25px -6px #05966959;--color-bg:var(--bg-primary);--color-surface:var(--bg-surface);--color-border:var(--border-subtle);--color-border-light:#cee7f759;--color-text-main:var(--text-contrast);--color-text-secondary:var(--text-secondary);--color-text-muted:var(--text-muted);--color-brand:var(--baby-blue-600);--color-brand-dark:var(--baby-blue-700);--color-brand-light:var(--baby-blue-100);--color-sunset:#f97316;--color-sunset-glow:#ffedd5;--color-emerald:#059669;--color-emerald-light:#ecfdf5;--color-amber:#d97706;--color-amber-light:#fffbeb;--shadow-sm:0 1px 3px 0 #2c3e500d;--shadow-md:0 4px 10px -2px #2c3e5012, 0 2px 4px -2px #2c3e500d;--shadow-lg:0 12px 20px -4px #2c3e5014, 0 4px 6px -4px #2c3e500f;--shadow-xl:0 20px 30px -6px #2c3e501f, 0 8px 12px -6px #2c3e5014;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--ease-spring:cubic-bezier(.16, 1, .3, 1);--ease-spring-snappy:cubic-bezier(.2, .9, .2, 1);--ease-spring-bounce:cubic-bezier(.34, 1.4, .64, 1);--transition-card:transform .24s var(--ease-spring), box-shadow .24s var(--ease-spring), border-color .24s var(--ease-spring);--transition-btn:transform .16s var(--ease-spring-snappy), background-color .16s ease, box-shadow .16s var(--ease-spring-snappy)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text-main);-webkit-font-smoothing:antialiased;line-height:1.5}.app-container{flex-direction:column;min-height:100vh;display:flex}.app-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:40;border-bottom:1px solid var(--color-border);background:#ffffffd9;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:.85rem 1.25rem;display:flex}.logo-group{align-items:center;gap:.75rem;display:flex}.logo-badge{color:#fff;border-radius:var(--radius-md);background:linear-gradient(135deg,#0284c7,#0d9488);justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;display:flex;box-shadow:0 4px 10px #0284c74d}.app-title{color:var(--color-text-main);letter-spacing:-.02em;font-size:1.15rem;font-weight:700}.app-tagline{color:var(--color-text-secondary);font-size:.75rem}.header-right{align-items:center;gap:.75rem;display:flex}.offline-badge{background-color:var(--color-amber-light);color:var(--color-amber);border:1px solid #fde68a;border-radius:9999px;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.75rem;font-weight:600;display:flex}.hero-banner{color:#fff;background:linear-gradient(115deg,#0e2434 0%,#1b3f58 38%,#296f9f 74%,#ea580c 118%);padding:5.5rem 1.5rem 5rem;position:relative;overflow:hidden;box-shadow:0 16px 40px -10px #0e243473}.hero-banner:before{content:"";filter:blur(50px);pointer-events:none;background:radial-gradient(circle,#89cff047 0%,#0000 70%);width:600px;height:600px;position:absolute;top:-40%;left:18%}.hero-banner:after{content:"";filter:blur(40px);pointer-events:none;background:radial-gradient(circle,#f9731638 0%,#0000 65%);width:480px;height:480px;position:absolute;bottom:-30%;right:12%}.hero-watermark{font-family:var(--font-display);letter-spacing:-.04em;color:#0000;-webkit-text-stroke:1.5px #ffffff17;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;font-size:15rem;font-weight:800;line-height:1;position:absolute;bottom:-5rem;left:-2.5rem}.hero-inner{z-index:2;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:3.5rem;max-width:1180px;margin:0 auto;display:grid;position:relative}.hero-pill{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;text-transform:uppercase;letter-spacing:.1em;box-shadow:var(--inset-btn-glow), 0 6px 20px #0000002e;background:#ffffff29;border:1px solid #ffffff47;border-radius:9999px;align-items:center;gap:.45rem;margin-bottom:1.5rem;padding:.45rem 1.15rem;font-size:.78rem;font-weight:700;display:inline-flex}.hero-heading{font-family:var(--font-display);letter-spacing:-.035em;color:#fff;text-shadow:0 4px 18px #0e243466;margin-bottom:1.25rem;font-size:clamp(2.4rem,4.6vw,3.9rem);font-weight:700;line-height:1.06}.hero-heading em{font-style:italic;font-family:var(--font-display);color:#fed7aa;text-shadow:0 0 20px #fed7aa59;margin-top:.3rem;padding-left:2.75rem;font-weight:600;display:block}.hero-desc{color:#f0fdfa;letter-spacing:.005em;opacity:.96;max-width:34rem;margin:0 0 2rem;font-size:1.05rem;font-weight:400;line-height:1.75}.hero-stats-row{flex-wrap:wrap;align-items:flex-start;gap:.7rem;display:flex}.hero-stat-chip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-md);box-shadow:var(--inset-btn-glow);background:#ffffff1f;border:1px solid #fff3;flex-direction:column;gap:.1rem;padding:.55rem .9rem;display:flex}.hero-stat-chip:nth-child(2),.hero-stat-chip:nth-child(4){transform:translateY(14px)}.hero-stat-num{color:#fff;font-size:1.15rem;font-weight:800}.hero-stat-lbl{color:#bae6fd;text-transform:uppercase;letter-spacing:.04em;font-size:.68rem;font-weight:600}.hero-widget-col{justify-self:end;width:min(100%,430px);margin-top:-1rem;margin-right:-.75rem;position:relative;transform:rotate(1.4deg)}.hero-live-badge{z-index:5;background:var(--baby-blue-950);color:#fff;letter-spacing:.08em;text-transform:uppercase;border:1px solid #ffffff40;border-radius:9999px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.68rem;font-weight:800;display:inline-flex;position:absolute;top:-.85rem;right:-.6rem;transform:rotate(3.5deg);box-shadow:0 6px 16px #0e243473}.hero-live-dot{background:#34d399;border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite livePulse}@keyframes livePulse{0%,to{box-shadow:0 0 #34d3998c}50%{box-shadow:0 0 0 5px #34d39900}}.hero-sticky-note{z-index:5;color:#713f12;background:#fef9c3;border-radius:2px 2px 14px;max-width:12.5rem;padding:.65rem .8rem;font-size:.7rem;line-height:1.45;position:absolute;bottom:-1.6rem;left:-1.9rem;transform:rotate(-5deg);box-shadow:0 10px 22px #0e243459}.hero-sticky-note strong{margin-bottom:.15rem;font-size:.74rem;display:block}.match-finder-card{z-index:3;color:var(--text-contrast);border-radius:var(--radius-xl);box-shadow:0 30px 60px -12px #0e243480, var(--inset-highlight);background:#fff;border:1px solid #ffffffa6;padding:1.4rem 1.5rem 1.5rem;position:relative}.mf-card-head{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1.1rem;display:flex}.mf-kicker{text-transform:uppercase;letter-spacing:.1em;color:var(--color-brand);margin-bottom:.15rem;font-size:.68rem;font-weight:800;display:block}.mf-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-contrast);font-size:1.45rem;font-weight:700}.mf-group{border:none;margin:0 0 1rem;padding:0}.mf-legend{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.5rem;padding:0;font-size:.72rem;font-weight:700;display:block}.mf-chip-row{flex-wrap:wrap;gap:.45rem;display:flex}.mf-chip-grid{grid-template-columns:repeat(2,1fr);gap:.45rem;display:grid}.mf-chip{font-family:var(--font-family);color:var(--text-secondary);border:1px solid var(--border-subtle);cursor:pointer;transition:var(--transition-btn);background:#f8fafc;border-radius:9999px;align-items:center;gap:.35rem;padding:.42rem .8rem;font-size:.76rem;font-weight:600;display:inline-flex}.mf-chip-compact{justify-content:center}.mf-chip:hover{border-color:var(--baby-blue-400);transform:translateY(-1px)}.mf-chip:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.mf-chip-active{background:var(--color-brand);border-color:var(--color-brand);color:#fff;box-shadow:0 4px 12px #358ecc59, var(--inset-btn-glow)}.mf-chip-active:hover{background:var(--color-brand-dark);border-color:var(--color-brand-dark)}.mf-slider-head{justify-content:space-between;align-items:baseline;margin-bottom:.5rem;display:flex}.mf-budget-val{font-family:var(--font-display);color:var(--text-contrast);font-size:.95rem;font-weight:700}.mf-slider{appearance:none;background:linear-gradient(90deg, var(--baby-blue-200), var(--baby-blue-400));cursor:pointer;border-radius:9999px;outline:none;width:100%;height:8px}.mf-slider:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px}.mf-slider::-webkit-slider-thumb{appearance:none;border:3px solid var(--color-brand);width:22px;height:22px;transition:transform .15s var(--ease-spring-snappy);background:#fff;border-radius:50%;box-shadow:0 2px 8px #2c3e5047}.mf-slider::-webkit-slider-thumb:hover{transform:scale(1.12)}.mf-slider::-moz-range-thumb{border:3px solid var(--color-brand);cursor:pointer;background:#fff;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 8px #2c3e5047}.mf-slider-ticks{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;justify-content:space-between;margin-top:.35rem;font-size:.62rem;font-weight:600;display:flex}.mf-engine-badge{color:var(--text-secondary);background:var(--baby-blue-50);border:1px solid var(--border-subtle);white-space:nowrap;border-radius:9999px;flex-shrink:0;padding:.28rem .6rem;font-size:.65rem;font-weight:700}.mf-result-wrap{margin-bottom:1rem;position:relative}.mf-result-wrap:before,.mf-result-wrap:after{content:"";border:1px solid var(--border-subtle);border-radius:0 0 var(--radius-lg) var(--radius-lg);background:#ffffff73;height:22px;position:absolute;bottom:-6px;left:8px;right:8px}.mf-result-wrap:after{background:#ffffff38;bottom:-11px;left:16px;right:16px}.mf-result{z-index:2;background:linear-gradient(135deg, #fff 0%, var(--baby-blue-50) 100%);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);animation:mfPop .45s var(--ease-spring);padding:.95rem 1rem;position:relative}@keyframes mfPop{0%{opacity:.55;transform:translateY(6px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.mf-result-top{align-items:flex-start;gap:.75rem;display:flex}.mf-result-thumb{object-fit:cover;border-radius:var(--radius-md);border:2px solid #fff;flex-shrink:0;width:62px;height:62px;box-shadow:0 4px 10px #2c3e502e}.mf-result-info{flex:1;min-width:0}.mf-result-match{text-transform:uppercase;letter-spacing:.04em;color:#ea580c;margin-bottom:.15rem;font-size:.68rem;font-weight:800;display:block}.mf-result-name{color:var(--text-contrast);margin-bottom:.2rem;font-size:.92rem;font-weight:700;line-height:1.3}.mf-result-meta{color:var(--text-secondary);font-size:.74rem;font-weight:500}.mf-result-price{font-family:var(--font-display);color:var(--text-contrast);white-space:nowrap;flex-shrink:0;font-size:1rem;font-weight:800}.mf-result-price em{font-family:var(--font-family);color:var(--text-muted);text-align:right;font-size:.62rem;font-style:normal;font-weight:600;display:block}.mf-meter{background:var(--baby-blue-100);border-radius:9999px;width:100%;height:6px;margin:.7rem 0 .55rem;overflow:hidden}.mf-meter-fill{background:linear-gradient(90deg, var(--baby-blue-400), var(--color-sunset));height:100%;transition:width .6s var(--ease-spring);border-radius:9999px;display:block}.mf-verdict{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.76rem;font-style:italic;line-height:1.55;display:-webkit-box;overflow:hidden}.mf-empty{color:var(--text-secondary);padding:.5rem 0;font-size:.82rem}.mf-cta{width:100%;font-family:var(--font-family);color:#fff;background:linear-gradient(135deg, var(--baby-blue-600), var(--baby-blue-700));border-radius:var(--radius-md);cursor:pointer;box-shadow:0 6px 16px #358ecc66, var(--inset-btn-glow);transition:var(--transition-btn);border:none;justify-content:center;align-items:center;padding:.8rem 1rem;font-size:.88rem;font-weight:700;display:flex}.mf-cta:hover{box-shadow:0 10px 22px #358ecc80, var(--inset-btn-glow);transform:translateY(-2px)}.mf-cta:focus-visible{outline:2px solid var(--baby-blue-300);outline-offset:3px}.mf-cta:disabled{opacity:.55;cursor:not-allowed;transform:none}@media (width<=980px){.hero-inner{grid-template-columns:1fr;gap:3rem}.hero-heading em{padding-left:1.5rem}.hero-widget-col{justify-self:center;width:min(100%,460px);margin:.75rem 0 0;transform:none}.hero-sticky-note{display:none}.hero-live-badge{top:-.75rem;right:.6rem;transform:none}.hero-watermark{font-size:9rem;bottom:-3rem}}.main-layout{width:100%;max-width:1200px;margin:0 auto;padding:2rem 1.25rem 4rem}.filter-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-bottom:2rem;padding:1.5rem}.search-bar-wrapper{margin-bottom:1.5rem;position:relative}.search-icon{color:var(--color-text-muted);font-size:1.1rem;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-input{border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:#f8fafc;outline:none;width:100%;padding:.85rem 2.75rem .85rem 2.85rem;font-size:.95rem;transition:all .2s}.search-input:focus{border-color:var(--color-brand);background-color:#fff;box-shadow:0 0 0 3px #0284c726}.clear-search-btn{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;font-size:1rem;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.filter-group{margin-bottom:1.25rem}.filter-label{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:.6rem;font-size:.8rem;font-weight:700;display:block}.pill-group{flex-wrap:wrap;gap:.5rem;display:flex}.pill-btn{border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:48px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s var(--ease-spring);background-color:#fff;align-items:center;gap:.4rem;padding:.6rem 1rem;font-size:.85rem;font-weight:500;display:inline-flex}.pill-btn:hover{background-color:var(--baby-blue-100);border-color:var(--baby-blue-300);transform:translateY(-2px);box-shadow:0 4px 10px #2c3e5014}.pill-btn:active{transform:scale(.97)}.pill-btn.active-pill{background-color:var(--color-brand);color:#fff;border-color:var(--color-brand);font-weight:600;transform:translateY(-1px);box-shadow:0 4px 14px #358ecc59}.filter-row-two-col{flex-direction:column;gap:1.5rem;display:flex}@media (width>=768px){.filter-row-two-col{flex-direction:row}}.flex-1{flex:1}.filter-summary-bar{border-top:1px solid var(--color-border);color:var(--color-text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding-top:1rem;font-size:.85rem;display:flex}.reset-link-btn{color:var(--color-brand);cursor:pointer;background:0 0;border:none;padding:.4rem;font-weight:600;text-decoration:underline;transition:opacity .15s}.reset-link-btn:hover{opacity:.8}.hotel-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.75rem;display:grid}.hotel-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--inset-highlight), 0 2px 6px -1px #2c3e500d;transition:var(--transition-card);cursor:pointer;flex-direction:column;display:flex;position:relative;overflow:hidden}.hotel-card:before{content:"";border-radius:var(--radius-xl);opacity:0;pointer-events:none;transition:opacity .25s var(--ease-spring);z-index:1;background:linear-gradient(#89cff01f 0%,#0000 65%);position:absolute;inset:0}.hover-lift:hover{box-shadow:var(--inset-highlight), 0 18px 36px -4px #1e2d3d21, 0 0 28px -4px #89cff059;border-color:var(--baby-blue-400);transform:translateY(-5px)}.hover-lift:hover:before{opacity:1}.hover-lift:active{transition-duration:.1s;transform:translateY(-2px)scale(.995)}.hotel-card-image-wrap{aspect-ratio:16/9;background-color:var(--baby-blue-100);width:100%;position:relative;overflow:hidden}.hotel-img{object-fit:cover;width:100%;height:100%;transition:transform .45s var(--ease-spring)}.hover-lift:hover .hotel-img{transform:scale(1.05)}.relevance-score-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#0f172ad9;border-radius:9999px;align-items:center;gap:.25rem;padding:.3rem .65rem;font-size:.75rem;font-weight:600;display:flex;position:absolute;top:.85rem;left:.85rem}.score-val{color:#38bdf8;font-weight:700}.price-tag-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-text-main);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);background:#fffffff2;padding:.35rem .75rem;font-size:.9rem;font-weight:800;position:absolute;bottom:.85rem;right:.85rem}.text-muted-xs{color:var(--color-text-secondary);font-size:.7rem;font-weight:500}.hotel-card-content{flex-direction:column;flex-grow:1;padding:1.25rem;display:flex}.hotel-meta-row{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.hotel-district-tag{text-transform:uppercase;color:var(--color-brand);letter-spacing:.04em;font-size:.75rem;font-weight:700}.hotel-stars{color:var(--color-amber);font-size:.8rem;font-weight:600}.hotel-card-title{color:var(--color-text-main);margin-bottom:.75rem;font-size:1.15rem;font-weight:700;line-height:1.35}.proximity-chips-row{flex-wrap:wrap;gap:.4rem;margin-bottom:.85rem;display:flex}.prox-chip{border:1px solid var(--color-border);color:var(--color-text-secondary);background-color:#f1f5f9;border-radius:9999px;align-items:center;gap:.3rem;padding:.25rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.primary-prox{background-color:var(--color-emerald-light);color:#047857;border-color:#a7f3d0}.hotel-card-summary{color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex-grow:1;margin-bottom:1.25rem;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.hotel-card-footer{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;padding-top:.85rem;display:flex}.view-detail-hint{color:var(--color-brand);font-size:.8rem;font-weight:600}.card-book-btn{background-color:var(--color-emerald);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;min-height:48px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:background-color .15s}.card-book-btn:hover{background-color:#047857}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;animation:fadeIn .25s var(--ease-spring);background-color:#0f172aa6;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-box{background:var(--color-surface);border-radius:var(--radius-xl);max-height:90vh;animation:springModalPop .35s var(--ease-spring);border:1px solid var(--border-subtle);flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #0f172a47}@keyframes springModalPop{0%{opacity:0;transform:scale(.92)translateY(18px)}to{opacity:1;transform:scale(1)translateY(0)}}.detail-modal{width:100%;max-width:680px}.modal-close-btn{color:#fff;cursor:pointer;z-index:10;background:#0f172ab3;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex;position:absolute;top:1rem;right:1rem}.detail-hero-image{background-color:#000;width:100%;height:260px;position:relative}.detail-img{object-fit:cover;width:100%;height:100%}.detail-badge-tier{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#0f172ad9;border-radius:9999px;padding:.35rem .85rem;font-size:.8rem;font-weight:600;position:absolute;bottom:1rem;left:1rem}.detail-body{padding:1.5rem;overflow-y:auto}.detail-header{justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem;display:flex}.hotel-district-label{color:var(--color-brand);text-transform:uppercase;font-size:.8rem;font-weight:700}.detail-title{color:var(--color-text-main);margin-top:.25rem;font-size:1.45rem;font-weight:800;line-height:1.25}.star-pill{background-color:var(--color-amber-light);color:var(--color-amber);border-radius:var(--radius-sm);border:1px solid #fde68a;padding:.35rem .65rem;font-size:.85rem;font-weight:700}.curator-quote-box{border-left:4px solid var(--color-emerald);border-radius:0 var(--radius-md) var(--radius-md) 0;background-color:#f0fdf4;margin-bottom:1rem;padding:1rem}.quote-label{color:#047857;text-transform:uppercase;margin-bottom:.25rem;font-size:.75rem;font-weight:700}.quote-text{color:#065f46;font-size:.9rem;line-height:1.5}.insider-tip-box{border-left:4px solid var(--color-amber);border-radius:0 var(--radius-md) var(--radius-md) 0;background-color:#fefce8;margin-bottom:1.5rem;padding:1rem}.tip-label{color:#92400e;text-transform:uppercase;margin-bottom:.25rem;font-size:.75rem;font-weight:700}.tip-text{color:#78350f;font-size:.85rem;line-height:1.5}.section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin:1.25rem 0 .65rem;font-size:.85rem;font-weight:700}.detail-landmarks-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;display:grid}.landmark-cell{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:#f8fafc;align-items:center;gap:.75rem;padding:.65rem .85rem;display:flex}.landmark-cell-icon{font-size:1.25rem}.landmark-cell-info{flex-direction:column;display:flex}.landmark-cell-name{color:var(--color-text-secondary);font-size:.75rem}.landmark-cell-metric{color:var(--color-text-main);font-size:.85rem;font-weight:700}.amenities-tags-list{flex-wrap:wrap;gap:.5rem;display:flex}.amenity-chip{color:var(--color-text-main);background-color:#f1f5f9;border-radius:9999px;padding:.35rem .75rem;font-size:.8rem;font-weight:500}.detail-footer{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-top:1.75rem;padding-top:1.25rem;display:flex}.detail-price-box{flex-direction:column;display:flex}.detail-price-label{color:var(--color-text-muted);font-size:.75rem}.detail-price-value{color:var(--color-text-main);font-size:1.5rem;font-weight:800}.detail-price-unit{color:var(--color-text-secondary);font-size:.75rem}.handoff-modal{text-align:center;width:100%;max-width:380px;padding:2rem 1.5rem}.handoff-icon-wrapper{background-color:var(--color-emerald-light);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 1rem;display:flex}.handoff-icon{font-size:1.75rem}.handoff-title{color:var(--color-text-main);margin-bottom:.5rem;font-size:1.15rem;font-weight:700}.handoff-desc{color:var(--color-text-secondary);margin-bottom:1.25rem;font-size:.85rem;line-height:1.5}.progress-bar-container{background-color:#e2e8f0;border-radius:9999px;width:100%;height:6px;margin-bottom:.5rem;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#0284c7,#059669);width:100%;height:100%;animation:1.4s ease-in-out infinite pulseProgress}@keyframes pulseProgress{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}.zero-result-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-sm);margin:2rem 0;padding:3rem 1.5rem}.zero-result-icon{margin-bottom:1rem;font-size:3rem}.zero-result-title{margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.zero-result-desc{color:var(--color-text-secondary);max-width:480px;margin:0 auto 1.5rem;font-size:.9rem;line-height:1.6}.zero-result-actions{justify-content:center;display:flex}.skeleton-card{pointer-events:none;background:var(--color-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.skeleton-img-box{aspect-ratio:16/9;background-color:var(--baby-blue-100);width:100%}.skeleton-line{background-color:var(--baby-blue-100);border-radius:6px}.skeleton-chips-row{gap:.5rem;display:flex}.skeleton-chip{background-color:var(--baby-blue-100);border-radius:9999px;width:96px;height:26px}.skeleton-bottom-row{justify-content:space-between;align-items:center;display:flex}.skeleton-btn{border-radius:var(--radius-md);background-color:var(--baby-blue-100);width:100px;height:44px}.w-25{width:25%}.w-30{width:30%}.w-70{width:70%}.w-90{width:90%}.h-5{height:1.25rem}.h-6{height:1.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.shimmer{background:linear-gradient(90deg, var(--baby-blue-100) 0%, #ffffffd9 50%, var(--baby-blue-100) 100%);background-size:200% 100%;animation:1.6s cubic-bezier(.4,0,.6,1) infinite babyBlueShimmer}@keyframes babyBlueShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.primary-btn{background-color:var(--color-emerald);color:#fff;border-radius:var(--radius-md);cursor:pointer;min-height:48px;transition:var(--transition-btn);box-shadow:var(--inset-btn-glow), 0 4px 14px #05966947;border:1px solid #fff3;justify-content:center;align-items:center;padding:.75rem 1.6rem;font-size:.95rem;font-weight:700;display:inline-flex}.primary-btn:hover{box-shadow:var(--inset-btn-glow), var(--glow-emerald), 0 8px 20px #05966961;background-color:#047857;transform:translateY(-2px)}.primary-btn:active{transform:translateY(0)scale(.98)}.card-book-btn{background-color:var(--color-emerald);color:#fff;border-radius:var(--radius-md);cursor:pointer;min-height:48px;box-shadow:var(--inset-btn-glow), 0 2px 8px #05966940;transition:var(--transition-btn);border:1px solid #fff3;padding:.5rem 1.15rem;font-size:.85rem;font-weight:700}.card-book-btn:hover{box-shadow:var(--inset-btn-glow), 0 6px 16px #05966966;background-color:#047857;transform:translateY(-2px)}.card-book-btn:active{transform:translateY(0)scale(.97)}.secondary-btn{min-height:48px;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;background-color:#f1f5f9;padding:.5rem 1rem;font-size:.85rem;font-weight:600}.secondary-btn:hover{background-color:#e2e8f0}.error-fallback-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:360px;padding:2rem;display:flex}.error-fallback-icon{margin-bottom:1rem;font-size:3rem}.error-fallback-title{margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.error-fallback-desc{color:var(--color-text-secondary);max-width:400px;margin-bottom:1.5rem;font-size:.9rem}.app-footer{border-top:1px solid var(--color-border);text-align:center;color:var(--color-text-secondary);background-color:#fff;margin-top:auto;padding:2rem 1.25rem;font-size:.85rem}.currency-selector-wrap{border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:#f1f5f9;align-items:center;gap:.35rem;padding:.35rem .6rem;display:flex}.currency-icon{font-size:.95rem}.currency-select{color:var(--color-text-main);cursor:pointer;background:0 0;border:none;outline:none;font-size:.8rem;font-weight:700}.top-presets-wrap{padding-bottom:0!important}.itinerary-presets-section{border-radius:var(--radius-xl);color:#fff;box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#0369a1 0%,#0f766e 100%);margin-bottom:2rem;padding:1.75rem}.section-header-compact{margin-bottom:1.25rem}.section-kicker{color:#bae6fd;text-transform:uppercase;letter-spacing:.06em;background:#fff3;border-radius:9999px;margin-bottom:.4rem;padding:.25rem .6rem;font-size:.7rem;font-weight:700;display:inline-block}.section-subheading{letter-spacing:-.02em;margin-bottom:.25rem;font-size:1.35rem;font-weight:800}.section-explanation{color:#e0f2fe;font-size:.85rem}.itinerary-cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.itinerary-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-lg);background:#ffffff1f;border:1px solid #ffffff40;flex-direction:column;padding:1.25rem;transition:all .2s;display:flex}.itinerary-card:hover{background:#fff3;transform:translateY(-2px)}.itinerary-card.active-itinerary{color:var(--color-text-main);background:#fff;border-color:#fff;box-shadow:0 10px 25px #0003}.itinerary-card.active-itinerary .itinerary-title,.itinerary-card.active-itinerary .itinerary-tagline,.itinerary-card.active-itinerary .rec-stay-name{color:var(--color-text-main)}.itinerary-card.active-itinerary .rec-stay-label,.itinerary-card.active-itinerary .itinerary-toggle-btn{color:var(--color-text-secondary)}.itinerary-header{margin-bottom:.6rem}.itinerary-badge{background:#00000040;border-radius:9999px;margin-bottom:.35rem;padding:.2rem .5rem;font-size:.72rem;font-weight:700;display:inline-block}.itinerary-card.active-itinerary .itinerary-badge{color:#0369a1;background:#e0f2fe}.itinerary-title{font-size:1rem;font-weight:700;line-height:1.3}.itinerary-tagline{color:#f0fdf4;flex-grow:1;margin-bottom:.75rem;font-size:.8rem;line-height:1.45}.itinerary-rec-stay{border-radius:var(--radius-sm);background:#00000026;margin-bottom:.85rem;padding:.4rem .65rem;font-size:.78rem}.itinerary-card.active-itinerary .itinerary-rec-stay{border:1px solid var(--color-border);background:#f8fafc}.rec-stay-label{color:#bae6fd;font-weight:600}.rec-stay-name{font-weight:700}.itinerary-highlights-list{border-radius:var(--radius-sm);background:#0003;margin-bottom:.85rem;padding:.5rem;font-size:.76rem;list-style:none}.itinerary-card.active-itinerary .itinerary-highlights-list{color:var(--color-text-main);background:#f1f5f9}.highlight-bullet{color:#34d399;font-weight:700}.itinerary-actions{justify-content:space-between;align-items:center;gap:.5rem;margin-top:auto;display:flex}.itinerary-toggle-btn{color:#e0f2fe;cursor:pointer;background:0 0;border:none;padding:.3rem 0;font-size:.72rem;font-weight:600}.itinerary-apply-btn{color:#082f49;border-radius:var(--radius-md);cursor:pointer;background:#38bdf8;border:none;padding:.45rem .85rem;font-size:.75rem;font-weight:700;transition:all .15s}.itinerary-apply-btn:hover{background:#7dd3fc}.itinerary-apply-btn.applied-btn{color:#fff;background:#059669}.filter-top-bar{flex-direction:column;gap:1rem;margin-bottom:1.25rem;display:flex}@media (width>=768px){.filter-top-bar{flex-direction:row;align-items:center}}.flex-grow-search{flex:1.8;margin-bottom:0!important}.dates-picker-group{flex:1.2;gap:.75rem;display:flex}.date-input-field{flex-direction:column;flex:1;display:flex}.date-label{text-transform:uppercase;color:var(--color-text-secondary);margin-bottom:.2rem;font-size:.7rem;font-weight:700}.date-input{border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-main);background:#f8fafc;outline:none;padding:.55rem .65rem;font-size:.8rem}.date-input:focus{border-color:var(--color-brand);background:#fff}.filter-label-flex{justify-content:space-between;align-items:center;display:flex}.reset-mini-btn{color:var(--color-brand);cursor:pointer;background:0 0;border:none;font-size:.72rem;font-weight:600;text-decoration:underline}.multi-chip .chip-check{color:#38bdf8;margin-left:.25rem;font-size:.75rem}.view-mode-bar{justify-content:space-between;align-items:center;margin:1.5rem 0 1.25rem;display:flex}.results-count-text{color:var(--color-text-secondary);font-size:.9rem}.view-toggle-btns{border-radius:var(--radius-md);background:#e2e8f0;gap:3px;padding:3px;display:flex}.view-toggle-btn{border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;padding:.45rem .95rem;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.view-toggle-btn.active-view{color:var(--color-text-main);box-shadow:var(--shadow-sm);background:#fff}.interactive-map-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:2rem;overflow:hidden}.map-legend-bar{border-bottom:1px solid var(--color-border);background:#f8fafc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.75rem;display:flex}.legend-items{align-items:center;gap:.85rem;display:flex}.legend-chip{color:var(--color-text-secondary);align-items:center;gap:.35rem;font-weight:600;display:flex}.dot{border-radius:50%;width:8px;height:8px}.hub-dot{background:#ef4444}.stay-dot{background:#0284c7}.map-hint{color:var(--color-text-muted)}.map-canvas{background-color:#ecfeff;width:100%;height:520px;position:relative;overflow:hidden}.sea-zone{background:linear-gradient(135deg,#cffafe 0%,#a5f3fc 100%);border-right:2px dashed #38bdf8;align-items:flex-end;width:48%;height:100%;padding:1.5rem;display:flex;position:absolute;top:0;left:0}.sea-label{color:#0369a1;background:#ffffffb3;border-radius:9999px;padding:.35rem .65rem;font-size:.8rem;font-weight:700}.land-zone{background:#f8fafc;width:52%;height:100%;position:absolute;top:0;right:0}.map-hub-pin{z-index:5;cursor:default;position:absolute;transform:translate(-50%,-50%)}.hub-marker-bubble{color:#fff;background:#dc2626;border:2px solid #fff;border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .6rem;font-size:.72rem;font-weight:700;display:flex;box-shadow:0 4px 10px #dc262659}.active-priority-hub .hub-marker-bubble{background:#991b1b;transform:scale(1.1)}.hub-pulse{border:2px solid #dc2626;border-radius:9999px;animation:1.8s infinite mapPulse;position:absolute;inset:-6px}@keyframes mapPulse{0%{opacity:1;transform:scale(.9)}to{opacity:0;transform:scale(1.6)}}.map-hotel-pin{cursor:pointer;z-index:10;background:0 0;border:none;transition:transform .15s;position:absolute;transform:translate(-50%,-50%)}.map-hotel-pin:hover{z-index:15;transform:translate(-50%,-50%)scale(1.12)}.pin-price-pill{color:#fff;white-space:nowrap;background:#0284c7;border:2px solid #fff;border-radius:9999px;padding:.3rem .65rem;font-size:.75rem;font-weight:800;box-shadow:0 4px 12px #0284c759}.map-hotel-pin.pin-focused .pin-price-pill{background:#0f172a;transform:scale(1.15);box-shadow:0 6px 16px #0000004d}.map-hotel-preview-card{border-radius:var(--radius-lg);max-width:440px;box-shadow:var(--shadow-xl);z-index:20;border:1px solid var(--color-border);background:#fff;flex-direction:column;animation:.2s ease-out slideUp;display:flex;position:absolute;bottom:1.25rem;left:1.25rem;right:1.25rem;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.preview-close-btn{color:#fff;cursor:pointer;z-index:5;background:#0f172ab3;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;display:flex;position:absolute;top:.65rem;right:.65rem}.preview-image-wrap{height:120px;position:relative}.preview-image-wrap img{object-fit:cover;width:100%;height:100%}.preview-match-badge{color:#38bdf8;background:#0f172ad9;border-radius:9999px;padding:.2rem .5rem;font-size:.7rem;font-weight:700;position:absolute;top:.65rem;left:.65rem}.preview-info{padding:.85rem 1rem}.preview-header{justify-content:space-between;font-size:.72rem;font-weight:700;display:flex}.preview-district{color:var(--color-brand);text-transform:uppercase}.preview-title{margin:.2rem 0 .35rem;font-size:1rem;font-weight:800}.preview-verdict{color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.75rem;font-size:.78rem;line-height:1.4;display:-webkit-box;overflow:hidden}.preview-actions{justify-content:space-between;align-items:center;display:flex}.preview-price strong{color:var(--color-text-main);font-size:1.1rem}.preview-btns{gap:.5rem;display:flex}.preview-detail-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:#f1f5f9;padding:.4rem .75rem;font-size:.78rem;font-weight:600}.preview-book-btn{background:var(--color-emerald);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:.4rem .85rem;font-size:.78rem;font-weight:700}.card-compare-btn{border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;background:#f8fafc;padding:.45rem .75rem;font-size:.75rem;font-weight:600;transition:all .15s}.card-compare-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.card-compare-btn.active-compare{color:#0369a1;background:#e0f2fe;border-color:#7dd3fc;font-weight:700}.card-selected-compare{border-color:#0284c7!important;box-shadow:0 0 0 2px #0284c740!important}.compare-dock-tray{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:2px solid var(--color-brand);z-index:50;border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:#fffffffa;max-width:1200px;margin:0 auto;padding:1rem 1.5rem;animation:.25s ease-out slideDock;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 25px #0000001f}@keyframes slideDock{0%{transform:translateY(100%)}to{transform:translateY(0)}}.compare-tray-header{justify-content:space-between;align-items:center;margin-bottom:.85rem;display:flex}.tray-title-group{align-items:center;gap:.5rem;display:flex}.tray-badge{color:#fff;background:#0284c7;border-radius:9999px;padding:.25rem .65rem;font-size:.75rem;font-weight:700}.tray-count-text{color:var(--color-text-secondary);font-size:.82rem;font-weight:600}.tray-clear-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;font-size:.78rem;font-weight:600}.compare-cards-wrapper{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.compare-card-col{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#f8fafc;flex-direction:column;padding:.85rem;display:flex;position:relative}.compare-remove-btn{color:#fff;cursor:pointer;z-index:2;background:#0f172a99;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.65rem;display:flex;position:absolute;top:.5rem;right:.5rem}.compare-thumb{border-radius:var(--radius-sm);height:70px;margin-bottom:.5rem;position:relative;overflow:hidden}.compare-thumb img{object-fit:cover;width:100%;height:100%}.compare-price-pill{color:#fff;background:#0f172ad9;border-radius:4px;padding:.15rem .45rem;font-size:.7rem;font-weight:700;position:absolute;bottom:.35rem;right:.35rem}.compare-hotel-name{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:700;overflow:hidden}.compare-rating{color:var(--color-text-secondary);margin-bottom:.5rem;font-size:.72rem}.compare-metrics-list{border-top:1px dashed var(--color-border);margin-bottom:.65rem;padding-top:.4rem;font-size:.72rem}.metric-row{justify-content:space-between;margin-bottom:.2rem;display:flex}.metric-lbl{color:var(--color-text-secondary)}.metric-val{color:var(--color-text-main);font-weight:600}.compare-col-actions{gap:.4rem;margin-top:auto;display:flex}.compare-btn-details{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:#fff;flex:1;padding:.35rem;font-size:.72rem;font-weight:600}.compare-btn-book{background:var(--color-emerald);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;flex:1.2;padding:.35rem;font-size:.72rem;font-weight:700}.compare-placeholder-slot{border-radius:var(--radius-md);text-align:center;color:var(--color-text-muted);border:2px dashed #cbd5e1;flex-direction:column;justify-content:center;align-items:center;padding:1rem;display:flex}.slot-plus{margin-bottom:.35rem;font-size:1.5rem}.slot-instruction{font-size:.72rem;line-height:1.4}.insite-chat-launcher{z-index:60;position:fixed;bottom:1.5rem;right:1.5rem}.insite-chat-bubble-btn{background:linear-gradient(135deg, var(--baby-blue-600) 0%, #0284c7 100%);color:#fff;box-shadow:var(--inset-btn-glow), 0 8px 24px #0284c773;cursor:pointer;transition:all .22s var(--ease-spring);border:1px solid #ffffff4d;border-radius:9999px;align-items:center;gap:.55rem;padding:.75rem 1.25rem;font-size:.86rem;font-weight:700;display:flex;position:relative}.insite-chat-bubble-btn:hover{box-shadow:var(--inset-btn-glow), 0 12px 30px #0284c78c;background:linear-gradient(135deg, var(--baby-blue-700) 0%, #0369a1 100%);transform:translateY(-3px)scale(1.02)}.insite-chat-bubble-btn.bubble-active{background:#0f172a;border-color:#334155;box-shadow:0 8px 20px #0f172a59}.chat-bubble-icon{font-size:1.2rem;line-height:1}.chat-bubble-label{letter-spacing:-.01em}.concierge-pulse{opacity:.8;pointer-events:none;background:#38bdf8;border-radius:50%;width:10px;height:10px;animation:1.8s cubic-bezier(0,0,.2,1) infinite ping;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.insite-chat-modal{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:min(420px,100vw - 2rem);height:580px;max-height:calc(100vh - 7rem);box-shadow:var(--inset-highlight), 0 20px 45px -8px #0f172a59;z-index:65;animation:springModalPop .3s var(--ease-spring);flex-direction:column;display:flex;position:fixed;bottom:5.25rem;right:1.5rem;overflow:hidden}.insite-chat-header{color:#fff;background:linear-gradient(135deg,#1b3f58 0%,#296f9f 100%);border-bottom:1px solid #ffffff26;justify-content:space-between;align-items:center;padding:1rem 1.15rem;display:flex}.chat-header-identity{align-items:center;gap:.65rem;display:flex}.chat-avatar-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-md);background:#fff3;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.15rem;display:flex}.chat-header-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:1rem;font-weight:700}.chat-header-sub{color:#bae6fd;align-items:center;gap:.35rem;font-size:.72rem;display:flex}.verified-site-dot{background-color:#34d399;border-radius:50%;width:7px;height:7px;display:inline-block}.chat-close-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.82rem;transition:background .15s;display:flex}.chat-close-btn:hover{background:#ffffff4d}.chat-scope-banner{color:#166534;background:#f0fdf4;border-bottom:1px solid #bbf7d0;padding:.5rem .85rem;font-size:.73rem;line-height:1.35}.insite-chat-messages{background-color:#f8fafc;flex-direction:column;flex:1;gap:.85rem;padding:1rem;display:flex;overflow-y:auto}.chat-message-row{gap:.5rem;max-width:88%;display:flex}.msg-bot{align-self:flex-start}.msg-user{flex-direction:row-reverse;align-self:flex-end}.bot-avatar{background:var(--baby-blue-100);border:1px solid var(--baby-blue-300);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;margin-top:2px;font-size:.95rem;display:flex}.chat-bubble{border-radius:var(--radius-lg);padding:.75rem .95rem;font-size:.86rem;line-height:1.5;box-shadow:0 1px 3px #2c3e500d}.msg-bot .chat-bubble{border:1px solid var(--border-subtle);color:var(--text-contrast);background:#fff;border-top-left-radius:4px}.msg-user .chat-bubble{background:var(--baby-blue-600);color:#fff;border-top-right-radius:4px}.chat-bubble-text{word-break:break-word}.chat-embed-action{border-top:1px dashed var(--baby-blue-200);margin-top:.65rem;padding-top:.5rem}.chat-view-hotel-btn{background:var(--baby-blue-50);border:1px solid var(--baby-blue-300);color:var(--baby-blue-800);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.76rem;font-weight:700;transition:all .15s;display:inline-flex}.chat-view-hotel-btn:hover{background:var(--baby-blue-600);color:#fff;border-color:var(--baby-blue-600)}.chat-view-culture-btn{color:#92400e;background:#fffbeb;border-color:#fde68a}.chat-view-culture-btn:hover{color:#fff;background:#d97706;border-color:#d97706}.chat-bubble-meta{color:var(--text-muted);justify-content:space-between;align-items:center;gap:.5rem;margin-top:.4rem;font-size:.68rem;display:flex}.msg-user .chat-bubble-meta{color:#ffffffbf}.chat-source-tag{background:#0000000d;border-radius:4px;padding:.1rem .35rem;font-weight:600}.typing-bubble{align-items:center;gap:.35rem;padding:.65rem .85rem;display:flex}.typing-dot{background:var(--baby-blue-500);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both typingBounce}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chat-quick-prompts-tray{border-top:1px solid var(--border-subtle);scrollbar-width:none;background:#fff;align-items:center;gap:.45rem;padding:.45rem .85rem;display:flex;overflow-x:auto}.quick-prompts-label{color:var(--text-muted);text-transform:uppercase;flex-shrink:0;font-size:.7rem;font-weight:700}.quick-prompts-scroll{gap:.4rem;display:flex;overflow-x:auto}.quick-prompt-chip{background:var(--baby-blue-50);border:1px solid var(--baby-blue-200);color:var(--text-secondary);white-space:nowrap;cursor:pointer;border-radius:9999px;flex-shrink:0;padding:.25rem .55rem;font-size:.73rem;transition:all .15s}.quick-prompt-chip:hover{background:var(--baby-blue-100);color:var(--baby-blue-800);border-color:var(--baby-blue-400)}.insite-chat-input-bar{border-top:1px solid var(--border-subtle);background:#fff;align-items:center;gap:.5rem;padding:.65rem .85rem;display:flex}.chat-text-input{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#f8fafc;outline:none;flex:1;padding:.55rem .85rem;font-size:.86rem;transition:border-color .15s}.chat-text-input:focus{border-color:var(--baby-blue-500);background:#fff}.chat-send-btn{background:var(--baby-blue-600);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:.95rem;transition:background .15s;display:flex}.chat-send-btn:hover:not(:disabled){background:var(--baby-blue-700)}.chat-send-btn:disabled{cursor:not-allowed;background:#cbd5e1}@keyframes ping{75%,to{opacity:0;transform:translateY(-50%)scale(2)}}.sabah-ticker-container{margin-bottom:2.25rem}.ticker-intro{margin-bottom:1.25rem}.ticker-tag{text-transform:uppercase;color:var(--color-brand);letter-spacing:.05em;margin-bottom:.25rem;font-size:.75rem;font-weight:700;display:inline-block}.ticker-title{font-family:var(--font-serif);color:var(--color-text-main);letter-spacing:-.01em;font-size:1.65rem;font-weight:700}.stories-cards-row{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem;display:grid}.story-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;flex-direction:column;padding:1.25rem;transition:all .25s;display:flex}.story-card:hover{box-shadow:var(--shadow-md);border-color:#cbd5e1;transform:translateY(-3px)}.story-card-expanded{border-color:var(--color-brand);background:#f0f9ff;box-shadow:0 8px 24px #0284c726}.story-card-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.story-icon-bubble{border:1px solid var(--color-border);background:#f8fafc;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.4rem;display:flex}.story-badge-pill{color:var(--color-brand-dark);background:var(--color-brand-light);border-radius:9999px;padding:.2rem .55rem;font-size:.7rem;font-weight:700}.story-card-title{color:var(--color-text-main);margin-bottom:.4rem;font-size:1.05rem;font-weight:700}.story-card-text{color:var(--color-text-secondary);flex-grow:1;margin-bottom:.85rem;font-size:.85rem;line-height:1.5}.story-expand-hint{color:var(--color-brand);margin-top:auto;font-size:.75rem;font-weight:600}.story-pro-tip{color:#0369a1;border-radius:var(--radius-sm);border-left:3px solid var(--color-brand);background:#e0f2fe;margin-top:.5rem;padding:.65rem .85rem;font-size:.8rem;line-height:1.45}.faq-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);margin-top:3rem;padding:2.25rem 2rem}.faq-header{text-align:center;max-width:600px;margin:0 auto 1.75rem}.faq-kicker{text-transform:uppercase;color:var(--color-sunset);letter-spacing:.06em;font-size:.75rem;font-weight:700}.faq-heading{font-family:var(--font-serif);color:var(--color-text-main);margin:.35rem 0 .5rem;font-size:1.85rem;font-weight:700}.faq-sub{color:var(--color-text-secondary);font-size:.9rem}.faq-accordion-list{flex-direction:column;gap:.85rem;max-width:800px;margin:0 auto;display:flex}.faq-item{border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all .2s;overflow:hidden}.faq-item:hover{border-color:#cbd5e1}.faq-item-open{border-color:var(--color-brand);background-color:#f8fafc}.faq-question-btn{text-align:left;cursor:pointer;width:100%;color:var(--color-text-main);background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.25rem;font-size:.95rem;font-weight:700;display:flex}.faq-chevron{color:var(--color-brand);font-size:1.25rem;font-weight:800;line-height:1}.corner-mini-map-container{z-index:48;position:fixed;bottom:5.5rem;right:1.5rem}.corner-map-fab-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:none;border-radius:9999px;align-items:center;gap:.65rem;padding:.65rem 1rem;transition:all .2s;display:flex;position:relative;box-shadow:0 8px 22px #0284c766}.corner-map-fab-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #0284c78c}.fab-icon{font-size:1.25rem}.fab-text{text-align:left;flex-direction:column;line-height:1.2;display:flex}.fab-text strong{font-size:.8rem;font-weight:700}.fab-text small{color:#bae6fd;font-size:.68rem}.fab-pulse-ring{pointer-events:none;border:2px solid #38bdf8;border-radius:9999px;animation:2s cubic-bezier(.24,0,.38,1) infinite pulseFab;position:absolute;inset:-4px}@keyframes pulseFab{0%{opacity:.8;transform:scale(.95)}to{opacity:0;transform:scale(1.3)}}.corner-map-card{border-radius:var(--radius-xl);border:1px solid var(--color-border);background:#fff;flex-direction:column;width:330px;max-width:calc(100vw - 2rem);animation:.25s cubic-bezier(.16,1,.3,1) popUpCorner;display:flex;overflow:hidden;box-shadow:0 14px 40px #0f172a38}@keyframes popUpCorner{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.corner-map-header{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);justify-content:space-between;align-items:center;padding:.85rem 1rem;display:flex}.header-title-flex{align-items:center;gap:.5rem;display:flex}.nav-pin-icon{font-size:1.15rem}.corner-map-title{letter-spacing:-.01em;font-size:.95rem;font-weight:800}.corner-map-subtitle{color:#94a3b8;font-size:.68rem}.corner-map-close-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;transition:background .15s;display:flex}.corner-map-close-btn:hover{background:#ffffff4d}.corner-map-body{padding:1rem}.nav-origin-box{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#f8fafc;margin-bottom:.85rem;padding:.75rem}.origin-top-row{align-items:center;gap:.4rem;margin-bottom:.5rem;display:flex}.origin-label{color:var(--color-text-secondary);font-size:.72rem;font-weight:700}.origin-name{color:#0284c7;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.76rem;font-weight:700;overflow:hidden}.gps-detect-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#0284c7;border:none;border-radius:9999px;padding:.25rem .5rem;font-size:.68rem;font-weight:700;transition:background .15s}.gps-detect-btn:hover{background:#0369a1}.preset-origins-row{flex-wrap:wrap;align-items:center;gap:.3rem;margin-bottom:.5rem;display:flex}.preset-label{color:var(--color-text-muted);font-size:.68rem;font-weight:600}.preset-chip{border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:#fff;padding:.2rem .45rem;font-size:.68rem;transition:all .15s}.preset-chip:hover{color:#0284c7;background:#f0f9ff;border-color:#0284c7}.custom-location-form{gap:.35rem;display:flex}.custom-loc-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;outline:none;flex:1;padding:.35rem .6rem;font-size:.72rem}.custom-loc-input:focus{border-color:var(--color-brand)}.custom-loc-btn{border:1px solid var(--color-border);color:var(--color-text-main);border-radius:var(--radius-sm);cursor:pointer;background:#f1f5f9;padding:0 .6rem;font-size:.7rem;font-weight:700}.nav-target-box{margin-bottom:.85rem}.target-label{color:var(--color-text-secondary);margin-bottom:.3rem;font-size:.72rem;font-weight:700;display:block}.target-hotel-select{width:100%;color:var(--color-text-main);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;background-color:#f8fafc;outline:none;padding:.5rem .65rem;font-size:.78rem;font-weight:600}.target-hotel-select:focus{border-color:var(--color-brand);background:#fff}.mini-google-map-embed-wrap{border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:#e2e8f0;width:100%;height:155px;margin-bottom:.85rem;position:relative;overflow:hidden}.google-map-iframe{border:none;width:100%;height:100%;display:block}.map-embed-overlay-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;pointer-events:none;background:#0f172ad1;border-radius:9999px;padding:.2rem .55rem;font-size:.68rem;font-weight:700;position:absolute;top:.45rem;left:.45rem}.interactive-google-map-wrap{background-color:#f1f5f9;width:100%;height:520px;position:relative;overflow:hidden}.main-google-map-iframe{border:none;width:100%;height:100%;display:block}.map-hotel-chips-scroll{z-index:10;scrollbar-width:thin;gap:.5rem;padding-bottom:.35rem;display:flex;position:absolute;top:1rem;left:1rem;right:1rem;overflow-x:auto}.map-scroll-chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-border);color:var(--color-text-main);cursor:pointer;white-space:nowrap;background:#fffffff2;border-radius:9999px;align-items:center;gap:.45rem;padding:.4rem .85rem;font-size:.78rem;font-weight:700;transition:all .15s;display:flex;box-shadow:0 4px 12px #0000001f}.map-scroll-chip:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #0000002e}.map-scroll-chip.active-chip{color:#fff;background:#0284c7;border-color:#0284c7}.map-scroll-chip.active-chip .chip-price{color:#fff;background:#ffffff40}.chip-name{font-weight:700}.chip-price{color:#0369a1;background:#f1f5f9;border-radius:9999px;padding:.1rem .45rem;font-size:.72rem}.corner-nav-actions{display:flex}.google-maps-turn-btn{color:#fff;border-radius:var(--radius-md);background:#059669;justify-content:center;align-items:center;gap:.4rem;width:100%;padding:.65rem;font-size:.78rem;font-weight:700;text-decoration:none;transition:all .15s;display:flex;box-shadow:0 4px 10px #05966940}.google-maps-turn-btn:hover{background:#047857;box-shadow:0 6px 14px #05966959}.visitor-counter-section{width:100%;max-width:1200px;margin:0 auto 3rem;padding:0 1.25rem}.visitor-counter-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--inset-highlight), 0 12px 32px -6px #2c3e5014;padding:2rem 2.25rem;position:relative;overflow:hidden}.visitor-counter-card:before{content:"";pointer-events:none;filter:blur(35px);background:radial-gradient(circle,#89cff038 0%,#0000 70%);width:280px;height:280px;position:absolute;top:-60px;right:-60px}.visitor-header-row{border-bottom:1px solid var(--baby-blue-100);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.75rem;padding-bottom:1.25rem;display:flex}.visitor-title-box{align-items:center;gap:.65rem;display:flex}.live-indicator-dot{background-color:#10b981;border-radius:50%;width:10px;height:10px;animation:1.8s cubic-bezier(0,0,.2,1) infinite livePing;box-shadow:0 0 #10b981b3}@keyframes livePing{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1.1);box-shadow:0 0 0 8px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.visitor-heading{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-contrast);margin:0;font-size:1.55rem;font-weight:700}.live-badge{background:var(--baby-blue-100);color:var(--baby-blue-800);letter-spacing:.05em;text-transform:uppercase;border-radius:9999px;padding:.2rem .6rem;font-size:.72rem;font-weight:700}.user-location-pill{background:var(--baby-blue-50);border:1px solid var(--baby-blue-200);color:var(--text-contrast);border-radius:9999px;align-items:center;gap:.5rem;padding:.45rem 1rem;font-size:.82rem;display:flex;box-shadow:0 2px 8px #2c3e500a}.user-flag{font-size:1.25rem;line-height:1}.user-loc-text strong{color:var(--color-brand)}.counter-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1.15rem;margin-bottom:2rem;display:grid}.counter-stat-box{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--inset-highlight), 0 2px 8px #2c3e500a;transition:var(--transition-card);background:#fff;align-items:center;gap:1.15rem;padding:1.25rem 1.4rem;display:flex}.counter-stat-box:hover{border-color:var(--baby-blue-400);box-shadow:var(--inset-highlight), 0 10px 22px #2c3e5014;transform:translateY(-3px)}.stat-primary{background:linear-gradient(135deg, #fff 0%, var(--baby-blue-50) 100%);border-color:var(--baby-blue-300)}.stat-live{background:linear-gradient(135deg,#fff 0%,#fff7ed 100%);border-color:#fed7aa}.stat-icon-wrap{background:var(--baby-blue-50);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.85rem;display:flex}.live-flame{background:#fff7ed}.stat-num-col{flex-direction:column;display:flex}.counter-number{font-family:var(--font-display);color:var(--text-contrast);letter-spacing:-.02em;font-size:1.75rem;font-weight:800;line-height:1.15}.live-num{color:#ea580c}.number-pulse{animation:numberSpring .5s var(--ease-spring)}@keyframes numberSpring{0%{opacity:.8;transform:scale(.95)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.counter-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-top:.2rem;font-size:.76rem;font-weight:600}.visitor-countries-container{background:var(--baby-blue-50);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.5rem}.countries-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.countries-title{color:var(--text-contrast);font-size:.95rem;font-weight:700}.countries-subtitle{color:var(--text-secondary);font-size:.78rem;font-weight:500}.countries-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.country-chip{border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all .2s var(--ease-spring);background:#fff;flex-direction:column;gap:.45rem;padding:.85rem 1rem;display:flex;box-shadow:0 1px 3px #2c3e500a}.country-chip:hover{border-color:var(--baby-blue-400);transform:translateY(-2px);box-shadow:0 6px 16px #2c3e5012}.current-user-country{border-color:var(--baby-blue-500);background:linear-gradient(135deg, #fff 0%, var(--baby-blue-100) 100%);box-shadow:0 0 0 2px #358ecc40}.country-info-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.country-flag{font-size:1.25rem;line-height:1}.country-name{color:var(--text-contrast);flex-grow:1;font-size:.86rem;font-weight:700}.country-pct{color:var(--color-brand);font-size:.78rem;font-weight:800}.country-bar-track{background-color:var(--baby-blue-100);border-radius:9999px;width:100%;height:6px;overflow:hidden}.country-bar-fill{background:linear-gradient(90deg, var(--baby-blue-400), var(--baby-blue-600));height:100%;transition:width .8s var(--ease-spring);border-radius:9999px}.country-count-row{justify-content:space-between;align-items:center;display:flex}.country-count{color:var(--text-secondary);font-size:.74rem;font-weight:500}.you-badge{color:#0369a1;text-transform:uppercase;letter-spacing:.04em;background:#e0f2fe;border-radius:4px;padding:.15rem .45rem;font-size:.65rem;font-weight:700}.visitor-counter-footer{color:var(--text-muted);text-align:center;justify-content:center;align-items:center;gap:.45rem;margin-top:1.25rem;font-size:.75rem;display:flex}.lock-icon{font-size:.85rem}.culture-page-wrapper{flex-direction:column;min-height:100vh;display:flex}.culture-hero-banner{color:#fff;text-align:center;background:linear-gradient(145deg,#16324a 0%,#1e4566 45%,#0f6479 80%,#9a3412 100%);padding:5rem 1.25rem 4rem;position:relative;overflow:hidden;box-shadow:0 16px 45px -8px #0e243473}.culture-hero-banner:before{content:"";filter:blur(55px);pointer-events:none;background:radial-gradient(circle,#89cff047 0%,#0000 68%);width:550px;height:550px;position:absolute;top:-30%;left:15%}.culture-hero-banner:after{content:"";filter:blur(45px);pointer-events:none;background:radial-gradient(circle,#ea580c38 0%,#0000 65%);width:450px;height:450px;position:absolute;bottom:-20%;right:12%}.culture-hero-inner{z-index:2;max-width:900px;margin:0 auto;position:relative}.culture-hero-pill{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;text-transform:uppercase;letter-spacing:.08em;box-shadow:var(--inset-btn-glow), 0 4px 14px #0000002e;background:#ffffff29;border:1px solid #ffffff4d;border-radius:9999px;align-items:center;gap:.45rem;margin-bottom:1.35rem;padding:.4rem 1.15rem;font-size:.78rem;font-weight:700;display:inline-flex}.culture-hero-heading{font-family:var(--font-display);letter-spacing:-.03em;color:#fff;text-shadow:0 4px 16px #0e243459;margin-bottom:1.15rem;font-size:clamp(2.3rem,5vw,3.8rem);font-weight:700;line-height:1.12}.culture-hero-heading em{font-style:italic;font-family:var(--font-display);color:#fde68a;text-shadow:0 0 25px #fde68a66}.culture-hero-desc{color:#f0fdfa;opacity:.95;max-width:740px;margin:0 auto 2rem;font-size:1.1rem;font-weight:400;line-height:1.7}.culture-search-wrapper{max-width:680px;margin:0 auto 2rem;position:relative}.culture-search-icon{color:var(--baby-blue-600);font-size:1.1rem;position:absolute;top:50%;left:1.25rem;transform:translateY(-50%)}.culture-search-input{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100%;color:var(--text-contrast);transition:all .25s var(--ease-spring);background:#fffffff5;border:2px solid #ffffff59;border-radius:9999px;outline:none;padding:1rem 3rem 1rem 3.1rem;font-size:.95rem;box-shadow:0 10px 25px -4px #00000040,inset 0 1px 2px #fffc}.culture-search-input:focus{background:#fff;border-color:#38bdf8;box-shadow:0 0 0 4px #38bdf859,0 12px 28px #00000047}.culture-clear-btn{color:#475569;cursor:pointer;background:#e2e8f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.75rem;font-weight:700;transition:background .15s;display:flex;position:absolute;top:50%;right:1.15rem;transform:translateY(-50%)}.culture-clear-btn:hover{background:#cbd5e1}.culture-stats-ticker{border-top:1px solid #fff3;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.25rem;padding-top:1.25rem;display:flex}.culture-stat-col{flex-direction:column;align-items:center;display:flex}.culture-stat-number{font-family:var(--font-display);color:#fff;font-size:1.45rem;font-weight:800}.culture-stat-label{color:#bae6fd;text-transform:uppercase;letter-spacing:.05em;font-size:.74rem;font-weight:600}.stat-separator-dot{color:#fff6;font-size:1rem}.culture-main-content{width:100%;max-width:1200px;margin:0 auto;padding:2.5rem 1.25rem 4.5rem}.dialect-bar-container{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--inset-highlight), 0 8px 24px -4px #2c3e500f;margin-bottom:2.75rem;padding:1.5rem 1.75rem;position:relative;overflow:hidden}.dialect-bar-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem;margin-bottom:1.25rem;display:flex}.dialect-title-group{align-items:center;gap:.75rem;display:flex}.soundbite-wave-icon{background:var(--baby-blue-100);border-radius:var(--radius-md);justify-content:center;align-items:center;width:44px;height:44px;font-size:1.6rem;display:flex}.dialect-bar-title{font-family:var(--font-display);color:var(--text-contrast);margin-bottom:.15rem;font-size:1.25rem;font-weight:700}.dialect-bar-desc{color:var(--text-secondary);font-size:.82rem}.audio-badge-pill{color:var(--baby-blue-800);background:var(--baby-blue-100);border:1px solid var(--baby-blue-300);text-transform:uppercase;letter-spacing:.04em;border-radius:9999px;padding:.25rem .65rem;font-size:.72rem;font-weight:700}.dialect-cards-scroll-track{scrollbar-width:thin;gap:1rem;padding:.35rem .2rem 1rem;display:flex;overflow-x:auto}.dialect-phrase-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:left;cursor:pointer;transition:all .22s var(--ease-spring);background:#fff;flex-direction:column;flex:0 0 250px;padding:1rem 1.15rem;display:flex;box-shadow:0 2px 8px #2c3e500a}.dialect-phrase-card:hover{border-color:var(--baby-blue-400);transform:translateY(-4px);box-shadow:0 10px 22px #2c3e5017}.selected-dialect-card{border-color:var(--baby-blue-600);background:#fcfefe;box-shadow:0 0 0 2px #358ecc40}.playing-dialect-card{background:linear-gradient(145deg, #fff 0%, var(--baby-blue-50) 100%);border-color:#0284c7;transform:translateY(-3px)scale(1.02)}.dialect-card-top{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.dialect-lang-tag{text-transform:uppercase;letter-spacing:.05em;color:var(--baby-blue-800);background:var(--baby-blue-100);border-radius:4px;padding:.15rem .45rem;font-size:.7rem;font-weight:700}.speaker-wave-btn{font-size:1.05rem;transition:transform .2s}.speaker-pulse-active{animation:.6s cubic-bezier(.34,1.56,.64,1) infinite speakerBounce;display:inline-block}@keyframes speakerBounce{0%{transform:scale(1)}50%{transform:scale(1.35)rotate(-5deg)}to{transform:scale(1)}}.dialect-phrase-text{font-family:var(--font-display);color:var(--text-contrast);margin-bottom:.2rem;font-size:1.12rem;font-weight:800;line-height:1.25}.dialect-phonetic{color:var(--text-muted);margin-bottom:.5rem;font-size:.74rem;font-style:italic}.dialect-translation{color:var(--baby-blue-900);flex-grow:1;margin-bottom:.45rem;font-size:.82rem;font-weight:600;line-height:1.35}.dialect-usage-hint{color:var(--text-secondary);border-top:1px dashed var(--baby-blue-200);margin-top:auto;padding-top:.4rem;font-size:.7rem;line-height:1.35}.culture-filter-section{margin-bottom:2.25rem}.filter-headline-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.75rem;margin-bottom:1.15rem;display:flex}.living-traditions-heading{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-contrast);font-size:1.65rem;font-weight:800}.living-traditions-sub{color:var(--text-secondary);font-size:.86rem}.results-badge-indicator{color:var(--text-secondary);background:var(--baby-blue-100);border-radius:9999px;padding:.3rem .75rem;font-size:.78rem;font-weight:700}.culture-category-nav{scrollbar-width:thin;padding-bottom:.35rem;overflow-x:auto}.culture-pills-row{flex-wrap:wrap;gap:.6rem;display:flex}.culture-filter-pill{border:1px solid var(--border-subtle);min-height:44px;color:var(--text-secondary);cursor:pointer;transition:all .2s var(--ease-spring);background:#fff;border-radius:9999px;align-items:center;gap:.45rem;padding:.5rem 1rem;font-size:.84rem;font-weight:600;display:inline-flex;box-shadow:0 1px 3px #2c3e5008}.culture-filter-pill:hover{background:var(--baby-blue-50);border-color:var(--baby-blue-300);color:var(--text-contrast);transform:translateY(-2px)}.culture-filter-pill:active{transform:scale(.97)}.active-culture-pill{background:var(--baby-blue-600);border-color:var(--baby-blue-600);transform:translateY(-1px);box-shadow:0 4px 14px #358ecc59;color:#fff!important}.pill-count-bubble{background:#2c3e5014;border-radius:9999px;padding:.1rem .45rem;font-size:.72rem;font-weight:700}.active-culture-pill .pill-count-bubble{color:#fff;background:#ffffff40}.culture-bento-grid{grid-template-columns:repeat(1,1fr);gap:1.75rem;display:grid}@media (width>=768px){.culture-bento-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.culture-bento-grid{grid-template-columns:repeat(3,1fr)}.bento-col-span-2{grid-column:span 2}}.culture-card-bento{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--inset-highlight), 0 2px 8px #2c3e500d;transition:transform .24s var(--ease-spring), box-shadow .24s var(--ease-spring), border-color .24s var(--ease-spring);cursor:pointer;outline:none;flex-direction:column;display:flex;position:relative;overflow:hidden}.culture-card-bento:hover{border-color:var(--baby-blue-400);box-shadow:var(--inset-highlight), 0 18px 36px -4px #1e2d3d1f, 0 0 28px -4px #89cff059;transform:translateY(-5px)}.culture-card-bento:active{transform:translateY(-2px)scale(.995)}.culture-card-img-wrap{aspect-ratio:16/9;background-color:var(--baby-blue-100);width:100%;position:relative;overflow:hidden}.bento-col-span-2 .culture-card-img-wrap{aspect-ratio:21/9}.culture-card-img{object-fit:cover;width:100%;height:100%;transition:transform .45s var(--ease-spring)}.culture-card-bento:hover .culture-card-img{transform:scale(1.05)}.culture-card-badges-top{z-index:2;flex-wrap:wrap;gap:.45rem;display:flex;position:absolute;top:.85rem;left:.85rem}.culture-cat-pill{text-transform:uppercase;letter-spacing:.04em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border-radius:9999px;padding:.25rem .65rem;font-size:.72rem;font-weight:700}.cat-badge-festivals{background:#ea580ce0}.cat-badge-crafts{background:#0d9488e0}.cat-badge-music{background:#0369a1e0}.cat-badge-cuisine{background:#d97706e0}.cat-badge-folklore{background:#4f46e5e0}.cat-badge-default{background:#0f172ad9}.culture-region-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#bae6fd;background:#0f172ad9;border-radius:9999px;padding:.25rem .65rem;font-size:.72rem;font-weight:700}.card-likes-preview{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#1e293b;z-index:2;background:#ffffffeb;border-radius:9999px;padding:.2rem .55rem;font-size:.74rem;font-weight:700;position:absolute;bottom:.75rem;right:.75rem;box-shadow:0 2px 8px #00000026}.culture-card-body{flex-direction:column;flex-grow:1;padding:1.35rem;display:flex}.culture-ancestry-line{text-transform:uppercase;letter-spacing:.05em;color:var(--baby-blue-700);margin-bottom:.35rem;font-size:.75rem;font-weight:700}.culture-card-title{font-family:var(--font-display);color:var(--text-contrast);letter-spacing:-.015em;margin-bottom:.55rem;font-size:1.28rem;font-weight:800;line-height:1.28}.culture-card-hook{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex-grow:1;margin-bottom:1rem;font-size:.86rem;line-height:1.55;display:-webkit-box;overflow:hidden}.bento-col-span-2 .culture-card-hook{-webkit-line-clamp:3}.culture-tags-row{flex-wrap:wrap;gap:.35rem;margin-bottom:1.15rem;display:flex}.culture-micro-tag{color:var(--baby-blue-800);background:var(--baby-blue-50);border:1px solid var(--baby-blue-200);border-radius:6px;padding:.15rem .5rem;font-size:.72rem;font-weight:600}.culture-card-footer{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-top:auto;padding-top:.95rem;display:flex}.read-chronicle-hint{color:var(--baby-blue-700);align-items:center;gap:.35rem;font-size:.82rem;font-weight:700;display:inline-flex}.arrow-hover-nudge{transition:transform .2s}.culture-card-bento:hover .arrow-hover-nudge{transform:translate(4px)}.explore-btn-pill{background:var(--baby-blue-100);color:var(--baby-blue-800);border:1px solid var(--baby-blue-300);border-radius:var(--radius-sm);cursor:pointer;padding:.35rem .75rem;font-size:.76rem;font-weight:700;transition:all .15s}.explore-btn-pill:hover{background:var(--baby-blue-600);color:#fff;border-color:var(--baby-blue-600)}.culture-empty-state{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);text-align:center;max-width:580px;box-shadow:var(--shadow-sm);margin:2rem auto;padding:4rem 1.5rem}.empty-icon-wrap{margin-bottom:1rem;font-size:3rem}.empty-title{font-family:var(--font-display);color:var(--text-contrast);margin-bottom:.5rem;font-size:1.4rem;font-weight:700}.empty-desc{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.9rem;line-height:1.6}.culture-reset-btn{background:var(--baby-blue-600);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-btn);border:none;padding:.65rem 1.4rem;font-size:.86rem;font-weight:700}.culture-reset-btn:hover{background:var(--baby-blue-700)}.cultural-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:120;animation:fadeIn .25s var(--ease-spring);background-color:#0f172ab3;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.cultural-modal-container{background:var(--bg-surface);border-radius:var(--radius-xl);width:100%;max-width:780px;max-height:90vh;animation:springModalPop .35s var(--ease-spring);border:1px solid var(--border-subtle);flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #0f172a59}.cultural-modal-close{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;z-index:10;background:#0f172abf;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:all .15s;display:flex;position:absolute;top:1rem;right:1rem}.cultural-modal-close:hover{background:#0f172af2;transform:scale(1.08)}.cultural-modal-hero-wrap{background-color:#000;flex-shrink:0;width:100%;height:280px;position:relative}.cultural-modal-hero-img{object-fit:cover;opacity:.88;width:100%;height:100%}.cultural-modal-hero-overlay{background:linear-gradient(#0f172a33 0%,#0f172ae0 100%);position:absolute;inset:0}.cultural-modal-hero-content{color:#fff;position:absolute;bottom:1.25rem;left:1.5rem;right:1.5rem}.cultural-modal-badges{flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;display:flex}.culture-region-pill,.culture-comm-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#fff3;border:1px solid #ffffff40;border-radius:9999px;padding:.2rem .65rem;font-size:.74rem;font-weight:700}.culture-comm-pill{color:#bae6fd}.cultural-modal-heading{font-family:var(--font-display);color:#fff;margin-bottom:.25rem;font-size:clamp(1.4rem,3.5vw,1.85rem);font-weight:800;line-height:1.2}.cultural-modal-subheading{color:#f1f5f9;opacity:.92;font-size:.88rem}.cultural-modal-action-bar{background:var(--baby-blue-50);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1.5rem;display:flex}.speak-pronunciation-btn{border:1px solid var(--baby-blue-300);color:var(--baby-blue-800);cursor:pointer;background:#fff;border-radius:9999px;align-items:center;gap:.45rem;padding:.4rem .85rem;font-size:.78rem;font-weight:700;transition:all .15s;display:inline-flex}.speak-pronunciation-btn:hover{background:var(--baby-blue-100)}.speaking-active{background:var(--baby-blue-200);border-color:var(--baby-blue-500);animation:1.2s infinite livePing}.action-bar-right{align-items:center;gap:.65rem;display:flex}.reaction-heart-btn{border:1px solid var(--border-subtle);color:var(--text-contrast);cursor:pointer;transition:all .15s var(--ease-spring);background:#fff;border-radius:9999px;align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.82rem;font-weight:700;display:inline-flex}.reaction-heart-btn:hover{border-color:#fda4af;transform:scale(1.05)}.has-reacted{color:#e11d48;background:#fff1f2;border-color:#f43f5e}.cultural-share-btn{background:var(--baby-blue-600);color:#fff;cursor:pointer;transition:var(--transition-btn);border:none;border-radius:9999px;align-items:center;gap:.45rem;padding:.45rem 1rem;font-size:.78rem;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #358ecc4d}.cultural-share-btn:hover{background:var(--baby-blue-700)}.cultural-modal-body{flex-direction:column;gap:1.5rem;padding:1.75rem 1.75rem 2.5rem;display:flex;overflow-y:auto}.cultural-hook-quote{background:linear-gradient(135deg, var(--baby-blue-50) 0%, #fff 100%);border-left:4px solid var(--baby-blue-500);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:1rem 1.25rem 1rem 2rem;position:relative;box-shadow:0 2px 8px #2c3e500a}.quote-mark{font-family:var(--font-display);color:var(--baby-blue-400);font-size:2.2rem;line-height:1;position:absolute;top:.1rem;left:.6rem}.hook-quote-text{font-family:var(--font-display);color:var(--baby-blue-950);font-size:1.05rem;font-style:italic;font-weight:600;line-height:1.45}.story-section-title{font-family:var(--font-display);color:var(--text-contrast);letter-spacing:-.01em;margin-bottom:.65rem;font-size:1.15rem;font-weight:700}.story-paragraph{color:var(--text-secondary);margin-bottom:.85rem;font-size:.95rem;line-height:1.75}.rich-narrative-text .story-paragraph:last-child{margin-bottom:0}.did-you-know-card{border:1px solid #fde68a;border-left:4px solid var(--color-amber);border-radius:0 var(--radius-md) var(--radius-md) 0;background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);padding:1.15rem 1.25rem;box-shadow:0 2px 8px #d9770614}.did-you-know-header{align-items:center;gap:.45rem;margin-bottom:.4rem;display:flex}.dyk-icon{font-size:1.2rem}.dyk-title{text-transform:uppercase;letter-spacing:.05em;color:#92400e;font-size:.82rem;font-weight:800}.dyk-content{color:#78350f;font-size:.9rem;line-height:1.6}.cultural-etiquette-box{border:1px solid #bbf7d0;border-left:4px solid var(--color-emerald);border-radius:0 var(--radius-md) var(--radius-md) 0;background:#f0fdf4;padding:1.15rem 1.25rem}.etiquette-heading{text-transform:uppercase;letter-spacing:.04em;color:#166534;align-items:center;gap:.45rem;margin-bottom:.65rem;font-size:.85rem;font-weight:800;display:flex}.etiquette-list{flex-direction:column;gap:.45rem;list-style:none;display:flex}.etiquette-item{color:#14532d;gap:.5rem;font-size:.88rem;line-height:1.5;display:flex}.etiquette-bullet{color:var(--color-emerald);font-weight:700}.related-traditions-section{border-top:1px solid var(--border-subtle);padding-top:1.25rem}.related-section-title{font-family:var(--font-display);color:var(--text-contrast);margin-bottom:.85rem;font-size:1.05rem;font-weight:700}.related-cards-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.85rem;display:grid}.related-item-card{background:var(--baby-blue-50);border:1px solid var(--baby-blue-200);border-radius:var(--radius-md);cursor:pointer;transition:all .2s var(--ease-spring);gap:.75rem;padding:.75rem;display:flex}.related-item-card:hover{border-color:var(--baby-blue-400);background:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #2c3e5014}.related-thumb-img{border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;width:70px;height:70px}.related-item-info{flex-direction:column;justify-content:center;display:flex}.related-district-tag{color:var(--baby-blue-700);text-transform:uppercase;font-size:.68rem;font-weight:700}.related-item-title{color:var(--text-contrast);margin:.15rem 0 .35rem;font-size:.84rem;font-weight:700;line-height:1.3}.view-related-link{color:var(--baby-blue-600);font-size:.72rem;font-weight:700}.nav-culture-tab-btn{background:var(--baby-blue-100);border:1px solid var(--baby-blue-300);color:var(--baby-blue-900);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.82rem;font-weight:700;transition:all .15s;display:inline-flex}.nav-culture-tab-btn:hover{background:var(--baby-blue-200);transform:translateY(-1px)}.nav-culture-tab-btn.active-tab{background:var(--baby-blue-600);color:#fff;border-color:var(--baby-blue-600);box-shadow:0 2px 8px #358ecc4d}