*,:before,:after{box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif}#root{height:100%}.info-badge{letter-spacing:.06em;border:1px solid var(--border);color:var(--text-sub);background:0 0;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:.72rem;font-weight:500;display:inline-flex}.info-loading{opacity:.5;animation:1.2s ease-in-out infinite info-pulse}.info-error{color:#ef4444;font-size:.7rem}.info-sep{opacity:.35}.info-name{text-transform:uppercase;letter-spacing:.1em}.info-version{font-family:ui-monospace,Consolas,monospace}@keyframes info-pulse{0%,to{opacity:.3}50%{opacity:.8}}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);flex-shrink:0;width:48px;padding:20px 0;transition:width .25s;overflow:hidden}.sidebar.expanded{width:200px}.sidebar-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.nav-item{cursor:pointer;letter-spacing:.02em;width:200px;color:var(--text-sub);text-align:left;background:0 0;border:none;border-radius:0;align-items:center;gap:10px;padding:10px 0 10px 16px;font-size:.875rem;font-weight:500;transition:background-color .15s,color .15s;display:flex}.nav-item:hover{background:var(--nav-hover-bg);color:var(--text-main)}.nav-item.active{background:var(--nav-active-bg);color:var(--text-header);font-weight:600}.nav-dot{border:1.5px solid var(--text-sub);background:0 0;border-radius:50%;flex-shrink:0;width:6px;height:6px;transition:background-color .15s,border-color .15s}.nav-item.active .nav-dot{background:var(--text-header);border-color:var(--text-header)}.nav-item:hover .nav-dot{border-color:var(--text-main)}.nav-label{white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s 50ms,transform .2s 50ms;transform:translate(-6px)}.sidebar.expanded .nav-label{opacity:1;pointer-events:auto;transform:translate(0)}.cities-page{padding:32px 40px}.cities-title{letter-spacing:.04em;color:var(--text-main);margin:0 0 24px;font-size:1.3rem;font-weight:700}.cities-status{color:var(--text-sub);text-align:center;margin-top:40px;font-size:.9rem}.cities-status.error{color:#ef4444}.table-wrapper{border:1px solid var(--border);border-radius:10px;overflow-x:auto}.cities-table{border-collapse:collapse;width:100%;font-size:.875rem}.cities-table thead tr{background:var(--table-head-bg);border-bottom:2px solid var(--border)}.cities-table th{letter-spacing:.08em;text-transform:uppercase;color:var(--text-sub);white-space:nowrap;text-align:left;-webkit-user-select:none;user-select:none;padding:12px 20px;font-size:.75rem;font-weight:600}.cities-table th.num{text-align:right}.cities-table th.sortable{cursor:pointer;transition:color .2s}.cities-table th.sortable:hover{color:var(--text-header)}.sort-icon{color:var(--text-header);opacity:1;margin-left:5px;font-size:.7rem;transition:opacity .2s;display:inline-block}.sort-icon.inactive{opacity:.25}.cities-table tbody tr{border-bottom:1px solid var(--border);transition:background-color .15s}.cities-table tbody tr:last-child{border-bottom:none}.cities-table tbody tr:nth-child(2n){background:var(--table-stripe-bg)}.cities-table tbody tr:hover{background:var(--table-hover-bg)}.cities-table td{color:var(--text-main);padding:11px 20px}.city-name{font-weight:500}.city-num{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-sub);font-family:ui-monospace,Consolas,monospace}.app{flex-direction:column;height:100%;transition:background-color .35s,color .35s;display:flex;overflow:hidden}.app.dark{--bg:#0b0e1a;--bg-header:#090b16ed;--bg-header-solid:#090b16;--text-header:#60a5fa;--text-main:#e8eeff;--text-sub:#8b9bb4;--text-footer:#3f4f68;--border:#60a5fa1a;--toggle-track:#1e293b;--toggle-thumb:#f1f5f9;--glow-title:0 0 60px #60a5fa2e, 0 2px 20px #60a5fa1a;--bg-sidebar:#080b16;--nav-hover-bg:#60a5fa12;--nav-active-bg:#60a5fa1f;--table-head-bg:#0d1020;--table-stripe-bg:#ffffff05;--table-hover-bg:#60a5fa0f;background-color:var(--bg)}.app.light{--bg:#f0f4ff;--bg-header:#ecf2fff2;--bg-header-solid:#eaf0fc;--text-header:#1d4ed8;--text-main:#0f172a;--text-sub:#475569;--text-footer:#94a3b8;--border:#1d4ed81f;--toggle-track:#3b82f6;--toggle-thumb:#fff;--glow-title:none;--bg-sidebar:#e4eaf8;--nav-hover-bg:#1d4ed80f;--nav-active-bg:#1d4ed81a;--table-head-bg:#e8eef9;--table-stripe-bg:#00000005;--table-hover-bg:#1d4ed80d;background-color:var(--bg)}.header{background:var(--bg-header);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;height:60px;padding:0 32px 0 16px;display:flex;position:sticky;top:0}.header-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-header);font-size:.875rem;font-weight:700}.hamburger{cursor:pointer;background:0 0;border:none;border-radius:6px;flex-direction:column;flex-shrink:0;justify-content:center;gap:5px;width:36px;height:36px;padding:6px;transition:background-color .15s;display:flex}.hamburger:hover{background:var(--nav-hover-bg)}.hamburger span{background:var(--text-sub);border-radius:2px;width:100%;height:2px;transition:background-color .15s;display:block}.hamburger:hover span{background:var(--text-header)}.toggle-wrapper{align-items:center;gap:10px;display:flex}.toggle-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-sub);text-align:right;-webkit-user-select:none;user-select:none;min-width:34px;font-size:.7rem;font-weight:600}.toggle-switch{cursor:pointer;width:50px;height:26px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{background:var(--toggle-track);border-radius:26px;transition:background .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background:var(--toggle-thumb);border-radius:50%;width:18px;height:18px;transition:transform .3s;position:absolute;top:4px;left:4px;box-shadow:0 1px 4px #00000059}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.layout{flex-direction:row;flex:1;min-height:0;display:flex;overflow:hidden}.content{flex:1;overflow-y:auto}.home-view{flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100%;padding:24px;display:flex}.brand{letter-spacing:.12em;background:linear-gradient(135deg, var(--text-main) 30%, var(--text-header) 100%);-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 0 32px #60a5fa33);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(3.2rem,11vw,7.5rem);font-weight:900;line-height:1}.app.light .brand{filter:none}.welcome{letter-spacing:.45em;text-transform:uppercase;color:var(--text-sub);margin:0;font-size:clamp(.9rem,2.5vw,1.25rem);font-weight:300}.footer{letter-spacing:.04em;color:var(--text-footer);border-top:1px solid var(--border);flex-direction:column;align-items:center;gap:10px;padding:16px 32px;font-size:.8rem;display:flex}