/* =====================================================================
   options.css — Options Desk · futuristisches Live-Optionen-Terminal
   Neon-Glow, Glas-Panels, Eck-Akzente, weiche Animationen.
   ===================================================================== */
:root{
  --bg:#04070e;
  --call:#2ee6a6; --put:#ff5d73; --open:#2ee6a6;
  --cyan:#4de2f0; --violet:#b58cff; --amber:#f4b942; --gold:#ffd75e;
  --ink:#e6edf6; --ink-soft:#9fb2c6; --ink-dim:#62748a; --ink-faint:#3a4859;
  --line:rgba(90,150,210,0.16); --line-2:rgba(90,150,210,0.08);
  --glass:rgba(10,18,30,0.55);
  --mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  --sans:"Space Grotesk",system-ui,sans-serif;
}
*{box-sizing:border-box;}
html,body{margin:0;min-height:100%;background:var(--bg);}
body{
  font-family:var(--mono);color:var(--ink);-webkit-font-smoothing:antialiased;
  min-height:100vh;padding:0 0 34px;position:relative;overflow-x:hidden;
  background:
    radial-gradient(1100px 600px at 80% -10%, rgba(40,90,150,0.20), transparent 60%),
    radial-gradient(900px 600px at 0% 8%, rgba(120,80,200,0.12), transparent 55%),
    radial-gradient(1000px 700px at 50% 120%, rgba(20,120,110,0.10), transparent 55%),
    var(--bg);
}
/* feines Tech-Gitter im Hintergrund */
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:0.5;
  background-image:linear-gradient(rgba(90,150,210,0.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(90,150,210,0.05) 1px,transparent 1px);
  background-size:46px 46px;mask-image:radial-gradient(120% 90% at 50% 0%,#000 30%,transparent 85%);}
.tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;}
.up{color:var(--call);} .down{color:var(--put);} .flat{color:var(--ink-dim);}
button{font-family:inherit;}
.glow{text-shadow:0 0 14px currentColor;}

/* ---------- Kopfzeile ---------- */
.top{position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:16px;
  padding:11px 20px;background:linear-gradient(180deg,rgba(5,10,18,0.96),rgba(5,10,18,0.82));
  backdrop-filter:blur(12px);border-bottom:1px solid var(--line);flex-wrap:wrap;}
.top::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(77,226,240,0.6),rgba(181,140,255,0.5),transparent);}
.brand{display:flex;flex-direction:column;gap:1px;margin-right:4px;}
.brand .t{font-size:13px;letter-spacing:0.28em;text-transform:uppercase;color:var(--gold);font-weight:600;text-shadow:0 0 18px rgba(255,215,94,0.4);}
.brand .s{font-size:8.5px;letter-spacing:0.16em;text-transform:uppercase;color:var(--cyan);opacity:0.8;}
.unds{display:flex;gap:5px;flex-wrap:wrap;align-items:center;}
.und-grp{font-size:7.5px;letter-spacing:0.14em;text-transform:uppercase;color:var(--ink-faint);
  padding:0 4px 0 8px;align-self:center;border-left:1px solid var(--line);margin-left:3px;white-space:nowrap;}
.unds > .und-grp:first-child{border-left:none;margin-left:0;padding-left:0;}
.und{appearance:none;border:1px solid var(--line);background:rgba(255,255,255,0.03);color:var(--ink-soft);
  display:flex;flex-direction:column;align-items:center;gap:0;line-height:1.05;
  font-size:10px;letter-spacing:0.04em;font-weight:600;padding:4px 9px;border-radius:5px;cursor:pointer;transition:all .16s;}
.und .u-main{font-size:11px;font-weight:600;letter-spacing:0.05em;}
.und .u-sub{font-size:7px;font-weight:500;letter-spacing:0.04em;color:var(--ink-faint);text-transform:uppercase;}
.und:hover{color:var(--ink);border-color:var(--cyan);box-shadow:0 0 14px rgba(77,226,240,0.25);}
.und:hover .u-sub{color:var(--ink-dim);}
.und.active{background:linear-gradient(180deg,rgba(77,226,240,0.18),rgba(77,226,240,0.06));
  border-color:rgba(77,226,240,0.7);color:var(--cyan);box-shadow:0 0 16px rgba(77,226,240,0.3);}
