/* Count checker widget; relies on the tokens in /lp/content.css. */
#td-counter{margin:24px 0 32px;padding:20px;background:var(--paper);border:1px solid var(--line-2);border-radius:14px;color-scheme:dark}
.tdc-fallback{margin:0;color:var(--ink-2)}
.tdc-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.tdc-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.tdc-wide{grid-column:1/-1}
.tdc-field label{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.tdc-field select,.tdc-field input{width:100%;min-height:44px;padding:0 12px;font:inherit;font-size:16px;color:var(--ink);background:var(--paper-2);border:1px solid var(--line-2);border-radius:10px}
.tdc-field select:focus-visible,.tdc-field input:focus-visible,#td-counter .btn:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}
.tdc-form .btn{grid-column:1/-1;cursor:pointer;border:0;font:inherit;font-weight:600}
.tdc-form .btn:disabled{opacity:.6;cursor:progress}
.tdc-out{margin-top:20px;min-height:24px}
.tdc-hint,.tdc-note,.tdc-asof{color:var(--ink-3);font-size:14px}
.tdc-err{color:#ffb4a8;border-left:3px solid #ff7a6b;padding:8px 12px;background:rgba(255,122,107,.08);border-radius:0 8px 8px 0}
.tdc-headline{font-family:var(--serif);font-size:21px;line-height:1.35;color:var(--ink);margin-bottom:6px}
.tdc-sides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
.tdc-side{padding:14px 16px;background:var(--paper-2);border:1px solid var(--line);border-radius:12px;border-top:3px solid var(--tdc-c)}
.tdc-side.tdc-buy{--tdc-c:#5fd0a2}.tdc-side.tdc-sell{--tdc-c:#ff8a8a}
.tdc-side h3{margin:0 0 8px;color:var(--tdc-c)}
#td-counter dl{margin:0}
#td-counter dt{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-top:8px}
#td-counter dd{margin:2px 0 0;color:var(--ink);overflow-wrap:anywhere}
.tdc-levels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
.tdc-levels dt{grid-row:1}.tdc-levels dd{grid-row:2}
.tdc-fig{margin:20px 0 0}
.tdc-chart{position:relative;background:#0F172A;border:1px solid var(--line);border-radius:12px;overflow:hidden;touch-action:pan-y;min-height:300px}
#td-counter svg.tdc-chart-svg{display:block;width:100%;height:auto;max-width:100%;border:0;border-radius:0}
.tdc-chart-svg .tdc-ax{font:10.5px var(--mono)}.tdc-chart-svg .tdc-ax-last{font-weight:600}
.tdc-chart-svg .tdc-mk{font:11px var(--sans,system-ui,sans-serif)}
.tdc-lg{position:absolute;left:10px;top:8px;display:flex;flex-direction:column;gap:2px;font:11.5px/1.4 var(--mono);color:#E2E8F0;pointer-events:none}
.tdc-lg-sym{font-weight:600}.tdc-lg-sym span{font-weight:400;color:#64748B;margin-left:6px}
.tdc-lg-ohlc i{font-style:normal;color:#64748B}.tdc-lg-td{display:flex;flex-wrap:wrap;gap:0 10px;color:#64748B}
.tdc-keys{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:10px;font-size:13px;color:var(--ink-3)}
.tdc-keys span{display:inline-flex;align-items:center;gap:6px}
#td-counter .tdc-keys svg{flex:none;width:14px;height:14px;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:none}
.tdc-fig figcaption{margin-top:8px;font-size:13px;color:var(--ink-3)}
.tdc-cta .btn{margin-right:8px}
@media (max-width:520px){
  #td-counter{padding:14px}
  .tdc-form,.tdc-sides,.tdc-levels{grid-template-columns:1fr}
  .tdc-levels dt{grid-row:auto}.tdc-levels dd{grid-row:auto}
  .tdc-headline{font-size:19px}
  .tdc-chart-svg .tdc-ax{font-size:9.5px}.tdc-chart-svg .tdc-mk{font-size:9.5px}.tdc-lg{font-size:10.5px}
}