body { background: #000; color: #fff; font-family: 'Segoe UI', sans-serif; margin: 0; padding: 8px; overflow-x: hidden; font-size: 13px; }
  .card { background: #0a0a0a; padding: 15px; border-radius: 18px; border: 1px solid #1a1a1a; margin-bottom: 12px; position: relative; }
  #splash { position: fixed; inset: 0; background: #000; z-index: 10000; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; padding: 20px; }
  canvas { position: absolute; inset: 0; }
  .btn-ex { background: #111; border: 1px solid #222; color: #555; padding: 8px 12px; border-radius: 10px; font-size: 11px; cursor: pointer; font-weight: bold; margin-bottom: 5px; }
  .active-ex { border-color: #00d4ff; color: #00d4ff; background: rgba(0,212,255,0.05); }
  .header-main { text-align: center; margin-bottom: 20px; }
  input, select { background: #111; border: 1px solid #222; color: #fff; padding: 8px; border-radius: 10px; width: 100%; box-sizing: border-box; text-align: center; font-weight: bold; font-size: 14px; outline:none; }
  .input-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8px; margin-top: 15px; }
  .input-wrap label { font-size: 10px; color: #00d4ff; text-transform: uppercase; display: block; margin-bottom: 4px; }
  .btn-buy { background: #00ff64; color: #000; font-weight: 900; border: none; padding: 12px; border-radius: 12px; width: 100%; cursor: pointer; margin-top: 10px; font-size: 12px; }
  .btn-sell { background: #ff3b3b; color: #fff; font-weight: 900; border: none; padding: 12px; border-radius: 12px; width: 100%; cursor: pointer; margin-top: 10px; font-size: 12px; }
  .close-btn { position: absolute; top: 12px; right: 12px; background: #1a1a1a; color: #444; border: none; width: 30px; height: 30px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; font-weight: bold; z-index: 10; }
  .modal { position: fixed; inset: 0; background: rgba(0,0,0,0.98); z-index: 2000; padding: 20px; overflow-y: auto; }
  .radar-container { padding: 40px 0; display: flex; flex-direction: column; align-items: center; }
  .radar { width: 100px; height: 100px; border: 1px solid #00d4ff; border-radius: 50%; position: relative; }
  .sweep { position: absolute; width: 50%; height: 2px; background: linear-gradient(to right, transparent, #00d4ff); top: 50%; left: 50%; transform-origin: left; animation: rotate 2s linear infinite; }
  @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
  .settings-row { display: flex; justify-content: space-between; align-items: center; background: #111; padding: 15px; border-radius: 15px; border: 1px solid #222; margin-bottom: 12px; }
  .settings-row label { font-weight: bold; font-size: 13px; color: #fff; }
  .btn-toggle { background: #1a1a1a; border: 1px solid #333; color: #666; padding: 10px 20px; border-radius: 10px; cursor: pointer; font-weight: bold; font-size: 12px; transition: 0.2s; }
  .btn-toggle.on { background: rgba(0,212,255,0.1); border-color: #00d4ff; color: #00d4ff; }
  .badge { color: #fff; font-size: 9px; background: #222; padding: 3px 6px; border-radius: 6px; margin-left: 6px; vertical-align: middle; }
  .scroll-to-top { position: fixed; bottom: 20px; right: 20px; width: 45px; height: 45px; background: rgba(0, 212, 255, 0.3); color: #fff; border: 1px solid #00d4ff; border-radius: 50%; font-size: 20px; font-weight: bold; display: flex; align-items: center; justify-content: center; z-index: 9000; backdrop-filter: blur(5px); cursor: pointer; }
  .fab-notify { position: fixed; bottom: 80px; right: 20px; width: 45px; height: 45px; background: #111; color: #fff; border: 1px solid #222; border-radius: 50%; display: flex; align-items: center; justify-content: center; z-index: 9000; cursor: pointer; font-size: 20px; border-color: #00d4ff; box-shadow: 0 0 10px rgba(0,212,255,0.2); }
  .price-card { background: #111; border: 1px solid #222; border-radius: 15px; padding: 15px; margin-bottom: 10px; cursor: pointer; transition: 0.3s; text-align: left; }
  .price-card:hover { border-color: #00d4ff; background: rgba(0,212,255,0.05); }
  .price-val { font-size: 20px; color: #00ff64; font-weight: 900; }
  .btn-trial { background: linear-gradient(90deg, #ff00d4, #00d4ff); color: #fff; font-weight: 900; border: none; padding: 15px; border-radius: 12px; width: 100%; cursor: pointer; margin-bottom: 20px; box-shadow: 0 0 15px rgba(0,212,255,0.4); }
  .btn-pay { background: #00d4ff; color: #000; font-weight: 900; border: none; padding: 15px; border-radius: 12px; width: 100%; cursor: pointer; margin-top: 10px; }
  .stat-box { background: rgba(255,255,255,0.05); padding: 15px; border-radius: 10px; margin-top: 10px; text-align: center; border: 1px solid #333; }
  .stat-val { font-size: 24px; color: #00d4ff; font-weight: 900; margin-top: 5px; }
  .spot-warning { background: rgba(255, 193, 7, 0.1); color: #ffc107; padding: 10px; border-radius: 10px; font-size: 11px; margin-top: 12px; text-align: center; border: 1px solid #ffc107; line-height: 1.4; }
  .spot-block { background: rgba(255, 59, 59, 0.08); color: #ff3b3b; padding: 10px; border-radius: 10px; font-size: 11px; margin-top: 12px; text-align: center; border: 1px solid rgba(255,59,59,0.4); line-height: 1.4; }