.und.active .u-sub{color:var(--cyan);opacity:0.7;}
.spotbox{display:flex;align-items:baseline;gap:8px;margin-left:auto;}
.spot-sym{font-size:10px;letter-spacing:0.12em;color:var(--ink-dim);text-transform:uppercase;}
.spot-px{font-size:21px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;text-shadow:0 0 18px rgba(230,237,246,0.25);}
.spot-ch{font-size:10px;font-variant-numeric:tabular-nums;color:var(--ink-dim);}
.spot-note{font-size:8.5px;letter-spacing:0.05em;color:var(--ink-dim);opacity:0.8;max-width:260px;line-height:1.4;}
.exp-wrap{display:flex;align-items:center;gap:7px;}
.exp-wrap label{font-size:9px;letter-spacing:0.12em;text-transform:uppercase;color:var(--ink-dim);}
select.exp{appearance:none;background:rgba(255,255,255,0.04);border:1px solid var(--line);color:var(--ink);
  font-family:var(--mono);font-size:11px;padding:5px 26px 5px 10px;border-radius:4px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%234de2f0' fill='none' stroke-width='1.4'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 9px center;background-size:9px;}
.back{font-size:9.5px;letter-spacing:0.12em;text-transform:uppercase;color:var(--ink-soft);text-decoration:none;
  border:1px solid var(--line);border-radius:4px;padding:5px 11px;transition:all .16s;white-space:nowrap;}
.navlinks{display:flex;gap:6px;}
.lang-toggle{display:inline-flex;border:1px solid var(--line);border-radius:4px;overflow:hidden;}
.lang-btn{appearance:none;border:none;background:transparent;color:var(--ink-dim);font-family:var(--mono);
  font-size:9.5px;font-weight:600;letter-spacing:0.08em;padding:5px 9px;cursor:pointer;border-right:1px solid var(--line);transition:all .14s;}
.lang-btn:last-child{border-right:none;}
.lang-btn.active{background:rgba(244,185,66,0.16);color:var(--gold);}
.lang-btn:hover:not(.active){color:var(--ink-soft);}
.back:hover{color:var(--gold);border-color:rgba(244,185,66,0.6);box-shadow:0 0 14px rgba(244,185,66,0.2);}
/* Auto-Refresh-Statusanzeige */
.updstamp{display:inline-flex;align-items:center;gap:6px;font-size:9px;letter-spacing:0.06em;color:var(--ink-dim);
  border:1px solid var(--line);border-radius:4px;padding:5px 9px;white-space:nowrap;}
.upd-dot{width:6px;height:6px;border-radius:50%;background:var(--call);box-shadow:0 0 7px var(--call);
  animation:pulse 1.8s ease-in-out infinite;flex:none;}
.updstamp.busy .upd-dot{background:var(--amber);box-shadow:0 0 7px var(--amber);animation-duration:.7s;}
.updstamp.stale .upd-dot{background:var(--put);box-shadow:0 0 7px var(--put);animation:none;}
.dte{font-size:9px;color:var(--cyan);letter-spacing:0.06em;}
/* Symbol-Leiste unter der Kopfzeile */
.symbar{position:sticky;top:55px;z-index:55;padding:8px 20px;background:rgba(5,10,18,0.82);
  backdrop-filter:blur(12px);border-bottom:1px solid var(--line-2);display:flex;align-items:center;gap:14px;}
.symbar .unds{flex:1 1 auto;}
.bias{flex:none;display:flex;align-items:center;gap:7px;position:relative;border:1px solid var(--line);
  border-radius:5px;padding:5px 9px;background:rgba(255,255,255,0.02);}
.bias-k{font-size:7.5px;letter-spacing:0.12em;text-transform:uppercase;color:var(--ink-dim);}
.bias-v{font-size:11px;font-weight:600;letter-spacing:0.03em;color:var(--ink-soft);font-variant-numeric:tabular-nums;}
.bias-v.bull{color:var(--call);text-shadow:0 0 12px rgba(46,230,166,0.4);}
.bias-v.bear{color:var(--put);text-shadow:0 0 12px rgba(255,93,115,0.4);}
.bias-v.neutral{color:var(--amber);}
@media(max-width:680px){.symbar{flex-wrap:wrap;}.bias{margin-left:auto;}}

/* ---------- Layout ---------- */
.wrap{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:16px;padding:16px 20px;
  max-width:1680px;margin:0 auto;align-items:stretch;position:relative;z-index:1;}
@media(max-width:1040px){.wrap{grid-template-columns:1fr;}}
.col{display:flex;flex-direction:column;gap:16px;min-width:0;}
.panel{position:relative;background:var(--glass);border:1px solid var(--line);border-radius:8px;
  box-shadow:0 10px 40px rgba(0,0,0,0.45),inset 0 1px 0 rgba(255,255,255,0.03);
  backdrop-filter:blur(10px) saturate(1.1);overflow:hidden;}
/* leuchtende Eck-Akzente */
.panel::before,.panel::after{content:"";position:absolute;width:14px;height:14px;pointer-events:none;z-index:3;}
.panel::before{top:0;left:0;border-top:1.5px solid rgba(77,226,240,0.55);border-left:1.5px solid rgba(77,226,240,0.55);border-top-left-radius:8px;}
.panel::after{bottom:0;right:0;border-bottom:1.5px solid rgba(181,140,255,0.45);border-right:1.5px solid rgba(181,140,255,0.45);border-bottom-right-radius:8px;}
.panel.hero{border-color:rgba(77,226,240,0.28);box-shadow:0 14px 50px rgba(0,0,0,0.5),0 0 50px rgba(40,120,160,0.10),inset 0 1px 0 rgba(255,255,255,0.04);display:flex;flex-direction:column;}
/* rechte OI-Liste füllt den Spaltenraum (linke Spalte gibt die Höhe vor) */
.panel.fill{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;}
.panel.fill .oi-scroll{flex:1 1 0;max-height:none;min-height:120px;}
.ph{display:flex;align-items:center;gap:8px;font-size:9.5px;letter-spacing:0.2em;text-transform:uppercase;
  color:var(--ink-soft);padding:9px 13px;border-bottom:1px solid var(--line-2);font-weight:600;position:relative;}
.ph .live{width:6px;height:6px;border-radius:50%;background:var(--call);box-shadow:0 0 8px var(--call);animation:pulse 1.8s ease-in-out infinite;}
.ph .meta{margin-left:auto;color:var(--ink-dim);letter-spacing:0.05em;text-transform:none;font-size:8.5px;font-weight:400;}
@keyframes pulse{0%,100%{opacity:1;}50%{opacity:.3;}}
@keyframes fadeUp{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
.panel{animation:fadeUp .4s ease both;}

/* ---------- Strategie-Berater ---------- */
.advisor{border-color:rgba(181,140,255,0.3);box-shadow:0 14px 50px rgba(0,0,0,0.5),0 0 40px rgba(120,80,200,0.10),inset 0 1px 0 rgba(255,255,255,0.04);}
.adv-body{padding:12px 13px 6px;display:flex;flex-direction:column;gap:11px;}
.adv-step{display:flex;flex-direction:column;gap:6px;}
.adv-q{font-size:10.5px;color:var(--ink-soft);letter-spacing:0.03em;display:flex;align-items:center;gap:7px;}
.adv-n{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;
  background:rgba(181,140,255,0.18);border:1px solid rgba(181,140,255,0.5);color:var(--violet);font-size:9px;font-weight:600;flex:none;}
.adv-q .help-btn{margin-left:2px;}
.adv-seg{display:flex;gap:5px;flex-wrap:wrap;}
.adv-seg button{appearance:none;flex:1 1 auto;border:1px solid var(--line);background:rgba(255,255,255,0.03);
  color:var(--ink-soft);font-family:var(--mono);font-size:10px;letter-spacing:0.02em;padding:7px 6px;border-radius:5px;
  cursor:pointer;transition:all .16s;white-space:nowrap;}
.adv-seg button:hover{color:var(--ink);border-color:var(--violet);}
.adv-seg button.active{background:linear-gradient(180deg,rgba(181,140,255,0.22),rgba(181,140,255,0.06));
  border-color:rgba(181,140,255,0.7);color:#d9c6ff;box-shadow:0 0 14px rgba(181,140,255,0.28);}
/* Ergebnis-Karte */
.adv-result{margin:8px 13px 14px;border:1px solid var(--line);border-radius:8px;overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,0.035),rgba(255,255,255,0));}
.adv-rhead{display:flex;align-items:center;gap:10px;padding:11px 13px;border-bottom:1px solid var(--line-2);}
.adv-badge{flex:none;font-size:11px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;padding:6px 11px;border-radius:5px;}
.adv-badge.buy{color:#04120c;background:linear-gradient(180deg,#46f0b0,#19c98c);box-shadow:0 0 18px rgba(46,230,166,0.45);}
.adv-badge.sell{color:#1a0509;background:linear-gradient(180deg,#ff8194,#ff5d73);box-shadow:0 0 18px rgba(255,93,115,0.45);}
.adv-badge.neutral{color:#0c0a02;background:linear-gradient(180deg,#ffe07a,#f4b942);box-shadow:0 0 18px rgba(255,215,94,0.4);}
.adv-rtitle{display:flex;flex-direction:column;gap:2px;min-width:0;}
.adv-rtitle .rt{font-size:13px;font-weight:600;color:var(--ink);letter-spacing:0.01em;}
.adv-rtitle .rs{font-size:9px;color:var(--cyan);letter-spacing:0.04em;}
.adv-plain{padding:10px 13px;font-size:10.5px;line-height:1.55;color:var(--ink-soft);border-bottom:1px solid var(--line-2);}
.adv-plain b{color:var(--ink);}
.adv-recipe{padding:9px 13px;display:flex;flex-direction:column;gap:5px;border-bottom:1px solid var(--line-2);}
.adv-leg{display:flex;align-items:center;gap:8px;font-size:10px;}
.adv-leg .al-act{flex:none;width:58px;font-weight:600;letter-spacing:0.04em;}
.adv-leg .al-act.long{color:var(--call);} .adv-leg .al-act.short{color:var(--put);}
.adv-leg .al-desc{color:var(--ink-soft);}
.adv-leg .al-prem{margin-left:auto;color:var(--cyan);font-variant-numeric:tabular-nums;}
.adv-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:11px 13px;}
.adv-stat{display:flex;flex-direction:column;gap:2px;min-width:0;}
.adv-stat .ak{font-size:7.5px;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink-dim);}
.adv-stat .av{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink);}
.adv-stat.profit .av{color:var(--call);} .adv-stat.loss .av{color:var(--put);}
.adv-thesis{padding:10px 13px;font-size:10px;line-height:1.5;color:var(--ink-soft);display:flex;gap:8px;align-items:flex-start;}
.adv-thesis .ti{color:var(--gold);flex:none;}
.adv-thesis b{color:var(--gold);}
.adv-watch{padding:0 13px 11px;font-size:10px;line-height:1.5;color:var(--ink-soft);display:flex;gap:8px;align-items:flex-start;}
.adv-watch .ti{color:var(--amber);flex:none;}
.adv-watch b{color:var(--ink);}
.adv-timing{padding:0 13px 12px;font-size:10px;line-height:1.5;color:var(--ink-soft);display:flex;gap:8px;align-items:flex-start;}
.adv-timing .ti{color:var(--cyan);flex:none;}
.adv-timing b{color:var(--ink);}
.adv-ivlage{padding:9px 13px 12px;margin:0 0 0;font-size:10px;line-height:1.5;color:var(--ink-soft);display:flex;gap:8px;align-items:flex-start;border-top:1px solid var(--line-2);}
.adv-ivlage .ti{flex:none;}
.adv-ivlage b{color:var(--ink);}
.adv-ivlage.high .ti{color:var(--put);}
.adv-ivlage.low .ti{color:var(--call);}
.adv-ivlage.mid .ti{color:var(--amber);}
/* Gewinn-Chance im Kopf der Ergebniskarte */
.adv-pop{flex:none;display:flex;flex-direction:column;align-items:center;gap:0;padding:3px 10px;border-radius:6px;
  border:1px solid var(--line);background:rgba(255,255,255,0.03);line-height:1.05;}
.adv-pop.profit{border-color:rgba(46,230,166,0.5);background:rgba(46,230,166,0.08);}
.adv-pop.loss{border-color:rgba(255,93,115,0.45);background:rgba(255,93,115,0.07);}
.adv-pop .pop-v{font-size:16px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;}
.adv-pop.profit .pop-v{color:var(--call);} .adv-pop.loss .pop-v{color:var(--put);}
.adv-pop .pop-k{font-size:7px;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-dim);}
/* Einsatz-Rechner */
.adv-sizing{margin:0 13px 11px;border:1px solid var(--line);border-radius:7px;overflow:hidden;
  background:linear-gradient(180deg,rgba(77,226,240,0.05),rgba(255,255,255,0));}
