/* DMC · Liquid Glass. Apple system colors, one glass recipe for chrome, plain surfaces for data.
   Type: SF Pro on Apple devices, Inter (bundled, optical sizes) everywhere else. */
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url('/fonts/InterVariable.woff2') format('woff2')}

/* ── Tokens ─────────────────────────────────────────────────────────────── */
:root{
 --font:-apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,"Segoe UI Variable Text","Segoe UI",system-ui,sans-serif;
 --font-display:-apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,"Segoe UI Variable Display","Segoe UI",system-ui,sans-serif;
 --r-shell:26px;--r-card:16px;--r-control:12px;--r-chip:9px;--r-pill:999px;
 --blur:blur(26px) saturate(185%);--ease:cubic-bezier(.32,.72,0,1);--spring:cubic-bezier(.34,1.36,.64,1);
 --quick-color:#0A84FF;--sell-color:#FF453A;--quick-opacity:1;--mini-width:33%;--mini-opacity:.7;--mini-fade:15%;
 --w-new:1fr;--w-almost:1fr;--w-migrated:1fr;--w-tracker:440px;
}
:root,:root[data-theme=dark]{
 color-scheme:dark;--panel:rgba(19,20,27,.86);--th-bg:#15161c;
 --bg:#05060a;--wall-a:#1d2a78;--wall-b:#0c5c66;--wall-c:#4a1d6b;--wall-opacity:.55;
 --label:#fff;--label-2:rgba(235,235,245,.62);--label-3:rgba(235,235,245,.36);--label-4:rgba(235,235,245,.2);
 --glass:rgba(28,30,38,.58);--glass-strong:rgba(34,36,46,.78);--glass-edge:rgba(255,255,255,.1);--glass-hi:rgba(255,255,255,.14);--glass-shadow:rgba(0,0,0,.45);
 --surface-1:rgba(20,21,27,.72);--surface-2:rgba(44,46,56,.55);--surface-solid:#16171d;
 --fill-1:rgba(120,120,128,.2);--fill-2:rgba(120,120,128,.28);--fill-3:rgba(120,120,128,.38);
 --separator:rgba(84,84,92,.45);--separator-soft:rgba(84,84,92,.26);
 --accent:#0A84FF;--accent-text:#4DA3FF;--on-accent:#fff;
 --green:#30D158;--green-text:#32D74B;--red:#FF453A;--red-text:#FF6961;--yellow:#FFD60A;--yellow-text:#FFD60A;--orange:#FF9F0A;--purple:#BF5AF2;--teal:#64D2FF;--pink:#FF375F;--indigo:#5E5CE6;
 --shadow-color:rgba(0,0,0,.55);--row-hover:rgba(255,255,255,.045);--overlay:rgba(0,0,0,.5);
}
:root[data-theme=light]{
 color-scheme:light;--panel:rgba(255,255,255,.82);--th-bg:#f8f9fc;
 --bg:#eef0f6;--wall-a:#b9ccff;--wall-b:#bdeee6;--wall-c:#f1cdec;--wall-opacity:.8;
 --label:#000;--label-2:rgba(60,60,67,.66);--label-3:rgba(60,60,67,.42);--label-4:rgba(60,60,67,.22);
 --glass:rgba(255,255,255,.62);--glass-strong:rgba(255,255,255,.82);--glass-edge:rgba(255,255,255,.75);--glass-hi:rgba(255,255,255,.9);--glass-shadow:rgba(31,38,65,.13);
 --surface-1:rgba(255,255,255,.55);--surface-2:rgba(255,255,255,.8);--surface-solid:#fff;
 --fill-1:rgba(120,120,128,.1);--fill-2:rgba(120,120,128,.16);--fill-3:rgba(120,120,128,.24);
 --separator:rgba(60,60,67,.16);--separator-soft:rgba(60,60,67,.09);
 --accent:#007AFF;--accent-text:#0066D6;--on-accent:#fff;
 --green:#34C759;--green-text:#1F8A3B;--red:#FF3B30;--red-text:#D70015;--yellow:#FFCC00;--yellow-text:#9A6B00;--orange:#FF9500;--purple:#AF52DE;--teal:#0A9EC7;--pink:#FF2D55;--indigo:#5856D6;
 --shadow-color:rgba(31,38,65,.16);--row-hover:rgba(0,0,0,.035);--overlay:rgba(20,24,40,.28);
}

/* ── Base ───────────────────────────────────────────────────────────────── */
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--label);font:13px/1.45 var(--font);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden;letter-spacing:-.003em}
.wallpaper{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:var(--bg)}
.wallpaper i{position:absolute;border-radius:50%;filter:blur(90px);opacity:var(--wall-opacity);transform:translateZ(0)}
.wallpaper i:nth-child(1){width:62vw;height:62vw;left:-18vw;top:-24vw;background:radial-gradient(closest-side,var(--wall-a),transparent)}
:root[data-chain=bsc]:not([data-theme=light]){--wall-a:#8a6400}
:root[data-chain=robinhood]:not([data-theme=light]){--wall-a:#2f6d0a}
:root[data-theme=light][data-chain=bsc]{--wall-a:#ffe07a}
:root[data-theme=light][data-chain=robinhood]{--wall-a:#c9f39a}
.wallpaper i:nth-child(2){width:55vw;height:55vw;right:-20vw;top:8vh;background:radial-gradient(closest-side,var(--wall-b),transparent)}
.wallpaper i:nth-child(3){width:60vw;height:48vw;left:22vw;bottom:-30vw;background:radial-gradient(closest-side,var(--wall-c),transparent)}
button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}
h1,h2,h3,p{margin:0}
h1{font:650 22px/1.15 var(--font-display);letter-spacing:-.022em}
h2{font:620 15px/1.25 var(--font-display);letter-spacing:-.012em}
h3{font:600 13px/1.3 var(--font)}
p{line-height:1.55;margin:10px 0}
a{color:var(--accent-text);text-decoration:none}
a:hover{text-decoration:underline}
svg{width:16px;height:16px;flex:none;vertical-align:middle}
[hidden]{display:none!important}
.subtle,.hint{color:var(--label-2)}
.hint{font-size:12px;line-height:1.55}
.positive{color:var(--green-text)!important}
.negative{color:var(--red-text)!important}
.gold{color:var(--yellow-text)!important}
.blue{color:var(--accent-text)}
::selection{background:color-mix(in srgb,var(--accent) 35%,transparent)}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-thumb{background:var(--fill-2);border-radius:8px;border:2px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background:var(--fill-3);background-clip:padding-box}
::-webkit-scrollbar-track{background:transparent}
*{scrollbar-width:thin;scrollbar-color:var(--fill-2) transparent}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* ── Glass ──────────────────────────────────────────────────────────────── */
.glass{position:relative;background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-edge);box-shadow:inset 0 1px 0 var(--glass-hi),inset 0 0 0 .5px rgba(255,255,255,.04),0 10px 40px -12px var(--glass-shadow)}
.glass::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,0) 38%)}
/* Content panels (coin columns, tracker) are not glass: no backdrop blur, so updates and hovers stay cheap. */
.column.glass,.tracker.glass{background:var(--panel);-webkit-backdrop-filter:none;backdrop-filter:none}
.column.glass::before,.tracker.glass::before{display:none}
@media (prefers-reduced-transparency:reduce){.glass{background:var(--surface-solid);-webkit-backdrop-filter:none;backdrop-filter:none}}

/* ── Liquid Glass: windows, bars and notices float above the content ─────────
   Tint kept low so the page shows through; the rim bends it (liquid-glass.js), a light blur keeps text
   legible, and a highlight on the edge follows the pointer. "Off" in Customize returns to frosted glass. */
