:root{color-scheme:dark;--bg:#090e17;--panel:#111b2a;--border:#28384e;--ink:#eef5fc;--muted:#8da2ba;--green:#55dea7;--red:#ff788d;--gold:#f4c27d;--blue:#83adff}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}body{margin:0;color:var(--ink);font-size:13px;background:radial-gradient(ellipse 850px 330px at 50% -240px,#1c3d68,transparent),var(--bg)}button,select,input{font:inherit}button{cursor:pointer}.shell{max-width:1700px;padding:21px 26px 45px;margin:0 auto}
.top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 0 20px;border-bottom:1px solid #253447}.brand{display:flex;align-items:center;gap:12px}.logo{width:42px;height:42px;background:linear-gradient(135deg,#4766c9,#1cb59b);border-radius:13px;display:grid;place-items:center;font-weight:900;font-size:17px;letter-spacing:-3px;box-shadow:0 8px 22px #214c8d55}.logo span{font-size:11px;color:#bcefff}.brand strong{font-size:21px;line-height:1;letter-spacing:-.7px}.brand strong em{font-style:normal;color:#9db5ed}.brand small{display:block;color:#8098b6;font-size:10px;letter-spacing:.2em;margin-top:6px}.live{display:flex;align-items:center;gap:9px;font-size:11px}.live strong{font-weight:750}.live span:last-child{color:var(--muted);margin-left:5px}.dot,.bullet{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;background:#ecae6a;box-shadow:0 0 11px #ecae6a44}.dot.ok{background:#49dba1;box-shadow:0 0 12px #49dba155}.dot.err{background:#fb8191}
.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:23px 0 18px}.eyebrow,.overline{font-size:10px;color:#93a7bf;letter-spacing:.15em;font-weight:760}.intro h1{margin:7px 0 4px;font-size:clamp(25px,2.9vw,36px);line-height:1.12;letter-spacing:-1.2px}.intro h1 em{font-style:normal;color:#a4bcff}.intro p{margin:0;color:#8a9db6;font-size:12px}.mode{border:1px solid #274f43;background:#122720;border-radius:9px;color:#9beecb;padding:9px 12px;white-space:nowrap;font-size:10px;font-weight:800}.mode .bullet{background:#63dca9;margin-right:5px}.mode small{display:block;color:#8ca9a0;font-weight:400;padding-left:18px}
.toolbar{display:flex;align-items:flex-end;flex-wrap:wrap;gap:11px;padding:9px 0 18px}.field{display:flex;flex-direction:column;gap:6px;color:#94a8c0;font-size:10px;letter-spacing:.09em;font-weight:750}.field input,.field select,.capital input{color:#eef6ff;background:#142135;border:1px solid #30445e;outline:none;border-radius:9px;height:40px;padding:0 12px}.field input:focus,.field select:focus,.capital input:focus{border-color:#8aa8ff}.pair input{text-transform:uppercase;min-width:185px}.btn{height:40px;padding:0 17px;border:1px solid #648bff;background:#597bdb;color:#fff;border-radius:9px;font-weight:800}.btn:hover{filter:brightness(1.15)}.btn:disabled{opacity:.55}.quick{display:flex;gap:5px}.quick button{background:#142136;border:1px solid #2d425d;color:#a9bad3;border-radius:8px;padding:10px 11px;font-size:11px}.toggle{height:40px;display:flex;align-items:center;gap:5px;color:#b1c1d6;white-space:nowrap;background:#142135;border:1px solid #30445e;border-radius:9px;padding:0 10px}.toggle select{background:transparent;color:#dde8ff;border:0}.toggle input,.toggles input{accent-color:#71b3ff}
.error{display:none;border:1px solid #9d4157;border-radius:10px;color:#ffd3da;background:#3f1f2d;padding:10px 15px;margin-bottom:13px}.error.show{display:block}.decision{border:1px solid #5b6c8c;background:linear-gradient(115deg,#1b2a44,#122036);border-radius:14px;display:grid;grid-template-columns:minmax(185px,.75fr) minmax(230px,2fr) 165px;gap:17px;align-items:center;padding:17px 21px;margin:0 0 14px}.decision.good{border-color:#369b74;background:linear-gradient(115deg,#10382d,#11252a)}.decision.wait{border-color:#8d6b35;background:linear-gradient(115deg,#3c2d1b,#18253a)}.decision.bad{border-color:#65475a;background:linear-gradient(115deg,#2e2233,#141e30)}.decision-title{font-size:clamp(24px,2.2vw,32px);letter-spacing:-.6px;font-weight:900;line-height:1.12;margin:6px 0}.decision.good .decision-title{color:#6ce4b2}.decision.wait .decision-title{color:#f0c079}.decision.bad .decision-title{color:#ef9aaa}.decision-detail strong{font-size:13px;color:#e7f1fc}.decision-detail p{font-size:11px;color:#9aadc4;margin:5px 0 0}.muted{color:#90a3bd;font-size:11px}.count strong{font-size:25px;display:block;font-variant-numeric:tabular-nums}.count small{font-size:10px;color:#9aabc2}
.kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin-bottom:14px}.kpis article{min-width:0;background:#121e2e;border:1px solid #2a3a52;border-radius:13px;padding:13px 15px;min-height:99px}.kpis span,.profile-stat span{font-size:10px;color:#91a6be;letter-spacing:.09em;font-weight:800}.kpis strong{display:block;margin-top:7px;font-size:clamp(16px,1.65vw,23px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.4px}.kpis small{display:block;font-size:10px;color:#8297b0;margin-top:6px}
.content{display:grid;grid-template-columns:minmax(0,1fr) 355px;gap:14px;align-items:stretch}.panel{min-width:0;border:1px solid #28394e;border-radius:14px;background:linear-gradient(180deg,#111b2a,#0d1624);overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:13px 16px;border-bottom:1px solid #26354a}.panel-header h2{margin:0;font-size:14px;font-weight:790}.panel-header small{font-size:10px;color:#8499b4}.toggles{display:flex;gap:10px;flex-wrap:wrap}.toggles label{white-space:nowrap;color:#a5b6ca;font-size:10px}.legend{display:flex;gap:13px;flex-wrap:wrap;padding:10px 16px 0;font-size:10px;color:#9eafc5}.legend i{display:inline-block;width:8px;height:8px;margin-right:5px;border-radius:2px}.canvas-wrap{height:665px;position:relative;padding:8px 6px 3px}canvas{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none}.crosshair{display:none;position:absolute;top:12px;left:12px;max-width:285px;border:1px solid #425b7e;border-radius:10px;background:#111d2bf2;color:#e5f0ff;padding:10px 12px;font:10px/1.6 ui-monospace,Consolas,monospace;pointer-events:none;z-index:2}.chart-footer{padding:9px 15px;border-top:1px solid #25364c;color:#8092aa;font-size:10px}.mini-tag{background:#1f2c40;border:1px solid #364b62;border-radius:7px;color:#9eb2ca;padding:5px 8px;font-size:9px;letter-spacing:.08em;font-weight:800}
.side-body{padding:15px}.sidebar-description{color:#b4c3d6;margin:0 0 15px;line-height:1.6;font-size:11px}.entry-list{display:flex;flex-direction:column;gap:8px}.entry{border:1px solid #2d4354;border-radius:10px;background:#162234;display:flex;gap:9px;align-items:center;padding:11px 10px}.step{height:27px;width:27px;display:grid;place-items:center;border-radius:8px;background:#1d5546;border:1px solid #368369;color:#83f2c1;font-weight:900;flex-shrink:0}.entry strong{font-size:11px;display:block}.entry small{color:#869cb5;display:block;font-size:9px;line-height:1.35;margin-top:3px}.right{margin-left:auto;text-align:right;white-space:nowrap}.right b{font-variant-numeric:tabular-nums;font-size:12px}.targets{margin:15px 0;border-top:1px solid #2b3c50}.targets>div{display:flex;justify-content:space-between;gap:7px;align-items:center;padding:11px 0;border-bottom:1px solid #26384e}.targets span{font-size:10px;color:#93a8bd;letter-spacing:.03em}.targets strong{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13px}.gold{color:var(--gold)}.red{color:var(--red)}.green{color:var(--green)}.warning{padding:11px;border:1px solid #67533f;border-radius:9px;background:#282319;color:#d6c5aa;font-size:10px;line-height:1.65}.side h3{font-size:11px;color:#b6c9e0;letter-spacing:.08em;margin:17px 0 11px}.capital{display:grid;grid-template-columns:1fr 1fr;gap:8px}.capital label{color:#93a8c0;font-size:10px}.capital input{margin-top:5px;width:100%;height:36px}.kv{display:flex;justify-content:space-between;gap:7px;padding:9px 0;border-bottom:1px solid #243449;color:#95a8bc;font-size:11px}.kv strong{color:#e3edf7;font-variant-numeric:tabular-nums}.tiny-note{margin-top:10px;font-size:9px;color:#849bb5;line-height:1.6}
.lower{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.profile-grid{padding:15px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.profile-stat{border:1px solid #293c55;background:#152438;border-radius:10px;padding:13px}.profile-stat strong{display:block;margin-top:8px;font-size:19px;font-variant-numeric:tabular-nums}.disclaimer{color:#869bb4;font-size:10px;line-height:1.75;padding:0 16px 15px;margin:0}.disclaimer strong{color:#b0c3da}.conditions{padding:13px 17px 6px}.condition{display:flex;gap:10px;justify-content:space-between;border-bottom:1px solid #26374e;padding:10px 0;color:#bfcee0;font-size:11px}.condition em{font-style:normal;font-weight:800}.condition em.ok{color:#61e5b0}.condition em.no{color:#ff9dad}footer{color:#7f95ae;font-size:10px;padding-top:25px;line-height:1.7}
@media(max-width:1260px){.content{grid-template-columns:minmax(0,1fr) 315px}.shell{padding:16px}.kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:1030px){.content{grid-template-columns:1fr}.side-body{display:grid;grid-template-columns:1fr 1fr;column-gap:18px;align-items:start}.side-body>.sidebar-description,.side-body>.warning,.side-body>.tiny-note{grid-column:1/-1}.chart-panel{min-width:0}}@media(max-width:700px){.intro{display:block}.mode{display:inline-block;margin-top:12px}.decision{grid-template-columns:1fr;gap:8px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.lower{grid-template-columns:1fr}.side-body{display:block}.canvas-wrap{height:535px}.top{align-items:flex-start}.live{flex-direction:column;align-items:flex-end;gap:2px}.live .dot{display:none}.toolbar{gap:7px}.profile-grid{gap:6px}.profile-stat strong{font-size:17px}}

/* Temporalidad operativa fija */
.timeframe-explainer{color:#a9bdd2;font-size:11px;line-height:1.55;margin:0 0 15px;padding:9px 12px;background:#142438;border-left:3px solid #70bdff;border-radius:0 8px 8px 0}
.timeframe-explainer strong{color:#c5e9ff;letter-spacing:.025em}

/* v0.4 · Forward-planning surfaces */
.scenario-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 14px}
.scenario-item{padding:15px 16px 13px;background:linear-gradient(150deg,#142337,#111b2b);border:1px solid #314662;border-radius:12px;min-width:0}
.scenario-item.pullback{border-top:3px solid #52d2a8}
.scenario-item.continuation{border-top:3px solid #a2a1ff}
.scenario-item.invalidation{border-top:3px solid #f17f92}
.scenario-head{display:flex;align-items:center;gap:10px;color:#a6b9d0;font-size:10px;letter-spacing:.06em}
.scenario-head span{height:25px;width:25px;display:grid;place-items:center;background:#273e56;color:#d4e7fa;border-radius:7px;font-size:10px}
.scenario-value{font-size:clamp(18px,1.9vw,25px);font-weight:800;letter-spacing:-.035em;margin:11px 0 4px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scenario-item.pullback .scenario-value{color:#68e2b3}
.scenario-item.continuation .scenario-value{color:#b6b5ff}
.scenario-item.invalidation .scenario-value{color:#ff9eaf}
.scenario-item p{font-size:11px;line-height:1.5;color:#9aadc5;margin:0}
.projection-label{font-size:11px;background:linear-gradient(90deg,#21344b,#172439);color:#afc2d7;margin:11px 15px 0;padding:10px 12px;border-left:3px solid #85afe8;border-radius:0 8px 8px 0;line-height:1.5}
.projection-label span{display:inline-block;margin-right:7px;font-weight:900;color:#cee4fc;letter-spacing:.035em}
.projection-label strong{color:#e3edf7}
.activation{margin:13px 0 4px;background:#172b31;border:1px solid #355c56;border-radius:10px;padding:12px}
.activation-head{font-size:10px;font-weight:900;color:#9deacc;letter-spacing:.08em}
.activation p{color:#bad1cf;font-size:11px;line-height:1.65;margin:9px 0}
.activation-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding-top:9px;border-top:1px solid #30504d;color:#88a79d;font-size:9px}
.activation-foot span:first-child{color:#8ce2be;font-weight:800}
@media(max-width:1000px){.scenario-strip{grid-template-columns:1fr 1fr}.scenario-item:last-child{grid-column:1/-1}}
@media(max-width:650px){.scenario-strip{grid-template-columns:1fr}.scenario-item:last-child{grid-column:auto}.scenario-value{font-size:21px}.projection-label{margin:10px 10px 0}}

/* v0.4 · Conditional payoffs */
.payoff-section{margin:14px 0}
.payoff-content{padding:0 15px 5px;overflow-x:auto}
.payoff-table{width:100%;border-collapse:collapse;min-width:710px}
.payoff-table th{text-align:left;font-size:10px;letter-spacing:.05em;color:#97abc2;padding:13px 11px;border-bottom:1px solid #354861;white-space:nowrap}
.payoff-table td{padding:13px 11px;font-size:12px;color:#d2e2ef;border-bottom:1px solid #293a50;font-variant-numeric:tabular-nums;white-space:nowrap}
.payoff-table td.green{color:#65eab7;font-weight:700}
.payoff-table td.red{color:#ff9aab;font-weight:700}
.payoff-table tbody tr:last-child td{border-bottom:0}

/* v0.5 · empirical conditional ranges */
.analogue-section{margin:0 0 14px}
.analogue-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.analogue-cell{padding:15px 16px;border-right:1px solid #2b3a51;min-width:0}
.analogue-cell:last-child{border-right:0}
.analogue-cell span{color:#94a9c2;font-size:9px;letter-spacing:.07em;font-weight:750}
.analogue-cell strong{display:block;font-size:clamp(15px,1.6vw,22px);margin:9px 0 4px;color:#d1e4ff;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.analogue-cell small{display:block;color:#8fa4bf;font-size:10px;line-height:1.4}
.analogue-cell.result strong{color:#b6e4c9}
@media(max-width:1050px){.analogue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analogue-cell:nth-child(2){border-right:0}.analogue-cell:nth-child(-n+2){border-bottom:1px solid #293a51}}
@media(max-width:550px){.analogue-grid{grid-template-columns:1fr}.analogue-cell{border-right:0!important;border-bottom:1px solid #293a51}.analogue-cell:last-child{border-bottom:0}}

/* v0.6 · Evidence before forecasts */
.audit-panel{margin-bottom:14px;border-color:#3a4f6a}
.audit-verdict{padding:16px;display:grid;grid-template-columns:245px 1fr;gap:20px;align-items:center;border-bottom:1px solid #304059;background:linear-gradient(100deg,#1b3048,#121e2d)}
.audit-verdict strong{display:block;font-size:22px;margin-top:5px;letter-spacing:-.45px;color:#f6cc83}
.audit-verdict strong.good{color:#7ae5b6}
.audit-verdict strong.bad{color:#ff9fae}
.audit-verdict p{margin:0;color:#aec0d4;font-size:12px;line-height:1.6}
.audit-scroll{padding:0 14px;overflow-x:auto}
.audit-table{width:100%;min-width:860px;border-collapse:collapse;line-height:1.45}
.audit-table th{text-align:left;font-size:10px;color:#95abc7;padding:12px 9px;border-bottom:1px solid #38506e;letter-spacing:.055em}
.audit-table td{color:#dbe5f1;font-size:11px;padding:13px 9px;border-bottom:1px solid #2b405a;white-space:nowrap;font-variant-numeric:tabular-nums}
.audit-table td small{display:block;font-size:9px;margin-top:3px;color:#9eafc4;white-space:normal;max-width:200px}
.audit-table tr:last-child td{border-bottom:0}
.audit-table .negative{color:#ff99aa;font-weight:800}
.audit-table .positive{color:#75e3b6;font-weight:800}
.audit-table .uncertain{color:#efc179}
@media(max-width:780px){.audit-verdict{grid-template-columns:1fr;gap:7px}.audit-verdict strong{font-size:19px}.audit-verdict p{font-size:11px}}