.sz-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 11px;border-bottom:1px solid var(--line-2);
  font-size:9px;letter-spacing:0.1em;text-transform:uppercase;color:var(--cyan);font-weight:600;}
.sz-in{display:flex;align-items:center;gap:6px;font-size:9px;letter-spacing:0.04em;text-transform:none;color:var(--ink-dim);}
.sz-in input{width:78px;background:rgba(255,255,255,0.05);border:1px solid var(--line);color:var(--ink);
  font-family:var(--mono);font-size:11px;font-weight:600;padding:3px 7px;border-radius:4px;text-align:right;}
.sz-in input:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 10px rgba(77,226,240,0.3);}
.sz-out{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line-2);}
.sz-cell{background:rgba(8,14,22,0.6);padding:8px 9px;font-size:9px;color:var(--ink-dim);display:flex;flex-direction:column;gap:2px;}
.sz-cell b{font-size:13px;color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600;}
.sz-cell b.up{color:var(--call);} .sz-cell b.down{color:var(--put);}
.sz-note{padding:6px 11px;font-size:8px;color:var(--ink-faint);letter-spacing:0.03em;}
.adv-intro{font-size:9.5px;line-height:1.5;color:var(--ink-dim);padding:2px 2px 4px;}
.adv-intro b{color:var(--ink-soft);}
.adv-tip{margin-left:auto;font-size:8px;letter-spacing:0.02em;color:var(--ink-faint);font-style:italic;text-align:right;}
/* Leitfaden Analyse → Ausführung */
.adv-guide{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:rgba(181,140,255,0.04);}
.adv-guide-tog{width:100%;appearance:none;border:none;background:transparent;color:var(--violet);font-family:var(--mono);
  font-size:9.5px;letter-spacing:0.1em;text-transform:uppercase;font-weight:600;padding:8px 11px;cursor:pointer;
  display:flex;align-items:center;gap:8px;transition:background .15s;}
