.dp{margin:16px 0;border:.5px solid var(--line-2);border-radius:12px;background:var(--panel);overflow:hidden}.dp-top{display:flex;justify-content:flex-end;padding:8px;border-bottom:.5px solid var(--line-2)}.dp-body{display:grid;grid-template-columns:220px minmax(0,1fr)}.dp-mark{display:grid;place-items:center;padding:20px;border-right:.5px solid var(--line-2);touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.dp-mark polygon{fill:transparent;stroke-width:59.5;stroke-linejoin:miter;pointer-events:all;cursor:pointer;transition:fill .12s ease-out}.dp-mark .pa{stroke:var(--ink)}.dp-mark .pb{stroke:var(--acc)}.dp-mark .pa.on{fill:rgba(28,32,36,.12)}.dp-mark .pb.on{fill:rgba(62,99,221,.16)}.dp-mark .pb.bc{fill:rgba(62,99,221,.08)}.dp-mark .on{animation:dp-talk .18s ease-in-out infinite alternate}.dp.still .dp-mark .on{animation:none}@keyframes dp-talk{0%{stroke-width:59.5}to{stroke-width:84}}.dp-side{display:grid;gap:10px;padding:16px;min-width:0}.dp-read{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap}.dp-label{font-size:12px;color:var(--muted)}.dp-val{font:500 24px var(--mono);letter-spacing:-.02em}.dp-val.neg{color:var(--acc-text)}.dp-help{flex:1;min-width:200px;margin:0;font-size:12px;color:var(--muted)}.dp-help kbd{font:500 12px var(--mono);border:solid var(--line-2);border-width:.5px .5px 1.5px;border-radius:4px;padding:0 5px;margin:0 2px;background:var(--bg);color:var(--ink)}.dp-hist{display:flex;gap:4px;flex-wrap:wrap;min-height:18px}.dp-hist span{font:500 12px var(--mono);line-height:18px;border:.5px solid var(--line-2);border-radius:4px;padding:0 6px;background:var(--bg);color:var(--muted)}.dp-hist span.neg{color:var(--acc-text);border-color:var(--acc-line);background:var(--acc-bg)}.dp canvas{display:block;width:100%;height:104px;border:.5px solid var(--line-2);border-radius:8px;background:var(--bg)}.dp-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.dp-legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:4px;vertical-align:-1px}.dp-legend .k0{background:var(--ink)}.dp-legend .k1{background:var(--acc)}.dp-legend .k2{background:var(--acc-line)}.dp-legend .k3{background:var(--acc-bg);box-shadow:inset 0 0 0 .5px var(--acc-line)}.dp .dx-note{margin:0;padding:8px 16px 12px}@media (max-width:640px){.dp-top{justify-content:flex-start;overflow-x:auto}.dp-body{grid-template-columns:1fr}.dp-mark{border-right:0;border-bottom:.5px solid var(--line-2)}}