.panel{background:var(--card);border:1px solid var(--line);border-radius:28px;padding:24px}.control-top{justify-content:space-between;align-items:end;gap:20px;margin-bottom:14px;display:flex}.control-content{width:100%}.label{font-size:14px;font-weight:650}.value{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;gap:20px;font-size:22px;font-weight:720;display:flex}input[type=range]{--slider-progress:75%;-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%;height:28px;margin:2px 0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--a) 0 var(--slider-progress), var(--b) var(--slider-progress) 100%);border-radius:999px;height:12px}input[type=range]::-webkit-slider-thumb{background:var(--muted);-webkit-appearance:none;appearance:none;border:0;border-radius:50%;width:24px;height:24px;margin-top:-6px}input[type=range]::-moz-range-track{background:var(--b);border-radius:999px;height:12px}input[type=range]::-moz-range-progress{background:var(--a);border-radius:999px;height:12px}input[type=range]::-moz-range-thumb{background:var(--muted);border:0;border-radius:50%;width:20px;height:20px}input[type=range]:focus-visible{outline:2px solid var(--bit-one);outline-offset:3px;border-radius:999px}.bar{background:var(--line);border-radius:999px;height:18px;display:flex;overflow:hidden}.bar .a{background:var(--a);transition:width .18s}.bar .b{background:var(--b);transition:width .18s}.panel h3{margin:0 0 12px;font-size:14px}.panel>h3{margin-top:30px}.rows{border:1px solid var(--line);border-radius:14px;overflow:hidden}.row{background:var(--card);border-bottom:1px solid var(--line);grid-template-columns:90px 190px 1fr;align-items:center;gap:18px;padding:17px 18px;display:grid}.row:last-child{border-bottom:none}.hash{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:18px;font-weight:760}.hash .bit-0{color:var(--bit-zero)}.hash .bit-1{color:var(--bit-one)}.bits{gap:8px;display:flex}.chip{color:var(--muted);background:var(--bg);border:0;border-radius:999px;padding:5px 9px;font-size:12px}.chip.bit-0{color:var(--text);background:var(--bit-zero-line)}.chip.bit-1{color:var(--text);background:var(--bit-one-line)}.bits .chip:first-child.bit-0{color:var(--card);background:var(--bit-zero)}.bits .chip:first-child.bit-1{color:var(--card);background:var(--bit-one)}.rowbar{background:var(--line);border-radius:999px;height:14px;display:flex;overflow:hidden}.meter-line{grid-template-columns:58px minmax(90px,1fr) 58px;align-items:center;gap:10px;display:grid}.rowbar .a{background:var(--a);transition:width .18s}.rowbar .b{background:var(--b);transition:width .18s}.rowbar .bit-0{background:var(--bit-zero)}.rowbar .bit-1{background:var(--bit-one)}.rowbar .b.bit-0{background:var(--bit-zero-line)}.rowbar .b.bit-1{background:var(--bit-one-line)}.signal-segment{transition:width .18s}.signal-bar .positive.token-a,.signal-legend .positive.token-a{background:var(--bit-one)}.signal-bar .positive.token-b,.signal-legend .positive.token-b{background:var(--bit-one-line)}.signal-bar .negative.token-a,.signal-legend .negative.token-a{background:var(--bit-zero)}.signal-bar .negative.token-b,.signal-legend .negative.token-b{background:var(--bit-zero-line)}.signal-legend{color:var(--muted);flex-wrap:wrap;gap:6px 14px;margin-top:8px;font-size:11px;display:flex}.signal-legend span{align-items:center;gap:5px;display:flex}.signal-legend i{border-radius:2px;width:9px;height:9px}.pct{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}.pct-a{text-align:right}.pct-b{text-align:left}.summary{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.summary-card{border:1px solid var(--line);background:var(--card);border-radius:14px;padding:18px}.chance-card .big{font-variant-numeric:tabular-nums}.big{letter-spacing:-.03em;margin-top:8px;font-size:30px;font-weight:760}.ok{color:var(--good);margin-top:8px;font-size:13px;font-weight:650}.note{color:var(--muted);margin-top:22px;font-size:13px;line-height:1.5}@media (width<=760px){.row{grid-template-columns:70px 1fr}.meter-line{grid-column:1/-1}.summary{grid-template-columns:1fr}}
