.city-selector-overlay{position:fixed;inset:0;width:100vw;height:100vh;background:#00000080;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.city-selector-modal{background:var(--color-bg-card);border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-width:600px;width:100%;max-height:90vh;overflow:hidden;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.city-selector-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-border-medium)}.city-selector-header h2{margin:0;font-size:20px;font-weight:700;color:var(--color-text-primary)}.city-selector-close{width:32px;height:32px;border-radius:8px;border:none;background:var(--color-surface);color:var(--color-text-muted);font-size:24px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.city-selector-close:hover{background:var(--color-bg-active);color:var(--color-text-primary)}.city-selector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:24px;max-height:calc(90vh - 80px);overflow-y:auto}.city-selector-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;border:1px solid var(--color-border-medium);border-radius:12px;background:var(--color-bg-card);cursor:pointer;transition:all .2s ease}[data-theme=dark] .city-selector-item img{filter:brightness(0) invert(1)}.city-selector-item:hover{border-color:var(--color-brand);background:var(--color-bg-active);transform:translateY(-2px);box-shadow:0 4px 12px #00c85326}.city-selector-item:active{transform:translateY(0)}.city-selector-name{font-size:13px;font-weight:600;color:var(--color-text-primary);text-align:center;text-transform:capitalize}