.adv-guide-tog:hover{background:rgba(181,140,255,0.07);}
.adv-guide-tog .ag-ic{transition:transform .2s;font-size:10px;}
.adv-guide-tog[aria-expanded="true"] .ag-ic{transform:rotate(180deg);}
.adv-guide-body{padding:4px 13px 12px;border-top:1px solid var(--line-2);}
.adv-guide-body[hidden]{display:none;}
.ag-steps{margin:8px 0 0;padding:0 0 0 20px;display:flex;flex-direction:column;gap:7px;}
.ag-steps li{font-size:10px;line-height:1.5;color:var(--ink-soft);}
.ag-steps li::marker{color:var(--violet);font-weight:600;}
.ag-steps b{color:var(--ink);}
.ag-steps em{color:var(--cyan);font-style:normal;}
.ag-timing{margin-top:11px;border:1px solid rgba(244,185,66,0.3);border-radius:6px;background:rgba(244,185,66,0.05);padding:9px 11px;}
.ag-timing-h{font-size:9.5px;font-weight:600;color:var(--amber);letter-spacing:0.02em;margin-bottom:6px;}
.ag-timing p{margin:0 0 6px;font-size:10px;line-height:1.5;color:var(--ink-soft);}
.ag-timing p:last-child{margin-bottom:0;}
.ag-timing b{color:var(--ink);}

