.market-strip{align-items:start}.token-links{display:flex;align-items:center;gap:10px;margin-top:7px}.token-links a{display:inline-flex;align-items:center;gap:4px;min-height:24px;font-size:10px;color:var(--muted)}.token-links a:hover{color:var(--accent)}.token-links .ui-icon{width:12px;height:12px}
/* Layout responds to panel width, including custom widths, rather than screen width alone. */
.chart-panel{container-type:inline-size;container-name:market-panel}
.chart-delayed{inset:8px;overflow:auto;justify-content:center;padding:12px;gap:6px}.chart-delayed .secondary{margin-top:0}
.market-data-switch{flex-wrap:wrap;padding-right:0;min-height:26px}
.market-data .market-all-stats{position:static;margin-top:8px;padding:2px 0}
.market-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
.market-stats strong{display:block;max-width:100%}
.market-stats .price-value .price-number{min-width:0;overflow:hidden;text-overflow:ellipsis}
.market-stats span{overflow-wrap:anywhere}
.market-identity .ticker-button{max-width:100%}.ticker-button strong{min-width:0;overflow:hidden;text-overflow:ellipsis}
.token-links{flex-wrap:wrap}
.discovery{grid-template-rows:minmax(0,1fr)}
.discovery .movers-panel{display:flex;flex-direction:column;overflow:hidden;min-height:0;padding-bottom:6px;container-type:size;container-name:movers}
.mover-columns{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:0 6px}
.mover-columns>div{min-width:0}.mover-label{padding:5px 6px 7px;font-size:11px}
body .movers-panel .rail-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:6px;padding:4px 6px;height:clamp(28px,calc((100cqh - 160px)/10),40px);min-height:0;box-sizing:border-box;border:0;border-radius:4px}
body .movers-panel .rail-identity{gap:7px;min-width:0}
body .movers-panel .rail-identity strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;min-width:0}
body .movers-panel .rail-identity>span:last-child{min-width:0;overflow:hidden}
body .movers-panel .coin-icon{width:22px;height:22px;flex-shrink:0}
body .movers-panel .rail-value{font-size:11px;text-align:right;padding-left:0;flex-shrink:0;font-variant-numeric:tabular-nums}
.movers-panel .rail-empty{padding:5px;font-size:10px;overflow-wrap:anywhere}
body[data-density=comfortable] .movers-panel .rail-row{height:clamp(28px,calc((100cqh - 160px)/10),48px);padding:5px 6px}
body[data-density=comfortable] .movers-panel .rail-identity strong,body[data-density=comfortable] .movers-panel .rail-value{font-size:12px}
body[data-density=comfortable] .movers-panel .coin-icon{width:24px;height:24px}
body[data-density=comfortable] .movers-panel .mover-label{font-size:12px}
@container movers (max-height:430px){body[data-density] .movers-panel .coin-icon{width:18px;height:18px}body .movers-panel .rail-row,body[data-density=comfortable] .movers-panel .rail-row{height:clamp(24px,calc((100cqh - 110px)/10),32px);margin-block:1px;padding-block:2px}.mover-columns{gap:6px}.mover-label{padding-block:3px}}
@container market-panel (max-width:720px){
 .market-strip{grid-template-columns:minmax(0,1fr);gap:8px}
 .market-data{width:100%}
 .market-header{position:relative;padding-right:0}
 .market-header .market-strip{padding-right:12px}
 .market-header #selected-watch{position:absolute;right:44px;top:10px;margin:0}
 .market-header #chart-expand{position:absolute;right:8px;top:10px;margin:0;align-self:start}
 .market-heading{padding-right:72px}
 .market-data-switch .market-stats-toggle{display:inline-flex;align-items:center;gap:4px;margin-left:auto;white-space:nowrap}
 .market-header .market-data[data-expanded=false] .market-stats>div:nth-child(n+4){display:none}
 .market-data[data-expanded=false] .market-all-stats{display:none}
 .market-data[data-expanded=true] .market-all-stats{display:inline-flex}
 .market-stats{gap:8px 12px}
 body .market-stats strong,body[data-density=comfortable] .market-stats strong{font-size:12px}
 body .market-stats .reference-price,body[data-density=comfortable] .market-stats .reference-price{font-size:13px}
}
/* Let the header follow the chart's actual width, including expanded charts. */
@media(min-width:761px){
@container market-panel (min-width:721px){
 .market-strip{align-items:center;gap:16px;padding:8px 12px}
 .market-heading .ticker-button{min-height:34px;padding:4px 8px;gap:7px}
 .market-heading .ticker-button strong{font-size:16px}
 .market-heading .ticker-button .coin-icon{width:26px;height:26px}
 .market-identity p{margin-top:3px}
 .market-heading .token-links{min-height:18px;margin-top:2px;gap:8px}
 .market-heading .token-links a{min-height:18px}
 .market-data-switch{padding-right:98px;margin-bottom:6px;min-height:24px}
 .market-data .market-all-stats{position:absolute;top:0;right:0;margin:0;min-height:24px;padding:4px 0;font-size:9px;white-space:nowrap}
 .market-header #selected-watch{align-self:center;margin-left:0;margin-right:2px}
 .market-header #chart-expand{margin-right:10px}
}
@container market-panel (min-width:960px){
 .market-strip{grid-template-columns:minmax(150px,170px) minmax(0,1fr)}
 .market-stats{grid-template-columns:minmax(112px,1.15fr) repeat(5,minmax(0,1fr));gap:12px}
 .market-stats>div>span{white-space:nowrap;overflow-wrap:normal}
 body[data-focus=true] .market-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
}
}
@media(max-width:760px){body:not([data-mobile-pane=chart]) .market-heading{padding-right:0}body:not([data-mobile-pane=chart]) .market-header #selected-watch{position:static}}
.theme-options{display:flex;gap:7px}.theme-options button{flex:1;border:1px solid var(--line);border-radius:6px;padding:12px 4px;color:var(--text);font-size:12px}.theme-options button:before{content:'';display:block;width:24px;height:12px;border-radius:3px;margin:0 auto 8px;background:#efd47d}.theme-options [data-theme-choice=slate]:before{background:#cbd5e1}.theme-options [data-theme-choice=coast]:before{background:#8dd5e8}.theme-options button[aria-pressed=true]{border-color:var(--accent);background:var(--panel2)}
body[data-theme=slate]{--bg:#121720;--panel:#202733;--panel2:#2c3543;--line:#465363;--accent:#d2deee;--amber:#e4c685}
body[data-theme=coast]{--bg:#112229;--panel:#1c343d;--panel2:#284652;--line:#416472;--accent:#95deed;--amber:#f1d392}
body:not([data-theme=citrus])[data-theme] :is(.header,footer,.market-header,.chart-footer,.discovery .panel,.account-panel,.account-tabs,.account-content thead){background:var(--panel)}
body:not([data-theme=citrus])[data-theme] :is(.wordmark,.wordmark span,.header .nav.active,.account-tabs button.active){color:var(--accent);border-color:var(--accent)}
body:not([data-theme=citrus])[data-theme] :is(.rail-row.selected,.rail-row:hover,.disclosure,.ticker-button,.discovery .search,.discovery .select-trigger){background:var(--panel2)}
body[data-theme=slate] .ticket{--panel:#252f3e;--panel2:#303e50;--text:#edf2f8;--muted:#bbc9db;--line:#526379;--accent:#c4d5ed;--green:#b9dfcb;--red:#f3b6c0;--amber:#e4c685;--ticket-input:#1b2533;--ticket-input-border:#77899e;--ticket-hover:#3c4d63;--rail-rest:#657991;--ticket-long:#abc8bb;--ticket-short:#dab1bc;--ticket-long-text:#142c23;--ticket-short-text:#35212c;--ticket-long-hover:#bfdccd;--ticket-short-hover:#e8c2cb}
body[data-theme=coast] .ticket{--panel:#193b44;--panel2:#254d57;--text:#eef7f8;--muted:#b7d1d6;--line:#486d78;--accent:#a0e4ed;--green:#afe4d0;--red:#ffb9b5;--amber:#f1d392;--ticket-input:#122d35;--ticket-input-border:#6c98a3;--ticket-hover:#315e69;--rail-rest:#5c8690;--ticket-long:#a0d8c7;--ticket-short:#e7b5b0;--ticket-long-text:#103c34;--ticket-short-text:#3c252b;--ticket-long-hover:#b6e7d9;--ticket-short-hover:#f0c8c3}
.panel-resizer{display:none}.resizing-panels{cursor:col-resize;user-select:none}.resizing-panels iframe{pointer-events:none}
@media(min-width:1081px){body[data-view=trade] .terminal{position:relative;grid-template-columns:var(--discovery-width,220px) minmax(0,1fr) var(--ticket-width,304px);grid-template-rows:minmax(180px,1fr) var(--account-height,190px)}body[data-focus=true][data-view=trade] .terminal{grid-template-columns:minmax(0,1fr) var(--ticket-width,304px)}.panel-resizer{display:block;position:absolute;border:0;padding:0;background:transparent;z-index:9;touch-action:none;border-radius:3px}.panel-resizer:after{content:'';position:absolute;background:var(--accent);opacity:0;border-radius:2px;transition:opacity .15s}.panel-resizer:hover:after,.panel-resizer:focus-visible:after{opacity:.65}.panel-resizer:focus-visible{outline:1px solid var(--accent);outline-offset:-2px}.panel-resizer[data-resize-panel=discovery]{left:var(--discovery-width,220px);top:0;bottom:0;width:10px;cursor:col-resize}.panel-resizer[data-resize-panel=ticket]{right:var(--ticket-width,304px);top:0;bottom:0;width:10px;cursor:col-resize}.panel-resizer[data-resize-panel=account]{left:calc(var(--discovery-width,220px) + 10px);right:calc(var(--ticket-width,304px) + 10px);bottom:var(--account-height,190px);height:10px;cursor:row-resize}.panel-resizer[aria-orientation=vertical]:after{inset:35% 4px}.panel-resizer[aria-orientation=horizontal]:after{inset:4px 40%}body[data-focus=true] [data-resize-panel=discovery]{display:none}body[data-focus=true] [data-resize-panel=account]{left:0}}
.portfolio-performance{padding:20px;margin-bottom:14px}.performance-heading,.history-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.performance-heading h2{margin:0;font-size:15px}.period-tabs,.history-sort{display:flex;gap:3px}.period-tabs button,.history-sort button{color:var(--muted);padding:7px 10px;border-radius:4px;font-size:11px}.period-tabs [aria-pressed=true],.history-sort [aria-pressed=true]{background:var(--panel2);color:var(--accent)}.performance-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}.performance-stats span{display:block;color:var(--muted);font-size:11px;margin-bottom:7px}.performance-stats strong{font-size:24px;font-weight:500;font-variant-numeric:tabular-nums}.pnl-graph{display:block;width:100%;height:190px;margin-top:8px;overflow:visible}.graph-range{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.history-toolbar{padding:12px 16px}.history-toolbar h2{font-size:14px;margin:0}.trade-actions{display:flex;gap:12px;margin-top:5px}.trade-actions button{font-size:10px;color:var(--muted);padding:2px 0}.share-dialog{width:min(760px,calc(100% - 24px))}.share-dialog canvas{width:100%;height:auto;margin:16px 0;border-radius:6px}.share-dialog .primary{width:100%;min-height:44px}.positions-toolbar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;color:var(--muted);font-size:11px}.positions-toolbar button{padding:7px 10px;color:var(--red);border:1px solid var(--line);border-radius:4px}.risk-remember{font-size:12px;display:flex;gap:9px;align-items:center;margin:12px 0 20px}.risk-warning{color:var(--red);font-weight:600}.queue-progress{height:3px;border:0;width:90px;display:block;margin-top:6px;accent-color:var(--green)}.inflow-list{display:grid;gap:0}.inflow-list div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.inflow-list small{display:block;color:var(--muted);font-size:10px;margin-top:4px}
@media(min-width:761px){.ticket-settlement{display:contents}}
@media(max-width:760px){.token-links{gap:12px;margin-top:4px}.token-links a{min-height:28px;font-size:10px}.token-links .ui-icon{width:12px}body:not([data-mobile-pane=chart]) .token-links{display:none}.ticket-settlement{position:sticky;bottom:0;z-index:4;background:var(--panel);padding:6px 0 max(8px,env(safe-area-inset-bottom));margin-top:10px;border-top:1px solid var(--line)}.ticket-settlement #order-details{border:0;margin:0 0 7px;padding:0}.ticket-settlement #order-details>div{font-size:11px;line-height:15px;margin:2px 0}.ticket-settlement .ticket-note{font-size:10px;margin:5px 0 0}.portfolio-performance{padding:15px}.performance-stats{gap:12px}.performance-stats strong{font-size:20px}.performance-heading{gap:8px}.pnl-graph{height:160px}.history-toolbar{padding:12px}.history-sort button{padding:8px}.share-dialog{padding:16px}}
@media(prefers-reduced-motion:reduce){.panel-resizer:after{transition:none}}
/* Movers and new listings share one discovery surface. */
.discovery-panel{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.discovery-tabs{position:relative;isolation:isolate;display:flex;gap:2px;padding:6px;flex-shrink:0}
.discovery-tabs::before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:calc((100% - 14px)/2);border-radius:6px;background:var(--panel2);background:color-mix(in srgb,var(--accent) 10%,var(--panel2));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 16%,transparent);pointer-events:none;z-index:0}
.discovery-tabs:has([data-discovery-tab=new][aria-selected=true])::before{transform:translateX(calc(100% + 2px))}
.discovery-tabs button{position:relative;z-index:1;flex:1;min-width:0;padding:9px 3px;border-radius:6px;background:transparent;color:var(--muted);font-size:11px;line-height:18px}
.discovery-tabs button:hover{background:transparent;color:var(--text)}
.discovery-tabs button[aria-selected=true]{background:transparent;color:var(--accent)}
.discovery-tabs button:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
.activity-tabs button:hover{background:var(--panel2);color:var(--text)}
.discovery-view{flex:1;min-height:0;overflow:auto;padding-bottom:6px}
.discovery-view[hidden]{display:none}
.discovery-view .section-heading{padding-top:9px;padding-bottom:9px;flex-shrink:0}
.discovery-view h2{font-size:11px;font-weight:500}
.activity-tabs{display:flex;gap:4px;padding:6px 10px;border-bottom:1px solid var(--line)}
.activity-tabs[hidden]{display:none}
.activity-tabs button{padding:7px 10px;font-size:11px;color:var(--muted);border-radius:4px}
.activity-tabs button[aria-selected=true]{background:var(--panel2);color:var(--text)}
@media(min-width:761px){
 body[data-view=trade] .terminal:has(.account-panel[data-compact=true]){grid-template-rows:minmax(180px,1fr) var(--account-height,104px)}
 .account-panel[data-compact=true] .empty-state{min-height:0;padding:10px 14px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:14px;font-size:11px;line-height:18px}
 .account-panel[data-compact=true] .empty-state p{margin:0}
 .account-panel[data-compact=true] .empty-state strong{font-size:12px;font-weight:500}
 .account-panel[data-compact=true] .empty-state .secondary{padding:5px 12px;min-height:32px;margin:0;flex-shrink:0}
 .account-panel[data-compact=true] .empty-state a{white-space:nowrap}
}
@media(max-width:760px){.ticket-settlement #order-details{display:grid;grid-template-columns:1fr 1fr;gap:5px 15px}.ticket-settlement #order-details>div:first-child{grid-column:1/-1;font-size:12px}.ticket-settlement #order-details>div:not(:first-child){display:block;font-size:10px}.ticket-settlement #order-details>div:not(:first-child) dd{margin-top:3px;font-size:12px}.ticket-settlement #order-details>div:last-child{text-align:right}.ticket-settlement #order-details>div:last-child dt{font-weight:400}#trade-form input[type=number]{scroll-margin-bottom:170px}}
/* Community token suggestions page. */
.suggest-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:16px;align-items:start}
@media(max-width:900px){.suggest-layout{grid-template-columns:1fr}}
.suggest-panel h2{margin:0 0 12px;font-size:16px}
.suggest-form label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}
.suggest-input-row{display:flex;gap:8px;flex-wrap:wrap}
.suggest-input-row input{flex:1 1 220px;min-width:0;background:var(--panel2);border:1px solid var(--line);border-radius:var(--control-radius);color:var(--text);padding:10px 12px;font-size:13px;font-family:inherit}
.suggest-input-row input:focus{outline:2px solid var(--accent);outline-offset:1px}
.suggest-input-row .secondary{width:auto}
.suggest-form .wallet-note{margin-top:10px}
.suggest-form .wallet-note[data-error=true]{color:var(--red)}
.suggest-candidates{display:grid;gap:8px;margin-top:14px}
.suggest-candidate,.suggest-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel2);min-width:0}
.suggest-candidate .coin-icon,.suggest-row .coin-icon{flex-shrink:0}
.suggest-token{flex:1;min-width:0}
.suggest-token strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.suggest-token small{display:block;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.suggest-count{text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums}
.suggest-count strong{display:block;font-size:16px;font-weight:500;line-height:1.2}
.suggest-count small{display:block;color:var(--muted);font-size:10px}
.suggest-rank{width:24px;flex-shrink:0;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}
.suggest-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px}.suggest-heading h2{margin:0}
.suggest-board{display:grid;gap:6px;margin-top:12px}
.suggest-actions{display:flex;gap:6px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}
.suggest-actions .secondary{width:auto;padding:6px 10px;min-height:0;font-size:12px}
.suggest-tag{display:inline-block;font-size:10px;letter-spacing:.4px;text-transform:uppercase;padding:2px 6px;border-radius:999px;background:var(--panel);color:var(--accent);border:1px solid var(--line);margin-left:6px;vertical-align:middle}
.suggest-row.is-listed{border-color:var(--accent)}
.suggest-row.is-mine{box-shadow:inset 3px 0 0 var(--accent)}
@media(max-width:600px){.suggest-count small,.suggest-rank{display:none}}