.city-search{width:100%;max-width:400px}.city-search-row{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--border);border-radius:8px;background:#00e5ff08}.city-search-icon{color:var(--text-dim);font-size:.9rem}.city-search-input{flex:1;font-family:var(--font-body);font-size:.8rem;color:var(--text);background:transparent;border:none;outline:none}.city-search-input::placeholder{color:var(--text-dim);opacity:.4}.city-search-btn{display:flex;align-items:center;gap:.3rem;padding:.4rem .75rem;font-family:var(--font-hud);font-size:.65rem;letter-spacing:.1em;color:var(--bg);background:var(--accent);border:none;border-radius:5px;cursor:pointer;transition:background .15s}.city-search-btn:hover:not(:disabled){background:#3ef}.city-search-btn:disabled{opacity:.4;cursor:not-allowed}.weather-hud{width:100%;border:1px solid var(--border);border-radius:12px;padding:1.5rem;background:#00e5ff08;box-shadow:0 0 30px #00e5ff0d,inset 0 0 30px #00e5ff05}.hud-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.hud-city-tag{font-family:var(--font-hud);font-size:.7rem;color:var(--accent);letter-spacing:.15em;display:flex;align-items:center;gap:.3rem}.hud-time-tag{font-size:.6rem;color:var(--text-dim)}.hud-main{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.hud-temp-group{display:flex;flex-direction:column;align-items:center;gap:.25rem}.hud-icon{font-size:4rem;line-height:1}.hud-temp{font-family:var(--font-hud);font-size:4rem;font-weight:900;color:var(--accent);text-shadow:0 0 20px rgba(0,229,255,.3);line-height:1}.hud-desc{font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.15em}.hud-stats{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.hud-stat{display:flex;flex-direction:column;align-items:center;gap:.15rem;min-width:70px}.hud-stat-label{font-family:var(--font-hud);font-size:.55rem;color:var(--text-dim);letter-spacing:.2em}.hud-stat-value{font-family:var(--font-hud);font-size:.85rem;color:var(--accent2)}.hud-footer{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border);font-size:.6rem;color:var(--text-dim);letter-spacing:.1em}.hud-dot{color:var(--accent);font-size:.3rem}.radar{position:relative;width:120px;height:120px;border-radius:50%;border:1px solid rgba(0,229,255,.2);display:flex;align-items:center;justify-content:center;overflow:hidden}.radar-circle{position:absolute;border-radius:50%;border:1px solid rgba(0,229,255,.08)}.radar-circle--1{width:40%;height:40%}.radar-circle--2{width:65%;height:65%}.radar-circle--3{width:90%;height:90%}.radar-sweep{position:absolute;width:50%;height:50%;top:50%;left:50%;background:linear-gradient(90deg,rgba(0,229,255,.08) 0%,transparent 100%);transform-origin:0 0;animation:radarSpin 2s linear infinite}@keyframes radarSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.radar-dot{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent);animation:radarBlip 2s infinite}.radar-dot--1{top:30%;left:55%;animation-delay:0s}.radar-dot--2{top:60%;left:40%;animation-delay:.7s;opacity:.5}.radar-dot--3{top:45%;left:70%;animation-delay:1.3s;opacity:.3}@keyframes radarBlip{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}:root{--bg: #050a0f;--text: #c0e0ff;--text-dim: #406080;--accent: #00e5ff;--accent2: #00ff88;--border: rgba(0, 229, 255, .12);--font-body: "JetBrains Mono", monospace;--font-display: "Silkscreen", monospace;--font-hud: "Orbitron", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;min-height:100vh}body{font-family:var(--font-body);background:var(--bg);color:var(--text)}.app{position:relative;display:flex;flex-direction:column;min-height:100vh;overflow:hidden}.hud-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:repeating-linear-gradient(0deg,transparent 0px,transparent 3px,rgba(0,229,255,.015) 3px,rgba(0,229,255,.015) 4px)}.app>*{position:relative;z-index:1}.app-header{text-align:center;padding:2rem 1rem 1rem;border-bottom:1px solid var(--border)}.app-title{font-family:var(--font-hud);font-size:1.4rem;text-transform:uppercase;letter-spacing:.3em;color:var(--accent);text-shadow:0 0 15px var(--accent),0 0 30px rgba(0,229,255,.3)}.app-subtitle{font-size:.65rem;color:var(--text-dim);margin-top:.3rem;text-transform:uppercase;letter-spacing:.2em}.app-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:2rem}.hud-container{width:100%;max-width:600px;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center}.hud-prompt,.hud-loading{display:flex;flex-direction:column;align-items:center;gap:1rem}.hud-prompt-text{font-family:var(--font-hud);font-size:.85rem;color:var(--accent);letter-spacing:.25em;animation:pulse 2s infinite}.hud-prompt-sub{font-size:.65rem;color:var(--text-dim)}.hud-loading-text{font-family:var(--font-hud);font-size:.7rem;color:var(--accent2);letter-spacing:.25em;animation:pulse 1.5s infinite}.hud-error{font-family:var(--font-hud);font-size:.75rem;color:#f36;text-shadow:0 0 10px #ff3366}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}