/* ---------- Szenario-Simulator ---------- */
.sim-panel{max-width:1680px;margin:16px auto 0;padding:0 20px;position:relative;z-index:1;}
.panel.sim{border-color:rgba(77,226,240,0.26);box-shadow:0 14px 50px rgba(0,0,0,0.5),0 0 44px rgba(40,120,160,0.10),inset 0 1px 0 rgba(255,255,255,0.04);}
.sim-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px;padding:14px;}
@media(max-width:920px){.sim-grid{grid-template-columns:1fr;}}
.sim-left{display:flex;flex-direction:column;gap:11px;min-width:0;}
.sim-presets{display:flex;flex-wrap:wrap;gap:5px;}
.sim-presets button{appearance:none;flex:1 1 auto;border:1px solid var(--line);background:rgba(255,255,255,0.03);
  color:var(--ink-soft);font-family:var(--mono);font-size:9.5px;padding:6px 8px;border-radius:5px;cursor:pointer;transition:all .16s;white-space:nowrap;}
.sim-presets button:hover{color:var(--ink);border-color:var(--cyan);}
.sim-presets button.active{background:linear-gradient(180deg,rgba(77,226,240,0.2),rgba(77,226,240,0.05));border-color:rgba(77,226,240,0.7);color:var(--cyan);box-shadow:0 0 14px rgba(77,226,240,0.25);}
.sim-ctrl{display:flex;flex-direction:column;gap:11px;padding:2px 2px;}
.sim-row{display:flex;flex-direction:column;gap:5px;}
.sim-row label{font-size:9.5px;color:var(--ink-soft);letter-spacing:0.03em;display:flex;justify-content:space-between;gap:8px;}
.sim-row label span{color:var(--cyan);font-variant-numeric:tabular-nums;font-weight:600;}
.sim-row input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:5px;border-radius:4px;
  background:linear-gradient(90deg,rgba(255,93,115,0.5),rgba(150,170,195,0.25),rgba(46,230,166,0.5));outline:none;}
.sim-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;
  background:#e6edf6;border:2px solid #4de2f0;cursor:pointer;box-shadow:0 0 10px rgba(77,226,240,0.6);}
.sim-row input[type=range]::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:#e6edf6;border:2px solid #4de2f0;cursor:pointer;}
.sim-row.sim-time input[type=range]{background:linear-gradient(90deg,rgba(77,226,240,0.4),rgba(255,215,94,0.4));}
.sim-scale{display:flex;justify-content:space-between;font-size:7.5px;color:var(--ink-faint);letter-spacing:0.04em;}
#simChart{width:100%;height:208px;display:block;margin-top:2px;}
.sim-right{display:flex;flex-direction:column;gap:11px;min-width:0;}
.sim-verdict{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:8px;border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(255,255,255,0.03),rgba(255,255,255,0));}
.sim-verdict.win{border-color:rgba(46,230,166,0.6);box-shadow:0 0 26px rgba(46,230,166,0.18);background:linear-gradient(180deg,rgba(46,230,166,0.12),rgba(46,230,166,0.02));}
.sim-verdict.lose{border-color:rgba(255,93,115,0.6);box-shadow:0 0 26px rgba(255,93,115,0.16);background:linear-gradient(180deg,rgba(255,93,115,0.12),rgba(255,93,115,0.02));}
.sim-verdict.warn{border-color:rgba(244,185,66,0.6);box-shadow:0 0 26px rgba(244,185,66,0.16);background:linear-gradient(180deg,rgba(244,185,66,0.12),rgba(244,185,66,0.02));}
.sim-verdict.flat{border-color:var(--line);}
.sv-ico{flex:none;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;}
.sim-verdict.win .sv-ico{background:rgba(46,230,166,0.18);color:var(--call);}
.sim-verdict.lose .sv-ico{background:rgba(255,93,115,0.18);color:var(--put);}
.sim-verdict.warn .sv-ico{background:rgba(244,185,66,0.18);color:var(--amber);}
.sim-verdict.flat .sv-ico{background:rgba(150,170,195,0.14);color:var(--ink-soft);}
.sv-tx{flex:1 1 auto;min-width:0;}
.sv-head{font-size:12.5px;font-weight:600;color:var(--ink);letter-spacing:0.01em;line-height:1.2;}
.sv-sub{font-size:9.5px;color:var(--ink-soft);margin-top:2px;line-height:1.35;}
.sv-pl{flex:none;font-size:18px;font-weight:600;font-variant-numeric:tabular-nums;}
.sv-pl.up{color:var(--call);} .sv-pl.down{color:var(--put);}
.sv-empty{font-size:10px;color:var(--ink-dim);text-align:center;padding:14px;line-height:1.5;}
.sim-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;}
.sim-stat{border:1px solid var(--line);border-radius:6px;padding:8px 10px;display:flex;flex-direction:column;gap:2px;
  background:linear-gradient(180deg,rgba(255,255,255,0.03),rgba(255,255,255,0));}
