*{box-sizing:border-box}body{margin:0;background:#080a0f;color:#f5f7fb;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif}.app{min-height:100vh;padding:10px}.topbar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 12px;background:#111723;border:1px solid #202a3a;border-radius:14px;margin-bottom:10px}.topbar h1{font-size:18px;margin:0 0 2px}.topbar p{margin:0;color:#aab4c3;font-size:12px}.connection{padding:8px 12px;border-radius:999px;font-weight:800;font-size:12px;letter-spacing:.08em}.connection.live{background:#18c96426;color:#4ade80;border:1px solid rgba(74,222,128,.4)}.connection.waiting{background:#facc1524;color:#facc15;border:1px solid rgba(250,204,21,.35)}.connection.offline{background:#f8717124;color:#f87171;border:1px solid rgba(248,113,113,.35)}.errorBanner{background:#f871711f;color:#fecaca;border:1px solid rgba(248,113,113,.3);padding:8px 10px;border-radius:12px;margin-bottom:10px}.controlPanel{background:#111723;border:1px solid #202a3a;border-radius:14px;padding:10px;margin-bottom:10px}.tradeInputs{display:grid;grid-template-columns:90px 1fr 80px;gap:8px;margin-bottom:8px}select,input,button{border:1px solid #2a3548;background:#0c111b;color:#f5f7fb;border-radius:10px;padding:9px 10px;font-size:13px}button{cursor:pointer;font-weight:700}button:hover{background:#172033}button:disabled{opacity:.45;cursor:wait}.buttonGrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.grid{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:10px;align-items:start}.card{background:#111723;border:1px solid #202a3a;border-radius:16px;padding:10px}.signalCard{grid-column:span 2}.deltaCard{border-color:#4ade8040}.cardHeader{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.card h3{margin:0;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#cbd5e1}.row{display:flex;justify-content:space-between;gap:12px;padding:7px 8px;border-bottom:1px solid rgba(148,163,184,.08);font-size:13px}.row span{color:#94a3b8}.row strong{text-align:right;overflow-wrap:anywhere}.signalTop{display:grid;grid-template-columns:1fr 1fr 90px;gap:8px;margin-bottom:8px}.bigBadge{padding:10px;border-radius:14px;text-align:center;font-weight:900;text-transform:uppercase}.confidence{padding:8px;border-radius:14px;background:#0c111b;border:1px solid #2a3548;display:flex;flex-direction:column;align-items:center}.confidence span{font-size:10px;color:#94a3b8}.confidence strong{font-size:18px}.badge{padding:5px 8px;border-radius:999px;font-weight:900;font-size:11px}.green{background:#22c55e24;color:#4ade80;border:1px solid rgba(74,222,128,.35)}.red{background:#ef444424;color:#f87171;border:1px solid rgba(248,113,113,.35)}.yellow{background:#eab30824;color:#facc15;border:1px solid rgba(250,204,21,.35)}.gray{background:#94a3b81f;color:#cbd5e1;border:1px solid rgba(148,163,184,.25)}.purple{background:#a855f726;color:#c084fc;border:1px solid rgba(192,132,252,.35)}.pillList,.eventTape,.reasons,.warnings{margin-top:8px;display:grid;gap:6px}.pill,.eventPill,.warnings div{padding:6px 8px;border-radius:10px;font-size:12px}.eventPill{display:grid;gap:2px;background:#0c111b;border:1px solid #2a3548}.eventPill strong{font-size:11px}.eventPill span{color:#cbd5e1;font-size:12px}.warnings div{background:#eab3081f;border:1px solid rgba(250,204,21,.3);color:#fde68a}.reasons{color:#cbd5e1;font-size:12px}.loading{color:#facc15;font-weight:700}.muted{color:#64748b;font-size:13px}footer{margin-top:10px;display:flex;justify-content:flex-end}.debugBtn{font-size:12px;padding:7px 10px}.debugJson{margin-top:10px;padding:12px;background:#020617;border:1px solid #1e293b;border-radius:12px;color:#cbd5e1;overflow:auto;max-height:420px;font-size:11px}@media(max-width:1100px){.grid{grid-template-columns:1fr 1fr}.signalCard{grid-column:span 2}.buttonGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:760px){.grid,.buttonGrid,.tradeInputs{grid-template-columns:1fr}.signalCard{grid-column:span 1}.topbar{align-items:flex-start;flex-direction:column}}.conditionBlock{margin-top:8px;display:grid;gap:6px;padding:8px;border-radius:10px;background:#3b82f614;border:1px solid rgba(96,165,250,.25);color:#bfdbfe;font-size:12px}.conditionBlock strong{color:#dbeafe}.headerRow{display:flex;justify-content:space-between;align-items:center}.liveBadge{background:#00c853;color:#000;padding:6px 12px;border-radius:8px;font-weight:700;font-size:12px}.cardHeader{display:flex;justify-content:space-between;cursor:pointer}.cardHeaderRight{display:flex;align-items:center;gap:10px}.toggle{font-size:18px;opacity:.7}.blockGreen{background:#00c87814;border:1px solid rgba(0,200,120,.25)}.blockRed{background:#ff505014;border:1px solid rgba(255,80,80,.25)}.blockGray{background:#96969614;border:1px solid rgba(150,150,150,.25)}.topbarText{width:100%}.titleRow{display:flex;align-items:center;justify-content:space-between;gap:12px}.reasons{margin-top:8px;display:grid;gap:6px;padding:10px 12px;border-radius:10px;line-height:1.45;font-size:13px;color:#cbd5e1}.reasons div{padding:2px 0}.headerRestore{text-align:center;padding:6px;font-size:11px;color:#94a3b8;cursor:pointer;margin-bottom:6px;border-radius:8px;border:1px dashed rgb(148 163 184 / .3);background:#94a3b80d}.headerRestore:hover{color:#cbd5e1;border-color:#94a3b880}.card+.grid{margin-top:10px}.collapsedSignal{display:flex;align-items:center;gap:6px}.miniBadge{padding:4px 7px;border-radius:999px;font-size:11px;font-weight:800;text-transform:uppercase}.miniConfidence{padding:4px 7px;border-radius:999px;background:#3b82f61f;border:1px solid rgba(96,165,250,.3);color:#bfdbfe;font-size:11px;font-weight:800}.exitBlock{background:#3b82f614!important;border:1px solid rgba(96,165,250,.28)!important;color:#bfdbfe!important}.collapsedControls{display:flex;align-items:center;gap:6px}.collapsedControls button{padding:4px 8px;font-size:11px;border-radius:999px}.collapsedLevel{padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap;max-width:260px;overflow:hidden;text-overflow:ellipsis}.collapsedEvent{padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap;max-width:430px;overflow:hidden;text-overflow:ellipsis}.collapsedEvent.yellow{background:#eab30824;color:#facc15;border:1px solid rgba(250,204,21,.35)}.collapsedEvent.green{background:#22c55e24;color:#4ade80;border:1px solid rgba(74,222,128,.35)}.collapsedEvent.red{background:#ef444424;color:#f87171;border:1px solid rgba(248,113,113,.35)}.collapsedEvent.purple{background:#a855f726;color:#c084fc;border:1px solid rgba(192,132,252,.35)}.collapsedEvent.gray{background:#94a3b81f;color:#cbd5e1;border:1px solid rgba(148,163,184,.25)}