:root,:root[data-theme=dark]{--lg-tint:rgba(30,32,42,.26);--lg-tint-window:rgba(20,22,30,.42);--lg-rim:rgba(255,255,255,.62);--lg-rim-soft:rgba(255,255,255,.18);--lg-sheen:rgba(255,255,255,.07);--lg-dim:rgba(0,0,0,.18)}
:root[data-theme=light]{--lg-tint:rgba(255,255,255,.28);--lg-tint-window:rgba(255,255,255,.5);--lg-rim:#fff;--lg-rim-soft:rgba(255,255,255,.65);--lg-sheen:rgba(255,255,255,.3);--lg-dim:rgba(20,24,40,.07)}
html[data-glass=liquid] :where(dialog,.topbar,.footbar,#toast,.dmc-photo-preview,.instant-trade){
 --lg-blur:2px;--lg-lens:22px;
 background:linear-gradient(160deg,var(--lg-sheen),transparent 46%),var(--lg-tint);
 -webkit-backdrop-filter:blur(12px) saturate(190%);
 backdrop-filter:blur(var(--lg-blur)) var(--lg-refraction,blur(10px)) saturate(190%) brightness(1.03);
 border-color:transparent;
 box-shadow:inset 1.5px 1.5px 1px -.5px var(--lg-rim),inset -1px -1px 1px -.5px var(--lg-rim-soft),inset 0 0 0 .5px rgba(255,255,255,.1),inset 0 0 26px -8px rgba(255,255,255,.2),0 22px 60px -22px rgba(0,0,0,.6);
}
html[data-glass=liquid] :where(.topbar,.footbar){-webkit-backdrop-filter:blur(14px) saturate(180%);backdrop-filter:blur(14px) saturate(180%)}
html[data-glass=liquid] dialog{--lg-blur:5px;--lg-lens:44px;background-color:transparent;background-image:linear-gradient(160deg,var(--lg-sheen),transparent 40%),linear-gradient(var(--lg-tint-window),var(--lg-tint-window))}
html[data-glass=liquid] dialog::backdrop{background:var(--lg-dim);-webkit-backdrop-filter:none;backdrop-filter:none}
html[data-glass=liquid] #toast{--lg-blur:4px}
@media (prefers-reduced-transparency:reduce){html[data-glass=liquid] :where(dialog,.topbar,.footbar,#toast,.dmc-photo-preview,.instant-trade){background:var(--surface-solid);-webkit-backdrop-filter:none;backdrop-filter:none}}

/* ── Controls ───────────────────────────────────────────────────────────── */
button{background:var(--fill-1);border:0;border-radius:var(--r-pill);padding:7px 13px;cursor:pointer;white-space:nowrap;font-weight:560;font-size:13px;transition:background-color .18s,transform .18s var(--spring),color .18s,box-shadow .18s}
button:hover{background:var(--fill-2)}
button:active{transform:scale(.97)}
button:disabled{opacity:.4;cursor:default;transform:none}
button svg{margin-right:5px;margin-top:-1px}
.primary{background:var(--accent);color:var(--on-accent);box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 6px 16px -6px color-mix(in srgb,var(--accent) 70%,transparent)}
.primary:hover{background:color-mix(in srgb,var(--accent) 88%,#fff)}
.danger{background:color-mix(in srgb,var(--red) 14%,transparent);color:var(--red-text)}
.danger:hover{background:color-mix(in srgb,var(--red) 22%,transparent)}
.icon-button{display:inline-grid;place-items:center;width:32px;height:32px;padding:0;background:transparent;color:var(--label-2)}
.icon-button svg{margin:0;width:17px;height:17px}
.icon-button:hover{background:var(--fill-1);color:var(--label)}
.icon-button.active{color:var(--accent-text);background:color-mix(in srgb,var(--accent) 14%,transparent)}
.link-button{background:none;padding:0;border-radius:0;color:var(--accent-text);font-weight:500}
.link-button:hover{background:none;text-decoration:underline}
input,select,textarea{min-width:0;background:var(--fill-1);border:1px solid transparent;border-radius:var(--r-control);padding:9px 12px;outline:none;transition:border-color .15s,background-color .15s,box-shadow .15s}
input:hover,select:hover,textarea:hover{background:var(--fill-2)}
input:focus,select:focus,textarea:focus{border-color:var(--separator);box-shadow:none;background:var(--surface-2)}
/* Text fields show focus with a lighter fill and the caret, not a blue ring (as on iOS). */
:is(input:not([type=checkbox],[type=radio],[type=range],[type=color]),textarea):focus-visible{outline:none}
input::placeholder,textarea::placeholder{color:var(--label-3);opacity:1}
select{appearance:none;padding-right:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='%238e8e93' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:12px}
select option{background:var(--surface-solid);color:var(--label)}
input[type=checkbox],input[type=radio]{accent-color:var(--accent);width:16px;height:16px;padding:0;margin:0;cursor:pointer}
input[type=range]{accent-color:var(--accent);padding:0;background:none}
input[type=color]{padding:2px;width:34px;height:26px;border-radius:8px;cursor:pointer}
input[type=number]::-webkit-inner-spin-button{opacity:.4}
kbd{font:600 11px/1 var(--font);color:var(--label-3);background:var(--fill-1);border-radius:6px;padding:4px 6px}
.segmented{display:inline-flex;gap:2px;padding:2px;border-radius:var(--r-pill);background:var(--fill-1)}
.segmented button{background:transparent;padding:5px 11px;font-size:12px;color:var(--label-2)}
.segmented button.active{background:var(--surface-2);color:var(--label);box-shadow:0 1px 3px var(--shadow-color),0 0 0 .5px var(--separator-soft)}
.chip{display:inline-flex;align-items:center;gap:6px;border-radius:var(--r-pill);padding:5px 11px 5px 6px;background:var(--fill-1);font-size:12px;font-weight:560;color:var(--label-2)}
.chip img,.chip .lp-dot{width:18px;height:18px;border-radius:50%}
.info-box{border-radius:var(--r-card);background:color-mix(in srgb,var(--accent) 9%,var(--surface-1));padding:13px 15px;font-size:12px;line-height:1.6;color:var(--label-2)}
.empty-state{min-height:210px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px;color:var(--label-2);gap:6px}
.empty-state strong{font:600 15px/1.3 var(--font-display);color:var(--label)}
.empty-state p{font-size:12px;max-width:320px;margin:0}
.empty-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--fill-1);color:var(--label-3);margin-bottom:6px}
.empty-icon svg{width:22px;height:22px}

/* ── Top bar ────────────────────────────────────────────────────────────── */
.topbar{position:relative;z-index:20;margin:10px 12px 0;height:60px;border-radius:var(--r-shell);display:grid;grid-template-columns:minmax(max-content,1fr) minmax(260px,560px) minmax(max-content,1fr);align-items:center;gap:14px;padding:0 10px 0 12px}
.topbar-left{display:flex;align-items:center;gap:10px;min-width:0}
.brand{display:flex;align-items:center;gap:8px;background:none;padding:4px 8px 4px 4px;font:700 17px/1 var(--font-display);letter-spacing:-.03em}
.brand:hover{background:none}
.brand img{border-radius:8px;box-shadow:0 4px 12px -4px rgba(10,132,255,.6)}
.main-nav{position:relative;display:flex;align-items:center;gap:2px;padding:3px;border-radius:var(--r-pill);background:var(--fill-1);min-width:0;overflow-x:auto;scrollbar-width:none}
.main-nav::-webkit-scrollbar{display:none}
.main-nav button{position:relative;z-index:1;background:transparent;color:var(--label-2);font-size:13px;font-weight:600;padding:7px 13px}
.main-nav button:hover{color:var(--label);background:transparent}
.main-nav button.active{color:var(--label)}
.nav-lens{position:absolute;z-index:0;top:3px;bottom:3px;left:0;width:0;border-radius:var(--r-pill);background:var(--surface-2);box-shadow:0 1px 4px var(--shadow-color),inset 0 1px 0 var(--glass-hi),0 0 0 .5px var(--separator-soft);transition:transform .45s var(--spring),width .45s var(--spring);pointer-events:none}
.global-search{justify-self:center;display:flex;align-items:center;gap:10px;width:100%;max-width:560px;height:42px;padding:0 8px 0 15px;border-radius:var(--r-pill);background:var(--fill-1);color:var(--label-3);transition:background-color .2s,box-shadow .2s}
.global-search:focus-within{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--separator),0 8px 24px -10px var(--shadow-color)}
.global-search svg{width:17px;height:17px}
.global-search input{flex:1;background:none;border:0;padding:0;font-size:14px;box-shadow:none}
.global-search input:focus{box-shadow:none;background:none;border:0}
/* Search fields show focus with their own background, without the blue ring. */
:is(.global-search,.column-search,.tk-search) input:focus-visible{outline:none}
:is(.column-search,.tk-search):focus-within{background:var(--fill-2)}
.topbar-right{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0}
.lang-switch button{padding:5px 9px;font-size:11px;font-weight:650}
.wallet-button{display:flex;align-items:center;gap:8px;height:38px;padding:0 6px 0 12px;font-weight:650;font-variant-numeric:tabular-nums}
/* Wallet button: SOL of the checked wallets; ×N when several wallets trade together. */
.wallet-count{font-size:11px;font-weight:700;color:var(--accent-text);background:color-mix(in srgb,var(--accent) 16%,transparent);border-radius:var(--r-pill);padding:2px 7px}
/* Portfolio › Wallets (GMGN layout): checked rows trade together. */
.wallets-box{padding:0;overflow:hidden}
.wb-head{display:flex;align-items:center;gap:12px;padding:16px 18px 12px;flex-wrap:wrap}
.wb-head h2{margin:0;font:700 17px/1.2 var(--font-display)}
.wb-log{color:var(--label-3);font-size:12.5px;text-decoration:none}.wb-log:hover{color:var(--label)}
.wb-actions{display:flex;gap:6px;margin-left:auto;flex-wrap:wrap}
.wb-actions button{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;padding:7px 12px}
.wb-actions svg{width:15px;height:15px}
.wb-new{color:var(--accent-text)}
.wb-table th:first-child,.wb-table td:first-child{padding-left:18px}
.wb-check{width:34px}
.wb-check input,.wb-group input{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}
.wb-group td{background:var(--fill-1);font-weight:650}
.wb-folder{display:inline-flex;align-items:center;gap:7px;color:var(--purple)}.wb-folder svg{width:16px;height:16px}
.wb-row.on{background:color-mix(in srgb,var(--accent) 6%,transparent)}
.wb-wallet{display:flex;align-items:center;gap:7px;min-width:0}
.wb-avatar{width:22px;height:22px;flex:none;border-radius:50%;display:grid;place-items:center;font:700 11px/1 var(--font);color:#fff;background:linear-gradient(135deg,hsl(var(--h) 70% 52%),hsl(calc(var(--h) + 40) 70% 38%))}
.wb-name{color:var(--yellow-text);font-weight:700;max-width:150px;overflow:hidden;text-overflow:ellipsis}
.wb-addr{color:var(--label-3);font-variant-numeric:tabular-nums}
.wb-mini{display:inline-grid;place-items:center;width:24px;height:24px;padding:0;border-radius:7px;background:transparent;color:var(--label-3)}
.wb-mini:hover{color:var(--label);background:var(--fill-1)}.wb-mini svg{width:14px;height:14px}
.wb-lock{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;padding:3px 8px;color:var(--orange)}.wb-lock svg{width:13px;height:13px}
.wb-sol{display:inline-flex;align-items:center;gap:5px;font-weight:650}.wb-sol img{border-radius:50%}
.wb-row td small{display:block;font-size:11px;margin-top:2px}
.wb-tools{text-align:right;white-space:nowrap}
.wb-tools button{font-size:12px;padding:5px 10px;margin-left:4px}
.wb-empty{padding:4px 18px 16px}
.wb-inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.wb-inline input{flex:1;min-width:180px}
.wb-form{display:grid;gap:8px;padding:0 18px 14px}
.wb-form h3,.wb-panel h3{margin:0;font:650 14px/1.3 var(--font-display)}
.wb-form textarea{resize:vertical;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;-webkit-text-security:disc}
.wb-panel{margin:10px 18px 14px;padding:14px 16px;border-radius:var(--r-card);background:var(--fill-1);display:grid;gap:10px}
.wb-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.wb-address{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.wb-address code{flex:1;min-width:0;word-break:break-all;padding:9px 10px;border-radius:10px;background:var(--fill-2);font-size:12px;user-select:all}
.wb-secret{color:var(--red-text)}
.wb-danger{display:grid;gap:8px;border-top:1px solid var(--separator-soft);padding-top:10px}
.wb-danger h4{margin:4px 0 0;font-size:13px}
.wb-settings{margin:0 18px 6px}
.wb-settings summary{cursor:pointer;display:inline-flex;align-items:center;gap:6px;color:var(--label-2);font-size:12.5px;padding:6px 0}.wb-settings summary svg{width:14px;height:14px}
.wb-settings-body{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));padding:6px 0 10px}
.wb-note{display:flex;align-items:center;gap:7px;margin:0;padding:10px 18px 14px;font-size:12px;color:var(--label-3);border-top:1px solid var(--separator-soft)}.wb-note svg{width:14px;height:14px;flex:none}
.pf-table td{vertical-align:middle}
.pf-coin-cell{display:flex;align-items:center;gap:8px;cursor:pointer}.pf-coin-cell .activity-avatar{width:26px;height:26px}
.pf-sell{text-align:right;white-space:nowrap}.pf-sell button{font-size:12px;padding:5px 9px;margin-left:4px;color:var(--red-text)}
.link-button{background:none;padding:0 4px;font-size:12px;color:var(--accent-text)}
.mine-tag{display:inline-flex;font-size:11px;font-weight:650;color:var(--accent-text);background:color-mix(in srgb,var(--accent) 14%,transparent);border-radius:var(--r-pill);padding:2px 8px;margin-right:4px}
.profile-subhead{margin:14px 0 4px;font:650 14px/1.3 var(--font-display)}
.ranking-wallets .wallet-row{margin:6px 0}
@media (max-width:760px){.wb-tools button{display:none}.wb-table th:nth-child(4),.wb-table td:nth-child(4),.wb-table th:nth-child(5),.wb-table td:nth-child(5){display:none}}
button.danger{color:var(--red-text)}
.wallet-button img{border-radius:50%}

/* ── Board ──────────────────────────────────────────────────────────────── */
#main{height:calc(100dvh - 70px - 44px);overflow:hidden}
#pulse-view{height:100%;display:flex;flex-direction:column}
.board-toolbar{flex:none;height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px}
.toolbar-left{display:flex;align-items:center;gap:12px;min-width:0}
.chain-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:5px 11px 5px 7px;border-radius:var(--r-pill);background:var(--fill-1)}
.chain-pill img{border-radius:50%}
/* Network switch next to the page title: Solana, BSC, Robinhood. */
.chain-switch{display:inline-flex;gap:2px;padding:2px;border-radius:var(--r-pill);background:var(--fill-1)}
.chain-switch button{display:inline-flex;align-items:center;gap:6px;padding:4px 11px 4px 7px;border-radius:var(--r-pill);background:transparent;font-size:12px;font-weight:600;color:var(--label-2)}
.chain-switch button img{width:14px;height:14px;flex:none}
.chain-switch button:not([aria-pressed=true]) img{opacity:.72}
.chain-switch button:hover{color:var(--label)}
.chain-switch button[aria-pressed=true]{background:var(--surface-2);color:var(--label);box-shadow:0 1px 3px var(--shadow-color),0 0 0 .5px var(--separator-soft)}
@media (max-width:720px){.chain-switch button span{display:none}.chain-switch button{padding:5px 7px}}
.board-tools{display:flex;align-items:center;gap:6px}
.board-tools>button:not(.icon-button){display:flex;align-items:center;background:var(--glass);border:1px solid var(--glass-edge);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:inset 0 1px 0 var(--glass-hi)}
.board-tools>button.active{color:var(--accent-text)}
/* Favorites bar: one row across the board, above New Pairs / Final Stretch / Migrated. */
.fav-bar{flex:none;position:relative;z-index:6;display:flex;align-items:center;gap:10px;height:46px;margin:0 12px 10px;padding:0 6px 0 14px;border-radius:var(--r-shell)}
.fav-title{flex:none;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:650;color:var(--label-2)}
.fav-title svg{width:15px;height:15px;color:var(--yellow)}
.fav-list{flex:1;min-width:0;display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none;mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent)}
.fav-list::-webkit-scrollbar{display:none}
.fav-chip{flex:none;display:flex;align-items:center;gap:7px;height:34px;padding:0 4px 0 3px;border-radius:var(--r-pill);background:var(--fill-1);cursor:pointer;transition:background-color .15s}
.fav-chip:hover,.fav-chip:focus-visible{background:var(--fill-2)}
.fav-chip .activity-avatar{width:26px;height:26px;border-radius:50%;font-size:10px}
.fav-name{font-size:12.5px;font-weight:650;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fav-mc{font-size:12px;font-weight:600;color:var(--label-2);font-variant-numeric:tabular-nums}
.fav-buy{display:flex;align-items:center;gap:3px;height:26px;padding:0 10px 0 7px;border-radius:var(--r-pill);background:var(--accent);color:var(--on-accent);font-size:11.5px;font-weight:700;font-variant-numeric:tabular-nums}
.fav-buy svg{width:12px;height:12px}
.fav-buy:hover{filter:brightness(1.08)}
.fav-buy:disabled{opacity:.6}
.fav-x{display:grid;place-items:center;width:0;height:22px;padding:0;overflow:hidden;border-radius:50%;background:transparent;color:var(--label-3);opacity:0;transition:width .15s,opacity .15s}
.fav-x svg{width:12px;height:12px}
.fav-chip:hover .fav-x,.fav-x:focus-visible{width:22px;opacity:1}
.fav-x:hover{background:var(--fill-2);color:var(--label)}
.fav-empty{font-size:12px;color:var(--label-3);white-space:nowrap;display:flex;align-items:center;gap:4px}
.fav-empty svg{width:12px;height:12px}
.fav-tools{flex:none;position:relative;display:flex;align-items:center;gap:2px}
.fav-amount-chip{display:flex;align-items:center;gap:4px;height:30px;padding:0 10px 0 8px;border-radius:var(--r-pill);background:var(--fill-1);font-size:12px;font-variant-numeric:tabular-nums}
.fav-amount-chip svg{width:12px;height:12px;color:var(--accent-text)}
.fav-amount-chip:hover{background:var(--fill-2)}
.fav-pop{position:absolute;top:calc(100% + 8px);right:0;z-index:40;width:236px;padding:12px;border-radius:18px;display:grid;gap:9px;background:var(--surface-solid);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 12px 30px -10px var(--shadow-color),0 0 0 1px var(--separator-soft)}
.fav-pop[hidden]{display:none}
.fav-pop label{font-size:12px;font-weight:600;color:var(--label-2)}
.fav-pop .column-amount input{width:100%}
.fav-pop .column-amount.invalid{box-shadow:0 0 0 1.5px var(--red)}
.fav-pop-presets{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
.fav-pop-presets button{height:28px;padding:0;border-radius:10px;background:var(--fill-1);font-size:11.5px;font-weight:650;font-variant-numeric:tabular-nums}
.fav-pop-presets button.active{background:var(--accent);color:var(--on-accent)}
@media (max-width:900px){.fav-bar{margin:0 8px 8px;padding:0 4px 0 10px;gap:6px}.fav-title{font-size:0;gap:0}.fav-amount-chip{display:none}}
.workspace{flex:1;min-height:0;display:grid;grid-template-columns:minmax(250px,var(--w-new)) 10px minmax(250px,var(--w-almost)) 10px minmax(250px,var(--w-migrated)) 10px minmax(300px,var(--w-tracker));margin:0 12px 10px;gap:0}
.workspace.no-tracker{grid-template-columns:minmax(250px,var(--w-new)) 10px minmax(250px,var(--w-almost)) 10px minmax(250px,var(--w-migrated))}
.workspace.no-tracker .tracker,.workspace.no-tracker .tracker-resizer{display:none}
/* Wallet Tracker docked beside a coin's page (at most 380 px, so the chart keeps its room). */
body.tracker-docked #main{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,min(var(--w-tracker),380px));gap:10px}
body.tracker-docked #main>.tracker{min-height:0;margin:0 12px 10px 0}
body.tracker-docked #main>#token-view{min-width:0}
@media (max-width:1100px){body.tracker-docked #main{grid-template-columns:minmax(0,1fr)}body.tracker-docked #main>.tracker{display:none}}
/* Favorites bar kept above a coin's page (moved there by syncFavDock); hidden there while it has no coin. */
body.fav-docked #main{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);row-gap:0}
body.fav-docked.tracker-docked #main{grid-template-columns:minmax(0,1fr) minmax(300px,min(var(--w-tracker),380px))}
body.fav-docked #main>.fav-bar{grid-column:1/-1}
body.fav-docked #main>.fav-bar.empty{display:none}
body.fav-docked #main>#token-view{grid-row:2;grid-column:1;height:auto!important;min-height:0}body.fav-docked #main>.tracker{grid-row:2;grid-column:2}
@media (max-width:1100px){body.fav-docked.tracker-docked #main{grid-template-columns:minmax(0,1fr)}}
.col-resizer{position:relative;cursor:col-resize;touch-action:none;outline:none}
.col-resizer::after{content:'';position:absolute;top:50%;left:50%;width:4px;height:44px;margin:-22px 0 0 -2px;border-radius:4px;background:var(--label-4);opacity:0;transition:opacity .2s,height .25s var(--spring),background-color .2s}
.col-resizer:hover::after,.col-resizer:focus-visible::after,.col-resizer.dragging::after{opacity:1;height:72px;margin-top:-36px;background:var(--accent)}
body.resizing,body.resizing *{cursor:col-resize!important;user-select:none}
.column{min-width:0;min-height:0;display:flex;flex-direction:column;border-radius:var(--r-shell);overflow:hidden}
.column-heading{flex:none;height:52px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px 0 16px}
.column-heading h2{display:flex;align-items:center;gap:8px;font-size:16px;white-space:nowrap}
.column-heading .count{font:600 11px/1 var(--font);color:var(--label-2);background:var(--fill-1);border-radius:var(--r-pill);padding:4px 7px;font-variant-numeric:tabular-nums}
.column-tools{display:flex;align-items:center;gap:2px}
.preset-group{display:flex;gap:1px;padding:2px;border-radius:var(--r-pill);background:var(--fill-1)}
.preset-group button{background:transparent;font-size:11px;font-weight:650;padding:4px 8px;color:var(--label-3)}
.preset-group button.active{background:var(--surface-2);color:var(--accent-text);box-shadow:0 1px 2px var(--shadow-color)}
.column-search{flex:none;display:flex;align-items:center;gap:7px;margin:0 10px 8px;padding:0 11px;height:32px;border-radius:var(--r-pill);background:var(--fill-1);color:var(--label-3)}
.column-search svg{width:14px;height:14px}
.column-search input{flex:1;background:none;border:0;padding:0;font-size:12px}
.column-search input:focus{box-shadow:none;background:none}
body:not(.dmc-searchBars) .column-search{display:none}
/* Search and the quick-buy amount share one row; the amount stays when search bars are off. */
.column-row{flex:none;display:flex;align-items:center;justify-content:flex-end;gap:6px;margin:0 10px 8px}
.column-row .column-search{flex:1;min-width:0;margin:0}
.column-amount{flex:none;display:flex;align-items:center;gap:6px;height:32px;padding:0 11px 0 10px;border-radius:var(--r-pill);background:var(--fill-1);cursor:text;transition:background-color .15s}
.column-amount:hover,.column-amount:focus-within{background:var(--fill-2)}
.column-amount img{width:14px;height:14px;flex:none}
.column-amount input{width:42px;height:auto;padding:0;border:0;background:none;font-weight:650;font-variant-numeric:tabular-nums;color:var(--label)}
.column-amount input:hover,.column-amount input:focus{background:none;border:0}
.column-amount.invalid{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--red) 60%,transparent)}
.token-list{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:0 4px 8px 6px}
.token-list .empty-state{min-height:260px}

/* ── Token card (GMGN order: identity · badges · activity · social · risk pills) ── */
.token-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"art main side" "art pills action";column-gap:11px;row-gap:7px;padding:11px 10px 11px 10px;border-radius:var(--r-card);cursor:pointer;outline:none;contain:layout paint;transition:background-color .15s}
.token-card+.token-card{margin-top:2px}
.token-card{content-visibility:auto;contain-intrinsic-size:auto 118px}
.token-card::after{content:'';position:absolute;left:14px;right:14px;bottom:-1px;height:1px;background:var(--separator-soft)}
.token-card:hover,.token-card:focus-visible{background:var(--row-hover)}
.token-card:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 55%,transparent)}
.token-art{grid-area:art;display:flex;flex-direction:column;align-items:center;gap:5px;width:68px}
.token-avatar{--ring:var(--lp-color,var(--green));position:relative;width:64px;height:64px;border-radius:15px;padding:2px;background:conic-gradient(var(--ring) var(--bond-angle,0deg),var(--fill-2) 0);display:grid;place-items:center}
.token-avatar>.avatar-core{position:relative;width:100%;height:100%;border-radius:13px;overflow:hidden;background:#000;display:grid;place-items:center}
.token-avatar img.coin{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .22s}
[data-stage="new"] .token-avatar img.coin{transition:none} /* New Pairs: the photo pops in with the card, like GMGN */
.token-avatar img.coin.ready{opacity:1}
.avatar-fallback{font:700 20px/1 var(--font-display);color:var(--label-3);letter-spacing:-.02em}
.avatar-platform{position:absolute;right:-5px;bottom:-5px;width:20px;height:20px;border-radius:50%;background:var(--surface-solid);box-shadow:0 0 0 2px var(--surface-solid),0 2px 6px var(--shadow-color);display:grid;place-items:center;overflow:hidden;z-index:2}
.avatar-platform img{width:100%;height:100%;object-fit:cover}
.avatar-platform .lp-dot{width:100%;height:100%;display:grid;place-items:center;font:700 8px/1 var(--font);color:#fff}
body[data-avatar-shape=circle] .token-avatar,body[data-avatar-shape=circle] .token-avatar>.avatar-core{border-radius:50%}
body[data-progress-style=bar] .token-avatar{background:var(--fill-2)}
.short-address{display:inline-flex;align-items:center;gap:3px;background:none;padding:0;font-size:10.5px;font-weight:500;color:var(--label-3);font-variant-numeric:tabular-nums}
.short-address:hover{background:none;color:var(--label-2)}
.short-address svg{width:10px;height:10px;margin:0}
.token-main{grid-area:main;min-width:0;display:flex;flex-direction:column;gap:4px}
.token-title-row{display:flex;align-items:baseline;gap:6px;min-width:0;white-space:nowrap}
.token-symbol{background:none;padding:0;border-radius:0;font:680 15px/1.2 var(--font-display);letter-spacing:-.015em;color:var(--label);max-width:150px;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}
.token-symbol:hover{background:none;color:var(--accent-text)}
.token-name{color:var(--label-2);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;min-width:0}
.token-title-row .copy-ca{background:none;padding:0;color:var(--label-3);display:inline-flex}
.token-title-row .copy-ca svg{width:12px;height:12px;margin:0}
.token-title-row .copy-ca:hover{color:var(--label)}
.token-badges{display:flex;align-items:center;gap:4px;min-width:0;overflow:hidden}
.badge{display:inline-flex;align-items:center;gap:3px;height:18px;padding:0 6px;border-radius:6px;font-size:10.5px;font-weight:620;white-space:nowrap;background:var(--fill-1);color:var(--label-2)}
.badge img{width:12px;height:12px;border-radius:50%}
.badge.tax{background:color-mix(in srgb,var(--label) 10%,transparent);color:var(--label)}
.badge.lp{color:var(--lp-color);background:color-mix(in srgb,var(--lp-color) 14%,transparent)}
.badge.mayhem{color:var(--red-text);background:color-mix(in srgb,var(--red) 14%,transparent)}
.badge.live{color:#fff;background:var(--red)}
.badge.og{color:var(--yellow-text);background:color-mix(in srgb,var(--yellow) 18%,transparent);font-weight:720;letter-spacing:.02em}
.badge.waiting{color:var(--yellow-text);background:color-mix(in srgb,var(--yellow) 16%,transparent);animation:dmc-pulse 1.6s ease-in-out infinite}
.badge.migrated{color:var(--accent-text);background:color-mix(in srgb,var(--accent) 14%,transparent)}
@keyframes dmc-pulse{50%{opacity:.5}}
.token-stats{display:flex;align-items:center;gap:9px;min-width:0;overflow:hidden;white-space:nowrap;font-size:12px;color:var(--label-2);font-variant-numeric:tabular-nums}
.token-age{font-weight:650;color:var(--green-text)}
.token-age.old{color:var(--yellow-text)}
.stat-icon{display:inline-flex;align-items:center;gap:3px}
.stat-icon svg{width:13px;height:13px;color:var(--label-3)}
.stat-icon b{font-weight:600;color:var(--label)}
.token-links{display:inline-flex;align-items:center;gap:5px}
.token-links a{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:5px;color:var(--label-2)}
.token-links a:hover{background:var(--fill-1);color:var(--label);text-decoration:none}
.token-links svg{width:13px;height:13px}
.token-social{display:flex;align-items:center;gap:8px;min-width:0;font-size:12px;color:var(--label-2);white-space:nowrap;overflow:hidden}
.token-social .handle{color:var(--accent-text);font-weight:560;overflow:hidden;text-overflow:ellipsis}
.token-side{grid-area:side;display:flex;flex-direction:column;align-items:flex-end;gap:3px;font-variant-numeric:tabular-nums;white-space:nowrap}
.side-row{display:flex;align-items:baseline;gap:4px;font-size:12px}
.side-row small{font-size:10.5px;color:var(--label-3);font-weight:560}
.side-row b{font-weight:650}
.side-row.mc b{font:700 16px/1.1 var(--font-display);letter-spacing:-.02em}
.dmc-largeMetrics .side-row.mc b{font-size:18px}
.txn-bar{display:inline-flex;width:34px;height:4px;border-radius:4px;overflow:hidden;background:var(--red);margin-left:2px;align-self:center}
.txn-bar i{display:block;height:100%;background:var(--green)}
.token-pills{grid-area:pills;display:flex;align-items:center;gap:4px;flex-wrap:wrap;min-width:0}
.pill{display:inline-flex;align-items:center;gap:3px;height:21px;padding:0 7px 0 5px;border-radius:7px;font-size:11px;font-weight:620;font-variant-numeric:tabular-nums;border:1px solid var(--separator-soft);color:var(--label-2);background:transparent}
.pill svg{width:12px;height:12px}
.pill.good{color:var(--green-text);border-color:color-mix(in srgb,var(--green) 30%,transparent)}
.pill.bad{color:var(--red-text);border-color:color-mix(in srgb,var(--red) 32%,transparent)}
.pill.warn{color:var(--yellow-text);border-color:color-mix(in srgb,var(--yellow) 35%,transparent)}
.pill.na{color:var(--label-3)}
.pill .sub{color:var(--label-3);font-weight:560;margin-left:2px}
.token-action{grid-area:action;display:flex;align-items:flex-end;gap:5px;align-self:end}
.quick-buy,.quick-secondary{display:inline-flex;align-items:center;gap:4px;padding:6px 11px;font-size:12px;font-weight:680;color:var(--quick-color);background:color-mix(in srgb,var(--quick-color) 13%,transparent);opacity:var(--quick-opacity);font-variant-numeric:tabular-nums}
.quick-buy:hover,.quick-secondary:hover{background:color-mix(in srgb,var(--quick-color) 22%,transparent)}
.quick-buy svg,.quick-secondary svg{width:12px;height:12px;margin:0}
.quick-secondary[data-side=sell]{color:var(--sell-color);background:color-mix(in srgb,var(--sell-color) 12%,transparent)}
.quick-secondary:disabled{opacity:.3}
body[data-button-size=large] .quick-buy,body[data-button-size=large] .quick-secondary{padding:9px 14px;font-size:13px}
body[data-button-size=mega] .quick-buy,body[data-button-size=mega] .quick-secondary{padding:12px 18px;font-size:14px}
body[data-button-size=jumbo] .quick-buy,body[data-button-size=jumbo] .quick-secondary{padding:16px 24px;font-size:15px}
.card-tools{position:absolute;top:9px;left:3px;display:none;flex-direction:column;gap:1px;padding:2px;border-radius:var(--r-pill);background:var(--glass-strong);box-shadow:0 2px 10px var(--shadow-color);z-index:3}
.token-card:hover .card-tools,.token-card:focus-within .card-tools{display:flex}
.card-tools button{width:23px;height:23px;padding:0;display:grid;place-items:center;background:transparent;color:var(--label-2)}
.card-tools button:hover{background:var(--fill-1);color:var(--label)}
.card-tools button svg{width:14px;height:14px;margin:0}
.card-tools button.saved{color:var(--yellow-text)}
.token-jumbo{grid-column:3;grid-row:1/3;display:flex;flex-direction:column;gap:5px;min-width:112px}
.jumbo-buy{flex:1;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:6px;padding:8px 11px 9px;border-radius:14px;color:var(--label);font-weight:500;white-space:nowrap;text-align:right;opacity:var(--quick-opacity);background:transparent;box-shadow:none}
.jumbo-buy .jumbo-amount{visibility:hidden}
.token-card:hover .jumbo-buy .jumbo-amount,.token-card:focus-within .jumbo-buy .jumbo-amount{visibility:visible}
.dmc-preview-jumbo{background:color-mix(in srgb,var(--quick-color) 13%,transparent)}.dmc-preview-jumbo .jumbo-amount{visibility:visible}
@media (hover:none){.jumbo-buy{background:color-mix(in srgb,var(--quick-color) 13%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--quick-color) 58%,transparent)}.jumbo-buy .jumbo-amount{visibility:visible}}
.token-card:hover .jumbo-buy{background:color-mix(in srgb,var(--quick-color) 17%,transparent);box-shadow:inset 0 0 0 1.5px var(--quick-color)}
.jumbo-buy:hover{background:color-mix(in srgb,var(--quick-color) 24%,transparent)}
.jumbo-buy:active{transform:scale(.98)}
.jumbo-buy .token-side{gap:3px}
.jumbo-buy .side-row{display:flex}
/* Jumbo fills the card: from the coin's details to the right edge, top to bottom. */
/* Customize › Jumbo width: the button keeps its own size and takes that share of the card's free space (a flex
   spacer takes the rest), so 0% is exactly the compact button and every step of the slider shows. */
@media (min-width:901px){body[data-button-size=jumbo] .token-card{grid-template-columns:auto minmax(0,max-content) minmax(max-content,1fr)}body[data-button-size=jumbo] .token-card{--card-pad-top:11px;--card-pad-bottom:11px}body.dmc-compact[data-button-size=jumbo] .token-card,body[data-button-size=jumbo] .compact .token-card{--card-pad-top:7px;--card-pad-bottom:7px}body[data-button-size=jumbo] .token-jumbo{grid-row:1/-1;align-self:stretch;flex-direction:row;gap:0;margin:calc(-1 * var(--card-pad-top)) -10px calc(-1 * var(--card-pad-bottom)) 6px}body[data-button-size=jumbo] .token-jumbo::before{content:'';flex:var(--jumbo-gap-grow,60) 1 0;min-width:0}body[data-button-size=jumbo] .jumbo-stack{flex:var(--jumbo-grow,40) 0 auto}body[data-button-size=jumbo] .jumbo-buy{border-radius:14px var(--r-card) var(--r-card) 14px;padding:11px 14px 12px}}
.jumbo-stack{flex:1;display:flex;flex-direction:column;gap:5px;min-width:0}
.dmc-preview:has(.dmc-preview-card){flex-wrap:wrap}
.dmc-preview-card{flex:1 1 100%;display:grid;grid-template-columns:auto minmax(0,max-content) minmax(max-content,1fr);align-items:stretch;gap:0 10px;min-height:74px;padding:10px;border-radius:var(--r-card);background:var(--surface-2)}
.dmc-preview-card .pv-art{width:52px;height:52px;border-radius:12px;background:var(--fill-2)}
.dmc-preview-card .pv-main{display:grid;align-content:start;gap:3px;font-size:13px}.dmc-preview-card .pv-main small{color:var(--label-2)}
.dmc-preview-card .pv-jumbo{display:flex;margin:-10px -10px -10px 0}.dmc-preview-card .pv-jumbo .jumbo-buy{border-radius:14px var(--r-card) var(--r-card) 14px}.dmc-preview-card .pv-jumbo::before{content:'';flex:var(--jumbo-gap-grow) 1 0;min-width:0}
.dmc-preview-card .dmc-preview-jumbo{flex:var(--jumbo-grow) 0 auto;min-width:0;min-height:0}
.jumbo-amount{display:inline-flex;align-items:center;gap:4px;font-size:15px;font-weight:720;color:var(--quick-color);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.jumbo-amount svg{width:14px;height:14px}
.dmc-preview-jumbo{flex:none;pointer-events:none;min-width:132px;min-height:66px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--quick-color) 85%,transparent)}
.dmc-card-position{grid-column:2/-1;display:flex;gap:10px;font-size:11px;color:var(--label-2)}
.dmc-card-position b{font-weight:620}
.dmc-mini{grid-column:2/-1;height:26px;width:var(--mini-width);opacity:var(--mini-opacity);pointer-events:none;mask-image:linear-gradient(to right,transparent,#000 var(--mini-fade),#000 calc(100% - var(--mini-fade)),transparent)}
.dmc-mini polyline{fill:none;stroke:var(--green);stroke-width:1.6;vector-effect:non-scaling-stroke}
/* Customize › Column spacing › Compact (27/10/2026): the three columns and the tracker join in one block. */
@media (min-width:901px){
body[data-spacing=compact] .workspace{grid-template-columns:minmax(250px,var(--w-new)) 1px minmax(250px,var(--w-almost)) 1px minmax(250px,var(--w-migrated)) 1px minmax(300px,var(--w-tracker))}
body[data-spacing=compact] .workspace.no-tracker{grid-template-columns:minmax(250px,var(--w-new)) 1px minmax(250px,var(--w-almost)) 1px minmax(250px,var(--w-migrated))}
body[data-spacing=compact] .workspace .col-resizer{background:var(--separator-soft)}
body[data-spacing=compact] .workspace .col-resizer::after{content:'';position:absolute;inset:0 -5px;z-index:2}
body[data-spacing=compact] .workspace>:is(.column,.tracker){border-radius:0;border-left-width:0;border-right-width:0}
body[data-spacing=compact] .workspace>.column[data-stage=new]{border-radius:var(--r-shell) 0 0 var(--r-shell);border-left-width:1px}
body[data-spacing=compact] .workspace.no-tracker>.column[data-stage=migrated],body[data-spacing=compact] .workspace:not(.no-tracker)>.tracker{border-radius:0 var(--r-shell) var(--r-shell) 0;border-right-width:1px}
}
body[data-shadow=regular] .token-card{box-shadow:0 2px 10px -4px var(--shadow-color)}
body[data-shadow=strong] .token-card{box-shadow:0 6px 20px -6px var(--shadow-color)}
body:not(.dmc-borders) .token-card::after{display:none}
.dmc-compact .token-card,.compact .token-card{padding-top:7px;padding-bottom:7px;row-gap:4px}
.dmc-compact .token-avatar,.compact .token-avatar{width:52px;height:52px}
.dmc-compact .token-art,.compact .token-art{width:56px}
.dmc-photo-preview{position:fixed;z-index:60;pointer-events:none;border-radius:22px;padding:6px}
.dmc-photo-preview img{display:block;width:200px;height:200px;object-fit:cover;border-radius:17px}

/* ── Tracker sidebar (GMGN "Wallet" tab) ────────────────────────────────── */
.tracker{min-width:0;min-height:0;border-radius:var(--r-shell);overflow:hidden;display:flex;flex-direction:column}
.tk-head{flex:none;display:flex;align-items:center;gap:6px;padding:10px 10px 6px 12px}
.tk-tabs{display:flex;gap:2px;padding:2px;border-radius:var(--r-pill);background:var(--fill-1);margin-right:auto}
/* Tracker networks (GMGN style): overlapping logos + count, a menu to pick networks one by one, all, or linked to the top switch. */
.tk-chains{position:relative;flex:none}
.tk-chain-button{display:flex;align-items:center;gap:5px;height:30px;padding:0 9px 0 6px;border-radius:var(--r-pill);background:var(--fill-1);font-size:11.5px}
.tk-chain-button:hover,.tk-chain-button.open{background:var(--fill-2)}
.tk-chain-logos{display:flex}
.tk-chain-logos img{width:16px;height:16px;border-radius:50%;box-shadow:0 0 0 1.5px var(--surface-solid)}
.tk-chain-logos img+img{margin-left:-6px}
.tk-chain-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:40;min-width:170px;padding:6px;border-radius:14px;background:var(--surface-solid);box-shadow:0 12px 30px -10px var(--shadow-color),0 0 0 1px var(--separator-soft);display:grid;gap:2px}
.tk-chain-menu label{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:9px;font-size:12.5px;cursor:pointer}
.tk-chain-menu label:hover{background:var(--fill-1)}
.tk-chain-menu label.dim{opacity:.5}
.tk-chain-menu img{width:16px;height:16px;border-radius:50%}
.tk-chain-link{border-top:1px solid var(--separator-soft);margin-top:4px;padding-top:8px!important;border-radius:0 0 9px 9px!important}
.wt-chain-logo,.coin-logo{width:12px;height:12px;object-fit:contain;vertical-align:-1px;margin-left:2px;flex:none}
button .coin-logo{width:13px;height:13px;margin-left:1px}
.tk-tabs button{background:transparent;padding:5px 11px;font-size:12px;color:var(--label-2)}
.tk-tabs button b{font-weight:650;color:var(--label);margin-left:3px;font-variant-numeric:tabular-nums}
.tk-tabs button.active{background:var(--surface-2);color:var(--label);box-shadow:0 1px 3px var(--shadow-color)}
.tk-toolbar{flex:none;display:flex;align-items:center;gap:6px;padding:4px 10px 8px}
.tk-toolbar select{height:30px;padding:0 26px 0 10px;font-size:12px;border-radius:var(--r-pill);max-width:110px}
.tk-search{flex:1;min-width:80px;display:flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:var(--r-pill);background:var(--fill-1);color:var(--label-3)}
.tk-search svg{width:13px;height:13px}
.tk-search input{flex:1;background:none;border:0;padding:0;font-size:12px}
.tk-search input:focus{box-shadow:none;background:none}
.tk-toolbar>button{height:30px;padding:0 11px;font-size:12px}
.tk-alerts{display:flex;gap:0}
.tk-alerts .icon-button{width:28px;height:28px}
.tk-alerts .icon-button.on{color:var(--accent-text)}
.tk-body{flex:1;min-height:0;overflow:auto}
.tk-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12.5px;table-layout:fixed}
.tk-table th{position:sticky;top:0;z-index:1;background:var(--th-bg);text-align:left;font-size:11px;font-weight:560;color:var(--label-3);padding:7px 8px;border-bottom:1px solid var(--separator-soft);white-space:nowrap;user-select:none}
.tk-table th.sortable{cursor:pointer}
.tk-table th.sortable:hover{color:var(--label)}
.tk-table td{padding:8px;border-bottom:1px solid var(--separator-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.tk-table tr:hover td{background:var(--row-hover)}
.tk-table .tracked-age{color:var(--label-2);font-weight:600}
.tk-table .tracked-age.old{color:var(--red-text)}
.tk-wallet{display:flex;align-items:center;gap:7px;min-width:0}
.tk-wallet .wt-avatar{width:24px;height:24px;font-size:15px}
.tk-wallet .name{flex:0 1 auto;min-width:0;font-weight:650;color:var(--yellow-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
.tk-table tr:not(:hover) .tk-wallet button{opacity:0}
.tk-wallet button{background:none;padding:0;color:var(--label-3);display:inline-flex;flex:none}
.tk-wallet button svg{width:12px;height:12px;margin:0}
.tk-wallet button:hover{color:var(--label);background:none}
.tk-balance{display:inline-flex;align-items:center;gap:4px}
.tk-balance img{width:12px;height:12px;border-radius:50%}
.tk-actions{display:flex;justify-content:flex-end;gap:0}
.tk-actions button{width:24px;height:24px;padding:0;display:inline-grid;place-items:center;background:none;color:var(--label-3)}
.tk-actions button svg{width:13px;height:13px;margin:0}
.tk-actions button:hover{color:var(--label);background:var(--fill-1)}
.tk-actions button.on{color:var(--accent-text)}
.tk-actions button.heart{color:var(--pink)}
.tk-remove-all{background:none;padding:0;font-size:11px;color:var(--label-3);display:inline-flex;align-items:center;gap:3px}
.tk-remove-all:hover{color:var(--red-text);background:none}
.tk-remove-all svg{width:12px;height:12px;margin:0}
.tk-empty{padding:26px 16px;text-align:center;color:var(--label-2);font-size:12px;line-height:1.6}
.tk-empty button{margin-top:10px}

/* ── Footer ─────────────────────────────────────────────────────────────── */
.footbar{position:fixed;left:12px;right:12px;bottom:8px;height:32px;border-radius:var(--r-pill);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 6px 0 10px;font-size:12px;z-index:15}
.footbar>div{display:flex;align-items:center;gap:4px;min-width:0}
.foot-links{overflow:hidden}
.footbar button{background:none;padding:4px 9px;font-size:12px;font-weight:560;color:var(--label-2)}
.footbar button:hover{background:var(--fill-1);color:var(--label)}
.footbar button svg{width:13px;height:13px}
.foot-status{gap:10px!important;white-space:nowrap}
.foot-price{display:inline-flex;align-items:center;gap:5px;font-variant-numeric:tabular-nums}
.foot-price img{border-radius:50%}
.foot-price b{font-weight:650;color:var(--green-text)}#bnb-price b{color:var(--yellow-text)}#eth-price b{color:var(--accent-text)}
#total-tokens{font-variant-numeric:tabular-nums}
#connection-chip{display:inline-flex;align-items:center;gap:6px;color:var(--green-text);background:color-mix(in srgb,var(--green) 13%,transparent);padding:3px 10px 3px 8px;font-size:11px;font-weight:650}
#connection-chip i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 25%,transparent)}
#connection-chip.delayed{color:var(--yellow-text);background:color-mix(in srgb,var(--yellow) 15%,transparent)}
#connection-banner{position:fixed;top:78px;left:50%;transform:translateX(-50%);z-index:30;font-size:12px;border-radius:var(--r-pill);padding:8px 16px;background:color-mix(in srgb,var(--yellow) 18%,var(--glass-strong));color:var(--yellow-text);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}

/* ── Pages ──────────────────────────────────────────────────────────────── */
.content-view{height:100%;overflow:auto;padding:18px 24px 40px}
.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:4px 0 20px}
.page-heading h1{font-size:30px;letter-spacing:-.028em}
.page-heading p{font-size:13px;margin:6px 0 0;color:var(--label-2);max-width:720px}
.page-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.surface{background:var(--panel);border:1px solid var(--glass-edge);box-shadow:inset 0 1px 0 var(--glass-hi),0 10px 40px -16px var(--glass-shadow);border-radius:var(--r-shell);padding:18px;margin-bottom:16px}
.surface>h2{margin-bottom:12px}
.table-wrap{overflow:auto;border-radius:var(--r-card)}
.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums}
.data-table th{position:sticky;top:0;z-index:1;text-align:left;font-weight:560;color:var(--label-3);padding:10px 12px;border-bottom:1px solid var(--separator);font-size:11.5px;background:var(--th-bg)}
.data-table td{padding:11px 12px;border-bottom:1px solid var(--separator-soft)}
.data-table tbody tr{transition:background-color .12s}
.data-table tbody tr:hover{background:var(--row-hover)}
.data-table .coin-cell{display:flex;align-items:center;gap:10px;cursor:pointer}
.data-table .coin-cell strong{display:block;font-weight:650}
.data-table .coin-cell small{display:block;color:var(--label-2);font-size:11.5px;margin-top:2px}
.data-table td button{padding:5px 10px;font-size:12px}
.data-table.small td,.data-table.small th{padding:8px;font-size:12px}
th .col-grip{position:absolute;top:0;right:-3px;width:7px;height:100%;cursor:col-resize;z-index:2}
th .col-grip::after{content:'';position:absolute;top:25%;bottom:25%;left:3px;width:1px;background:var(--separator)}
th .col-grip:hover::after,th .col-grip.dragging::after{background:var(--accent);width:2px}
.data-table th,.terminal-grid th,.tk-table th,.wt-positions th{position:sticky}
.activity-avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:var(--fill-1);overflow:hidden;flex:none;font-size:11px;font-weight:650;color:var(--label-3)}
.activity-avatar img{width:100%;height:100%;object-fit:cover}
.activity-avatar.coin-av{background:#000}
.coin-black{display:block;width:100%;height:100%;background:#000;border-radius:inherit}
.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.metric{padding:16px 18px;border-radius:var(--r-shell);background:var(--panel);border:1px solid var(--glass-edge);box-shadow:inset 0 1px 0 var(--glass-hi)}
.metric small{display:block;color:var(--label-2);font-size:12px;margin-bottom:10px}
.metric strong{font:700 26px/1.1 var(--font-display);letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.metric span{display:block;color:var(--label-2);font-size:12px;margin-top:6px}
.two-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.inline-form{display:flex;align-items:center;gap:8px;margin:14px 0}
.inline-form input{flex:1;width:100px}
.inline-form select{max-width:150px}
.wallet-row{display:flex;justify-content:space-between;align-items:center;gap:10px;border-radius:var(--r-card);padding:12px 14px;margin:8px 0;background:var(--fill-1)}
.wallet-row small{display:block;color:var(--label-2);margin-top:3px;font-size:12px}
.wallet-row.active{box-shadow:inset 0 0 0 1.5px var(--accent)}
.address-line{font-variant-numeric:tabular-nums;word-break:break-all;color:var(--label-2);font-size:12px}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.feature-card{border-radius:var(--r-shell);padding:16px 18px;background:var(--glass);border:1px solid var(--glass-edge);box-shadow:inset 0 1px 0 var(--glass-hi)}
.feature-card h3{margin:10px 0 6px;font-size:14px}
.feature-card p{color:var(--label-2);font-size:12.5px}
.feature-card a{font-size:12px}
.status-tag{display:inline-flex;font-size:11px;font-weight:650;border-radius:var(--r-pill);padding:3px 9px;color:var(--green-text);background:color-mix(in srgb,var(--green) 14%,transparent)}
.status-tag.external{color:var(--yellow-text);background:color-mix(in srgb,var(--yellow) 16%,transparent)}
.price-chart{height:220px;border-radius:var(--r-card);background:var(--fill-1);overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--label-2);font-size:13px}
.price-chart svg{width:100%;height:100%}
.scanner-form textarea{min-height:110px}
.lb-rank{font:700 13px/1 var(--font-display);color:var(--label-3);width:28px;display:inline-block}
.lb-rank.top{color:var(--yellow-text)}
.lb-wallet{display:flex;align-items:center;gap:8px}
.lb-wallet .dot{width:26px;height:26px;border-radius:50%;flex:none}
.winrate{display:inline-flex;align-items:center;gap:6px}
.winrate i{display:block;width:42px;height:5px;border-radius:5px;background:var(--fill-2);overflow:hidden}
.winrate i b{display:block;height:100%;background:var(--green)}
.rewards-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px;margin-bottom:16px}
.tier-card{border-radius:var(--r-shell);padding:22px;min-height:190px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:linear-gradient(145deg,var(--tier-a),var(--tier-b));box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 20px 50px -20px var(--tier-b);position:relative;overflow:hidden}
.tier-card::before{content:'';position:absolute;inset:0;background:linear-gradient(160deg,rgba(255,255,255,.35),rgba(255,255,255,0) 45%)}
.tier-card>*{position:relative}
.tier-card small{opacity:.8;font-size:12px}
.tier-card .tier-name{font:750 34px/1 var(--font-display);letter-spacing:-.03em}
.tier-card .points{font:650 15px/1.2 var(--font);font-variant-numeric:tabular-nums}
.tier-progress{height:8px;border-radius:8px;background:rgba(255,255,255,.28);overflow:hidden;margin-top:10px}
.tier-progress b{display:block;height:100%;background:#fff;border-radius:8px}
.tier-ladder{display:grid;gap:8px}
.tier-ladder .step{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-card);background:var(--fill-1)}
.tier-ladder .step i{width:26px;height:26px;border-radius:50%;background:linear-gradient(145deg,var(--tier-a),var(--tier-b));flex:none}
.tier-ladder .step span{margin-left:auto;color:var(--label-2);font-variant-numeric:tabular-nums}
.tier-ladder .step.current{box-shadow:inset 0 0 0 1.5px var(--accent)}

/* ── Dialogs and sheets ─────────────────────────────────────────────────── */
dialog{color:var(--label);border:1px solid var(--glass-edge);border-radius:28px;padding:22px;width:560px;max-width:calc(100vw - 24px);max-height:90dvh;overflow:auto;background:var(--glass-strong);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:inset 0 1px 0 var(--glass-hi),0 30px 90px -20px var(--shadow-color)}
dialog[open]{animation:sheet-in .18s ease-out}
dialog::backdrop{background:var(--overlay)}
@keyframes sheet-in{from{opacity:0}}
.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}
.dialog-heading h2{font-size:21px;letter-spacing:-.02em}
.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
.field{display:flex;flex-direction:column;gap:7px;margin:14px 0;color:var(--label-2);font-size:12.5px}
details{font-size:12.5px;color:var(--label-2);line-height:1.55}
summary{cursor:pointer;font-weight:560}
.dmc-preferences{width:min(500px,calc(100vw - 20px))!important}
.dmc-dialog{width:min(620px,calc(100vw - 20px));padding:0!important;display:flex;flex-direction:column}
.dmc-dialog form{display:flex;flex-direction:column;max-height:88dvh;min-height:0}
.dmc-dialog-head,.dmc-dialog-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;gap:14px;flex-shrink:0}
.dmc-dialog-head strong{font:650 18px/1.2 var(--font-display);letter-spacing:-.02em}
.dmc-dialog-head small{display:block;font-size:12px;color:var(--label-2);margin-top:3px}
.dmc-dialog-head button{width:30px;height:30px;padding:0;font-size:18px;background:var(--fill-1);color:var(--label-2)}
.dmc-tabs{display:flex;gap:2px;padding:3px;margin:0 20px 6px;border-radius:var(--r-pill);background:var(--fill-1);flex-shrink:0;overflow:auto}
.dmc-tabs button{flex:1;background:transparent;font-size:12.5px;color:var(--label-2);padding:6px 12px}
.dmc-tabs button.active{background:var(--surface-2);color:var(--label);box-shadow:0 1px 3px var(--shadow-color)}
.dmc-dialog-body{overflow:auto;padding:10px 20px 18px;min-height:0;overscroll-behavior:contain}
.dmc-dialog-footer{border-top:1px solid var(--separator-soft);font-size:12px}
.dmc-dialog-footer button{padding:9px 20px}
.dmc-dialog h3{font-size:13px;margin:20px 0 10px;color:var(--label)}
.dmc-dialog h3:first-child{margin-top:4px}
.dmc-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:6px 0;font-size:13px;border-bottom:1px solid var(--separator-soft)}
.dmc-row>span{flex:1;color:var(--label)}
.dmc-row>span small{display:block;font-size:11.5px;color:var(--label-2);line-height:1.45}
.dmc-row>div{display:flex;align-items:center;justify-content:flex-end;gap:7px;max-width:64%}
.dmc-row select,.dmc-row input[type=number]{max-width:210px;padding:7px 28px 7px 10px;font-size:12.5px}
.dmc-row input[type=number]{width:90px;padding-right:8px}
.dmc-row input[type=range]{width:140px}
.dmc-row output{font-size:12px;color:var(--label-2);min-width:36px;font-variant-numeric:tabular-nums}
.dmc-number-label{font-size:11px;color:var(--label-2)}
.dmc-number-label input{display:block;margin-top:3px;width:78px!important}
.dmc-chips{display:flex;flex-wrap:wrap;gap:6px}
.dmc-chips label,.dmc-chips button{display:inline-flex;align-items:center;gap:6px;border-radius:9px;padding:6px 10px;font-size:12px;font-weight:560;background:var(--fill-1);color:var(--label);cursor:pointer;border:1px solid transparent;transition:background-color .15s,border-color .15s}
.dmc-chips label:hover,.dmc-chips button:hover{background:var(--fill-2)}
.dmc-chips label:has(input:checked),.dmc-chips button.active{background:color-mix(in srgb,var(--accent) 14%,transparent);border-color:color-mix(in srgb,var(--accent) 45%,transparent);color:var(--accent-text)}
.dmc-chips label input{position:absolute;opacity:0;pointer-events:none;width:0;height:0}
.dmc-chips label.unavailable{opacity:.45;cursor:not-allowed}
.data-chips{gap:7px}
.data-chips label{padding:7px 11px}
.dmc-toolbar-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 0 10px}
.dmc-preview{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:var(--r-card);background:var(--fill-1);margin:6px 0 12px}
.dmc-preview>span{font-weight:700}
.dmc-preview small{display:block;font-weight:400;color:var(--label-2);font-size:11.5px;margin-top:3px}
.dmc-preview-buy{color:#fff;pointer-events:none}
.dmc-color-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.dmc-color-grid label{font-size:11.5px;color:var(--label-2);padding:8px;background:var(--fill-1);border-radius:12px;display:flex;flex-direction:column;gap:5px}
.dmc-color-grid input[type=number]{width:100%;padding:5px 7px;font-size:12px}
.dmc-color-grid input[type=color]{width:100%;height:22px}
.dmc-external{margin-top:18px;padding-top:12px;border-top:1px solid var(--separator-soft)}
.dmc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dmc-grid>label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--label-2);min-width:0}
.dmc-dialog input[type=text],.dmc-dialog textarea{width:100%}
.dmc-filter-dialog fieldset{border:0;border-top:1px solid var(--separator-soft);padding:14px 0 6px;margin:14px 0 0}
.dmc-filter-dialog legend{font-weight:650;font-size:13px;padding-right:10px;color:var(--label)}
.dmc-filter-dialog .dmc-filter-ranges input{width:92px}
.dmc-filter-dialog .dmc-filter-ranges small{min-width:28px;font-size:11px;color:var(--label-3)}
.dmc-filter-dialog .dmc-filter-ranges .dmc-row>span{min-width:130px}
.dmc-filter-dialog>.dmc-row{padding:4px 20px;flex-shrink:0}
.lp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.lp-chip{position:relative;display:flex;align-items:center;gap:8px;height:36px;padding:0 10px 0 6px;border-radius:12px;font-size:12.5px;font-weight:620;cursor:pointer;background:var(--fill-1);border:1.5px solid transparent;color:var(--label-2);transition:background-color .15s,border-color .15s,color .15s,transform .15s var(--spring)}
.lp-chip:hover{background:var(--fill-2)}
.lp-chip:active{transform:scale(.97)}
.lp-chip input{position:absolute;opacity:0;pointer-events:none}
.lp-chip img,.lp-chip .lp-dot{width:22px;height:22px;border-radius:50%;flex:none;object-fit:cover}
.lp-chip:has(input:checked){color:var(--label);border-color:var(--lp-color);background:color-mix(in srgb,var(--lp-color) 12%,transparent)}
.lp-chip.unavailable{opacity:.4;cursor:not-allowed}
.lp-chip .count{margin-left:auto;font-size:10.5px;color:var(--label-3);font-variant-numeric:tabular-nums}
.lp-dot{display:grid;place-items:center;font:750 9px/1 var(--font);color:#fff;background:var(--lp-color)}
.lp-logo{width:16px;height:16px;border-radius:50%;object-fit:cover;vertical-align:-3px;flex:none}
.lp-dot.lp-inline,.data-table .lp-dot{display:inline-grid;width:16px;height:16px;border-radius:50%;font-size:7px;vertical-align:-3px}

/* Add / edit wallet (GMGN-style sheet with emoji and photo) */
.add-wallet{width:min(420px,calc(100vw - 24px))}
.wallet-transfer{width:min(640px,calc(100vw - 24px))}
.wallet-transfer form{display:flex;flex-direction:column;gap:10px}
.wallet-transfer .hint{margin:0}
.wallet-transfer textarea{width:100%;height:min(46dvh,420px);resize:vertical;padding:12px 14px;border-radius:16px;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre;overflow:auto}
.wx-foot{display:flex;align-items:center;gap:8px}
.wx-foot .wx-count{margin-right:auto}
.wx-file{display:inline-flex;align-items:center;padding:7px 13px;border-radius:var(--r-pill);background:var(--fill-1);font-weight:560;cursor:pointer}
.wx-file:hover{background:var(--fill-2)}
.add-wallet form{display:flex;flex-direction:column;gap:12px}
.add-wallet .aw-row{display:flex;align-items:center;gap:8px}
.add-wallet input{width:100%;height:44px}
.aw-face{position:relative;flex:none;width:44px;height:44px;padding:0;border-radius:14px;display:grid;place-items:center;font-size:22px;background:var(--fill-1);overflow:hidden}
.aw-face img{width:100%;height:100%;object-fit:cover}
.aw-face .aw-edit{position:absolute;right:2px;bottom:2px;width:14px;height:14px;border-radius:50%;background:var(--accent);display:grid;place-items:center}
.aw-face .aw-edit svg{width:9px;height:9px;color:#fff;margin:0}
.aw-picker{border-radius:18px;background:var(--fill-1);padding:10px}
.aw-picker .aw-emojis{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;max-height:168px;overflow:auto}
.aw-picker .aw-emojis button{background:none;padding:4px 0;font-size:20px;border-radius:10px}
.aw-picker .aw-emojis button:hover{background:var(--fill-2)}
.aw-picker .aw-photo{display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--separator-soft)}
.aw-picker .aw-photo label{display:inline-flex;align-items:center;gap:6px;cursor:pointer;background:var(--fill-2);border-radius:var(--r-pill);padding:7px 12px;font-size:12px;font-weight:600}
.aw-picker .aw-photo input{display:none}
.add-wallet .primary{height:46px;font-size:15px}
.add-wallet .hint{margin:0}

/* ── Wallet Tracker page ────────────────────────────────────────────────── */
.dmc-wallet-tracker{min-width:0}
.wt-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px}
.wt-heading h2{font:700 30px/1.1 var(--font-display);letter-spacing:-.028em;margin:0 0 6px}
.wt-heading p{margin:0;color:var(--label-2)}
.wt-heading>div:last-child{display:flex;gap:8px}
.wt-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.wt-toolbar label{display:flex;align-items:center;gap:7px;color:var(--label-2);font-size:12px}
.wt-toolbar select{max-width:180px;padding:7px 28px 7px 10px}
.wt-tabs{display:flex;gap:2px;padding:3px;border-radius:var(--r-pill);background:var(--fill-1);margin-right:auto}
.wt-tabs button{background:transparent;color:var(--label-2);padding:6px 13px}
.wt-tabs button.active{background:var(--surface-2);color:var(--label);box-shadow:0 1px 3px var(--shadow-color)}
.wt-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:12px 0}
.wt-summary>div{padding:14px 16px;border-radius:var(--r-card);background:var(--glass);border:1px solid var(--glass-edge);display:flex;flex-direction:column;gap:6px;min-width:0}
.wt-summary span{font-size:11.5px;color:var(--label-2)}
.wt-summary strong{font:700 20px/1.1 var(--font-display);letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.wt-positive{color:var(--green-text)!important}
.wt-negative{color:var(--red-text)!important}
.wt-coverage,.wt-hint{font-size:11.5px;color:var(--label-2);line-height:1.5}
.wt-filters{padding:14px 16px;border-radius:var(--r-card);background:var(--fill-1);margin:10px 0}
.wt-filter-kinds{display:flex;gap:14px;flex-wrap:wrap;margin:10px 0}
.wt-filters p{font-size:11.5px;color:var(--label-2)}
.wt-unavailable{border-top:1px solid var(--separator-soft);padding-top:12px;margin-top:12px}
.wt-unavailable>div{display:flex;gap:10px 18px;flex-wrap:wrap;margin-top:10px;color:var(--label-3)}
.wt-block{display:flex;align-items:center;gap:8px;margin:12px 0 8px}
.wt-filters textarea{width:100%;resize:vertical}
.wt-empty{text-align:center;padding:40px 16px;color:var(--label-2);border-radius:var(--r-shell);background:var(--glass);border:1px solid var(--glass-edge);line-height:1.6}
.wt-empty strong{font:650 17px/1.3 var(--font-display);color:var(--label)}
.wt-empty button{margin-top:10px}
.wt-feed{border-radius:var(--r-shell);overflow:hidden;background:var(--glass);border:1px solid var(--glass-edge)}
.wt-feed-head,.wt-trade{display:grid;grid-template-columns:52px minmax(120px,1.2fr) minmax(140px,1.5fr) minmax(120px,1fr) minmax(90px,1fr) minmax(90px,1fr);gap:10px;align-items:center;padding:10px 14px}
.wt-feed-head{color:var(--label-3);font-size:11px;font-weight:560;border-bottom:1px solid var(--separator);position:sticky;top:0;background:var(--glass-strong);z-index:1}
.wt-feed-head>span:nth-child(n+4){text-align:right}
.wt-trade{min-height:56px;border-bottom:1px solid var(--separator-soft);font-size:12.5px}
.wt-trade:last-child{border-bottom:0}
.wt-trade:hover{background:var(--row-hover)}
.wt-trade.wt-buy{box-shadow:inset 3px 0 0 color-mix(in srgb,var(--green) 70%,transparent)}
.wt-trade.wt-sell{box-shadow:inset 3px 0 0 color-mix(in srgb,var(--red) 70%,transparent)}
.wt-time{color:var(--label-2);font-size:11px;font-variant-numeric:tabular-nums}
.wt-wallet,.wt-token{display:flex;align-items:center;gap:8px;background:none!important;padding:0!important;border-radius:0!important;min-width:0;text-align:left;font-weight:600}
.wt-wallet>span:last-child,.wt-token>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.wt-buy .wt-wallet{color:var(--green-text)}
.wt-sell .wt-wallet{color:var(--red-text)}
.wt-avatar{width:26px;height:26px;border-radius:50%;object-fit:cover;display:inline-flex;align-items:center;justify-content:center;background:var(--fill-1);flex-shrink:0;font-size:16px;overflow:hidden}
.wt-token>img,.wt-token>span:first-child:not(:last-child){width:28px;height:28px;border-radius:8px;object-fit:cover;background:var(--fill-1);display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0}
.wt-token small{display:block;font-size:11px;color:var(--label-2);font-weight:500;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.wt-amount,.wt-mc,.wt-price{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;min-width:0}
.wt-amount b{font-weight:620}
.wt-amount>small{display:block;margin-top:2px;color:var(--label-2);font-size:11px}
.wt-buy .wt-amount b{color:var(--green-text)}
.wt-sell .wt-amount b{color:var(--red-text)}
.wt-price{color:var(--label-2);font-size:12px}
.wt-positions-scroll{overflow-x:auto;border-radius:var(--r-card);background:var(--glass);border:1px solid var(--glass-edge)}
.wt-positions{border-collapse:collapse;width:100%;white-space:nowrap;font-variant-numeric:tabular-nums}
.wt-positions th{color:var(--label-3);text-align:left;font-size:11.5px;font-weight:560;background:var(--glass-strong)}
.wt-positions td,.wt-positions th{padding:11px 14px;border-bottom:1px solid var(--separator-soft)}
.wt-positions small{display:block;color:var(--label-2);font-size:11px;margin-top:4px}
.wt-position-token{padding:0!important;background:none!important;color:var(--accent-text)!important}
.wt-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin:14px 0;color:var(--label-2)}
.wt-feed-compact{border:0;border-radius:0;background:transparent}
.wt-feed-compact .wt-feed-head,.wt-feed-compact .wt-trade{grid-template-columns:30px minmax(0,.9fr) minmax(0,1fr) minmax(0,.8fr) 58px;gap:6px;padding:8px 10px}
.wt-feed-compact .wt-trade{min-height:44px;font-size:11.5px}
.wt-feed-compact .wt-avatar{width:20px;height:20px;font-size:12px}
.wt-feed-compact .wt-token>img,.wt-feed-compact .wt-token>span:first-child:not(:last-child){width:20px;height:20px;border-radius:6px}
.wt-feed-compact .wt-token small{display:none}
.wt-feed-compact .wt-feed-head{font-size:10px}
.wt-feed-compact .wt-amount small{font-size:9px}
#content-view:has(.dmc-wallet-tracker) #content-heading{display:none}

/* ── Toast ──────────────────────────────────────────────────────────────── */
:where(#toast){position:fixed;bottom:54px;left:50%;transform:translate(-50%,14px) scale(.96);max-width:min(560px,90vw);border-radius:var(--r-pill);padding:11px 20px;opacity:0;pointer-events:none;z-index:100;font-size:13px;font-weight:560;color:var(--label);background:var(--glass-strong);-webkit-backdrop-filter:blur(30px) saturate(190%);backdrop-filter:blur(30px) saturate(190%);border:1px solid var(--glass-edge);box-shadow:inset 0 1px 0 var(--glass-hi),0 16px 40px -10px var(--shadow-color);transition:opacity .2s,transform .35s var(--spring)}
#toast.visible{opacity:1;transform:translate(-50%,0) scale(1)}

/* ── Responsive ─────────────────────────────────────────────────────────── */
@media (max-width:1400px){.topbar{grid-template-columns:max-content minmax(220px,1fr) max-content}.brand span{display:none}}
@media (max-width:1180px){
 .main-nav button{padding:7px 10px;font-size:12.5px}
 .lang-switch{display:none}
 .workspace:not(.no-tracker){grid-template-columns:minmax(230px,var(--w-new)) 10px minmax(230px,var(--w-almost)) 10px minmax(230px,var(--w-migrated)) 10px minmax(280px,var(--w-tracker))}
 .feature-grid,.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
 body{overflow:auto}
 .topbar{grid-template-columns:1fr auto;grid-template-rows:auto auto;height:auto;padding:8px;gap:8px;border-radius:24px}
 .topbar-left{grid-column:1/-1;order:2;overflow:hidden}
 .global-search{grid-column:1;order:1;height:40px;min-width:0}
 .topbar-right{order:1;min-width:max-content}
 #main{height:calc(100dvh - 128px - 44px)}
 .board-toolbar{padding:0 12px;height:50px}
 .board-tools>button:not(.icon-button){font-size:0;padding:0;width:34px;height:34px;justify-content:center}
 .board-tools>button:not(.icon-button) svg{margin:0}
 .workspace,.workspace.no-tracker,.workspace:not(.no-tracker){display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:0 8px 8px;scrollbar-width:none}
 .workspace>.column,.workspace>.tracker{min-width:calc(100vw - 30px);scroll-snap-align:center}
 .col-resizer{display:none}
 .two-panels,.feature-grid,.rewards-hero{grid-template-columns:1fr}
 .metrics-grid{grid-template-columns:1fr 1fr;gap:8px}
 .content-view{padding:14px 12px 60px}
 .page-heading{flex-wrap:wrap;align-items:flex-start}
 .page-heading h1{font-size:24px}
 .foot-links{display:none!important}
 .lp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .wt-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
 .wt-feed-head,.wt-trade{grid-template-columns:40px minmax(90px,1fr) minmax(100px,1.2fr) minmax(90px,1fr) 80px;gap:8px;padding:9px 10px}
 .wt-feed-head>span:last-child,.wt-price{display:none}
}
@media (max-width:520px){
 .topbar-right>.icon-button{display:none} /* theme and settings stay reachable in Customize */
 .token-card{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"art main" "side side" "pills pills" "action action"}
 .token-side{flex-direction:row;flex-wrap:wrap;align-items:baseline;justify-content:flex-start;gap:10px}
 .token-action{justify-content:flex-end}
 .token-jumbo{grid-column:1/-1;grid-row:auto}
 .jumbo-buy{flex-direction:row;align-items:center}
 .dmc-row{flex-wrap:wrap}
 .dmc-row>div{max-width:100%}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* ── Performance mode (Customize › Display): plain surfaces, no blur, glass, wallpaper or motion ── */
html[data-perf=on] *,html[data-perf=on] *::before,html[data-perf=on] *::after{animation:none!important;transition:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
/* Settings › Animations off: nothing moves or fades; everything else looks the same. */
html[data-motion=off] *,html[data-motion=off] *::before,html[data-motion=off] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html[data-perf=on] .wallpaper{display:none}
html[data-perf=on] .glass::before{display:none}
html[data-perf=on] :is(.glass,dialog,#toast,.search-panel,.card-tools,.dmc-photo-preview){background:var(--surface-solid)!important;box-shadow:0 0 0 1px var(--separator-soft),0 8px 24px -12px var(--shadow-color)!important}
html[data-perf=on] dialog::backdrop{background:var(--overlay)}

/* ── Profile ───────────────────────────────────────────────────────────── */
.profile-button{width:36px;height:36px;padding:0;border-radius:50%;background:none;display:grid;place-items:center;flex:none}
.profile-button:hover{background:none;box-shadow:0 0 0 2px var(--fill-2)}
.profile-face{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--accent),var(--indigo));color:#fff;font:650 14px/1 var(--font-display);flex:none}
.profile-face img{width:100%;height:100%;object-fit:cover}
.profile-face svg{width:17px;height:17px}
.profile-face.small{width:28px;height:28px;font-size:12px}
.profile-face.big{width:96px;height:96px;font-size:38px}
.profile-face.big svg{width:40px;height:40px}
.profile-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px;margin-bottom:16px}
.profile-layout .surface{margin-bottom:0}
.profile-side{display:flex;flex-direction:column;gap:16px}
.profile-top{display:flex;align-items:center;gap:18px}
.profile-photo{position:relative;cursor:pointer;flex:none;border-radius:50%}
.profile-photo .photo-edit{position:absolute;right:2px;bottom:2px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;box-shadow:0 0 0 3px var(--surface-solid)}
.profile-photo .photo-edit svg{width:14px;height:14px}
.profile-id{min-width:0;display:flex;flex-direction:column;gap:4px}
.profile-id h2{font-size:24px;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.profile-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.tier-chip,.x-chip,.state-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--r-pill);font-size:12px;font-weight:600;background:var(--fill-1);color:var(--label-2)}
.tier-chip{background:linear-gradient(135deg,color-mix(in srgb,var(--tier-a) 30%,transparent),color-mix(in srgb,var(--tier-b) 30%,transparent));color:var(--label)}
.x-chip{color:var(--label)}
.x-chip:hover{text-decoration:none;background:var(--fill-2)}
.state-chip.on{background:color-mix(in srgb,var(--green) 16%,transparent);color:var(--green-text)}
.tier-chip svg,.x-chip svg,.state-chip svg{width:13px;height:13px}
.profile-edit{margin-left:auto}
.photo-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 4px}
.profile-form{display:flex;flex-direction:column;gap:12px;margin-top:12px}
.profile-form label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:12.5px;color:var(--label-2)}
.profile-form input,.profile-form textarea{width:100%;font-weight:500;color:var(--label)}
.profile-form textarea{resize:vertical;min-height:70px}
.profile-form small{font-weight:500;color:var(--label-3)}
.profile-form .primary{align-self:flex-start}
.at-input{display:flex;align-items:center;border-radius:var(--r-control);background:var(--fill-1)}
.at-input b{padding-left:12px;color:var(--label-3)}
.at-input input{background:none!important;padding-left:4px}
.notice{display:flex;align-items:center;gap:10px;margin-top:12px;padding:11px 13px;border-radius:14px;background:color-mix(in srgb,var(--yellow) 12%,transparent);color:var(--label);font-size:12.5px}
.notice svg{color:var(--yellow-text);flex:none}
.share-row{display:flex;gap:8px;margin-top:12px}
.share-row input{flex:1;font-size:12px;color:var(--label-2)}
.x-account{display:flex;align-items:center;gap:12px;margin-bottom:6px}
.x-account img{width:40px;height:40px;border-radius:50%}
.x-account div{display:flex;flex-direction:column}
.x-connect{display:inline-flex;align-items:center;gap:8px;background:var(--label);color:var(--bg);padding:9px 18px}
.x-connect:hover{background:var(--label-2)}
.x-connect:disabled{opacity:.45;cursor:not-allowed}
.danger-soft{color:var(--red-text);background:color-mix(in srgb,var(--red) 10%,transparent);margin-top:6px}
.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.section-head h2{margin:0}
.profile-metrics{grid-template-columns:repeat(3,minmax(0,1fr));margin:0}
.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.achievement{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:14px;background:var(--fill-1);opacity:.55}
.achievement.done{opacity:1;background:color-mix(in srgb,var(--green) 10%,var(--fill-1))}
.achievement>div{display:flex;flex-direction:column;min-width:0;flex:1}
.achievement small{color:var(--label-2);font-size:11.5px}
.achievement-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--fill-2);color:var(--label-2);flex:none}
.achievement.done .achievement-icon{background:color-mix(in srgb,var(--green) 22%,transparent);color:var(--green-text)}
.achievement>svg{color:var(--green-text)}
.profile-bio{margin:14px 0 0;color:var(--label-2);max-width:70ch}
.lb-name{display:flex;flex-direction:column;min-width:0}
.lb-name small{color:var(--label-3);display:inline-flex;align-items:center;gap:4px}
.lb-name small svg{width:11px;height:11px}
.lb-trader{cursor:pointer}
.lb-trader.mine td{background:color-mix(in srgb,var(--accent) 8%,transparent)}
/* Streamer mode (Profile › Settings): your own money is blurred on screen. */
html[data-streamer=on] :is(.private,#wallet-balance,#token-wallet-balance,#token-position-summary strong,.dmc-card-position b,#wallet-dialog strong){filter:blur(7px);user-select:none}
@media (max-width:900px){.profile-layout{grid-template-columns:1fr}.profile-metrics{grid-template-columns:1fr 1fr}.profile-face.big{width:76px;height:76px}}

/* ── Portfolio: Holding · History · PnL calendar ─────────────────────────── */
.portfolio-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.25fr);gap:16px;margin-bottom:16px;align-items:start}
.portfolio-grid .surface{margin-bottom:0;min-width:0}
.pf-list{display:flex;flex-direction:column;max-height:520px;overflow:auto;margin:0 -8px}
.pf-row{display:flex;align-items:center;gap:10px;padding:9px 8px;border-radius:12px;cursor:pointer}
.pf-row:hover{background:var(--row-hover)}
.pf-row .activity-avatar{width:34px;height:34px;flex:none}
.pf-coin{display:flex;flex-direction:column;min-width:0;flex:1}
.pf-coin strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pf-coin small,.pf-num small{font-size:11.5px;color:var(--label-2)}
.pf-num{display:flex;flex-direction:column;align-items:flex-end;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.pf-row button{flex:none;padding:6px 10px;font-size:12px}
.cal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.cal-head small{display:block;color:var(--label-2);font-weight:600;font-size:12px}
.cal-head strong{font:700 26px/1.15 var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.cal-nav{display:flex;align-items:center;gap:6px;font-weight:650;font-size:13px;text-transform:capitalize;white-space:nowrap}
.cal-nav .icon-button{width:28px;height:28px;font-size:18px;line-height:1}
.cal-nav .icon-button:disabled{opacity:.3}
.cal-bar{display:flex;gap:4px;height:6px;margin:14px 0 6px}
.cal-bar i{flex:1;border-radius:4px;background:var(--fill-2)}
.cal-bar i.win{background:var(--green)}
.cal-bar i.loss{background:var(--red)}
.cal-legend{display:flex;justify-content:space-between;font-size:12px;font-weight:650;font-variant-numeric:tabular-nums}
.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin-top:12px}
.cal-week{text-align:center;font-size:11px;font-weight:650;color:var(--label-3);padding-bottom:2px}
.cal-day{position:relative;aspect-ratio:1.15;border-radius:10px;background:var(--fill-1);display:flex;align-items:center;justify-content:center;min-width:0}
.cal-day small{position:absolute;top:5px;left:7px;font-size:10px;font-weight:650;color:var(--label-3)}
.cal-day b{font-size:clamp(9.5px,.85vw,12.5px);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;max-width:92%;text-overflow:ellipsis;color:var(--label-2)}
.cal-day.win{background:color-mix(in srgb,var(--green) var(--strength),var(--fill-1))}
.cal-day.win b{color:var(--green-text)}
.cal-day.loss{background:color-mix(in srgb,var(--red) var(--strength),var(--fill-1))}
.cal-day.loss b{color:var(--red-text)}
.cal-day.best{background:color-mix(in srgb,var(--yellow) 24%,var(--fill-1))}
.cal-day.best b{color:var(--yellow-text)}
.cal-day.future{opacity:.4}
.cal-foot{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:12px;font-size:12px;color:var(--label-2)}
.cal-foot b{color:var(--label)}
@media (max-width:1180px){.portfolio-grid{grid-template-columns:1fr 1fr}.pnl-calendar{grid-column:1/-1}}
@media (max-width:760px){.portfolio-grid{grid-template-columns:1fr}}

/* ── Instant Trade (coin screen): floating panel, one click buys or sells from the checked wallets ── */
.instant-trade{position:fixed;z-index:70;width:320px;padding:10px 12px 12px;border-radius:22px;color:var(--label);background:var(--glass-strong);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-edge);box-shadow:inset 0 1px 0 var(--glass-hi),0 24px 60px -18px var(--shadow-color);user-select:none}
.instant-trade.busy{cursor:progress}
.instant-trade.busy .it-grid button{pointer-events:none;opacity:.6}
.it-head{display:flex;align-items:center;gap:6px;margin-bottom:6px}
.it-grip{flex:1;display:flex;align-items:center;gap:6px;cursor:grab;color:var(--label-3);padding:4px 0}
.it-grip:active{cursor:grabbing}
.it-grip strong{color:var(--label);font-size:13px}
.it-icon{width:28px;height:28px;padding:0;display:grid;place-items:center;background:transparent;color:var(--label-2)}
.it-icon.on{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent-text)}
.it-icon svg{width:15px;height:15px}
.it-block{padding:10px 0;border-top:1px solid var(--separator-soft)}
.it-row{display:flex;align-items:center;gap:4px;margin-bottom:9px}
.it-row>strong{font-size:14px;margin-right:6px}
.it-preset{padding:3px 7px;font-size:12px;background:none;color:var(--label-3)}
.it-preset.active{color:var(--accent-text);background:color-mix(in srgb,var(--accent) 14%,transparent)}
.it-balance{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-weight:650;font-size:12.5px;font-variant-numeric:tabular-nums;white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis}
.it-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.it-grid button,.it-grid input{height:36px;padding:0;border-radius:11px;font-weight:700;font-size:13.5px;font-variant-numeric:tabular-nums;text-align:center}
.it-grid.buy button{color:var(--green-text);background:color-mix(in srgb,var(--green) 8%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--green) 55%,transparent)}
.it-grid.buy button:hover{background:color-mix(in srgb,var(--green) 18%,transparent)}
.it-grid.sell button{color:var(--red-text);background:color-mix(in srgb,var(--red) 8%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--red) 55%,transparent)}
.it-grid.sell button:hover{background:color-mix(in srgb,var(--red) 18%,transparent)}
.it-grid button:disabled{opacity:.35}
.it-grid input{width:100%;background:var(--fill-1);border:1px dashed var(--separator)}
.it-info{display:flex;align-items:center;gap:10px;margin-top:9px;font-size:11.5px;color:var(--label-3)}
.it-info b{color:var(--label-2);font-weight:650}
.it-tag{margin-left:auto;padding:2px 7px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent-text);font-weight:650}
.it-initial{margin-left:auto;padding:4px 10px;font-size:11.5px}
.it-foot{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding-top:10px;border-top:1px solid var(--separator-soft)}
.it-foot div{display:flex;flex-direction:column;gap:2px;min-width:0}
.it-foot small{font-size:11px;color:var(--label-3)}
.it-foot b{font-size:12.5px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Trading control over a busy screen: the glass stays mostly opaque so the amounts are always readable. */
html[data-glass=liquid] .instant-trade{--lg-blur:12px;background:linear-gradient(160deg,var(--lg-sheen),transparent 40%),color-mix(in srgb,var(--surface-solid) 86%,transparent)}
/* Photo framing (profile): the picture moves and zooms under a circle. */
.avatar-crop{width:min(380px,calc(100vw - 20px))!important}
.crop-stage{position:relative;width:300px;height:300px;margin:4px auto 0;border-radius:20px;overflow:hidden;background:#000;touch-action:none;cursor:grab;outline:none}
.crop-stage.dragging{cursor:grabbing}
.crop-stage:focus-visible{box-shadow:0 0 0 2px var(--accent)}
.crop-stage canvas{width:300px;height:300px;display:block}
.crop-ring{position:absolute;inset:0;border-radius:50%;pointer-events:none;box-shadow:0 0 0 999px rgba(0,0,0,.58),inset 0 0 0 2px rgba(255,255,255,.9)}
.crop-zoom{display:flex;align-items:center;gap:10px;margin:14px auto 2px;width:300px}
.crop-zoom input{flex:1;padding:0;background:none}
.crop-zoom .icon-button{width:30px;height:30px;font-size:18px;line-height:1}
.avatar-crop .dmc-dialog-footer span{flex:1}

/* ── Search panel: page dimmed and blurred, the search box and its panel float on top ── */
.search-scrim{position:fixed;inset:0;z-index:55;background:rgba(3,4,8,.42);-webkit-backdrop-filter:blur(10px) saturate(120%);backdrop-filter:blur(10px) saturate(120%);animation:sheet-in .15s ease-out}
:root[data-theme=light] .search-scrim{background:rgba(226,230,240,.5)}
.topbar.searching{z-index:60;background:transparent;border-color:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.topbar.searching::before{display:none}
.topbar.searching>:not(.global-search):not(.search-panel){opacity:.15;filter:blur(2px);pointer-events:none}
.topbar.searching .global-search{background:var(--surface-solid);box-shadow:0 0 0 1px var(--separator),0 18px 40px -16px var(--shadow-color)}
.search-panel{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);width:min(920px,calc(100vw - 24px));max-height:min(640px,calc(100dvh - 100px));display:flex;flex-direction:column;border-radius:24px;background:var(--glass-strong);-webkit-backdrop-filter:blur(24px) saturate(170%);backdrop-filter:blur(24px) saturate(170%);border:1px solid var(--glass-edge);box-shadow:inset 0 1px 0 var(--glass-hi),0 30px 80px -24px rgba(0,0,0,.7);overflow:hidden;z-index:61;animation:sheet-in .15s ease-out}
.sp-scope{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--separator-soft);flex-wrap:wrap}
.sp-chain-wrap{position:relative}
.sp-chain{display:inline-flex;align-items:center;gap:7px;padding:6px 10px 6px 8px;background:var(--fill-1);font-size:12.5px}
.sp-chain svg{width:14px;height:14px;color:var(--label-3)}
.sp-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:2;min-width:190px;padding:6px;border-radius:14px;background:var(--surface-solid);box-shadow:0 12px 30px -10px var(--shadow-color),0 0 0 1px var(--separator-soft);display:flex;flex-direction:column;gap:2px}
.sp-menu button{display:flex;align-items:center;gap:8px;justify-content:flex-start;background:none;border-radius:10px;font-size:12.5px}
.sp-menu button svg{width:13px;height:13px;margin-left:auto;color:var(--accent-text)}
.sp-menu span{padding:6px 12px;font-size:12px;color:var(--label-3)}
.sp-lps{display:flex;align-items:center;gap:3px;padding:3px;border-radius:var(--r-pill);background:var(--fill-1)}
.sp-lps button{height:28px;min-width:28px;padding:0 10px;display:grid;place-items:center;background:none;font-size:12px;color:var(--label-2)}
.sp-lps button.lp{padding:0;width:28px}
.sp-lps button.on{background:var(--surface-2);color:var(--label);box-shadow:0 1px 3px var(--shadow-color)}
.sp-lps button.lp:not(.on){filter:grayscale(.75);opacity:.65}
.sp-lps button.lp:hover{filter:none;opacity:1}
.sp-lps .lp-logo{width:18px;height:18px}
.sp-flags{display:flex;gap:6px;margin-left:auto}
.sp-flags button{padding:5px 11px;font-size:12px;background:none;box-shadow:inset 0 0 0 1px var(--separator);color:var(--label-2)}
.sp-flags button.on{box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent-text);background:color-mix(in srgb,var(--accent) 12%,transparent)}
.sp-bar{display:flex;align-items:center;gap:10px;padding:10px 14px 6px;flex-wrap:wrap}
.sp-title{display:flex;align-items:center;gap:7px;font-weight:650;font-size:13px;margin-right:auto}
.sp-title svg{width:15px;height:15px;color:var(--label-3)}
.sp-title span{color:var(--label-3);font-weight:600}
.sp-clear{width:26px;height:26px;padding:0;display:grid;place-items:center;background:none;color:var(--label-3)}
.sp-clear:hover{color:var(--red-text);background:var(--fill-1)}
.sp-sort{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--label-3)}
.sp-sort select{padding:5px 10px;font-size:12px;border-radius:var(--r-pill)}
.sp-quick{display:inline-flex;align-items:center;gap:5px;padding:3px 3px 3px 10px;border-radius:var(--r-pill);background:var(--fill-1);color:var(--quick-color)}
.sp-quick svg{width:13px;height:13px}
.sp-quick input{width:44px;padding:3px 0;border:0;background:none!important;font-weight:700;color:var(--label);font-variant-numeric:tabular-nums}
.sp-quick input.invalid{color:var(--red-text)}
.sp-quick>span{font-size:12px;color:var(--label-3)}
.sp-presets{display:flex;gap:2px}
.sp-presets button{padding:3px 7px;font-size:11px;background:none;color:var(--label-3)}
.sp-presets button.on{background:var(--surface-2);color:var(--label)}
.sp-wallet{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;font-size:12px;background:var(--fill-1)}
.sp-wallet b{font-variant-numeric:tabular-nums}
.sp-list{flex:1;overflow:auto;padding:2px 8px 8px;min-height:140px;overscroll-behavior:contain}
.sp-row{display:grid;grid-template-columns:44px minmax(0,1.7fr) repeat(4,minmax(0,.8fr)) auto;align-items:center;gap:12px;padding:10px 8px;border-radius:16px;cursor:pointer}
.sp-row:hover,.sp-row.active{background:var(--row-hover)}
.sp-row.active{box-shadow:inset 0 0 0 1px var(--separator)}
.sp-avatar{position:relative;width:40px;height:40px}
.sp-avatar .activity-avatar{width:40px;height:40px;border-radius:12px}
.sp-lp{position:absolute;right:-4px;bottom:-4px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--surface-solid);box-shadow:0 0 0 2px var(--surface-solid)}
.sp-lp .lp-logo{width:14px;height:14px}
.sp-id{min-width:0;display:flex;flex-direction:column;gap:3px;overflow:hidden}
.sp-name{display:flex;align-items:baseline;gap:6px;min-width:0}
.sp-name strong{font-size:14px;white-space:nowrap}
.sp-name span{color:var(--label-2);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sp-name em{font-style:normal;font-size:10.5px;font-weight:650;padding:1px 6px;border-radius:6px;background:var(--fill-2);color:var(--label-2);white-space:nowrap}
.sp-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--label-3);min-width:0;overflow:hidden;white-space:nowrap}
.sp-copy{display:inline-flex;align-items:center;gap:4px;padding:0;background:none;font-size:12px;color:var(--label-3)}
.sp-copy:hover{background:none;color:var(--label)}
.sp-copy svg{width:11px;height:11px}
.sp-links{display:inline-flex;gap:6px;align-items:center}
.sp-links svg,.sp-links img{width:13px;height:13px}
.sp-stat{display:flex;flex-direction:column;gap:2px;min-width:0;font-variant-numeric:tabular-nums}
.sp-stat small{font-size:10.5px;color:var(--label-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sp-stat b{font-size:13.5px;white-space:nowrap}
.sp-ath{height:3px;border-radius:2px;background:var(--fill-2);overflow:hidden;margin:2px 0 1px;max-width:90px}
.sp-ath i{display:block;height:100%;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--teal))}
.sp-buy{display:inline-flex;align-items:center;gap:4px;padding:8px 12px;font-size:12.5px;font-weight:700;color:var(--quick-color);background:color-mix(in srgb,var(--quick-color) 13%,transparent);white-space:nowrap}
.sp-buy:hover{background:color-mix(in srgb,var(--quick-color) 22%,transparent)}
.sp-buy svg{width:12px;height:12px}
.sp-empty{padding:44px 12px;text-align:center;color:var(--label-2)}
.sp-foot{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:9px 16px;border-top:1px solid var(--separator-soft);font-size:11.5px;color:var(--label-3)}
.sp-foot kbd{display:inline-block;min-width:18px;padding:1px 5px;margin-right:2px;border-radius:5px;background:var(--fill-2);color:var(--label-2);font:600 10.5px/1.4 var(--font);text-align:center}
.sp-note{margin-left:auto}
@media (max-width:760px){.sp-lps{flex-wrap:wrap;border-radius:16px}.sp-name em,.sp-links{display:none}.sp-row{grid-template-columns:40px minmax(0,1fr) auto auto;gap:10px}.sp-row .sp-stat~.sp-stat{display:none}.sp-flags{margin-left:0}.sp-foot{display:none}}
.lp-by-chain .lp-chain-title{flex-basis:100%;display:flex;align-items:center;gap:6px;margin:10px 0 2px;font-size:13px;font-weight:650}
.lp-by-chain .lp-chain-title:first-child{margin-top:0}

