.cities-page{min-height:100vh;height:100vh;overflow-y:auto;background:var(--color-stone);animation:page-enter .35s cubic-bezier(.4,0,.2,1) both}.cities-page::-webkit-scrollbar{width:8px}.cities-page::-webkit-scrollbar-track{background:transparent}.cities-page::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.cities-page::-webkit-scrollbar-thumb:hover{background:#ffffff40}.cities-page{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}@media(prefers-reduced-motion:reduce){.cities-page{animation:none}}.cities-page__hero{position:relative;min-height:85dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;flex-shrink:0;background:var(--color-overlay-deep);padding:var(--space-8) var(--space-6)}.cities-page__hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(ellipse 70% 50% at 50% 42%,rgba(13,26,34,.75),transparent 65%),radial-gradient(ellipse 80% 60% at 20% 80%,rgba(31,109,100,.2),transparent),radial-gradient(ellipse 60% 50% at 85% 20%,rgba(247,144,17,.1),transparent),linear-gradient(to bottom,#0d1a2240,#0d1a2280 60%,#0d1a22bf);pointer-events:none}.cities-page__hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(circle 300px at 10% 20%,rgba(255,255,255,.02),transparent),radial-gradient(circle 200px at 90% 70%,rgba(255,255,255,.03),transparent),radial-gradient(circle 400px at 50% 100%,rgba(31,109,100,.12),transparent);pointer-events:none}.cities-page__hero-inner{position:relative;z-index:2;max-width:720px;margin:0 auto}.cities-page__hero-title{font-family:var(--font-editorial);font-size:clamp(2rem,6vw,3.5rem);font-weight:var(--weight-bold);color:var(--color-white);letter-spacing:-.02em;margin:var(--space-4) 0 var(--space-3);line-height:1.15}.cities-page__hero-sub{font-family:var(--font-ui);font-size:var(--text-lg);color:#f7f3ebd9;line-height:1.6;margin:0 auto;max-width:600px}.cities-page__hero-back{position:absolute;top:var(--space-4);left:var(--space-6);z-index:3;color:#ffffffa6}.cities-page__hero-back:hover{color:#fffffff2}.cities-page__back{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:#ffffffa6;background:none;border:none;cursor:pointer;margin-bottom:var(--space-2);padding:var(--space-1) 0;min-height:44px;transition:color .25s cubic-bezier(.4,0,.2,1)}.cities-page__back:hover{color:var(--color-white)}.cities-page__scroll{width:100%;max-width:1200px;margin:0 auto;padding:var(--space-6) var(--space-6) var(--space-12);box-sizing:border-box}.cities-page__search{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--glass-border, rgba(128,128,128,.2));border-radius:var(--radius-control, 12px);background:#8080800f;margin-bottom:var(--space-4);max-width:400px}.cities-page__search-input{border:none;background:transparent;color:var(--color-ink);font-size:var(--text-sm);outline:none;flex:1;min-width:0}.cities-page__search-input::placeholder{color:var(--color-ink-muted)}.cities-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.cities-page__card-wrap{position:relative;display:flex}.cities-page__card-wrap>.cities-page__card{flex:1;width:100%}.cities-page__card-offline{position:absolute;top:var(--space-2);right:var(--space-2);z-index:1}.cities-page__card{background:#ffffffbf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-card);cursor:pointer;transition:box-shadow .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);text-align:left;font-family:inherit;font-size:inherit;width:100%;display:flex;flex-direction:column;overflow:hidden;padding:0}[data-theme=dark] .cities-page__card{background:#162027a6;border-color:#ffffff14}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .cities-page__card{background:#162027a6;border-color:#ffffff14}}.cities-page__card:hover{box-shadow:0 8px 24px #1620271f;transform:translateY(-3px)}.cities-page__card--soon{opacity:.6;cursor:default}.cities-page__card--soon:hover{box-shadow:none;transform:none}.cities-page__card-thumb{width:100%;height:140px;object-fit:cover;display:block}.cities-page__card-body{padding:var(--space-4) var(--space-6) var(--space-6);display:flex;flex-direction:column;gap:var(--space-2);flex:1}.cities-page__card-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.cities-page__card-name{font-family:var(--font-editorial);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-ink);margin:0}.cities-page__card-country{font-size:var(--text-xs);color:var(--color-ink-muted);white-space:nowrap}.cities-page__card-desc{font-size:var(--text-sm);color:var(--color-ink-muted);line-height:1.6;margin:0;flex:1}.cities-page__card-narrated{font-size:var(--text-xs);color:var(--color-ink-soft, var(--color-ink-muted));font-weight:var(--weight-medium);letter-spacing:.02em}.cities-page__card-narrated-pct{color:var(--color-action);font-weight:var(--weight-semibold, 600)}.cities-page__card-badges{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-1)}.cities-page__card-badge{display:inline-block;font-size:var(--text-xs);font-weight:var(--weight-medium);padding:var(--space-1) var(--space-3);border-radius:var(--radius-chip)}.cities-page__card-badge--active{background:var(--color-action);color:var(--color-white)}.cities-page__card-badge--audio{background:#0da5ad1f;color:var(--color-action)}.cities-page__card-badge--soon{background:var(--color-deep-stone);color:var(--color-ink-muted)}.cities-page__card-badge--tier{font-weight:var(--weight-semibold, 600);letter-spacing:.3px}.cities-page__card-badge--tier-world_capital{background:#22c55e1f;color:var(--color-success-text)}.cities-page__card-badge--tier-destination{background:#3b82f61f;color:#2563eb}.cities-page__card-badge--tier-discovery{background:#f59e0b1f;color:#d97706}.cities-page__card-badge--routes{background:color-mix(in srgb,var(--color-brass) 14%,transparent);color:var(--color-brass);font-weight:var(--weight-semibold)}.cities-page__card-badge--langs{background:color-mix(in srgb,var(--color-action) 12%,transparent);color:var(--color-action);font-weight:var(--weight-semibold);letter-spacing:.05em;text-transform:uppercase;font-size:11px}.cities-page__card-sell{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--card-border)}.cities-page__card-sell-price{font-family:var(--font-editorial);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-brass);letter-spacing:-.01em}.cities-page__card-sell-cta{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--color-action);color:var(--color-on-action);font-size:var(--text-sm);font-weight:var(--weight-semibold);white-space:nowrap}.cities-page__card:hover .cities-page__card-sell-cta{background:var(--color-action-hover)}.cities-page__card-sell-status{font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-trust-verified)}.cities-page__card--skeleton{min-height:200px;background:var(--color-deep-stone);border-radius:var(--radius-card);animation:skeleton-pulse 1.5s ease-in-out infinite}.cities-page__dest-group{margin-top:48px}.cities-page__dest-group-heading{display:flex;align-items:center;gap:10px;font-family:var(--font-editorial);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-ink);margin:0 0 6px}.cities-page__dest-group-icon{font-size:1.25em;line-height:1}.cities-page__dest-group-sub{font-size:var(--text-sm);color:var(--color-ink-muted);margin:0 0 20px}[data-theme=dark] .cities-page__dest-group-heading{color:#ffffffeb}[data-theme=dark] .cities-page__dest-group-sub{color:#ffffff73}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .cities-page__dest-group-heading{color:#ffffffeb}:root:not([data-theme=light]) .cities-page__dest-group-sub{color:#ffffff73}}.cities-page__vote{margin-top:64px;padding:var(--space-8);background:var(--color-deep-stone);border-radius:var(--radius-card);text-align:center}.cities-page__vote-title{font-family:var(--font-editorial);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-ink);margin:0 0 var(--space-2)}.cities-page__vote-desc{font-size:var(--text-sm);color:var(--color-ink-muted);margin:0 0 var(--space-4)}.cities-page__vote-form{display:flex;flex-direction:column;gap:var(--space-3);align-items:stretch}@media(min-width:600px){.cities-page__vote-form{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-2)}}.cities-page__vote-input{padding:var(--space-2) var(--space-3);border:1px solid var(--card-border, rgba(255,255,255,.12));border-radius:var(--radius-control);background:var(--color-stone);color:var(--color-ink);font-size:var(--text-sm);min-height:44px;width:100%}@media(min-width:600px){.cities-page__vote-input{width:auto;min-width:160px}}.cities-page__vote-input--short{min-width:120px}.cities-page__vote-btn{padding:var(--space-3) var(--space-6);background:var(--color-action);color:var(--color-white);border:none;border-radius:var(--radius-control);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;min-height:44px;width:100%;transition:background var(--transition-quick)}@media(min-width:600px){.cities-page__vote-btn{width:auto}}.cities-page__vote-btn:hover:not(:disabled){background:var(--color-action-hover, #0c8f72)}.cities-page__vote-btn:disabled{opacity:.5;cursor:not-allowed}.cities-page__vote-success{font-size:var(--text-sm);color:var(--color-action);margin:0}.cities-page__vote-error{font-size:var(--text-xs);color:var(--color-error, #ef4444);margin:var(--space-1) 0 0;width:100%;text-align:center}.cities-page__footer{padding:var(--space-8) var(--space-6);text-align:center;border-top:1px solid var(--card-border);margin-top:var(--space-12)}.cities-page__footer-brand{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-4);font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-ink-muted)}.cities-page__footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4);list-style:none;padding:0;margin:0 0 var(--space-4)}.cities-page__footer-links a{font-family:var(--font-ui);font-size:var(--text-sm);color:var(--color-ink-muted);text-decoration:none;transition:color var(--transition-quick)}.cities-page__footer-links a:hover{color:var(--color-action)}.cities-page__footer-copy{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-ink-muted);opacity:.6;margin:0}