.dc-panel{gap:10px;display:grid}@media (width>=1024px){.dc-panel{gap:14px}}.dc-area{width:100%;height:236px;color:var(--screen-ink);text-align:start;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;border:0;flex-direction:column;padding:12px 14px;font-family:inherit;display:flex}.dc-area:focus-visible{outline-offset:-4px}@media (width>=1024px){.dc-area{height:340px;padding:16px 22px 18px}}.dc-ripple{border:2px solid var(--screen-muted);pointer-events:none;border-radius:50%;width:88px;height:88px;margin:-44px 0 0 -44px;animation:.6s ease-out forwards dc-ripple;position:absolute}.dc-ripple.is-hot{border-color:var(--trace)}@keyframes dc-ripple{0%{opacity:.9;transform:scale(.15)}to{opacity:0;transform:scale(2.4)}}.dc-top{min-height:26px;color:var(--screen-muted);pointer-events:none;justify-content:space-between;align-items:center;gap:12px;font-size:15px;display:flex;position:relative}.dc-tag{border-radius:var(--radius-xs);background:var(--trace);color:var(--screen);padding:2px 8px;font-size:13px;font-weight:700}.dc-big{text-align:center;pointer-events:none;direction:ltr;margin:auto 0;font-size:clamp(72px,12vw,132px);line-height:1;position:relative}.dc-big small{letter-spacing:0;color:var(--screen-muted);font-size:20px;font-weight:400;font-stretch:100%}.dc-big .dc-first{color:var(--screen-ink);font-size:22px}.dc-area.is-hot .dc-big{color:var(--trace)}.dc-foot{color:var(--screen-muted);text-align:center;pointer-events:none;font-size:13px;position:relative}.dc-msg{text-align:center;pointer-events:none;flex-direction:column;gap:8px;margin:auto;padding:0 12px;display:flex;position:relative}.dc-msg strong{font-size:clamp(24px,3vw,32px);font-weight:700}.dc-msg span{color:var(--screen-muted);font-size:15px}.dc-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.dc-title{font-size:14px;font-weight:600}.dc-note{color:var(--muted);font-size:13px}.dc-hist,.dc-recent{border-top:1px solid var(--line-2);gap:8px;padding-top:10px;display:grid}.dc-bars{direction:ltr;align-items:flex-end;gap:3px;height:64px;display:flex}@media (width>=1024px){.dc-bars{height:84px}}.dc-bar{flex:1;align-items:flex-end;min-width:0;height:100%;display:flex}.dc-bar i{background:var(--input);border-radius:2px 2px 0 0;width:100%;display:block}.dc-bar.is-fault i{background:var(--accent)}.dc-axis{height:18px;color:var(--muted);font-variant-numeric:tabular-nums;direction:ltr;justify-content:space-between;font-size:12px;display:flex;position:relative}.dc-axis-thr{color:var(--accent-text);font-weight:600;position:absolute;top:0;transform:translate(-50%)}.dc-ivs{grid-template-columns:repeat(5,minmax(0,1fr));row-gap:8px;margin:0;padding:0;list-style:none;display:grid}.dc-ivs li{border-inline-start:1px solid var(--line-2);flex-direction:column;gap:2px;min-width:0;padding:2px 6px;display:flex}.dc-ivs li:nth-child(5n+1){border-inline-start:0;padding-inline-start:1px}.dc-iv-v{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:15px}.dc-iv-u{color:var(--muted);font-size:12px}.dc-iv-b{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.dc-ivs li.is-hot .dc-iv-v,.dc-ivs li.is-hot .dc-iv-b{color:var(--accent-text);font-weight:600}.dc-empty{color:var(--muted);font-size:14px;line-height:38px}@media (width>=1024px){.dc-ivs{grid-template-columns:repeat(10,minmax(0,1fr))}.dc-ivs li,.dc-ivs li:nth-child(5n+1){border-inline-start:1px solid var(--line-2);padding:2px 8px}.dc-ivs li:first-child{border-inline-start:0;padding-inline-start:2px}.dc-iv-v{letter-spacing:-.03em;font-size:20px;font-weight:300;font-stretch:125%}.dc-iv-u{letter-spacing:0;font-size:13px;font-stretch:100%}.dc-iv-b{font-size:13px}}.dc-range-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.dc-range-head label{font-size:14px;font-weight:600}.dc-range-head span{color:var(--muted);font-size:14px}.dc-table{border-collapse:collapse;width:100%;font-size:16px}.dc-table th,.dc-table td{border-top:1px solid var(--line-2);text-align:end;font-variant-numeric:tabular-nums;padding:7px 2px}.dc-table thead th{color:var(--muted);border-top:0;padding-top:2px;font-size:13px;font-weight:400}.dc-table th:first-child{text-align:start}.dc-table tbody th{font-weight:500}.dc-table tr.is-hot td:last-child,.dc-table tr.is-hot th{color:var(--accent-text);font-weight:700}
