@layer base{._page_1knwm_2{width:100%;display:flex;flex-direction:column;align-items:center;background-color:var(--background);min-height:calc(100vh - 4rem);padding:var(--spacing-16) var(--spacing-4)}._container_1knwm_12{max-width:900px;width:100%;display:flex;flex-direction:column;align-items:center}._header_1knwm_20{text-align:center;margin-bottom:var(--spacing-8)}._title_1knwm_25{font-family:var(--font-family-heading);font-size:2.5rem;font-weight:500;color:var(--foreground);margin:0 0 var(--spacing-3) 0}._subtitle_1knwm_33{font-size:1.125rem;color:var(--muted-foreground);margin:0}._searchWrapper_1knwm_39{position:relative;width:100%;max-width:500px;display:flex;align-items:center;margin-bottom:var(--spacing-16)}._searchIcon_1knwm_48{position:absolute;left:var(--spacing-4);color:var(--muted-foreground);pointer-events:none;width:20px;height:20px}._searchInput_1knwm_57{width:100%;padding-left:calc(var(--spacing-4) * 2 + 20px);height:3.5rem;border-radius:var(--radius-full);font-size:1.125rem;background-color:var(--card)}._citiesSection_1knwm_66{width:100%}._sectionTitle_1knwm_70{font-family:var(--font-family-base);font-size:1.5rem;font-weight:500;color:var(--foreground);margin:0 0 var(--spacing-6) 0;text-align:left}._grid_1knwm_79{display:grid;grid-template-columns:1fr;gap:var(--spacing-6)}@media(min-width:640px){._grid_1knwm_79{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){._grid_1knwm_79{grid-template-columns:repeat(3,1fr)}}._cityCard_1knwm_97{background-color:var(--card);border-radius:var(--radius-lg);padding:var(--spacing-6) var(--spacing-4);text-decoration:none;color:var(--card-foreground);box-shadow:var(--shadow);transition:box-shadow var(--animation-duration-fast) ease,transform var(--animation-duration-fast) ease;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:500;font-size:1.125rem}._cityCard_1knwm_97:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}._emptyState_1knwm_118{text-align:center;color:var(--muted-foreground);padding:var(--spacing-8);font-size:1.125rem;background-color:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow)}._guideSection_1knwm_128{width:100%;margin-top:var(--spacing-16);padding-top:var(--spacing-8);border-top:1px solid var(--border)}._guideSection_1knwm_128 p{max-width:760px;margin:0 0 var(--spacing-4);color:var(--muted-foreground);line-height:1.7}}