:root{--bg: #0b0e14;--bg-elevated: #161a23;--bg-sticky: #0b0e14;--border: #232936;--border-soft: #1a1f2a;--text-primary: #e8ecf3;--text-muted: #8a93a6;--text-subtle: #5b6477;--accent: #4f8fff;--up: #2bb673;--down: #e54848;--warn: #f5a524;--shadow-1: 0 1px 2px rgba(0, 0, 0, .4);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--font-mono: "JetBrains Mono", "SF Mono", Menlo, monospace;--font-sans: -apple-system, "Segoe UI", Roboto, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;background:var(--bg);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}#app{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}input,select,textarea{font-family:inherit;color:inherit;background:none}table{border-collapse:collapse;border-spacing:0}.cost-table{width:max-content;min-width:100%;font-family:var(--font-sans);border-collapse:separate;border-spacing:0}.cost-table th,.cost-table td{padding:8px 12px;text-align:center;vertical-align:middle;border-bottom:1px solid var(--border-soft)}.cost-table thead th{position:sticky;top:0;z-index:3;background:var(--bg);font-size:13px;font-weight:500;color:var(--text-muted);height:40px;border-bottom:1px solid var(--border);white-space:nowrap}.cost-table .sticky-col{position:sticky;z-index:2;background:var(--bg-sticky);font-family:var(--font-mono)}.cost-table thead .sticky-col{z-index:4}.cost-table .col-symbol{left:0;width:104px;min-width:104px;font-size:13px;font-weight:500;color:var(--text-primary)}.cost-table .col-side{left:104px;width:44px;min-width:44px;padding:4px 6px}.cost-table thead .col-side,.cost-table tbody .col-side{box-shadow:2px 0 6px #0000004d}.symbol-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;line-height:1.2}.symbol-cell .symbol-name{font-size:14px;font-weight:600;color:var(--text-primary);font-family:var(--font-mono)}.symbol-cell .symbol-price{font-size:11px;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.2px}.symbol-cell .symbol-price.is-empty{color:var(--text-subtle)}.side-pill{display:inline-flex;align-items:center;justify-content:center;width:28px;height:22px;font-size:12px;font-weight:600;font-family:var(--font-sans);border-radius:11px;letter-spacing:1px}.side-pill-long{background:#2bb6732e;color:var(--up);border:1px solid rgba(43,182,115,.55)}.side-pill-short{background:#e548482e;color:var(--down);border:1px solid rgba(229,72,72,.55)}.cost-table tbody .col-side-long{box-shadow:inset 3px 0 0 var(--up),2px 0 6px #0000004d}.cost-table tbody .col-side-short{box-shadow:inset 3px 0 0 var(--down),2px 0 6px #0000004d}.cost-table tbody tr.row-long>td{border-bottom:none;padding-bottom:4px}.cost-table tbody tr.row-short{border-bottom:1px solid var(--border)}.cost-table tbody tr.row-short td{border-bottom:1px solid var(--border);padding-top:4px}.cost-table tbody td:not(.sticky-col){width:140px;min-width:140px;position:relative}.cost-table tbody tr:hover td:not(.sticky-col){background:var(--bg-elevated)}@media(max-width:767px){.cost-table th,.cost-table td{padding:6px 8px;height:32px}.cost-table .col-symbol{width:84px;min-width:84px;font-size:12px}.cost-table .col-side{left:84px;width:36px;min-width:36px;padding:2px 4px}.cost-table thead .col-side,.cost-table tbody .col-side{box-shadow:4px 0 8px #0006}.cost-table tbody .col-side-long{box-shadow:inset 3px 0 0 var(--up),4px 0 8px #0006}.cost-table tbody .col-side-short{box-shadow:inset 3px 0 0 var(--down),4px 0 8px #0006}.symbol-cell .symbol-name{font-size:13px}.symbol-cell .symbol-price{font-size:10px}.side-pill{width:24px;height:20px;font-size:11px;border-radius:10px}.cost-table thead th{font-size:12px;height:36px}}.skeleton{display:flex;flex-direction:column;gap:0;padding:16px 0}.skeleton-row{display:flex;gap:8px;padding:6px 0}.skeleton-cell{height:28px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--bg-elevated) 0%,var(--border-soft) 50%,var(--bg-elevated) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite;flex-shrink:0}.skeleton-cell.is-symbol{width:104px}.skeleton-cell.is-side{width:44px}.skeleton-cell:not(.is-symbol):not(.is-side){width:140px}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media(max-width:767px){.skeleton-cell.is-symbol{width:84px}.skeleton-cell.is-side{width:36px}}:root{--gex-call: var(--up);--gex-put: var(--down);--gex-net-pos: var(--up);--gex-net-neg: var(--down);--gex-spot-line: var(--warn);--gex-wall-call: rgba(43, 182, 115, .7);--gex-wall-put: rgba(229, 72, 72, .7);--gex-wall-gamma: rgba(245, 165, 36, .85);--gex-level-upper: rgba(43, 182, 115, .6);--gex-level-lower: rgba(229, 72, 72, .6)}.gex-page{min-height:100vh;display:flex;flex-direction:column}.gex-page-body{flex:1;display:flex;flex-direction:column;padding:24px;gap:16px}@media(max-width:767px){.gex-page-body{padding:12px;gap:12px}}.gex-loading,.gex-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-size:14px;color:var(--text-muted);font-family:var(--font-mono);min-height:240px}.gex-placeholder.is-error{color:var(--down)}.gex-placeholder .retry{font-family:var(--font-sans);font-size:13px;color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 16px;min-height:36px;cursor:pointer;transition:background .15s,border-color .15s}.gex-placeholder .retry:hover{background:var(--bg);border-color:var(--accent)}.gex-badges{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:12px}.gex-badge{display:flex;flex-direction:column;gap:6px;padding:12px;background:var(--bg-elevated);border:1px solid var(--border);border-left:2px solid transparent;border-radius:var(--radius-md);min-width:0}.gex-badge.is-active{border-left-color:var(--accent)}.gex-badge.is-empty{opacity:.7}.gex-badge .badge-header{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--text-muted);font-family:var(--font-sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gex-badge .dot{flex-shrink:0;width:8px;height:8px;border-radius:50%}.gex-badge .strike{font-size:16px;font-weight:600;font-family:var(--font-mono);color:var(--text-primary);white-space:nowrap}.gex-badge .strike.is-empty{color:var(--text-subtle);font-weight:400}.gex-badge .net-gex{font-size:12px;font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap}.gex-badge .net-gex.is-pos{color:var(--up)}.gex-badge .net-gex.is-neg{color:var(--down)}.gex-badge .empty-hint{font-size:11px;color:var(--text-subtle);font-family:var(--font-sans)}@media(max-width:767px){.gex-badges{display:flex;grid-template-columns:none;overflow-x:auto;gap:8px;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.gex-badges::-webkit-scrollbar{display:none}.gex-badge{flex:0 0 140px;min-width:140px;padding:10px}.gex-badge .strike{font-size:15px}}.gex-chart-container{flex:1;min-height:60vh;width:100%;position:relative}.gex-chart-container .v-chart{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.gex-empty-bucket{flex:1;display:flex;align-items:center;justify-content:center;min-height:240px;font-size:14px;color:var(--text-muted);font-family:var(--font-mono);background:var(--bg-elevated);border:1px dashed var(--border);border-radius:var(--radius-md)}@media(max-width:767px){.gex-chart-container{min-height:65vh}}.gex-controls{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:4px 0}.gex-control-group{display:inline-flex;align-items:center;gap:8px;min-width:0}.gex-control-label{font-size:11px;font-family:var(--font-sans);color:var(--text-subtle);letter-spacing:.5px;white-space:nowrap}.gex-segment{display:inline-flex;align-items:stretch;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:2px;gap:2px}.gex-segment-item{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 14px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);font-family:var(--font-sans);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.gex-segment-item:hover:not(.is-active):not(.is-disabled){color:var(--text-primary);background:#4f8fff14}.gex-segment-item.is-active{background:var(--accent);color:#fff}.gex-segment-item.is-disabled{opacity:.4;cursor:not-allowed}.gex-chips{display:inline-flex;flex-wrap:wrap;gap:6px}.gex-chip{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 12px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;color:var(--text-muted);font-family:var(--font-sans);font-size:12px;font-weight:500;cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.gex-chip:hover:not(.is-active):not(.is-locked){color:var(--text-primary);border-color:var(--text-muted)}.gex-chip.is-active{background:#4f8fff29;border-color:var(--accent);color:var(--accent)}.gex-chip.is-locked{cursor:not-allowed}@media(max-width:767px){.gex-controls{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:12px;padding-bottom:4px;position:sticky;top:48px;background:var(--bg);z-index:5}.gex-controls::-webkit-scrollbar{display:none}.gex-control-label{display:none}.gex-control-group{flex-shrink:0}.gex-segment-item{min-height:44px;padding:0 16px}.gex-chip{min-height:44px;padding:0 14px}}