*{box-sizing:border-box}body{margin:0;background:#0f1419;color:#e6edf3;font:15px/1.4 -apple-system,system-ui,Segoe UI,Roboto,sans-serif;padding-bottom:env(safe-area-inset-bottom)}
header{padding:14px 16px 6px}.brand{font-weight:700;font-size:1.1rem}.badge{background:#d29922;color:#000;border-radius:6px;padding:1px 7px;font-size:.75rem;margin-left:6px}
nav{display:flex;gap:6px;padding:6px 16px;position:sticky;top:0;background:#0f1419;z-index:2}.tab{flex:1;background:#161b22;color:#9aa7b3;border:1px solid #30363d;border-radius:10px;padding:9px;font-size:.95rem}.tab.active{color:#fff;border-color:#58a6ff;background:#1c2a3a}
main{padding:8px 12px;max-width:720px;margin:0 auto}.card{background:#161b22;border:1px solid #262d36;border-radius:14px;padding:14px;margin-bottom:12px}
h2{font-size:.95rem;margin:0 0 10px;color:#c9d1d9}.big{font-size:2.3rem;font-weight:700;letter-spacing:-.5px}.muted{color:#8b949e}.small{font-size:.82rem}.center{text-align:center}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0}.grid div{display:flex;flex-direction:column}.grid b{font-size:1.05rem}
.pos{color:#3fb950}.neg{color:#f85149}svg{width:100%;height:180px;display:block}
.tr{border-top:1px solid #262d36;padding:10px 0}.tr:first-child{border-top:0}.row{display:flex;justify-content:space-between;gap:8px}.pill{font-size:.72rem;border-radius:5px;padding:1px 6px;background:#30363d}.long{background:#12361f;color:#3fb950}.short{background:#3d1517;color:#f85149}
.tr.win{border-left:3px solid #3fb950;padding-left:8px}.tr.loss{border-left:3px solid #f85149;padding-left:8px}a{color:#58a6ff}
.login-wrap{max-width:420px;margin:80px auto;padding:20px;text-align:center}

.updrow{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}.refresh-btn{background:#e50914;color:#fff;border:0;border-radius:6px;padding:6px 12px;font-weight:600;cursor:pointer}.refresh-btn:disabled{opacity:.45;cursor:default}.spin{display:inline-block;width:10px;height:10px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:sp 1s linear infinite;margin-right:6px;vertical-align:-1px}@keyframes sp{to{transform:rotate(360deg)}}

main{max-width:960px}.duo{display:grid;grid-template-columns:1fr 1fr;gap:12px}.duo .card{margin-bottom:12px;min-width:0}@media(max-width:640px){.duo{grid-template-columns:1fr;gap:0}}.duo svg{height:160px}.strat.original{background:#1c2a3a;color:#58a6ff}.strat.scalp{background:#3a2a10;color:#d29922}
.stabs{display:flex;gap:6px;margin-bottom:12px}.stab{flex:1;background:#161b22;color:#9aa7b3;border:1px solid #30363d;border-radius:10px;padding:8px;font-size:.88rem}.stab.active{color:#fff;border-color:#58a6ff;background:#1c2a3a}.stab span{font-size:.75rem;color:#8b949e}

.strat.pattern{background:#2a1c3a;color:#bc8cff}.duo{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}