.sim-stat .sk{font-size:7.5px;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink-dim);}
.sim-stat .sv{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink);}
.sim-stat .sv.up{color:var(--call);} .sim-stat .sv.down{color:var(--put);}
.sim-explain{border-top:1px solid var(--line-2);padding-top:9px;display:flex;flex-direction:column;gap:6px;}
.sim-explain p{margin:0;font-size:10px;line-height:1.5;color:var(--ink-soft);}
.sim-explain b{color:var(--ink);}
.ex-tag{display:inline-block;font-size:7.5px;letter-spacing:0.08em;text-transform:uppercase;color:var(--cyan);
  border:1px solid rgba(77,226,240,0.4);border-radius:3px;padding:1px 5px;margin-right:5px;vertical-align:middle;}

/* ---------- Strategie / Payoff (Hero) ---------- */
.strat-bar{display:flex;flex-wrap:wrap;gap:5px;padding:11px 13px;border-bottom:1px solid var(--line-2);}
.strat{appearance:none;border:1px solid var(--line);background:rgba(255,255,255,0.03);color:var(--ink-soft);
  font-size:9.5px;padding:5px 10px;border-radius:5px;cursor:pointer;transition:all .16s;letter-spacing:0.02em;}
.strat:hover{color:var(--ink);border-color:var(--violet);box-shadow:0 0 12px rgba(181,140,255,0.22);}
.strat.active{background:linear-gradient(180deg,rgba(181,140,255,0.2),rgba(181,140,255,0.05));
  border-color:rgba(181,140,255,0.7);color:var(--violet);box-shadow:0 0 16px rgba(181,140,255,0.3);}
.legs{display:flex;flex-direction:column;gap:6px;padding:11px 13px;border-bottom:1px solid var(--line-2);}
.leg{display:grid;grid-template-columns:74px 1fr auto auto;gap:9px;align-items:center;font-size:10px;
  animation:fadeUp .25s ease both;}
.leg .leg-side{font-weight:600;letter-spacing:0.04em;}
.leg .leg-side.long{color:var(--call);} .leg .leg-side.short{color:var(--put);}
.leg select,.leg input{appearance:none;background:rgba(255,255,255,0.04);border:1px solid var(--line);
  color:var(--ink);font-family:var(--mono);font-size:10px;padding:4px 6px;border-radius:4px;width:100%;}
.leg .leg-prem{color:var(--cyan);font-variant-numeric:tabular-nums;text-align:right;}
.leg-del{appearance:none;border:none;background:transparent;color:var(--ink-faint);cursor:pointer;font-size:14px;line-height:1;padding:0 2px;}
.leg-del:hover{color:var(--put);}
.leg-add{margin:0 13px 11px;appearance:none;border:1px dashed var(--line);background:transparent;color:var(--ink-dim);
  font-family:var(--mono);font-size:9px;letter-spacing:0.1em;text-transform:uppercase;padding:6px;border-radius:5px;cursor:pointer;width:calc(100% - 26px);transition:all .16s;}
.leg-add:hover{color:var(--cyan);border-color:rgba(77,226,240,0.5);}
.payoff-wrap{padding:8px 8px 2px;position:relative;flex:1 1 auto;min-height:248px;display:flex;}
#payoffSvg{width:100%;height:100%;min-height:248px;display:block;}
.payoff-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:10px 13px 14px;}
.pstat{position:relative;border:1px solid var(--line);border-radius:6px;padding:8px 9px;display:flex;flex-direction:column;gap:3px;
  background:linear-gradient(180deg,rgba(255,255,255,0.03),rgba(255,255,255,0));min-width:0;overflow:hidden;}
.pstat .pk{font-size:7.5px;letter-spacing:0.12em;text-transform:uppercase;color:var(--ink-dim);}
.pstat .pv{font-size:13px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;}
.pstat.profit .pv{color:var(--call);} .pstat.loss .pv{color:var(--put);}

