:root{--bg:#0b1020;--panel:#11182b;--ink:#eef3ff;--muted:#95a3bd;--line:#26334f;--good:#31d47a;--bad:#ff6b6b;--warn:#ffd166;--accent:#7c9cff;--chip:#202b47;--shadow:0 12px 32px rgba(0,0,0,.28)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 700px at 20% -10%,#17213b,transparent),var(--bg);color:var(--ink);font-family:Inter,system-ui,Segoe UI,Arial}.app{display:grid;grid-template-columns:260px 1fr;min-height:100vh}aside{border-right:1px solid var(--line);padding:22px;background:rgba(7,12,25,.7);position:sticky;top:0;height:100vh}.brand{font-size:22px;font-weight:900}.tag{color:var(--muted);font-size:13px;margin:6px 0 20px}.nav button{display:block;width:100%;text-align:left;border:0;background:transparent;color:var(--muted);padding:11px 12px;border-radius:12px;cursor:pointer;font-weight:700}.nav button.active,.nav button:hover{background:var(--chip);color:var(--ink)}main{padding:28px 34px 48px}.topbar{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:18px}h1{margin:0;font-size:28px}.subtitle,.small{color:var(--muted);font-size:12px}.grid{display:grid;gap:16px}.cards{grid-template-columns:repeat(4,minmax(0,1fr))}.two{grid-template-columns:1.2fr .8fr}.three{grid-template-columns:repeat(3,1fr)}.card,.hero{background:linear-gradient(180deg,var(--panel),#0f172a);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.hero{background:linear-gradient(135deg,#17213b,#101827 60%,#0d1426)}.label{color:var(--muted);text-transform:uppercase;font-size:12px;letter-spacing:.11em;font-weight:900}.value{font-size:34px;font-weight:900;margin-top:8px}.good{color:var(--good)}.bad{color:var(--bad)}.warn{color:var(--warn)}table{width:100%;border-collapse:collapse;margin-top:10px}th,td{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left;font-size:13px;vertical-align:top}th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.09em}.num{text-align:right;white-space:nowrap}.ticker{font-weight:900}.note,.liveHint{border:1px solid rgba(124,156,255,.35);background:rgba(124,156,255,.08);border-radius:14px;padding:12px 14px;color:#dbeafe;font-size:13px;line-height:1.45;margin-bottom:16px}.modeToggle{display:flex;gap:6px;align-items:center;justify-content:flex-end;margin-left:auto;flex-wrap:wrap}.modeToggle button{border:1px solid var(--line);background:var(--chip);color:var(--muted);border-radius:999px;padding:8px 12px;font-weight:800;cursor:pointer}.modeToggle button.active{background:linear-gradient(180deg,#6d8dff,#5578eb);color:white;border-color:#7c9cff}.refreshLive{border:1px solid rgba(124,156,255,.5)!important;background:rgba(124,156,255,.14)!important;color:#dbeafe!important}.quoteStatus{font-size:12px;color:var(--muted);padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:var(--chip)}.stack{display:grid;gap:16px}.pill{display:inline-block;padding:4px 8px;border-radius:999px;background:var(--chip);font-size:12px;font-weight:800}.barrow{display:grid;grid-template-columns:150px 1fr 80px;gap:10px;align-items:center;margin:10px 0}.bar{height:10px;background:#0b1225;border-radius:999px;overflow:hidden}.bar span{display:block;height:100%;background:#7c9cff}.info{position:relative;display:inline-block;color:#c7d2fe;margin-left:4px;cursor:help}.tip{display:none;position:absolute;z-index:10;top:18px;left:0;width:260px;background:#0b1225;border:1px solid var(--line);border-radius:12px;padding:12px;color:var(--ink);box-shadow:var(--shadow);text-transform:none;letter-spacing:0;font-size:12px;line-height:1.35}.info:hover .tip,.info:focus .tip{display:block}@media(max-width:900px){.app{grid-template-columns:1fr}aside{position:relative;height:auto}.cards,.two,.three{grid-template-columns:1fr}main{padding:20px}table{display:block;overflow-x:auto}}


/* Covered Call Sandbox RC1 (V2.3.3) */
.sandboxTabs{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));gap:10px;margin-top:10px}.sandboxTabs button,.quickScenarios button,.resetBtn{border:1px solid var(--line);background:var(--chip);color:var(--ink);border-radius:12px;padding:11px 12px;font-weight:900;cursor:pointer}.sandboxTabs button.active,.sandboxTabs button:hover,.quickScenarios button:hover{background:linear-gradient(180deg,#6d8dff,#5578eb);color:white;border-color:#7c9cff}.warnNote{border-color:rgba(255,209,102,.45);background:rgba(255,209,102,.08);color:#ffe9a8}.sandboxMetrics{grid-template-columns:1.4fr repeat(5,minmax(0,1fr))}.sandboxTitle{font-size:24px;font-weight:950;margin-top:8px}.caseCard p{color:#dbeafe;line-height:1.45}.lesson{color:#ffe9a8!important}.pills{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.sandboxWork{grid-template-columns:minmax(300px,.82fr) minmax(440px,1.18fr) minmax(300px,.9fr)}.sandboxControl{display:grid;grid-template-columns:minmax(130px,1fr) 110px;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.07)}.sandboxControl:last-child{border-bottom:0}.controlLabel{font-size:14px;font-weight:800}.controlHelp{color:var(--muted);font-size:11px;margin-top:2px}.sandboxControl input[type=range]{width:100%;accent-color:var(--accent)}.sandboxNum{width:100%;background:#0b1225;color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:8px;text-align:right;font-weight:850}.resetBtn{width:100%;margin-top:12px}.dividendNote{margin:12px 0 0}.chartWrap{height:310px}.chartWrap svg{width:100%;height:100%;display:block}.chartFooter{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-top:10px}.chartFooter div{padding:10px;text-align:center;border-right:1px solid rgba(255,255,255,.07);font-size:12px;color:var(--muted)}.chartFooter div:last-child{border-right:0}.chartFooter b{display:block;color:var(--ink);font-size:16px;margin-top:3px}.sandboxSummaryRow{display:grid;grid-template-columns:1fr auto;gap:12px;border-bottom:1px solid rgba(255,255,255,.08);padding:8px 0;font-size:13px}.sandboxSummaryRow b{text-align:right}.pressure{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px}.pressBar{height:14px;flex:1 1 150px;border-radius:999px;background:#0b1225;overflow:hidden;border:1px solid var(--line)}.pressBar span{display:block;height:100%;background:linear-gradient(90deg,#31d47a,#ffd166,#ff6b6b)}.quickScenarios{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}@media(max-width:1200px){.sandboxMetrics{grid-template-columns:repeat(3,minmax(0,1fr))}.sandboxWork{grid-template-columns:1fr 1fr}.sandboxWork section:last-child{grid-column:1/-1}}@media(max-width:900px){.sandboxTabs{grid-template-columns:1fr 1fr}.sandboxMetrics,.sandboxWork,.quickScenarios{grid-template-columns:1fr}.chartFooter{grid-template-columns:1fr 1fr}.sandboxControl{grid-template-columns:1fr 100px}}


/* V2.3.7 architecture cleanup */
.subtabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.subtabs button{border:1px solid var(--line);background:var(--chip);color:var(--muted);border-radius:999px;padding:9px 13px;font-weight:900;cursor:pointer}.subtabs button.active,.subtabs button:hover{background:linear-gradient(180deg,#6d8dff,#5578eb);color:white;border-color:#7c9cff}.center{text-align:center;white-space:nowrap}.four{grid-template-columns:repeat(4,minmax(0,1fr))}