.opcvc-section{--opcvc-accent:#56e0d0;--opcvc-bg:#10203a;--opcvc-card:#21334d;--opcvc-number:#fff;--opcvc-font:14px;--opcvc-num-font:40px;--opcvc-title-color:#f9fcff;--opcvc-muted:#a9bad1;--opcvc-label-color:#ecf4ff;--opcvc-border:rgba(183,208,237,.17);position:relative;isolation:isolate;box-sizing:border-box;width:100%;margin:32px auto;padding:clamp(24px,4vw,48px);border:1px solid var(--opcvc-border);border-radius:22px;background:var(--opcvc-bg);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--opcvc-title-color);box-shadow:0 16px 44px rgba(4,14,31,.12)}
.opcvc-section *{box-sizing:border-box}.opcvc-section button{cursor:pointer;font-family:inherit}.opcvc-theme-light{--opcvc-title-color:#152942;--opcvc-muted:#62758a;--opcvc-label-color:#213951;--opcvc-border:rgba(44,68,104,.17)}
.opcvc-header{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:26px}.opcvc-overline{display:flex;align-items:center;gap:9px;margin-bottom:11px;color:var(--opcvc-accent);font-size:11px;font-weight:800;letter-spacing:1.8px}.opcvc-live-dot,.opcvc-status-dot,.opcvc-footnote-dot{display:inline-block;flex-shrink:0;width:8px;height:8px;background:var(--opcvc-accent);border-radius:50%;box-shadow:0 0 0 4px rgba(70,190,167,.12)}.opcvc-live-dot{animation:opcvc-pulse 2s ease-in-out infinite}.opcvc-title{margin:0!important;color:var(--opcvc-title-color)!important;font-size:clamp(24px,3.4vw,39px)!important;line-height:1.17!important;font-weight:800!important}.opcvc-subtitle{margin:11px 0 0!important;color:var(--opcvc-muted)!important;font-size:var(--opcvc-font);line-height:1.5}.opcvc-status{display:inline-flex;align-items:center;gap:9px;flex-shrink:0;padding:10px 13px;border:1px solid var(--opcvc-border);border-radius:100px;font-size:12px;font-weight:650;color:var(--opcvc-muted)}
.opcvc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:14px}.opcvc-card{position:relative;min-width:0;padding:20px 18px 22px;border:1px solid var(--opcvc-border);border-radius:17px;background:var(--opcvc-card);transition:transform .2s ease,border-color .2s ease}.opcvc-card:hover{transform:translateY(-2px);border-color:var(--opcvc-accent)}.opcvc-card-top{display:flex;align-items:center;justify-content:space-between;min-height:37px;margin-bottom:21px;gap:5px}.opcvc-icon{display:inline-flex;align-items:center;justify-content:center;min-width:39px;height:39px;border-radius:12px;color:var(--opcvc-accent);background:rgba(103,163,160,.12)}.opcvc-icon:empty{display:none}.opcvc-icon svg{width:21px;height:21px}.opcvc-online-pill{white-space:nowrap;border:1px solid var(--opcvc-border);border-radius:60px;padding:5px 7px;color:var(--opcvc-accent);font-size:10px;font-weight:800;letter-spacing:.6px}.opcvc-value{font-size:var(--opcvc-num-font);font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:-.8px;line-height:1.12;font-weight:800;color:var(--opcvc-number);overflow:hidden;text-overflow:ellipsis}.opcvc-label{margin-top:13px;color:var(--opcvc-label-color);font-size:var(--opcvc-font);font-weight:750}.opcvc-description{margin-top:6px;color:var(--opcvc-muted);font-size:calc(var(--opcvc-font) * .78);line-height:1.5}
.opcvc-chart{margin-top:26px;padding:20px 18px 15px;border:1px solid var(--opcvc-border);border-radius:16px;background:var(--opcvc-card)}.opcvc-chart-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.opcvc-chart-head strong{font-size:calc(var(--opcvc-font) + 2px);color:var(--opcvc-label-color)}.opcvc-chart-controls{display:flex;gap:6px}.opcvc-section .opcvc-chart-toggle{border:1px solid var(--opcvc-border);border-radius:8px;padding:6px 10px;color:var(--opcvc-muted);background:transparent;font-size:12px;line-height:1.4}.opcvc-section .opcvc-chart-toggle.is-active{background:var(--opcvc-accent);border-color:var(--opcvc-accent);color:#062b2d}.opcvc-bars{display:flex;height:144px;gap:4px;align-items:stretch;justify-content:stretch}.opcvc-bar-slot{display:flex;flex:1 1 0;min-width:0;flex-direction:column;align-items:stretch}.opcvc-bar-area{display:flex;height:115px;align-items:flex-end;justify-content:center;border-bottom:1px solid var(--opcvc-border)}.opcvc-bar{display:block;width:clamp(3px,55%,26px);max-height:100%;min-height:1px;background:var(--opcvc-accent);opacity:.9;border-radius:4px 4px 0 0}.opcvc-bar-label{display:block;height:27px;margin-top:7px;text-align:center;white-space:nowrap;font-size:10px;color:var(--opcvc-muted)}.opcvc-chart-hint{font-size:11px;color:var(--opcvc-muted);margin-top:5px}.opcvc-footnote{display:flex;align-items:center;gap:9px;margin-top:20px;font-size:11px;line-height:1.5;color:var(--opcvc-muted)}.opcvc-footnote-dot{height:6px;width:6px;box-shadow:none}
@keyframes opcvc-pulse{0%,100%{box-shadow:0 0 0 4px rgba(97,229,182,.08)}50%{box-shadow:0 0 0 8px rgba(97,229,182,.02)}}@media(max-width:720px){.opcvc-section{padding:22px 16px;border-radius:16px}.opcvc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.opcvc-header{display:block}.opcvc-status{margin-top:12px}.opcvc-card{padding:16px 12px}.opcvc-value{font-size:min(var(--opcvc-num-font),7vw)}.opcvc-label{font-size:calc(var(--opcvc-font) * .9)}.opcvc-description{font-size:11px}.opcvc-card-top{margin-bottom:13px}.opcvc-bar-label{font-size:9px}.opcvc-chart{padding:16px 10px}.opcvc-chart-head{flex-wrap:wrap}}@media(max-width:340px){.opcvc-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.opcvc-live-dot{animation:none}.opcvc-card{transition:none}}