/* ---------- Greeks als Glow-Gauges ---------- */
.greeks{display:flex;flex-direction:column;gap:9px;padding:13px;}
.grow{display:grid;grid-template-columns:62px 1fr 78px;align-items:center;gap:11px;}
.grow .gn{font-size:10px;color:var(--ink-soft);letter-spacing:0.04em;}
.grow .gn b{color:var(--ink);font-weight:600;}
.gauge{position:relative;height:9px;border-radius:5px;background:rgba(255,255,255,0.05);overflow:hidden;}
.gauge::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(150,170,195,0.4);z-index:2;}
.gfill{position:absolute;top:0;bottom:0;width:0;border-radius:5px;transition:width .5s cubic-bezier(.2,.8,.2,1),background .3s;}
.gfill.pos{left:50%;background:linear-gradient(90deg,rgba(46,230,166,0.5),var(--call));box-shadow:0 0 12px rgba(46,230,166,0.5);}
.gfill.neg{right:50%;background:linear-gradient(270deg,rgba(255,93,115,0.5),var(--put));box-shadow:0 0 12px rgba(255,93,115,0.5);}
.grow .gv{font-size:12px;font-weight:600;text-align:right;font-variant-numeric:tabular-nums;color:var(--ink);}
.grow .gv small{display:block;font-size:7px;color:var(--ink-faint);font-weight:400;letter-spacing:0.04em;}

/* ---------- Open-Interest-Profil (interaktive Ladder) ---------- */
.oi-tools{display:flex;align-items:center;gap:8px;padding:7px 13px;border-bottom:1px solid var(--line-2);font-size:8.5px;color:var(--ink-dim);letter-spacing:0.05em;}
.oi-leg{display:inline-flex;align-items:center;gap:4px;}
.oi-leg i{width:8px;height:8px;border-radius:2px;display:inline-block;}
.oi-scroll{max-height:430px;overflow:auto;padding:6px 4px 8px;min-height:0;}
.oi-row{display:grid;grid-template-columns:1fr 58px 1fr;align-items:center;gap:5px;height:19px;}
.oi-row.mp{background:linear-gradient(90deg,transparent,rgba(255,215,94,0.10),transparent);}
.oi-side{position:relative;height:13px;display:flex;align-items:center;}
.oi-side.call{justify-content:flex-end;}
.oi-bar{height:13px;border-radius:2px;cursor:pointer;transition:filter .15s,transform .12s;min-width:1px;}
.oi-bar:hover{filter:brightness(1.4);transform:scaleY(1.18);}
.oi-bar.call{background:linear-gradient(90deg,rgba(46,230,166,0.15),rgba(46,230,166,0.85));box-shadow:0 0 9px rgba(46,230,166,0.3);}
.oi-bar.put{background:linear-gradient(90deg,rgba(255,93,115,0.85),rgba(255,93,115,0.15));box-shadow:0 0 9px rgba(255,93,115,0.3);}
.oi-k{text-align:center;font-size:9.5px;color:var(--ink-soft);font-variant-numeric:tabular-nums;}
.oi-row.atm .oi-k{color:var(--gold);font-weight:600;text-shadow:0 0 10px rgba(255,215,94,0.5);}
.oi-row.mp .oi-k::after{content:" ◆";color:var(--gold);font-size:7px;}
.oi-spot{display:flex;align-items:center;gap:8px;justify-content:center;padding:3px;margin:2px 0;
  font-size:8px;letter-spacing:0.14em;color:var(--gold);border-top:1px dashed rgba(255,215,94,0.4);border-bottom:1px dashed rgba(255,215,94,0.4);}

/* ---------- IV-Skew ---------- */
.skew-wrap{padding:8px 6px 4px;}
#skewSvg{width:100%;height:172px;display:block;}
.skew-foot{padding:0 13px 11px;font-size:8.5px;color:var(--ink-dim);letter-spacing:0.03em;}

/* ---------- Sentiment ---------- */
.sent{display:grid;grid-template-columns:1.05fr 1fr;gap:13px;padding:13px;}
.pc-card{position:relative;border:1px solid var(--line);border-radius:7px;padding:12px;
  background:linear-gradient(180deg,rgba(255,255,255,0.03),rgba(255,255,255,0));overflow:hidden;}
.pc-card .ck{font-size:8.5px;letter-spacing:0.12em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:8px;}
#pcDial{width:100%;height:88px;display:block;}
.pc-ratio{font-size:25px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1;text-align:center;}
.pc-sub{font-size:9px;color:var(--ink-soft);margin-top:6px;text-align:center;}
.mp-val{font-size:27px;font-weight:600;color:var(--gold);font-variant-numeric:tabular-nums;line-height:1;text-shadow:0 0 20px rgba(255,215,94,0.35);}
.mp-sub{font-size:9px;color:var(--ink-soft);margin-top:6px;line-height:1.45;}
.mp-mini{margin-top:10px;height:40px;width:100%;display:block;}

