*{box-sizing:border-box;margin:0;padding:0}:root{--studoi-bg-base:#f6f7fb;--studoi-bg-panel:#fff;--studoi-bg-elevated:#f1f4fa;--studoi-border:#d6dde7;--studoi-border-strong:#b9c2d2;--studoi-text-primary:#111827;--studoi-text-secondary:#475569;--studoi-text-muted:#64748b;--studoi-accent-cyan:#0fb6c2;--studoi-accent-cyan-foreground:#f5fbff;--studoi-accent-blue:#2563eb;--studoi-ce:#e23b3b;--studoi-pe:#16a34a;--studoi-warning:#f59e0b;--studoi-danger:#dc2626;--studoi-shadow:0 2px 4px #0f172a0f;--studoi-header-bg:#ffffffeb;--studoi-chart-bg:#fff;--studoi-chart-grid:#d6dde7;--studoi-chart-axis:#475569;--studoi-chart-axis-muted:#64748b;--studoi-chart-tooltip-bg:#fff;--studoi-chart-tooltip-border:#d6dde7;--studoi-chart-tooltip-text:#111827;--studoi-chart-crosshair:#94a3b8;--studoi-chart-hover:#0fb6c214;--studoi-chart-selected:#0fb6c2;--studoi-chart-atm:#111827;--studoi-chart-info-bg:#ffffffeb;--studoi-chart-legend-bg:#ffffffeb;--studoi-chart-legend-border:#d6dde7;--studoi-chart-legend-text:#111827;--studoi-chart-legend-muted:#64748b;--studoi-chart-legend-shadow:0 2px 8px #0f172a1a;--studoi-pcr-line:#334155;--studoi-pcr-text:#334155}:root.dark{--studoi-bg-base:#0d1320;--studoi-bg-panel:#141a2a;--studoi-bg-elevated:#1b2336;--studoi-border:#283149;--studoi-border-strong:#364261;--studoi-text-primary:#f1f5fb;--studoi-text-secondary:#b0bccd;--studoi-text-muted:#8a98ad;--studoi-accent-cyan:#22d3ee;--studoi-accent-cyan-foreground:#061321;--studoi-accent-blue:#60a5fa;--studoi-ce:#f87171;--studoi-pe:#4ade80;--studoi-warning:#fbbf24;--studoi-danger:#ef4444;--studoi-shadow:0 2px 4px #0006;--studoi-header-bg:#0d1320eb;--studoi-chart-bg:#141a2a;--studoi-chart-grid:#283149;--studoi-chart-axis:#b0bccd;--studoi-chart-axis-muted:#8a98ad;--studoi-chart-tooltip-bg:#1b2336;--studoi-chart-tooltip-border:#364261;--studoi-chart-tooltip-text:#f1f5fb;--studoi-chart-crosshair:#8a98ad;--studoi-chart-hover:#22d3ee1f;--studoi-chart-selected:#22d3ee;--studoi-chart-atm:#f1f5fb;--studoi-chart-info-bg:#0d1320d9;--studoi-chart-legend-bg:#0d1320d9;--studoi-chart-legend-border:#ffffff1a;--studoi-chart-legend-text:#d1d4dc;--studoi-chart-legend-muted:#8a98ad;--studoi-chart-legend-shadow:0 2px 8px #0006;--studoi-pcr-line:#e5e7eb;--studoi-pcr-text:#d1d4dc}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f6f7fb;background-color:var(--studoi-bg-base);color:#111827;color:var(--studoi-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;transition:background-color .2s ease,color .2s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:var(--studoi-bg-base);color:var(--studoi-text-primary);min-height:100vh}.tabs{display:flex;gap:8px;margin:0 16px}.tab{border:1px solid var(--studoi-border);border-radius:6px;color:var(--studoi-text-primary);cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 14px}.tab,.tab.active{background:var(--studoi-bg-elevated)}.tab.active{border-color:var(--studoi-accent-cyan);color:var(--studoi-accent-cyan)}.header-content{align-items:center;display:flex;gap:24px}.header-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--studoi-accent-cyan) 0,var(--studoi-accent-blue) 100%);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700;margin:0}.tab-navigation{display:flex;gap:8px}.tab-btn{background:var(--studoi-bg-elevated);border:1px solid var(--studoi-border);border-radius:6px;color:var(--studoi-text-primary);cursor:pointer;font-size:.95rem;font-weight:600;padding:8px 20px;transition:all .3s ease}.tab-btn:hover{background:var(--studoi-bg-panel);border-color:var(--studoi-border-strong)}.tab-btn.active{background:var(--studoi-bg-elevated);border-color:var(--studoi-accent-cyan);box-shadow:0 2px 4px var(--studoi-shadow);color:var(--studoi-accent-cyan)}.header-content p{color:var(--studoi-text-secondary);font-size:.9rem;margin:5px 0 0}.refresh-btn{background:var(--studoi-bg-elevated);border:1px solid var(--studoi-border);border-radius:6px;box-shadow:0 2px 4px var(--studoi-shadow);color:var(--studoi-text-primary);cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.refresh-btn:hover:not(:disabled){background:var(--studoi-bg-panel);box-shadow:0 4px 8px var(--studoi-shadow);transform:translateY(-1px)}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.App-main{margin:0 auto;max-width:1400px;padding:8px}.oi-section-fullwidth{margin:0;max-width:100%;padding:0;width:100%}.chart-section{margin:20px 0}.option-chain-blank{background:var(--studoi-bg-panel);border:2px dashed var(--studoi-border-strong);border-radius:12px;height:60vh;margin:20px 0}.error-banner{align-items:center;background:color-mix(in srgb,var(--studoi-danger) 10%,#0000);border:1px solid var(--studoi-danger);border-radius:8px;color:var(--studoi-danger);display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.error-banner button{background:var(--studoi-danger);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .3s ease}.error-banner button:hover{background:color-mix(in srgb,var(--studoi-danger) 85%,#000)}.no-data{color:var(--studoi-text-muted);font-size:1.2rem;padding:60px 20px;text-align:center}.option-chain-section{height:calc(100vh - 180px);overflow:hidden;width:100%}.App-footer{border-top:1px solid var(--studoi-border);color:var(--studoi-text-muted);font-size:.9rem;margin-top:40px;padding:30px 20px;text-align:center}@media (max-width:768px){.App-main{padding:10px}.error-banner{flex-direction:column;gap:10px;text-align:center}}.oi-analysis{--studoi-oi-standard-chart-body-height:310px;background:#0000;box-sizing:border-box;color:var(--studoi-text-primary);container:oi-analysis/inline-size;padding:12px 16px 24px;width:100%}.oi-header{margin-bottom:12px;padding:0}.controls-bar{background:var(--studoi-bg-panel);border:1px solid var(--studoi-border);border-radius:10px;box-shadow:var(--studoi-shadow);margin-bottom:10px;padding:10px 14px}.system-time-box{border-radius:8px;color:var(--studoi-text-primary);font-weight:700;letter-spacing:1px;min-width:96px;text-align:center}.control-group{gap:8px}.control-group label{color:var(--studoi-text-muted);font-size:.78rem}.date-selector,.stock-selector,.time-filter-selector{background:var(--studoi-bg-elevated);border:1px solid var(--studoi-border);border-radius:6px;color:var(--studoi-text-primary);cursor:pointer;font-size:.85rem;min-width:110px;padding:6px 10px;transition:border-color .15s ease,background .15s ease}.date-selector:hover,.stock-selector:hover,.time-filter-selector:hover{background:var(--studoi-bg-panel);border-color:var(--studoi-border-strong)}.date-selector:focus,.stock-selector:focus,.time-filter-selector:focus{border-color:var(--studoi-accent-cyan);box-shadow:0 0 0 2px color-mix(in srgb,var(--studoi-accent-cyan) 25%,#0000);outline:none}.stock-selector option,.time-filter-selector option{background:var(--studoi-bg-panel);color:var(--studoi-text-primary)}.checkbox-group{align-items:center;display:flex;gap:8px}.checkbox-group label{color:var(--studoi-text-primary);font-size:.85rem;font-weight:600}.live-checkbox{accent-color:var(--studoi-accent-cyan);cursor:pointer;height:18px;width:18px}.oi-header h2{color:var(--studoi-text-primary);font-size:1.2rem;font-weight:600;margin:0 0 12px}.time-slider-container{background:var(--studoi-bg-panel);border:1px solid var(--studoi-border);border-radius:10px;box-shadow:var(--studoi-shadow);padding:12px 16px;position:relative}.time-slider{background:var(--studoi-bg-elevated);border-radius:3px;cursor:pointer;height:6px;margin-bottom:28px;opacity:.9;outline:none;transition:opacity .15s;width:100%}.time-slider:hover{opacity:1}.time-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--studoi-accent-cyan);border:2px solid var(--studoi-bg-panel);border-radius:50%;box-shadow:0 0 0 2px color-mix(in srgb,var(--studoi-accent-cyan) 35%,#0000);cursor:pointer;height:18px;width:18px}.time-slider::-moz-range-thumb{background:var(--studoi-accent-cyan);border:2px solid var(--studoi-bg-panel);border-radius:50%;box-shadow:0 0 0 2px color-mix(in srgb,var(--studoi-accent-cyan) 35%,#0000);cursor:pointer;height:18px;width:18px}.time-display-dynamic{background:var(--studoi-bg-elevated);border:1px solid var(--studoi-border);border-radius:4px;bottom:8px;color:var(--studoi-accent-cyan);font-size:.78rem;font-weight:600;padding:3px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:left 80ms ease;white-space:nowrap}.charts-grid{grid-gap:12px;display:grid;gap:12px;grid-auto-rows:minmax(320px,auto);grid-template-columns:repeat(3,minmax(0,1fr));grid-template-columns:repeat(var(--studoi-desktop-columns,3),minmax(0,1fr));margin-top:14px;min-height:0;min-width:0;width:100%}.charts-grid.is-chart-maximized{display:block;min-height:calc(100vh - 190px)}@media (max-width:768px){.oi-analysis{padding:8px 10px 16px}.studoi-draggable-panel.is-maximized{height:calc(100vh - 150px)!important;min-height:320px}.studoi-draggable-panel.is-maximized .tv-chart-container{height:calc(100vh - 240px);min-height:280px}}.chart-box{min-height:320px}.dashboard-state-panel{margin-top:14px}@container oi-analysis (max-width: 1200px){.charts-grid:not(.is-chart-maximized){grid-template-columns:repeat(2,minmax(0,1fr))}.charts-grid:not(.is-chart-maximized)>.studoi-draggable-panel{grid-column:auto;grid-row:auto}}@container oi-analysis (min-width: 721px) and (max-width: 1200px){.charts-grid:not(.is-chart-maximized)>[data-panel-id=change-oi]{order:1}.charts-grid:not(.is-chart-maximized)>[data-panel-id=total-oi]{order:2}.charts-grid:not(.is-chart-maximized)>[data-panel-id=itm-oi]{order:3}.charts-grid:not(.is-chart-maximized)>[data-panel-id=otm-oi]{order:4}.charts-grid:not(.is-chart-maximized)>[data-panel-id=top5-change-oi]{order:5}.charts-grid:not(.is-chart-maximized)>[data-panel-id=moving-strikes]{order:6}}@container oi-analysis (max-width: 720px){.charts-grid-mobile:not(.is-chart-maximized),.charts-grid:not(.is-chart-maximized){grid-auto-rows:minmax(280px,auto);grid-template-columns:minmax(0,1fr)}.chart-box{min-height:280px}}.dashboard-loading{align-items:center;color:var(--studoi-text-primary);display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:280px}.dashboard-loading .loading-spinner{animation:studoi-spin 1s linear infinite;border-top:4px solid var(--studoi-bg-elevated);border:4px solid var(--studoi-bg-elevated);border-radius:50%;border-top-color:var(--studoi-accent-cyan);height:44px;width:44px}.dashboard-loading p{color:var(--studoi-text-secondary);font-size:.9rem}@keyframes studoi-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dashboard-error{align-items:center;color:var(--studoi-danger);display:flex;flex-direction:column;gap:14px;justify-content:center;min-height:240px;text-align:center}.dashboard-error p{font-size:.95rem;margin:0}.dashboard-error button{background:var(--studoi-accent-cyan);border:1px solid var(--studoi-accent-cyan);border-radius:6px;color:var(--studoi-accent-cyan-foreground);cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 16px;transition:background .15s ease,transform .1s ease}.dashboard-error button:hover{background:color-mix(in srgb,var(--studoi-accent-cyan) 85%,var(--studoi-accent-blue));transform:translateY(-1px)}.oi-analysis-status-footer{box-sizing:border-box;margin-top:14px;min-width:0;width:100%}.dashboard-updating-indicator{align-items:center;background:var(--studoi-bg-elevated);border:1px solid var(--studoi-border);border-radius:6px;color:var(--studoi-text-secondary);display:flex;font-size:.78rem;font-weight:500;gap:10px;min-width:0;padding:6px 10px;pointer-events:none}.updating-spinner{animation:studoi-spin .8s linear infinite;border:2px solid var(--studoi-bg-elevated);border-radius:50%;border-top-color:var(--studoi-accent-cyan);flex:0 0 auto;height:14px;width:14px}.dashboard-stale-banner{align-items:center;background:color-mix(in srgb,#ef5350 12%,var(--studoi-bg-elevated));background:color-mix(in srgb,var(--studoi-danger,#ef5350) 12%,var(--studoi-bg-elevated));border:1px solid color-mix(in srgb,#ef5350 60%,#0000);border:1px solid color-mix(in srgb,var(--studoi-danger,#ef5350) 60%,#0000);border-radius:6px;color:var(--studoi-text-primary);display:flex;font-size:.78rem;font-weight:500;gap:12px;min-width:0;padding:6px 10px}.dashboard-stale-banner button{background:var(--studoi-accent-cyan);border:1px solid var(--studoi-accent-cyan);border-radius:6px;color:var(--studoi-accent-cyan-foreground);cursor:pointer;font-size:.78rem;font-weight:700;margin-left:auto;padding:4px 10px}.dashboard-empty{align-items:center;color:var(--studoi-text-muted);display:flex;flex-direction:column;font-size:.95rem;justify-content:center;min-height:200px}.auto-update-notification{align-items:center;animation:slideInRight .25s ease-out,fadeOut .25s ease-in 2.7s forwards;background:var(--studoi-bg-elevated);border:1px solid var(--studoi-accent-cyan);border-radius:8px;box-shadow:var(--studoi-shadow);color:var(--studoi-text-primary);display:flex;font-size:.85rem;font-weight:600;gap:8px;padding:10px 16px;position:fixed;right:20px;top:80px;z-index:1000}.notification-icon{animation:studoi-pulse 1.5s ease-in-out infinite;font-size:1rem}.notification-text{font-family:inherit}@keyframes slideInRight{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;transform:translateX(400px)}}.oi-bar-chart{background:#0000;border-radius:0;box-sizing:border-box;color:var(--studoi-text-primary);display:flex;flex-direction:column;height:100%;margin:0;min-height:310px;min-height:var(--studoi-oi-standard-chart-body-height,310px);padding:4px;width:100%}.chart-header{display:flex;justify-content:flex-end;margin-bottom:10px;padding:5px 10px}.refresh-button{background:#2c2c2c;border:1px solid #404040;border-radius:4px;color:#61dafb;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .3s ease}.refresh-button:hover:not(:disabled){background:#3c3c3c;border-color:#61dafb;transform:translateY(-1px)}.refresh-button:active:not(:disabled){transform:translateY(0)}.refresh-button:disabled{cursor:not-allowed;opacity:.5}.empty-message,.error-message,.loading-message{margin:0}.chart-state,.empty-message,.error-message,.loading-message{align-items:center;color:var(--studoi-text-secondary);display:flex;flex-direction:column;font-size:.9rem;justify-content:center;min-height:300px}.chart-state{background:#0000;gap:10px;padding:16px;text-align:center}.chart-state--compact{min-height:160px;padding:10px}.chart-state__text{color:var(--studoi-text-secondary);font-size:.9rem}.chart-state--empty .chart-state__text,.chart-state--loading .chart-state__text{color:var(--studoi-text-muted)}.chart-state--error .chart-state__text{color:var(--studoi-danger)}.chart-state__spinner{animation:studoi-chart-state-spin 1s linear infinite;border:3px solid var(--studoi-bg-elevated);border-radius:50%;border-top-color:var(--studoi-accent-cyan);height:28px;width:28px}@keyframes studoi-chart-state-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.chart-state__retry{background:var(--studoi-bg-elevated);border:1px solid var(--studoi-border);border-radius:6px;color:var(--studoi-accent-cyan);cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 14px;transition:background-color .15s ease,border-color .15s ease}.chart-state__retry:hover{background:var(--studoi-bg-panel);border-color:var(--studoi-accent-cyan)}.chart-state__retry:focus-visible{outline:2px solid var(--studoi-accent-cyan);outline-offset:2px}.loading-message{color:var(--studoi-text-muted)}.progress-bar-container{background:var(--studoi-bg-elevated);border-radius:3px;height:6px;margin:14px 0 8px;overflow:hidden;width:280px}.progress-bar-fill{background:linear-gradient(90deg,var(--studoi-accent-cyan),var(--studoi-accent-blue));border-radius:3px;height:100%;transition:width .3s ease}.progress-text{color:var(--studoi-accent-cyan);font-size:.75rem;margin-top:4px}.empty-message{color:var(--studoi-text-muted)}.oi-bar-chart h3{color:#61dafb;font-size:18px;margin:0 0 15px;text-align:center}.chart-controls{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1a1a1ad9;border:1px solid #61dafb33;border-radius:4px;display:flex;gap:4px;padding:4px;position:absolute;right:10px;top:10px;z-index:100}.control-button{align-items:center;background:#2c2c2c;border:1px solid #404040;border-radius:3px;color:#61dafb;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.control-button:hover:not(:disabled){background:#3c3c3c;border-color:#61dafb;box-shadow:0 0 8px #61dafb4d;transform:scale(1.1)}.control-button:active:not(:disabled){transform:scale(.95)}.control-button:disabled{color:#666;cursor:not-allowed;opacity:.3}.oi-bar-chart.empty,.oi-bar-chart.error,.oi-bar-chart.loading{align-items:center;color:#999;display:flex;font-size:14px;justify-content:center;min-height:300px}.oi-bar-chart.error{color:#553838}.chart-container{background:#0000;border:none;border-radius:0;box-sizing:border-box;display:flex;flex:1 1;flex-direction:row;margin:0;min-height:0;min-width:0;overflow-x:hidden;overflow-y:hidden;padding:0;position:relative}.chart-title{color:var(--studoi-text-primary);font-size:.95rem;font-weight:600;left:50%;margin:0;opacity:.85;pointer-events:none;position:absolute;text-align:center;top:10px;transform:translateX(-50%);z-index:20}.y-axis{background:#0000;border-right:1px solid var(--studoi-border);display:flex;flex-direction:column;justify-content:space-between;min-width:10px;padding:20px 5px 35px 0}.y-axis-label{color:var(--studoi-chart-axis-muted);font-size:10px;font-weight:500;line-height:1;padding-right:5px;text-align:right}.chart-bars{align-items:flex-end;background:var(--studoi-chart-bg);background-image:repeating-linear-gradient(to top,var(--studoi-chart-grid) 0,var(--studoi-chart-grid) 1px,#0000 1px,#0000 40px);background-position:left bottom 30px;background-size:100% 40px;box-sizing:border-box;cursor:crosshair;display:flex;flex:1 1;gap:6px;height:100%;justify-content:center;max-width:100%;min-height:180px;overflow-x:hidden;overflow-y:hidden;padding:50px 5px 0 15px;position:relative}.total-oi-overlay{height:calc(100% - 35px);left:5px;overflow:visible;right:5px;top:5px;width:calc(100% - 10px);z-index:10}.crosshair-line,.total-oi-overlay{bottom:30px;pointer-events:none;position:absolute}.crosshair-line{background:#ffffff80;top:0;width:1px;z-index:15}.chart-info-box{background:var(--studoi-chart-info-bg);border:1px solid var(--studoi-chart-tooltip-border);border-radius:6px;color:var(--studoi-chart-tooltip-text);font-size:10px;left:8px;line-height:1.2;opacity:.9;padding:6px 8px;pointer-events:none;position:absolute;top:8px;z-index:15}.info-time{color:var(--studoi-chart-axis-muted);font-size:10px;font-weight:600;letter-spacing:.3px;margin-bottom:5px}.info-row{align-items:baseline;display:flex;gap:3px;margin:2px 0}.info-label,.info-value{font-size:10px;font-weight:600;line-height:1}.info-value{font-family:Open Sans,Arial,Helvetica,sans-serif}.info-ce .info-label,.info-ce .info-value{color:var(--studoi-oi-ce)}.info-pe .info-label,.info-pe .info-value{color:var(--studoi-oi-pe)}.info-pcr{font-size:10px;font-weight:600;margin-top:2px}.info-pcr-pe{color:var(--studoi-oi-pe)}.info-pcr-ce{color:var(--studoi-oi-ce)}.bar-group{align-items:center;border-radius:0;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:flex-end;min-width:30px;padding:5px;transition:none}.bars{align-items:flex-end;gap:1px;height:calc(100% - 40px);margin-bottom:10px;min-height:200px}.bar,.bars{display:flex}.bar{align-items:flex-start;border-radius:0;box-shadow:none;justify-content:center;min-height:5px;padding-top:5px;position:relative;transition:opacity .2s ease;width:13px}.bar:hover{opacity:.6}.ce-bar{background:var(--studoi-oi-ce)}.pe-bar{background:var(--studoi-oi-pe)}.bar.moneyness-itm,.moneyness-marker.moneyness-itm{opacity:.78}.bar.moneyness-atm,.moneyness-marker.moneyness-atm{opacity:1}.bar.atm-bar,.moneyness-marker.moneyness-atm{outline:2px solid var(--studoi-chart-atm);outline-offset:-2px}.bar.moneyness-otm,.moneyness-marker.moneyness-otm{opacity:.46}.bar.atm-bar.selected-strike{outline:2px dashed var(--studoi-chart-selected);outline-offset:-2px}.moneyness-legend{color:#bbb;display:flex;font-size:12px;gap:18px;justify-content:center;margin-top:8px}.moneyness-legend-item{align-items:center;display:flex;gap:6px}.moneyness-marker{background:#888;height:10px;width:18px}.bar-label{color:#fff;font-size:9px;font-weight:700;letter-spacing:.5px;text-shadow:0 0 3px #000000e6,0 1px 2px #000c,1px 0 2px #000c,-1px 0 2px #000c;transform:rotate(180deg);writing-mode:vertical-lr}.strike-label{border-radius:3px;color:var(--studoi-text-secondary);font-size:11px;font-weight:500;margin-top:2px;padding:3px 6px;text-align:center;transition:all .3s ease}.strike-label.atm-strike{background:var(--studoi-accent-cyan);box-shadow:0 2px 4px var(--studoi-shadow);color:var(--studoi-accent-cyan-foreground);font-weight:700}.strike-label.prz-strike{background:#ffeb3b;border-radius:4px;box-shadow:0 1px 3px #00000047;color:#000;font-weight:700;padding:3px 7px}.legend{border-top:1px solid #333;gap:25px;justify-content:center;margin-top:15px;padding-top:12px}.legend-item{color:#bbb;font-size:13px;font-weight:500}.legend-color{border-radius:0;height:14px;width:24px}.legend-color.ce{background:var(--studoi-oi-ce)}.legend-color.pe{background:var(--studoi-oi-pe)}.custom-tooltip .ce-data{color:var(--studoi-oi-ce);font-size:12px;margin:3px 0}.custom-tooltip .pe-data{color:var(--studoi-oi-pe);font-size:12px;margin:3px 0}.tv-chart-container{background:var(--studoi-chart-bg);border-radius:8px;height:300px;margin-top:10px;overflow:hidden;width:100%}.oi-chart-tooltip{-webkit-backdrop-filter:none;backdrop-filter:none;background:color-mix(in srgb,var(--studoi-chart-tooltip-bg) 70%,#0000);border:1px solid color-mix(in srgb,var(--studoi-chart-tooltip-border) 65%,#0000);border-radius:6px;box-shadow:none;color:var(--studoi-chart-tooltip-text);font-size:10px;line-height:1.25;max-width:min(260px,calc(100% - 16px));min-width:150px;padding:7px 9px;pointer-events:none;position:absolute;text-shadow:none;z-index:25}.oi-chart-tooltip__time{color:var(--studoi-chart-tooltip-text);font-weight:700;letter-spacing:.3px;margin-bottom:5px}.oi-chart-tooltip__meta{color:var(--studoi-chart-tooltip-text);font-weight:600;margin-bottom:3px}.oi-chart-tooltip__row{align-items:baseline;display:flex;gap:5px;margin:2px 0}.oi-chart-tooltip__swatch{display:inline-block;flex:0 0 auto;height:2px;width:12px}.oi-chart-tooltip__label,.oi-chart-tooltip__value{color:var(--studoi-chart-tooltip-text);font-size:10px;font-weight:700;white-space:nowrap}.oi-chart-tooltip__label:after{content:":"}.oi-chart-tooltip__value{font-family:Open Sans,Arial,Helvetica,sans-serif;margin-left:auto;padding-left:4px}.tv-chart-legend{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;display:flex;flex-direction:column;gap:2px!important;margin-bottom:6px!important;padding:4px 8px!important}.tv-legend-item{align-items:center;display:flex;font-size:12px;gap:8px;line-height:1.2!important;margin:0!important;padding:1px 0!important}.tv-legend-color{border-radius:1px;flex-shrink:0;height:2px;width:20px}.tv-legend-label{color:#d1d4dc;font-size:12px;font-weight:500;min-width:80px}.tv-legend-value{color:#999;font-family:monospace;font-size:11px;margin-left:auto}.oi-chart-container{background:#1a1a1a;box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:10px;width:100%}.oi-chart-container h3{color:#fff;font-size:16px;font-weight:600;margin:0 0 10px;padding:0}.no-data{color:#666;font-size:14px;height:300px}.no-data,.strike-detail-modal-overlay{align-items:center;display:flex;justify-content:center}.strike-detail-modal-overlay{background-color:#000000a6;bottom:0;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.strike-detail-modal{background:var(--studoi-bg-panel);border:1px solid var(--studoi-border);border-radius:12px;box-shadow:0 8px 32px #00000073;color:var(--studoi-text-primary);max-height:90vh;max-width:1200px;overflow-y:auto;width:90%}.strike-detail-header{align-items:center;background:var(--studoi-bg-panel);border-bottom:1px solid var(--studoi-border);display:flex;justify-content:space-between;padding:18px 22px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.strike-detail-header h2{color:var(--studoi-text-primary);font-size:1.1rem;font-weight:600;margin:0}.close-button{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:var(--studoi-text-secondary);cursor:pointer;display:flex;font-size:22px;height:32px;justify-content:center;padding:0;transition:background-color .15s,color .15s,border-color .15s;width:32px}.close-button:hover{background:var(--studoi-bg-elevated);border-color:var(--studoi-border);color:var(--studoi-text-primary)}.close-button:focus-visible{outline:2px solid var(--studoi-accent-cyan);outline-offset:2px}.loading-container{align-items:center;color:var(--studoi-text-primary);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.spinner{animation:studoi-modal-spin 1s linear infinite;border-top:4px solid var(--studoi-bg-elevated);border:4px solid var(--studoi-bg-elevated);border-radius:50%;border-top-color:var(--studoi-accent-blue);height:44px;width:44px}@keyframes studoi-modal-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container p{color:var(--studoi-text-muted);font-size:.9rem;margin-top:14px}.error-container{padding:36px 20px;text-align:center}.error-message{color:var(--studoi-danger);font-size:.9rem;margin:0}.charts-container{padding:20px}.chart-section{margin-bottom:24px}.chart-section:last-of-type{margin-bottom:16px}.chart-section h3{color:var(--studoi-text-primary);font-size:.95rem;font-weight:500;margin:0 0 12px}.chart-container,.chart-container-full{background:var(--studoi-bg-elevated);border-radius:8px;overflow:hidden;width:100%}.chart-container-full{height:600px}.strike-detail-chart-shell{position:relative;width:100%}.legend{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px;padding:6px 0}.legend-item{align-items:center;color:var(--studoi-text-secondary);display:flex;font-size:.82rem;gap:8px}.legend-color{border-radius:2px;display:inline-block;height:3px;width:22px}.legend-color.is-dotted{background:#0000!important;border-top:3px dotted;height:0}.legend-time{color:var(--studoi-text-muted);font-size:.75rem}.data-summary{grid-gap:14px;background:var(--studoi-bg-elevated);border:1px solid var(--studoi-border);border-radius:8px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-top:20px;padding:14px 18px}.summary-item{display:flex;flex-direction:column;gap:4px}.summary-item span:first-child{color:var(--studoi-text-muted);font-size:.7rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.summary-item span:last-child{color:var(--studoi-text-primary);font-size:.85rem;font-weight:600}@media (max-width:768px){.strike-detail-modal{max-height:95vh;width:95%}.strike-detail-header{padding:14px 16px}.strike-detail-header h2{font-size:1rem}.charts-container{padding:14px}.chart-section h3{font-size:.9rem}.data-summary{gap:10px;grid-template-columns:1fr}}.strike-detail-modal::-webkit-scrollbar{width:8px}.strike-detail-modal::-webkit-scrollbar-track{background:var(--studoi-bg-panel)}.strike-detail-modal::-webkit-scrollbar-thumb{background:var(--studoi-bg-elevated);border-radius:4px}.strike-detail-modal::-webkit-scrollbar-thumb:hover{background:var(--studoi-border-strong)}.spot-candlestick-panel{height:300px;min-height:300px;position:relative;width:100%}.spot-candlestick-chart{height:100%;width:100%}.spot-candlestick-status{background:var(--studoi-chart-info-bg);border:1px solid var(--studoi-chart-tooltip-border);border-radius:6px;color:var(--studoi-text-muted);inset:50% auto auto 50%;padding:8px 12px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);white-space:nowrap;z-index:5}.studoi-layout-controls{align-items:center;display:inline-flex;position:relative}.studoi-layout-button{align-items:center;background:var(--studoi-bg-elevated);border:1px solid var(--studoi-border);border-radius:6px;color:var(--studoi-text-primary);cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;gap:6px;padding:6px 10px;transition:border-color .15s ease,background .15s ease}.studoi-layout-button:focus-visible,.studoi-layout-button:hover{background:var(--studoi-bg-panel);border-color:var(--studoi-border-strong);outline:none}.studoi-layout-button[disabled]{cursor:not-allowed;opacity:.5}.studoi-layout-button-label{letter-spacing:.02em}.studoi-layout-menu{background:var(--studoi-bg-elevated);border:1px solid var(--studoi-border);border-radius:8px;box-shadow:var(--studoi-shadow);display:flex;flex-direction:column;gap:2px;min-width:180px;padding:6px;position:absolute;right:0;top:calc(100% + 6px);z-index:30}.studoi-layout-menu-section{color:var(--studoi-text-muted);font-size:.72rem;letter-spacing:.08em;padding:4px 8px;text-transform:uppercase}.studoi-layout-menu-item{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:var(--studoi-text-primary);cursor:pointer;display:flex;font-size:.84rem;gap:8px;justify-content:space-between;padding:6px 8px;text-align:left}.studoi-layout-menu-item:focus-visible,.studoi-layout-menu-item:hover{background:var(--studoi-bg-panel);border-color:var(--studoi-border-strong);outline:none}.studoi-layout-menu-item.is-selected{background:var(--studoi-bg-panel);border-color:color-mix(in srgb,var(--studoi-accent-cyan) 55%,#0000)}.studoi-layout-menu-item-reset{color:var(--studoi-danger)}.studoi-layout-menu-item-check{color:var(--studoi-accent-cyan);font-weight:700}.studoi-layout-menu-divider{background:var(--studoi-border);height:1px;margin:4px 2px}.studoi-draggable-panel{grid-column:var(--studoi-panel-column);grid-row:var(--studoi-panel-row);max-width:100%;min-height:0;min-width:0;position:relative;transition:box-shadow .15s ease;width:100%}.studoi-draggable-panel>.studoi-dashboard-panel{height:100%}.studoi-draggable-panel.is-maximize-hidden{display:none}.studoi-draggable-panel.is-maximized{height:calc(100vh - 190px)!important;min-height:420px;width:100%!important}.studoi-draggable-panel.is-maximized .chart-container,.studoi-draggable-panel.is-maximized .oi-bar-chart,.studoi-draggable-panel.is-maximized .studoi-draggable-panel-content,.studoi-draggable-panel.is-maximized>.studoi-dashboard-panel{height:100%}.studoi-draggable-panel.is-maximized .spot-candlestick-panel,.studoi-draggable-panel.is-maximized .tv-chart-container{height:calc(100vh - 280px);min-height:360px}.studoi-draggable-panel.is-maximized .chart-bars{min-height:360px}.studoi-draggable-panel.is-maximized .bars{height:calc(100vh - 360px);min-height:300px}.studoi-draggable-panel.is-maximized .total-oi-overlay{height:calc(100% - 35px)}.studoi-draggable-panel.is-dragging{box-shadow:0 6px 18px #0000002e;cursor:grabbing;pointer-events:none}.studoi-draggable-panel.is-drop-target{outline:2px dashed var(--studoi-accent-cyan);outline-offset:4px}.studoi-draggable-panel-drag-handle{background:#0000;border-radius:8px 8px 0 0;cursor:grab;height:38px;left:0;position:absolute;right:0;top:0;z-index:4}.studoi-draggable-panel-drag-handle:focus-visible{outline:2px solid var(--studoi-accent-cyan);outline-offset:-2px}.studoi-draggable-panel-drag-handle:active{cursor:grabbing}.studoi-draggable-panel-grip{color:var(--studoi-text-muted);font-size:.95rem;letter-spacing:-2px;pointer-events:none;position:absolute;right:10px;top:8px;-webkit-user-select:none;user-select:none}.studoi-draggable-panel-content{height:100%;min-height:0;min-width:0;width:100%}.studoi-draggable-panel-actions{align-items:center;display:inline-flex;gap:6px;pointer-events:auto;position:relative;z-index:6}.studoi-draggable-panel-action{background:#0000;border:1px solid #0000;border-radius:4px;color:var(--studoi-text-muted);cursor:pointer;font-size:.95rem;height:22px;padding:0;width:22px}.studoi-draggable-panel-action:focus-visible,.studoi-draggable-panel-action:hover{border-color:var(--studoi-border);color:var(--studoi-text-primary);outline:none}.studoi-dashboard-panel{background:var(--studoi-bg-panel);border:1px solid var(--studoi-border);border-radius:10px;box-shadow:var(--studoi-shadow);display:flex;flex-direction:column;min-width:0;overflow:hidden}.studoi-dashboard-panel.tone-elevated{background:var(--studoi-bg-elevated)}.studoi-dashboard-panel-header{align-items:center;background:#0000;border-bottom:1px solid var(--studoi-border);display:flex;gap:12px;justify-content:space-between;padding:10px 14px}.studoi-dashboard-panel-titles{display:flex;flex-direction:column;min-width:0}.studoi-dashboard-panel-title{color:var(--studoi-text-primary);font-size:.92rem;font-weight:600;letter-spacing:.01em;margin:0}.studoi-dashboard-panel-subtitle{color:var(--studoi-text-muted);font-size:.78rem;margin-top:2px}.studoi-dashboard-panel-actions{align-items:center;display:flex;flex-shrink:0;gap:6px}.studoi-dashboard-panel-body{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;min-width:0;padding:10px;position:relative}.spot-analysis{background:#0000;color:var(--studoi-text-primary);display:flex;flex-direction:column;margin:0;min-height:calc(100vh - 60px);padding:0;width:100%}.spot-header{background:var(--studoi-bg-panel);border-bottom:1px solid var(--studoi-border);box-shadow:var(--studoi-shadow);padding:0}.controls-bar{flex-wrap:wrap;gap:16px;padding:10px 16px}.control-group,.controls-bar{align-items:center;display:flex}.control-group{gap:10px}.stock-selector{background:var(--studoi-bg-elevated);border:1px solid var(--studoi-border);border-radius:6px;color:var(--studoi-text-primary);cursor:pointer;font-size:.85rem;font-weight:600;min-width:110px;padding:6px 12px;transition:border-color .15s ease,background .15s ease}.stock-selector:hover{background:var(--studoi-bg-panel);border-color:var(--studoi-border-strong)}.stock-selector:focus{border-color:var(--studoi-accent-cyan);box-shadow:0 0 0 2px color-mix(in srgb,var(--studoi-accent-cyan) 25%,#0000);outline:none}.system-time-box{background:var(--studoi-bg-elevated);border:1px solid var(--studoi-border);border-radius:6px;box-shadow:var(--studoi-shadow);color:var(--studoi-accent-cyan);font-family:Courier New,monospace;font-size:.9rem;font-weight:600;margin-left:auto;padding:6px 12px}.spot-charts-grid{grid-gap:12px;display:grid;flex:1 1;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(280px,1fr));min-height:0;padding:12px}.spot-chart-box{background:var(--studoi-bg-panel);border:1px solid var(--studoi-border);border-radius:10px;box-shadow:var(--studoi-shadow);display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:12px;transition:border-color .15s ease}.spot-chart-box:hover{border-color:var(--studoi-border-strong)}@media (max-width:1200px){.spot-charts-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(4,minmax(280px,1fr))}}@media (max-width:768px){.spot-charts-grid{gap:8px;padding:8px}.spot-chart-box{padding:8px}}.candlestick-chart-container{background-color:var(--studoi-chart-bg);border-radius:8px;display:flex;flex-direction:column;height:100%;overflow:hidden}.loading-indicator{animation:pulse 1.5s ease-in-out infinite;color:#26a69a;font-size:12px}.error-indicator{color:#ef5350;font-size:12px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.candlestick-chart{flex:1 1;min-height:0;position:relative}.candlestick-chart-status{color:var(--studoi-text-secondary);font-size:12px;padding:6px 12px;text-align:center}.studoi-hd-panel{color:var(--studoi-text-primary);display:flex;flex-direction:column;gap:18px;margin:0 auto;max-width:1240px;padding:24px 20px 32px;width:100%}.studoi-hd-panel-header{display:flex;flex-direction:column;gap:6px;padding:2px 2px 4px}.studoi-hd-panel-title{color:var(--studoi-text-primary);font-size:clamp(1.45rem,2vw,1.85rem);font-weight:750;letter-spacing:-.02em;line-height:1.2;margin:0}.studoi-hd-panel-subtitle{color:var(--studoi-text-secondary);font-size:.9rem;line-height:1.5;margin:0;max-width:720px}.studoi-hd-cached,.studoi-hd-form,.studoi-hd-jobs,.studoi-hd-lifecycle,.studoi-hd-runner{background:var(--studoi-bg-panel);border:1px solid var(--studoi-border);border-radius:14px;box-shadow:var(--studoi-shadow);display:flex;flex-direction:column;gap:14px;padding:18px}.studoi-hd-form-header,.studoi-hd-jobs-header,.studoi-hd-lifecycle-header,.studoi-hd-section-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.studoi-hd-form-titles,.studoi-hd-lifecycle-titles{display:flex;flex-direction:column;min-width:0}.studoi-hd-form-title,.studoi-hd-jobs-title,.studoi-hd-lifecycle-title,.studoi-hd-section-title{color:var(--studoi-text-primary);font-size:1rem;font-weight:700;margin:0}.studoi-hd-form-subtitle,.studoi-hd-lifecycle-subtitle,.studoi-hd-section-subtitle{color:var(--studoi-text-muted);font-size:.82rem;line-height:1.45;margin:3px 0 0}.studoi-hd-form-actions,.studoi-hd-lifecycle-actions,.studoi-hd-runner-actions,.studoi-hd-section-actions{align-items:center;display:inline-flex;flex-wrap:wrap;gap:8px}.studoi-hd-badge{align-items:center;background:var(--studoi-bg-elevated);border:1px solid var(--studoi-border);border-radius:999px;color:var(--studoi-text-secondary);display:inline-flex;font-size:.74rem;font-weight:700;letter-spacing:.04em;padding:3px 10px;white-space:nowrap}.studoi-hd-badge.tone-complete,.studoi-hd-badge.tone-completed,.studoi-hd-badge.tone-running,.studoi-hd-value-badge.tone-running{background:#16a34a1f;border-color:var(--studoi-pe);color:var(--studoi-pe)}.studoi-hd-badge.tone-cancelled,.studoi-hd-badge.tone-failed,.studoi-hd-badge.tone-unavailable,.studoi-hd-value-badge.tone-unavailable{background:#dc26261a;border-color:var(--studoi-danger);color:var(--studoi-danger)}.studoi-hd-badge.tone-complete_with_warnings,.studoi-hd-badge.tone-initialized,.studoi-hd-badge.tone-partially_complete,.studoi-hd-badge.tone-pending,.studoi-hd-value-badge.tone-initialized{background:#22d3ee1f;border-color:var(--studoi-accent-cyan);color:var(--studoi-accent-cyan)}.studoi-hd-badge.tone-disabled,.studoi-hd-value-badge.tone-disabled{background:#f59e0b1f;border-color:var(--studoi-warning);color:var(--studoi-warning)}.studoi-hd-badge.tone-stopped,.studoi-hd-badge.tone-unknown,.studoi-hd-value-badge.tone-stopped,.studoi-hd-value-badge.tone-unknown{background:var(--studoi-bg-elevated);color:var(--studoi-text-muted)}.studoi-hd-lifecycle-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));margin:0}.studoi-hd-lifecycle-item{background:var(--studoi-bg-elevated);border:1px solid var(--studoi-border);border-radius:10px;display:flex;flex-direction:column;gap:6px;min-width:0;padding:11px 12px}.studoi-hd-lifecycle-item dt{color:var(--studoi-text-muted);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.studoi-hd-lifecycle-item dd{color:var(--studoi-text-primary);font-size:.88rem;font-weight:600;margin:0;min-width:0;overflow-wrap:anywhere}.studoi-hd-lifecycle-reason{grid-column:span 2}.studoi-hd-value-badge{align-items:center;border:1px solid var(--studoi-border);border-radius:999px;display:inline-flex;font-size:.72rem;font-weight:750;letter-spacing:.04em;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.studoi-hd-button{align-items:center;-webkit-appearance:none;appearance:none;background:var(--studoi-bg-elevated);border:1px solid var(--studoi-border);border-radius:8px;color:var(--studoi-text-primary);cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;justify-content:center;min-height:36px;padding:7px 13px;transition:background .15s ease,border-color .15s ease,color .15s ease}.studoi-hd-button:focus-visible{outline:2px solid var(--studoi-accent-cyan);outline-offset:2px}.studoi-hd-button:hover:not(:disabled){background:var(--studoi-bg-panel);border-color:var(--studoi-border-strong)}.studoi-hd-button.primary{background:var(--studoi-accent-cyan);border-color:var(--studoi-accent-cyan);color:var(--studoi-accent-cyan-foreground)}.studoi-hd-button.primary:hover:not(:disabled){filter:brightness(1.05)}.studoi-hd-button.ghost{background:#0000;color:var(--studoi-text-secondary)}.studoi-hd-button:disabled{cursor:not-allowed;filter:saturate(.65);opacity:.5}.studoi-hd-form-grid{grid-gap:10px 14px;display:grid;gap:10px 14px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.studoi-hd-form-field{color:var(--studoi-text-secondary);display:flex;flex-direction:column;font-size:.8rem;gap:4px}.studoi-hd-form-field input,.studoi-hd-form-field select,.studoi-hd-select{-webkit-appearance:none;appearance:none;background:var(--studoi-bg-elevated);border:1px solid var(--studoi-border);border-radius:8px;color:var(--studoi-text-primary);color-scheme:light dark;font-size:.85rem;min-height:38px;padding:7px 10px}.studoi-hd-form-field input:focus,.studoi-hd-form-field select:focus,.studoi-hd-select:focus{border-color:var(--studoi-accent-cyan);outline:2px solid var(--studoi-accent-cyan);outline-offset:1px}.studoi-hd-form-field input:disabled,.studoi-hd-form-field select:disabled,.studoi-hd-select:disabled{cursor:not-allowed;opacity:.55}.studoi-hd-form-error{background:#dc26261a;border:1px solid var(--studoi-danger);border-radius:8px;color:var(--studoi-danger);font-size:.78rem;padding:6px 10px}.studoi-hd-form-success{background:#16a34a1a;border:1px solid var(--studoi-pe);border-radius:8px;color:var(--studoi-pe);font-size:.78rem;padding:6px 10px}.studoi-hd-section-error{background:#dc26261a;border:1px solid var(--studoi-danger);border-radius:8px;color:var(--studoi-danger);font-size:.78rem;padding:6px 10px}.studoi-hd-muted,.studoi-hd-section-meta{color:var(--studoi-text-muted);font-size:.78rem}.studoi-hd-muted{line-height:1.5}.studoi-hd-cached>.studoi-hd-muted,.studoi-hd-jobs>.studoi-hd-muted{background:var(--studoi-bg-elevated);border:1px dashed var(--studoi-border);border-radius:10px;padding:18px 12px;text-align:center}.studoi-hd-cached-list{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;max-height:220px;overflow-y:auto;padding:0}.studoi-hd-cached-list li{grid-gap:8px;background:var(--studoi-bg-elevated);border-radius:6px;color:var(--studoi-text-primary);display:grid;font-size:.8rem;gap:8px;grid-template-columns:1fr 1fr 1fr;padding:6px 8px}.studoi-hd-jobs-list{display:flex;flex-direction:column;gap:10px}.studoi-hd-job{background:var(--studoi-bg-elevated);border:1px solid var(--studoi-border);border-radius:10px;display:flex;flex-direction:column;gap:8px;padding:10px 12px}.studoi-hd-job-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.studoi-hd-job-id{align-items:center;color:var(--studoi-text-primary);display:inline-flex;font-size:.82rem;gap:6px}.studoi-hd-job-label{color:var(--studoi-text-muted);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.studoi-hd-job-code{background:var(--studoi-bg-panel);border:1px solid var(--studoi-border);border-radius:6px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;max-width:220px;overflow:hidden;padding:2px 6px;text-overflow:ellipsis;white-space:nowrap}.studoi-hd-job-grid{grid-gap:6px 14px;display:grid;gap:6px 14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0}.studoi-hd-job-grid>div{display:flex;flex-direction:column;gap:2px}.studoi-hd-job-grid dt{color:var(--studoi-text-muted);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}.studoi-hd-job-grid dd{color:var(--studoi-text-primary);font-size:.85rem;margin:0}.studoi-hd-job-eod{background:var(--studoi-bg-panel);border:1px solid var(--studoi-border);border-radius:8px;padding:8px 10px}.studoi-hd-job-eod-header{align-items:center;color:var(--studoi-text-primary);display:flex;gap:8px;justify-content:space-between;margin-bottom:6px}.studoi-hd-badge.tone-completed,.studoi-hd-badge.tone-ready{background:#16a34a1f;border-color:var(--studoi-pe);color:var(--studoi-pe)}.studoi-hd-badge.tone-checking,.studoi-hd-badge.tone-fetching,.studoi-hd-badge.tone-pending{background:#22d3ee1f;border-color:var(--studoi-accent-cyan);color:var(--studoi-accent-cyan)}.studoi-hd-job-error{background:#dc26261a;border:1px solid var(--studoi-danger);border-radius:8px;color:var(--studoi-danger);font-size:.78rem;padding:6px 10px}.studoi-hd-job-actions{align-items:center;display:inline-flex;flex-wrap:wrap;gap:8px}.studoi-hd-job-dates{color:var(--studoi-text-secondary);font-size:.8rem}.studoi-hd-job-dates summary{color:var(--studoi-text-secondary);cursor:pointer;padding:4px 0}.studoi-hd-job-dates-list{display:flex;flex-direction:column;gap:4px;list-style:none;margin:6px 0 0;padding:0}.studoi-hd-job-dates-list li{grid-gap:8px;background:var(--studoi-bg-panel);border:1px solid var(--studoi-border);border-radius:6px;color:var(--studoi-text-primary);display:grid;font-size:.78rem;gap:8px;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));padding:4px 8px}.studoi-hd-runner-result{background:#16a34a1a;border:1px solid var(--studoi-pe);border-radius:8px;color:var(--studoi-pe);font-size:.82rem;padding:6px 10px}@media (max-width:720px){.studoi-hd-panel{gap:14px;padding:18px 8px 24px}.studoi-hd-cached,.studoi-hd-form,.studoi-hd-jobs,.studoi-hd-lifecycle,.studoi-hd-runner{border-radius:12px;padding:14px}.studoi-hd-form-header,.studoi-hd-jobs-header,.studoi-hd-lifecycle-header,.studoi-hd-section-header{align-items:flex-start}.studoi-hd-form-actions,.studoi-hd-lifecycle-actions,.studoi-hd-runner-actions,.studoi-hd-section-actions{width:100%}.studoi-hd-form-actions .studoi-hd-button,.studoi-hd-runner-actions .studoi-hd-button,.studoi-hd-section-actions .studoi-hd-button,.studoi-hd-section-actions .studoi-hd-select{flex:1 1 auto}.studoi-hd-lifecycle-reason{grid-column:span 1}.studoi-hd-cached-list li,.studoi-hd-job-dates-list li{grid-template-columns:1fr 1fr}}.studoi-reversal-indicator{align-items:center;-webkit-appearance:none;appearance:none;background:var(--studoi-bg-panel);border:1px solid var(--studoi-border);border-radius:8px;color:var(--studoi-text-primary);cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:600;gap:6px;padding:5px 12px;transition:background .15s ease,border-color .15s ease;white-space:nowrap}.studoi-reversal-indicator:hover{background:var(--studoi-bg-elevated);border-color:var(--studoi-border-strong)}.studoi-reversal-indicator:focus-visible{outline:2px solid var(--studoi-accent-cyan);outline-offset:2px}.studoi-reversal-indicator.is-open{border-color:var(--studoi-accent-cyan)}.studoi-reversal-label{color:var(--studoi-text-secondary);font-weight:600}.studoi-reversal-value{color:var(--studoi-text-primary);font-size:.88rem;font-weight:700}.studoi-reversal-detail{color:var(--studoi-text-muted);font-size:.72rem;font-weight:500}.studoi-reversal-ce .studoi-reversal-value{color:var(--studoi-ce)}.studoi-reversal-pe .studoi-reversal-value{color:var(--studoi-pe)}.studoi-reversal-low{opacity:.85}.studoi-reversal-low .studoi-reversal-value{color:var(--studoi-text-secondary)}.studoi-reversal-low .studoi-reversal-detail{color:var(--studoi-warning)}.studoi-reversal-empty .studoi-reversal-value{color:var(--studoi-text-muted);font-weight:600}.studoi-reversal-confidence-flag{display:none}@media (max-width:720px){.studoi-reversal-indicator{font-size:.72rem;gap:4px;padding:4px 8px}.studoi-reversal-detail{display:none}.studoi-reversal-value{font-size:.82rem}}.studoi-reversal-details-overlay{background:#0000;display:flex;justify-content:flex-end;pointer-events:none;position:fixed;right:20px;top:56px;z-index:200}.studoi-reversal-details-panel{background:var(--studoi-bg-panel);border:1px solid var(--studoi-border-strong);border-radius:12px;box-shadow:0 8px 24px #00000026;color:var(--studoi-text-primary);font-size:.82rem;max-height:calc(100vh - 80px);overflow-y:auto;pointer-events:auto;width:min(380px,calc(100vw - 40px))}.studoi-reversal-details-header{align-items:center;border-bottom:1px solid var(--studoi-border);display:flex;justify-content:space-between;padding:12px 16px}.studoi-reversal-details-title{font-size:.92rem;font-weight:700;letter-spacing:.02em;margin:0}.studoi-reversal-details-ce .studoi-reversal-details-title{color:var(--studoi-ce)}.studoi-reversal-details-pe .studoi-reversal-details-title{color:var(--studoi-pe)}.studoi-reversal-details-close{-webkit-appearance:none;appearance:none;background:#0000;border:none;border-radius:6px;color:var(--studoi-text-secondary);cursor:pointer;font-size:1.4rem;line-height:1;padding:4px 8px}.studoi-reversal-details-close:hover{background:var(--studoi-bg-elevated);color:var(--studoi-text-primary)}.studoi-reversal-details-close:focus-visible{outline:2px solid var(--studoi-accent-cyan);outline-offset:2px}.studoi-reversal-details-body{padding:12px 16px 16px}.studoi-reversal-details-row{align-items:center;border-bottom:1px solid var(--studoi-border);display:flex;gap:12px;justify-content:space-between;padding:5px 0}.studoi-reversal-details-row:last-child{border-bottom:none}.studoi-reversal-details-key{color:var(--studoi-text-secondary);flex-shrink:0;font-weight:600}.studoi-reversal-details-val{color:var(--studoi-text-primary);text-align:right;word-break:break-word}.studoi-reversal-details-strike{font-size:1.1rem;font-weight:700}.studoi-reversal-details-low{color:var(--studoi-warning)}.studoi-reversal-details-section{border-top:1px solid var(--studoi-border);margin-top:12px;padding-top:10px}.studoi-reversal-details-section-title{color:var(--studoi-text-secondary);font-size:.78rem;font-weight:700;letter-spacing:.04em;margin:0 0 6px;text-transform:uppercase}.studoi-reversal-details-grid{grid-gap:4px 12px;display:grid;gap:4px 12px;grid-template-columns:1fr auto}.studoi-reversal-details-grid-row{display:contents}.studoi-reversal-details-grid-key{color:var(--studoi-text-secondary);text-transform:capitalize}.studoi-reversal-details-grid-val{font-feature-settings:"tnum";color:var(--studoi-text-primary);font-variant-numeric:tabular-nums;text-align:right}.studoi-reversal-details-list{color:var(--studoi-text-primary);margin:0;padding-left:18px}.studoi-reversal-details-list li{line-height:1.4;margin:3px 0}.studoi-reversal-details-warnings li{color:var(--studoi-warning)}.studoi-reversal-details-empty{color:var(--studoi-text-secondary);padding:20px 16px;text-align:center}.studoi-reversal-details-sub{color:var(--studoi-text-muted);font-size:.78rem;margin-top:6px}@media (max-width:720px){.studoi-reversal-details-overlay{justify-content:stretch;left:12px;right:12px;top:96px}.studoi-reversal-details-panel{width:100%}}.studoi-dev-build-badge{align-items:center;background:var(--studoi-bg-panel);border:1px solid var(--studoi-border);border-radius:999px;color:var(--studoi-text-secondary);display:inline-flex;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.68rem;line-height:1;padding:4px 8px;white-space:nowrap}.studoi-stale-runtime-warning{background:#4d1111;border:1px solid #ff5c5c;border-radius:8px;box-shadow:0 8px 24px #00000047;color:#fff4f4;font-size:.82rem;font-weight:700;left:50%;padding:10px 14px;position:fixed;text-align:center;top:58px;transform:translateX(-50%);width:min(760px,calc(100vw - 24px));z-index:1000}html.light .studoi-stale-runtime-warning{background:#fff0f0;color:#7c1111}@media (max-width:720px){.studoi-dev-build-badge{order:-1}.studoi-stale-runtime-warning{top:98px}}.studoi-app-header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--studoi-header-bg);border-bottom:1px solid var(--studoi-border);color:var(--studoi-text-primary);position:-webkit-sticky;position:sticky;top:0;z-index:100}.studoi-app-header-inner{gap:16px;justify-content:space-between;padding:10px 20px}.studoi-app-header-inner,.studoi-app-header-left{align-items:center;display:flex;flex-wrap:nowrap;min-width:0}.studoi-app-header-left{flex:1 1 auto;gap:20px}.studoi-local-max-pain{align-items:center;background:var(--studoi-bg-panel);border:1px solid var(--studoi-border);border-radius:8px;color:var(--studoi-text-primary);display:inline-flex;font-size:.78rem;gap:5px;padding:5px 9px;white-space:nowrap}.studoi-local-max-pain-label{color:var(--studoi-text-secondary)}.studoi-local-max-pain-warning{border-color:var(--studoi-accent-cyan)}.studoi-local-max-pain-alert{align-items:center;background:var(--studoi-accent-cyan);border-radius:50%;color:var(--studoi-accent-cyan-foreground);display:inline-flex;font-weight:700;height:16px;justify-content:center;width:16px}.studoi-reversal-indicators{align-items:center;display:inline-flex;flex-wrap:nowrap;gap:8px;margin-left:4px;min-width:0}.studoi-app-header-right{display:flex;flex:0 1 auto;flex-wrap:nowrap;justify-content:flex-end}.studoi-app-header-right,.studoi-brand{align-items:center;gap:10px;min-width:0}.studoi-brand,.studoi-brand-mark{display:inline-flex}.studoi-brand-mark{align-items:center;background:#2cc3f21f;background:hsl(var(--studoi-accent-cyan-hsl,194 88% 56%)/.12);border:1px solid #2cc3f259;border:1px solid hsl(var(--studoi-accent-cyan-hsl,194 88% 56%)/.35);border-radius:8px;height:28px;justify-content:center;width:28px}.studoi-brand-pulse{background:var(--studoi-accent-cyan);border-radius:50%;box-shadow:0 0 0 4px #2cc3f22e;box-shadow:0 0 0 4px hsl(var(--studoi-accent-cyan-hsl,194 88% 56%)/.18);height:12px;width:12px}.studoi-brand-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--studoi-accent-cyan) 0,var(--studoi-accent-blue) 100%);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.05rem;font-weight:700;letter-spacing:.08em}.studoi-nav{background:var(--studoi-bg-panel);border:1px solid var(--studoi-border);border-radius:999px;display:inline-flex;gap:4px;min-width:0;padding:3px}.studoi-nav-tab{-webkit-appearance:none;appearance:none;background:#0000;border:none;border-radius:999px;color:var(--studoi-text-secondary);cursor:pointer;font-size:.82rem;font-weight:600;padding:5px 14px;transition:background .15s ease,color .15s ease;white-space:nowrap}.studoi-nav-tab:hover{color:var(--studoi-text-primary)}.studoi-nav-tab.active{background:var(--studoi-accent-cyan);color:var(--studoi-accent-cyan-foreground)}.studoi-connection{align-items:center;background:var(--studoi-bg-panel);border:1px solid var(--studoi-border);border-radius:999px;display:inline-flex;font-size:.75rem;font-weight:600;gap:6px;padding:4px 10px;white-space:nowrap}.studoi-connection-label{color:var(--studoi-text-secondary)}.studoi-connection-dot{background:var(--studoi-text-muted);border-radius:50%;display:inline-block;height:8px;width:8px}.studoi-connection-pulse{animation:studoi-pulse 1.4s ease-in-out infinite}.studoi-connection-live .studoi-connection-dot{background:var(--studoi-pe)}.studoi-connection-live .studoi-connection-label{color:var(--studoi-pe)}.studoi-connection-reconnecting{border-color:var(--studoi-accent-cyan)}.studoi-connection-reconnecting .studoi-connection-dot{background:var(--studoi-accent-cyan)}.studoi-connection-reconnecting .studoi-connection-label{color:var(--studoi-accent-cyan)}.studoi-connection-offline .studoi-connection-dot{background:var(--studoi-ce)}.studoi-connection-offline .studoi-connection-label{color:var(--studoi-ce)}@keyframes studoi-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}.studoi-theme-toggle{align-items:center;background:var(--studoi-bg-panel);border:1px solid var(--studoi-border);border-radius:8px;display:inline-flex;flex-shrink:0;gap:2px;padding:2px}.studoi-theme-btn{align-items:center;-webkit-appearance:none;appearance:none;background:#0000;border:none;border-radius:6px;color:var(--studoi-text-secondary);cursor:pointer;display:inline-flex;gap:5px;height:30px;justify-content:center;min-width:66px;padding:0 10px;transition:background .15s ease,color .15s ease}.studoi-theme-btn.active,.studoi-theme-btn:hover{color:var(--studoi-text-primary)}.studoi-theme-btn.active{background:var(--studoi-bg-elevated)}.studoi-refresh-btn{align-items:center;-webkit-appearance:none;appearance:none;background:var(--studoi-bg-panel);border:1px solid var(--studoi-border);border-radius:8px;color:var(--studoi-text-primary);cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:600;gap:6px;padding:6px 14px;transition:background .15s ease,border-color .15s ease,transform .15s ease;white-space:nowrap}.studoi-refresh-btn:hover{background:var(--studoi-bg-elevated);border-color:var(--studoi-border-strong);transform:translateY(-1px)}.studoi-refresh-icon{font-size:1rem;line-height:1}@media (max-width:720px){.studoi-app-header-inner{flex-wrap:wrap;padding:8px 12px}.studoi-app-header-left,.studoi-app-header-right{flex-wrap:nowrap}.studoi-brand-text{font-size:.95rem}.studoi-refresh-text{display:none}.studoi-refresh-btn{padding:6px 10px}.studoi-connection-label{display:none}.studoi-connection{padding:4px 8px}}