/* Announcement, season and prizes set in the DMC Admin. */
.site-banner{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:12px 16px;border-radius:var(--r-card);background:color-mix(in srgb,var(--accent) 14%,var(--fill-1));font-size:13px;font-weight:600}
.site-banner svg{width:18px;height:18px;flex:none;color:var(--accent-text)}
.lb-season{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:12px}
.lb-season>div:first-child{display:grid;gap:2px}
.lb-prizes{display:flex;gap:8px;flex-wrap:wrap}
.lb-prizes span{padding:6px 11px;border-radius:var(--r-pill);background:var(--fill-1);font-size:12px}
.lb-prizes b{color:var(--yellow-text,var(--yellow))}
/* Sign in with Phantom (Profile) and the purple dot on the profile button while a wallet is signed in */
.phantom-connect{display:inline-flex;align-items:center;gap:8px;background:#AB9FF2;color:#1C1433;padding:9px 18px;font-weight:650}
.phantom-connect:hover{background:#9C8DF0}
.phantom-connect:disabled{opacity:.5;cursor:progress}
.phantom-connect img{width:20px;height:20px;border-radius:6px}
.profile-button{position:relative}
.profile-button.wallet-linked::after{content:'';position:absolute;right:0;bottom:0;width:10px;height:10px;border-radius:50%;background:#AB9FF2;box-shadow:0 0 0 2px var(--bg)}
/* Tags next to a name (set in the Admin): a solid colored pill with dark bold text, a lighter edge and a soft glow */
.user-tag{display:inline-flex;align-items:center;height:18px;padding:0 7px;border-radius:6px;font:800 10.5px/1 var(--font-display);letter-spacing:.04em;white-space:nowrap;vertical-align:middle;color:var(--tag-ink);background:var(--tag-bg);box-shadow:inset 0 0 0 1px var(--tag-edge),0 0 12px -2px var(--tag-glow)}
.user-tag+.user-tag{margin-left:4px}
.tag-pink{--tag-bg:#FF4FA8;--tag-edge:#FF9ACB;--tag-ink:#4A0028;--tag-glow:rgba(255,79,168,.55)}
.tag-gold{--tag-bg:#FFC93C;--tag-edge:#FFE38E;--tag-ink:#4A3300;--tag-glow:rgba(255,201,60,.5)}
.tag-red{--tag-bg:#FF5A5F;--tag-edge:#FF9EA1;--tag-ink:#4A0005;--tag-glow:rgba(255,90,95,.5)}
.tag-blue{--tag-bg:#4DA3FF;--tag-edge:#9DCBFF;--tag-ink:#002A57;--tag-glow:rgba(77,163,255,.5)}
.tag-green{--tag-bg:#3DDC97;--tag-edge:#94F0C6;--tag-ink:#003D24;--tag-glow:rgba(61,220,151,.45)}
.tag-purple{--tag-bg:#A97BFF;--tag-edge:#CDB6FF;--tag-ink:#260B57;--tag-glow:rgba(169,123,255,.5)}
.tag-orange{--tag-bg:#FF8A3D;--tag-edge:#FFBC8E;--tag-ink:#4A1E00;--tag-glow:rgba(255,138,61,.5)}
.tag-teal{--tag-bg:#2ED3BE;--tag-edge:#92EEE2;--tag-ink:#003F37;--tag-glow:rgba(46,211,190,.45)}
.tag-white{--tag-bg:#F2F2F4;--tag-edge:#FFFFFF;--tag-ink:#141416;--tag-glow:rgba(255,255,255,.35)}
.tag-black{--tag-bg:#141416;--tag-edge:#4A4A52;--tag-ink:#F2F2F4;--tag-glow:rgba(0,0,0,.4)}
.lb-lines{display:grid;gap:8px}
.lb-line{display:grid;grid-template-columns:30px 32px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:11px 16px;border-radius:var(--r-control);cursor:pointer;background:linear-gradient(90deg,color-mix(in srgb,var(--green) 12%,transparent),color-mix(in srgb,var(--green) 3%,transparent) 55%,transparent);border-left:3px solid var(--green)}
.lb-line.first{background:linear-gradient(90deg,color-mix(in srgb,var(--green) 22%,transparent),color-mix(in srgb,var(--green) 5%,transparent) 60%,transparent)}
.lb-line:hover{background-color:var(--row-hover)}
.lb-line.mine{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent)}
.lb-pos{display:grid;place-items:center;font:700 14px/1 var(--font-display);color:var(--label-3)}
.lb-pos svg{width:20px;height:20px}
.lb-pos.p1{color:var(--yellow-text)}.lb-pos.p2{color:#AEB4BE}.lb-pos.p3{color:#C98A55}
.lb-who{display:flex;align-items:center;gap:7px;min-width:0;flex-wrap:wrap}
.lb-who strong{font:650 15px/1.2 var(--font-display);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.lb-x{display:inline-grid;place-items:center;color:var(--label-3)}.lb-x:hover{color:var(--label)}.lb-x svg{width:13px;height:13px}
.lb-coins{display:flex;gap:16px;font:700 14px/1 var(--font-display);font-variant-numeric:tabular-nums;white-space:nowrap}
.lb-coin.coin-SOL{color:var(--purple)}.lb-coin.coin-BNB{color:var(--yellow-text)}.lb-coin.coin-ETH{color:var(--accent-text)}.lb-coin.neg{color:var(--red-text)}
.lb-total{color:var(--label-2);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}
@media (max-width:720px){.lb-line{grid-template-columns:26px 30px minmax(0,1fr);row-gap:6px;padding:10px 12px}.lb-coins{grid-column:3;gap:12px;flex-wrap:wrap}.lb-total{grid-column:3}}
.lb-name-row{display:inline-flex;align-items:center;gap:6px;min-width:0}
.lb-name-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-chips .user-tag{height:24px;padding:0 9px;font-size:12px}
/* Notices from the Admin: one line per notice above the top bar; the X hides it in this browser */
.notice-bar{position:relative;z-index:30;display:grid;gap:6px;margin:10px 12px 0}
.notice-bar[hidden]{display:none}
.notice{--tone:#4DA3FF;display:flex;align-items:center;gap:10px;min-height:38px;padding:6px 6px 6px 14px;border-radius:12px;background:color-mix(in srgb,var(--tone) 14%,var(--surface-solid));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tone) 45%,transparent);color:var(--label);font-weight:550}
.notice-success{--tone:#3DDC97}.notice-warning{--tone:#FFC93C}.notice-danger{--tone:#FF5A5F}.notice-promo{--tone:#FF4FA8}
.notice-dot{width:8px;height:8px;border-radius:50%;flex:none;background:var(--tone);box-shadow:0 0 10px var(--tone)}
.notice-text{flex:1;min-width:0}
.notice-link{flex:none;padding:5px 12px;border-radius:8px;background:var(--tone);color:#111;font-weight:700;text-decoration:none;font-size:12px}
.notice-link:hover{filter:brightness(1.08)}
.notice-close{flex:none;width:28px;height:28px;padding:0;display:grid;place-items:center;border-radius:8px;background:none;color:var(--label-2)}
.notice-close:hover{background:var(--fill-2);color:var(--label)}
.notice-close svg{width:14px;height:14px}
/* Rewards: points card (tiers and quests were removed) */
.points-card{border-radius:var(--r-shell);padding:22px;min-height:190px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:radial-gradient(120% 140% at 0% 0%,#FF4FA8 0%,#7A1E5A 45%,#16161A 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 20px 50px -24px rgba(255,79,168,.7)}
.points-card small{opacity:.8;font-weight:600}
.points-big{font:800 52px/1 var(--font-display);letter-spacing:-.03em}
.points-card span{opacity:.85}
/* New brand logo (white brush on black): square with rounded corners, no colored glow */
.brand img.brand-logo{border-radius:8px;box-shadow:0 0 0 1px rgba(255,255,255,.14)}
/* The profile button's face sits exactly in the middle */
#profile-face-slot{display:grid;place-items:center;line-height:0}
.profile-button .profile-face svg,.profile-face svg{margin:0}

/* ── Visual pass, 26/10/2026 (Felipe) ── */
/* Search box: typed text in full white, first letter no longer clipped. */
.global-search input{color:var(--label);padding:0 2px;caret-color:var(--accent)}
.global-search input::placeholder{color:var(--label-3)}
/* Network and coin logos are shown whole: no circle crop, no ring, no background. */
img:is([src*="/logos/solana"],[src*="/logos/chain-"],[src*="/logos/eth"]){border-radius:0!important;object-fit:contain!important;box-shadow:none!important;background:none!important}
/* The page under the top bar starts 10 px down, the same gap as between every block. */
body.fav-docked #main>.fav-bar{margin-top:10px}
body.tracker-docked #main>.tracker{margin:10px 12px 10px 0}
body.fav-docked #main:has(>.fav-bar:not(.empty))>.tracker{margin-top:0}
/* Footer: support button next to Live. */
.foot-support{display:grid;place-items:center;width:26px;height:24px;border-radius:var(--r-pill);color:var(--label-2)}
.foot-support:hover{background:var(--fill-2);color:var(--label)}
.foot-support svg{width:15px;height:15px}
/* Trade notice: one line under the top bar, the coin's photo, green for a buy and red for a sell. */
#trade-toast{position:fixed;top:78px;left:50%;z-index:101;display:flex;align-items:center;gap:10px;max-width:min(620px,92vw);min-height:44px;padding:7px 8px 7px 12px;border-radius:14px;background:var(--surface-solid);border:1px solid var(--separator);box-shadow:0 18px 44px -16px var(--shadow-color);font-size:13px;color:var(--label);opacity:0;transform:translate(-50%,-6px);pointer-events:none;transition:opacity .16s ease,transform .16s ease}
#trade-toast.visible{opacity:1;transform:translate(-50%,0);pointer-events:auto}
#trade-toast .tt-state{display:grid;place-items:center;width:18px;height:18px;flex:none}
#trade-toast .tt-state svg{width:18px;height:18px;stroke-width:2.2}
#trade-toast.buy .tt-state{color:var(--green)}#trade-toast.sell .tt-state{color:var(--red)}
#trade-toast .tt-spin{width:14px;height:14px;border-radius:50%;border:2px solid var(--separator);border-top-color:var(--label-2);animation:tt-spin .7s linear infinite}
@keyframes tt-spin{to{transform:rotate(360deg)}}
#trade-toast .coin-av{width:24px;height:24px;flex:none}
#trade-toast .tt-text{display:flex;align-items:baseline;gap:8px;min-width:0;white-space:nowrap}
#trade-toast .tt-text>b{font-weight:650}
#trade-toast.done.buy .tt-text>b{color:var(--green)}#trade-toast.done.sell .tt-text>b{color:var(--red)}
#trade-toast .tt-text small{color:var(--label-3);font-size:11px}
#trade-toast .tt-detail{color:var(--label-2);font-variant-numeric:tabular-nums}
#trade-toast .tt-detail b{color:var(--label);font-weight:560}
#trade-toast .tt-speed{margin-left:2px;padding-left:10px;border-left:1px solid var(--separator-soft);color:var(--label-2);white-space:nowrap}
#trade-toast.buy .tt-speed b{color:var(--green)}#trade-toast.sell .tt-speed b{color:var(--red)}
#trade-toast .tt-close{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;color:var(--label-3);flex:none}
#trade-toast .tt-close:hover{background:var(--fill-2);color:var(--label)}
#trade-toast .tt-close svg{width:14px;height:14px}
html[data-motion=off] #trade-toast{transition:none}
@media (max-width:600px){#trade-toast{top:auto;bottom:52px}#trade-toast .tt-detail{display:none}}
/* Settings › Spacing off: no gaps, every panel joins the next in one block. */
html[data-spacing=off] .topbar{margin:0;border-radius:0;border-width:0 0 1px}
html[data-spacing=off] .footbar{left:0;right:0;bottom:0;border-radius:0;border-width:1px 0 0}
html[data-spacing=off] #main{height:calc(100dvh - 60px - 32px)}
html[data-spacing=off] .fav-bar{margin:0!important;border-radius:0;border-width:0 0 1px}
html[data-spacing=off] .board-toolbar{border-bottom:1px solid var(--separator-soft)}
html[data-spacing=off] .workspace{margin:0;grid-template-columns:minmax(250px,var(--w-new)) 1px minmax(250px,var(--w-almost)) 1px minmax(250px,var(--w-migrated)) 1px minmax(300px,var(--w-tracker))}
html[data-spacing=off] .workspace.no-tracker{grid-template-columns:minmax(250px,var(--w-new)) 1px minmax(250px,var(--w-almost)) 1px minmax(250px,var(--w-migrated))}
html[data-spacing=off] .col-resizer{background:var(--separator-soft)}
html[data-spacing=off] .col-resizer::after{content:'';position:absolute;inset:0 -5px;z-index:2}
html[data-spacing=off] :is(.column,.tracker){border-radius:0;border-width:0}
html[data-spacing=off] body.tracker-docked #main{gap:0}
html[data-spacing=off] body.tracker-docked #main>.tracker{margin:0!important;border-left:1px solid var(--separator-soft)}
#main{height:calc(100dvh - 70px - 44px - var(--notice-h,0px))}
html[data-spacing=off] #main{height:calc(100dvh - 60px - 32px - var(--notice-h,0px))}
@media (max-width:900px){#main{height:calc(100dvh - 128px - 44px - var(--notice-h,0px))}}
/* Wallet Tracker docked on every page but Trenches, with its own width (drag the line at its left; double click resets). */
.dock-resizer{display:none}
@media (min-width:1101px){
body.tracker-docked #main{grid-template-columns:minmax(0,1fr) 10px minmax(280px,var(--w-dock,360px));gap:0}
body.tracker-docked:not(.fav-docked) #main{grid-template-rows:minmax(0,1fr)}
body.tracker-docked #main>.dock-resizer{display:block;grid-column:2}
body.tracker-docked #main>.tracker{grid-column:3}
body.tracker-docked #main>:is(#content-view,#token-view){grid-column:1;min-width:0}
body.tracker-docked .token-screen{margin-right:0!important}
body.fav-docked.tracker-docked #main{grid-template-columns:minmax(0,1fr) 10px minmax(280px,var(--w-dock,360px))}
body.fav-docked.tracker-docked #main>:is(.tracker,.dock-resizer){grid-row:2}
html[data-spacing=off] body.tracker-docked #main,html[data-spacing=off] body.fav-docked.tracker-docked #main{grid-template-columns:minmax(0,1fr) 1px minmax(280px,var(--w-dock,360px))}
}
/* Keyboard shortcuts list. */
.dmc-hotkeys{width:min(560px,94vw)}
.hk-body section+section{margin-top:14px}
.hk-body h3{margin:0 0 6px;font-size:12px;font-weight:600;color:var(--label-2)}
.hk-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:7px 0;border-top:1px solid var(--separator-soft);font-size:12.5px}
.hk-keys{display:flex;align-items:center;gap:4px;flex:none;color:var(--label-3)}
.hk-keys i{font-style:normal;font-size:11px}
.hk-keys kbd{min-width:22px;height:22px;padding:0 6px;display:inline-grid;place-items:center;border-radius:6px;background:var(--fill-2);border:1px solid var(--separator-soft);font:600 11px/1 var(--font);color:var(--label)}
.hk-note{margin:14px 0 0;font-size:12px;color:var(--label-2)}
.pref-link{height:30px;padding:0 12px;border-radius:var(--r-pill);background:var(--fill-1);font-size:12px;font-weight:560}
.pref-link:hover{background:var(--fill-2)}
#trade-toast{top:calc(78px + var(--notice-h,0px))}
html[data-spacing=off] #trade-toast{top:calc(68px + var(--notice-h,0px))}
/* Support panel (footer button next to Live). */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.support-panel{position:fixed;right:12px;bottom:48px;z-index:90;width:min(380px,calc(100vw - 24px));max-height:calc(100dvh - 140px);overflow:auto;border-radius:20px;background:var(--surface-solid);border:1px solid var(--separator);box-shadow:0 24px 60px -18px var(--shadow-color);color:var(--label)}
.support-panel.dropping{box-shadow:0 0 0 2px var(--accent),0 24px 60px -18px var(--shadow-color)}
.su-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 14px 12px;border-bottom:1px solid var(--separator-soft)}
.su-brand{display:flex;align-items:center;gap:10px}
.su-brand img{border-radius:8px}
.su-brand strong{display:block;font-size:13.5px;font-weight:650}
.su-brand small{display:block;font-size:11.5px;color:var(--label-3)}
.su-x{display:grid;place-items:center;flex:none;width:28px;height:28px;padding:0;border-radius:50%;background:none;color:var(--label-3)}
.su-x:hover{background:var(--fill-2);color:var(--label)}
.su-x svg{width:15px;height:15px}
.su-body{padding:16px 14px 14px}
.su-body h3,.su-done h3{margin:0;font-size:18px;font-weight:680;letter-spacing:-.01em}
.su-lead{margin:6px 0 14px;font-size:12.5px;line-height:1.5;color:var(--label-2)}
.su-field textarea{display:block;width:100%;box-sizing:border-box;min-height:128px;resize:vertical;padding:11px 12px;border-radius:14px;background:var(--fill-1);border:1px solid var(--separator-soft);color:var(--label);font:13px/1.5 var(--font)}
.su-field textarea:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:var(--surface-2)}
.su-meta{display:flex;justify-content:space-between;gap:10px;margin:7px 2px 0;font-size:11.5px;color:var(--label-3)}
.su-meta b{color:var(--label-2);font-weight:600}
.su-shot{position:relative;margin-top:12px;border-radius:12px;overflow:hidden;border:1px solid var(--separator-soft);background:var(--fill-1)}
.su-shot img{display:block;width:100%;max-height:180px;object-fit:contain}
.su-shot button{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:26px;height:26px;padding:0;border-radius:50%;background:rgba(0,0,0,.55);color:#fff}
.su-shot button svg{width:14px;height:14px}
.su-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}
.su-attach{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 13px;border-radius:var(--r-pill);background:var(--fill-1);font-size:12.5px;font-weight:560;cursor:pointer;color:var(--label)}
.su-attach:hover{background:var(--fill-2)}
.su-attach svg{width:16px;height:16px;color:var(--label-2)}
.su-send{height:36px;padding:0 20px;border-radius:var(--r-pill);background:var(--accent);color:#fff;font-size:13px;font-weight:620}
.su-send:disabled{opacity:.6}
.su-done{display:grid;justify-items:center;gap:8px;padding:30px 20px 26px;text-align:center}
.su-done p{margin:0 0 8px;font-size:12.5px;color:var(--label-2)}
.su-done-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:color-mix(in srgb,var(--green) 16%,transparent);color:var(--green)}
.su-done-mark svg{width:22px;height:22px;stroke-width:2.2}
@media (max-width:600px){.support-panel{right:8px;left:8px;width:auto;bottom:46px}}
/* Wallet Tracker: small search next to the tabs, tools only in the Wallet tab, colored rows, photo you can change. */
.tk-head .tk-tabs{margin-right:0}
.tk-search-mini{flex:1;min-width:0;max-width:190px;height:28px;margin-left:auto}
.tk-search-mini input{font-size:11.5px;min-width:0}
.wt-trade{box-shadow:inset 3px 0 0 var(--wt-accent,transparent)!important;background:linear-gradient(90deg,color-mix(in srgb,var(--wt-accent,transparent) 9%,transparent),transparent 55%)}
.wt-trade:hover{background:var(--row-hover)}
.wt-mc.est{color:var(--label-2)}
.wt-photo{position:relative;display:inline-grid;place-items:center;flex:none;padding:0;background:none;border-radius:50%;cursor:pointer}
.wt-photo::after{content:'';position:absolute;inset:0;border-radius:50%;background:rgba(0,0,0,.5) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8h3l2-2.5h6L17 8h3v11H4Z'/%3E%3Ccircle cx='12' cy='13' r='3.5'/%3E%3C/svg%3E") center/62% no-repeat;opacity:0;transition:opacity .12s}
.wt-photo:hover::after{opacity:1}
/* Tracker settings sheet. */
.tracker-view-sheet{width:min(560px,94vw)}
.tv-body section+section{margin-top:16px}
.tv-body h3{display:flex;align-items:center;justify-content:space-between;margin:0 0 8px;font-size:12px;font-weight:600;color:var(--label-2)}
.tv-checks{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12.5px}
.tv-checks label,.tv-switch{display:flex;align-items:center;gap:7px;cursor:pointer}
.tv-range{display:flex;gap:10px}
.tv-range label{flex:1;display:grid;gap:5px;font-size:11.5px;color:var(--label-3)}
.tv-range input{height:32px;padding:0 10px;border-radius:10px;background:var(--fill-1);border:1px solid var(--separator-soft);color:var(--label)}
.tv-colors{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}
.tv-color{display:flex;align-items:center;gap:8px;height:34px;padding:0 6px 0 9px;border-radius:10px;background:var(--fill-1);font-size:12px}
.tv-color span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tv-color img{object-fit:contain}
.tv-color input[type=color]{width:26px;height:22px;padding:0;border:0;border-radius:6px;background:none;cursor:pointer}
.tv-switch{margin-top:10px;font-size:12.5px;flex-wrap:wrap}
.tv-switch small{flex-basis:100%;margin-left:24px;color:var(--label-3);font-size:11px}
.tv-lp-colors{margin-top:8px;max-height:180px;overflow:auto}
.tv-chips{display:flex;flex-wrap:wrap;gap:6px;max-height:200px;overflow:auto}
.tv-chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px 0 7px;border-radius:var(--r-pill);background:var(--fill-1);border:1px solid transparent;font-size:11.5px;color:var(--label-3)}
.tv-chip.on{color:var(--label);border-color:var(--separator);background:var(--fill-2)}
.tv-chip img{object-fit:contain;border-radius:4px}
.tv-dot{width:10px;height:10px;border-radius:50%;background:var(--label-3)}
.tv-link{font-size:11.5px;font-weight:560;color:var(--accent-text);background:none;padding:0}
/* Wallet page (#w/<address>): header, one strip of numbers, sections in a vertical list, the chosen one beside it. */
.wp-title{display:inline-flex;align-items:center;gap:12px}
.wp-photo{width:40px;height:40px;border-radius:50%;overflow:hidden;display:inline-grid;place-items:center;background:var(--fill-1);font-size:22px;flex:none}
.wp-photo img{width:100%;height:100%;object-fit:cover}
.wp-address{display:inline-flex;align-items:center;gap:6px;color:var(--label-3);font-size:12px}
.wp-address button,.wp-address a{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:6px;color:var(--label-3)}
.wp-address :is(button,a):hover{background:var(--fill-2);color:var(--label)}
.wp-address svg{width:13px;height:13px}
.wp-tracking{color:var(--green)}
.wp-tracking svg{width:14px;height:14px}
.wp{display:grid;gap:10px}
.wp-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-radius:18px;background:var(--panel);border:1px solid var(--glass-edge);overflow:hidden}
.wp-stat{display:grid;gap:4px;padding:12px 14px;border-left:1px solid var(--separator-soft);min-width:0}
.wp-stat:first-child{border-left:0}
.wp-stat small{font-size:11px;color:var(--label-3)}
.wp-stat b{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 6px;font-size:15px;font-weight:650;font-variant-numeric:tabular-nums}
.wp-stat b small{font-weight:500}
.wp-native{width:13px;height:13px;object-fit:contain;align-self:center}
.wp .up{color:var(--green)}.wp .down{color:var(--red)}
.wp-main{display:grid;grid-template-columns:200px minmax(0,1fr);gap:10px;align-items:start}
.wp-rail{display:grid;gap:2px;padding:8px;border-radius:18px;background:var(--panel);border:1px solid var(--glass-edge);position:sticky;top:0}
.wp-rail>button{display:flex;align-items:center;justify-content:space-between;gap:8px;height:36px;padding:0 12px;border-radius:12px;font-size:12.5px;font-weight:560;color:var(--label-2);background:none;text-align:left}
.wp-rail>button:hover{background:var(--fill-1);color:var(--label)}
.wp-rail>button.active{background:var(--fill-2);color:var(--label)}
.wp-rail>button b{font-size:11px;font-weight:600;color:var(--label-3);font-variant-numeric:tabular-nums}
.wp-dist{display:grid;gap:6px;margin-top:8px;padding:12px 6px 4px;border-top:1px solid var(--separator-soft)}
.wp-dist>small{font-size:11px;color:var(--label-3);margin-bottom:2px}
.wp-bar{display:grid;grid-template-columns:76px minmax(0,1fr) 22px;align-items:center;gap:6px;font-size:10.5px;color:var(--label-2)}
.wp-bar i{height:6px;border-radius:3px;background:var(--fill-1);overflow:hidden}
.wp-bar em{display:block;height:100%;border-radius:3px;background:var(--label-3)}
.wp-bar:nth-of-type(1) em,.wp-bar:nth-of-type(2) em,.wp-bar:nth-of-type(3) em{background:var(--green)}
.wp-bar:nth-of-type(4) em,.wp-bar:nth-of-type(5) em{background:var(--red)}
.wp-bar b{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}
.wp-panel{min-width:0;border-radius:18px;background:var(--panel);border:1px solid var(--glass-edge);overflow:hidden}
.wp-panel .table-wrap{border:0;border-radius:0;margin:0}
.wp-panel .wt-feed{border:0}
.wp-panel-bar{display:flex;justify-content:flex-end;padding:8px 12px;border-bottom:1px solid var(--separator-soft)}
.wp-check{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--label-2)}
.wp-table td.num,.wp-table th.num{text-align:right}
.wp-table td.num{font-variant-numeric:tabular-nums}
.wp-table td.num small{display:block;font-size:11px;color:var(--label-3)}
.wp-table td.num .wp-native{vertical-align:-2px}
.wp-table tbody tr{cursor:pointer}
.wp-coin{display:flex;align-items:center;gap:9px;min-width:0}
.wp-coin .coin-av{width:28px;height:28px;flex:none}
.wp-coin span{display:grid;min-width:0}
.wp-coin b{font-size:12.5px}
.wp-coin small{font-size:11px;color:var(--label-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}
.wp-pill{display:inline-block;padding:2px 8px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--green) 14%,transparent);color:var(--green);font-size:11px;font-weight:600}
.wp-dim{color:var(--label-3)}
.wp-empty{padding:28px 16px;text-align:center;color:var(--label-3);font-size:12.5px}
.wp-note{margin:2px 4px 0;font-size:11.5px;color:var(--label-3)}
@media (max-width:1100px){.wp-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.wp-stat:nth-child(4){border-left:0}.wp-stat:nth-child(n+4){border-top:1px solid var(--separator-soft)}.wp-main{grid-template-columns:1fr}.wp-rail{position:static;grid-template-columns:repeat(4,minmax(0,1fr))}.wp-dist{display:none}}
/* Search › Sort: our own menu. */
.sp-sort-wrap{position:relative}
.sp-sort-btn{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 9px 0 12px;border-radius:var(--r-pill);background:var(--fill-1);font-size:12px;font-weight:560;color:var(--label)}
.sp-sort-btn:hover,.sp-sort-btn[aria-expanded=true]{background:var(--fill-2)}
.sp-sort-btn svg{width:12px;height:12px;color:var(--label-3);transition:transform .15s}
.sp-sort-btn[aria-expanded=true] svg{transform:rotate(180deg)}
.sp-sort-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:5;display:grid;gap:1px;min-width:170px;padding:5px;border-radius:14px;background:var(--surface-solid);border:1px solid var(--separator);box-shadow:0 18px 40px -14px var(--shadow-color)}
.sp-sort-menu button{display:flex;align-items:center;justify-content:space-between;gap:10px;height:32px;padding:0 10px;border-radius:9px;font-size:12.5px;color:var(--label-2);background:none;text-align:left}
.sp-sort-menu button:hover{background:var(--fill-1);color:var(--label)}
.sp-sort-menu button.on{color:var(--label);font-weight:600}
.sp-sort-menu svg{width:14px;height:14px;color:var(--accent-text)}
/* Other drop-down lists: the open list in the site's look where the browser allows it (Chrome and Edge 135+). */
@supports (appearance:base-select){
 select{appearance:base-select;display:inline-flex;align-items:center;line-height:1.2;flex-shrink:0;min-width:fit-content}
 select::picker-icon{display:none}
 ::picker(select){appearance:base-select;margin-top:6px;padding:5px;border-radius:14px;background:var(--surface-solid);border:1px solid var(--separator);box-shadow:0 18px 40px -14px var(--shadow-color);color:var(--label)}
 select option{display:flex;align-items:center;gap:8px;min-height:30px;padding:0 10px;border-radius:9px;font-size:12.5px;color:var(--label-2);background:none}
 select option:hover,select option:focus-visible{background:var(--fill-1);color:var(--label);outline:none}
 select option:checked{color:var(--label);font-weight:600;background:none}
 select option::checkmark{order:1;margin-left:auto;color:var(--accent-text)}
}
/* Launchpad filter: a launchpad with no new coin for a while says so (it stays selectable). */
.lp-chip .quiet-tag{margin-left:auto;padding:1px 6px;border-radius:var(--r-pill);background:var(--fill-1);color:var(--label-3);font-size:10px;font-weight:600}
.lp-chip.quiet>span[translate]{color:var(--label-2)}

/* ── 27/10/2026 (Felipe): Bitcoin in the footer, no "about" button on Trenches. ── */
#btc-price b{color:#F7931A}

/* Instant Trade, smaller size: one row of buys and one of sells (27/10/2026). */
.instant-trade.compact .it-grid>:nth-child(n+5){display:none}
.it-resize{position:absolute;right:6px;bottom:6px;width:14px;height:14px;cursor:ns-resize;touch-action:none;opacity:.55;background:linear-gradient(135deg,transparent 45%,var(--label-3) 46% 54%,transparent 55% 68%,var(--label-3) 69% 77%,transparent 78%)}
.it-resize:hover,.instant-trade.resizing .it-resize{opacity:1}
.instant-trade.resizing{user-select:none}

/* Red SCAM tag (dist/scam-check.js), in front of the dev holding. */
.pill.scam{color:#fff;background:#E5243B;border-color:#E5243B;font-weight:800;letter-spacing:.04em;padding:0 7px}
/* Second button: left of the buy button (also in Jumbo), dimmed by Customize › Second button intensity. */
.jumbo-stack{flex-direction:row;align-items:stretch}
.jumbo-stack>.quick-secondary{order:-1;flex:none;align-self:stretch;justify-content:center;padding:0 10px;border-radius:12px;font-size:12px}
.quick-secondary:not(:disabled){opacity:calc(var(--quick-opacity,1) * var(--secondary-opacity,.55))}
.token-card:hover .quick-secondary:not(:disabled),.quick-secondary:not(:disabled):focus-visible{opacity:var(--quick-opacity,1)}
.quick-secondary:disabled{opacity:calc(.3 * var(--secondary-opacity,.55) + .1)}
/* Column filters › Coins visible: dense cards scaled to fit the chosen count. */
.token-list.fit .token-card{zoom:var(--fit-zoom,1);height:calc(var(--fit-h) / var(--fit-zoom,1));overflow:hidden;padding-top:6px;padding-bottom:6px;row-gap:4px;--card-pad-top:6px;--card-pad-bottom:6px;contain-intrinsic-size:auto var(--fit-h,90px)}
.token-list.fit .short-address,.token-list.fit .token-social{display:none}
.token-list.fit .token-art{width:56px}
.token-list.fit .token-avatar{width:54px;height:54px}

/* Tracker › Trades: quick buy on the trade under the mouse, amount box next to the search. */
.wt-trade{position:relative}
.wt-quick{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:none;align-items:center;gap:4px;padding:5px 10px;border-radius:var(--r-pill);font-size:12px;font-weight:700;color:var(--quick-color);background:color-mix(in srgb,var(--surface-solid) 70%,var(--quick-color) 30%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--quick-color) 60%,transparent),0 4px 14px -4px var(--shadow-color);z-index:2;white-space:nowrap}
.wt-quick svg{width:12px;height:12px}.wt-quick .coin-logo,.wt-quick img{width:13px;height:13px}
.wt-trade:hover .wt-quick,.wt-quick:focus-visible{display:inline-flex}
.wt-quick:hover{background:color-mix(in srgb,var(--surface-solid) 55%,var(--quick-color) 45%)}
.wt-quick:disabled{opacity:.6;cursor:progress}
.tk-quick{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 8px;border-radius:var(--r-pill);background:var(--fill-1);flex:none}
.tk-quick input{width:38px;background:none;border:0;padding:0;font-size:12px;font-weight:650;color:var(--label);font-variant-numeric:tabular-nums}
.tk-quick input:focus{outline:none}
.tk-quick:focus-within{box-shadow:inset 0 0 0 1px var(--accent)}

.sp-name em.sp-scam{color:#fff;background:#E5243B;font-weight:800;letter-spacing:.04em}

/* Linked stocks (dist/stock-chips.js): up to 3 chips, "+N", the OTC Desks mark and the gold "pays holders" coin. */
.stock-chips{display:inline-flex;align-items:center;gap:3px;min-width:0;vertical-align:middle}
.stock-chip{display:inline-flex;align-items:center;gap:3px;height:18px;padding:0 6px 0 3px;border-radius:6px;font-size:10.5px;font-weight:680;line-height:1;color:var(--accent-text);background:color-mix(in srgb,var(--accent) 14%,transparent);white-space:nowrap;flex:none}
.stock-chip img{width:13px;height:13px;border-radius:50%;object-fit:cover;background:#fff}
.stock-chip.more{padding:0 6px;color:var(--label-2);background:var(--fill-2)}
.stock-chip.otc{color:#dbcab6;background:color-mix(in srgb,#dbcab6 14%,transparent)}
.stock-chip.otc img{border-radius:3px;background:none}
.stock-pay{display:inline-grid;place-items:center;width:16px;height:16px;flex:none}
.stock-pay svg{width:15px;height:15px}
.token-badges .stock-chips{gap:3px}
.strip-stocks{display:inline-flex;align-items:center;gap:4px;margin-left:4px}
.strip-stocks:empty{display:none}
.strip-stocks .pill.scam{height:18px;font-size:10.5px}
.sp-name .stock-chips{margin-left:4px}