:root{--bg-primary:#0f111a;--bg-secondary:#1a1d29;--bg-tertiary:#252a3b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-primary:#3b82f6;--accent-glow:#3b82f680;--border-color:#ffffff1a;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at top right, var(--bg-secondary) 0%, var(--bg-primary) 100%);min-height:100vh;margin:0;display:flex}#root{width:100%}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}button{background-color:var(--bg-tertiary);cursor:pointer;color:var(--text-primary);border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:all .25s}button:hover{background-color:var(--border-color)}button:focus,button:focus-visible{outline:4px auto var(--accent-primary)}input[type=number],input[type=text],select{border:1px solid var(--border-color);color:var(--text-primary);background-color:#0003;border-radius:8px;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}input:focus,select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-glow);outline:none}.glass-panel{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);background:#ffffff08;border-radius:16px;padding:1.5rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-color)}.profile-example-strip{gap:.9rem;display:grid}.profile-example-head h3{margin-top:.2rem}.profile-example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.profile-example-card{background:#ffffff05;border:1px solid #ffffff14;border-radius:16px;padding:.95rem 1rem}.profile-example-top{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.55rem;display:flex}.profile-example-card p{color:var(--text-secondary);line-height:1.55}.profile-example-metrics{flex-wrap:wrap;gap:.45rem;margin-top:.8rem;display:flex}.profile-example-metrics span{color:var(--text-secondary);background:#ffffff0d;border-radius:999px;align-items:center;padding:.35rem .55rem;font-size:.74rem;display:inline-flex}.home-example-card strong{color:var(--text-primary)}.home-example-card{box-shadow:0 10px 24px #00000024}.home-example-card:first-child{border-color:#3b82f638}.home-example-card:nth-child(2){border-color:#7c3aed38}.home-example-card:nth-child(3){border-color:#f59e0b38}.compare-page .page-shell,.compare-wide-surface{max-width:100%}.compare-section-toggle{background:#ffffff05;border:1px solid #ffffff14;border-radius:18px;padding:1rem}.compare-section-toggle summary{cursor:pointer;color:var(--text-primary);font-weight:600}.compare-table-wrap{overflow-x:auto}.compare-grid .row-label{z-index:2;background:#0f111af5;position:sticky;left:0}.blog-card-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.blog-card{color:inherit;background:#ffffff05;border:1px solid #ffffff14;border-radius:16px;gap:.7rem;padding:1rem 1.05rem;text-decoration:none;display:grid}.blog-card p,.blog-card small,.blog-meta,.blog-excerpt,.blog-body p{color:var(--text-secondary)}.blog-card h3,.blog-article h1,.blog-body h2{margin:0}.blog-article,.blog-body{gap:1rem;display:grid}.focused-tool-page .content-hero{border:1px solid #ffffff14}.focused-tool-page .content-card,.focused-tool-page .focused-controls,.focused-tool-page .result-highlight-card{box-shadow:0 10px 28px #0000001f}.examples-surface .example-card{border-color:#7c3aed26}:root{--op-bg:#070b14;--op-surface:#0d1220;--op-panel:#ffffff09;--op-panel-hover:#ffffff0d;--op-border:#ffffff14;--op-border-mid:#ffffff21;--op-text:#f0f4ff;--op-muted:#7280a0;--op-subtle:#3a4460;--teal:#00d4aa;--teal-dim:#00d4aa1f;--teal-glow:#00d4aa47;--blue:#3b82f6;--blue-dim:#3b82f61f;--purple:#a78bfa;--green:#10b981;--red:#ef4444;--amber:#f59e0b;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-teal:0 0 20px #00d4aa47;--transition:.18s ease}.options-site-shell{background:var(--op-bg);background-image:radial-gradient(80% 60% at 50% -10%,#00d4aa12 0%,#0000 70%),radial-gradient(60% 40% at 90% 40%,#3b82f60d 0%,#0000 60%);flex-direction:column;min-height:100vh;display:flex}.options-site-main{flex:1}.op-container{max-width:1320px;margin:0 auto;padding:0 1.5rem}.op-header-shell{z-index:100;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--op-border);background:#070b14e6;position:sticky;top:0}.op-header{align-items:center;gap:1.5rem;max-width:1320px;height:64px;margin:0 auto;padding:0 1.5rem;display:flex}.op-logo{flex-shrink:0;align-items:center;gap:.75rem;text-decoration:none;display:inline-flex}.op-logo-mark{background:linear-gradient(135deg, var(--teal), var(--blue));color:#fff;letter-spacing:.04em;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.82rem;font-weight:800;display:flex;box-shadow:0 4px 16px #00d4aa47}.op-logo-text{flex-direction:column;line-height:1.2;display:flex}.op-logo-text strong{color:var(--op-text);letter-spacing:-.01em;font-size:.95rem;font-weight:700}.op-logo-text small{color:var(--op-muted);font-size:.69rem}.op-header-spacer{flex:1}.op-nav{align-items:center;gap:.3rem;display:flex}.op-nav-link{color:var(--op-muted);border-radius:var(--radius-md);transition:all var(--transition);white-space:nowrap;border:1px solid #0000;align-items:center;gap:.45rem;padding:.55rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.op-nav-link:hover{color:var(--op-text);background:var(--op-panel);border-color:var(--op-border)}.op-nav-link.active{color:var(--teal);background:var(--teal-dim);border-color:#00d4aa40}.op-hero{text-align:center;padding:3.5rem 1.5rem 2.5rem}.op-eyebrow{background:var(--teal-dim);color:var(--teal);letter-spacing:.03em;border:1px solid #00d4aa38;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.35rem 1rem;font-size:.78rem;font-weight:600;display:inline-flex}.op-hero-title{letter-spacing:-.03em;color:var(--op-text);margin-bottom:.9rem;font-size:clamp(1.9rem,5vw,2.8rem);font-weight:800;line-height:1.12}.op-hero-title em{background:linear-gradient(120deg, var(--teal), var(--blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.op-hero-sub{color:var(--op-muted);max-width:580px;margin:0 auto;font-size:1rem;line-height:1.65}.op-panel{background:var(--op-panel);border:1px solid var(--op-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px)}.op-input-panel{max-width:960px;margin:0 auto 1.5rem;padding:1.75rem 2rem}.op-section-label{color:var(--op-muted);text-transform:uppercase;letter-spacing:.07em;align-items:center;gap:.6rem;margin-bottom:.9rem;font-size:.8rem;font-weight:700;display:flex}.op-section-badge{background:linear-gradient(135deg, var(--teal), var(--blue));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;font-weight:800;display:flex}.op-ticker-row{align-items:stretch;gap:.75rem;margin-bottom:1rem;display:flex}.op-ticker-input-wrap{flex:1;align-items:center;display:flex;position:relative}.op-ticker-input-wrap svg{color:var(--op-muted);pointer-events:none;position:absolute;left:1rem}.op-ticker-input{border:1.5px solid var(--op-border-mid);border-radius:var(--radius-md);width:100%;color:var(--op-text);letter-spacing:.06em;transition:border-color var(--transition), box-shadow var(--transition);text-transform:uppercase;background:#00000040;padding:.75rem 1rem .75rem 2.85rem;font-family:inherit;font-size:1.25rem;font-weight:700}.op-ticker-input::placeholder{color:var(--op-subtle);letter-spacing:0;text-transform:none;font-size:1rem;font-weight:400}.op-ticker-input:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px #00d4aa47}.op-extract-btn{background:linear-gradient(135deg, var(--teal), #00b892);color:#0a0e1a;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);white-space:nowrap;border:none;flex-shrink:0;align-items:center;gap:.5rem;padding:.75rem 1.6rem;font-family:inherit;font-size:.95rem;font-weight:800;display:inline-flex}.op-extract-btn:hover:not(:disabled){box-shadow:var(--shadow-teal);transform:translateY(-1px)}.op-extract-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.op-presets-row{flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:1.5rem;display:flex}.op-presets-label{color:var(--op-muted);white-space:nowrap;margin-right:.2rem;font-size:.74rem;font-weight:600}.op-preset-chip{border:1px solid var(--op-border-mid);color:var(--op-muted);letter-spacing:.04em;cursor:pointer;transition:all var(--transition);background:0 0;border-radius:999px;padding:.28rem .8rem;font-family:inherit;font-size:.8rem;font-weight:700}.op-preset-chip:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-dim)}.op-preset-chip.active{background:var(--teal-dim);color:var(--teal);border-color:#00d4aa66}.op-divider{background:var(--op-border);height:1px;margin:1.25rem 0}.op-date-box{border:1px solid var(--op-border);border-radius:var(--radius-md);background:#0000001f;padding:1.1rem 1.25rem}.op-date-mode-tabs{background:#0003;border-radius:999px;gap:2px;margin-bottom:1rem;padding:3px;display:inline-flex}.op-date-tab{color:var(--op-muted);cursor:pointer;transition:all var(--transition);background:0 0;border:none;border-radius:999px;padding:.42rem 1.1rem;font-family:inherit;font-size:.82rem;font-weight:600}.op-date-tab.active{background:linear-gradient(135deg, var(--teal), var(--blue));color:#fff;box-shadow:0 2px 12px #00d4aa40}.op-date-fields{flex-wrap:wrap;align-items:flex-end;gap:1rem;display:flex}.op-date-field{flex-direction:column;flex:1;gap:.35rem;min-width:160px;display:flex}.op-field-label{color:var(--op-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;display:flex}.op-date-input,.op-date-select{border:1.5px solid var(--op-border-mid);border-radius:var(--radius-sm);color:var(--op-text);cursor:pointer;transition:border-color var(--transition), box-shadow var(--transition);background:#0003;width:100%;padding:.6rem .85rem;font-family:inherit;font-size:.88rem}.op-date-input:focus,.op-date-select:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 2px #00d4aa47}.op-date-select option{background:var(--op-surface);color:var(--op-text)}.op-apply-btn{background:var(--op-panel-hover);border:1px solid var(--op-border-mid);border-radius:var(--radius-sm);color:var(--op-text);cursor:pointer;transition:all var(--transition);white-space:nowrap;align-self:flex-end;align-items:center;gap:.45rem;padding:.58rem 1.1rem;font-family:inherit;font-size:.84rem;font-weight:600;display:inline-flex}.op-apply-btn:hover:not(:disabled){border-color:var(--teal);color:var(--teal);background:var(--teal-dim)}.op-apply-btn:disabled{opacity:.5;cursor:not-allowed}.op-help-wrap{cursor:pointer;align-items:center;display:inline-flex;position:relative}.op-help-icon{color:var(--op-subtle);transition:color var(--transition)}.op-help-wrap:hover .op-help-icon{color:var(--teal)}.op-tooltip{border:1px solid var(--op-border-mid);border-radius:var(--radius-md);color:#c8d4f0;z-index:300;pointer-events:none;background:#1c2540;width:230px;padding:.65rem .9rem;font-size:.77rem;line-height:1.55;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000080}.op-tooltip:after{content:"";border:6px solid #0000;border-top-color:#1c2540;position:absolute;top:100%;left:50%;transform:translate(-50%)}.op-kpi-strip{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;max-width:960px;margin:0 auto 1.5rem;display:grid}.op-kpi-card{transition:transform var(--transition), border-color var(--transition);padding:1.1rem 1.25rem}.op-kpi-card:hover{border-color:var(--op-border-mid);transform:translateY(-2px)}.op-kpi-label{text-transform:uppercase;letter-spacing:.07em;color:var(--op-muted);margin-bottom:.4rem;font-size:.71rem;font-weight:700}.op-kpi-value{color:var(--op-text);align-items:baseline;gap:.25rem;margin-bottom:.3rem;font-size:1.65rem;font-weight:800;line-height:1;display:flex}.op-kpi-change{align-items:center;gap:.2rem;font-size:.8rem;font-weight:700;display:inline-flex}.op-kpi-change.pos{color:var(--green)}.op-kpi-change.neg{color:var(--red)}.op-kpi-meta{color:var(--op-muted);font-size:.74rem}.op-csv-banner{border-radius:var(--radius-lg);background:linear-gradient(var(--op-surface), var(--op-surface)) padding-box, linear-gradient(120deg, var(--teal), var(--blue)) border-box;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #0000;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:960px;margin:0 auto 1.5rem;padding:1.15rem 1.5rem;display:flex}.op-csv-banner-left h3{margin-bottom:.2rem;font-size:1rem;font-weight:700}.op-csv-banner-left p{color:var(--op-muted);font-size:.82rem}.op-csv-btns{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.6rem;display:flex}.op-btn-primary{background:linear-gradient(135deg, var(--teal), #00b892);color:#0a0e1a;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);white-space:nowrap;border:none;align-items:center;gap:.45rem;padding:.65rem 1.3rem;font-family:inherit;font-size:.88rem;font-weight:800;display:inline-flex}.op-btn-primary:hover{box-shadow:var(--shadow-teal);transform:translateY(-1px)}.op-btn-secondary{color:var(--op-muted);border:1px solid var(--op-border-mid);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);white-space:nowrap;background:0 0;align-items:center;gap:.4rem;padding:.63rem 1.1rem;font-family:inherit;font-size:.85rem;font-weight:600;display:inline-flex}.op-btn-secondary:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-dim)}.op-filter-bar{flex-wrap:wrap;align-items:flex-end;gap:1.25rem;max-width:960px;margin:0 auto 1.25rem;padding:.85rem 1.25rem;display:flex}.op-filter-group{flex-direction:column;gap:.4rem;display:flex}.op-filter-group-label{color:var(--op-muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.35rem;font-size:.72rem;font-weight:700;display:flex}.op-filter-pills{flex-wrap:wrap;gap:.3rem;display:flex}.op-filter-pill{border:1px solid var(--op-border-mid);color:var(--op-muted);cursor:pointer;transition:all var(--transition);background:0 0;border-radius:999px;padding:.32rem .85rem;font-family:inherit;font-size:.79rem;font-weight:600}.op-filter-pill:hover{color:var(--op-text);border-color:#00d4aa66}.op-filter-pill.active{background:var(--teal-dim);color:var(--teal);border-color:#00d4aa73}.op-strike-search{border:1.5px solid var(--op-border-mid);color:var(--op-text);width:200px;transition:border-color var(--transition), box-shadow var(--transition);background:#0003;border-radius:999px;padding:.42rem .9rem;font-family:inherit;font-size:.82rem}.op-strike-search:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 2px #00d4aa47}.op-strike-search::placeholder{color:var(--op-subtle)}.op-grid-wrap{max-width:960px;margin:0 auto 1.75rem;padding:0;overflow:hidden}.op-grid-header{border-bottom:1px solid var(--op-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1.25rem;display:flex}.op-grid-count{background:var(--teal-dim);color:var(--teal);border:1px solid #00d4aa40;border-radius:999px;padding:.1rem .6rem;font-size:.74rem;font-weight:700}.op-grid-hint{color:var(--op-subtle);border:1px dashed var(--op-border);border-radius:999px;padding:.15rem .55rem;font-size:.72rem;font-weight:500}.op-grid-actions{align-items:center;gap:.4rem;display:flex}.op-grid-btn{border:1px solid var(--op-border-mid);color:var(--op-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);background:0 0;align-items:center;gap:.35rem;padding:.35rem .75rem;font-family:inherit;font-size:.76rem;font-weight:600;display:inline-flex}.op-grid-btn:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-dim)}.op-grid-scroll{max-height:560px;overflow:auto}.op-grid-expanded .op-grid-scroll{max-height:820px}.op-grid-scroll::-webkit-scrollbar{width:6px;height:6px}.op-grid-scroll::-webkit-scrollbar-track{background:0 0}.op-grid-scroll::-webkit-scrollbar-thumb{background:var(--op-subtle);border-radius:3px}.op-grid-scroll::-webkit-scrollbar-thumb:hover{background:var(--op-muted)}.op-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:1300px;font-size:.83rem}.op-table thead{z-index:10;position:sticky;top:0}.op-table th{color:var(--op-muted);text-transform:uppercase;letter-spacing:.07em;text-align:left;-webkit-user-select:none;user-select:none;white-space:nowrap;background:#0b1018;border-bottom:2px solid #ffffff12;padding:.75rem .85rem;font-size:.71rem;font-weight:700;position:relative}.op-th-inner{align-items:center;gap:.3rem;display:flex}.op-col-resize{cursor:col-resize;width:4px;height:100%;transition:background var(--transition);background:0 0;position:absolute;top:0;right:0}.op-col-resize:hover{background:#00d4aa59}.op-table td{white-space:nowrap;vertical-align:middle;color:var(--op-text);transition:background var(--transition);border-bottom:1px solid #ffffff0a;padding:.62rem .85rem}.op-table tr:hover td{background:#ffffff06}.op-table .row-itm td{background:#00d4aa0a}.op-table .row-itm:hover td{background:#00d4aa11}.cell-contract{color:#60a5fa;font-family:monospace;font-size:.74rem}.cell-call-badge{color:#60a5fa;letter-spacing:.04em;background:#3b82f626;border:1px solid #3b82f64d;border-radius:6px;padding:.1rem .5rem;font-size:.71rem;font-weight:800;display:inline-block}.cell-put-badge{color:#a78bfa;letter-spacing:.04em;background:#a78bfa26;border:1px solid #a78bfa4d;border-radius:6px;padding:.1rem .5rem;font-size:.71rem;font-weight:800;display:inline-block}.cell-strike{color:var(--op-text);font-weight:700}.cell-price{font-weight:600}.cell-pos{color:var(--green);font-weight:600}.cell-neg{color:var(--red);font-weight:600}.cell-greek{color:#a78bfa;font-family:monospace;font-size:.81rem}.cell-iv{color:#f59e0b;font-weight:600}.cell-vol{color:var(--op-muted)}.cell-itm-badge{background:var(--teal-dim);color:var(--teal);border:1px solid #00d4aa4d;border-radius:999px;padding:.1rem .55rem;font-size:.71rem;font-weight:800;display:inline-block}.cell-otm-badge{color:var(--op-muted);border:1px solid var(--op-border);background:#ffffff0d;border-radius:999px;padding:.1rem .55rem;font-size:.71rem;font-weight:700;display:inline-block}.op-empty-state{text-align:center;color:var(--op-muted);flex-direction:column;align-items:center;gap:.75rem;padding:4rem 2rem;display:flex}.op-empty-state p{font-size:.88rem}.op-glossary-panel{max-width:960px;margin:0 auto 1.75rem;padding:1.5rem 1.75rem}.op-glossary-header{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;display:flex}.op-glossary-header-left{align-items:center;gap:.75rem;display:flex}.op-glossary-icon-wrap{width:38px;height:38px;color:var(--teal);background:linear-gradient(135deg,#00d4aa1f,#3b82f61f);border:1px solid #00d4aa40;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.op-glossary-header-text h2{margin-bottom:.1rem;font-size:.98rem;font-weight:700}.op-glossary-header-text p{color:var(--op-muted);font-size:.77rem}.op-glossary-toggle{border:1px solid var(--op-border);color:var(--op-muted);cursor:pointer;width:30px;height:30px;transition:all var(--transition);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:inherit;display:flex}.op-glossary-toggle:hover{border-color:var(--teal);color:var(--teal)}.op-glossary-divider{background:var(--op-border);height:1px;margin:1.25rem 0}.op-glossary-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.1rem;display:flex}.op-glossary-intro{color:var(--op-muted);font-size:.83rem}.op-glossary-full-link{color:var(--teal);white-space:nowrap;transition:opacity var(--transition);align-items:center;gap:.4rem;font-size:.82rem;font-weight:700;text-decoration:none;display:inline-flex}.op-glossary-full-link:hover{opacity:.75}.op-glossary-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:.85rem;display:grid}.op-glossary-item{border:1px solid var(--op-border);border-radius:var(--radius-md);transition:border-color var(--transition), background var(--transition);background:#ffffff06;flex-direction:column;gap:.4rem;padding:1rem 1.1rem;display:flex}.op-glossary-item:hover{background:#00d4aa05;border-color:#00d4aa40}.op-glossary-item-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.op-glossary-item-title{color:var(--op-text);font-size:.87rem;font-weight:700}.op-glossary-item-tag{color:#93c5fd;white-space:nowrap;background:#3b82f61f;border-radius:999px;flex-shrink:0;padding:.1rem .5rem;font-size:.69rem;font-weight:700}.op-glossary-item-desc{color:var(--op-muted);font-size:.8rem;line-height:1.55}.op-howto-panel{max-width:960px;margin:0 auto 2.5rem;padding:1.5rem 1.75rem}.op-howto-panel-header{align-items:center;gap:.65rem;margin-bottom:1.25rem;display:flex}.op-howto-panel-header svg{color:var(--teal)}.op-howto-panel-header h2{font-size:1rem;font-weight:700}.op-howto-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.op-howto-card{border:1px solid var(--op-border);border-radius:var(--radius-md);background:#ffffff06;padding:1.25rem}.op-howto-card-title{color:var(--op-text);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.9rem;font-weight:700;display:flex}.op-howto-steps{flex-direction:column;gap:.75rem;display:flex}.op-howto-step{align-items:flex-start;gap:.75rem;display:flex}.op-step-num{background:linear-gradient(135deg, var(--teal), var(--blue));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;font-size:.69rem;font-weight:800;display:flex}.op-step-text{color:var(--op-muted);font-size:.83rem;line-height:1.55}.op-step-text strong{color:var(--op-text)}.op-step-text code{color:#93c5fd;background:#ffffff14;border-radius:4px;padding:.05rem .35rem;font-family:monospace}.op-loading-box{text-align:center;flex-direction:column;align-items:center;gap:1.1rem;max-width:960px;margin:0 auto 1.75rem;padding:3.5rem 2rem;display:flex}.op-spinner{border:3px solid #00d4aa26;border-top-color:var(--teal);border-right-color:var(--teal);border-radius:50%;width:42px;height:42px;animation:.8s linear infinite op-spin}@keyframes op-spin{to{transform:rotate(360deg)}}.op-loading-text{color:var(--op-muted);font-size:.9rem}.op-loading-text strong{color:var(--op-text)}.op-error-box{border-radius:var(--radius-md);background:#ef444414;border:1px solid #ef444440;align-items:center;gap:.75rem;max-width:960px;margin:0 auto 1.25rem;padding:.85rem 1.1rem;display:flex}.op-error-text{color:#fca5a5;flex:1;font-size:.87rem}.op-error-retry{color:#fca5a5;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);background:0 0;border:1px solid #ef444459;padding:.35rem .85rem;font-family:inherit;font-size:.8rem;font-weight:600}.op-error-retry:hover{background:#ef44441f}.op-mock-banner{border-radius:var(--radius-md);color:#fbbf24;background:#f59e0b14;border:1px solid #f59e0b40;align-items:center;gap:.65rem;max-width:960px;margin:0 auto 1rem;padding:.65rem 1.1rem;font-size:.82rem;display:flex}.spin{animation:1s linear infinite op-spin}.fg-hero{text-align:center;padding:3.5rem 1.5rem 2rem}.fg-hero h1{letter-spacing:-.03em;margin:1rem 0 .75rem;font-size:clamp(1.75rem,4vw,2.4rem);font-weight:800}.fg-hero p{color:var(--op-muted);max-width:550px;margin:0 auto;font-size:.95rem;line-height:1.65}.fg-back-link{color:var(--teal);transition:opacity var(--transition);align-items:center;gap:.4rem;margin-bottom:1rem;font-size:.84rem;font-weight:600;text-decoration:none;display:inline-flex}.fg-back-link:hover{opacity:.75}.fg-main{flex-direction:column;gap:1.25rem;max-width:960px;margin:0 auto;padding:0 1.5rem 3rem;display:flex}.fg-section-title{color:var(--op-text);background:var(--op-panel);border:1px solid var(--op-border);border-radius:var(--radius-md);align-items:center;gap:.6rem;padding:.75rem 1.25rem;font-size:1rem;font-weight:700;display:flex}.fg-card{border:1px solid var(--op-border);border-radius:var(--radius-lg);transition:border-color var(--transition);background:#ffffff06;flex-direction:column;gap:.7rem;padding:1.35rem;display:flex}.fg-card:hover{border-color:#00d4aa38}.fg-card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.fg-card-title-group{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.fg-card-title{color:var(--op-text);font-size:1.02rem;font-weight:800}.fg-card-category{color:#93c5fd;letter-spacing:.03em;background:#3b82f61f;border-radius:999px;padding:.12rem .55rem;font-size:.7rem;font-weight:700}.fg-card-symbol{color:#a78bfa;background:#ffffff12;border-radius:6px;padding:.2rem .55rem;font-family:monospace;font-size:.82rem}.fg-short-desc{color:var(--op-text);font-size:.92rem;font-weight:600}.fg-full-desc{color:var(--op-muted);font-size:.85rem;line-height:1.65}.fg-breakdown{border:1px dashed var(--op-border-mid);border-radius:var(--radius-sm);background:#0000002e;padding:.8rem 1rem}.fg-breakdown-title{text-transform:uppercase;letter-spacing:.07em;color:var(--op-subtle);margin-bottom:.5rem;font-size:.72rem;font-weight:700}.fg-breakdown-list{flex-direction:column;gap:.35rem;padding:0;list-style:none;display:flex}.fg-breakdown-list li{color:var(--op-muted);font-size:.82rem}.fg-breakdown-list code{color:#60a5fa;font-weight:700}.fg-example{border-radius:var(--radius-sm);background:#00d4aa0d;border:1px solid #00d4aa33;padding:.8rem 1rem}.fg-example-header{color:var(--teal);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.4rem;margin-bottom:.35rem;font-size:.78rem;font-weight:700;display:flex}.fg-example-text{color:var(--op-text);font-size:.84rem;line-height:1.55}.op-footer-shell{border-top:1px solid var(--op-border);background:#ffffff04;margin-top:auto;padding:1.5rem}.op-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1320px;margin:0 auto;display:flex}.op-footer-brand{color:var(--op-subtle);font-size:.8rem}.op-footer-links{gap:1.25rem;display:flex}.op-footer-link{color:var(--op-subtle);transition:color var(--transition);font-size:.8rem;text-decoration:none}.op-footer-link:hover{color:var(--teal)}.op-ad-slot{max-width:960px;margin:0 auto 1.25rem}@media (width<=768px){.op-logo-text{display:none}.op-header{height:56px}.op-hero{padding:2.5rem 1rem 1.5rem}.op-input-panel{padding:1.25rem 1rem}.op-ticker-row{flex-direction:column}.op-extract-btn{justify-content:center;width:100%}.op-kpi-strip{grid-template-columns:repeat(2,1fr)}.op-csv-banner{flex-direction:column;align-items:flex-start}.op-filter-bar{flex-direction:column;align-items:stretch}.op-strike-search{width:100%}.op-date-fields{flex-direction:column}.op-glossary-grid,.op-howto-grid{grid-template-columns:1fr}.op-grid-hint{display:none}.fg-main{padding:0 1rem 2rem}}.text-green{color:var(--green)!important}.text-blue{color:var(--blue)!important}.text-red{color:var(--red)!important}.text-purple{color:var(--purple)!important}.text-teal{color:var(--teal)!important}.bg-green-dim{color:var(--green);background:#10b9811f}.bg-blue-dim{color:var(--blue);background:#3b82f61f}.bg-red-dim{color:var(--red);background:#ef44441f}.pc-index-tabs-wrapper{justify-content:center;margin-bottom:1.5rem;display:flex}.pc-index-tabs{border:1px solid var(--op-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;gap:.5rem;padding:.35rem;display:inline-flex}.pc-index-tab{border-radius:var(--radius-md);color:var(--op-muted);cursor:pointer;transition:var(--transition);background:0 0;border:1px solid #0000;align-items:center;gap:.6rem;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;display:flex}.pc-index-tab small{opacity:.8;font-size:.72rem;font-weight:500}.pc-index-tab:hover{color:var(--op-text);background:#ffffff0a}.pc-index-tab.active{border-color:var(--teal);color:#fff;background:linear-gradient(135deg,#00d4aa26,#3b82f626);box-shadow:0 0 15px #00d4aa33}.op-kpi-badge{border-radius:var(--radius-sm);align-items:center;gap:.15rem;margin-left:.5rem;padding:.15rem .4rem;font-size:.78rem;font-weight:600;display:inline-flex}.op-kpi-badge.pos{color:var(--green);background:#10b98126}.op-kpi-badge.neg{color:var(--red);background:#ef444426}.pc-chart-container{border:1px solid var(--op-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d122099;padding:1.5rem}.pc-chart-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.pc-chart-title-group h3{color:var(--op-text);align-items:center;gap:.5rem;margin:0 0 .25rem;font-size:1.1rem;font-weight:700;display:flex}.pc-chart-sub{color:var(--op-muted);margin:0;font-size:.82rem}.pc-timeframe-selector{border:1px solid var(--op-border);border-radius:var(--radius-sm);background:#ffffff08;gap:.25rem;padding:.2rem;display:flex}.pc-tf-btn{color:var(--op-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:6px;padding:.35rem .75rem;font-size:.78rem;font-weight:600}.pc-tf-btn:hover{color:var(--op-text)}.pc-tf-btn.active{background:var(--teal);color:#070b14;font-weight:700}.pc-series-toggles{border-bottom:1px solid var(--op-border);flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.pc-toggle-label{color:var(--op-muted);margin-right:.25rem;font-size:.78rem;font-weight:600}.pc-series-chip{border:1px solid var(--op-border);color:var(--op-text);cursor:pointer;transition:var(--transition);background:#ffffff08;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:.78rem;font-weight:600;display:inline-flex}.pc-series-chip:hover{background:#ffffff12}.pc-series-chip.active{background:#ffffff14}.pc-chip-dot{border-radius:50%;width:8px;height:8px}.pc-svg-wrapper{width:100%;position:relative}.pc-svg{width:100%;height:auto;overflow:visible}.pc-chart-tooltip{border:1px solid var(--teal);border-radius:var(--radius-md);pointer-events:none;z-index:10;background:#0d1220;min-width:140px;padding:.6rem .9rem;position:absolute;top:10px;transform:translate(-50%);box-shadow:0 8px 24px #0009,0 0 12px #00d4aa40}.pc-tooltip-date{color:var(--op-muted);border-bottom:1px solid var(--op-border);margin-bottom:.35rem;padding-bottom:.25rem;font-size:.75rem;font-weight:700}.pc-tooltip-items{flex-direction:column;gap:.25rem;display:flex}.pc-tooltip-row{justify-content:space-between;align-items:center;gap:.75rem;font-size:.78rem;display:flex}.pc-tooltip-key{font-weight:600}.pc-tooltip-val{color:#fff;font-family:monospace;font-weight:700}.pc-chart-footer{border-top:1px solid var(--op-border);flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;margin-top:1rem;padding-top:.75rem;display:flex}.pc-zone-indicator{align-items:center;gap:.5rem;font-size:.78rem;font-weight:500;display:flex}.pc-zone-badge{border-radius:999px;padding:.15rem .5rem;font-size:.72rem;font-weight:700}.op-panel-box{border:1px solid var(--op-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d122099;padding:1.5rem}.op-grid-header{margin-bottom:1.25rem}.op-grid-title{color:var(--op-text);align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;display:flex}.op-grid-sub{color:var(--op-muted);margin-top:.25rem;font-size:.82rem}.op-badge-blue{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d;border-radius:6px;padding:.15rem .5rem;font-size:.76rem;font-weight:600}.op-mono-tag{font-family:monospace;font-size:.88rem}.op-pill-badge{border:1px solid #0000;border-radius:999px;padding:.2rem .65rem;font-size:.75rem;font-weight:600;display:inline-block}.op-icon-link-btn{border-radius:var(--radius-sm);border:1px solid var(--op-border);width:32px;height:32px;color:var(--teal);transition:var(--transition);background:#ffffff0a;justify-content:center;align-items:center;display:inline-flex}.op-icon-link-btn:hover{border-color:var(--teal);color:#fff;background:#00d4aa26;transform:translateY(-1px)}.pc-guide-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-top:1rem;display:grid}.pc-guide-card{border:1px solid var(--op-border);border-radius:var(--radius-md);background:#ffffff05;padding:1.25rem}.pc-guide-card h3{color:var(--op-text);align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:.95rem;font-weight:700;display:flex}.pc-guide-card p{color:var(--op-muted);margin:0;font-size:.82rem;line-height:1.6}