:root{
    --bg:#f6f5f2; --panel:#fff; --ink:#1d1d1b; --muted:#6b6a65; --line:#e3e1db;
    --accent:#2f5d8a; --accent-soft:#e7eef6;
    --red:#b3261e; --red-soft:#fbebeb; --amber:#8a5a00; --amber-soft:#f9eeda; --green:#1e6b34; --green-soft:#e5f4e4;
  }
  :root[data-theme="dark"]{ --bg:#0a0a0a; --panel:#141414; --ink:#e8e8e6; --muted:#8f8f8a; --line:#262626;
      --accent:#8db4dc; --accent-soft:#1c2733; --red:#f08b84; --red-soft:#341d1c;
      --amber:#e8b860; --amber-soft:#332a17; --green:#7fcf91; --green-soft:#182c1e; color-scheme:dark; }
  *{box-sizing:border-box}
  body{margin:0;background:var(--bg);color:var(--ink);font:14.5px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
  header{background:var(--panel);border-bottom:1px solid var(--line);padding:10px 18px;display:flex;gap:18px;align-items:center;flex-wrap:wrap;position:sticky;top:0;z-index:10}
  header h1{font-size:15px;margin:0;font-weight:700}
  nav{display:flex;gap:4px}
  nav a{padding:5px 11px;border-radius:6px;color:var(--muted);text-decoration:none;font-weight:600}
  nav a.on{background:var(--accent-soft);color:var(--accent)}
  .clock{margin-left:auto;font-size:13px;color:var(--muted);text-align:right}
  .clock b{color:var(--ink)}
  main{padding:16px 18px;max-width:1600px;margin:0 auto}
  section.view{display:none} section.view.on{display:block}
  h2{font-size:12.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:18px 0 10px;font-weight:700;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
  h2 .spacer{flex:1}
  .market{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
  .tiles{display:grid;grid-template-columns:1.1fr repeat(5,1fr);gap:10px;margin-bottom:10px}
  @media (max-width:1300px){.tiles{grid-template-columns:repeat(3,1fr)}}
  @media (max-width:640px){.tiles{grid-template-columns:repeat(2,1fr)}}
  .tile{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 13px;min-height:96px}
  .tile .l{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:6px}
  .tile .v{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.25;margin-top:2px}
  .tile .s{font-size:12.5px;margin-top:3px;font-variant-numeric:tabular-nums}
  .tile.g{border-color:var(--green)} .tile.a{border-color:var(--amber)} .tile.rd{border-color:var(--red)}
  .tile.regime .v{font-size:22px}
  .tile.regime.g .v{color:var(--green)} .tile.regime.a .v{color:var(--amber)} .tile.regime.rd .v{color:var(--red)}
  @media (max-width:1100px){.market{grid-template-columns:repeat(2,1fr)}}
  @media (max-width:640px){.market{grid-template-columns:1fr}}
  .chartbox{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}
  .chartbox .hd{display:flex;align-items:center;gap:8px;padding:7px 10px;border-bottom:1px solid var(--line);font-size:13px}
  .chartbox .hd b{font-size:14px}
  .chartbox .hd .r{margin-left:auto;display:flex;gap:6px;align-items:center}
  .chartbox .hd.two{flex-direction:column;align-items:stretch;gap:5px}
  .chartbox .hd .hrow{display:flex;align-items:center;gap:8px;min-width:0}
  .chartbox .hd .tags{display:flex;flex-wrap:wrap;gap:5px}
  .chartbox .hd .tags:empty{display:none}
  .nw{white-space:nowrap}
  .chartbox .tv{height:260px}
  .grid .chartbox .tv{height:300px}
  .sectorchart{margin-bottom:10px} .sectorchart .tv{height:420px}
  .ovlbar{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;padding:7px 10px;border-bottom:1px solid var(--line);font-size:12.5px}
  .ovlbar label.ovl{display:flex;gap:4px;align-items:center;cursor:pointer}
  .ovlbar .sep{width:1px;height:14px;background:var(--line)}
  .cmp{display:flex;flex-direction:column;height:100%}
  .cmphd{display:flex;gap:6px 14px;align-items:center;flex-wrap:wrap;padding:6px 10px}
  .cmpchart{flex:1;min-height:0}
  .sectors{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:8px}
  .sec{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:9px 11px;cursor:pointer;user-select:none;position:relative}
  .sec.on{outline:2px solid var(--accent);outline-offset:-1px}
  .sec .t{display:flex;justify-content:space-between;align-items:baseline;gap:6px}
  .sec .n{font-weight:650}
  .sec .k{font-size:12px;color:var(--muted)}
  .sec .rank{position:absolute;top:8px;right:10px;font-size:11px;color:var(--muted)}
  .sec .nums{display:flex;gap:10px;margin-top:5px;font-size:12.5px;font-variant-numeric:tabular-nums}
  .sec .nums span{white-space:nowrap}
  .sec .bar{height:4px;border-radius:2px;background:var(--line);margin-top:7px;overflow:hidden}
  .sec .bar i{display:block;height:100%}
  .pos{color:var(--green)} .neg{color:var(--red)}
  .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
  @media (min-width:1700px){.grid{grid-template-columns:repeat(4,1fr)}}
  @media (max-width:1200px){.grid{grid-template-columns:repeat(2,1fr)}}
  @media (max-width:700px){.grid{grid-template-columns:1fr}}
  .chip{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11.5px;font-weight:650;white-space:nowrap}
  .chip.red{background:var(--red-soft);color:var(--red)} .chip.amber{background:var(--amber-soft);color:var(--amber)}
  .chip.green{background:var(--green-soft);color:var(--green)} .chip.grey{border:1px solid var(--line);color:var(--muted)}
  a.lk{font-size:12px;color:var(--accent);text-decoration:none;border:1px solid var(--line);padding:2px 7px;border-radius:5px}
  .toolbar{display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--muted);text-transform:none;letter-spacing:0;font-weight:500}
  .toolbar label{display:flex;gap:5px;align-items:center;cursor:pointer}
  button{font:inherit;font-weight:600;padding:5px 11px;border-radius:6px;border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;font-size:13px}
  button.primary{background:var(--accent);border-color:var(--accent);color:#fff}
  :root[data-theme="dark"] button.primary{color:#0a0a0a}
  .note{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:10px 14px;font-size:13.5px;color:var(--muted)}
  .note.amber{background:var(--amber-soft);color:var(--amber);border-color:transparent}
  .card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px 18px;margin-bottom:14px;max-width:720px}
  .card label{display:block;font-size:13px;color:var(--muted);margin:10px 0 3px}
  .card input,.card select{width:100%;padding:7px 9px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink);font:inherit}
  .row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .sectionhd{display:flex;align-items:center;gap:10px;margin:16px 0 8px}
  .sectionhd b{font-size:15px}
  .muted{color:var(--muted)} .small{font-size:12.5px}
  .seg{display:inline-flex;border:1px solid var(--line);border-radius:6px;overflow:hidden}
  .seg button{border:0;border-radius:0;padding:4px 10px;background:var(--panel);color:var(--muted)}
  .seg button.on{background:var(--accent-soft);color:var(--accent)}
  .toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:8px 14px;border-radius:8px;font-size:14px;opacity:0;transition:opacity .2s;pointer-events:none;z-index:20}
  .toast.on{opacity:1}

  /* shared additions (Nov 2026 split) */
  header .regbar{flex-basis:100%;display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px;padding-top:2px}
  header .regbar:empty{display:none}
  .spark{display:block}
  .note.red{background:var(--red-soft);color:var(--red);border-color:transparent}
  .chip.blue{background:var(--accent-soft);color:var(--accent)}
  a{color:var(--accent)}
  @media (max-width:640px){ header{padding:8px 12px;gap:8px 12px} header h1{display:none} nav a{padding:5px 8px} .clock{margin-left:0;font-size:12px} main{padding:12px} }