:root{
  --bg:#0b0f1a; --card:#141b2e; --card2:#1a2340; --line:#26315a;
  --txt:#eef2ff; --dim:#8b94b8; --green:#22c55e; --red:#ef4444;
  --amber:#f59e0b; --blue:#38bdf8; --violet:#a78bfa;
}
*{box-sizing:border-box; -webkit-tap-highlight-color:transparent;}
html,body{margin:0;padding:0;}
body{
  background:radial-gradient(1200px 600px at 50% -10%, #1b2450 0%, var(--bg) 55%) fixed, var(--bg);
  color:var(--txt); font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,Roboto,Arial,sans-serif;
  max-width:560px; margin:0 auto; padding:0 10px calc(40px + env(safe-area-inset-bottom));
  min-height:100vh;
}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 4px 8px;}
.brand{font-weight:800;letter-spacing:1px;font-size:18px;
  background:linear-gradient(90deg,var(--green),var(--blue),var(--violet));
  -webkit-background-clip:text;background-clip:text;color:transparent;}
.feeds{display:flex;align-items:center;gap:8px;}
.dot{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  font-size:12px;font-weight:800;background:#3a456e;color:#cfd6f5;}
.dot.ok{background:var(--green);color:#04120a;}
.dot.bad{background:var(--red);color:#fff;}
.clock{font-variant-numeric:tabular-nums;color:var(--dim);font-size:13px;}
.tabs{display:flex;gap:8px;padding:6px 0 12px;position:sticky;top:0;z-index:5;
  background:linear-gradient(var(--bg) 80%, transparent);}
.tab{flex:1;padding:12px 0;border-radius:14px;border:1px solid var(--line);background:var(--card);
  color:var(--txt);font-size:16px;font-weight:700;cursor:pointer;}
.tab.active{background:linear-gradient(135deg,#1d2b5c,#2b1d5c);border-color:var(--violet);}
.panel.hidden{display:none;}
.card{background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);
  border-radius:16px;padding:12px;margin-bottom:12px;box-shadow:0 6px 18px rgba(0,0,0,.35);}
.card-title{font-size:13px;font-weight:800;letter-spacing:.6px;color:var(--dim);margin-bottom:8px;}
.hint{font-weight:400;color:var(--dim);font-size:11px;}
.hidden{display:none !important;}

.banner{border-radius:20px;padding:18px 12px;margin-bottom:10px;text-align:center;
  background:linear-gradient(135deg,#17203d,#10162c);border:2px solid var(--line);
  transition:border-color .3s, box-shadow .3s;}
.banner.up{border-color:var(--green);box-shadow:0 0 26px rgba(34,197,94,.35);}
.banner.down{border-color:var(--red);box-shadow:0 0 26px rgba(239,68,68,.35);}
.banner.locked{outline:2px dashed var(--amber);outline-offset:-6px;}
.banner-arrow{font-size:64px;line-height:1;}
.banner.up .banner-arrow{color:var(--green);}
.banner.down .banner-arrow{color:var(--red);}
.banner-text{font-size:30px;font-weight:900;letter-spacing:1px;margin-top:4px;}
.banner.up .banner-text{color:var(--green);}
.banner.down .banner-text{color:var(--red);}
.banner-sub{color:var(--dim);font-size:12px;margin-top:6px;}
.banner.flash{animation:flash .8s ease 2;}
@keyframes flash{0%,100%{filter:brightness(1);}50%{filter:brightness(1.8);}}

.signal{text-align:center;font-size:20px;font-weight:900;padding:12px;border-radius:14px;margin-bottom:12px;
  background:var(--card);border:1px solid var(--line);letter-spacing:1px;}
.signal.tap-up{color:var(--green);border-color:var(--green);animation:flash .8s ease 2;}
.signal.tap-down{color:var(--red);border-color:var(--red);animation:flash .8s ease 2;}
.signal.pass{color:var(--dim);font-size:15px;font-weight:600;}

.pos{border-color:var(--amber);}
.pill{font-size:10px;background:var(--amber);color:#231600;border-radius:8px;padding:2px 8px;font-weight:800;}
.live-read{margin-top:8px;font-size:12px;color:var(--dim);}
.pos.up{border-color:var(--green);} .pos.down{border-color:var(--red);}

.stake-row{display:flex;gap:8px;margin-bottom:10px;align-items:center;}
.stake-pill{flex:1;padding:10px 0;border-radius:12px;border:1px solid var(--line);background:var(--card);
  color:var(--txt);font-weight:800;font-size:15px;cursor:pointer;}
.stake-pill.active{background:linear-gradient(135deg,#14532d,#166534);border-color:var(--green);}
#stake-custom{flex:1.4;padding:10px;border-radius:12px;border:1px solid var(--line);background:#0d1326;
  color:var(--txt);font-size:15px;font-weight:700;min-width:0;}
.arm-row{display:flex;justify-content:space-between;align-items:center;}
.stake-read{font-size:14px;color:var(--dim);}
.stake-read b{color:var(--txt);font-size:18px;}
.arm-btn{padding:14px 34px;border:none;border-radius:14px;font-size:18px;font-weight:900;letter-spacing:2px;
  background:linear-gradient(135deg,var(--green),#16a34a);color:#04120a;cursor:pointer;}
.arm-btn:disabled{filter:grayscale(1);opacity:.45;cursor:default;}

.calc-grid label{display:block;font-size:13px;color:var(--dim);margin-bottom:10px;font-weight:700;}
.calc-grid input[type=range]{width:100%;accent-color:var(--violet);margin-top:4px;}
.calc-out{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px;}
.calc-cell{background:#0d1326;border:1px solid var(--line);border-radius:10px;padding:8px;font-size:13px;}
.calc-cell b{display:block;font-size:17px;margin-top:2px;}
.calc-cell.win b{color:var(--green);} .calc-cell.lose b{color:var(--red);}
.calc-cell.be b{color:var(--amber);} .calc-cell.ct b{color:var(--blue);}

.market-body{font-size:13px;line-height:1.9;color:var(--dim);}
.market-body b{color:var(--txt);font-variant-numeric:tabular-nums;}
.projection{margin-top:8px;font-size:13px;color:var(--amber);font-weight:700;}

.alerts{border-color:#3b2f6b;}
#alerts-list{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto;}
.alert-empty{color:var(--dim);font-size:13px;}
.alert{border-radius:10px;padding:8px 10px;font-size:13px;font-weight:600;border-left:4px solid var(--dim);
  background:#0d1326;animation:flash .8s ease 1;}
.alert.up{border-left-color:var(--green);} .alert.down{border-left-color:var(--red);}
.alert.exit{border-left-color:var(--amber);background:#241a08;}
.alert .t{color:var(--dim);font-weight:400;font-size:11px;display:block;}
.alert.info{opacity:.75;}

.stale{background:#3a1414;border:1px solid var(--red);color:#ffd7d7;border-radius:12px;
  padding:8px;text-align:center;font-size:13px;font-weight:700;margin-bottom:10px;}

.res-head{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.res-stat{background:#0d1326;border:1px solid var(--line);border-radius:10px;padding:10px;font-size:12px;color:var(--dim);}
.res-stat b{display:block;font-size:20px;color:var(--txt);margin-top:2px;font-variant-numeric:tabular-nums;}
.res-stat b.pos{color:var(--green);} .res-stat b.neg{color:var(--red);}
#equity{width:100%;display:block;background:#0d1326;border:1px solid var(--line);border-radius:10px;}
table.mini{width:100%;border-collapse:collapse;font-size:12px;}
table.mini th{color:var(--dim);text-align:left;padding:6px 4px;font-weight:700;border-bottom:1px solid var(--line);}
table.mini td{padding:6px 4px;border-bottom:1px solid #1c2547;font-variant-numeric:tabular-nums;}
table.mini td.g{color:var(--green);font-weight:700;} table.mini td.r{color:var(--red);font-weight:700;}
.trade-row{display:flex;justify-content:space-between;font-size:12px;padding:6px 2px;border-bottom:1px solid #1c2547;}
.trade-row .w{color:var(--green);font-weight:800;} .trade-row .l{color:var(--red);font-weight:800;}

.rule{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;
  padding:9px 0;border-bottom:1px solid #1c2547;}
.rule input[type=number]{width:90px;padding:8px;border-radius:10px;border:1px solid var(--line);
  background:#0d1326;color:var(--txt);font-size:15px;}
.rule input[type=checkbox]{width:22px;height:22px;accent-color:var(--green);}
.evidence p{font-size:13px;line-height:1.55;color:#c9d2f5;}
.danger{margin-top:10px;background:#3a1414;color:#ffb4b4;border:1px solid var(--red);
  border-radius:12px;padding:10px 16px;font-weight:800;cursor:pointer;}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(24px + env(safe-area-inset-bottom));
  background:#1c2547;border:1px solid var(--violet);color:var(--txt);padding:12px 18px;border-radius:14px;
  font-weight:700;font-size:14px;z-index:50;box-shadow:0 8px 24px rgba(0,0,0,.5);max-width:92vw;text-align:center;}