:root{--bg:#090d12;--panel:#111820;--panel2:#171f29;--line:#273342;--text:#f1f5f9;--muted:#8292a6;--cyan:#67d7dc;--violet:#b59bff;--amber:#f2bd55;--blue:#72a9ff;--danger:#df7d95;--radius:10px;--control-h:74px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px Inter,ui-sans-serif,system-ui,sans-serif}header{height:58px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#0d1218}h1,h2,h3{margin:2px 0}h1{font-size:19px}h2{font-size:16px}h3{font-size:12px;color:var(--muted)}.eyebrow{font-size:9px;letter-spacing:.15em;color:var(--muted)}nav{display:flex;align-items:center;gap:7px}nav a{color:var(--blue);text-decoration:none;border:1px solid var(--line);border-radius:6px;padding:7px}.readonly{font-size:9px;color:var(--muted);border:1px solid var(--line);border-radius:12px;padding:5px 8px}.controlBar{position:sticky;top:0;z-index:20;min-height:var(--control-h);padding:9px 20px;display:flex;align-items:end;gap:8px;background:#0d131aee;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);box-shadow:0 8px 30px #0005}.controlBar label{font-size:9px;color:var(--muted);min-width:92px}.controlBar .snapshotControl{flex:1;max-width:290px}.controlBar select,.controlBar input,button{display:block;width:100%;margin-top:4px;padding:8px;color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:6px;font:inherit}.viewTabs{display:flex;gap:4px;margin-left:auto}.viewTabs button{width:auto;margin:0}.viewTabs button.active{border-color:var(--blue);color:var(--blue);background:#122039}.state{align-self:center;border-radius:14px;padding:6px 9px;font-size:9px;letter-spacing:.08em;border:1px solid var(--line)}.state.computing{color:var(--amber);border-color:#725d2e}.state.cached{color:var(--cyan)}.state.error{color:var(--danger)}main{padding:10px 20px 34px;display:grid;gap:10px}.metricStrip{display:grid;grid-template-columns:.8fr 1fr 1fr 1fr 1.1fr;gap:8px}.metricStrip article{min-width:0;padding:9px 12px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.metricStrip small{display:block;color:var(--muted);font-size:8px;letter-spacing:.12em}.metricStrip b{display:block;margin:4px 0;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metricStrip span{display:block;color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace{position:relative;display:grid;grid-template-columns:minmax(360px,.76fr) minmax(620px,1.24fr);gap:10px;min-height:0}.chartPanel{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:10px}.chartHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}.legend{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:9px}.legend span:before{content:"";display:inline-block;width:12px;border-top:2px solid;margin-right:4px;vertical-align:middle}.legend .all:before,.legend .positive:before{border-color:var(--cyan)}.legend .structural:before{border-color:var(--violet)}.legend .daily:before{border-color:var(--amber);border-style:dashed}.legend .guide:before{border-color:#fff;border-style:dashed}.svgBox{position:relative}svg{display:block;width:100%;height:min(57vh,520px);background:#0b1117;border-radius:7px}.grid{stroke:#24303d;stroke-width:1}.axis{fill:#718196;font-size:9px}.zero{stroke:#526070}.allLine{fill:none;stroke:var(--cyan);stroke-width:2}.structLine{fill:none;stroke:var(--violet);stroke-width:2}.dailyArea{fill:#f2bd5518}.positiveBar{fill:#67d7dccc}.negativeBar{fill:#b59bffcc}.dailyBar{fill:none;stroke:var(--amber);stroke-width:1.5;pointer-events:none}.guideLine{stroke:#cbd5e1;stroke-width:1;stroke-dasharray:4 4;opacity:.7}.flipAll{stroke:var(--cyan);stroke-width:1.5}.flipStructural{stroke:var(--violet);stroke-width:1.5;stroke-dasharray:5 3}.wallCall{stroke:var(--cyan);stroke-width:1}.wallPut{stroke:var(--violet);stroke-width:1}.previous{opacity:.38;stroke:#b9c5d6;fill:none;stroke-width:1.5;stroke-dasharray:5 4}.tooltip{position:absolute;z-index:10;pointer-events:none;max-width:280px;padding:8px;background:#070a0e;border:1px solid #47576a;border-radius:7px;box-shadow:0 10px 30px #000b;font-size:10px;line-height:1.5}.stateOverlay{position:absolute;z-index:12;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:var(--radius);background:#0b1016e8;color:var(--muted)}.stateOverlay b{color:var(--text)}.spinner{width:24px;height:24px;border:2px solid var(--line);border-top-color:var(--cyan);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hidden{display:none!important}.compactCards{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.compactCards article{padding:9px;background:var(--panel);border:1px solid var(--line);border-radius:8px}.compactCards small,.compactCards span{display:block;color:var(--muted);font-size:9px}.compactCards b{display:block;margin:4px 0}.historyPanel{padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.historyPanel svg{height:min(48vh,390px)}.drawers{display:grid;gap:8px}.drawers details{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:10px 14px}.drawers summary{cursor:pointer;font-weight:650}.drawerGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:10px}.contribution{display:grid;grid-template-columns:145px 1fr 64px;gap:7px;align-items:center;margin:6px 0;font-size:10px}.track{height:6px;border-radius:4px;background:#0a1016;overflow:hidden}.fill{height:100%;background:linear-gradient(90deg,var(--violet),var(--cyan))}.detailGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.detailGrid article{padding:9px;background:var(--panel2);border-radius:7px}.detailGrid small,.detailGrid span{display:block;color:var(--muted);font-size:9px}.detailGrid b{display:block;margin:4px 0}.hashes{overflow-wrap:anywhere;color:var(--muted);font-size:10px}.reason{display:inline-block;margin:4px;padding:5px 7px;border-radius:10px;background:var(--panel2);font-size:9px}@media(min-width:1100px) and (min-height:780px){.workspace{height:calc(100vh - 58px - var(--control-h) - 102px)}.chartPanel,.svgBox{height:100%}.svgBox{height:calc(100% - 42px)}svg{height:100%}}@media(max-width:1000px){.metricStrip{grid-template-columns:repeat(3,1fr)}.workspace{grid-template-columns:1fr}.workspace svg{height:440px}.compactCards{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){header{height:auto;min-height:58px;padding:9px 10px}h1{font-size:16px}nav .readonly{display:none}.controlBar{padding:8px 10px;display:grid;grid-template-columns:74px 1fr;align-items:end}.controlBar .snapshotControl{max-width:none}.controlBar #filterControl{grid-column:1/-1}.viewTabs{grid-column:1/-1;width:100%;margin:0}.viewTabs button{flex:1}.state{position:absolute;right:10px;top:9px}.controlBar #expiryControl,.controlBar #monthControl,.controlBar #yearControl{grid-column:1/-1}.metricStrip{grid-template-columns:1fr 1fr}.metricStrip article:last-child{grid-column:1/-1}.metricStrip b{font-size:16px}.workspace{display:block}.chartPanel{margin-bottom:9px}.workspace svg{height:auto}.chartHead{align-items:flex-start;flex-direction:column}.drawerGrid{grid-template-columns:1fr}.compactCards{grid-template-columns:1fr 1fr}.detailGrid{grid-template-columns:1fr 1fr}.contribution{grid-template-columns:100px 1fr 55px}main{padding:8px 9px 26px}}
.priceRange{height:32px;margin-top:5px;display:grid;grid-template-columns:72px minmax(120px,1fr) 72px auto;gap:7px;align-items:center}.priceRange output{font-variant-numeric:tabular-nums;color:var(--text);font-size:10px}.priceRange #rangeMaxValue{text-align:right}.priceRange button{width:auto;margin:0;padding:5px 8px;font-size:9px;color:var(--blue)}.dualRange{position:relative;height:22px;background:linear-gradient(var(--line),var(--line)) center/100% 4px no-repeat}.rangeFill{position:absolute;top:9px;height:4px;border-radius:3px;background:var(--blue);pointer-events:none}.dualRange input{position:absolute;inset:0;width:100%;height:22px;margin:0;padding:0;border:0;background:transparent;appearance:none;pointer-events:none}.dualRange input::-webkit-slider-runnable-track{height:4px;background:transparent}.dualRange input::-webkit-slider-thumb{appearance:none;width:16px;height:16px;margin-top:-6px;border:2px solid #0b1117;border-radius:50%;background:var(--blue);box-shadow:0 0 0 1px #94bfff;pointer-events:auto;cursor:ew-resize}.dualRange input::-moz-range-track{height:4px;background:transparent}.dualRange input::-moz-range-thumb{width:14px;height:14px;border:2px solid #0b1117;border-radius:50%;background:var(--blue);box-shadow:0 0 0 1px #94bfff;pointer-events:auto;cursor:ew-resize}.dualRange input:focus-visible::-webkit-slider-thumb{outline:2px solid #fff;outline-offset:2px}.dualRange input:focus-visible::-moz-range-thumb{outline:2px solid #fff;outline-offset:2px}
@media(min-width:1100px) and (min-height:780px){.profilePanel .profileSvgBox{height:calc(100% - 79px)}}
@media(max-width:600px){.priceRange{grid-template-columns:58px 1fr 58px auto}.priceRange output{font-size:9px}.profilePanel .profileSvgBox{height:auto}}
.controlField{font-size:9px;color:var(--muted);min-width:92px}.controlField>span{display:flex;align-items:center;gap:4px}.controlField select{font-size:13px}.fieldHelp,.chartHelp{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin:0;padding:0;border-radius:50%;font-size:9px;color:var(--blue);background:#132033;cursor:pointer}.fieldHelp:focus-visible,.chartHelp:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.buildSummary{position:absolute;left:20px;right:145px;bottom:3px;color:#9aa9ba;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fieldPopover{position:absolute;top:54px;z-index:30;width:330px;padding:9px 11px;background:#0a1017;border:1px solid #49617c;border-radius:7px;box-shadow:0 12px 35px #000c;color:#c7d2df;font-size:10px;line-height:1.45}.fieldPopover:focus{outline:1px solid var(--blue)}.chartHelp{width:auto;height:25px;padding:0 8px;border-radius:13px;white-space:nowrap}.scenarioPanel{position:relative}.chartCaption{height:17px;margin:-3px 0 3px;color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.allKey{color:var(--cyan)}.structKey{color:var(--violet)}.dailyKey{color:var(--amber)}.chartHelpText{position:absolute;z-index:11;top:49px;right:10px;width:min(390px,calc(100% - 20px));padding:10px;background:#080e15f5;border:1px solid #486077;border-radius:7px;box-shadow:0 12px 30px #000b;color:#c7d2df;font-size:10px;line-height:1.45}.negativeRegime{fill:#b59bff0b}.positiveRegime{fill:#67d7dc0a}.axisTitle{fill:#b6c1ce;font-size:10px;font-weight:600}.regimeLabel{fill:#8b9bad}.dailyContributionBand{fill:#f2bd5520;stroke:#f2bd5540;stroke-width:.6}.curveLabel{font-size:9px;font-weight:650;paint-order:stroke;stroke:#0b1117;stroke-width:3px}.curveLeader{fill:none;stroke-width:1}.allDirect{fill:var(--cyan);stroke:var(--cyan)}.structDirect{fill:var(--violet);stroke:var(--violet)}.levelTag text{font-size:8px;fill:#eef3f8;pointer-events:none}.levelTag rect{fill:#17212c;stroke:#526275;stroke-width:.7}.levelTag .tagLeader,.levelTag .levelMarker{fill:none;stroke:#8b99aa;stroke-width:.65;opacity:.7}.levelTag.spotTag rect{stroke:#fff}.levelTag.allFlipTag rect{stroke:var(--cyan)}.levelTag.structFlipTag rect{stroke:var(--violet)}.levelTag.callTag rect{stroke:#67d7dc}.levelTag.putTag rect{stroke:#b59bff}.levelTag.sigmaTag rect{stroke:#aab5c3;stroke-dasharray:2 1}
@media(min-width:1100px) and (min-height:780px){.scenarioPanel .scenarioSvgBox{height:calc(100% - 59px)}.profilePanel .profileSvgBox{height:calc(100% - 79px)}}
@media(max-width:600px){.controlField{min-width:0}.buildSummary{position:relative;left:auto;right:auto;bottom:auto;grid-column:1/-1;white-space:normal;line-height:1.3}.fieldPopover{position:fixed;left:10px!important;right:10px;top:72px;width:auto}.chartCaption{height:auto;white-space:normal}.scenarioPanel .scenarioSvgBox{height:auto}.chartHelp{position:absolute;right:10px;top:10px}.scenarioPanel .chartHead{padding-right:92px}}
.curveLabel.allDirect{fill:var(--cyan);stroke:#0b1117}.curveLabel.structDirect{fill:var(--violet);stroke:#0b1117}
.scenarioReadout{height:34px;display:grid;grid-template-columns:.65fr .75fr 1.1fr 1.2fr 1.2fr;gap:3px;margin:1px 0 4px}.scenarioReadout>span{min-width:0;padding:3px 5px;border:1px solid #243140;border-radius:5px;background:#0c131a}.scenarioReadout small,.scenarioReadout b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scenarioReadout small{color:#718399;font-size:6.8px;letter-spacing:.06em}.scenarioReadout b{margin-top:2px;font-size:8.5px;font-variant-numeric:tabular-nums}.flipVicinity{fill:#f2bd5513;stroke:#f2bd5570;stroke-width:.7;stroke-dasharray:2 2}.flipExact{stroke:var(--amber);stroke-width:1.2}.flipExactLabel{fill:var(--amber);font-size:8px;paint-order:stroke;stroke:#0b1117;stroke-width:3px}.spotScenario{stroke:#f3f6fa;stroke-width:1.8}.spotScenarioLabel{fill:#fff;font-size:8px;font-weight:650;paint-order:stroke;stroke:#0b1117;stroke-width:3px}.regimePriceLabel{fill:#78899d;font-size:7.5px;letter-spacing:.04em}.previousLabel{fill:#9ba8b8;font-size:7px;paint-order:stroke;stroke:#0b1117;stroke-width:3px}.scenarioPeak path{fill:none;stroke-width:.8}.scenarioPeak circle{stroke:#091016;stroke-width:1.5}.scenarioPeak rect{fill:#121b24;stroke-width:.7}.scenarioPeak text{fill:#eef3f8;font-size:7.5px}.positivePeak path,.positivePeak rect{stroke:var(--cyan)}.positivePeak circle{fill:var(--cyan)}.negativePeak path,.negativePeak rect{stroke:var(--violet)}.negativePeak circle{fill:var(--violet)}
@media(min-width:1100px) and (min-height:780px){.scenarioPanel .scenarioSvgBox{height:calc(100% - 96px)}}
@media(max-width:600px){.scenarioReadout{height:auto;grid-template-columns:1fr 1fr}.scenarioReadout>span:nth-child(3){grid-column:1/-1}.scenarioReadout small{font-size:7px}.scenarioReadout b{font-size:9px}}