/* Tornado Cash investigation — "Tornado Cash is coming back?". Generated by scripts/extract-tornado-css.js from the design handoff. Scoped under .tornado-cash. Dark-only: the prototype's light palette and theme toggle are not ported, since flipping data-theme on would have recoloured the article while the site's nav and footer stayed dark. */ .tornado-cash{ --bq-pink:#f93f9c;--bq-magenta:#af3e76;--bq-teal:#00d8dd;--bq-cta:#93254b;--bq-cta-hover:#af3e76;--bq-blue:#0029ff; --font:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif; --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace; --bg:#06090d;--surface:#0c121c;--surface-2:#111c32;--ink:#ffffff;--ink-2:#aab0bc;--muted:#7e8696; --line:rgba(255,255,255,.12);--line-2:rgba(255,255,255,.06); --accent:#00d8dd;--accent-2:#f93f9c;--accent-3:#5b7bff; --era-1:rgba(255,255,255,.035);--era-2:rgba(249,63,156,.12);--era-3:rgba(0,216,221,.10); --bar:#8fa2b5;--bar-hi:#f93f9c;--area:rgba(0,216,221,.20);--rule:#f93f9c; --r1:#00d8dd;--r2:#00979c;--r3:#0a6265;--r4:#123c42;--on-r1:#06090d; --shadow:0 1px 2px rgba(0,0,0,.5),0 8px 30px rgba(0,0,0,.35); } .tornado-cash{ background:var(--bg); color:var(--ink); font-family:var(--font); font-weight:400; font-size:19px; line-height:1.62; font-variant-numeric:tabular-nums; text-rendering:optimizeLegibility; overflow-x:hidden; } .tornado-cash *{box-sizing:border-box} /* tooltip layer — the charts are the only place the exact per-period values live, so every bar, point and cell exposes them on hover */ .tornado-cash .tc-tip{position:fixed;z-index:60;pointer-events:none;opacity:0;transition:opacity .1s; background:var(--surface-2);color:var(--ink);border:1px solid var(--line);border-radius:6px; padding:8px 10px;font-family:var(--mono);font-size:12px;line-height:1.5;white-space:pre; transform:translate(-50%,-118%);box-shadow:var(--shadow);max-width:280px} .tornado-cash .tc-tip.on{opacity:1} .tornado-cash [data-tip]{cursor:crosshair} /* reading-progress bar, shared shell convention */ .tornado-cash .inv-progress-track{position:fixed;top:0;left:0;right:0;height:2px;background:transparent;z-index:50} .tornado-cash .inv-progress-fill{height:100%;width:0;background:linear-gradient(90deg,#f93f9c,#af3e76 46%,#00d8dd)} .tornado-cash a{color:var(--accent);text-decoration:none;border-bottom:1px solid var(--line)} .tornado-cash a:hover{color:var(--accent-2);border-bottom-color:currentColor} .tornado-cash .tc-num,.tornado-cash .tc-mono{font-family:var(--mono);font-variant-numeric:tabular-nums} .tornado-cash strong{font-weight:500;color:var(--ink)} .tornado-cash article{display:grid;grid-template-columns:[full-s] minmax(20px,1fr) [col-s] minmax(0,66ch) [col-e] minmax(20px,1fr) [full-e];padding-bottom:100px} .tornado-cash article>*{grid-column:col-s/col-e} .tornado-cash .tc-wide{grid-column:full-s/full-e;justify-self:center;width:min(1120px,100%);padding:0 20px} .tornado-cash p{margin:0 0 1.15em;text-wrap:pretty;color:var(--ink-2)} .tornado-cash p.tc-lede,.tornado-cash p:first-of-type{color:var(--ink)} .tornado-cash h1,.tornado-cash h2,.tornado-cash h3,.tornado-cash h4{font-weight:500;color:var(--ink);margin:0} .tornado-cash h2{font-size:34px;line-height:1.16;letter-spacing:-.8px;margin:64px 0 6px} .tornado-cash h3{font-size:21px;line-height:1.24;letter-spacing:-.1px;margin:38px 0 8px} .tornado-cash .tc-sec-num{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:64px 0 -2px;display:block} .tornado-cash .tc-sec-num+h2{margin-top:0} .tornado-cash header.tc-hero{padding:76px 0 34px} .tornado-cash .tc-kicker{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-2);margin-bottom:22px} .tornado-cash h1{font-size:clamp(40px,6.4vw,68px);line-height:1.02;letter-spacing:-2px;margin-bottom:20px} .tornado-cash .tc-deck{font-size:22px;line-height:1.45;color:var(--ink-2);margin-bottom:26px;text-wrap:pretty} .tornado-cash .tc-byline{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:14px;display:flex;flex-wrap:wrap;gap:6px 20px;font-family:var(--mono)} .tornado-cash figure{margin:44px 0} .tornado-cash figcaption{font-size:14.5px;line-height:1.5;color:var(--muted);margin-top:12px;max-width:78ch} .tornado-cash figcaption b{color:var(--ink-2);font-weight:500} .tornado-cash .tc-fig-h{display:flex;align-items:baseline;gap:12px;margin-bottom:14px;flex-wrap:wrap} .tornado-cash .tc-fig-n{font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);white-space:nowrap} .tornado-cash .tc-fig-t{font-size:18px;font-weight:500;letter-spacing:-.2px} .tornado-cash .tc-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px} .tornado-cash .tc-scroller{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch} .tornado-cash .tc-scroller>svg{display:block} .tornado-cash svg text{font-family:var(--mono);fill:var(--muted)} .tornado-cash .axis-line{stroke:var(--line);stroke-width:1} .tornado-cash .grid-line{stroke:var(--line-2);stroke-width:1} .tornado-cash .bar{fill:var(--bar)} .tornado-cash .bar.hi{fill:var(--bar-hi)} .tornado-cash .bar:hover{opacity:.72} .tornado-cash .evt{stroke:var(--rule);stroke-width:1.5;stroke-dasharray:4 4} .tornado-cash .evt-label{fill:var(--rule);font-size:11px} .tornado-cash .lbl{font-size:11px} .tornado-cash .dlabel{fill:var(--ink);font-size:12px} .tornado-cash blockquote{margin:52px 0;padding:0 0 0 22px;border-left:2px solid var(--accent-2);font-size:26px;line-height:1.3;letter-spacing:-.5px;color:var(--ink);font-weight:500;text-wrap:balance} .tornado-cash blockquote cite{display:block;font-size:13px;font-family:var(--mono);font-style:normal;letter-spacing:.04em;color:var(--muted);margin-top:12px;font-weight:400} .tornado-cash .tc-tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:var(--surface);margin:32px 0} .tornado-cash table{border-collapse:collapse;width:100%;font-size:15px} .tornado-cash th,.tornado-cash td{padding:11px 16px;text-align:right;white-space:nowrap;border-bottom:1px solid var(--line-2)} .tornado-cash th:first-child,.tornado-cash td:first-child{text-align:left} .tornado-cash thead th{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:400;border-bottom:1px solid var(--line)} .tornado-cash tbody td{font-family:var(--mono);color:var(--ink-2)} .tornado-cash tbody td:first-child{font-family:var(--font);color:var(--ink)} .tornado-cash tbody tr:last-child td{border-bottom:0} .tornado-cash td.good{color:var(--accent)} .tornado-cash td.bad{color:var(--accent-2)} .tornado-cash .tc-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin:36px 0} .tornado-cash .tc-stat{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 20px} .tornado-cash .tc-stat .tag{display:inline-block;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-style:normal;padding:3px 7px;border-radius:4px;margin-bottom:12px;border:1px solid} .tornado-cash .tc-stat.up .tag{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)} .tornado-cash .tc-stat.down .tag{color:var(--accent-2);border-color:var(--accent-2);background:color-mix(in srgb,var(--accent-2) 14%,transparent)} .tornado-cash .tc-stat.up b{color:var(--accent)} .tornado-cash .tc-stat.down b{color:var(--accent-2)} .tornado-cash .tc-stat b{display:block;font-family:var(--mono);font-size:30px;line-height:1.1;font-weight:500;color:var(--ink);letter-spacing:-1px} .tornado-cash .tc-stat span{display:block;font-size:13px;color:var(--muted);margin-top:8px;line-height:1.35} .tornado-cash .tc-method{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:28px 30px;margin:64px 0 0} .tornado-cash .tc-method h3{margin-top:0} .tornado-cash .tc-method ul{margin:14px 0 0;padding-left:18px} .tornado-cash .tc-method li{color:var(--ink-2);font-size:16px;margin-bottom:10px;line-height:1.55} .tornado-cash .tc-method .tc-mono{font-size:13px} .tornado-cash .tc-foot{margin-top:44px;border-top:1px solid var(--line);padding-top:18px;font-size:13px;color:var(--muted);font-family:var(--mono);line-height:1.6} .tornado-cash .tc-key{display:flex;gap:18px;flex-wrap:wrap;font-family:var(--mono);font-size:12px;color:var(--muted);margin-top:12px} .tornado-cash .tc-key i{display:inline-block;width:11px;height:11px;border-radius:2px;margin-right:6px;vertical-align:-1px} @media (max-width:720px){ .tornado-cash h2{font-size:27px} .tornado-cash .tc-deck{font-size:19px} .tornado-cash blockquote{font-size:21px} .tornado-cash article{grid-template-columns:[full-s] 16px [col-s] minmax(0,1fr) [col-e] 16px [full-e]} .tornado-cash .tc-wide{padding:0 16px} } @media (prefers-reduced-motion:reduce){ .tornado-cash *{transition:none!important;animation:none!important} }