@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap";:root{--bg-main:#060913;--bg-card:#10162aa6;--bg-card-hover:#18213dcc;--bg-sidebar:#0a0f1ee6;--border-color:#ffffff12;--border-hover:#ffffff26;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--color-accent:#6366f1;--color-accent-rgb:99, 102, 241;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-michelin:#eab308;--color-michelin-bg:#eab3081a;--color-beard:#f43f5e;--color-beard-bg:#f43f5e1a;--color-cheap:#22c55e;--color-cheap-bg:#22c55e1a;--color-chain:#a855f7;--color-chain-bg:#a855f71a;--color-walk:#06b6d4;--color-walk-bg:#06b6d41a;--color-hidden:#3b82f6;--color-hidden-bg:#3b82f61a;--font-sans:"Outfit", sans-serif;--font-serif:"Playfair Display", serif;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--shadow-lg:0 10px 25px -5px #0000004d, 0 8px 10px -6px #0000004d;--shadow-glow:0 0 20px #6366f126;--glass-blur:blur(16px)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-sans);background-image:radial-gradient(circle at 10% 20%,#6366f10d 0%,#0000 40%),radial-gradient(circle at 90% 80%,#a855f70d 0%,#0000 40%);background-attachment:fixed;min-height:100vh;overflow-x:hidden}.app-container{min-height:100vh;display:flex;position:relative}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-color);width:280px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);z-index:40;height:100vh;transition:transform var(--transition-normal);flex-direction:column;padding:2rem 1.5rem;display:flex;position:sticky;top:0}.logo-container{align-items:center;gap:.75rem;margin-bottom:2.5rem;display:flex}.logo-text{letter-spacing:-.025em;background:linear-gradient(135deg,#a5b4fc 0%,#6366f1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:700}.logo-sub{text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);margin-top:-.25rem;font-size:.75rem}.search-form{margin-bottom:2rem;position:relative}.search-input{border:1px solid var(--border-color);width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:all var(--transition-fast);background:#ffffff0d;border-radius:12px;padding:.75rem 1rem .75rem 2.5rem;font-size:.95rem}.search-input:focus{border-color:var(--color-accent);background:#ffffff14;outline:none;box-shadow:0 0 0 2px #6366f133}.search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.nav-section{margin-bottom:2rem}.nav-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.75rem;padding-left:.5rem;font-size:.75rem;font-weight:700}.history-list{flex-direction:column;gap:.375rem;list-style:none;display:flex}.history-item{width:100%;color:var(--text-secondary);font-family:var(--font-sans);text-align:left;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;padding:.625rem .75rem;font-size:.9rem;display:flex}.history-item:hover,.history-item.active{color:var(--text-primary);background:#ffffff0d}.history-item.active{border-left:2px solid var(--color-accent);border-top-left-radius:0;border-bottom-left-radius:0}.history-delete-btn{opacity:0;color:var(--text-muted);cursor:pointer;transition:opacity var(--transition-fast), color var(--transition-fast);background:0 0;border:none;padding:2px}.history-item:hover .history-delete-btn{opacity:1}.history-delete-btn:hover{color:var(--color-danger)}.main-content{flex-direction:column;flex:1;gap:2rem;width:100%;min-width:0;max-width:1200px;height:100vh;margin:0 auto;padding:2rem;display:flex;overflow-y:auto;container-type:inline-size}.top-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.mobile-menu-toggle{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:.5rem;display:none}.btn{font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;border-radius:10px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.9rem;font-weight:500;display:inline-flex}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{box-shadow:var(--shadow-glow);background:#4f46e5}.btn-secondary{border-color:var(--border-color);color:var(--text-primary);background:#ffffff0d}.btn-secondary:hover{border-color:var(--border-hover);background:#ffffff14}.btn-outline{border-color:var(--color-accent);color:var(--color-accent);background:0 0}.btn-outline:hover{background:#6366f10d}.setup-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;max-width:500px;min-height:70vh;margin:0 auto;display:flex}.setup-card{background:var(--bg-card);border:1px solid var(--border-color);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);width:100%;box-shadow:var(--shadow-lg);border-radius:20px;padding:2.5rem}.setup-title{margin-bottom:.5rem;font-size:2rem;font-weight:800}.setup-desc{color:var(--text-secondary);margin-bottom:2rem;font-size:.95rem;line-height:1.5}.form-group{text-align:left;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.form-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.85rem;font-weight:600}.city-hero{background:radial-gradient(100% 100% at 0% 0%, #6366f126 0%, transparent 100%), var(--bg-card);border:1px solid var(--border-color);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-lg);border-radius:24px;justify-content:space-between;align-items:center;gap:2rem;padding:3rem 2.5rem;display:flex;position:relative;overflow:hidden}.city-hero-info{max-width:65%}.city-hero-title{font-family:var(--font-serif);margin-bottom:1rem;font-size:3.5rem;font-weight:700;line-height:1.1}.city-hero-description{color:var(--text-secondary);font-size:1.1rem;line-height:1.6}.city-hero-meta{border:1px solid var(--border-color);background:#ffffff08;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-width:140px;height:140px;padding:1.5rem;display:flex}.city-score-value{color:var(--color-accent);font-size:3rem;font-weight:800;line-height:1}.city-score-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-top:.5rem;font-size:.75rem;font-weight:600}.tabs-container{border-bottom:1px solid var(--border-color);scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:1.5rem;display:flex;overflow:auto hidden}.tabs-container::-webkit-scrollbar{display:none}.tab-btn{font-family:var(--font-sans);color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast);white-space:nowrap;background:0 0;border:none;flex-shrink:0;padding:.75rem .5rem;font-size:1rem;font-weight:600;position:relative}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{color:var(--color-accent)}.tab-btn.active:after{content:"";background:var(--color-accent);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.dashboard-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@container (width>=700px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@container (width>=1100px){.dashboard-grid{grid-template-columns:repeat(4,1fr)}}.comparison-column .dashboard-grid{grid-template-columns:1fr!important}.column-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.column-header{justify-content:space-between;align-items:center;display:flex}.column-title-container{align-items:center;gap:.5rem;display:flex}.column-title{letter-spacing:-.01em;font-size:1.1rem;font-weight:700}.column-badge{color:var(--text-secondary);background:#ffffff0d;border-radius:99px;padding:.15rem .5rem;font-size:.75rem}.item-list{flex-direction:column;gap:1rem;display:flex}.travel-item{border:1px solid var(--border-color);transition:all var(--transition-fast);background:#ffffff05;border-radius:12px;flex-direction:column;gap:.5rem;padding:1rem;display:flex;position:relative;overflow:hidden}.travel-item:hover{border-color:var(--border-hover);background:#ffffff0a;transform:translateY(-2px)}.travel-item-header{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.travel-item-name{font-size:.95rem;font-weight:600;line-height:1.3}.travel-item-score{color:var(--color-accent);background:#6366f11a;border-radius:6px;flex-shrink:0;padding:.15rem .4rem;font-size:.75rem;font-weight:700}.travel-item-desc{color:var(--text-secondary);font-size:.85rem;line-height:1.4}.travel-item-details{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.badge{text-transform:uppercase;letter-spacing:.03em;border-radius:6px;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.7rem;font-weight:700;display:inline-flex}.badge-michelin{color:var(--color-michelin);background:var(--color-michelin-bg)}.badge-beard{color:var(--color-beard);background:var(--color-beard-bg)}.badge-cheap{color:var(--color-cheap);background:var(--color-cheap-bg)}.badge-chain{color:var(--color-chain);background:var(--color-chain-bg)}.badge-walk{color:var(--color-walk);background:var(--color-walk-bg)}.badge-hidden{color:var(--color-hidden);background:var(--color-hidden-bg)}.dish-list{flex-direction:column;gap:.5rem;display:flex}.dish-item{border:1px solid var(--border-color);background:#ffffff03;border-radius:8px;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.85rem;display:flex}.dish-name{font-weight:500}.dish-price{color:var(--text-muted)}.control-sidebar{background:var(--bg-sidebar);border-left:1px solid var(--border-color);width:320px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);z-index:40;height:100vh;transition:transform var(--transition-normal);flex-direction:column;padding:2rem 1.5rem;display:flex;position:sticky;top:0;right:0;overflow-y:auto}.settings-close-btn,.preferences-toggle-btn{display:none!important}.cards-grid{grid-template-columns:1fr;gap:1.25rem;display:grid}@container (width>=600px){.cards-grid{grid-template-columns:repeat(2,1fr)}}@container (width>=950px){.cards-grid{grid-template-columns:repeat(3,1fr)}}.slider-group{margin-bottom:1.25rem}.slider-header{justify-content:space-between;margin-bottom:.35rem;font-size:.85rem;display:flex}.slider-name{align-items:center;gap:.375rem;font-weight:500;display:flex}.slider-value{color:var(--color-accent);font-weight:700}input[type=range]{-webkit-appearance:none;width:100%;height:6px;transition:background var(--transition-fast);background:#ffffff14;border-radius:3px;outline:none}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-accent);cursor:pointer;width:16px;height:16px;transition:transform var(--transition-fast), background var(--transition-fast);border-radius:50%}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.comparison-container{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.comparison-column{flex-direction:column;gap:1.5rem;display:flex}.loader-container{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:50vh;display:flex}.pulse-loader{border:4px solid var(--border-color);border-top-color:var(--color-accent);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.loading-text{color:var(--text-secondary);font-size:1rem;font-weight:500;animation:1.5s ease-in-out infinite pulse}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.map-link{color:var(--text-muted);transition:color var(--transition-fast);align-self:flex-start;align-items:center;gap:.25rem;margin-top:.5rem;font-size:.8rem;text-decoration:none;display:inline-flex}.map-link:hover{color:var(--color-accent)}.preset-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1.5rem;display:grid}.preset-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff08;border-radius:8px;padding:.5rem;font-size:.8rem;font-weight:500}.preset-btn:hover,.preset-btn.active{border-color:var(--color-accent);color:var(--text-primary);background:#6366f114}.flex-between{justify-content:space-between;align-items:center;display:flex}.settings-toggle-btn{background:var(--color-accent);color:#fff;cursor:pointer;z-index:50;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:none;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 4px 20px #6366f166}.drawer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:35;background:#00000080;display:none;position:fixed;inset:0}@media (width<=1024px){.control-sidebar{transition:transform var(--transition-normal);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.control-sidebar.open{transform:translate(0)}.settings-toggle-btn{display:flex}.drawer-backdrop.open{display:block}.settings-close-btn,.preferences-toggle-btn{display:inline-flex!important}}@media (width<=768px){.app-container{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border-color);width:100%;height:auto;padding:1.5rem 1rem;position:relative}.logo-container{margin-bottom:1.5rem}.main-content{height:auto;padding:1rem;overflow-y:visible}.city-hero{text-align:center;flex-direction:column;padding:2rem 1.5rem}.city-hero-info{max-width:100%}.city-hero-title{font-size:2.5rem}.dashboard-grid,.comparison-container{grid-template-columns:1fr}}.filter-row{scrollbar-width:none;gap:.5rem;margin-top:.25rem;margin-bottom:.75rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.filter-pill{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);background:#ffffff08;border-radius:99px;padding:.35rem .75rem;font-size:.75rem;font-weight:600}.filter-pill:hover,.filter-pill.active{border-color:var(--color-accent);color:var(--text-primary);background:#6366f11a}