.ofi-live{color:#e5edfa;font-variant-numeric:tabular-nums;background:#0d131d;max-width:1280px;min-height:100vh;margin:auto;padding:24px;font-size:16px}.ofi-live header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.ofi-live h1{margin:0 0 8px;font-size:25px}.ofi-live p{color:#aab6c9;margin:6px 0;line-height:1.65}.ofi-live nav{gap:20px;display:flex}.ofi-live a{color:#8bd5ea;text-decoration:underline}.ofi-toolbar{border-block:1px solid #273247;flex-wrap:wrap;align-items:end;gap:16px;padding:16px 0;display:flex}.ofi-toolbar label{color:#afbdd0;gap:7px;font-size:14px;display:grid}.ofi-toolbar select{color:#e5edfa;background:#182333;border:1px solid #3c4c64;border-radius:6px;padding:9px;font-size:14px}.ofi-state{color:#ddb574;min-width:180px;margin-left:auto;font-size:14px}.ofi-state.ready{color:#76d3b4}.ofi-chart{border:1px solid #283246;border-radius:8px;margin-top:18px;padding:14px 10px}.ofi-chart svg{width:100%;height:250px;display:block}.ofi-legend{flex-wrap:wrap;gap:16px;font-size:14px;display:flex}.ofi-legend small{color:#8291a9;margin-left:auto;font-size:12px}.ofi-times{color:#8291a9;justify-content:space-between;padding:0 10px;font-size:12px;display:flex}.ofi-values{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px;display:grid}.ofi-values article{background:#151e2b;border:1px solid #293449;border-radius:7px;gap:7px;padding:14px;display:grid}.ofi-values span{font-size:14px}.ofi-values strong{font-size:27px;line-height:34px}.ofi-values small{color:#8c9db5;min-height:18px;font-size:12px}.ofi-explain{padding:14px 0;font-size:14px}.ofi-footer{border-top:1px solid #283246;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:16px;display:grid}.ofi-footer p,.ofi-footer b{font-size:14px}.ofi-alert{border:1px solid #695238;border-radius:6px;padding:12px;color:#ffd28f!important}@media (width<=700px){.ofi-live{padding:16px}.ofi-live header{display:block}.ofi-live nav{margin-top:12px}.ofi-live h1{font-size:22px}.ofi-state{margin-left:0}.ofi-values{grid-template-columns:repeat(2,1fr)}.ofi-footer{grid-template-columns:1fr;gap:12px}.ofi-chart svg{height:210px}.ofi-legend small{margin-left:0}.ofi-toolbar{gap:12px}}.of-lab{--of-bg:#0d151c;--of-border:#27353e;--of-dim:#99adb6;color:#e8efee;background:var(--of-bg);max-width:1240px;min-height:100vh;margin:0 auto;padding:42px 36px 24px;font-family:Arial,PingFang SC,sans-serif}.of-lab *{box-sizing:border-box}.of-header{justify-content:space-between;align-items:center;gap:30px;display:flex}.of-eyebrow{color:#70cdbb;letter-spacing:.15em;margin:0 0 20px;font-size:11px}.of-lab h1{letter-spacing:-.03em;margin:0;font-size:clamp(30px,4vw,46px);font-weight:500;line-height:1.25}.of-intro{color:var(--of-dim);margin:20px 0 24px;font-size:14px}.of-badge{border:1px solid var(--of-border);color:var(--of-dim);white-space:nowrap;padding:20px;font-size:12px;line-height:1.9}.of-badge strong{color:#e6bc76;font-weight:400}.of-notice{border-top:1px solid var(--of-border);border-bottom:1px solid var(--of-border);color:var(--of-dim);padding:13px 0;font-size:12px;line-height:1.8}.of-controls{flex-wrap:wrap;align-items:flex-end;gap:14px;margin:24px 0 15px;display:flex}.of-controls label{color:var(--of-dim);flex-direction:column;gap:7px;font-size:11px;display:flex}.of-controls select,.of-controls button{border:1px solid var(--of-border);color:#e8efee;background:#17232b;border-radius:4px;height:39px;padding:0 12px;font-size:13px}.of-controls button{color:#0a221c;cursor:pointer;background:#91d9c5;min-width:130px;margin-left:auto;font-weight:600}.of-controls button span{margin-left:14px}.of-controls select:focus-visible,.of-controls button:focus-visible,.of-replay input:focus-visible{outline-offset:3px;outline:2px solid #e9b767}.of-replay{color:var(--of-dim);align-items:center;gap:18px;margin-bottom:20px;font-size:11px;display:flex}.of-replay input{accent-color:#75cab5;width:100%}.of-replay span{white-space:nowrap}.of-panel{border-top:1px solid var(--of-border);padding:13px 0 4px}.of-panel-title{justify-content:space-between;align-items:center;gap:16px;font-size:11px;display:flex}.of-panel-title b{letter-spacing:.03em;font-size:12px}.of-panel-title span{color:var(--of-dim);text-align:right}.of-panel svg{touch-action:pan-y;cursor:crosshair;width:100%;height:auto;display:block}.of-panel svg text{fill:#8b9da7;font:10px monospace}.of-grid{stroke:#21303a;stroke-width:1px}.of-line{fill:none;stroke:#73d0bc;stroke-width:1.8px;stroke-linejoin:round}.of-threshold{stroke:#667263;stroke-width:1px;stroke-dasharray:4 5}.of-cursor{stroke:#d8ad65;stroke-width:1px;stroke-dasharray:3 3;pointer-events:none}.of-times{color:#8b9da7;justify-content:space-between;margin-bottom:14px;padding-left:6.6%;font:10px monospace;display:flex}.of-selection{border-top:1px solid var(--of-border);border-bottom:1px solid var(--of-border);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:15px 0;font-size:12px;display:flex}.of-selection b{font-weight:400}.of-good{color:#72cdb8!important}.of-warn{color:#efaa8e!important}.of-readouts{background:var(--of-border);border:1px solid var(--of-border);grid-template-columns:repeat(3,1fr);gap:1px;margin:24px 0;display:grid}.of-readouts>div{background:var(--of-bg);flex-direction:column;gap:8px;padding:18px;display:flex}.of-readouts span{color:var(--of-dim);font-size:12px}.of-readouts strong{font:400 26px monospace}.of-readouts small{color:#8b9da7;font-size:10px}.of-notes{grid-template-columns:repeat(3,1fr);gap:25px;margin:28px 0;display:grid}.of-lab h2{margin:0 0 12px;font-size:14px;font-weight:500}.of-notes p,.of-results p{color:var(--of-dim);margin:0;font-size:12px;line-height:1.9}.of-results{border-top:1px solid var(--of-border);padding-top:24px}.of-results .of-panel-title h2{margin:0}.of-results p{margin:10px 0 18px}.of-table-wrap{overflow-x:auto}.of-lab table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:12px}.of-lab th,.of-lab td{border-bottom:1px solid var(--of-border);text-align:right;font-variant-numeric:tabular-nums;padding:13px 12px}.of-lab th{color:var(--of-dim);font-size:11px;font-weight:400}.of-lab th:first-child,.of-lab td:first-child{text-align:left;padding-left:0}.of-lab footer{color:#748994;overflow-wrap:anywhere;margin-top:35px;font:10px/1.9 monospace}@media (width<=680px){.of-lab{padding:24px 16px}.of-badge{display:none}.of-controls{gap:10px}.of-controls label{flex:1;min-width:130px}.of-controls button{flex:1;margin-left:0}.of-readouts{grid-template-columns:repeat(2,1fr)}.of-notes{grid-template-columns:1fr;gap:20px}.of-panel-title{align-items:flex-start;gap:8px}.of-panel-title span{max-width:60%;font-size:9px}.of-panel svg{min-height:145px}.of-panel svg text{font-size:12px}.of-times{font-size:8px}.of-selection{font-size:11px}.of-results .of-panel-title{flex-direction:column}.of-results .of-panel-title span{text-align:left;max-width:100%}}