:root{--canvas:#0b0b0b;--surface:#161616;--surface-mist:#1e1e1e;--ink:#f5f5f5;--ink-muted:#8a8a8a;--accent:#62d67f;--positive:#62d67f;--negative:#ff6b6b;--border:#242424;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:light){:root{--canvas:#fafafa;--surface:#fff;--surface-mist:#f2f2f2;--ink:#0b0b0b;--ink-muted:#6b6b6b;--accent:#0f7340;--positive:#0f7340;--negative:#c62828;--border:#e4e4e4}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--canvas);color:var(--ink);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5}code,.tabular{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.app-shell{flex-direction:column;max-width:1600px;min-height:100%;margin:0 auto;display:flex}.main-area{gap:var(--space-4);padding:var(--space-3) var(--space-4) var(--space-4);flex-direction:column;flex:1;display:flex}.main-area__status{max-width:640px}@media (width>=720px){.app-shell{grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;display:grid;overflow:hidden}.main-area{min-height:0;overflow:hidden}}.topbar{align-items:center;column-gap:var(--space-4);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border);grid-template-columns:auto 1fr auto;grid-template-areas:"brand market wallet";display:grid}.topbar__brand{align-items:center;gap:var(--space-2);grid-area:brand;display:flex}.topbar__market{grid-area:market;min-width:0}.topbar__wallet{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:wrap;grid-area:wallet;display:flex}.topbar__name{letter-spacing:-.01em;font-size:1.05rem;font-weight:600}.topbar__account{align-items:center;gap:var(--space-2);display:flex}@media (width<=719px){.topbar{row-gap:var(--space-2);grid-template-columns:1fr auto;grid-template-areas:"brand wallet""market market"}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.panel--chart{flex:1;min-height:0;overflow-y:auto}.panel__header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.panel__header h2{margin:0;font-size:1rem;font-weight:600}.dock-panel{gap:var(--space-3);flex-direction:column;display:flex}.dock-panel__subhead{justify-content:flex-end;display:flex}.dock-panel__subhead--split{justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap}.pool-panel__heading{letter-spacing:-.01em;margin:0 0 2px;font-size:1rem;font-weight:600}.stat-grid{gap:0 var(--space-4);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.stat{justify-content:space-between;align-items:baseline;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--border);display:flex}.stat__label{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.72rem}.stat__value{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.95rem}.kv-list{flex-direction:column;gap:6px;display:flex}.kv-row{justify-content:space-between;gap:var(--space-3);font-size:.88rem;display:flex}.kv-row__label{color:var(--ink-muted)}.kv-row__value{font-variant-numeric:tabular-nums;text-align:right;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.table{border-collapse:collapse;width:100%;font-size:.85rem}.table th,.table td{text-align:left;padding:var(--space-2) 10px;border-bottom:1px solid var(--border)}.table th{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.72rem;font-weight:500}.table td{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.table th.num,.table td.num{text-align:right}.is-positive{color:var(--positive)}.is-negative{color:var(--negative)}.badge{letter-spacing:.02em;border-radius:999px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-block}.badge--network{background:var(--surface-mist);color:var(--ink-muted);border:1px solid var(--border)}.badge--ok{background:color-mix(in srgb, var(--positive) 16%, transparent);color:var(--positive)}.badge--off{background:color-mix(in srgb, var(--ink-muted) 16%, transparent);color:var(--ink-muted)}.badge--down{background:color-mix(in srgb, var(--negative) 16%, transparent);color:var(--negative)}.price-spot{align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}.price-spot__value{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.9rem}.price-spot__unit{color:var(--ink-muted);font-size:.85rem}.price-spot__age{color:var(--ink-muted);font-size:.72rem}.price-chart{gap:var(--space-2);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.price-chart__toolbar{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.price-chart__canvas{flex:1;width:100%;min-width:0;min-height:220px;overflow:hidden}.price-chart__caption{margin:0}.button{border:1px solid var(--border);background:var(--ink);color:var(--canvas);border-radius:var(--radius-md);cursor:pointer;padding:8px 14px;font-size:.85rem;font-weight:500;transition:background-color .15s,border-color .15s,color .15s,opacity .15s}.button:disabled{cursor:not-allowed;opacity:.5}.button--primary{background:var(--accent);border-color:var(--accent);color:#fff;padding:9px 18px;font-weight:600}.button--ghost{color:var(--ink-muted);background:0 0;border-color:#0000}.button--ghost:hover:not(:disabled){color:var(--ink)}.button--warn{background:var(--accent);color:#fff;border-color:var(--accent)}.address-pill{background:var(--surface-mist);border:1px solid var(--border);border-radius:999px;padding:6px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem}.link{color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;text-decoration:none}.link:hover{text-decoration:underline}.hint{color:var(--ink-muted);font-size:.85rem}.error-text{color:var(--negative);overflow-wrap:anywhere;font-size:.85rem}.banner{padding:var(--space-4) 18px;border-radius:var(--radius-md);border:1px solid var(--border);flex-direction:column;gap:6px;display:flex}.banner p{margin:0}.banner--info{background:var(--surface-mist)}.banner--error{background:color-mix(in srgb, var(--negative) 10%, var(--surface));border-color:var(--negative)}.deferred-actions{align-items:center;gap:var(--space-2);border-top:1px dashed var(--border);flex-wrap:wrap;padding-top:6px;display:flex}.action-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.button--sm{border-radius:var(--radius-sm);padding:5px 10px;font-size:.78rem}.select{border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:var(--radius-md);padding:7px 10px;font-family:inherit;font-size:.85rem}.toggle-group{background:var(--surface-mist);border-radius:var(--radius-md);gap:4px;padding:3px;display:inline-flex}.ticket{gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-mist);flex-direction:column;display:flex}.ticket__header{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.ticket__inputs{align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}.ticket__field{flex-direction:column;gap:4px;display:flex}.ticket--empty{gap:6px}.market-selector{gap:var(--space-2);display:flex;overflow-x:auto}.market-selector__item{min-width:112px;padding:6px var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;flex-direction:column;align-items:flex-start;gap:2px;transition:border-color .15s,background-color .15s;display:flex}.market-selector__item--active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface))}.market-selector__top{align-items:center;gap:6px;display:flex}.market-selector__symbol{font-size:.92rem;font-weight:600}.market-selector__change{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.7rem}.market-selector__spot{font-variant-numeric:tabular-nums;color:var(--ink-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.76rem}.market-selector__item--active .market-selector__spot{color:var(--ink)}.tenor-selector{flex-wrap:wrap}.tenor-selector__item{align-items:center;gap:6px;display:inline-flex}.tenor-selector__item--unavailable{color:var(--ink-muted);opacity:.7}.tenor-selector__badge{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1px 4px;font-size:.62rem}.expiry-countdown{color:var(--ink-muted);font-size:.8rem}.expiry-countdown[data-expired]{color:var(--negative)}.trading-grid{gap:var(--space-4);grid-template-columns:1fr;align-items:start;display:grid}.trading-grid__chart{flex-direction:column;min-width:0;display:flex}.ticket-column{min-width:0}@media (width>=720px){.trading-grid{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,2.5fr) 340px;align-items:stretch;min-height:0}.trading-grid__chart{min-height:0}.ticket-column{height:100%;min-height:0;overflow-y:auto}.ticket__cta-row{z-index:1;padding-top:var(--space-2);margin-top:calc(-1 * var(--space-2));background:var(--surface-mist);box-shadow:0 -8px 12px -4px var(--surface-mist);position:sticky;bottom:0}}.dock{border-top:1px solid var(--border);flex-direction:column;display:flex}.dock__tabs{gap:var(--space-1);padding:var(--space-2) var(--space-4) 0;border-bottom:1px solid var(--border);display:flex}.dock__tab{appearance:none;color:var(--ink-muted);font:inherit;padding:var(--space-2) var(--space-3);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;font-size:.85rem;font-weight:500;transition:color .15s,border-color .15s}.dock__tab:hover{color:var(--ink)}.dock__tab--active{color:var(--ink);border-bottom-color:var(--accent);font-weight:600}.dock__content{padding:var(--space-3) var(--space-4) var(--space-4)}@media (width>=720px){.dock{height:clamp(200px,32vh,340px);min-height:0}.dock__content{flex:1;min-height:0;overflow-y:auto}}.payoff-summary{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--accent) 6%, var(--surface));flex-direction:column;display:flex}.ticket__title-row{align-items:center;gap:var(--space-2);display:flex}.ticket__no-liq-badge{letter-spacing:.04em;font-size:.62rem}.ticket__expiry{color:var(--ink);font-size:.92rem;font-weight:600}.direction-picker{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.direction-picker__option{padding:14px var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;flex-direction:column;align-items:center;gap:2px;transition:border-color .15s,background-color .15s,color .15s;display:flex}.direction-picker__symbol{letter-spacing:-.01em;font-size:1.05rem;font-weight:700}.direction-picker__hint{color:var(--ink-muted);font-size:.72rem}.direction-picker__option--up.direction-picker__option--active{border-color:var(--positive);background:color-mix(in srgb, var(--positive) 12%, var(--surface))}.direction-picker__option--up.direction-picker__option--active .direction-picker__symbol{color:var(--positive)}.direction-picker__option--down.direction-picker__option--active{border-color:var(--negative);background:color-mix(in srgb, var(--negative) 12%, var(--surface))}.direction-picker__option--down.direction-picker__option--active .direction-picker__symbol{color:var(--negative)}.leverage-picker{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.leverage-picker__tile{padding:10px var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font:inherit;text-align:center;cursor:pointer;font-size:.95rem;font-weight:600;transition:border-color .15s,background-color .15s,color .15s}.leverage-picker__tile--active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, var(--surface));color:var(--accent)}.deposit-field{flex-direction:column;gap:6px;display:flex}.deposit-field__input-row{align-items:baseline;gap:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:6px 10px;display:flex}.deposit-field__input{min-width:0;color:var(--ink);font-variant-numeric:tabular-nums;background:0 0;border:none;flex:1;padding:4px 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.4rem}.deposit-field__input:focus{outline:none}.deposit-field__unit{color:var(--ink-muted);font-size:.8rem}.deposit-field__quick{flex-wrap:wrap;gap:6px;display:flex}.outcome-panel__headline{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.55rem;font-weight:700}.outcome-panel__qualifier{color:var(--ink-muted);margin:0;font-size:.85rem}.outcome-panel__row{justify-content:space-between;align-items:baseline;gap:var(--space-2);margin:0;font-size:.88rem;display:flex}.ticket__cta-row{gap:0}.button--cta{width:100%;padding:12px 18px;font-size:.95rem}.no-liq-line{color:var(--positive);align-items:center;gap:6px;margin:0;font-size:.82rem;font-weight:500;display:flex}.row-details.ticket__advanced{border-top:1px dashed var(--border);padding-top:var(--space-2);display:block}.row-details.ticket__advanced summary{font-size:.8rem}.row-details.ticket__advanced .row-details__body{width:100%;min-width:0;margin-top:var(--space-2);gap:var(--space-3)}.payoff-diagram{width:100%}.payoff-diagram__svg{width:100%;height:auto;display:block}.payoff-diagram__area--profit{fill:var(--positive);fill-opacity:.14}.payoff-diagram__area--loss{fill:var(--negative);fill-opacity:.14}.payoff-diagram__line{fill:none;stroke:var(--ink);stroke-width:2px}.payoff-diagram__zero-line{stroke:var(--ink-muted);stroke-width:1px;stroke-dasharray:2 3}.payoff-diagram__ref-line{stroke-width:1px;stroke-dasharray:3 3}.payoff-diagram__ref-line--profit{stroke:var(--positive)}.payoff-diagram__ref-line--loss{stroke:var(--negative)}.payoff-diagram__guide{stroke-width:1.5px}.payoff-diagram__guide--strike{stroke:var(--accent);stroke-dasharray:4 3}.payoff-diagram__guide--breakeven{stroke:var(--ink-muted);stroke-dasharray:1 3}.payoff-diagram__spot-dot{fill:var(--ink)}.payoff-diagram__axis-label{font-variant-numeric:tabular-nums;fill:var(--ink-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.payoff-diagram__axis-label--profit{fill:var(--positive)}.payoff-diagram__axis-label--loss{fill:var(--negative)}.payoff-diagram__axis-label--strike{fill:var(--accent)}.payoff-diagram__axis-label--breakeven{fill:var(--ink-muted)}.payoff-diagram__axis-label--spot{fill:var(--ink);font-weight:600}.pool-faucet-row{align-items:center;gap:var(--space-2);padding-bottom:var(--space-3);border-bottom:1px dashed var(--border);flex-wrap:wrap;display:flex}.faucet-inline{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:inline-flex}.faucet-inline__balance{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem}.liquidity-form{gap:var(--space-3);border-top:1px dashed var(--border);flex-direction:column;padding-top:6px;display:flex}.copyable{font:inherit;color:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;position:relative}.copyable:hover{color:var(--accent)}.copyable__flash{border-radius:var(--radius-sm);background:var(--ink);color:var(--canvas);white-space:nowrap;pointer-events:none;margin-bottom:4px;padding:2px 6px;font-size:.7rem;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.table-wrap{overflow-x:auto}.table__row--active{background:color-mix(in srgb, var(--accent) 10%, transparent)}.row-details{display:inline-block}.row-details summary{cursor:pointer;color:var(--accent);font-size:.78rem;list-style:none}.row-details summary::-webkit-details-marker{display:none}.row-details summary:before{content:"▸ ";font-size:.7em}.row-details[open] summary:before{content:"▾ "}.row-details__body{flex-direction:column;gap:4px;min-width:220px;margin-top:6px;display:flex}.hint--tight{opacity:.75;margin:2px 0 0;font-size:.68rem;line-height:1.2}