:root{
  --bg:#070c14;--bg2:#0c1520;--bg3:#111d2e;--bg4:#162236;
  --border:#1c2e45;--border2:#243a56;
  --text:#a8b8cc;--muted:#4a6a8a;--muted2:#6a8aaa;
  --accent:#f0a500;--accent2:#e09000;
  --blue:#3a8fff;--green:#22c55e;--red:#ef4444;--orange:#f97316;
  --radius:12px;--radius-lg:20px;
  --panel-shadow:0 24px 64px #0000002c;
}
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;}
body{background:var(--bg);color:var(--text);font-family:'IBM Plex Sans',sans-serif;min-height:100vh;font-size:15px;
  padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);
  padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);
  -webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;}
body.booting #app{display:none !important;}
input,select,button,textarea{font-family:'IBM Plex Sans',sans-serif;font-size:15px;}

/* CHART TAB */
@media(max-width:700px){.chart-duo{grid-template-columns:1fr !important;}}
.chart-section{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--radius);padding:16px;margin-bottom:12px;}
.chart-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:14px;}
.chart-section-title{font-size:11px;font-weight:700;color:var(--muted);letter-spacing:1px;text-transform:uppercase;}
.chart-section-sub{font-size:11px;color:var(--muted2);font-family:'IBM Plex Mono',monospace;}