.snapx{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:22px;margin:28px 0 36px}
.snapx>h3{margin:0 0 4px!important;font-size:22px}
.snapx .sx-sub{margin:0 0 16px!important;color:var(--muted);font-size:15px}
.sx-pick{display:flex;flex-direction:column;gap:6px;font:500 11px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:10px}
.sx-pick input{background:#0b0c0f;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:10px 12px;font:15px var(--body);text-transform:none;letter-spacing:0;width:100%;box-sizing:border-box}
.sx-pick input:focus-visible,.sx-quick button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.sx-quick{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.sx-quick button{background:none;border:1px solid var(--line);color:var(--text);border-radius:999px;padding:5px 12px;font:13px var(--body);cursor:pointer}
.sx-quick button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.sx-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}
.sx-stats div{background:#0b0c0f;border-radius:8px;padding:12px}
.sx-stats b{display:block;font:800 24px/1.1 var(--display);color:var(--text)}
.sx-stats span{font:11px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.sx-chart{width:100%;height:auto;display:block}
.sx-chart text{font:11px var(--mono);fill:#a3aaa4}
@media (max-width:519px){.sx-chart text{font-size:12px}}
.sx-chart .v{fill:#e9ebe6}
.sx-note{margin:10px 0 0!important;color:var(--muted);font-size:13px}
.sx-title a{color:var(--text)}
@media (max-width:560px){.sx-stats{grid-template-columns:1fr 1fr}.sx-stats div:last-child{grid-column:1/-1}}