:root{--bg:#020818;--card:#060f2e;--border:#1a3a6e;--accent:#4fc3f7;--accent2:#ffd54f;--accent3:#80deea;--text:#e0f7fa;--muted:#546e8a;--success:#69f0ae;--danger:#ff5252}
  *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
  body{background:var(--bg);color:var(--text);font-family:'Exo 2',sans-serif;min-height:100vh;display:flex;flex-direction:column}
  body::before{content:'';position:fixed;inset:0;background:radial-gradient(ellipse at 20% 20%,rgba(79,195,247,.12) 0%,transparent 55%),radial-gradient(ellipse at 80% 80%,rgba(128,222,234,.08) 0%,transparent 50%);pointer-events:none;z-index:0}
  body::after{content:'';position:fixed;inset:0;background-image:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(1px 1px at 60% 10%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(1px 1px at 80% 60%,rgba(255,255,255,.3) 0%,transparent 100%),radial-gradient(1px 1px at 40% 80%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(1px 1px at 10% 70%,rgba(255,255,255,.3) 0%,transparent 100%);pointer-events:none;z-index:0}
  header{position:relative;z-index:10;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}
  .logo{font-family:'Orbitron',sans-serif;font-size:1.4rem;letter-spacing:.1em;color:var(--accent)}.logo span{color:var(--accent2)}
  main{flex:1;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding:28px 16px 40px;gap:24px;max-width:520px;margin:0 auto;width:100%}
  .hero{text-align:center}.hero h1{font-family:'Orbitron',sans-serif;font-size:clamp(1.6rem,6vw,2.6rem);letter-spacing:.06em;line-height:1.1}.hero h1 em{font-style:normal;color:var(--accent)}.hero p{margin-top:8px;color:var(--muted);font-size:.85rem}
  .sector-display{background:var(--card);border:2px solid var(--border);border-radius:16px;padding:20px;width:100%;text-align:center}
  .sector-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:var(--muted);margin-bottom:12px;font-family:'Orbitron',sans-serif}
  .sector-bar{width:100%;height:20px;background:#020818;border-radius:10px;position:relative;overflow:visible;margin-bottom:8px;border:1px solid var(--border)}
  .sector-fill{position:absolute;height:100%;background:linear-gradient(90deg,var(--accent3),var(--accent));border-radius:10px;transition:all .4s cubic-bezier(.4,0,.2,1)}
  .sector-labels{display:flex;justify-content:space-between;font-size:.75rem;font-weight:700;font-family:'Orbitron',sans-serif}
  .sector-lo{color:var(--accent3)}.sector-hi{color:var(--accent)}
  .signal-text{font-family:'Orbitron',sans-serif;font-size:clamp(1rem,3.5vw,1.5rem);color:var(--accent2);text-align:center}
  .log-wrap{width:100%;display:flex;flex-direction:column;gap:6px;max-height:160px;overflow-y:auto}
  .log-item{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:8px 14px;font-size:.82rem;animation:fadeUp .25s ease both}
  .log-icon{font-size:1rem;width:20px;text-align:center}
  .log-val{font-weight:700;color:var(--text)}.log-hint{color:var(--muted);font-size:.75rem}
  .input-group{width:100%;display:flex;flex-direction:column;gap:10px}
  .coord-input{width:100%;background:var(--card);border:2px solid var(--border);border-radius:14px;color:var(--text);font-family:'Orbitron',sans-serif;font-size:clamp(1rem,3.5vw,1.3rem);font-weight:700;padding:16px 20px;outline:none;transition:border-color .2s;text-align:center}.coord-input::placeholder{color:var(--muted);font-family:'Exo 2',sans-serif;font-size:.9rem}.coord-input:focus{border-color:var(--accent)}.coord-input.hot{border-color:var(--danger)}.coord-input.cold{border-color:var(--accent3)}
  .scan-btn{background:linear-gradient(135deg,var(--accent),#0288d1);color:#fff;border:none;border-radius:14px;font-family:'Orbitron',sans-serif;font-size:1rem;letter-spacing:.08em;padding:16px;cursor:pointer;width:100%;transition:opacity .2s,transform .15s}.scan-btn:hover{opacity:.9;transform:translateY(-1px)}.scan-btn:active{transform:scale(.98)}
  .probes-row{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
  .probe-dot{width:14px;height:14px;border-radius:50%;background:var(--border);transition:background .3s}.probe-dot.used{background:var(--accent)}.probe-dot.last{background:var(--danger)}
  .overlay{display:none;position:fixed;inset:0;background:rgba(2,8,24,.95);z-index:100;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(8px)}.overlay.show{display:flex}
  .result-card{background:var(--card);border:2px solid var(--border);border-radius:20px;padding:36px 28px;text-align:center;max-width:340px;width:100%;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275) both}
  .r-emoji{font-size:3.2rem;margin-bottom:10px}.r-title{font-family:'Orbitron',sans-serif;font-size:1.8rem;letter-spacing:.06em;margin-bottom:8px}.r-desc{color:var(--muted);font-size:.85rem;margin-bottom:22px}.r-desc strong{color:var(--accent2);font-size:1.1rem}
  .btn-again{background:linear-gradient(135deg,var(--accent),#0288d1);color:#fff;border:none;border-radius:14px;font-family:'Orbitron',sans-serif;font-size:1rem;letter-spacing:.06em;padding:14px 32px;cursor:pointer;width:100%;transition:opacity .2s}.btn-again:hover{opacity:.85}
  .mode-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
  .mode-btn{background:var(--card);border:1px solid var(--border);border-radius:30px;padding:7px 16px;font-family:'Exo 2',sans-serif;font-weight:700;font-size:.78rem;cursor:pointer;transition:all .2s;color:var(--muted)}.mode-btn:hover{border-color:var(--accent);color:var(--accent)}.mode-btn.active{background:var(--accent);border-color:var(--accent);color:#020818}
  footer{position:relative;z-index:10;padding:16px 24px;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;font-size:.7rem;color:var(--muted)}
  footer a{color:var(--muted);text-decoration:none;letter-spacing:.05em;transition:color .2s}footer a:hover{color:var(--accent)}
  @keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
  @keyframes popIn{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}