.market-directory{border-top:1px solid var(--border)}.market-table .sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.swap-page-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.swap-page-heading h1{margin:0}.market-toolbar,.market-directory-bottom,.allocation-heading,.yield-preview-action{justify-content:space-between;align-items:center;gap:20px;display:flex}.market-toolbar{min-height:88px;padding:22px 0}.market-toolbar p{color:var(--muted);margin:0;font-size:13px}.market-search{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted);flex-shrink:0;align-items:center;gap:10px;width:260px;padding:10px 12px;display:flex}.market-directory label.market-search input[type=search]:enabled{width:100%;min-width:0;color:var(--foreground);background:0 0;border:0;outline:none;padding:0;font-size:12px}.market-search:focus-within{outline:2px solid var(--accent);outline-offset:2px}.market-search button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:flex}.market-filters{flex-wrap:wrap;gap:6px;display:flex}.market-filters button{border-radius:var(--radius-pill);color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;padding:7px 12px;font-size:12px}.market-filters button[aria-pressed=true]{border-color:var(--border);color:var(--foreground);background:var(--surface-alt)}.market-table-scroll{border-radius:var(--radius-md);overflow-x:auto}.market-table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%;font-size:13px;position:relative}.market-table th{font-size:9px;font-family:var(--font-mono);letter-spacing:.5px;text-transform:uppercase;color:var(--muted);background:var(--surface-alt);padding:15px 18px;font-weight:400}.market-table td{border-bottom:1px solid var(--border);padding:25px 18px}.market-table th:first-child,.market-table td:first-child{padding-left:16px}.market-table td:last-child{text-align:right}.market-table tr:hover td{background:color-mix(in srgb, var(--surface-alt) 50%, transparent)}.market-table strong{font-weight:500}.market-table small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.market-identity{align-items:center;gap:13px;display:flex}.token-avatar{color:#fff;border:1px solid #ffffff40;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:20px;display:inline-grid}.token-avatar-image{object-fit:cover;background:var(--surface)}.pair-avatars{align-items:center;min-width:59px;display:flex}.pair-avatars .token-avatar+.token-avatar{border:3px solid var(--background);width:30px;height:30px;margin-top:16px;margin-left:-15px;font-size:13px}.market-row-action{align-items:center;gap:8px;font-size:11px;display:inline-flex}.market-row-action:hover{text-underline-offset:4px;text-decoration:underline}.apy-value{color:var(--foreground);background:var(--green-soft);border-radius:var(--radius-xs);font-family:var(--font-mono);padding:4px 8px;font-size:11px}.market-directory-bottom{font-family:var(--font-mono);color:var(--muted);padding:21px 0;font-size:9px}.market-directory-bottom .text-link{font-family:var(--font-sans);font-size:12px}.market-empty{text-align:center;border-block:1px solid var(--border);padding:55px 20px}.market-empty h3{font-size:23px;font-weight:400}.market-empty p{font-size:13px}.explore-heading{justify-content:space-between;align-items:end;gap:25px;margin-bottom:35px;display:flex}.explore-heading h2{letter-spacing:-1.6px;margin:13px 0 0;font-size:clamp(30px,4vw,44px);font-weight:400;line-height:1.15}.explore-heading>p{max-width:280px;color:var(--muted);margin:0;font-size:13px}.yield-home{grid-template-columns:.9fr 1.1fr;align-items:center;gap:75px;display:grid}.yield-home h2{letter-spacing:-1.7px;margin:22px 0;font-size:clamp(34px,4vw,49px);font-weight:400;line-height:1.1}.yield-home>div>p{max-width:355px;color:var(--muted);font-size:14px;line-height:1.8}.yield-flow{font-family:var(--font-mono);flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;font-size:11px;display:flex}.yield-preview-panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:30px}.yield-burn .allocation-heading strong{letter-spacing:-.7px;font-size:22px;font-weight:400}.yield-burn>p.muted{margin:10px 0 0;font-size:12px;line-height:1.7}.allocation-example{color:var(--muted);border-top:1px solid var(--border);margin:20px 0 0;padding-top:22px;font-size:11px}.allocation-example strong{color:var(--foreground);font-weight:500}.yield-preview-action{margin-top:22px;font-size:10px}.yield-preview-action .text-link{font-size:12px}.pair-summary{border-radius:var(--radius-md);background:var(--surface-alt);margin-top:20px;padding:22px}.pair-summary>strong{overflow-wrap:anywhere;margin:8px 0 12px;font-size:22px;font-weight:400;display:block}.pair-summary p{color:var(--muted);margin:0;font-size:12px}.market-detail{max-width:1180px;margin-inline:auto;padding-block:55px 90px}.market-detail-heading{align-items:center;gap:20px;margin:40px 0 25px;display:flex}.market-detail-heading h1{letter-spacing:-1.5px;overflow-wrap:anywhere;margin:8px 0;font-size:clamp(28px,5vw,48px);font-weight:400;line-height:1.2}.market-detail-heading .token-avatar{width:65px;height:65px;font-size:32px}.market-stage{grid-template-columns:355px minmax(0,1fr);align-items:start;gap:24px;margin-top:35px;display:grid}.market-stage>.panel,.market-stage>div>.panel{padding:24px}.market-stage h2{margin:0 0 15px;font-size:22px;font-weight:400}.market-stage .button{width:100%;margin-top:20px}.market-overview{margin-top:24px;padding:28px 30px}.market-overview h2{margin:0 0 15px;font-size:24px;font-weight:400}.market-overview .data-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:44px;display:grid}.market-overview .data-list>div:nth-last-child(-n+2):nth-child(odd){border-bottom:0}.market-overview .field-help{max-width:78ch;margin-top:14px;line-height:1.6}.market-overview>.text-link{margin-top:22px}.market-detail-grid{grid-template-columns:1fr 1fr;gap:35px;margin-top:35px;display:grid}.market-detail-grid .panel{padding:26px}.market-detail-grid h2{margin:0 0 15px;font-size:24px;font-weight:400}.market-detail-grid .button{width:100%;margin-top:20px}.market-detail-grid .panel>.text-link{margin-top:22px}.market-detail-grid .field-help{margin-top:14px;line-height:1.6}.market-detail-column{align-content:start;gap:35px;display:grid}.swap-panel,.live-trade{align-self:start}.swap-field .swap-hint{color:var(--muted);margin:0;font-size:12px}.swap-extras{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.swap-extras>.swap-advanced{flex:100%}.swap-advanced summary{font-family:var(--font-mono), monospace;letter-spacing:.095em;text-transform:uppercase;color:var(--muted);cursor:pointer;font-size:10px}.swap-advanced summary::marker{content:"";display:none}.swap-advanced summary::-webkit-details-marker{content:"";display:none}.swap-advanced summary:after{content:" +"}.swap-advanced[open] summary:after{content:" −"}.swap-advanced summary:hover{color:var(--foreground)}.swap-advanced[open] summary{margin-bottom:14px}.swap-advanced .field+.field{margin-top:12px}.swap-extras .field{font-family:var(--font-mono), monospace;letter-spacing:.095em;text-transform:uppercase;color:var(--muted);flex:130px;gap:6px;font-size:10px}.swap-extras select{border-radius:var(--radius-sm);background:var(--surface-alt);font-family:var(--font-sans), sans-serif;letter-spacing:0;text-transform:none;color:var(--foreground);padding:9px 11px;font-size:13px}.swap-field{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-alt);gap:8px;padding:16px 18px;display:grid}.swap-field>label,.swap-field>span:first-child{font-family:var(--font-mono), monospace;letter-spacing:.095em;text-transform:uppercase;color:var(--muted);font-size:10px}.swap-field>div{align-items:center;gap:12px;display:flex}.swap-field output,.market-detail .swap-field>div>input[inputmode=decimal]:enabled{width:100%;min-width:0;color:var(--foreground);font:inherit;letter-spacing:-.02em;overflow-wrap:anywhere;background:0 0;border:0;flex:1;padding:0;font-size:24px;line-height:1.3}.swap-token{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);flex-shrink:0;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:13px;display:inline-flex}.swap-token .token-avatar{width:24px;height:24px;font-size:12px}.swap-flip{z-index:1;border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;margin:-10px auto;display:flex;position:relative}.swap-flip:hover{color:var(--foreground);border-color:var(--accent)}.swap-panel .data-list{margin-top:20px}.swap-panel .field-help{color:var(--muted);margin-top:14px;font-size:12px;line-height:1.6}.token-selection{border:0;min-width:0;margin:0;padding:0}.token-selection legend{margin-bottom:10px;font-size:13px}.token-selection .market-filters button{border-color:var(--border);flex:1}.token-selection .market-filters button[aria-pressed=true]{background:var(--button-bg);color:var(--button-fg)}@media (max-width:1000px){.yield-home{gap:35px}.market-toolbar{flex-wrap:wrap}}@media (max-width:760px){.yield-home,.market-detail-grid{grid-template-columns:1fr}.yield-preview-panel{padding:23px}.explore-heading{flex-direction:column;align-items:start;gap:15px}.market-toolbar{gap:16px}.market-search{width:100%}.market-directory-bottom{flex-direction:column;align-items:start;gap:12px}.allocation-heading{flex-wrap:wrap;gap:8px}.allocation-heading .eyebrow{font-size:8px}.yield-preview-action{flex-direction:column;align-items:start;gap:10px}.market-filters{gap:4px}.market-filters button{padding:7px 9px;font-size:10px}.market-detail-heading{align-items:start;gap:14px}.market-detail-heading .token-avatar{width:45px;height:45px;font-size:24px}}.price-chart{flex-direction:column;display:flex;overflow:hidden}.price-chart-stats{display:contents}.price-chart-stats>div,.price-chart-action{border:0;border-left:1px solid var(--border);padding:0 18px 18px;display:block}.price-chart-stats>div:first-child{border-left:0;padding-left:0}.price-chart-stats dt{color:var(--muted);font-size:11px}.price-chart-stats dd{text-align:left;overflow-wrap:anywhere;margin:6px 0 0;font-size:15px}.price-chart-head{justify-content:space-between;align-items:start;gap:20px;margin-bottom:8px;display:flex}.price-chart-headline{letter-spacing:-1.5px;overflow-wrap:anywhere;margin:0;font-size:clamp(30px,4vw,44px);font-weight:400;line-height:1.1}.price-chart-change{margin:6px 0 0;font-size:13px}.price-chart-change span{color:var(--muted);margin-left:6px}.price-chart-change.is-up{color:var(--chart-up)}.price-chart-change.is-down{color:var(--chart-down)}.price-chart-stats .is-up{color:var(--chart-up)}.price-chart-stats .is-down{color:var(--chart-down)}.range-toggle{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-alt);flex:none;gap:2px;padding:3px;display:flex}.range-toggle button{cursor:pointer;border-radius:var(--radius-pill);color:var(--muted);font:inherit;letter-spacing:.06em;background:0 0;border:0;padding:5px 11px;font-size:11px}.range-toggle button:hover{color:var(--foreground)}.range-toggle button[aria-pressed=true]{background:var(--surface);color:var(--foreground);box-shadow:0 1px 2px #00000014}.price-chart-plot{border-radius:var(--radius-md);background:var(--surface-alt);touch-action:pan-y;height:300px;margin-top:10px;padding-bottom:26px;position:relative}.price-chart-plot svg{width:100%;height:100%;display:block}.price-chart-grid{stroke:var(--border);stroke-width:1px;stroke-dasharray:3 5}.price-chart-cursor{stroke:var(--muted);stroke-width:1px;stroke-dasharray:3 4}.price-chart-axis-y{color:var(--muted);pointer-events:none;margin-top:-5px;font-size:11px;position:absolute;right:14px;transform:translateY(-100%)}.price-chart-axis-x{color:var(--muted);pointer-events:none;justify-content:space-between;font-size:11px;display:flex;position:absolute;inset:auto 18px 8px}.price-chart-dot{border:2px solid var(--surface-alt);pointer-events:none;border-radius:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;position:absolute}.price-chart-tip{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);white-space:nowrap;pointer-events:none;flex-direction:column;gap:2px;padding:7px 10px;font-size:11px;display:flex;position:absolute;top:8px;transform:translate(-50%)}.price-chart-tip strong{font-size:13px;font-weight:500}.price-chart-tip span{color:var(--muted)}.price-chart-empty{border-radius:var(--radius-md);background:var(--surface-alt);height:300px;color:var(--muted);text-align:center;justify-content:center;align-items:center;margin-top:10px;padding:24px;font-size:13px;display:flex}.price-chart>.field-help{margin-top:14px;line-height:1.6}@media (max-width:1080px){.market-stage{grid-template-columns:minmax(0,1fr)}.market-stage>:first-child{order:2}.market-overview .data-list{grid-template-columns:minmax(0,1fr)}.market-overview .data-list>div:nth-last-child(-n+2):nth-child(odd){border-bottom:1px solid var(--border)}}@media (max-width:620px){.price-chart-stats>div:nth-child(odd){border-left:0;padding-left:0}.price-chart-head{flex-direction:column;gap:12px}.price-chart-plot,.price-chart-empty{height:230px}}.price-chart-topline{border-bottom:1px solid var(--border);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:end;margin:-4px 0 22px;display:grid}.price-chart-topline.has-action{grid-template-columns:repeat(3,minmax(0,1fr)) max-content;grid-auto-flow:row}.price-chart-action{align-self:end}.price-chart-action .button{white-space:nowrap;width:100%}@media (max-width:620px){.price-chart-topline,.price-chart-topline.has-action{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;row-gap:16px}.price-chart-action .button{white-space:normal}}.swap-field .swap-hint .swap-portions{vertical-align:middle;gap:4px;margin-left:8px;display:inline-flex}.swap-field .swap-hint .swap-portions button{border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--muted);font-family:var(--font-mono), monospace;cursor:pointer;background:0 0;padding:2px 7px;font-size:10px;line-height:1.6;transition:color .14s,border-color .14s}.swap-field .swap-hint .swap-portions button:hover:not(:disabled){color:var(--foreground);border-color:var(--foreground)}.swap-field .swap-hint .swap-portions button:disabled{opacity:.5;cursor:not-allowed}.swap-token-picker{cursor:pointer;position:relative}.swap-token-picker:focus-within{outline:2px solid var(--foreground);outline-offset:3px}.swap-token-picker select{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.swap-token-picker:has(select:disabled){opacity:.6;cursor:default}.swap-token-picker select:disabled{cursor:default}.market-detail-stats{gap:26px;margin:0 0 0 auto;display:flex}.market-detail-stats>div{gap:3px;display:grid}.market-detail-stats dt{font-family:var(--font-mono), monospace;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:10px}.market-detail-stats dd{letter-spacing:-.02em;margin:0;font-size:19px;font-weight:500}@media (max-width:720px){.market-detail-stats{gap:20px;margin-left:0}}.swap-route{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-alt);gap:9px;margin-top:18px;padding:13px 15px;display:grid}.swap-route-label{font-family:var(--font-mono), monospace;letter-spacing:.095em;text-transform:uppercase;color:var(--muted);font-size:10px}.swap-route ol{justify-items:start;gap:0;margin:0;padding:0;list-style:none;display:grid}.swap-route li{justify-items:start;min-width:0;max-width:100%;display:grid}.swap-route-stop{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);white-space:nowrap;align-items:center;gap:7px;padding:5px 11px 5px 5px;font-size:13px;font-weight:500;display:inline-flex}.swap-route-stop .token-avatar{width:22px;height:22px;font-size:11px}.swap-route-leg{color:var(--muted);align-items:center;gap:7px;padding:3px 0 3px 9px;display:inline-flex}.swap-route-leg small{font-family:var(--font-mono), monospace;letter-spacing:.04em;font-size:9px}@media (max-width:520px){.swap-route-leg{padding-left:7px}.swap-route-leg small{font-size:8px}.swap-route-stop{padding-right:9px;font-size:12px}}
