.city-card{background:linear-gradient(135deg, var(--color-surface) 0%, #16213e 100%);cursor:pointer;text-align:left;color:var(--color-text);font-family:inherit;font-size:inherit;border:1px solid #0000;border-radius:12px;flex-direction:column;gap:4px;min-height:48px;padding:20px 16px;transition:border-color .15s;display:flex}.city-card:hover{border-color:var(--color-accent)}.city-card:active{transform:scale(.98)}.city-card-header{justify-content:space-between;align-items:center;display:flex}.city-card-name{color:#fff;font-size:16px;font-weight:500}.city-card-tags{color:var(--color-text-muted);font-size:11px}.live-dot{background:var(--color-idle);border-radius:50%;flex-shrink:0;width:6px;height:6px}.live-dot.live{background:var(--color-live)}.city-picker{min-height:100vh;padding:0 16px 32px}.city-picker-header{text-align:center;padding:48px 0 32px}.city-picker-title{letter-spacing:4px;color:#fff;font-size:28px;font-weight:300}.city-picker-subtitle{color:var(--color-text-dim);letter-spacing:1px;margin-top:8px;font-size:13px}.city-picker-grid{grid-template-columns:1fr 1fr;gap:12px;max-width:600px;margin:0 auto;display:grid}@media (width>=768px){.city-picker-grid{grid-template-columns:repeat(3,1fr);max-width:800px}}@media (width>=1024px){.city-picker-grid{grid-template-columns:repeat(4,1fr);max-width:1000px}}.volume-slider{flex-direction:column;gap:6px;display:flex}.volume-slider-header{color:var(--color-text-dim);letter-spacing:1px;justify-content:space-between;font-size:11px;display:flex}.volume-slider-label{text-transform:uppercase}.volume-slider-input{appearance:none;cursor:pointer;background:0 0;outline:none;width:100%;height:44px;margin:0}.volume-slider-input::-webkit-slider-runnable-track{background:var(--color-surface);border-radius:2px;height:4px}.volume-slider-input::-moz-range-track{background:var(--color-surface);border:none;border-radius:2px;height:4px}.volume-slider-input::-webkit-slider-thumb{appearance:none;background:var(--slider-color,var(--color-accent));cursor:pointer;border:none;border-radius:50%;width:20px;height:20px;margin-top:-8px}.volume-slider-input::-moz-range-thumb{background:var(--slider-color,var(--color-accent));cursor:pointer;border:none;border-radius:50%;width:20px;height:20px}.player{flex-direction:column;align-items:center;min-height:100vh;padding:16px;display:flex}.player-back{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:8px 4px;font-family:inherit;font-size:14px}.player-back:hover{color:var(--color-text)}.player-display{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:32px 0;display:flex}.player-circle{border:2px solid var(--color-surface);border-radius:50%;justify-content:center;align-items:center;width:160px;height:160px;display:flex}.player-circle-inner{background:var(--color-surface);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:120px;height:120px;display:flex}.player-city-abbr{color:#fff;letter-spacing:2px;font-size:28px;font-weight:600}.player-live-label{color:var(--color-accent);letter-spacing:2px;font-size:10px}.player-talkgroup{color:var(--color-accent);text-align:center;min-height:20px;font-size:13px}.player-controls{flex-direction:column;gap:20px;width:100%;max-width:320px;padding:16px 0;display:flex}.player-soma-label{color:var(--color-text-dim);padding:16px 0;font-size:11px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#0d1117;--color-surface:#1a1a2e;--color-surface-hover:#222240;--color-text:#e0e0e0;--color-text-muted:#888;--color-text-dim:#555;--color-accent:#4a9eff;--color-accent-secondary:#8b5cf6;--color-live:#4ade80;--color-idle:#666;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"SF Mono", "Fira Code", monospace}html,body{height:100%}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100%}