@import"https://fonts.bunny.net/css?family=inter:100,200,300,400,500,600,700&display=swap";@import"https://fonts.bunny.net/css?family=geist:300,400,500,600,700&display=swap";@import"https://fonts.bunny.net/css?family=jetbrains-mono:300,400,500,600,700&display=swap";@import"https://fonts.bunny.net/css?family=syne:400,500,600,700&display=swap";:root{--bg-app: #0d1117;--bg-base: #161b22;--bg-surface: #1c2128;--bg-overlay: #21262d;--bg-sunken: #0d1117;--text-primary: #e6edf3;--text-secondary: #8b949e;--text-muted: #484f58;--text-inverse: #ffffff;--border-default: #30363d;--border-subtle: #21262d;--border-strong: #484f58;--accent-primary: #22d3a0;--accent-blue: #58a6ff;--accent-purple: #a78bfa;--accent-cyan: #00d4ff;--accent-cta: #388bfd;--status-buy: #22d3a0;--status-sell: #f87171;--status-warning: #f7a428;--status-neutral: #fbbf24;--interactive-hover: rgba(255,255,255,.04);--interactive-active: rgba(255,255,255,.08);--interactive-selected: rgba(34,211,160,.1);--accent-primary-10: rgba(34,211,160,.1);--accent-primary-12: rgba(34,211,160,.12);--accent-primary-15: rgba(34,211,160,.15);--accent-primary-20: rgba(34,211,160,.2);--accent-primary-30: rgba(34,211,160,.3);--accent-primary-40: rgba(34,211,160,.4);--status-sell-08: rgba(248,113,113,.08);--status-sell-30: rgba(248,113,113,.3);--status-sell-40: rgba(248,113,113,.4);--status-warning-08: rgba(247,164,40,.08);--status-warning-30: rgba(247,164,40,.3);--status-warning-40: rgba(247,164,40,.4);--accent-blue-08: rgba(56,139,253,.08);--accent-blue-30: rgba(56,139,253,.3);--accent-blue-40: rgba(56,139,253,.4);--accent-purple-15: rgba(167,139,250,.15);--accent-purple-30: rgba(167,139,250,.3);--accent-purple-40: rgba(167,139,250,.4);--radius-xs: 3px;--radius-sm: 5px;--radius-md: 7px;--radius-lg: 10px;--radius-xl: 14px;--radius-full: 999px;--font-sans: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--font-ui: "Geist", system-ui, sans-serif;--size-xs: 9px;--size-sm: 11px;--size-md: 13px;--size-lg: 15px;--size-xl: 18px;--size-2xl: 22px;--weight-normal: 400;--weight-medium: 500;--weight-bold: 700;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--btn-sm-padding: 2px 8px;--btn-sm-font: var(--size-sm);--btn-md-padding: 5px 14px;--btn-md-font: var(--size-md);--btn-radius: var(--radius-sm);--input-bg: var(--bg-sunken);--input-border: var(--border-default);--input-border-focus: var(--accent-cyan);--input-color: var(--text-primary);--input-radius: var(--radius-md);--input-padding: 5px 8px;--input-font: var(--size-md);--card-bg: var(--bg-base);--card-border: var(--border-default);--card-radius: var(--radius-lg);--card-padding: 12px 14px;--badge-buy-bg: var(--accent-primary-12);--badge-buy-border: var(--accent-primary-30);--badge-buy-color: var(--status-buy);--badge-sell-bg: var(--status-sell-08);--badge-sell-border: var(--status-sell-30);--badge-sell-color: var(--status-sell);--badge-neutral-bg: rgba(255,255,255,.06);--badge-neutral-border: var(--border-default);--badge-neutral-color: var(--text-secondary);--toast-success-bg: var(--status-buy);--toast-success-color: var(--text-inverse);--toast-error-bg: var(--status-sell);--toast-error-color: var(--text-primary);--greek-delta: var(--accent-primary);--greek-gamma: #a855f7;--greek-theta: #ff6b35;--greek-vega: #60a5fa;--scrollbar-width: 3px;--scrollbar-thumb: var(--border-default)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--size-md);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent-blue);text-decoration:none}input:focus,select:focus{border-color:var(--input-border-focus)!important;outline:none}input[type=range]{-webkit-appearance:none;background:transparent;width:100%;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:5px;background:var(--bg-overlay);border-radius:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent-cyan);margin-top:-7px;cursor:pointer;border:2.5px solid var(--bg-app)}::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:2px}::-webkit-scrollbar-track{background:transparent}.hov:hover{background:var(--bg-surface)!important}.pbn{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:all .15s}.pbn:hover{opacity:.8}.strike-col .cpb{opacity:0;pointer-events:none;transition:opacity .1s}.strike-col:hover .cpb{opacity:.45;pointer-events:all}.strike-col .cpb:hover{opacity:1!important}.alert-hover-wrap .alert-bell-btn{opacity:0;pointer-events:none}.alert-hover-wrap:hover .alert-bell-btn{opacity:1!important;pointer-events:all}.leg-dot{cursor:grab;transition:all .15s}.leg-dot:hover{transform:scale(1.5);filter:brightness(1.3)}.leg-dot:active{cursor:grabbing}.tour-active{position:relative;z-index:1001!important}@keyframes tourPulse{0%,to{box-shadow:0 0 #58a6ff99}50%{box-shadow:0 0 0 4px #58a6ff00}}.tour-pulse{animation:tourPulse 1.2s ease-in-out infinite;border-color:#58a6ffcc!important}.strat-tip:hover .strat-tooltip{opacity:1}.strat-tooltip{position:fixed;top:var(--stip-y, 0px);left:var(--stip-x, 0px);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:8px 10px;width:240px;font-size:var(--size-sm);color:var(--text-secondary);line-height:1.5;opacity:0;pointer-events:none;transition:opacity .15s;z-index:9999}.strat-tooltip b{color:var(--accent-cyan);display:block;margin-bottom:3px;font-size:var(--size-md)}@media(max-width:600px){.app-root{padding:8px!important;padding-bottom:max(8px,env(safe-area-inset-bottom))!important}.header-right{gap:4px!important}.header-right .price-input{width:72px!important;font-size:11px!important}.header-right .live-btn{padding:4px 6px!important;font-size:10px!important;height:26px!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important}.legs-header-row{display:none!important}.leg-row{grid-template-columns:7px 54px 52px 72px 58px 52px 1fr 30px!important;gap:2px!important;padding:5px 6px!important;font-size:11px!important}.leg-row-dot{display:none!important}.chart-controls{flex-wrap:wrap;gap:4px!important}.slider-area{flex-direction:column!important;gap:10px!important}.panel-padding{padding:8px!important}.live-panel{border-radius:8px!important;margin-bottom:8px!important}.strikes-wrap{padding:4px 0!important}.section-title{font-size:10px!important}.sim-row{flex-direction:column!important;gap:8px!important}.view-toggle-btn{padding:4px 8px!important;font-size:11px!important}.auth-modal-inner{padding:20px 16px!important;width:calc(100vw - 32px)!important;max-width:100%!important}}@media(max-width:400px){.leg-row{grid-template-columns:7px 48px 48px 66px 54px 48px 1fr 28px!important}.header-right .price-input{width:64px!important}}