:root { --bd:rgba(255,255,255,0.09); --panel:rgba(255,255,255,0.026);
          --up:#3ddc97; --down:#f0655a; --mono:'DM Mono','SF Mono',ui-monospace,Menlo,monospace; }
  body { background:var(--bg); color:var(--text); font-family:var(--font-body); }
  .wrap { max-width:960px; margin:0 auto; padding:6.5rem 1.1rem 3rem; }
  .up{color:var(--up)} .down{color:var(--down)}
  .find { display:flex; gap:0.5rem; flex-wrap:wrap; margin-bottom:1.4rem; }
  .find input { flex:1 1 240px; min-width:0; padding:0.72rem 0.9rem; background:rgba(0,0,0,0.3);
    border:1px solid var(--bd); border-radius:11px; color:var(--text); font-family:var(--font-body); font-size:0.95rem; }
  .find button { padding:0.72rem 1.3rem; border:0; border-radius:11px; cursor:pointer; font-family:var(--font-body);
    font-size:0.92rem; font-weight:600; background:var(--orange); color:#1a1206; }
  .quick { display:flex; gap:0.35rem; flex-wrap:wrap; margin:-0.7rem 0 1.4rem; }
  .quick button { display:inline-flex; min-width:44px; min-height:44px; align-items:center; justify-content:center; font-family:var(--mono); font-size:0.74rem; padding:0.45rem 0.6rem; border-radius:7px;
    border:1px solid var(--bd); background:rgba(255,255,255,0.03); color:var(--text-muted); cursor:pointer; }
  .quick button:hover { color:var(--gold-light); border-color:rgba(224,179,65,0.4); }
  .hd { display:flex; align-items:flex-start; gap:0.9rem; flex-wrap:wrap; }
  .hd h1 { font-family:var(--mono); font-size:2.1rem; margin:0; letter-spacing:0.04em; }
  .hd .nm { font-size:0.95rem; color:var(--text-muted); margin-top:0.2rem; }
  .hd .px { margin-left:auto; text-align:right; }
  .hd .px b { display:block; font-size:1.9rem; font-variant-numeric:tabular-nums; }
  .hd .px span { font-size:0.95rem; font-weight:600; }
  .stamp { font-size:0.75rem; color:var(--text-muted); margin:0.5rem 0 0; line-height:1.7; }
  .cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(215px,1fr)); gap:0.7rem; margin-top:1.5rem; }
  .c { border:1px solid var(--bd); border-radius:14px; background:var(--panel); padding:0.9rem 1rem; }
  .c h3 { margin:0 0 0.5rem; font-size:0.78rem; font-weight:600; color:var(--text-muted); }
  .c .big { font-size:1.35rem; font-weight:700; font-variant-numeric:tabular-nums; }
  .c p { margin:0.35rem 0 0; font-size:0.78rem; color:var(--text-muted); line-height:1.7; }
  .c p b { color:var(--text); }
  .c.wide { grid-column:1/-1; }
  .r52 { display:block; height:8px; border-radius:4px; margin:0.55rem 0 0.35rem; position:relative;
    background:linear-gradient(90deg,rgba(61,220,151,0.6),rgba(148,163,184,0.3),rgba(240,101,90,0.6)); }
  .r52 i { position:absolute; top:-4px; width:2px; height:16px; background:var(--text); border-radius:1px; transform:translateX(-1px); }
  .r52w { display:flex; justify-content:space-between; font-size:0.73rem; color:var(--text-muted); }
  .lk { display:flex; flex-wrap:wrap; gap:0.4rem; margin-top:1.3rem; }
  .lk a { font-size:0.79rem; padding:0.45rem 0.8rem; border:1px solid var(--bd); border-radius:10px;
    color:var(--text-muted); text-decoration:none; }
  .lk a:hover { color:var(--gold-light); border-color:rgba(224,179,65,0.4); }
  .msg { padding:1.1rem; border:1px solid var(--bd); border-radius:14px; background:var(--panel);
    color:var(--text-muted); font-size:0.9rem; line-height:1.8; }
  .msg b { color:var(--text); }
  .disc { font-size:0.76rem; color:var(--text-muted); line-height:1.8; margin-top:2rem;
    border-top:1px solid var(--border); padding-top:1.1rem; }
  .disc b { color:var(--text); }
  .chartbox { height:250px; margin-top:0.6rem; }
  .rng { display:flex; gap:0.25rem; flex-wrap:wrap; }
  .rng button { font-size:0.74rem; padding:0.22rem 0.6rem; border-radius:7px; border:1px solid var(--bd);
    background:transparent; color:var(--text-muted); cursor:pointer; }
  .rng button.on { background:rgba(224,179,65,0.16); color:var(--gold-light); border-color:rgba(224,179,65,0.35); }
  .divr { display:flex; justify-content:space-between; gap:0.7rem; font-size:0.8rem; padding:0.28rem 0;
    border-bottom:1px solid rgba(255,255,255,0.05); }
  .divr:last-child { border-bottom:0; }
  .divr span:last-child { font-variant-numeric:tabular-nums; }
  @media (max-width:600px){ .hd .px{margin-left:0;text-align:left} .hd h1{font-size:1.7rem} .wrap{padding-top:5.6rem} }