.dc-top{padding-bottom:20px}.dc-thr{flex-wrap:nowrap;flex:420px;gap:14px}.dc-thr .fader{flex:160px;width:auto;max-width:280px}.dc-thr-val{color:#f2f2f2;font-variant-numeric:tabular-nums;flex:none;min-width:54px;font-weight:700}.dc-thr-val b{color:var(--yellow);font-size:18px}.dc-main{grid-template-columns:340px minmax(0,1fr);align-items:stretch;gap:18px;display:grid}.dc-pad{text-align:center;cursor:crosshair;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:radial-gradient(120% 75% at 50% -12%,#ffffff14,#0000 62%),linear-gradient(#3a3a3a,#2b2b2b);border-radius:14px;place-content:center;justify-items:center;gap:14px;min-height:340px;padding:26px 24px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,inset 0 -5px #00000057,0 3px #111,0 14px 24px -10px #000000d9}.dc-pad:after{content:"";pointer-events:none;border-radius:10px;position:absolute;inset:14px;box-shadow:inset 0 2px 12px #0000004d,inset 0 0 0 1px #00000038,0 1px #ffffff0d}.dc-mouse{width:136px;height:200px;overflow:visible}.dc-body{fill:#1b1b1b;stroke:#6a6a6a;stroke-width:2px}.dc-p{fill:#2a2a2a;stroke:#565656;stroke-width:1.5px;transition:fill 50ms,stroke 50ms}.dc-p.ok{fill:#14a76c33;stroke:#14a76c}.dc-p.bad{fill:#ff652f3d;stroke:var(--orange)}.dc-p.down{fill:var(--yellow);stroke:var(--yellow)}.dc-p.flash{animation:.7s ease-out dc-flash}@keyframes dc-flash{0%,to{filter:none}25%{fill:var(--orange);stroke:var(--orange);filter:drop-shadow(0 0 9px #ff652ff2)}}.dc-t{fill:#6f6f6f;text-anchor:middle;pointer-events:none;font-family:Barlow Semi Condensed,"Barlow SC Fallback",sans-serif;font-size:15px;font-weight:700}.dc-pad-text{z-index:1;pointer-events:none;gap:6px;max-width:26em;display:grid;position:relative}.dc-pad-text b{color:#fff;font-size:21px;font-weight:800;line-height:1.2}.dc-pad-text span{color:var(--text-2);font-size:14.5px;font-weight:600;line-height:1.45}.dc-table-wrap{min-width:0;padding:4px 0}.dc-table{border-collapse:separate;border-spacing:0;width:100%}.dc-table thead th{text-align:left;color:#7f7f7f;white-space:nowrap;padding:12px 16px 8px;font-family:Barlow Semi Condensed,"Barlow SC Fallback",sans-serif;font-size:13px;font-weight:600}.dc-table tbody th,.dc-table td{text-align:left;vertical-align:middle;border-top:1px solid #1d1d1d;padding:12px 16px 13px}.dc-table tbody th{color:#ededed;white-space:nowrap;font-size:16px;font-weight:700}.dc-table tbody th .led{vertical-align:1px;margin-right:11px}.dc-table td .seg{font-size:26px}.dc-st{color:#cfcfcf;font-size:14.5px;font-weight:600}.dc-table tr.bad .dc-st{color:#ff8a5c}.dc-verdict{align-items:flex-start;padding:0 4px;line-height:1.45}.dc-verdict .led{margin-top:6px}.dc-lower{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:18px;margin-top:18px;display:grid}.dc-hist{min-width:0;padding:14px 18px 12px}.dc-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 14px;display:flex}.dc-legend{align-items:center;display:inline-flex}.dc-legend i{border-radius:2px;width:9px;height:9px;margin:0 6px 0 12px;display:inline-block}.dc-legend i.g{background:var(--lcd-green)}.dc-legend i.o{background:var(--orange)}.dc-bars{grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;height:150px;margin-top:14px;display:grid}.dc-bar{flex-direction:column;min-width:0;height:100%;display:flex}.dc-stack{background:#171717;border-radius:3px;flex-direction:column;flex:1;justify-content:flex-end;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #000000b3}.dc-stack i{width:100%;height:0;transition:height .15s;display:block}.dc-stack i.g{background:linear-gradient(#2fd18e,#14a76c);order:1;box-shadow:0 0 8px #2fd18e59}.dc-stack i.o{background:linear-gradient(#ff8150,#ff652f);order:2}.dc-bar.under .dc-stack{background:#1f1714}.dc-bar>span{color:#7d7d7d;text-align:center;white-space:nowrap;margin-top:6px;font-family:Barlow Semi Condensed,"Barlow SC Fallback",sans-serif;font-size:11.5px;font-weight:600;overflow:hidden}.dc-bar.under>span{color:#ff8a5c}.dc-axis{text-align:center;margin-top:6px}.dc-sys{min-width:0;padding:14px 18px 16px}.dc-sys .seg{margin-top:12px;font-size:40px}.dc-sys-sub{color:#a9a9a9;margin-top:12px;font-size:14px;font-weight:600;line-height:1.45;display:block}.dc-log{margin-top:16px}.dc-log summary{cursor:pointer;padding:4px 4px 10px;display:inline-block}.dc-log .log:empty:before{content:"Click in the panel to see each press and release here.";color:#6f7f77}.dc-log .log .row{grid-template-columns:70px 1fr}.dc-tag{color:var(--orange);font-weight:700}@media (max-width:1080px){.dc-main{grid-template-columns:280px minmax(0,1fr)}.dc-table thead th,.dc-table tbody th,.dc-table td{padding-left:12px;padding-right:12px}}@media (max-width:860px){.dc-main,.dc-lower{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){.dc-thr{flex-wrap:wrap;flex-basis:100%;gap:8px 12px}.dc-thr .label{width:100%}.dc-thr .fader{max-width:none}.dc-top .right{width:100%;margin-left:0}.dc-top .right .kc{flex:1}.dc-pad{gap:10px;min-height:270px;padding:22px 18px}.dc-mouse{width:104px;height:152px}.dc-pad-text b{font-size:19px}.dc-table thead th:nth-child(5),.dc-table td:nth-child(5){display:none}.dc-table thead th,.dc-table tbody th,.dc-table td{padding:10px 10px 11px}.dc-table tbody th{font-size:15px}.dc-table tbody th .led{margin-right:8px}.dc-table td .seg{font-size:20px}.dc-bars{gap:4px;height:120px}.dc-bar>span{font-size:10.5px}.dc-sys .seg{font-size:32px}}@media (max-width:420px){.dc-table thead th,.dc-table tbody th,.dc-table td{padding:9px 6px 10px}.dc-table thead th{white-space:normal;font-size:12px}.dc-table tbody th{font-size:14px}.dc-table tbody th .led{margin-right:6px}.dc-table td .seg{font-size:clamp(14px,4.6vw,20px)}}