/* ---------- Rohdaten-Chain (ausklappbar) ---------- */
.chain-panel{max-width:1680px;margin:0 auto;padding:0 20px;position:relative;z-index:1;}
.chain-toggle{width:100%;appearance:none;border:1px solid var(--line);background:var(--glass);color:var(--ink-soft);
  font-family:var(--mono);font-size:10px;letter-spacing:0.14em;text-transform:uppercase;padding:9px;border-radius:8px;
  cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .16s;backdrop-filter:blur(8px);}
.chain-toggle:hover{color:var(--cyan);border-color:rgba(77,226,240,0.4);}
.chain-toggle .ci{transition:transform .2s;}
.chain-panel.open .chain-toggle .ci{transform:rotate(180deg);}
.chain-box{display:none;margin-top:12px;}
.chain-panel.open .chain-box{display:block;animation:fadeUp .3s ease both;}
.chain-tools{display:flex;align-items:center;gap:8px;padding:8px 13px;border-bottom:1px solid var(--line-2);font-size:9px;color:var(--ink-dim);letter-spacing:0.05em;}
.chain-tools .seg{display:inline-flex;border:1px solid var(--line);border-radius:4px;overflow:hidden;margin-left:auto;}
.chain-tools .seg button{appearance:none;border:none;background:transparent;color:var(--ink-dim);font-size:9px;padding:3px 9px;cursor:pointer;border-right:1px solid var(--line);}
.chain-tools .seg button:last-child{border-right:none;}
.chain-tools .seg button.active{background:rgba(77,226,240,0.16);color:var(--cyan);}
.chain-scroll{max-height:560px;overflow:auto;}
table.chain{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;}
table.chain thead th{position:sticky;top:0;z-index:2;background:#070d16;font-size:8px;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-dim);font-weight:500;padding:6px;border-bottom:1px solid var(--line);}
.chain .grp-c{color:var(--call);} .chain .grp-p{color:var(--put);}
table.chain td{font-size:10.5px;padding:3px 7px;text-align:right;border-bottom:1px solid rgba(90,150,210,0.05);color:var(--ink-soft);cursor:pointer;white-space:nowrap;}
table.chain td.strike{text-align:center;color:var(--ink);font-weight:600;background:rgba(255,255,255,0.02);cursor:default;}
table.chain td.iv{color:var(--violet);}
table.chain td.last{color:var(--ink);}
.call-itm{background:rgba(46,230,166,0.06);}
.put-itm{background:rgba(255,93,115,0.06);}
tr.atm td{background:rgba(255,215,94,0.12);}
tr.atm td.strike{background:rgba(255,215,94,0.2);color:var(--gold);}
table.chain td:hover{background:rgba(77,226,240,0.1);}
.spot-row td{background:rgba(255,215,94,0.06);border-top:1px dashed rgba(255,215,94,0.5);border-bottom:1px dashed rgba(255,215,94,0.5);color:var(--gold);text-align:center;font-size:9px;letter-spacing:0.1em;padding:3px;cursor:default;}

/* ---------- Hilfe-Popover ---------- */
.help-btn{flex:none;width:15px;height:15px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,0.04);
  color:var(--gold);font-family:var(--mono);font-size:9px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:all .14s;}
.help-btn:hover,.help-btn[aria-expanded="true"]{background:rgba(244,185,66,0.16);border-color:rgba(244,185,66,0.5);}
.help-pop{position:absolute;z-index:50;top:26px;right:8px;left:8px;background:rgba(7,13,21,0.98);border:1px solid rgba(244,185,66,0.35);
  border-radius:6px;padding:11px 12px;box-shadow:0 14px 36px rgba(0,0,0,0.6);text-align:left;}
.help-pop[hidden]{display:none;}
.help-pop p{margin:0 0 6px;font-size:10px;line-height:1.5;color:var(--ink-soft);}
.help-pop p b{color:var(--ink);}
.help-pop .hp-tip{font-size:9.5px !important;color:var(--ink-dim) !important;border-top:1px solid var(--line);padding-top:6px;margin:0 !important;}

.loading{padding:34px;text-align:center;color:var(--ink-dim);font-size:11px;letter-spacing:0.12em;}
.loading::after{content:"";display:inline-block;width:10px;text-align:left;animation:dots 1.4s steps(4) infinite;}
@keyframes dots{0%{content:"";}25%{content:".";}50%{content:"..";}75%{content:"...";}}
.errline{padding:16px;color:var(--put);font-size:10px;letter-spacing:0.04em;text-align:center;}
.foot{max-width:1680px;margin:12px auto 0;padding:0 20px;font-size:8.5px;color:var(--ink-faint);letter-spacing:0.04em;line-height:1.5;text-align:center;position:relative;z-index:1;}
.copyline{margin-top:7px;padding-top:7px;border-top:1px solid var(--line-2);font-size:8.5px;color:var(--ink-dim);letter-spacing:0.06em;}