:root{--hl-white:#ffffff;--hl-off-white:#faf9f6;--hl-gray-100:#f5f5f5;--hl-gray-200:#e5e5e5;--hl-gray-300:#d4d4d4;--hl-gray-400:#a3a3a3;--hl-gray-500:#737373;--hl-gray-600:#525252;--hl-charcoal:#2d2d2d;--hl-charcoal-light:#3d3d3d;--hl-charcoal-dark:#1a1a1a;--hl-yellow:#f5e104;--hl-yellow-hover:#e5d100;--hl-highlight:var(--hl-yellow);--hl-highlight-hover:var(--hl-yellow-hover);--hl-font-display:"new-spirit",Georgia,serif;--hl-font-body:"adobe-garamond-pro",Georgia,serif;--hl-font-ui:"Inter",-apple-system,BlinkMacSystemFont,sans-serif}[data-site=world]{--hl-highlight:#3b82f6;--hl-highlight-hover:#2563eb}[data-site=college]{--hl-highlight:#ec4899;--hl-highlight-hover:#db2777}[data-site=parks]{--hl-highlight:#1BFC06;--hl-highlight-hover:#17d905}[data-site=towns]{--hl-highlight:#f97316;--hl-highlight-hover:#ea580c}.category-tab-btn,.city-card,.city-card-tag,.filter-bar-dropdown-btn,.must-haves-empty,.must-haves-label,.pill,.preset-btn,.view-toggle-btn{-moz-user-select:none;user-select:none;-webkit-user-select:none}.highlight-text{position:relative;z-index:0}.highlight-text:before{content:"";position:absolute;left:0;right:0;top:20%;height:55%;background:var(--hl-highlight);border-radius:0;z-index:-1}.engine-page{flex-direction:column;height:100vh;background:white}.engine-layout,.engine-page{display:flex;overflow:hidden}.engine-layout{flex:1;min-height:0;max-width:1440px;margin:16px auto;width:calc(100% - 32px);background:var(--hl-gray-50,#fafafa);border:1px solid var(--hl-gray-200);border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.06)}.engine-main{flex:1;padding:24px 32px;overflow:auto;background:white;position:relative}.engine-main--locked{display:flex;flex-direction:column;padding:0;overflow:hidden}.engine-header-locked{flex-shrink:0;background:white}.engine-header-locked .presets{margin:0;padding:8px 32px;flex-direction:row;align-items:center;gap:10px}.presets-label{display:none}.presets-label-highlight{position:relative;z-index:0}.presets-label-highlight:before{content:"";position:absolute;left:-2px;right:-2px;top:35%;height:45%;background:var(--hl-highlight);z-index:-1;border-radius:2px;opacity:.9;transform:rotate(-.5deg) skewX(-2deg)}.presets-buttons{display:flex;flex-wrap:nowrap;gap:12px}.engine-filter-bar-locked{flex-shrink:0;padding:8px 32px;background:white;border-bottom:1px solid var(--hl-gray-200)}.engine-filter-bar-locked .filter-bar{margin-bottom:0;padding:0;border-bottom:none}.engine-content-area{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;padding:24px 0;overflow:hidden}.engine-content-area .engine-swiper{width:100%;padding:0 32px}.engine-footer-locked{flex-shrink:0;background:white;border-top:1px solid var(--hl-gray-200);position:relative}.engine-footer-locked .category-tabs{margin-top:0;padding:12px 32px;border-bottom:1px solid var(--hl-gray-200)}.view-toggle{position:absolute;bottom:20px;right:20px;display:flex;gap:4px;background:var(--hl-white);border:1px solid var(--hl-gray-200);border-radius:8px;padding:4px;box-shadow:0 2px 8px rgba(0,0,0,.1);z-index:50}.view-toggle-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:6px;background:transparent;color:var(--hl-gray-400);cursor:pointer;transition:all .15s ease}.view-toggle-btn:hover:not(:disabled){background:var(--hl-gray-100);color:var(--hl-gray-600)}.view-toggle-btn.is-active{background:var(--hl-charcoal);color:var(--hl-white)}.view-toggle-btn:disabled{color:var(--hl-gray-300);cursor:not-allowed}.header{display:flex;justify-content:space-between;align-items:center;padding:16px 40px;background:white;box-shadow:0 2px 8px rgba(0,0,0,.06);position:relative;z-index:100}.header-logo{text-decoration:none}.header-logo-text{font-family:var(--hl-font-display);font-size:24px;font-weight:500;color:var(--hl-charcoal);position:relative;z-index:0;padding:0 4px;margin-left:-10px}.header-logo-text:before{content:"";position:absolute;left:-2px;right:-2px;top:38%;height:42%;background:var(--hl-highlight);z-index:-1;transform:rotate(-.5deg) skewX(-2deg);border-radius:2px 3px 3px 2px;opacity:.85;transition:opacity .2s ease,transform .2s ease,filter .2s ease}.header-logo:hover .header-logo-text:before{opacity:1;transform:rotate(-.5deg) skewX(-2deg) scale(1.03,1.12)}.header-nav{display:flex;gap:24px;align-items:center}.header-nav-link{font-family:var(--hl-font-body);font-size:16px;color:var(--hl-gray-500);text-decoration:none;transition:color .15s ease}.header-nav-link:hover{color:var(--hl-charcoal)}.header-nav-link.is-active{color:var(--hl-charcoal);font-weight:600;position:relative}.header-nav-link.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:var(--hl-highlight)}.header-map-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid var(--hl-gray-300);border-radius:4px;background:transparent;font-family:var(--hl-font-body);font-size:15px;font-style:italic;color:var(--hl-charcoal);cursor:pointer;transition:all .15s ease}.header-map-btn:hover{background:var(--hl-charcoal);border-color:var(--hl-charcoal);color:var(--hl-white)}.header-map-btn svg{width:16px;height:16px}.footer{display:flex;justify-content:space-between;align-items:center;padding:16px 40px;background:var(--hl-charcoal-dark);color:var(--hl-white)}.footer-stats{display:flex;gap:40px}.footer-stat{display:flex;align-items:baseline;gap:8px}.footer-stat-number{font-family:var(--hl-font-display);font-size:28px;font-weight:500;color:var(--hl-highlight)}.footer-stat-label{font-family:var(--hl-font-body);font-size:14px;font-style:italic;color:var(--hl-gray-500)}.footer-actions{display:flex;gap:16px;align-items:center}.footer-clear-btn{padding:8px 16px;background:transparent;border:1px solid var(--hl-gray-600);border-radius:4px;color:var(--hl-gray-400);font-family:var(--hl-font-ui);font-size:13px;cursor:pointer;transition:all .15s ease}.footer-clear-btn:hover{border-color:var(--hl-gray-400);color:var(--hl-white)}.footer-view-toggle{display:flex;gap:0;font-size:13px;font-style:italic}.footer-view-label{margin-right:16px}.footer-view-btn,.footer-view-label{font-family:var(--hl-font-body);font-style:italic;color:var(--hl-gray-500)}.footer-view-btn{background:none;border:none;padding:0 16px;border-left:1px solid var(--hl-charcoal-light);cursor:pointer;font-size:15px;transition:color .15s ease}.footer-view-btn:first-of-type{border-left:none}.footer-view-btn:hover{color:var(--hl-white)}.footer-view-btn.is-active{color:var(--hl-highlight)}.footer-view-btn:disabled{color:var(--hl-gray-600);cursor:not-allowed}.footer-links{display:flex;gap:24px;align-items:center}.footer-link{font-family:var(--hl-font-body);font-size:14px;font-style:italic;color:var(--hl-gray-500);text-decoration:none;transition:color .15s ease}.footer-link:hover{color:var(--hl-white)}.sidebar{width:360px;padding:32px;border-left:1px solid var(--hl-gray-200);background:white;overflow-y:auto}.sidebar--empty{display:flex;align-items:center;justify-content:center}.sidebar-explainer{text-align:center;padding:24px}.sidebar-explainer-title{font-family:var(--hl-font-display);font-size:24px;font-weight:500;color:var(--hl-charcoal);margin:0 0 32px}.sidebar-explainer-step{margin-bottom:28px}.sidebar-explainer-step:last-child{margin-bottom:0}.sidebar-explainer-number{display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin:0 auto 12px;border-radius:50%;background:var(--hl-charcoal);font-family:var(--hl-font-display);font-size:18px;font-weight:500;color:var(--hl-white)}.sidebar-explainer-subhead{font-family:var(--hl-font-display);font-size:17px;font-weight:500;color:var(--hl-charcoal);margin:0 0 8px}.sidebar-explainer-desc{line-height:1.5;color:var(--hl-gray-500);margin:0}.sidebar-explainer-desc,.sidebar-eyebrow{font-family:var(--hl-font-body);font-size:14px}.sidebar-eyebrow{color:var(--hl-gray-400);margin-bottom:4px}.sidebar-city-name{font-family:var(--hl-font-display);font-size:28px;font-weight:500;line-height:1.1;color:var(--hl-charcoal);margin:0 0 4px}.sidebar-state-name{font-family:var(--hl-font-body);font-size:16px;font-style:italic;color:var(--hl-gray-500);margin:0 0 20px}.sidebar-score-section{margin-bottom:20px}.sidebar-score-number{font-family:var(--hl-font-ui);font-size:56px;font-weight:700;line-height:1;color:var(--hl-charcoal)}.sidebar-score-label{font-family:var(--hl-font-body);font-size:14px;font-style:italic;color:var(--hl-gray-400);margin-top:4px}.sidebar-add-criteria{margin-bottom:20px;padding:16px;background:var(--hl-gray-50);border-radius:8px;border:1px dashed var(--hl-gray-300)}.sidebar-add-criteria-text{font-size:15px;font-style:italic;margin:0;text-align:center}.sidebar-add-criteria-text,.sidebar-summary{font-family:var(--hl-font-body);color:var(--hl-gray-500)}.sidebar-summary{font-size:16px;line-height:1.6;margin-bottom:24px}.sidebar-section-title{font-family:var(--hl-font-body);font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--hl-gray-400);margin-bottom:16px}.sidebar-score-bars{display:flex;flex-direction:column;gap:16px}.sidebar-score-item{display:flex;flex-direction:column;gap:6px}.sidebar-score-row{display:flex;justify-content:space-between;margin-bottom:6px}.sidebar-score-name{color:var(--hl-charcoal)}.sidebar-score-name,.sidebar-score-value{font-family:var(--hl-font-ui);font-size:14px}.sidebar-score-value{color:var(--hl-gray-500)}.sidebar-score-bar-bg{height:6px;background:var(--hl-gray-200);border-radius:3px;overflow:hidden}.sidebar-score-bar-fill{height:100%;background:var(--hl-highlight);border-radius:3px;transition:width .6s ease}.sidebar-why-section{margin-top:32px;padding-top:24px;border-top:1px solid var(--hl-gray-200)}.sidebar-why-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.sidebar-why-item{position:relative;padding-left:16px;font-family:var(--hl-font-body);font-size:15px;color:var(--hl-gray-500);line-height:1.5}.sidebar-why-item:before{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;background:var(--hl-highlight);border-radius:50%}.sidebar-cta{display:block;margin-top:32px;padding:14px 24px;background:var(--hl-charcoal);color:var(--hl-white);text-align:center;text-decoration:none;border-radius:4px;font-family:var(--hl-font-ui);font-size:14px;font-weight:600;transition:all .2s ease}.sidebar-cta:hover{background:var(--hl-charcoal-light);transform:scale(1.01)}.sidebar-must-have-warning{display:flex;align-items:flex-start;gap:8px;padding:12px;background:#fef3c7;border-radius:6px;margin-bottom:16px;font-family:var(--hl-font-ui);font-size:13px;color:var(--hl-charcoal);line-height:1.4}.sidebar-warning-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:#f59e0b;color:var(--hl-white);border-radius:50%;font-size:12px;font-weight:700;flex-shrink:0}.city-card-link{text-decoration:none;color:inherit;display:block}.city-card{cursor:grab;position:relative;background:var(--hl-gray-200);border-radius:8px;overflow:hidden;transition:box-shadow .2s ease}.swiper-slide-active .city-card{cursor:pointer}.city-card-image{width:100%;aspect-ratio:3/4;-o-object-fit:cover;object-fit:cover;display:block;filter:grayscale(100%);transition:transform .3s ease,filter .5s ease}.swiper-slide.has-criteria.swiper-slide-active .city-card-image{filter:grayscale(0)}.city-card-score{position:absolute;top:clamp(10px,1.5vw,16px);right:clamp(10px,1.5vw,16px);width:clamp(44px,5vw,64px);height:clamp(44px,5vw,64px);background:var(--hl-highlight);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--hl-font-ui);font-size:clamp(16px,2vw,24px);font-weight:700;color:var(--hl-charcoal);box-shadow:0 2px 8px rgba(0,0,0,.2);opacity:0;transition:opacity .4s ease}.swiper-slide.has-criteria.swiper-slide-active .city-card-score{opacity:1}.city-card-tags{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.city-card-tag{background:rgba(255,255,255,.95);color:var(--hl-gray-600);padding:5px 12px;border-radius:999px;font-family:var(--hl-font-body);font-size:13px;border:none;cursor:pointer;text-align:left;transition:all .3s ease;box-shadow:0 1px 3px rgba(0,0,0,.1);opacity:0}.swiper-slide.has-criteria.swiper-slide-active .city-card-tag{opacity:1}.city-card-tag:hover{background:var(--hl-white);color:var(--hl-charcoal);transform:scale(1.05)}.city-card-tag.is-active{background:var(--hl-charcoal);color:var(--hl-white)}.city-card-pin{position:absolute;bottom:clamp(12px,2vw,20px);left:clamp(12px,2vw,20px);z-index:10;width:36px;height:36px;border:none;border-radius:50%;background:rgba(255,255,255,.9);color:var(--hl-gray-500);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.15)}.city-card-pin:hover{background:var(--hl-white);color:var(--hl-charcoal);transform:scale(1.1)}.city-card-pin.is-pinned{background:var(--hl-highlight);color:var(--hl-charcoal)}.city-card-pin.is-pinned:hover{background:var(--hl-highlight);transform:scale(1.1)}.city-card.fails-must-haves{position:relative}.city-card.fails-must-haves .city-card-image{filter:grayscale(100%)}.city-card.fails-must-haves .city-card-score{background:var(--hl-gray-400)}.city-card.fails-must-haves .city-card-overlay{opacity:.7}.city-card-overlay{position:absolute;bottom:0;left:0;right:0;padding:80px 24px 32px;background:linear-gradient(0deg,rgba(0,0,0,.75) 0,rgba(0,0,0,.4) 50%,transparent);color:var(--hl-white);opacity:0;transition:opacity .4s ease}.swiper-slide.has-criteria.swiper-slide-active .city-card-overlay{opacity:1}.city-card-name{margin:0 0 clamp(12px,2vw,18px);font-family:var(--hl-font-display);font-size:clamp(28px,3.5vw,42px);font-weight:400!important;letter-spacing:normal;position:relative;text-align:center}.city-card-name:after{content:"";position:absolute;bottom:clamp(-6px,-1vw,-8px);left:50%;transform:translateX(-50%);width:clamp(28px,3.5vw,40px);height:2px;background:var(--hl-highlight)}.city-card-divider{display:none}.city-card-state{margin:0;font-family:var(--hl-font-body);font-size:clamp(14px,1.8vw,18px);font-weight:400;letter-spacing:.02em;opacity:.85;text-align:center;text-transform:uppercase}.filter-bar{padding:16px 0;margin-bottom:8px;border-bottom:1px solid var(--hl-gray-200);position:relative;z-index:100}.filter-bar,.filter-bar-left{display:flex;align-items:center;gap:12px}.filter-bar-left{flex:1}.filter-bar-search{position:relative;display:flex;align-items:center}.filter-bar-search-icon{position:absolute;left:12px;color:var(--hl-gray-400)}.filter-bar-search-input{width:200px;padding:10px 32px 10px 36px;border:1px solid var(--hl-gray-300);border-radius:4px;font-family:var(--hl-font-ui);font-size:13px;color:var(--hl-charcoal);background:var(--hl-white);transition:border-color .15s,width .2s;outline:none}.filter-bar-search-input::-moz-placeholder{color:var(--hl-gray-400)}.filter-bar-search-input::placeholder{color:var(--hl-gray-400)}.filter-bar-search-input:focus{border-color:var(--hl-charcoal);width:240px}.filter-bar-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:var(--hl-gray-200);border-radius:50%;cursor:pointer;color:var(--hl-gray-500);transition:background .15s,color .15s}.filter-bar-search-clear:hover{background:var(--hl-gray-300);color:var(--hl-charcoal)}.filter-bar-autocomplete{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:var(--hl-white);border:1px solid var(--hl-gray-200);border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15);overflow:hidden;z-index:100}.filter-bar-autocomplete-item{display:block;width:100%;padding:10px 14px;border:none;background:transparent;text-align:left;font-family:var(--hl-font-ui);font-size:13px;color:var(--hl-charcoal);cursor:pointer;transition:background .1s ease}.filter-bar-autocomplete-item.is-highlighted,.filter-bar-autocomplete-item:hover{background:var(--hl-gray-100)}.filter-bar-divider{width:1px;height:24px;background:var(--hl-gray-200);margin:0 4px}.filter-bar-dropdown{position:relative}.filter-bar-dropdown-btn{display:flex;align-items:center;gap:6px;padding:10px 14px;border:1px solid var(--hl-gray-300);border-radius:4px;background:var(--hl-white);font-family:var(--hl-font-ui);font-size:13px;color:var(--hl-gray-600);cursor:pointer;transition:all .15s;min-width:120px}.filter-bar-dropdown-btn.has-selection{border-color:var(--hl-charcoal);background:var(--hl-charcoal);color:var(--hl-white)}.filter-bar-dropdown-btn span{flex:1;text-align:left}.filter-bar-dropdown-btn svg{transition:transform .15s}.filter-bar-dropdown-btn[aria-expanded=true] svg{transform:rotate(180deg)}.filter-bar-dropdown-menu{position:absolute;top:100%;left:0;margin-top:4px;background:var(--hl-white);border:1px solid var(--hl-gray-200);border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.15);padding:8px 0;min-width:200px;max-height:300px;overflow-y:auto;z-index:300;list-style:none}.filter-bar-dropdown-option{display:flex;align-items:center;gap:10px;padding:8px 14px;cursor:pointer;font-family:var(--hl-font-ui);font-size:13px;color:var(--hl-charcoal);background:transparent;transition:background .1s}.filter-bar-dropdown-option:hover{background:var(--hl-gray-100)}.filter-bar-checkbox{width:16px;height:16px;border:2px solid var(--hl-gray-300);border-radius:3px;background:var(--hl-white);display:flex;align-items:center;justify-content:center;flex-shrink:0}.filter-bar-checkbox.is-checked{border-color:var(--hl-charcoal);background:var(--hl-charcoal)}.filter-bar-checkbox.is-checked svg{color:var(--hl-white)}.filter-bar-clear-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:4px;background:transparent;color:var(--hl-gray-400);cursor:pointer;transition:all .15s;opacity:0;pointer-events:none}.filter-bar-clear-btn.is-visible{opacity:1;pointer-events:auto}.filter-bar-clear-btn:hover{background:var(--hl-gray-100);color:var(--hl-gray-600)}.filter-bar-match-count{display:flex;align-items:center;gap:6px;flex-shrink:0;min-width:120px;height:40px;justify-content:flex-end}.filter-bar-match-number{font-family:var(--hl-font-display);font-size:36px;font-weight:400;color:var(--hl-charcoal);line-height:1}.filter-bar-match-label{font-family:var(--hl-font-body);font-size:16px;color:var(--hl-gray-500)}.engine-question{text-align:center;margin-bottom:24px;font-family:var(--hl-font-display);font-size:48px;font-weight:500;color:var(--hl-charcoal)}.engine-question-highlight{position:relative;z-index:0;padding:0 4px;margin:0 2px}.engine-question-highlight:before{content:"";position:absolute;left:-2px;right:-2px;top:38%;height:42%;background:var(--hl-highlight);z-index:-1;border-radius:2px 3px 3px 2px;opacity:.85;transform:rotate(-.5deg) skewX(-2deg)}.presets{display:flex;flex-wrap:nowrap;gap:12px;justify-content:flex-start;margin-bottom:32px}.preset-btn{padding:10px 16px;border:none;border-radius:4px;background:var(--hl-charcoal);color:var(--hl-white);cursor:pointer;font-family:var(--hl-font-ui);font-size:13px;font-weight:500;white-space:nowrap;transition:all .2s ease}.preset-btn.is-active,.preset-btn:hover{background:var(--hl-highlight);color:var(--hl-charcoal)}.preset-btn.is-active:hover{background:var(--hl-highlight-hover)}.category-tabs{margin-top:32px;z-index:100}.category-tabs,.category-tabs-inner{display:flex;position:relative;justify-content:flex-start;align-items:center}.category-tabs-inner{gap:12px;flex-wrap:wrap}.category-tab{position:relative}.category-tab-btn{padding:10px 16px;background:var(--hl-gray-100);border:1px solid var(--hl-gray-200);border-radius:4px;font-family:var(--hl-font-ui);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--hl-gray-500);cursor:pointer;transition:all .15s ease;position:relative}.category-tab-btn:hover{background:var(--hl-white);border-color:var(--hl-gray-300);color:var(--hl-charcoal)}.category-tab-badge{top:-8px;right:-8px;background:var(--hl-highlight);color:var(--hl-charcoal);font-family:var(--hl-font-ui);font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px}.category-clear-all-btn,.category-tab-badge{position:absolute;display:flex;align-items:center;justify-content:center}.category-clear-all-btn{left:100%;top:50%;transform:translateY(-50%);margin-left:8px;width:32px;height:32px;border:none;border-radius:4px;background:transparent;color:var(--hl-gray-400);cursor:pointer;transition:all .15s}.category-clear-all-btn:hover{background:var(--hl-gray-100);color:var(--hl-gray-600)}.category-dropup{position:fixed;z-index:1000;background:var(--hl-white);border:1px solid var(--hl-gray-200);border-radius:8px;padding:20px;min-width:320px;max-width:480px;box-shadow:0 4px 20px rgba(0,0,0,.15)}.category-dropup-close{position:absolute;top:12px;right:12px;background:var(--hl-gray-100);border:none;border-radius:50%;width:28px;height:28px;cursor:pointer;font-size:16px;color:var(--hl-gray-500);display:flex;align-items:center;justify-content:center;transition:all .15s ease}.category-dropup-close:hover{background:var(--hl-gray-200);color:var(--hl-charcoal)}.category-dropup-title{font-family:var(--hl-font-ui);font-weight:600;margin-bottom:16px;font-size:14px;padding-right:32px}.category-dropup-clear{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:50%;background:var(--hl-gray-100);color:var(--hl-gray-500);cursor:pointer;transition:all .2s ease}.category-dropup-clear:hover{background:var(--hl-gray-200);transform:scale(1.1) rotate(90deg)}.category-dropup-arrow{position:absolute;bottom:-6px;left:50%;transform:translateX(-50%) rotate(45deg);width:12px;height:12px;background:var(--hl-white);border-right:1px solid var(--hl-gray-200);border-bottom:1px solid var(--hl-gray-200)}.subcategory-groups{display:flex;flex-direction:column;gap:16px}.subcategory-group{display:flex;flex-direction:column;gap:8px}.subcategory-label{font-family:var(--hl-font-body);font-size:13px;font-weight:600;font-style:italic;text-transform:uppercase;letter-spacing:.08em;color:var(--hl-gray-500)}.subcategory-pills{display:flex;flex-wrap:wrap;gap:8px}.pill{padding:6px 12px;background:var(--hl-white);border:1px solid var(--hl-gray-300);border-radius:4px;font-family:var(--hl-font-ui);font-size:13px;cursor:pointer;color:var(--hl-charcoal);font-weight:400;transition:all .15s ease;touch-action:none}.pill:hover{border-color:var(--hl-charcoal)}.pill.is-active{background:var(--hl-highlight);border-color:var(--hl-highlight);font-weight:500;cursor:grab}.pill.is-dragging{opacity:.5}.pill.is-must-have{background:linear-gradient(135deg,#ff6b35,#f7c600);border-color:#ff6b35;font-weight:600}.pill-star{margin-right:4px}.pill--ghost{background:transparent;border:1px dashed var(--hl-gray-400);color:var(--hl-gray-400);cursor:pointer}.pill--ghost:hover{border-color:var(--hl-gray-500);color:var(--hl-gray-500)}.must-haves{position:relative;margin-top:32px;padding:16px 20px;border:1px dashed var(--hl-gray-300);border-radius:8px;min-height:64px;background:transparent;transition:all .2s ease}.must-haves.is-over{border-color:var(--hl-highlight);background:rgba(245,225,4,.1)}.must-haves-label{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:white;padding:0 8px;font-family:var(--hl-font-ui);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--hl-gray-500)}.must-haves-content{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-height:32px;flex-wrap:wrap}.must-haves-empty{color:var(--hl-gray-400);font-family:var(--hl-font-body);font-size:16px;font-style:italic;text-align:center;width:100%}.must-haves-item{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--hl-charcoal);border-radius:4px;font-family:var(--hl-font-ui);font-size:13px;color:var(--hl-white)}.must-haves-item-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background:transparent;color:var(--hl-gray-400);cursor:pointer;padding:0}.must-haves-item-remove:hover{color:var(--hl-white)}.must-haves-clear{position:absolute;top:50%;right:12px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:4px;background:transparent;color:var(--hl-gray-400);cursor:pointer;transition:all .15s}.must-haves-clear:hover{color:var(--hl-gray-600)}.tooltip-wrapper{position:relative;display:inline-block}.tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:8px;padding:8px 12px;border-radius:4px;font-family:var(--hl-font-body);font-size:15px;font-style:italic;white-space:normal;width:-moz-max-content;width:max-content;max-width:280px;z-index:1000;pointer-events:none}.tooltip--dark{background:var(--hl-charcoal);color:var(--hl-white);box-shadow:0 2px 8px rgba(0,0,0,.25)}.tooltip--light{background:var(--hl-white);color:var(--hl-gray-600);border:1px solid var(--hl-gray-200);box-shadow:0 2px 8px rgba(0,0,0,.1)}.tooltip-arrow{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(-50%) rotate(45deg);width:10px;height:10px}.tooltip--dark .tooltip-arrow{background:var(--hl-charcoal)}.tooltip--light .tooltip-arrow{background:var(--hl-white);border-right:1px solid var(--hl-gray-200);border-bottom:1px solid var(--hl-gray-200)}.instruction-card{position:relative;border-radius:4px;overflow:hidden;background:var(--hl-gray-100);border:1px solid var(--hl-gray-200);aspect-ratio:3/4;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;gap:20px;transition:background .4s ease,border-color .4s ease,box-shadow .4s ease}.instruction-card.is-active{background:white;border-color:var(--hl-gray-300);box-shadow:0 4px 20px rgba(0,0,0,.1)}.instruction-card-number{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--hl-gray-300);font-family:var(--hl-font-display);font-size:28px;font-weight:500;color:var(--hl-gray-500);transition:background .4s ease,color .4s ease}.instruction-card.is-active .instruction-card-number{background:var(--hl-charcoal);color:var(--hl-white)}.instruction-card-text{font-family:var(--hl-font-display);font-size:20px;font-weight:500;color:var(--hl-gray-400);text-align:center;line-height:1.3;transition:color .4s ease}.instruction-card.is-active .instruction-card-text{color:var(--hl-charcoal)}.engine-swiper--instructions .swiper-slide{transform:none!important;opacity:1!important;filter:none!important}.engine-swiper--instructions .swiper-slide-active{transform:none!important;z-index:auto}.no-matches-message{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 24px}.no-matches-card{text-align:center;max-width:400px;padding:32px;background:var(--hl-gray-50);border-radius:12px;border:1px dashed var(--hl-gray-300)}.no-matches-title{font-family:var(--hl-font-display);font-size:20px;font-weight:500;color:var(--hl-charcoal);margin:0 0 12px}.no-matches-hint{font-family:var(--hl-font-body);font-size:15px;font-style:italic;color:var(--hl-gray-500);margin:0}.engine-swiper{padding:20px 0}.engine-swiper,.engine-swiper .swiper-wrapper{overflow:visible}.engine-swiper .swiper-slide{transform:scale(.65);transition:transform .5s ease,opacity .5s ease,filter .5s ease;padding:8px;opacity:.5;filter:brightness(.9)}.engine-swiper .swiper-slide-active{transform:scale(1);opacity:1;filter:brightness(1);z-index:10}.swiper-slide-active .city-card-link{transition:transform .2s ease}.swiper-slide-active .city-card-link:hover{transform:scale(1.02)}.swiper-slide-active .city-card-link:hover .city-card{box-shadow:0 4px 12px rgba(0,0,0,.1)}.swiper-slide:not(.swiper-slide-active) .city-card-link{pointer-events:none}.engine-swiper{--swiper-navigation-size:16px}.engine-swiper .swiper-button-next,.engine-swiper .swiper-button-prev{color:var(--hl-charcoal)!important;background:var(--hl-white)!important;border:1px solid var(--hl-gray-300)!important;border-radius:50%!important;width:40px!important;height:40px!important;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .2s ease}.engine-swiper .swiper-button-next:hover,.engine-swiper .swiper-button-prev:hover{background:var(--hl-charcoal)!important;border-color:var(--hl-charcoal)!important;color:var(--hl-white)!important;transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.2)}.engine-swiper .swiper-button-next:after,.engine-swiper .swiper-button-prev:after{display:none!important}.engine-swiper .swiper-button-next svg,.engine-swiper .swiper-button-prev svg{width:10px!important;height:10px!important}.engine-swiper .swiper-button-disabled{opacity:.3;pointer-events:none}.engine-swiper.is-pinned .swiper-slide:not(.swiper-slide-active){opacity:0;transform:scale(.5) translateY(50px);pointer-events:none}.engine-swiper.is-pinned .swiper-button-next,.engine-swiper.is-pinned .swiper-button-prev{opacity:0;pointer-events:none}.list-view{overflow-x:auto;background:var(--hl-white);border-radius:8px;border:1px solid var(--hl-gray-200);max-height:500px;overflow-y:auto}.list-view-table{width:100%;border-collapse:collapse;font-family:var(--hl-font-ui);font-size:14px}.list-view-table thead{position:sticky;top:0;background:var(--hl-white);z-index:10}.list-view-table th{padding:12px 16px;text-align:left;font-weight:600;color:var(--hl-gray-500);font-size:12px;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-bottom:2px solid var(--hl-gray-200)}.list-view-table th.text-right{text-align:right}.list-view-table tbody tr{border-bottom:1px solid var(--hl-gray-100);cursor:pointer;transition:background .15s ease}.list-view-table tbody tr:hover{background:var(--hl-gray-100)}.list-view-table tbody tr.is-active{background:#fffde7}.list-view-table td{padding:12px 16px}.list-view-table td.text-right{text-align:right}.list-view-rank{color:var(--hl-gray-400);font-weight:500}.list-view-city-link{color:var(--hl-charcoal);text-decoration:none;font-weight:500}.list-view-city-link:hover{text-decoration:underline}.list-view-score{font-family:var(--hl-font-display);font-size:16px;font-weight:600}.drag-overlay-pill{padding:6px 12px;background:var(--hl-highlight);border:1px solid var(--hl-highlight);border-radius:4px;font-family:var(--hl-font-ui);font-size:13px;color:var(--hl-charcoal);font-weight:500;box-shadow:0 4px 12px rgba(0,0,0,.15);cursor:grabbing}@keyframes pillPop{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes badgePop{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateX(-50%) translateY(8px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes highlightSweep{0%{transform:scaleX(0) rotate(-.5deg) skewX(-2deg)}to{transform:scaleX(1) rotate(-.5deg) skewX(-2deg)}}.pill.is-active{animation:pillPop .3s ease}.category-tab-badge.badge-pop{animation:badgePop .4s ease}.category-dropup.is-animating{animation:slideUp .2s ease}.footer{position:relative}.footer:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,rgba(255,255,255,.04) 0,transparent 70%);pointer-events:none}.sidebar--empty .sidebar-explainer,.sidebar.has-content>*{opacity:1;transition:opacity .3s ease}.map-container{width:100%;height:100%;min-height:400px;border-radius:8px;overflow:hidden}.map-pin{position:relative;width:40px;height:40px;background:var(--hl-highlight);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.2);cursor:pointer;transition:box-shadow .2s ease}.map-pin--hover{transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.25)}.map-pin:before{content:"";position:absolute;width:28px;height:28px;background:var(--hl-white);border-radius:50%}.map-pin-score{position:relative;z-index:1;font-family:var(--hl-font-ui);font-size:12px;font-weight:700;color:var(--hl-charcoal)}.map-pin--lg{width:44px;height:44px}.map-pin--lg:before{width:32px;height:32px}.map-pin--lg .map-pin-score{font-size:13px}.map-pin--md{width:38px;height:38px}.map-pin--md:before{width:26px;height:26px}.map-pin--sm{width:32px;height:32px}.map-pin--sm:before{width:22px;height:22px}.map-pin--sm .map-pin-score{font-size:11px}.map-pin--xs{width:26px;height:26px}.map-pin--xs:before{width:18px;height:18px}.map-pin--xs .map-pin-score{font-size:10px}.map-pin--active{width:40px;height:40px;background:var(--hl-highlight);border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 4px 12px rgba(0,0,0,.25)}.map-pin--active:before{width:26px;height:26px;top:50%;left:50%;transform:translate(-50%,-50%)}.map-pin--active .map-pin-score{transform:rotate(45deg);font-size:14px}.map-pin--active .map-pin-pointer{display:none}.map-pin--active.map-pin--lg{width:48px;height:48px}.map-pin--active.map-pin--lg:before{width:34px;height:34px}.map-pin--active.map-pin--md{width:42px;height:42px}.map-pin--active.map-pin--md:before{width:28px;height:28px}.map-pin--active.map-pin--sm{width:36px;height:36px}.map-pin--active.map-pin--sm:before{width:24px;height:24px}.map-pin--active.map-pin--xs{width:30px;height:30px}.map-pin--active.map-pin--xs:before{width:20px;height:20px}.map-pin--failed{background:var(--hl-gray-400)}.map-pin--failed:before{background:var(--hl-gray-200)}.map-pin--failed .map-pin-score{color:var(--hl-gray-500)}.map-pin--active.map-pin--failed{background:var(--hl-gray-400)}.map-pin--active.map-pin--failed:before{background:var(--hl-gray-200)}.map-modal{width:280px;background:var(--hl-white);border-radius:8px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.15)}.map-modal-image{position:relative;width:100%;height:140px;overflow:hidden}.map-modal-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:filter .3s ease}.map-modal-image--failed{filter:grayscale(100%)}.map-modal-content{padding:10px 12px 12px}.map-modal-name{font-family:var(--hl-font-display);font-size:15px;font-weight:500;color:var(--hl-charcoal);margin:0 0 2px;line-height:1.2}.map-modal-state{font-family:var(--hl-font-body);font-size:11px;color:var(--hl-gray-500);line-height:1.2;margin:0}.map-modal-score{position:absolute;top:6px;right:6px;width:32px;height:32px;background:var(--hl-charcoal);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--hl-font-ui);font-size:12px;font-weight:700;color:var(--hl-white)}.map-modal-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.map-modal-tag{background:var(--hl-gray-100);color:var(--hl-gray-600);padding:4px 10px;border-radius:999px;font-family:var(--hl-font-ui);font-size:12px}.map-modal-cta{width:100%;padding:10px 16px;background:var(--hl-charcoal);color:var(--hl-white);border:none;border-radius:4px;font-family:var(--hl-font-ui);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.map-modal-cta:hover{background:var(--hl-highlight);color:var(--hl-charcoal)}.mapboxgl-popup{z-index:150!important}.mapboxgl-popup-content{padding:0!important;border-radius:8px!important;box-shadow:none!important;background:transparent!important}.mapboxgl-popup-tip{display:none!important}.engine-main--map .engine-content-area{padding:0;overflow:hidden}.map-split-panel{position:relative;flex:1;min-height:0;overflow:hidden}.map-panel{width:100%;height:100%}.map-panel .map-container{border-radius:0}.list-panel{position:absolute;top:0;right:0;width:40%;height:100%;overflow-y:auto;background:var(--hl-white);display:grid;grid-template-columns:repeat(2,1fr);gap:12px;align-content:start;padding:12px;border-left:1px solid var(--hl-gray-200);transform:translateX(100%);transition:transform .3s ease;z-index:200}.list-panel--visible{transform:translateX(0)}.map-split-panel .mapboxgl-ctrl-top-right{transition:right .3s ease}.map-split-panel:has(.list-panel--visible) .mapboxgl-ctrl-top-right{right:calc(40% + 10px)}.list-panel-toggle{position:absolute;top:50%;right:40%;transform:translate(50%,-50%);z-index:250;width:28px;height:48px;background:white;border:1px solid var(--hl-gray-200);border-radius:4px 0 0 4px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--hl-gray-500);transition:all .3s ease;box-shadow:-2px 0 8px rgba(0,0,0,.1)}.list-panel-toggle:hover{background:var(--hl-gray-100);color:var(--hl-charcoal)}.list-panel-toggle.collapsed{right:0;border-radius:4px 0 0 4px}.list-card{background:var(--hl-white);border:1px solid var(--hl-gray-200);border-radius:8px;overflow:hidden;transition:all .15s ease}.list-card:hover{border-color:var(--hl-gray-300);box-shadow:0 4px 12px rgba(0,0,0,.1)}.list-card.is-highlighted{border-color:var(--hl-highlight);box-shadow:0 0 0 2px var(--hl-highlight)}.list-card.fails-must-haves{opacity:.5}.list-card-image{position:relative;width:100%;aspect-ratio:3/2;overflow:hidden}.list-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.list-card-score{position:absolute;top:6px;right:6px;width:32px;height:32px;background:var(--hl-highlight);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--hl-font-ui);font-size:12px;font-weight:700;color:var(--hl-charcoal)}.list-card.fails-must-haves .list-card-score{background:var(--hl-gray-400)}.list-card-content{padding:8px 10px 10px}.list-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:4px}.list-card-title{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.list-card-name{font-family:var(--hl-font-display);font-size:14px;font-weight:500;color:var(--hl-charcoal);line-height:1.2}.list-card-state{font-family:var(--hl-font-body);font-size:11px;color:var(--hl-gray-500);line-height:1.2}.list-card-map-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid var(--hl-gray-200);border-radius:4px;background:var(--hl-white);color:var(--hl-gray-500);cursor:pointer;transition:all .15s ease}.list-card-map-btn:hover{border-color:var(--hl-gray-300);color:var(--hl-charcoal);background:var(--hl-gray-100)}.list-card-tags{position:absolute;top:6px;left:6px;display:flex;flex-direction:column;gap:4px}.list-card-tag{font-family:var(--hl-font-ui);font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.03em;color:var(--hl-white);background:rgba(0,0,0,.5);padding:3px 6px;border-radius:3px;border:none;cursor:pointer;transition:all .15s ease}.list-card-tag:hover{background:rgba(0,0,0,.7)}.list-card-tag.is-active{background:var(--hl-highlight);color:var(--hl-charcoal)}.list-card-cta{display:block;padding:6px 10px;background:var(--hl-charcoal);color:var(--hl-white);font-family:var(--hl-font-ui);font-size:11px;text-align:center;text-decoration:none;border-radius:3px;transition:all .15s ease}.list-card-cta:hover{background:var(--hl-highlight);color:var(--hl-charcoal)}.preview-card-meta{display:flex;align-items:center;gap:6px;font-family:var(--hl-font-ui);font-size:11px;color:var(--hl-gray-500);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-card-separator{color:var(--hl-gray-300)}.must-haves-bar{display:flex;align-items:center;gap:16px;padding:12px 32px;background:white;border-top:1px solid var(--hl-gray-200);flex-shrink:0}.must-haves-bar.is-over .must-haves-bar-dropzone{border-color:var(--hl-highlight);background:rgba(245,225,4,.1)}.must-haves-bar-label{font-family:var(--hl-font-ui);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--hl-gray-500);white-space:nowrap;flex-shrink:0}.must-haves-bar-dropzone{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 16px;border:1px dashed var(--hl-gray-300);border-radius:8px;transition:all .15s ease}.must-haves-bar-dropzone:has(.must-haves-item){justify-content:flex-start}.must-haves-bar-empty{color:var(--hl-gray-400);font-family:var(--hl-font-body);font-size:14px;font-style:italic;text-align:center}.must-haves-bar-clear{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:4px;background:transparent;color:var(--hl-gray-400);cursor:pointer;transition:all .15s;flex-shrink:0}.must-haves-bar-clear:hover{color:var(--hl-gray-600)}.must-haves-bar-toggle{display:flex;gap:4px;background:var(--hl-white);border:1px solid var(--hl-gray-200);border-radius:8px;padding:4px;flex-shrink:0}.shortcuts-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9998;animation:fadeIn .15s ease}.shortcuts-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--hl-white);border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.3);z-index:9999;min-width:320px;max-width:400px;animation:modalSlideIn .2s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.shortcuts-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--hl-gray-200)}.shortcuts-modal-title{font-family:var(--hl-font-display);font-size:18px;font-weight:500;color:var(--hl-charcoal);margin:0}.shortcuts-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:transparent;color:var(--hl-gray-500);cursor:pointer;transition:all .15s}.shortcuts-modal-close:hover{background:var(--hl-gray-100);color:var(--hl-charcoal)}.shortcuts-modal-content{padding:16px 20px 20px}.shortcuts-group{margin-bottom:16px}.shortcuts-group:last-child{margin-bottom:0}.shortcuts-group-title{font-family:var(--hl-font-body);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--hl-gray-400);margin:0 0 8px}.shortcut-row{justify-content:space-between;padding:6px 0}.shortcut-keys,.shortcut-row{display:flex;align-items:center}.shortcut-keys{gap:4px}.shortcut-keys kbd{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;font-size:12px;font-weight:500;background:var(--hl-gray-100);border:1px solid var(--hl-gray-200);border-radius:4px;box-shadow:0 1px 0 var(--hl-gray-200)}.shortcut-desc,.shortcut-keys kbd{font-family:var(--hl-font-body);color:var(--hl-gray-600)}.shortcut-desc{font-size:14px}