/* ========================================================================== BITCOIN TRANSACTION TRACER — PWN-ALL. Self-contained tokens; chrome comes from /tools/theme.css. Light/dark via [data-theme] on . ========================================================================== */ :root { --page:#f6f8fc; --card:#fff; --sunken:#eef2f8; --ink:#0b1220; --body:#3a4a63; --muted:#566480; --faint:#5a6678; --border:#d1d9e5; --border-2:#aeb9c9; --accent:#2f6bff; --accent-text:#1f52d6; --accent-soft:#e9f1ff; --tracer-accent:#2457c5; --tracer-on-accent:#fff; --control-border:#788496; --seq-back:#6b3fc1; --seq-terminal:#475569; --red:#b91c24; --red-soft:#fdecec; --amber:#a65c00; --amber-soft:#fef4e4; --green:#007b58; --green-soft:#e6faf2; --purple:#6b3fc1; --purple-soft:#efeafe; --edge:#64748b; --edge-back:#a65c00; --edge-prov:#6b3fc1; --font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; --mono:'IBM Plex Mono',ui-monospace,'SF Mono',Menlo,Consolas,monospace; --radius:12px; --shadow:0 12px 28px rgba(11,18,32,.10),0 4px 8px rgba(11,18,32,.05); } [data-theme="dark"], :root:not([data-theme="light"]) { --page:#16171a; --card:#1d1f23; --sunken:#25282e; --ink:#e7e8ec; --body:#b2b7bf; --muted:#aab0ba; --faint:#a0a6b0; --border:#3a3e47; --border-2:#545b67; --accent:#4d8bff; --accent-text:#9ec0ff; --accent-soft:#1b2433; --tracer-accent:#2864dc; --tracer-on-accent:#fff; --control-border:#738094; --seq-back:#7048c5; --seq-terminal:#526174; --red:#ff757c; --red-soft:#2a1417; --amber:#f3b64f; --amber-soft:#2a2010; --green:#42d6a4; --green-soft:#0e2620; --purple:#b69cff; --purple-soft:#1c1730; --edge:#8390a3; --edge-back:#f3b64f; --edge-prov:#b69cff; } @media (prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark}} *,*::before,*::after{box-sizing:border-box} body{margin:0;background:var(--page);color:var(--body);font-family:var(--font); -webkit-font-smoothing:antialiased;line-height:1.55} .mono,.node-addr,.node-val,.edge-val,.mix-sub{font-family:var(--mono);direction:ltr;unicode-bidi:isolate} .muted{color:var(--muted)} .container{max-width:1180px;margin-inline:auto;padding-inline:clamp(16px,4vw,24px)} a{color:var(--accent-text)} /* hero */ .hero{padding:clamp(28px,5vw,56px) 0} .hero-in{display:grid;grid-template-columns:1fr;gap:28px;max-width:1180px;margin-inline:auto;padding-inline:clamp(16px,4vw,24px)} @media(min-width:920px){.hero-in{grid-template-columns:1fr 1fr;align-items:center;gap:48px}} .display{font-size:clamp(34px,6vw,58px);line-height:1.02;letter-spacing:-.02em;color:var(--ink);margin:0 0 16px} .lede{font-size:clamp(15px,2vw,18px);color:var(--body);max-width:46ch;margin:0 0 20px} .trust{list-style:none;padding:0;margin:0;display:grid;gap:10px} .trust li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted)} /* chips */ .chip{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none; border-radius:9px;background:var(--accent-soft);color:var(--accent-text);border:1px solid var(--border)} .chip svg{display:block} /* card + form */ .card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px} .card-lg{padding:clamp(20px,3vw,28px)} .elev,.elev-lg{box-shadow:var(--shadow)} .field{display:block;margin-bottom:14px} .field-label{display:block;font-size:13px;font-weight:600;color:var(--ink);margin-bottom:6px} .field-hint{display:block;font-size:12px;color:var(--faint);margin-top:6px} .input{width:100%;height:46px;padding:0 14px;border:1px solid var(--control-border);border-radius:8px; background:var(--card);color:var(--ink);font-size:14px;font-family:inherit} .input.mono{font-size:13px} .input:focus{outline:none;border-color:var(--tracer-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--tracer-accent) 24%,transparent)} .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 20px; border:1px solid transparent;border-radius:8px;font:inherit;font-weight:600;cursor:pointer} .btn-lg{width:100%;height:50px;font-size:15px} .btn-accent{background:var(--tracer-accent);color:var(--tracer-on-accent);border-color:var(--tracer-accent)} .btn-accent:hover{filter:brightness(1.06)} .btn:disabled{cursor:wait;opacity:.72;filter:saturate(.65)} .btn:focus-visible,.out-row:focus-visible{outline:3px solid color-mix(in srgb,var(--tracer-accent) 45%,transparent);outline-offset:2px} .opts{display:grid;grid-template-columns:1fr;gap:10px;margin:4px 0 14px} @media(min-width:520px){.opts{grid-template-columns:2fr 1fr 1fr}} .opt{display:block} .opt>span{display:block;font-size:12px;font-weight:600;color:var(--ink);margin-bottom:5px} .opt .input{height:42px;padding:0 10px;cursor:pointer} select.input{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 16px) 18px,calc(100% - 11px) 18px;background-size:5px 5px,5px 5px;background-repeat:no-repeat} .status{margin:14px 0 0;font-size:13px;color:var(--muted);min-height:1em} .status.busy::after{content:'';display:inline-block;width:12px;height:12px;margin-inline-start:8px;vertical-align:-2px; border:2px solid var(--border-2);border-top-color:var(--tracer-accent);border-radius:50%;animation:spin .7s linear infinite} @keyframes spin{to{transform:rotate(360deg)}} /* output picker */ .picker-wrap{margin-top:16px} .picker{display:grid;gap:8px} .out-row{display:flex;align-items:center;gap:12px;width:100%;text-align:start;padding:12px 14px; border:1px solid var(--border);border-radius:9px;background:var(--sunken);color:var(--body);cursor:pointer;font:inherit} .out-row:hover{border-color:var(--tracer-accent);background:var(--accent-soft)} .out-amt{font-weight:700;color:var(--ink);font-family:var(--mono);font-size:13px} .out-addr{color:var(--muted);font-size:12px} .out-go{margin-inline-start:auto;font-size:12px;font-weight:600;color:var(--accent-text)} /* tags */ .tag{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.03em;border:1px solid} .tag-cex{background:var(--accent-soft);color:var(--accent-text);border-color:transparent} .tag-sanctioned,.tag-ransomware,.tag-darknet{background:var(--red-soft);color:var(--red);border-color:transparent} .tag-mixer{background:var(--purple-soft);color:var(--purple);border-color:transparent} /* graph */ .graph-card{margin:28px 0} .graph-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px} .graph-head strong{color:var(--ink)} .graph-head p{margin:2px 0 0;font-size:13px} .graph-scroll{overflow:auto;border:1px solid var(--border);border-radius:10px;background:var(--page);padding:8px} #graph{display:block;min-width:100%} .legend{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px;font-size:12px;color:var(--muted)} .legend .sw{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:-1px;margin-inline-end:6px;border:1px solid var(--border-2)} .sw-seed{background:var(--tracer-accent)}.sw-cex{background:var(--green)}.sw-sanctioned{background:var(--red)} .sw-mix{background:var(--red);transform:rotate(45deg)}.sw-unspent{background:var(--faint)} .sw-back{background:var(--purple)}.sw-poison{background:repeating-linear-gradient(45deg,var(--red),var(--red) 3px,#fff 3px,#fff 5px)} /* svg nodes + edges */ .node-box{fill:var(--card);stroke:var(--border-2);stroke-width:1.5} .node-seed{stroke:var(--tracer-accent);stroke-width:2.5} .node-back{stroke:var(--purple);stroke-dasharray:none} .node-unspent{stroke-dasharray:4 3} .node-cex .node-box{stroke:var(--green)} .node-sanctioned .node-box,.node-ransomware .node-box,.node-darknet .node-box{stroke:var(--red);fill:var(--red-soft)} .node-mixer .node-box{stroke:var(--purple);fill:var(--purple-soft)} .node-poison .node-box{stroke:var(--red);stroke-dasharray:5 3} .node-sink .node-box{stroke:var(--faint);fill:var(--sunken);stroke-dasharray:5 3} .node-burned .node-box{stroke:var(--faint);fill:var(--sunken);stroke-dasharray:2 3} .node-name{fill:var(--ink);font:600 12px var(--font)} .node-addr{fill:var(--muted);font:11px var(--mono)} .node-val{fill:var(--accent-text);font:600 12px var(--mono)} .edge{stroke:var(--edge);stroke-width:1.6;fill:none} .edge-hit{stroke:transparent;stroke-width:14;pointer-events:stroke;cursor:pointer} .edge-backward{stroke:var(--edge-prov);stroke-dasharray:2 3} .edge-mix{stroke:var(--red);stroke-width:2} .edge-fee,.edge-pruned,.edge-overflow,.edge-unattributed{stroke:var(--faint);stroke-dasharray:5 4} .seq-bg{fill:var(--tracer-accent);stroke:var(--card);stroke-width:2} .seq-backward{fill:var(--seq-back)} .seq-fee,.seq-pruned,.seq-overflow,.seq-unattributed{fill:var(--seq-terminal)} .seq-txt{fill:#fff;font:700 11px var(--font);text-anchor:middle} .edge-val{fill:var(--muted);font:10px var(--mono);text-anchor:middle} #graph a:focus-visible{outline:none} #graph a:focus-visible .node-box,#graph a:focus-visible .mix-diamond{stroke:var(--tracer-accent);stroke-width:3.5} #graph a:focus-visible .edge{stroke:var(--tracer-accent);stroke-width:3} /* mixer diamond */ .mix-diamond{fill:var(--red-soft);stroke:var(--red);stroke-width:2} .mix-label{fill:var(--red);font:700 10px var(--font);text-anchor:middle} .mix-sub{fill:var(--muted);font:9px var(--mono);text-anchor:middle} /* report */ .report-grid{display:grid;gap:20px;margin:8px 0 28px} @media(min-width:760px){.report-grid{grid-template-columns:300px 1fr}} .aml-card{text-align:center} .score-ring{width:140px;height:140px;margin:6px auto 12px;border-radius:50%;display:grid;place-items:center; --risk-color:var(--tracer-accent);--score-angle:0deg; background:conic-gradient(var(--risk-color) 0 var(--score-angle),var(--border) var(--score-angle) 360deg);position:relative} .score-ring::before{content:'';position:absolute;inset:12px;border-radius:50%;background:var(--card)} .score-ring .score{position:relative;font:800 40px var(--font);color:var(--ink)} .score-ring.lvl-low{--risk-color:var(--green)} .score-ring.lvl-medium{--risk-color:var(--amber)} .score-ring.lvl-high,.score-ring.lvl-severe{--risk-color:var(--red)} .level{font-weight:800;letter-spacing:.05em;font-size:14px;margin-bottom:12px} .level.lvl-low{color:var(--green)}.level.lvl-medium{color:var(--amber)} .level.lvl-high,.level.lvl-severe{color:var(--red)} .reasons{list-style:none;padding:0;margin:0;text-align:start;display:grid;gap:8px} .reasons li{font-size:13px;padding-inline-start:18px;position:relative;color:var(--body)} .reasons li::before{content:'›';position:absolute;inset-inline-start:4px;color:var(--accent-text);font-weight:700} .disclaimer{font-size:11px;color:var(--faint);margin:14px 0 0;text-align:start} .find-card h3{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--ink);margin:0 0 10px} .find-card h3:not(:first-child){margin-top:22px} .find-list{list-style:none;padding:0;margin:0;display:grid;gap:8px} .find-list li{display:flex;align-items:center;gap:10px;font-size:13px} .find-list .none{color:var(--faint)} .find-list .warning{color:var(--amber);font-weight:600} /* how it works */ .section-sm{padding-block:8px 48px} .h2{font-size:clamp(22px,3vw,30px);color:var(--ink);letter-spacing:-.01em;margin:0 0 20px} .steps{display:grid;gap:16px;grid-template-columns:1fr} @media(min-width:680px){.steps{grid-template-columns:repeat(2,1fr)}} @media(min-width:1000px){.steps{grid-template-columns:repeat(4,1fr)}} .step{display:flex;gap:12px;align-items:flex-start} .step-n{flex:none;width:30px;height:30px;border-radius:8px;display:grid;place-items:center; background:var(--accent-soft);color:var(--accent-text);font-weight:700;font-size:14px} .step strong{color:var(--ink);display:block;margin-bottom:3px;font-size:14px} .step p{margin:0;font-size:13px;color:var(--muted)} #txid{direction:ltr;text-align:start;unicode-bidi:isolate} @media (prefers-reduced-motion:reduce){ .status.busy::after{animation-duration:1.5s} *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important} }