@import"https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";.landing{display:flex;flex-direction:column;gap:32px;padding-top:12px}.landing-hero{text-align:center;padding:96px 16px 24px}.landing-hero h1{font-size:48px;font-weight:600;letter-spacing:-.025em;margin:0 0 12px;color:var(--text);line-height:1.05}.landing-hero-sub{font-size:16px;color:var(--text-2);line-height:1.55;max-width:620px;margin:0 auto 28px}.landing-search{display:inline-flex;align-items:stretch;border:1px solid var(--border);border-radius:8px;background:var(--panel);overflow:hidden;min-width:320px;max-width:460px;width:100%;margin-bottom:16px}.landing-search input{font-family:var(--font-mono);font-size:15px;font-weight:600;letter-spacing:.04em;padding:12px 16px;flex:1;min-width:0;background:transparent;border:none;color:var(--text);text-transform:uppercase;outline:none}.landing-search input::placeholder{color:var(--muted);text-transform:none;letter-spacing:0;font-weight:400}.landing-search input:focus{background:var(--panel-2)}.landing-search button{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.06em;padding:0 18px;background:var(--accent-bg);color:var(--accent);border:none;border-left:1px solid var(--border);cursor:pointer;transition:all .12s}.landing-search button:hover:not(:disabled){background:var(--accent);color:var(--surface)}.landing-search button:disabled{opacity:.35;cursor:not-allowed}.landing-quicks{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:6px}.landing-quick{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.04em;padding:5px 12px;background:var(--panel);border:1px solid var(--border);color:var(--muted);border-radius:5px;cursor:pointer;transition:all .12s}.landing-quick:hover{color:var(--text-2);border-color:var(--border-strong)}@media (max-width: 600px){.landing-hero{padding-top:64px}.landing-hero h1{font-size:34px}.landing-hero-sub{font-size:14px}}.surface3d{display:flex;flex-direction:column}.surface3d-header{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start;padding:14px 16px;border-bottom:1px solid var(--border)}.surface3d-header h1{font-size:22px;margin:0 0 4px;letter-spacing:-.02em;color:var(--text);font-weight:600}.surface3d-header .muted{color:var(--text-2);margin:0;max-width:920px;line-height:1.55;font-size:13px}.surface3d-header strong{color:var(--accent);font-weight:500}.surface3d-status{display:inline-flex;align-items:center;padding:6px 12px;background:var(--panel);border:1px solid var(--border);border-radius:999px;font-size:11px;color:var(--text-2);font-family:var(--font-mono);white-space:nowrap}.surface3d-status .error{color:var(--rich)}.surface3d-presets{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--panel);overflow-x:auto}.surface3d-preset{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px;padding:6px 10px;background:var(--panel);border:1px solid var(--border);border-radius:5px;cursor:pointer;min-width:130px;transition:all .12s;font-family:inherit}.surface3d-preset:hover{border-color:var(--border-strong)}.surface3d-preset.active{background:var(--accent-bg);border-color:var(--accent-dim);color:var(--accent)}.surface3d-preset-label{font-size:11px;font-weight:600}.surface3d-preset-sub{font-family:var(--font-mono);font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.surface3d-preset.active .surface3d-preset-sub{color:var(--accent);opacity:.75}.surface3d-preset-spacer{flex:1}.surface3d-custom-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:var(--panel);border:1px solid var(--border);border-radius:5px;font-size:12px;color:var(--text-2);cursor:pointer;font-family:inherit}.surface3d-custom-toggle:hover{border-color:var(--border-strong)}.surface3d-custom-toggle.active{background:var(--accent-bg);border-color:var(--accent-dim);color:var(--accent)}.surface3d-breadcrumb{padding:8px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);font-family:var(--font-mono);flex-wrap:wrap}.surface3d-breadcrumb-key{color:var(--text-2);font-weight:600}.surface3d-breadcrumb-sep{color:var(--border-strong)}.surface3d-breadcrumb-hint{margin-left:auto;color:var(--muted-2);font-size:10px}.surface3d-layout{display:grid;grid-template-columns:260px 1fr;gap:0}@media (max-width: 900px){.surface3d-layout{grid-template-columns:1fr}}.surface3d-controls{background:var(--surface);border-right:1px solid var(--border);padding:14px;display:flex;flex-direction:column;gap:16px;align-self:stretch;max-height:620px;overflow-y:auto}.control-block{display:flex;flex-direction:column;gap:6px}.control-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600}.surface3d-controls .symbol-picker-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.surface3d-controls .symbol-picker-bar .symbol-btn{padding:5px 0;background:var(--panel);border:1px solid var(--border);color:var(--muted);border-radius:4px;cursor:pointer;font-size:11px;font-family:var(--font-mono);font-weight:600;transition:all .12s}.surface3d-controls .symbol-picker-bar .symbol-btn:hover{color:var(--text-2);border-color:var(--border-strong)}.surface3d-controls .symbol-picker-bar .symbol-btn.active{background:var(--accent-bg);color:var(--accent);border-color:var(--accent-dim)}.surface3d-select{width:100%;padding:5px 8px;background:var(--panel);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:12px;font-family:var(--font-mono);cursor:pointer;outline:none}.surface3d-select:focus{border-color:var(--accent-dim)}.side-toggle{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.side-toggle button{padding:6px 0;background:var(--panel);border:1px solid var(--border);color:var(--muted);border-radius:4px;cursor:pointer;font-size:11px;font-weight:500;transition:all .12s;font-family:inherit}.side-toggle button.call{color:var(--cheap)}.side-toggle button.put{color:var(--rich)}.side-toggle button.active{background:var(--panel-2);color:var(--text);border-color:var(--border-strong)}.side-toggle button.active.call{background:var(--cheap-bg);color:var(--cheap);border-color:#1a763f80}.side-toggle button.active.put{background:var(--rich-bg);color:var(--rich);border-color:#a43c3380}.axis-block{gap:6px}.axis-row{display:grid;grid-template-columns:90px 1fr;gap:8px;align-items:center}.axis-row label{font-size:11px;color:var(--muted);font-weight:500}.camera-row{display:flex;flex-direction:column;gap:6px}.camera-row label{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px}.camera-row input[type=range]{flex:1;accent-color:var(--accent)}.camera-actions{display:flex;gap:8px;align-items:center;margin-top:4px}.camera-actions button{padding:5px 10px;background:var(--panel);border:1px solid var(--border);color:var(--muted);border-radius:4px;cursor:pointer;font-size:11px;transition:all .12s;font-family:inherit}.camera-actions button:hover{color:var(--text-2);border-color:var(--border-strong)}.rotate-toggle{font-size:11px;color:var(--text-2);display:flex;align-items:center;gap:6px;cursor:pointer;margin-right:auto}.rotate-toggle input{accent-color:var(--accent)}.numeric-row{display:flex;flex-direction:column;gap:6px}.numeric-row label{font-size:11px;color:var(--muted);display:flex;flex-direction:column;gap:3px}.numeric-row input{padding:4px 8px;background:var(--panel);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:12px;font-family:var(--font-mono);outline:none}.numeric-row input:focus{border-color:var(--accent-dim)}.surface3d-stage{background:var(--surface);padding:8px;position:relative;overflow:hidden}.surface3d-svg{width:100%;height:auto;display:block;user-select:none;touch-action:none}.axis-label{font-size:10px;font-family:var(--font-mono);font-weight:600;pointer-events:none}.surface3d-point{cursor:pointer;transition:stroke-width .1s ease-out,opacity .18s ease-out}.surface3d-tooltip text{pointer-events:none}.surface3d-detail{position:absolute;bottom:12px;left:12px;right:12px;background:#070709f2;border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:10px 12px;backdrop-filter:blur(6px);box-shadow:0 8px 24px #00000080}.detail-head{display:flex;align-items:center;gap:12px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--border)}.detail-side{font-size:10px;font-weight:600;letter-spacing:.06em;padding:3px 8px;border-radius:3px;font-family:var(--font-mono)}.detail-side.call{background:var(--cheap-bg);color:var(--cheap)}.detail-side.put{background:var(--rich-bg);color:var(--rich)}.detail-strike{font-size:16px;font-weight:600;color:var(--text);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.detail-dte{font-size:11px;color:var(--muted);font-family:var(--font-mono);margin-left:auto}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(95px,1fr));gap:6px}.detail-cell{background:var(--panel);border-radius:4px;padding:5px 8px;border:1px solid var(--border)}.detail-key{font-size:9px;color:var(--muted-2);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}.detail-val{font-size:12px;color:var(--text-2);font-family:var(--font-mono);font-weight:600;font-variant-numeric:tabular-nums}.surface3d-axis-editor{position:absolute;right:16px;top:16px;bottom:16px;width:240px;background:var(--panel-2);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:14px;z-index:30;box-shadow:0 12px 32px #00000073;overflow-y:auto}.surface3d-axis-editor-head{display:flex;align-items:center;margin-bottom:12px}.surface3d-axis-editor-head-title{font-weight:600;font-size:12px;color:var(--text)}.surface3d-axis-editor-head-close{margin-left:auto;color:var(--muted);background:none;border:none;cursor:pointer;padding:4px}.surface3d-axis-editor-row{margin-bottom:10px}.surface3d-axis-editor-row-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.surface3d-axis-editor-foot{margin-top:12px;font-size:10.5px;color:var(--muted);line-height:1.5}.surface3d-foot{padding:14px 16px;border-top:1px solid var(--border);background:var(--panel)}.surface3d-foot p{color:var(--text-2);font-size:12.5px;line-height:1.55;margin:0 0 8px}.surface3d-foot p:last-child{margin:0}.surface3d-foot strong{color:var(--accent);font-weight:500}.surfaces{padding:24px;max-width:1600px;margin:0 auto}.surfaces-header{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start;margin-bottom:16px}.surfaces-header h1{font-size:24px;margin:0 0 6px;letter-spacing:-.02em;color:#f0f6fc}.surfaces-header .muted{color:#8b949e;margin:0;max-width:920px;line-height:1.55}.surfaces-header em{color:#d29922;font-style:normal}.surfaces-status-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#161b22;border:1px solid #30363d;border-radius:999px;font-size:12px;color:#8b949e;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;white-space:nowrap}.surfaces-status-pill .error{color:#f85149}.live-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.live-dot.fresh{background:#3fb950;box-shadow:0 0 6px #3fb950}.live-dot.cached{background:#d29922;box-shadow:0 0 4px #d29922}.surfaces-controls{background:#161b22;border:1px solid #30363d;border-radius:8px;padding:12px 16px;margin-bottom:16px;display:flex;flex-direction:column;gap:12px}.symbol-picker-bar{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:4px;max-width:100%}.symbol-picker-bar .symbol-btn{padding:6px 8px;background:transparent;border:1px solid #30363d;color:#8b949e;border-radius:6px;cursor:pointer;font-size:11px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-weight:600;transition:all .15s;text-align:center;white-space:nowrap}.symbol-picker-bar .symbol-btn:hover{color:#c9d1d9;border-color:#58a6ff}.symbol-picker-bar .symbol-btn.active{background:#58a6ff;color:#fff;border-color:#58a6ff}.surfaces-quick-meta{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:#c9d1d9}.surfaces-quick-meta strong{color:#58a6ff}.surfaces-numerics{display:flex;gap:16px;flex-wrap:wrap}.surfaces-numerics label{display:flex;flex-direction:column;gap:4px;font-size:11px;color:#8b949e;text-transform:uppercase;letter-spacing:.4px}.surfaces-numerics input{width:110px;padding:5px 8px;background:#0d1117;border:1px solid #30363d;border-radius:4px;color:#c9d1d9;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:13px}.surfaces-numerics input:focus{outline:none;border-color:#58a6ff}.surfaces-empty{background:#161b22;border:1px solid #30363d;border-radius:8px;padding:60px 24px;text-align:center;color:#8b949e;font-style:italic}.surfaces-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(560px,1fr));gap:16px}@media (min-width: 1400px){.surfaces-grid{grid-template-columns:1fr 1fr}}.heatmap-svg rect{transition:fill .18s ease-out}.heatmap-card{background:#161b22;border:1px solid #30363d;border-radius:8px;padding:12px 14px 8px;display:flex;flex-direction:column;gap:6px}.heatmap-head{display:flex;flex-direction:column;gap:2px}.heatmap-title{font-size:13px;font-weight:600;color:#f0f6fc;letter-spacing:-.01em}.heatmap-sub{font-size:11px;color:#8b949e;line-height:1.35}.heatmap-svg-wrap{width:100%}.heatmap-svg{width:100%;height:auto;display:block}.heatmap-tick{font-size:9px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.heatmap-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:4px;min-height:24px}.heatmap-tooltip{display:inline-flex;gap:8px;font-size:11px;color:#c9d1d9;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;align-items:center}.heatmap-tooltip .ht-key{color:#6e7681}.heatmap-tooltip .ht-val{color:#f0f6fc;font-weight:600}.heatmap-legend{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:#6e7681;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;margin-left:auto}.hl-bar{display:inline-flex;height:8px;border-radius:2px;overflow:hidden}.hl-bar>span{display:inline-block;width:6px;height:100%}.surfaces-foot{margin-top:28px;padding:16px 20px;background:#58a6ff0a;border:1px solid rgba(88,166,255,.2);border-radius:8px}.surfaces-foot p{color:#c9d1d9;font-size:13px;line-height:1.55;margin:0 0 8px}.surfaces-foot p:last-child{margin:0;color:#8b949e}.surfaces-foot strong{color:#f0f6fc}.pricing-panel{width:340px;flex-shrink:0;background:var(--panel);border-left:1px solid var(--border);padding:16px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;color:var(--text);font-family:var(--font-sans)}.pricing-empty{align-items:center;justify-content:center}.pricing-empty-inner{padding:24px;color:var(--muted);font-size:12px;line-height:1.55;text-align:center}.pricing-loading{color:var(--muted);font-size:12px;font-family:var(--font-mono)}.pricing-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.pricing-title{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.pricing-side{font-size:10px;padding:2px 6px;border-radius:3px;font-weight:600;letter-spacing:.06em;font-family:var(--font-mono)}.pricing-side-call{background:var(--cheap-bg);color:var(--cheap)}.pricing-side-put{background:var(--rich-bg);color:var(--rich)}.pricing-strike{font-size:18px;font-weight:600;color:var(--text);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.pricing-exp{font-size:12px;color:var(--muted);font-family:var(--font-mono)}.pricing-close{background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--muted);width:24px;height:24px;font-size:16px;line-height:1;cursor:pointer}.pricing-close:hover{color:var(--text);border-color:var(--border-strong)}.pricing-verdict{border:1px solid;border-radius:var(--radius);padding:12px;background:#00000026}.pricing-verdict-label{font-size:12px;font-weight:600;letter-spacing:.08em;margin-bottom:4px;font-family:var(--font-mono)}.pricing-verdict-dev{font-size:18px;font-weight:600;color:var(--text);margin-bottom:8px;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.pricing-confidence{display:flex;align-items:center;gap:8px}.pricing-confidence-bar{flex:1;height:4px;background:var(--panel-2);border-radius:2px;overflow:hidden}.pricing-confidence-fill{height:100%;transition:width .2s}.pricing-confidence-label{font-size:10px;color:var(--muted);font-family:var(--font-mono)}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.pricing-cell{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px}.pricing-cell-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}.pricing-cell-value{font-size:14px;color:var(--text);font-weight:600;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.pricing-explain{display:flex;flex-direction:column;gap:6px}.pricing-explain h4{margin:0;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600;font-family:var(--font-mono)}.pricing-explain-note{font-size:11px;color:var(--text-2);line-height:1.5;padding:6px 8px 8px;border-left:2px solid var(--accent-dim);background:var(--panel);border-radius:0 3px 3px 0}.pricing-explain-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;font-size:12px;padding:6px 0;border-bottom:1px dashed var(--border);font-family:var(--font-mono)}.pricing-explain-label{color:var(--muted);flex:0 0 auto}.pricing-explain-value{color:var(--text);font-weight:600;margin-left:auto;font-variant-numeric:tabular-nums}.pricing-explain-detail{flex-basis:100%;color:var(--muted-2);font-size:11px}.pricing-explain-muted{color:var(--muted-2);font-style:italic}.pricing-action{margin-top:auto;padding:10px 14px;background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-dim);border-radius:var(--radius);font-size:12px;font-weight:500;cursor:pointer;font-family:inherit}.pricing-action:disabled{opacity:.55;cursor:not-allowed}@media (max-width: 900px){.pricing-panel{width:100%;border-left:none;border-top:1px solid var(--border)}}.ds-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.08em;padding:3px 8px;border-radius:3px;border:1px solid transparent;line-height:1}.ds-badge-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.ds-badge-live{color:var(--cheap);background:var(--cheap-bg);border-color:#1a763f66}.ds-badge-live .ds-badge-dot{animation:ds-pulse 2.4s infinite}@keyframes ds-pulse{0%,to{box-shadow:0 0 #59d48366}50%{box-shadow:0 0 0 4px #59d48300}}.ds-badge-mock{color:oklch(.85 .16 70);background:oklch(.78 .18 50 / .18);border-color:oklch(.78 .18 50 / .4)}.ds-badge-synth{color:#df99ef;background:#361e3b2e;border-color:#7c4f8666}.scenario-wrap{padding:14px 16px;font-family:var(--font-mono);display:flex;flex-direction:column;gap:14px}.scenario-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;padding:14px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.scen-input{display:flex;flex-direction:column;gap:6px}.scen-input-label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.scen-input-row{display:inline-flex;align-items:baseline;gap:6px}.scen-input input[type=number]{font-family:var(--font-mono);font-size:18px;font-weight:600;padding:6px 10px;width:100px;background:var(--surface);border:1px solid var(--border);border-radius:5px;color:var(--text);outline:none;font-variant-numeric:tabular-nums}.scen-input input[type=number]:focus{border-color:var(--accent)}.scen-input-suffix{font-size:11px;letter-spacing:.06em;color:var(--muted)}.scen-input-range{width:100%;accent-color:var(--accent)}.scen-input-hint{font-size:10px;color:var(--muted);letter-spacing:.04em}.scen-side-toggle{display:inline-flex;background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:2px}.scen-side-toggle button{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.08em;padding:5px 10px;background:none;color:var(--muted);border:none;border-radius:4px;cursor:pointer}.scen-side-toggle button:hover{color:var(--text-2)}.scen-side-toggle button.active{background:var(--panel-2);color:var(--text)}.scenario-summary{display:flex;flex-wrap:wrap;gap:24px;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.scen-stat{display:inline-flex;flex-direction:column;gap:2px}.scen-stat-label{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.scen-stat-value{font-size:14px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}.scen-table{width:100%;border-collapse:collapse;font-size:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;font-variant-numeric:tabular-nums}.scen-table th,.scen-table td{padding:6px 10px;text-align:right;border-bottom:1px solid var(--border);color:var(--text);height:var(--row-h)}.scen-table thead th{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--panel);font-weight:600;text-align:right}.scen-table th.mult-col,.scen-table td.mult-col{font-weight:700;font-size:13px}.scen-table td.side{font-weight:600;letter-spacing:.06em;font-size:11px}.scen-table td.side.call{color:var(--cheap)}.scen-table td.side.put{color:var(--rich)}.scen-table tbody tr:hover{background:var(--panel)}.scen-table tbody tr.row-hit td.mult-col{color:var(--accent)}.scenario-note{font-size:11px;color:var(--muted);line-height:1.55;padding:8px 12px;border-left:2px solid var(--border)}.scenario-note strong{color:var(--text-2)}.chain-page{display:flex;flex-direction:column;gap:14px;min-height:calc(100vh - 96px)}.chain-howto{padding:12px 16px 14px;border-left:2px solid var(--accent, oklch(.74 .16 158))}.chain-howto-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}.chain-howto-label{font-size:10px;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}.chain-howto-title{font-size:13px;font-weight:600;color:var(--text)}.chain-howto-dismiss{margin-left:auto;background:none;border:1px solid var(--border);color:var(--muted);width:22px;height:22px;border-radius:4px;cursor:pointer;font-size:14px;line-height:1}.chain-howto-dismiss:hover{color:var(--text);border-color:var(--border-strong)}.chain-howto-body{margin:0;color:var(--text-2);font-size:13px;line-height:1.6;max-width:820px}.chain-howto-body a{color:var(--accent);text-decoration:none}.chain-howto-body a:hover{text-decoration:underline}.chain-howto-collapsed{display:flex;justify-content:flex-end}.chain-howto-reopen{background:none;border:1px dashed var(--border);color:var(--muted);font-size:11px;padding:4px 10px;border-radius:4px;cursor:pointer;font-family:var(--font-mono);letter-spacing:.02em}.chain-howto-reopen:hover{color:var(--text-2);border-color:var(--border-strong);border-style:solid}.chain-intro{padding:0}.chain-meta{font-size:11px;color:var(--muted);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}.chain-intro h1{font-size:26px;margin:0 0 8px;letter-spacing:-.02em;color:var(--text);font-weight:600}.chain-intro .muted{color:var(--text-2);font-size:13px;line-height:1.55;max-width:720px}.chain-symbolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.chain-search{display:inline-flex;align-items:stretch;border:1px solid var(--border);border-radius:6px;background:var(--panel);overflow:hidden}.chain-search input{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.06em;padding:6px 10px;min-width:220px;background:transparent;border:none;color:var(--text);text-transform:uppercase;outline:none}.chain-search input::placeholder{color:var(--muted);text-transform:none;letter-spacing:0;font-weight:400}.chain-search input:focus{background:var(--panel-2)}.chain-search button{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.08em;padding:0 12px;background:var(--accent-bg);color:var(--accent);border:none;border-left:1px solid var(--border);cursor:pointer;transition:all .12s}.chain-search button:hover:not(:disabled){background:var(--accent);color:var(--surface)}.chain-search button:disabled{opacity:.35;cursor:not-allowed}.chain-facts{display:flex;gap:24px;align-items:baseline;padding:10px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);font-family:var(--font-mono);flex-wrap:wrap}.chain-fact{display:inline-flex;flex-direction:column;gap:2px}.chain-fact-label{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.chain-fact-value{font-size:14px;font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}.chain-symbol-label{font-size:10px;letter-spacing:.08em;color:var(--muted);text-transform:uppercase;font-family:var(--font-mono)}.chain-symbol-pills{display:flex;flex-wrap:wrap;gap:4px}.chain-symbol-pill{font-family:var(--font-mono);font-size:11px;font-weight:600;padding:4px 10px;background:var(--panel);border:1px solid var(--border);color:var(--muted);border-radius:5px;cursor:pointer;transition:all .12s;letter-spacing:.04em}.chain-symbol-pill:hover{color:var(--text-2);border-color:var(--border-strong)}.chain-symbol-pill.active{background:var(--accent-bg);border-color:var(--accent-dim);color:var(--accent)}.chain-symbol-pill.synth{border-style:dashed}.chain-symbol-pill.synth.active{background:#361e3b2e;border-color:#7c4f8680;color:#df99ef;border-style:solid}.chain-viewbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--panel) 0%,var(--surface) 100%)}.chain-view-toggle{display:inline-flex;background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:2px}.chain-view-toggle button{padding:4px 10px;font-size:12px;font-weight:500;color:var(--muted);background:none;border:none;border-radius:4px;cursor:pointer;transition:all .12s}.chain-view-toggle button:hover{color:var(--text-2)}.chain-view-toggle button.active{background:var(--panel-2);color:var(--text)}.chain-bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 900px){.chain-bottom-row{grid-template-columns:1fr}}.chain-body{display:flex;flex:1;min-height:0}.chain-canvas{flex:1;min-width:0;overflow:auto}.chain-empty{padding:40px;color:var(--muted);font-size:13px;text-align:center;font-family:var(--font-mono)}.chain-table-wrap{padding:14px 16px;font-family:var(--font-mono)}.chain-table-head{font-size:13px;color:var(--text-2);margin-bottom:10px;display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}.chain-table-head strong{color:var(--text)}.chain-table-hint{color:var(--muted);font-size:11px;margin-left:auto}.chain-table{width:100%;border-collapse:collapse;font-size:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;font-variant-numeric:tabular-nums}.chain-table th,.chain-table td{padding:6px 10px;text-align:right;border-bottom:1px solid var(--border);color:var(--text);height:var(--row-h)}.chain-table thead th{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--panel);font-weight:600}.chain-table th.th-call{color:var(--cheap);letter-spacing:.08em;font-weight:600}.chain-table th.th-put{color:var(--rich);letter-spacing:.08em;font-weight:600}.chain-table th.th-strike,.chain-table td.td-strike{text-align:center;color:var(--text);font-weight:600;background:var(--panel)}.chain-table th.th-verdict,.chain-table td.td-verdict{text-align:left}.chain-table tbody tr:hover{background:var(--panel)}.chain-table tr.row-atm td{background:#123c271f}.chain-table tr.row-atm td.td-strike{background:#123c2738;color:var(--accent)}.chain-table td.td-clickable{cursor:pointer}.chain-table td.td-clickable:hover{background:var(--panel-2);color:var(--text)}.ribbon-wrap{padding:14px 16px;position:relative}.ribbon-meta{font-family:var(--font-mono);font-size:12px;color:var(--text-2);margin-bottom:10px;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.ribbon-meta strong{color:var(--text)}.ribbon-hint{color:var(--muted);font-size:11px;margin-left:auto}.ribbon-svg{width:100%;height:auto;display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.ribbon-empty{padding:60px 20px;text-align:center;color:var(--muted);font-size:13px;font-family:var(--font-mono)}.ribbon-tooltip{position:fixed;pointer-events:none;background:var(--panel-2);border:1px solid var(--border-strong);border-radius:6px;padding:8px 12px;font-family:var(--font-mono);font-size:11px;color:var(--text-2);z-index:50;line-height:1.5;box-shadow:0 8px 24px #0006}.ribbon-tooltip strong{color:var(--text)}@media (max-width: 900px){.chain-body{flex-direction:column}.chain-viewbar{flex-wrap:wrap}}.chain-viewbar-right{display:inline-flex;align-items:center;gap:10px}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--text)}.app-nav{display:flex;align-items:stretch;height:52px;padding:0 20px;gap:0;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.nav-brand{display:flex;align-items:center;gap:10px;padding-right:24px;margin-right:20px;border-right:1px solid var(--border);color:var(--text)}.nav-brand-mark{width:28px;height:22px;display:inline-flex;align-items:center;justify-content:center}.nav-brand-mark svg{width:28px;height:22px}.nav-brand-name{font-weight:600;font-size:14px;letter-spacing:-.01em}.nav-brand-dim{color:var(--muted);font-weight:400}.nav-tabs{display:flex;align-items:stretch;gap:0}.nav-tab{padding:0 16px;display:flex;align-items:center;color:var(--muted);font-size:13px;font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s;position:relative;cursor:pointer}.nav-tab:hover{color:var(--text-2)}.nav-tab.active{color:var(--text);border-bottom-color:var(--accent)}.nav-right{margin-left:auto;display:flex;align-items:center;gap:14px}.nav-status{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;color:var(--muted)}.nav-status .live-dot{display:inline-block}.nav-status-text{line-height:1}.nav-auth{display:flex;align-items:center;gap:10px}.nav-user{font-size:12px;color:var(--text-2);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-tag{font-size:11px;color:var(--muted);padding:4px 10px;border:1px solid var(--border);border-radius:20px;letter-spacing:.3px;text-transform:uppercase}.nav-auth-btn{font-size:12px;font-weight:500;padding:5px 12px;border-radius:5px;cursor:pointer;transition:all .15s;background:none;border:1px solid transparent}.nav-auth-btn.primary{background:var(--accent-bg);border-color:var(--accent-dim);color:var(--accent)}.nav-auth-btn.primary:hover:not([disabled]){background:oklch(.32 .08 158 / .3)}.nav-auth-btn.primary[disabled]{opacity:.5;cursor:wait}.nav-auth-btn.ghost{background:transparent;color:var(--muted);border-color:var(--border)}.nav-auth-btn.ghost:hover{color:var(--text);border-color:var(--border-strong)}.app-main{flex:1;padding:20px;max-width:1680px;width:100%;margin:0 auto}.app-foot{border-top:1px solid var(--border);padding:14px 24px;color:var(--muted-2);font-size:11px;font-family:var(--font-mono);display:flex;align-items:center;gap:16px;flex-wrap:wrap}.app-foot a{color:var(--muted);border-bottom:1px dashed transparent;transition:color .15s,border-color .15s}.app-foot a:hover{color:var(--text-2);border-bottom-color:var(--border-strong)}.app-foot-link-btn{background:none;border:none;padding:0;font:inherit;cursor:pointer;color:var(--muted);border-bottom:1px dashed transparent;transition:color .15s,border-color .15s}.app-foot-link-btn:hover{color:var(--text-2);border-bottom-color:var(--border-strong)}.app-foot-sep{color:var(--border-strong)}.app-foot-spacer{flex:1}@media (max-width: 900px){.app-nav{padding:0 12px;gap:8px}.nav-brand{padding-right:12px;margin-right:8px}.nav-tab{padding:0 10px;font-size:12px}.nav-status{display:none}.app-main{padding:12px}.app-foot{flex-wrap:wrap;gap:8px;padding:10px 12px}.app-foot-spacer{display:none}}:root{--bg: #0a0b0e;--surface: #111317;--panel: #15181e;--panel-2: #1a1e26;--border: #232832;--border-strong: #2d333f;--text: #e8eaed;--text-2: #b6bcc7;--muted: #7a808c;--muted-2: #565b66;--accent: oklch(.78 .14 158);--accent-dim: oklch(.5 .1 158);--accent-bg: oklch(.28 .06 158 / .18);--cheap: oklch(.78 .16 152);--cheap-bg: oklch(.28 .08 152 / .22);--right: oklch(.78 .04 240);--right-bg: oklch(.28 .02 240 / .35);--rich: oklch(.72 .18 28);--rich-bg: oklch(.28 .1 28 / .22);--heat-0: oklch(.22 .04 280);--heat-1: oklch(.4 .1 240);--heat-2: oklch(.6 .14 190);--heat-3: oklch(.78 .16 145);--heat-4: oklch(.9 .18 95);--radius: 6px;--radius-lg: 10px;--row-h: 28px;--pad: 14px;--font-sans: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace}[data-density=comfortable]{--row-h: 34px;--pad: 18px}[data-density=compact]{--row-h: 24px;--pad: 10px}[data-theme=light]{--bg: #fbfaf7;--surface: #ffffff;--panel: #f5f3ee;--panel-2: #efece5;--border: #e3dfd5;--border-strong: #d3cdc0;--text: #1a1a1a;--text-2: #3a3a3a;--muted: #6a6a6a;--muted-2: #999;--accent-bg: oklch(.92 .06 158 / .5);--right: oklch(.55 .02 240);--right-bg: oklch(.88 .02 240)}[data-palette=rg]{--heat-0: oklch(.28 .12 28);--heat-1: oklch(.5 .16 28);--heat-2: oklch(.55 .04 90);--heat-3: oklch(.6 .14 145);--heat-4: oklch(.78 .18 145)}[data-palette=mono]{--heat-0: oklch(.25 0 0);--heat-1: oklch(.4 0 0);--heat-2: oklch(.55 0 0);--heat-3: oklch(.75 0 0);--heat-4: oklch(.92 0 0)}[data-palette=ember]{--heat-0: oklch(.2 .04 280);--heat-1: oklch(.4 .1 320);--heat-2: oklch(.6 .16 20);--heat-3: oklch(.75 .18 50);--heat-4: oklch(.9 .18 90)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text)}body{font-family:var(--font-sans);font-size:13px;line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01","cv11"}.mono{font-family:var(--font-mono);font-feature-settings:"zero","ss01"}.tnum{font-variant-numeric:tabular-nums}button{font-family:inherit;color:inherit}a{color:inherit;text-decoration:none}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.panel-head{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--panel) 0%,var(--surface) 100%)}.panel-title{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-2)}.panel-sub{font-size:11px;color:var(--muted);font-family:var(--font-mono)}.verdict{display:inline-flex;align-items:center;gap:5px;height:18px;padding:0 7px;border-radius:3px;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border:1px solid transparent;white-space:nowrap}.verdict:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.verdict.cheap{color:var(--cheap);background:var(--cheap-bg);border-color:#1a763f66}.verdict.right{color:var(--text-2);background:var(--right-bg);border-color:var(--border)}.verdict.rich{color:var(--rich);background:var(--rich-bg);border-color:#a43c3366}.verdict.locked{color:var(--muted);background:transparent;border-color:var(--border);backdrop-filter:blur(6px)}.verdict.lg{height:22px;font-size:11px;padding:0 10px}.seg{display:inline-flex;background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:2px}.seg button{padding:4px 10px;font-size:12px;font-weight:500;color:var(--muted);background:none;border:none;border-radius:4px;cursor:pointer;transition:all .12s}.seg button:hover{color:var(--text-2)}.seg button.active{background:var(--panel-2);color:var(--text)}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;background:var(--panel);border:1px solid var(--border);border-radius:5px;font-size:12px;color:var(--text-2);cursor:pointer;transition:border-color .12s,background .12s,color .12s}.chip:hover{border-color:var(--border-strong)}.chip.active{background:var(--accent-bg);border-color:var(--accent-dim);color:var(--accent)}.stat{padding:12px 14px;border-right:1px solid var(--border);min-width:0}.stat:last-child{border-right:none}.stat-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:4px}.stat-val{font-family:var(--font-mono);font-size:18px;font-weight:600;color:var(--text);line-height:1.1;font-variant-numeric:tabular-nums}.stat-sub{font-size:11px;color:var(--muted);margin-top:2px;font-family:var(--font-mono)}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--muted-2)}.live-dot.live{background:var(--cheap);animation:live-pulse 2.4s infinite}@keyframes live-pulse{0%,to{box-shadow:0 0 #59d48366}50%{box-shadow:0 0 0 4px #59d48300}}.tooltip-card{background:var(--panel-2);border:1px solid var(--border-strong);border-radius:6px;padding:8px 10px;box-shadow:0 8px 24px #0006;font-size:11px;font-family:var(--font-mono);pointer-events:none;z-index:50}.locked-blur{position:relative}.locked-blur>.blur-target{filter:blur(6px);user-select:none;pointer-events:none}.lock-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,transparent 0%,oklch(.14 .005 270 / .7) 60%,oklch(.1 .005 270 / .9) 100%)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.loading-spinner{display:flex;justify-content:center;padding:60px}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:80px 24px;color:var(--muted)}.empty-state h2{color:var(--text);font-size:20px;margin-bottom:8px}.empty-state p{font-size:14px}.error-banner{padding:12px 24px;background:#ac312a1a;border-bottom:1px solid oklch(.5 .16 28 / .3);color:var(--rich);font-weight:500}