:root{--canvas:#0a0a0b;--surface:#121213;--surface-2:#17181a;--surface-3:#1f2023;--ink:#f1f2f3;--ink-2:#969a9e;--ink-3:#63676b;--ink-muted:var(--ink-2);--border:#232427;--border-strong:#34363a;--accent:#62d67f;--accent-ink:#0a0a0b;--positive:#62d67f;--negative:#ff6b6b;--focus:#8ee6a4;--shadow-overlay:0 24px 64px #0009;--r-panel:3px;--r-control:6px;--r-chip:999px;--t-micro:.625rem;--t-xs:.6875rem;--t-sm:.75rem;--t-base:.8125rem;--t-md:.875rem;--t-lg:1.0625rem;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--chart-h:300px;--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:#f4f4f5;--surface:#fff;--surface-2:#f7f7f8;--surface-3:#ecedee;--ink:#0d0e10;--ink-2:#5c6166;--ink-3:#85898e;--border:#e0e1e3;--border-strong:#c6c8cb;--accent:#0d6b3b;--accent-ink:#fff;--positive:#0d6b3b;--negative:#c02626;--focus:#0d6b3b;--shadow-overlay:0 24px 64px #0b0b0b2e}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--canvas);color:var(--ink);font-family:var(--sans);font-size:var(--t-base);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;margin:0;line-height:1.45}button,input,select{font:inherit;font-variant-numeric:tabular-nums}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--focus);outline-offset:1px;border-radius:var(--r-control)}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}code,.tabular,.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.cell-num{font-family:var(--mono);text-align:right}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-main{flex:1 0 auto}.topbar{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--canvas) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:30;grid-template-columns:1fr auto 1fr;align-items:center;height:48px;padding:0 12px;display:grid;position:sticky;top:0}.logo{font-weight:600;font-size:var(--t-md);letter-spacing:-.02em;align-items:center;gap:7px;width:max-content;display:flex}.logo-mark{border-radius:var(--r-panel);width:22px;height:22px;color:var(--canvas);background:var(--ink);place-items:center;font-family:Georgia,serif;font-size:16px;font-style:italic;display:grid}.product-nav{gap:1px;display:flex}.nav-item{border-radius:var(--r-control);min-height:32px;color:var(--ink-3);font-size:var(--t-sm);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:0 10px;font-weight:500;transition:color .12s,background-color .12s;display:flex}.nav-item:hover{color:var(--ink);background:var(--surface-2)}.nav-item.active{color:var(--ink);background:var(--surface-3)}.nav-item.active svg{color:var(--accent)}.header-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.network-pill{border:1px solid var(--border);border-radius:var(--r-chip);background:var(--surface);min-height:26px;font-size:var(--t-xs);color:var(--ink-2);white-space:nowrap;align-items:center;gap:6px;padding:0 10px 0 8px;display:flex}.network-pill strong{color:var(--ink);font-weight:500}.network-pill>span:first-child{background:var(--positive);border-radius:50%;width:5px;height:5px}.network-pill small{color:var(--ink-3)}.wallet-button,.icon-button{border:1px solid var(--border);border-radius:var(--r-control);background:var(--surface);cursor:pointer;justify-content:center;align-items:center;min-height:32px;transition:border-color .12s,background-color .12s,color .12s;display:inline-flex}.wallet-button{font-size:var(--t-sm);font-weight:500;font-family:var(--mono);white-space:nowrap;gap:6px;padding:0 11px}.wallet-button:hover,.icon-button:hover{border-color:var(--border-strong);background:var(--surface-2)}.wallet-button:disabled{cursor:progress;opacity:.7}.wallet-button.connected{color:var(--positive);border-color:color-mix(in srgb, var(--positive) 34%, var(--border))}.wallet-button.wrong-network{color:var(--negative);border-color:color-mix(in srgb, var(--negative) 40%, var(--border))}.icon-button{width:32px;padding:0}.wallet-control{position:relative}.wallet-menu{z-index:40;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-control);flex-direction:column;gap:2px;min-width:190px;padding:4px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #00000047}.wallet-menu button,.wallet-menu a{border-radius:calc(var(--r-control) - 2px);min-height:32px;color:var(--ink);font-size:var(--t-sm);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0 10px;font-family:inherit;text-decoration:none;display:flex}.wallet-menu button:hover,.wallet-menu a:hover{background:var(--surface-2)}.wallet-menu-disconnect{color:var(--negative)!important}.mobile-menu,.mobile-nav{display:none}.wallet-error{min-height:32px;color:var(--negative);background:color-mix(in srgb, var(--negative) 12%, var(--surface));border-bottom:1px solid color-mix(in srgb, var(--negative) 30%, var(--border));font-size:var(--t-sm);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:6px 12px;display:flex}.wallet-error button{border-radius:var(--r-control);width:26px;height:26px;color:var(--negative);cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid}.wallet-error button:hover{background:color-mix(in srgb, var(--negative) 16%, transparent)}.wallet-error .wallet-error-action{border:1px solid color-mix(in srgb, var(--negative) 40%, var(--border));width:auto;padding:0 10px;font-weight:600}.app-notice{min-height:32px;color:var(--ink-2);background:var(--surface);border-bottom:1px solid var(--border);font-size:var(--t-sm);justify-content:center;align-items:center;gap:8px;padding:6px 16px;display:flex}.banner{border-bottom:1px solid var(--border);background:var(--surface);color:var(--ink-2);font-size:var(--t-sm);text-align:center;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 10px;padding:8px 16px;display:flex}.banner strong{color:var(--ink);font-weight:600}.banner p{max-width:110ch}.banner--error{color:var(--ink-2);background:color-mix(in srgb, var(--negative) 10%, var(--surface));border-bottom-color:color-mix(in srgb, var(--negative) 30%, var(--border))}.banner--error strong{color:var(--negative)}.trade-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:12px;width:min(1680px,100%);margin:0 auto;padding:12px 16px 32px;display:grid}.market-column{gap:8px;min-width:0;display:grid}.market-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 0 12px;display:flex}.asset-heading{align-items:center;gap:10px;min-width:0;display:flex}.asset-name{align-items:baseline;gap:8px;min-width:0;display:flex}.asset-name h2{font-size:var(--t-lg);letter-spacing:-.01em;font-weight:600}.asset-name span{border:1px solid var(--border-strong);border-radius:var(--r-chip);color:var(--ink-2);font-size:var(--t-micro);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;padding:2px 7px}.asset-heading p{color:var(--ink);font-size:var(--t-base);margin-top:2px}.asset-logo{border-radius:var(--r-panel);border:1px solid var(--border-strong);width:28px;height:28px;font-family:var(--mono);font-weight:600;font-size:var(--t-sm);color:var(--ink-2);background:var(--surface-2);flex:none;place-items:center;display:grid}.asset-strip{border:1px solid var(--border);border-radius:var(--r-panel);background:var(--surface);display:block;overflow:hidden}.asset-group-head{background:var(--surface-2);border-bottom:1px solid var(--border);min-height:26px;font-size:var(--t-micro);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-2);justify-content:space-between;align-items:center;gap:8px;padding:4px 12px;font-weight:600;display:flex}.asset-group-head span{font-family:var(--mono);letter-spacing:.04em;color:var(--ink-3);font-weight:500}.asset-group-row{flex-wrap:wrap;gap:0;display:flex}.asset-chip{border:0;border-right:1px solid var(--border);text-align:left;cursor:pointer;background:0 0;flex:0 auto;align-items:center;gap:8px;min-width:170px;min-height:40px;padding:5px 12px;transition:background-color .12s,color .12s;display:flex;position:relative}.asset-chip:hover{background:var(--surface-2)}.asset-chip.active{background:var(--surface-3)}.asset-chip.active:after{content:"";background:var(--accent);height:2px;position:absolute;inset:auto 0 0}.asset-chip span{gap:0;min-width:0;display:grid}.asset-chip strong{font-family:var(--mono);font-size:var(--t-sm);color:var(--ink-2);font-weight:600}.asset-chip.active strong{color:var(--ink)}.asset-chip small{color:var(--ink-3);font-family:var(--mono);font-size:var(--t-micro)}.asset-chip em{font-size:var(--t-micro);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-left:auto;padding-left:10px;font-style:normal;font-weight:600}.positive{color:var(--positive)!important}.negative{color:var(--negative)!important}.market-card,.trade-ticket,.positions-card{border:1px solid var(--border);border-radius:var(--r-panel);background:var(--surface)}.market-card{overflow:hidden}.market-card--loading{padding:12px}.price-row{background:var(--surface-2);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:10px 12px;display:flex}.eyebrow{color:var(--ink-3);font-size:var(--t-micro);letter-spacing:.09em;text-transform:uppercase;font-weight:600;display:block}.spot-price{flex-wrap:wrap;align-items:baseline;gap:8px;margin-top:3px;display:flex}.spot-price>strong{font:600 1.75rem/1 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.03em}.price-mode{border-radius:var(--r-chip);font-size:var(--t-micro);letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;padding:2px 7px;font-weight:600}.price-mode.live{color:var(--positive);background:color-mix(in srgb, var(--positive) 15%, transparent)}.price-mode.stale{color:var(--negative);background:color-mix(in srgb, var(--negative) 15%, transparent)}.price-mode.loading{color:var(--ink-3);background:var(--surface-3)}.reference-gap-note{color:var(--negative);font-size:var(--t-micro);margin-top:3px;display:block}.market-stats{align-items:stretch;display:flex}.market-stats>div{border-left:1px solid var(--border);text-align:right;align-content:center;gap:2px;padding:0 14px;display:grid}.market-stats>div:first-child{border-left:0}.market-stats>div:last-child{padding-right:0}.market-stats span{color:var(--ink-3);font-size:var(--t-micro);text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}.market-stats strong{font:600 var(--t-base) var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}.market-stats strong.pending{color:var(--ink-3);font-weight:400}.tv-chart{display:block}.chart-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:34px;padding:5px 12px;display:flex}.chart-toolbar>div:first-child{align-items:baseline;gap:8px;min-width:0;display:flex}.chart-toolbar strong{font-size:var(--t-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);white-space:nowrap;font-weight:600}.chart-toolbar span{color:var(--ink-3);font-size:var(--t-micro);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.resolution-picker{border:1px solid var(--border);border-radius:var(--r-control);flex:none;gap:0;display:flex;overflow:hidden}.resolution-picker button{border:0;border-left:1px solid var(--border);min-width:34px;min-height:24px;color:var(--ink-3);font:600 var(--t-micro) var(--mono);letter-spacing:.03em;cursor:pointer;background:0 0;padding:0 7px;transition:color .12s,background-color .12s}.resolution-picker button:first-child{border-left:0}.resolution-picker button:hover{color:var(--ink);background:var(--surface-2)}.resolution-picker button.active{color:var(--accent-ink);background:var(--accent)}.chart-canvas-wrap{height:var(--chart-h);position:relative}.chart-canvas{background:var(--surface);opacity:0;width:100%;height:100%;transition:opacity .15s;overflow:hidden}.chart-canvas.visible{opacity:1}.chart-canvas canvas{display:block}.chart-target{border-bottom:1px solid var(--border);background:var(--surface-2);color:var(--ink-3);font-size:var(--t-micro);letter-spacing:.06em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:8px;padding:4px 12px;display:flex}.chart-target strong{color:var(--positive);font:600 var(--t-sm) var(--mono);letter-spacing:0;margin-right:8px}.chart-state{z-index:3;color:var(--ink-3);background:var(--surface);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:0 16px;display:flex;position:absolute;inset:0}.chart-state strong{color:var(--ink);font-size:var(--t-sm);font-weight:500}.chart-state span{max-width:320px;font-size:var(--t-xs);line-height:1.5}.chart-state.error svg{color:var(--negative)}.chart-source{border-top:1px solid var(--border);background:var(--surface-2);min-height:30px;color:var(--ink-3);font-size:var(--t-micro);align-items:center;gap:10px;padding:5px 12px;display:flex}.chart-source>span:nth-child(3){text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.chart-source a{min-height:24px;color:var(--ink-3);white-space:nowrap;align-items:center;font-weight:500;transition:color .12s;display:inline-flex}.chart-source a:hover{color:var(--ink)}.data-mode{border-radius:var(--r-chip);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;padding:2px 6px;font-weight:600}.data-mode.live{color:var(--positive);background:color-mix(in srgb, var(--positive) 15%, transparent)}.data-mode.stale{color:var(--negative);background:color-mix(in srgb, var(--negative) 15%, transparent)}.data-mode.loading{color:var(--ink-3);background:var(--surface-3)}.market-footer{border-top:1px solid var(--border);min-height:30px;color:var(--ink-3);font-size:var(--t-micro);flex-wrap:wrap;align-items:center;gap:16px;padding:5px 12px;display:flex}.market-footer span{align-items:center;gap:5px;display:flex}.transparency-card{border:1px solid var(--border);border-radius:var(--r-panel);background:var(--surface-2);justify-content:space-between;align-items:center;gap:12px;padding:6px 12px;display:flex}.transparency-card>div{min-width:0;color:var(--ink-3);align-items:center;gap:8px;display:flex}.transparency-card span{gap:0;min-width:0;display:grid}.transparency-card strong{color:var(--ink-2);font-size:var(--t-xs);font-weight:500}.transparency-card small{color:var(--ink-3);font-size:var(--t-micro)}.transparency-card button,.text-button{border-radius:var(--r-control);min-height:32px;color:var(--ink-2);font-size:var(--t-xs);cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:5px;padding:0 8px;font-weight:500;transition:background-color .12s,color .12s;display:inline-flex}.transparency-card button:hover,.text-button:hover:not(:disabled){background:var(--surface-3);color:var(--ink)}.text-button:disabled{color:var(--ink-3);cursor:not-allowed}.pricing-explainer{border:1px solid var(--border);border-radius:0 0 var(--r-panel) var(--r-panel);background:var(--surface-3);border-top:0;margin-top:-8px;padding:10px 12px}.pricing-explainer strong{font-size:var(--t-xs);font-weight:600}.pricing-explainer p{max-width:78ch;color:var(--ink-2);font-size:var(--t-xs);margin-top:4px;line-height:1.55}.ticket-column{gap:6px;min-width:0;display:grid}.trade-ticket{display:block;position:sticky;top:56px;overflow:hidden}.ticket-head{border-bottom:1px solid var(--border);background:var(--surface-2);justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.ticket-head h2{font-size:var(--t-md);letter-spacing:-.01em;font-weight:600}.no-liquidation{border-radius:var(--r-chip);color:var(--positive);background:color-mix(in srgb, var(--positive) 13%, transparent);font-size:var(--t-micro);letter-spacing:.04em;white-space:nowrap;align-items:center;gap:4px;padding:2px 7px;font-weight:600;display:inline-flex}.field-group{border:0;border-top:1px solid var(--border);min-width:0;margin:0;padding:10px 12px;display:block}.field-group:first-of-type{border-top:0}.field-group legend,.field-group>label{float:left;width:100%;color:var(--ink-3);font-size:var(--t-micro);text-transform:uppercase;letter-spacing:.09em;margin-bottom:6px;padding:0;font-weight:600;display:block}.field-group>label+*{clear:both}.segmented{border:1px solid var(--border);border-radius:var(--r-control);clear:both;grid-template-columns:1fr 1fr;gap:0;display:grid;overflow:hidden}.segment{border:0;border-left:1px solid var(--border);min-height:36px;color:var(--ink-3);font-size:var(--t-base);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:6px;font-weight:500;transition:background-color .12s,color .12s;display:flex}.segment:first-child{border-left:0}.segment:hover{color:var(--ink);background:var(--surface-2)}.segment.active{color:var(--ink);background:var(--surface-3);font-weight:600}.segment.active.up{color:var(--positive);background:color-mix(in srgb, var(--positive) 16%, var(--surface-3));box-shadow:inset 0 -2px 0 var(--positive)}.segment.active.down{color:var(--negative);background:color-mix(in srgb, var(--negative) 16%, var(--surface-3));box-shadow:inset 0 -2px 0 var(--negative)}.choice-row{border:1px solid var(--border);border-radius:var(--r-control);clear:both;grid-template-columns:repeat(3,1fr);gap:0;display:grid;overflow:hidden}.choice{border:0;border-left:1px solid var(--border);min-height:40px;color:var(--ink-2);font-family:var(--mono);font-size:var(--t-sm);cursor:pointer;background:0 0;place-items:center;gap:0;padding:4px 3px;font-weight:600;transition:background-color .12s,color .12s;display:grid}.choice:first-child{border-left:0}.choice small{color:var(--ink-3);font-family:var(--sans);font-size:var(--t-micro);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:400;overflow:hidden}.choice:hover:not(:disabled){color:var(--ink);background:var(--surface-2)}.choice.active{color:var(--ink);background:color-mix(in srgb, var(--accent) 14%, var(--surface-3));box-shadow:inset 0 -2px 0 var(--accent)}.choice.active small{color:var(--accent)}.choice:disabled{cursor:not-allowed;color:var(--ink-3)}.choice:disabled small{color:var(--ink-3);opacity:.7}.choice.active:disabled{background:var(--surface-2);box-shadow:inset 0 -2px 0 var(--border-strong)}.expiry-group-head{clear:both;justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 5px;display:flex}.expiry-group-head>span{color:var(--ink-2);font-size:var(--t-micro);text-transform:uppercase;letter-spacing:.07em;font-weight:600}.expiry-group-head small{color:var(--ink-3);font-size:var(--t-micro)}.expiry-policy{color:var(--ink-3);font-size:var(--t-micro);align-items:flex-start;gap:5px;margin-top:6px;line-height:1.5;display:flex}.expiry-policy svg{color:var(--ink-3);flex:none;margin-top:1px}.amount-input{border:1px solid var(--border);border-radius:var(--r-control);background:var(--canvas);clear:both;align-items:center;gap:6px;height:40px;padding:0 10px;transition:border-color .12s;display:flex}.amount-input:focus-within{border-color:var(--accent)}.amount-input>span:first-child{color:var(--ink-3);font-family:var(--mono);font-size:var(--t-base)}.amount-input>span:last-child{color:var(--ink-3);font-size:var(--t-micro);letter-spacing:.05em;text-transform:uppercase;font-weight:600}.amount-input input{width:100%;min-width:0;color:var(--ink);font:600 1rem var(--mono);font-variant-numeric:tabular-nums;background:0 0;border:0;outline:0;padding:0}.amount-input input:focus-visible{outline:0}.input-note{color:var(--ink-3);font-size:var(--t-micro);justify-content:space-between;align-items:center;gap:8px;margin-top:5px;display:flex}.quick-fill{gap:2px;display:inline-flex}.quick-fill button{border-radius:var(--r-control);min-height:22px;color:var(--ink-2);font:600 var(--t-micro) var(--mono);cursor:pointer;background:0 0;border:0;padding:0 6px}.quick-fill button:hover:not(:disabled){color:var(--ink);background:var(--surface-3)}.quick-fill button:disabled{color:var(--ink-3);cursor:not-allowed}.economics{border-top:1px solid var(--border);background:var(--surface-2);padding:0}.economics>div:not(.econ-head){justify-content:space-between;align-items:center;gap:8px;min-height:22px;padding:3px 12px;display:flex}.economics>div:first-child{padding-top:7px}.economics span{color:var(--ink-2);font-size:var(--t-xs);align-items:center;gap:4px;display:inline-flex}.economics strong{font:600 var(--t-sm) var(--mono);font-variant-numeric:tabular-nums;text-align:right}.economics .risk{color:var(--negative)}.economics-total{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-top:3px;padding-top:6px!important;padding-bottom:8px!important}.economics-total span{color:var(--ink);font-weight:500}.economics-total strong{color:var(--positive);font-size:var(--t-base);align-items:baseline;gap:7px;display:inline-flex}.economics-total strong small{color:var(--ink-3);font:500 var(--t-micro) var(--sans);letter-spacing:.02em}.econ-detail{border-top:1px solid var(--border);margin-top:4px;padding:0!important;display:block!important}.econ-detail>summary{cursor:pointer;color:var(--ink-3);font-size:var(--t-micro);letter-spacing:.09em;text-transform:uppercase;padding:6px 12px;font-weight:600;list-style:none}.econ-detail>summary::-webkit-details-marker{display:none}.econ-detail>summary:after{content:"+";float:right;font-size:var(--t-xs)}.econ-detail[open]>summary:after{content:"−"}.econ-detail>summary:hover{color:var(--ink-2)}.econ-detail>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.econ-detail>div{justify-content:space-between;align-items:center;gap:8px;min-height:22px;padding:3px 12px;display:flex}.econ-detail>div:last-child{padding-bottom:8px}.econ-detail>div.econ-diagram{padding:6px 12px 10px;display:block}.econ-row--empty>span{opacity:.55}.econ-row--empty>strong{position:relative;color:#0000!important}.econ-row--empty>strong:after{background:var(--border-strong);border-radius:var(--r-chip);content:"";opacity:.6;width:38px;height:5px;position:absolute;top:50%;right:0;transform:translateY(-50%)}@media (prefers-reduced-motion:no-preference){.econ-row--empty>strong:after{animation:2.4s ease-in-out infinite econ-dormant}}@keyframes econ-dormant{0%,to{opacity:.35}50%{opacity:.7}}.button{border:1px solid var(--border);border-radius:var(--r-control);background:var(--surface);min-height:32px;color:var(--ink-2);font-size:var(--t-sm);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:500;transition:background-color .12s,border-color .12s,color .12s,opacity .12s;display:inline-flex}.button:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-2);color:var(--ink)}.button:disabled{cursor:not-allowed;opacity:.45}.button.primary{min-height:44px;color:var(--accent-ink);background:var(--accent);border-color:var(--accent);font-size:var(--t-base);letter-spacing:.01em;padding:0 18px;font-weight:650}.button.primary:hover:not(:disabled){color:var(--accent-ink);background:color-mix(in srgb, var(--accent) 86%, white);border-color:color-mix(in srgb, var(--accent) 86%, white)}.button.secondary{border-color:var(--border);background:var(--surface);color:var(--ink-2)}.button.ghost,.button--ghost{color:var(--ink-3);background:0 0;border-color:#0000}.button.ghost:hover:not(:disabled),.button--ghost:hover:not(:disabled){color:var(--ink);background:var(--surface-2);border-color:#0000}.button.full{width:100%}.button--primary{color:var(--accent-ink);background:var(--accent);border-color:var(--accent);font-weight:600}.button--primary:hover:not(:disabled){color:var(--accent-ink);background:color-mix(in srgb, var(--accent) 86%, white);border-color:color-mix(in srgb, var(--accent) 86%, white)}.button--sm{min-height:26px;font-size:var(--t-xs);padding:0 8px}.ticket-action{border-top:1px solid var(--border);gap:8px;padding:12px;display:grid}.quote-empty{gap:8px;display:grid}.quote-empty strong{font-size:var(--t-sm);font-weight:600}.quote-empty p{color:var(--ink-3);font-size:var(--t-xs);margin-top:2px;line-height:1.5}.empty-icon{border:1px solid var(--border);border-radius:var(--r-control);width:36px;height:36px;color:var(--ink-2);justify-content:center;align-items:center;display:inline-flex}.empty-icon--ok{color:var(--positive);border-color:color-mix(in srgb, var(--positive) 34%, var(--border))}.quote-loading{gap:7px;display:grid}.loading-title{color:var(--ink-2);font-size:var(--t-xs);align-items:center;gap:6px;display:flex}.spin{animation:.8s linear infinite spin}.quote-skeleton{border-radius:var(--r-panel);background:var(--surface-2);grid-template-columns:28px 1fr 56px;align-items:center;gap:8px;height:40px;padding:8px 10px;display:grid}.quote-skeleton span{background:linear-gradient(90deg, var(--surface-3), var(--border-strong), var(--surface-3));background-size:200% 100%;border-radius:2px;height:8px;animation:1.1s linear infinite shimmer}.quote-error{border-radius:var(--r-panel);border:1px solid color-mix(in srgb, var(--negative) 34%, var(--border));background:color-mix(in srgb, var(--negative) 9%, var(--surface));grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.quote-error strong{font-size:var(--t-sm);font-weight:600}.quote-error p{color:var(--ink-2);font-size:var(--t-xs);margin-top:2px;line-height:1.5}.execution-error{border-radius:var(--r-panel);color:var(--negative);background:color-mix(in srgb, var(--negative) 11%, var(--surface));font-size:var(--t-xs);padding:8px 10px;line-height:1.5}.risk-note{color:var(--ink-3);font-size:var(--t-micro);padding:0 2px;line-height:1.5}.dashboard-view{gap:8px;width:min(1440px,100%);margin:0 auto;padding:12px 16px 32px;display:grid}.view-heading{justify-content:space-between;align-items:center;gap:16px;padding:0 2px;display:flex}.view-heading h1{font-size:var(--t-md);letter-spacing:-.01em;font-weight:600;line-height:1.25}.view-heading p{color:var(--ink-3);font-size:var(--t-xs);max-width:90ch;margin-top:2px}.metric-grid{border:1px solid var(--border);border-radius:var(--r-panel);background:var(--surface);grid-template-columns:repeat(5,1fr);display:grid;overflow:hidden}.metric-card{border-left:1px solid var(--border);align-content:start;gap:1px;min-width:0;padding:8px 12px;display:grid}.metric-card:first-child{border-left:0}.metric-card>span{color:var(--ink-3);font-size:var(--t-micro);letter-spacing:.07em;text-transform:uppercase;font-weight:600}.metric-card>strong{font:600 1.0625rem var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em;text-overflow:ellipsis;overflow:hidden}.metric-card>strong.pending{color:var(--ink-3);font-weight:400}.metric-card>small{color:var(--ink-3);font-size:var(--t-micro)}.positions-card{display:block;overflow:hidden}.section-head{border-bottom:1px solid var(--border);background:var(--surface-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:7px 12px;display:flex}.section-head h2{font-size:var(--t-sm);letter-spacing:.01em;align-items:center;gap:6px;font-weight:600;display:flex}.section-head p{color:var(--ink-3);font-size:var(--t-micro);margin-top:1px}.empty-position{background:var(--surface-2);color:var(--ink-3);grid-template-columns:22px 1fr auto;align-items:center;gap:10px;padding:14px 12px;display:grid}.empty-position strong{color:var(--ink);font-size:var(--t-sm);font-weight:600}.empty-position p{font-size:var(--t-xs);margin-top:2px}.trade-positions-panel{grid-column:1/-1}.tab-strip{flex-wrap:wrap;gap:2px;display:flex}.tab-btn{border-radius:var(--r-control);min-height:32px;color:var(--ink-3);font-size:var(--t-xs);letter-spacing:.01em;cursor:pointer;background:0 0;border:0;padding:0 10px;font-weight:600;transition:background-color .12s,color .12s}.tab-btn:hover{color:var(--ink-2);background:var(--surface-3)}.tab-btn.active{color:var(--ink);background:var(--surface-3)}.trade-positions-meta{align-items:center;gap:2px;display:flex}.hint{color:var(--ink-3);font-size:var(--t-xs);margin:0;line-height:1.5}.hint--tight{font-size:var(--t-micro);margin:2px 0 0;line-height:1.3}.error-text{color:var(--negative);font-size:var(--t-xs);margin:0;line-height:1.5}.link{color:var(--ink-2);border-bottom:1px solid var(--border-strong);transition:color .12s}.link:hover{color:var(--accent)}.is-positive{color:var(--positive)}.is-negative{color:var(--negative)}.action-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.badge{border-radius:var(--r-chip);color:var(--ink-2);background:var(--surface-3);font-family:var(--sans);font-size:var(--t-micro);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;align-items:center;padding:2px 7px;font-weight:600;display:inline-flex}.badge--ok{color:var(--positive);background:color-mix(in srgb, var(--positive) 13%, transparent)}.badge--off{color:var(--ink-3);background:var(--surface-3)}.badge--network{color:var(--ink-2);border:1px solid var(--border-strong);background:0 0}.dock-panel{display:grid}.dock-panel>.hint,.dock-panel>.error-text{padding:8px 12px}.dock-panel>.dock-empty{background:var(--surface-2);padding:14px 12px}.dock-panel__subhead{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:7px 12px;display:flex}.dock-panel__subhead .hint{margin-top:1px}.pool-panel__heading{font-size:var(--t-sm);font-weight:600}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font:var(--t-xs) var(--mono);font-variant-numeric:tabular-nums}.table th{text-align:left;height:26px;color:var(--ink-3);background:var(--surface-2);border-bottom:1px solid var(--border);font-family:var(--sans);font-size:var(--t-micro);letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;padding:0 12px;font-weight:600}.table td{border-bottom:1px solid var(--border);white-space:nowrap;vertical-align:middle;height:32px;padding:4px 12px}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover{background:var(--surface-2)}.table .num{text-align:right}.table__row--active{background:color-mix(in srgb, var(--accent) 10%, transparent)}.stat-grid{background:var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1px;display:grid}.stat{background:var(--surface);align-content:start;gap:1px;min-width:0;padding:8px 12px;display:grid}.stat__label{color:var(--ink-3);font-size:var(--t-micro);letter-spacing:.07em;text-transform:uppercase;font-weight:600}.stat__value{font:600 var(--t-md) var(--mono);font-variant-numeric:tabular-nums;text-overflow:ellipsis;overflow:hidden}.kv-list{display:grid}.dock-panel>.kv-list{border-bottom:1px solid var(--border);padding:6px 0}.kv-row{min-height:22px;font-size:var(--t-xs);justify-content:space-between;align-items:center;gap:8px;padding:3px 12px;display:flex}.kv-row__label{color:var(--ink-2)}.kv-row__value{font:600 var(--t-sm) var(--mono);font-variant-numeric:tabular-nums;text-align:right}.toggle-group{border:1px solid var(--border);border-radius:var(--r-control);grid-auto-flow:column;justify-self:start;display:inline-grid;overflow:hidden}.toggle-group .button{border:0;border-left:1px solid var(--border);min-height:32px;color:var(--ink-3);background:0 0;border-radius:0}.toggle-group .button:first-child{border-left:0}.toggle-group .button:not(.button--ghost){color:var(--ink);background:color-mix(in srgb, var(--accent) 14%, var(--surface-3));box-shadow:inset 0 -2px 0 var(--accent)}.pool-faucet-row{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;display:flex}.faucet-inline{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.faucet-inline__balance{font:600 var(--t-sm) var(--mono)}.liquidity-form{gap:10px;padding:12px;display:grid}.liquidity-form .kv-row{padding:3px 0}.ticket__inputs{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.ticket__field{flex:180px;gap:5px;display:grid}.select{border:1px solid var(--border);border-radius:var(--r-control);background:var(--canvas);width:100%;height:36px;color:var(--ink);font:600 var(--t-sm) var(--mono);outline:0;padding:0 10px}.select:focus{border-color:var(--accent)}.copyable{font:inherit;font-family:var(--mono);color:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;position:relative}.copyable:hover{color:var(--accent)}.copyable__flash{border-radius:var(--r-panel);background:var(--ink);color:var(--canvas);font-size:var(--t-micro);white-space:nowrap;pointer-events:none;margin-bottom:4px;padding:2px 6px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.row-details{display:inline-block}.row-details summary{cursor:pointer;color:var(--ink-2);font-family:var(--sans);font-size:var(--t-xs);list-style:none}.row-details summary:hover{color:var(--accent)}.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:240px;margin-top:6px;display:flex}.row-details__body .kv-row{padding:0}.expiry-countdown{color:var(--ink-2);font-size:var(--t-xs)}.expiry-countdown[data-expired]{color:var(--negative)}.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-family:var(--mono);font-variant-numeric:tabular-nums;fill:var(--ink-muted);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}footer{border-top:1px solid var(--border);min-height:44px;color:var(--ink-3);font-size:var(--t-xs);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding:10px 16px;display:flex}footer>div{flex-wrap:wrap;align-items:center;gap:14px;display:flex}footer .logo{color:var(--ink-2);font-size:var(--t-sm)}footer .logo-mark{width:18px;height:18px;font-size:13px}footer a{align-items:center;min-height:30px;padding:0 2px;transition:color .12s;display:inline-flex}footer a:hover{color:var(--ink)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width>=1280px){:root{--chart-h:440px}}@media (width>=1024px) and (width<=1279px){:root{--chart-h:380px}}@media (width<=1160px){.topbar{grid-template-columns:auto 1fr}.desktop-nav{display:none}.header-actions{justify-self:end}.mobile-menu{display:inline-flex}.mobile-nav{border-bottom:1px solid var(--border);background:var(--canvas);justify-content:space-between;align-items:center;gap:8px;padding:6px 12px;display:flex}.mobile-nav>span{color:var(--ink-3);font-size:var(--t-xs);text-transform:uppercase;letter-spacing:.07em;font-weight:600}.trade-layout{grid-template-columns:minmax(0,1fr) 320px}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric-card:nth-child(odd){border-left:0}.metric-card:nth-child(n+3){border-top:1px solid var(--border)}}@media (width<=1023px){.trade-layout{grid-template-columns:minmax(0,1fr)}.trade-ticket{position:static}.ticket-column{max-width:560px}.market-stats{flex-wrap:wrap;gap:6px 0}}@media (width<=720px){.network-pill{display:none}}@media (width<=600px){:root{--chart-h:260px}.topbar{height:46px;padding:0 10px}.wallet-button{width:34px;padding:0;font-size:0}.wallet-button svg{width:16px;height:16px}.mobile-nav{padding:6px;display:block}.mobile-nav>span{display:none}.mobile-nav .product-nav{width:100%}.mobile-nav .nav-item{flex:1;justify-content:center;min-height:40px;padding:0 6px}.trade-layout,.dashboard-view{padding:8px 8px 24px}.ticket-column{max-width:none}.asset-chip{flex:50%;min-width:0;min-height:46px}.price-row{flex-direction:column;align-items:flex-start;gap:10px}.spot-price>strong{font-size:1.5rem}.market-stats{grid-template-columns:1fr 1fr 1fr;width:100%;display:grid}.market-stats>div{text-align:left;padding:0 8px}.market-stats>div:first-child{padding-left:0}.market-stats strong{white-space:normal}.chart-toolbar{flex-direction:column;align-items:stretch;gap:6px}.chart-toolbar>div:first-child span{display:none}.resolution-picker{width:100%}.resolution-picker button{flex:1;min-width:0;min-height:32px}.chart-source{flex-wrap:wrap;align-items:flex-start;gap:4px 10px}.chart-source>span:nth-child(3){white-space:normal;flex-basis:100%;order:4}.market-footer{gap:6px 14px}.transparency-card{flex-direction:column;align-items:flex-start;gap:4px}.view-heading{flex-direction:column;align-items:flex-start;gap:8px}.metric-grid{grid-template-columns:1fr 1fr}.empty-position{grid-template-columns:22px 1fr}.empty-position .button{grid-column:1/-1}.segment,.choice{min-height:44px}footer{align-items:flex-start;gap:12px}footer>div:first-child>span:last-child{display:none}footer>div:last-child{flex-wrap:wrap;justify-content:flex-end;gap:2px 10px}}