/* tokens (generated by trench-ui/tokens.py, do not edit here) */
.tu,.tu-root{
  --tu-neutral-1000:#090B0F;--tu-neutral-900:#131519;--tu-neutral-800:#1F2125;--tu-neutral-700:#25282D;--tu-neutral-600:#3A3A43;--tu-neutral-500:#55555F;--tu-neutral-400:#7E7E88;--tu-neutral-300:#A8A8B0;--tu-neutral-200:#D4D4D8;--tu-neutral-100:#EBEBED;--tu-neutral-50:#F7F7F8;
  --tu-brand-800:#3A1000;--tu-brand-700:#5C1D00;--tu-brand-600:#A83600;--tu-brand-500:#E04E0A;--tu-brand-400:#FF6A25;--tu-brand-300:#FF8C50;--tu-brand-200:#FFB085;--tu-brand-100:#FFD4B8;--tu-brand-50:#FFF3EE;
  --tu-green-800:#0A2E18;--tu-green-700:#14532D;--tu-green-600:#15803D;--tu-green-500:#16A34A;--tu-green-400:#22C55E;--tu-green-300:#4ADE80;--tu-green-200:#6EE7A0;--tu-green-100:#BBF7D0;--tu-green-50:#F0FDF4;
  --tu-red-800:#450F0F;--tu-red-700:#7F1D1D;--tu-red-600:#B91C1C;--tu-red-500:#DC2626;--tu-red-400:#EF4444;--tu-red-300:#F87171;--tu-red-200:#FCA5A5;--tu-red-100:#FECDD3;--tu-red-50:#FFF1F2;
  --tu-yellow-800:#2D2400;--tu-yellow-700:#4D3A00;--tu-yellow-600:#A16207;--tu-yellow-500:#CA8A04;--tu-yellow-400:#EAB308;--tu-yellow-300:#FDE047;--tu-yellow-200:#FEF08A;--tu-yellow-100:#FEF9C3;--tu-yellow-50:#FEFCE8;
  --tu-blue-800:#0A2472;--tu-blue-600:#1D4ED8;--tu-blue-500:#2563EB;--tu-blue-400:#3B82F6;--tu-blue-300:#60A5FA;
  --tu-purple-800:#1A0038;--tu-purple-700:#2E0060;--tu-purple-600:#581C87;--tu-purple-500:#7E22CE;--tu-purple-400:#9333EA;--tu-purple-300:#A855F7;
  --tu-pink-800:#380722;--tu-pink-700:#5C0D3A;--tu-pink-600:#991660;--tu-pink-500:#CC2080;--tu-pink-400:#F0429E;--tu-pink-300:#FF80C0;--tu-pink-200:#FFB3D9;--tu-pink-100:#FFD6EC;--tu-pink-50:#FFF0F7;
  --tu-surface-background:var(--tu-neutral-1000);
  --tu-surface-foreground:var(--tu-neutral-900);
  --tu-surface-midground:var(--tu-neutral-800);
  --tu-boundry-border:var(--tu-neutral-800);
  --tu-boundry-divider:var(--tu-neutral-700);
  --tu-text-text:var(--tu-neutral-50);
  --tu-text-secondary:var(--tu-neutral-300);
  --tu-interaction-active:var(--tu-brand-400);
  --tu-trading-positive:var(--tu-green-400);
  --tu-trading-negative:var(--tu-red-400);
  --tu-status-info:var(--tu-blue-400);
  --tu-status-warning:var(--tu-yellow-400);
  --tu-alpha-grey-alpha-4:rgba(168,168,176,0.04);
  --tu-alpha-grey-alpha-16:rgba(168,168,176,0.16);
  --tu-alpha-grey-alpha-24:rgba(168,168,176,0.24);
  --tu-alpha-grey-alpha-32:rgba(168,168,176,0.32);
  --tu-alpha-green-alpha-10:rgba(34,197,94,0.1);
  --tu-alpha-green-alpha-16:rgba(34,197,94,0.16);
  --tu-alpha-green-alpha-24:rgba(34,197,94,0.24);
  --tu-alpha-green-alpha-32:rgba(34,197,94,0.32);
  --tu-alpha-red-alpha-10:rgba(239,68,68,0.1);
  --tu-alpha-red-alpha-16:rgba(239,68,68,0.16);
  --tu-alpha-red-alpha-24:rgba(239,68,68,0.24);
  --tu-alpha-red-alpha-32:rgba(239,68,68,0.32);
  --tu-alpha-purple-alpha-10:rgba(147,51,234,0.1);
  --tu-alpha-purple-alpha-32:rgba(147,51,234,0.32);
  --tu-alpha-brand-alpha-10:rgba(255,106,37,0.1);
  --tu-alpha-brand-alpha-32:rgba(255,106,37,0.32);
  --tu-alpha-yellow-alpha-10:rgba(234,179,8,0.1);
  --tu-alpha-yellow-alpha-32:rgba(234,179,8,0.32);
  --tu-alpha-pink-alpha-10:rgba(240,66,158,0.1);
  --tu-alpha-pink-alpha-32:rgba(240,66,158,0.32);
  --tu-alpha-blue-alpha-10:rgba(59,130,246,0.1);
  --tu-alpha-blue-alpha-32:rgba(59,130,246,0.32);
  --tu-alpha-grey-alpha-10:rgba(168,168,176,0.1);
  --tu-glass-ink:rgba(31,33,37,0.58);
  --tu-glass-edge:var(--tu-neutral-500);
  --tu-glass-edge-strong:var(--tu-neutral-400);
  --tu-glass-shade:var(--tu-neutral-900);
  --tu-chrome-statusbarink:var(--tu-neutral-1000);
  --tu-alpha-black-alpha-30:rgba(9,11,15,0.3);
  --tu-alpha-black-alpha-45:rgba(9,11,15,0.45);
  --tu-alpha-background-alpha-0:rgba(9,11,15,0);
  --tu-alpha-background-alpha-80:rgba(9,11,15,0.8);
  --tu-alpha-background-alpha-56:rgba(9,11,15,0.56);
  --tu-alpha-white-alpha-24:rgba(247,247,248,0.24);
  --tu-alpha-white-alpha-48:rgba(247,247,248,0.48);
  --tu-space-2:2px;--tu-space-3:3px;--tu-space-4:4px;--tu-space-6:6px;--tu-space-8:8px;--tu-space-9:9px;--tu-space-10:10px;--tu-space-12:12px;--tu-space-13:13px;--tu-space-14:14px;--tu-space-16:16px;--tu-space-20:20px;--tu-space-24:24px;--tu-space-32:32px;
  --tu-radius-1:1px;--tu-radius-3:3px;--tu-radius-4:4px;--tu-radius-6:6px;--tu-radius-8:8px;--tu-radius-9:9px;--tu-radius-13:13px;--tu-radius-16:16px;--tu-radius-24:24px;--tu-radius-48:48px;--tu-radius-full:999px;
  --tu-page-w:1600px;--tu-page-h:974px;--tu-navbar-h:56px;--tu-networth-h:36px;--tu-gutter:8px;--tu-row-h:52px;--tu-thead-h:32px;--tu-tabs-h:40px;--tu-card-buy-w:70px;--tu-phone-w:402px;--tu-phone-h:874px;--tu-m-status-h:54px;--tu-m-top:65px;--tu-m-buy-w:88px;--tu-m-circle:36px;--tu-m-pip-w:192px;--tu-m-row-h:154px;
  --tu-font-sans:"Inter","Helvetica Neue",Arial,sans-serif;--tu-font-mono:"Geist Mono","JetBrains Mono",ui-monospace,monospace;
  --tu-shadow-pointer:drop-shadow(0 2px 4px rgba(9,11,15,.6));--tu-glass-rim:1.25px 0 0 -.75px var(--tu-glass-edge),-1.25px 0 0 -.75px var(--tu-glass-edge),0 0 0 .5px var(--tu-glass-edge);--tu-glass-rim-strong:1.25px 0 0 -.75px var(--tu-glass-edge-strong),-1.25px 0 0 -.75px var(--tu-glass-edge-strong),0 0 0 .5px var(--tu-glass-edge-strong);--tu-glass-inner:inset 0 40px 10px -40px var(--tu-glass-shade),inset 0 -40px 10px -40px var(--tu-glass-shade);--tu-glass-drop:0 8px 20px var(--tu-alpha-black-alpha-30);--tu-glass-drop-lg:0 8px 48px var(--tu-alpha-black-alpha-45);--tu-glass-blur:blur(26px) saturate(1.8);--tu-fade-blur:blur(14px);
}
.tu .tu-label-2{font:500 16px/24px var(--tu-font-sans);letter-spacing:-0.176px;font-feature-settings:"cv09" 1,"ss11" 1,"calt" 0,"liga" 0}   /* Label/2 */
.tu .tu-label-3{font:500 14px/20px var(--tu-font-sans);letter-spacing:-0.084px;font-feature-settings:"cv09" 1,"ss11" 1,"calt" 0,"liga" 0}   /* Label/3 */
.tu .tu-label-4{font:500 12px/16px var(--tu-font-sans);letter-spacing:0px;font-feature-settings:"cv09" 1,"ss11" 1,"calt" 0,"liga" 0}   /* Label/4 */
.tu .tu-label-5{font:500 11px/16px var(--tu-font-sans);letter-spacing:0px;font-feature-settings:"cv09" 1,"ss11" 1,"calt" 0,"liga" 0}   /* Label/5 */
.tu .tu-mono-1{font:500 18px/24px var(--tu-font-mono);letter-spacing:-0.18px;font-feature-settings:"ss09" 1,"calt" 0,"liga" 0}   /* Label Mono/1 */
.tu .tu-mono-2{font:500 16px/24px var(--tu-font-mono);letter-spacing:-0.16px;font-feature-settings:"ss09" 1,"calt" 0,"liga" 0}   /* Label Mono/2 */
.tu .tu-mono-3{font:500 14px/20px var(--tu-font-mono);letter-spacing:-0.14px;font-feature-settings:"ss09" 1,"calt" 0,"liga" 0}   /* Label Mono/3 */
.tu .tu-mono-4{font:500 12px/16px var(--tu-font-mono);letter-spacing:-0.12px;font-feature-settings:"ss09" 1,"calt" 0,"liga" 0}   /* Label Mono/4 */
.tu .tu-mono-5{font:500 11px/16px var(--tu-font-mono);letter-spacing:-0.11px;font-feature-settings:"ss09" 1,"calt" 0,"liga" 0}   /* Label Mono/5 */
.tu .tu-mt-status{font:600 17px/22px var(--tu-font-sans);letter-spacing:0px;font-feature-settings:"cv09" 1,"ss11" 1,"calt" 0,"liga" 0}   /* Mobile/statusTime */
.tu .tu-mt-ticker{font:600 14px/17px var(--tu-font-sans);letter-spacing:0px;font-feature-settings:"cv09" 1,"ss11" 1,"calt" 0,"liga" 0}   /* Mobile/tickerHeader */
.tu .tu-mt-segment{font:500 15px/19px var(--tu-font-sans);letter-spacing:0px;font-feature-settings:"cv09" 1,"ss11" 1,"calt" 0,"liga" 0}   /* Mobile/segment */
.tu .tu-mt-label{font:500 13px/18px var(--tu-font-sans);letter-spacing:0px;font-feature-settings:"cv09" 1,"ss11" 1,"calt" 0,"liga" 0}   /* Mobile/labelSmall */
.tu .tu-mt-body{font:400 13px/18px var(--tu-font-sans);letter-spacing:0px;font-feature-settings:"cv09" 1,"ss11" 1,"calt" 0,"liga" 0}   /* Mobile/bodySmall */
.tu .tu-mt-caption{font:400 12px/16px var(--tu-font-sans);letter-spacing:0px;font-feature-settings:"cv09" 1,"ss11" 1,"calt" 0,"liga" 0}   /* Mobile/caption */
.tu .tu-mt-amount{font:500 16px/21px var(--tu-font-mono);letter-spacing:-0.16px;font-feature-settings:"ss09" 1,"calt" 0,"liga" 0}   /* Mobile/monoLabel */
.tu .tu-mt-value{font:500 13px/18px var(--tu-font-mono);letter-spacing:-0.13px;font-feature-settings:"ss09" 1,"calt" 0,"liga" 0}   /* Mobile/monoValue */
.tu .tu-mt-mono{font:400 13px/18px var(--tu-font-mono);letter-spacing:0px;font-feature-settings:"ss09" 1,"calt" 0,"liga" 0}   /* Mobile/monoSmall */
.tu .tu-mt-mono-caption{font:400 12px/16px var(--tu-font-mono);letter-spacing:0px;font-feature-settings:"ss09" 1,"calt" 0,"liga" 0}   /* Mobile/monoCaption */
.tu .tu-mt-tiny{font:400 10px/14px var(--tu-font-mono);letter-spacing:0px;font-feature-settings:"ss09" 1,"calt" 0,"liga" 0}   /* Mobile/monoTiny */
.tu .tu-hue-green{--tu-hue:var(--tu-green-400);--tu-hue-soft:var(--tu-alpha-green-alpha-10);--tu-hue-line:var(--tu-alpha-green-alpha-32)}
.tu .tu-hue-red{--tu-hue:var(--tu-red-400);--tu-hue-soft:var(--tu-alpha-red-alpha-10);--tu-hue-line:var(--tu-alpha-red-alpha-32)}
.tu .tu-hue-yellow{--tu-hue:var(--tu-yellow-400);--tu-hue-soft:var(--tu-alpha-yellow-alpha-10);--tu-hue-line:var(--tu-alpha-yellow-alpha-32)}
.tu .tu-hue-brand{--tu-hue:var(--tu-brand-400);--tu-hue-soft:var(--tu-alpha-brand-alpha-10);--tu-hue-line:var(--tu-alpha-brand-alpha-32)}
.tu .tu-hue-purple{--tu-hue:var(--tu-purple-400);--tu-hue-soft:var(--tu-alpha-purple-alpha-10);--tu-hue-line:var(--tu-alpha-purple-alpha-32)}
.tu .tu-hue-pink{--tu-hue:var(--tu-pink-400);--tu-hue-soft:var(--tu-alpha-pink-alpha-10);--tu-hue-line:var(--tu-alpha-pink-alpha-32)}
.tu .tu-hue-blue{--tu-hue:var(--tu-blue-400);--tu-hue-soft:var(--tu-alpha-blue-alpha-10);--tu-hue-line:var(--tu-alpha-blue-alpha-32)}
.tu .tu-tint-purple{--tu-tint:var(--tu-purple-800);--tu-tint-strong:var(--tu-purple-700)}
.tu .tu-tint-yellow{--tu-tint:var(--tu-yellow-800);--tu-tint-strong:var(--tu-yellow-700)}
.tu .tu-tint-red{--tu-tint:var(--tu-red-800);--tu-tint-strong:var(--tu-red-700)}
.tu .tu-tint-green{--tu-tint:var(--tu-green-800);--tu-tint-strong:var(--tu-green-700)}
.tu .tu-tint-brand{--tu-tint:var(--tu-brand-800);--tu-tint-strong:var(--tu-brand-700)}
.tu .tu-tint-pink{--tu-tint:var(--tu-pink-800);--tu-tint-strong:var(--tu-pink-700)}
/* themes (generated by trench-ui/tokens.py) */
@property --tu-neutral-1000{syntax:"<color>";inherits:true;initial-value:#090B0F}
@property --tu-neutral-900{syntax:"<color>";inherits:true;initial-value:#131519}
@property --tu-neutral-800{syntax:"<color>";inherits:true;initial-value:#1F2125}
@property --tu-neutral-700{syntax:"<color>";inherits:true;initial-value:#25282D}
@property --tu-neutral-600{syntax:"<color>";inherits:true;initial-value:#3A3A43}
@property --tu-neutral-500{syntax:"<color>";inherits:true;initial-value:#55555F}
@property --tu-neutral-400{syntax:"<color>";inherits:true;initial-value:#7E7E88}
@property --tu-neutral-300{syntax:"<color>";inherits:true;initial-value:#A8A8B0}
@property --tu-neutral-200{syntax:"<color>";inherits:true;initial-value:#D4D4D8}
@property --tu-neutral-100{syntax:"<color>";inherits:true;initial-value:#EBEBED}
@property --tu-neutral-50{syntax:"<color>";inherits:true;initial-value:#F7F7F8}
@property --tu-brand-400{syntax:"<color>";inherits:true;initial-value:#FF6A25}
@property --tu-green-400{syntax:"<color>";inherits:true;initial-value:#22C55E}
@property --tu-red-400{syntax:"<color>";inherits:true;initial-value:#EF4444}
@property --tu-alpha-grey-alpha-4{syntax:"<color>";inherits:true;initial-value:rgba(168,168,176,0.04)}
@property --tu-alpha-grey-alpha-16{syntax:"<color>";inherits:true;initial-value:rgba(168,168,176,0.16)}
@property --tu-alpha-grey-alpha-24{syntax:"<color>";inherits:true;initial-value:rgba(168,168,176,0.24)}
@property --tu-alpha-grey-alpha-32{syntax:"<color>";inherits:true;initial-value:rgba(168,168,176,0.32)}
@property --tu-alpha-green-alpha-10{syntax:"<color>";inherits:true;initial-value:rgba(34,197,94,0.1)}
@property --tu-alpha-green-alpha-16{syntax:"<color>";inherits:true;initial-value:rgba(34,197,94,0.16)}
@property --tu-alpha-green-alpha-24{syntax:"<color>";inherits:true;initial-value:rgba(34,197,94,0.24)}
@property --tu-alpha-green-alpha-32{syntax:"<color>";inherits:true;initial-value:rgba(34,197,94,0.32)}
@property --tu-alpha-red-alpha-10{syntax:"<color>";inherits:true;initial-value:rgba(239,68,68,0.1)}
@property --tu-alpha-red-alpha-16{syntax:"<color>";inherits:true;initial-value:rgba(239,68,68,0.16)}
@property --tu-alpha-red-alpha-24{syntax:"<color>";inherits:true;initial-value:rgba(239,68,68,0.24)}
@property --tu-alpha-red-alpha-32{syntax:"<color>";inherits:true;initial-value:rgba(239,68,68,0.32)}
@property --tu-alpha-brand-alpha-10{syntax:"<color>";inherits:true;initial-value:rgba(255,106,37,0.1)}
@property --tu-alpha-brand-alpha-32{syntax:"<color>";inherits:true;initial-value:rgba(255,106,37,0.32)}
@property --tu-alpha-grey-alpha-10{syntax:"<color>";inherits:true;initial-value:rgba(168,168,176,0.1)}
@property --tu-glass-ink{syntax:"<color>";inherits:true;initial-value:rgba(31,33,37,0.58)}
@property --tu-alpha-black-alpha-30{syntax:"<color>";inherits:true;initial-value:rgba(9,11,15,0.3)}
@property --tu-alpha-black-alpha-45{syntax:"<color>";inherits:true;initial-value:rgba(9,11,15,0.45)}
@property --tu-alpha-background-alpha-0{syntax:"<color>";inherits:true;initial-value:rgba(9,11,15,0)}
@property --tu-alpha-background-alpha-80{syntax:"<color>";inherits:true;initial-value:rgba(9,11,15,0.8)}
@property --tu-alpha-background-alpha-56{syntax:"<color>";inherits:true;initial-value:rgba(9,11,15,0.56)}
@property --tu-alpha-white-alpha-24{syntax:"<color>";inherits:true;initial-value:rgba(247,247,248,0.24)}
@property --tu-alpha-white-alpha-48{syntax:"<color>";inherits:true;initial-value:rgba(247,247,248,0.48)}
@property --tu-interaction-active{syntax:"<color>";inherits:true;initial-value:#FF6A25}
.tu.tu-theme-trench,.tu .tu-theme-trench{--tu-neutral-1000:#090B0F;--tu-neutral-900:#131519;--tu-neutral-800:#1F2125;--tu-neutral-700:#25282D;--tu-neutral-600:#3A3A43;--tu-neutral-500:#55555F;--tu-neutral-400:#7E7E88;--tu-neutral-300:#A8A8B0;--tu-neutral-200:#D4D4D8;--tu-neutral-100:#EBEBED;--tu-neutral-50:#F7F7F8;--tu-brand-400:#FF6A25;--tu-green-400:#22C55E;--tu-red-400:#EF4444;--tu-surface-background:var(--tu-neutral-1000);--tu-surface-foreground:var(--tu-neutral-900);--tu-surface-midground:var(--tu-neutral-800);--tu-boundry-border:var(--tu-neutral-800);--tu-boundry-divider:var(--tu-neutral-700);--tu-text-text:var(--tu-neutral-50);--tu-text-secondary:var(--tu-neutral-300);--tu-interaction-active:var(--tu-brand-400);--tu-trading-positive:var(--tu-green-400);--tu-trading-negative:var(--tu-red-400);--tu-status-info:var(--tu-blue-400);--tu-status-warning:var(--tu-yellow-400);--tu-alpha-grey-alpha-4:rgba(168,168,176,0.04);--tu-alpha-grey-alpha-16:rgba(168,168,176,0.16);--tu-alpha-grey-alpha-24:rgba(168,168,176,0.24);--tu-alpha-grey-alpha-32:rgba(168,168,176,0.32);--tu-alpha-green-alpha-10:rgba(34,197,94,0.1);--tu-alpha-green-alpha-16:rgba(34,197,94,0.16);--tu-alpha-green-alpha-24:rgba(34,197,94,0.24);--tu-alpha-green-alpha-32:rgba(34,197,94,0.32);--tu-alpha-red-alpha-10:rgba(239,68,68,0.1);--tu-alpha-red-alpha-16:rgba(239,68,68,0.16);--tu-alpha-red-alpha-24:rgba(239,68,68,0.24);--tu-alpha-red-alpha-32:rgba(239,68,68,0.32);--tu-alpha-brand-alpha-10:rgba(255,106,37,0.1);--tu-alpha-brand-alpha-32:rgba(255,106,37,0.32);--tu-alpha-grey-alpha-10:rgba(168,168,176,0.1);--tu-glass-ink:rgba(31,33,37,0.58);--tu-glass-edge:var(--tu-neutral-500);--tu-glass-edge-strong:var(--tu-neutral-400);--tu-glass-shade:var(--tu-neutral-900);--tu-chrome-statusbarink:var(--tu-neutral-1000);--tu-alpha-black-alpha-30:rgba(9,11,15,0.3);--tu-alpha-black-alpha-45:rgba(9,11,15,0.45);--tu-alpha-background-alpha-0:rgba(9,11,15,0);--tu-alpha-background-alpha-80:rgba(9,11,15,0.8);--tu-alpha-background-alpha-56:rgba(9,11,15,0.56);--tu-alpha-white-alpha-24:rgba(247,247,248,0.24);--tu-alpha-white-alpha-48:rgba(247,247,248,0.48);}
.tu.tu-theme-cobalt,.tu .tu-theme-cobalt{--tu-neutral-1000:#070A12;--tu-neutral-900:#0E1320;--tu-neutral-800:#182033;--tu-neutral-700:#1F2940;--tu-neutral-600:#313E5C;--tu-neutral-500:#4A5878;--tu-neutral-400:#7482A3;--tu-neutral-300:#A1AECB;--tu-neutral-200:#D0D7E7;--tu-neutral-100:#E8ECF4;--tu-neutral-50:#F6F8FC;--tu-brand-400:#4C9DFF;--tu-green-400:#2BD9A8;--tu-red-400:#FF5D7A;--tu-surface-background:var(--tu-neutral-1000);--tu-surface-foreground:var(--tu-neutral-900);--tu-surface-midground:var(--tu-neutral-800);--tu-boundry-border:var(--tu-neutral-800);--tu-boundry-divider:var(--tu-neutral-700);--tu-text-text:var(--tu-neutral-50);--tu-text-secondary:var(--tu-neutral-300);--tu-interaction-active:var(--tu-brand-400);--tu-trading-positive:var(--tu-green-400);--tu-trading-negative:var(--tu-red-400);--tu-status-info:var(--tu-blue-400);--tu-status-warning:var(--tu-yellow-400);--tu-alpha-grey-alpha-4:rgba(161,174,203,0.04);--tu-alpha-grey-alpha-16:rgba(161,174,203,0.16);--tu-alpha-grey-alpha-24:rgba(161,174,203,0.24);--tu-alpha-grey-alpha-32:rgba(161,174,203,0.32);--tu-alpha-green-alpha-10:rgba(43,217,168,0.1);--tu-alpha-green-alpha-16:rgba(43,217,168,0.16);--tu-alpha-green-alpha-24:rgba(43,217,168,0.24);--tu-alpha-green-alpha-32:rgba(43,217,168,0.32);--tu-alpha-red-alpha-10:rgba(255,93,122,0.1);--tu-alpha-red-alpha-16:rgba(255,93,122,0.16);--tu-alpha-red-alpha-24:rgba(255,93,122,0.24);--tu-alpha-red-alpha-32:rgba(255,93,122,0.32);--tu-alpha-brand-alpha-10:rgba(76,157,255,0.1);--tu-alpha-brand-alpha-32:rgba(76,157,255,0.32);--tu-alpha-grey-alpha-10:rgba(161,174,203,0.1);--tu-glass-ink:rgba(24,32,51,0.58);--tu-glass-edge:var(--tu-neutral-500);--tu-glass-edge-strong:var(--tu-neutral-400);--tu-glass-shade:var(--tu-neutral-900);--tu-chrome-statusbarink:var(--tu-neutral-1000);--tu-alpha-black-alpha-30:rgba(7,10,18,0.3);--tu-alpha-black-alpha-45:rgba(7,10,18,0.45);--tu-alpha-background-alpha-0:rgba(7,10,18,0);--tu-alpha-background-alpha-80:rgba(7,10,18,0.8);--tu-alpha-background-alpha-56:rgba(7,10,18,0.56);--tu-alpha-white-alpha-24:rgba(246,248,252,0.24);--tu-alpha-white-alpha-48:rgba(246,248,252,0.48);}
.tu.tu-theme-orchid,.tu .tu-theme-orchid{--tu-neutral-1000:#0C0813;--tu-neutral-900:#15101F;--tu-neutral-800:#211930;--tu-neutral-700:#2A2040;--tu-neutral-600:#40335C;--tu-neutral-500:#5B4D78;--tu-neutral-400:#877AA3;--tu-neutral-300:#B1A7C9;--tu-neutral-200:#D8D2E6;--tu-neutral-100:#EDE9F4;--tu-neutral-50:#F9F7FC;--tu-brand-400:#B58CFF;--tu-green-400:#A5E635;--tu-red-400:#FF5CA8;--tu-surface-background:var(--tu-neutral-1000);--tu-surface-foreground:var(--tu-neutral-900);--tu-surface-midground:var(--tu-neutral-800);--tu-boundry-border:var(--tu-neutral-800);--tu-boundry-divider:var(--tu-neutral-700);--tu-text-text:var(--tu-neutral-50);--tu-text-secondary:var(--tu-neutral-300);--tu-interaction-active:var(--tu-brand-400);--tu-trading-positive:var(--tu-green-400);--tu-trading-negative:var(--tu-red-400);--tu-status-info:var(--tu-blue-400);--tu-status-warning:var(--tu-yellow-400);--tu-alpha-grey-alpha-4:rgba(177,167,201,0.04);--tu-alpha-grey-alpha-16:rgba(177,167,201,0.16);--tu-alpha-grey-alpha-24:rgba(177,167,201,0.24);--tu-alpha-grey-alpha-32:rgba(177,167,201,0.32);--tu-alpha-green-alpha-10:rgba(165,230,53,0.1);--tu-alpha-green-alpha-16:rgba(165,230,53,0.16);--tu-alpha-green-alpha-24:rgba(165,230,53,0.24);--tu-alpha-green-alpha-32:rgba(165,230,53,0.32);--tu-alpha-red-alpha-10:rgba(255,92,168,0.1);--tu-alpha-red-alpha-16:rgba(255,92,168,0.16);--tu-alpha-red-alpha-24:rgba(255,92,168,0.24);--tu-alpha-red-alpha-32:rgba(255,92,168,0.32);--tu-alpha-brand-alpha-10:rgba(181,140,255,0.1);--tu-alpha-brand-alpha-32:rgba(181,140,255,0.32);--tu-alpha-grey-alpha-10:rgba(177,167,201,0.1);--tu-glass-ink:rgba(33,25,48,0.58);--tu-glass-edge:var(--tu-neutral-500);--tu-glass-edge-strong:var(--tu-neutral-400);--tu-glass-shade:var(--tu-neutral-900);--tu-chrome-statusbarink:var(--tu-neutral-1000);--tu-alpha-black-alpha-30:rgba(12,8,19,0.3);--tu-alpha-black-alpha-45:rgba(12,8,19,0.45);--tu-alpha-background-alpha-0:rgba(12,8,19,0);--tu-alpha-background-alpha-80:rgba(12,8,19,0.8);--tu-alpha-background-alpha-56:rgba(12,8,19,0.56);--tu-alpha-white-alpha-24:rgba(249,247,252,0.24);--tu-alpha-white-alpha-48:rgba(249,247,252,0.48);}
.tu.tu-theme-daylight,.tu .tu-theme-daylight{--tu-neutral-1000:#EFEEEA;--tu-neutral-900:#FBFAF8;--tu-neutral-800:#E9E7E1;--tu-neutral-700:#DCD9D1;--tu-neutral-600:#C4C0B6;--tu-neutral-500:#A19D92;--tu-neutral-400:#7B776D;--tu-neutral-300:#63605A;--tu-neutral-200:#3D3B36;--tu-neutral-100:#282722;--tu-neutral-50:#17160F;--tu-brand-400:#E04E0A;--tu-green-400:#12924A;--tu-red-400:#D92B2B;--tu-surface-background:var(--tu-neutral-1000);--tu-surface-foreground:var(--tu-neutral-900);--tu-surface-midground:var(--tu-neutral-800);--tu-boundry-border:var(--tu-neutral-800);--tu-boundry-divider:var(--tu-neutral-700);--tu-text-text:var(--tu-neutral-50);--tu-text-secondary:var(--tu-neutral-300);--tu-interaction-active:var(--tu-brand-400);--tu-trading-positive:var(--tu-green-400);--tu-trading-negative:var(--tu-red-400);--tu-status-info:var(--tu-blue-400);--tu-status-warning:var(--tu-yellow-400);--tu-alpha-grey-alpha-4:rgba(99,96,90,0.04);--tu-alpha-grey-alpha-16:rgba(99,96,90,0.16);--tu-alpha-grey-alpha-24:rgba(99,96,90,0.24);--tu-alpha-grey-alpha-32:rgba(99,96,90,0.32);--tu-alpha-green-alpha-10:rgba(18,146,74,0.1);--tu-alpha-green-alpha-16:rgba(18,146,74,0.16);--tu-alpha-green-alpha-24:rgba(18,146,74,0.24);--tu-alpha-green-alpha-32:rgba(18,146,74,0.32);--tu-alpha-red-alpha-10:rgba(217,43,43,0.1);--tu-alpha-red-alpha-16:rgba(217,43,43,0.16);--tu-alpha-red-alpha-24:rgba(217,43,43,0.24);--tu-alpha-red-alpha-32:rgba(217,43,43,0.32);--tu-alpha-brand-alpha-10:rgba(224,78,10,0.1);--tu-alpha-brand-alpha-32:rgba(224,78,10,0.32);--tu-alpha-grey-alpha-10:rgba(99,96,90,0.1);--tu-glass-ink:rgba(233,231,225,0.58);--tu-glass-edge:var(--tu-neutral-500);--tu-glass-edge-strong:var(--tu-neutral-400);--tu-glass-shade:var(--tu-neutral-900);--tu-chrome-statusbarink:var(--tu-neutral-1000);--tu-alpha-black-alpha-30:rgba(239,238,234,0.3);--tu-alpha-black-alpha-45:rgba(239,238,234,0.45);--tu-alpha-background-alpha-0:rgba(239,238,234,0);--tu-alpha-background-alpha-80:rgba(239,238,234,0.8);--tu-alpha-background-alpha-56:rgba(239,238,234,0.56);--tu-alpha-white-alpha-24:rgba(23,22,15,0.24);--tu-alpha-white-alpha-48:rgba(23,22,15,0.48);}
.tu.tu-accent-yellow{--tu-interaction-active:var(--tu-yellow-400);--tu-alpha-brand-alpha-10:var(--tu-alpha-yellow-alpha-10);--tu-alpha-brand-alpha-32:var(--tu-alpha-yellow-alpha-32)}
.tu.tu-accent-green{--tu-interaction-active:var(--tu-green-400);--tu-alpha-brand-alpha-10:var(--tu-alpha-green-alpha-10);--tu-alpha-brand-alpha-32:var(--tu-alpha-green-alpha-32)}
.tu.tu-accent-blue{--tu-interaction-active:var(--tu-blue-400);--tu-alpha-brand-alpha-10:var(--tu-alpha-blue-alpha-10);--tu-alpha-brand-alpha-32:var(--tu-alpha-blue-alpha-32)}
.tu.tu-accent-purple{--tu-interaction-active:var(--tu-purple-400);--tu-alpha-brand-alpha-10:var(--tu-alpha-purple-alpha-10);--tu-alpha-brand-alpha-32:var(--tu-alpha-purple-alpha-32)}
.tu.tu-accent-pink{--tu-interaction-active:var(--tu-pink-400);--tu-alpha-brand-alpha-10:var(--tu-alpha-pink-alpha-10);--tu-alpha-brand-alpha-32:var(--tu-alpha-pink-alpha-32)}
/* icons (generated from trench-ui/icons.json): single colour glyphs are masks painted with a tone token, the rest keep their own colours */
.tu .tu-ic.tu-i-arrow-down{width:16px;height:16px;--i:url(icons/arrow-down.svg);--ic:var(--tu-text-text)}
.tu .tu-ic.tu-i-arrow-left-dollar{width:16px;height:16px;--i:url(icons/arrow-left-dollar.svg);--ic:var(--tu-status-warning)}
.tu .tu-ic.tu-i-bars{width:16px;height:16px;--i:url(icons/bars.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-battery{width:26.9387px;height:13px;--i:url(icons/battery.svg);--ic:var(--tu-text-text)}
.tu .tu-ic.tu-i-blocks{width:16px;height:16px;--i:url(icons/blocks.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-cashback{width:16px;height:16px;--i:url(icons/cashback.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-change-dollar{width:16px;height:16px;--i:url(icons/change-dollar.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-chart-fill{width:22px;height:22px;--i:url(icons/chart-fill.svg);--ic:var(--tu-interaction-active)}
.tu .tu-ic.tu-i-chevron-down{width:16px;height:16px;--i:url(icons/chevron-down.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-chevron-down-20{width:20px;height:20px;--i:url(icons/chevron-down-20.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-chevron-left{width:16px;height:16px;--i:url(icons/chevron-left.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-chevron-left-20{width:20px;height:20px;--i:url(icons/chevron-left-20.svg);--ic:var(--tu-text-text)}
.tu .tu-ic.tu-i-chevron-right{width:16px;height:16px;--i:url(icons/chevron-right.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-clipboard{width:16px;height:16px;--i:url(icons/clipboard.svg);--ic:var(--tu-interaction-active)}
.tu .tu-ic.tu-i-clock{width:20px;height:20px;--i:url(icons/clock.svg);--ic:var(--tu-text-text)}
.tu .tu-ic.tu-i-code{width:16px;height:16px;--i:url(icons/code.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-coin-dollar{width:20px;height:20px;--i:url(icons/coin-dollar.svg);--ic:var(--tu-interaction-active)}
.tu .tu-ic.tu-i-colored-grid{width:16px;height:16px;background:url(icons/colored-grid.svg) center/contain no-repeat;-webkit-mask:none;mask:none}
.tu .tu-ic.tu-i-copy{width:16px;height:16px;--i:url(icons/copy.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-copy-2{width:16px;height:16px;--i:url(icons/copy-2.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-cross{width:16px;height:16px;--i:url(icons/cross.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-cursor{width:20px;height:28px;background:url(icons/cursor.svg) center/contain no-repeat;-webkit-mask:none;mask:none}
.tu .tu-ic.tu-i-cute-robot{width:16px;height:16px;--i:url(icons/cute-robot.svg);--ic:var(--tu-trading-positive)}
.tu .tu-ic.tu-i-dexscreener{width:16px;height:16px;background:url(icons/dexscreener.svg) center/contain no-repeat;-webkit-mask:none;mask:none}
.tu .tu-ic.tu-i-dollar{width:16px;height:16px;--i:url(icons/dollar.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-dots-20{width:20px;height:20px;--i:url(icons/dots-20.svg);--ic:var(--tu-text-text)}
.tu .tu-ic.tu-i-dots-vertical{width:16px;height:16px;--i:url(icons/dots-vertical.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-droplet{width:16px;height:16px;--i:url(icons/droplet.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-emoji-apple{width:24px;height:24px;background:url(icons/emoji-apple.svg) center/contain no-repeat;-webkit-mask:none;mask:none}
.tu .tu-ic.tu-i-emoji-banana{width:16px;height:16px;background:url(icons/emoji-banana.svg) center/contain no-repeat;-webkit-mask:none;mask:none}
.tu .tu-ic.tu-i-emoji-carrot{width:16px;height:16px;background:url(icons/emoji-carrot.svg) center/contain no-repeat;-webkit-mask:none;mask:none}
.tu .tu-ic.tu-i-emoji-grape{width:16px;height:16px;background:url(icons/emoji-grape.svg) center/contain no-repeat;-webkit-mask:none;mask:none}
.tu .tu-ic.tu-i-emoji-pepper{width:16px;height:16px;background:url(icons/emoji-pepper.svg) center/contain no-repeat;-webkit-mask:none;mask:none}
.tu .tu-ic.tu-i-expand{width:16px;height:16px;--i:url(icons/expand.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-eye-off{width:16px;height:16px;--i:url(icons/eye-off.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-feather{width:16px;height:16px;--i:url(icons/feather.svg);--ic:var(--tu-status-info)}
.tu .tu-ic.tu-i-filter{width:16px;height:16px;--i:url(icons/filter.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-fomo{width:16px;height:16px;--i:url(icons/fomo.svg);--ic:var(--tu-text-text)}
.tu .tu-ic.tu-i-footsteps{width:16px;height:16px;--i:url(icons/footsteps.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-ghost{width:16px;height:16px;--i:url(icons/ghost.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-globe{width:20px;height:20px;--i:url(icons/globe.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-instagram{width:16px;height:16px;--i:url(icons/instagram.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-layout-bottom{width:16px;height:16px;--i:url(icons/layout-bottom.svg);--ic:var(--tu-text-text)}
.tu .tu-ic.tu-i-layout-grid{width:20px;height:20px;--i:url(icons/layout-grid.svg);--ic:var(--tu-text-text)}
.tu .tu-ic.tu-i-layout-right{width:16px;height:16px;--i:url(icons/layout-right.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-leaf{width:16px;height:16px;--i:url(icons/leaf.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-link{width:16px;height:16px;--i:url(icons/link.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-lock{width:16px;height:16px;--i:url(icons/lock.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-logo{width:114px;height:18px;--i:url(icons/logo.svg);--ic:var(--tu-text-text)}
.tu .tu-ic.tu-i-palette{width:20px;height:20px;--i:url(icons/palette.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-pencil{width:16px;height:16px;--i:url(icons/pencil.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-pencil-14{width:14px;height:14px;--i:url(icons/pencil-14.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-pencil-20{width:20px;height:20px;--i:url(icons/pencil-20.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-percent{width:16px;height:16px;--i:url(icons/percent.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-pie{width:16px;height:16px;--i:url(icons/pie.svg);--ic:var(--tu-trading-positive)}
.tu .tu-ic.tu-i-pill{width:16px;height:16px;--i:url(icons/pill.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-pin{width:16px;height:16px;--i:url(icons/pin.svg);--ic:var(--tu-text-text)}
.tu .tu-ic.tu-i-pin-fill{width:15px;height:15px;--i:url(icons/pin-fill.svg);--ic:var(--tu-interaction-active)}
.tu .tu-ic.tu-i-pip{width:20px;height:20px;--i:url(icons/pip.svg);--ic:var(--tu-text-text)}
.tu .tu-ic.tu-i-platform-truth{width:14px;height:14px;background:url(icons/platform-truth.svg) center/contain no-repeat;-webkit-mask:none;mask:none}
.tu .tu-ic.tu-i-plus{width:16px;height:16px;--i:url(icons/plus.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-popout{width:20px;height:20px;--i:url(icons/popout.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-repeat{width:16px;height:16px;--i:url(icons/repeat.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-robot{width:16px;height:16px;--i:url(icons/robot.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-rocket{width:16px;height:16px;--i:url(icons/rocket.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-search{width:16px;height:16px;--i:url(icons/search.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-search-20{width:20px;height:20px;--i:url(icons/search-20.svg);--ic:var(--tu-text-text)}
.tu .tu-ic.tu-i-share{width:16px;height:16px;--i:url(icons/share.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-shield{width:16px;height:16px;--i:url(icons/shield.svg);--ic:var(--tu-text-text)}
.tu .tu-ic.tu-i-signal{width:18px;height:13px;--i:url(icons/signal.svg);--ic:var(--tu-text-text)}
.tu .tu-ic.tu-i-sliders{width:16px;height:16px;--i:url(icons/sliders.svg);--ic:var(--tu-interaction-active)}
.tu .tu-ic.tu-i-sliders-18{width:18px;height:18px;--i:url(icons/sliders-18.svg);--ic:var(--tu-interaction-active)}
.tu .tu-ic.tu-i-slippage{width:16px;height:16px;--i:url(icons/slippage.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-sol{width:16px;height:16px;background:url(icons/sol.svg) center/contain no-repeat;-webkit-mask:none;mask:none}
.tu .tu-ic.tu-i-sol-20{width:20px;height:20px;background:url(icons/sol-20.svg) center/contain no-repeat;-webkit-mask:none;mask:none}
.tu .tu-ic.tu-i-sol-22{width:22px;height:22px;background:url(icons/sol-22.svg) center/contain no-repeat;-webkit-mask:none;mask:none}
.tu .tu-ic.tu-i-sol-flat{width:12px;height:10.3px;--i:url(icons/sol-flat.svg);--ic:var(--tu-trading-positive)}
.tu .tu-ic.tu-i-solscan{width:16px;height:16px;--i:url(icons/solscan.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-speed{width:16px;height:16px;--i:url(icons/speed.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-star{width:16px;height:16px;--i:url(icons/star.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-star-20{width:20px;height:20px;--i:url(icons/star-20.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-star-filled{width:20px;height:20px;--i:url(icons/star-filled.svg);--ic:var(--tu-text-text)}
.tu .tu-ic.tu-i-target{width:16px;height:16px;--i:url(icons/target.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-telegram{width:16px;height:16px;--i:url(icons/telegram.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-tiktok{width:16px;height:16px;--i:url(icons/tiktok.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-tool-01{width:28px;height:28px;--i:url(icons/tool-01.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-tool-02{width:28px;height:28px;--i:url(icons/tool-02.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-tool-03{width:28px;height:28px;--i:url(icons/tool-03.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-tool-04{width:28px;height:28px;--i:url(icons/tool-04.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-tool-05{width:28px;height:28px;--i:url(icons/tool-05.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-tool-06{width:28px;height:28px;--i:url(icons/tool-06.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-tool-07{width:28px;height:28px;--i:url(icons/tool-07.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-tool-08{width:28px;height:28px;--i:url(icons/tool-08.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-tool-09{width:28px;height:28px;--i:url(icons/tool-09.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-tool-10{width:28px;height:28px;--i:url(icons/tool-10.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-tool-11{width:28px;height:28px;--i:url(icons/tool-11.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-tool-12{width:28px;height:28px;--i:url(icons/tool-12.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-tool-13{width:28px;height:28px;--i:url(icons/tool-13.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-tool-14{width:28px;height:28px;--i:url(icons/tool-14.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-tool-15{width:28px;height:28px;--i:url(icons/tool-15.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-tool-16{width:28px;height:28px;--i:url(icons/tool-16.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-trend{width:16px;height:16px;--i:url(icons/trend.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-tv-alert{width:28px;height:28px;--i:url(icons/tv-alert.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-tv-camera{width:28px;height:28px;--i:url(icons/tv-camera.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-tv-candles{width:28px;height:28px;--i:url(icons/tv-candles.svg);--ic:var(--tu-text-text)}
.tu .tu-ic.tu-i-tv-caret{width:8px;height:4px;--i:url(icons/tv-caret.svg);--ic:var(--tu-text-text)}
.tu .tu-ic.tu-i-tv-caret-fill{width:28px;height:28px;--i:url(icons/tv-caret-fill.svg);--ic:var(--tu-text-text)}
.tu .tu-ic.tu-i-tv-chevron-up{width:15px;height:15px;--i:url(icons/tv-chevron-up.svg);--ic:var(--tu-text-text)}
.tu .tu-ic.tu-i-tv-fullscreen{width:28px;height:28px;--i:url(icons/tv-fullscreen.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-tv-fx{width:28px;height:28px;--i:url(icons/tv-fx.svg);--ic:var(--tu-text-text)}
.tu .tu-ic.tu-i-tv-live{width:18px;height:18px;background:url(icons/tv-live.svg) center/contain no-repeat;-webkit-mask:none;mask:none}
.tu .tu-ic.tu-i-tv-logo{width:24px;height:24px;--i:url(icons/tv-logo.svg);--ic:var(--tu-text-text)}
.tu .tu-ic.tu-i-tv-percent{width:12px;height:12.3242px;--i:url(icons/tv-percent.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-tv-redo{width:28px;height:28px;--i:url(icons/tv-redo.svg);--ic:var(--tu-text-text)}
.tu .tu-ic.tu-i-tv-settings{width:28px;height:28px;--i:url(icons/tv-settings.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-tv-undo{width:28px;height:28px;--i:url(icons/tv-undo.svg);--ic:var(--tu-text-text)}
.tu .tu-ic.tu-i-user{width:16px;height:16px;--i:url(icons/user.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-user-add{width:16px;height:16px;--i:url(icons/user-add.svg);--ic:var(--tu-interaction-active)}
.tu .tu-ic.tu-i-user-duo{width:16px;height:16px;--i:url(icons/user-duo.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-user-group{width:22px;height:22px;--i:url(icons/user-group.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-users{width:16px;height:16px;--i:url(icons/users.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-users-blue{width:16px;height:16px;--i:url(icons/users-blue.svg);--ic:var(--tu-status-info)}
.tu .tu-ic.tu-i-users-top{width:16px;height:16px;--i:url(icons/users-top.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-volume{width:16px;height:16px;--i:url(icons/volume.svg);--ic:var(--tu-interaction-active)}
.tu .tu-ic.tu-i-volume-20{width:20px;height:20px;--i:url(icons/volume-20.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-i-wallet{width:20px;height:20px;--i:url(icons/wallet.svg);--ic:var(--tu-interaction-active)}
.tu .tu-ic.tu-i-wallet-16{width:16px;height:16px;--i:url(icons/wallet-16.svg);--ic:var(--tu-interaction-active)}
.tu .tu-ic.tu-i-wallet-22{width:22px;height:22px;--i:url(icons/wallet-22.svg);--ic:var(--tu-interaction-active)}
.tu .tu-ic.tu-i-wallet-card{width:20px;height:20px;--i:url(icons/wallet-card.svg);--ic:var(--tu-text-text)}
.tu .tu-ic.tu-i-wifi{width:18.6px;height:13.174px;--i:url(icons/wifi.svg);--ic:var(--tu-text-text)}
.tu .tu-ic.tu-i-x{width:16px;height:16px;--i:url(icons/x.svg);--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-ic.tu-tone-secondary{--ic:var(--tu-text-secondary)}
.tu .tu-ic.tu-ic.tu-tone-text{--ic:var(--tu-text-text)}
.tu .tu-ic.tu-ic.tu-tone-active{--ic:var(--tu-interaction-active)}
.tu .tu-ic.tu-ic.tu-tone-positive{--ic:var(--tu-trading-positive)}
.tu .tu-ic.tu-ic.tu-tone-negative{--ic:var(--tu-trading-negative)}
.tu .tu-ic.tu-ic.tu-tone-info{--ic:var(--tu-status-info)}
.tu .tu-ic.tu-ic.tu-tone-warning{--ic:var(--tu-status-warning)}
.tu .tu-ic.tu-ic.tu-tone-background{--ic:var(--tu-surface-background)}
.tu .tu-c-secondary{color:var(--tu-text-secondary)}
.tu .tu-c-text{color:var(--tu-text-text)}
.tu .tu-c-active{color:var(--tu-interaction-active)}
.tu .tu-c-positive{color:var(--tu-trading-positive)}
.tu .tu-c-negative{color:var(--tu-trading-negative)}
.tu .tu-c-info{color:var(--tu-status-info)}
.tu .tu-c-warning{color:var(--tu-status-warning)}
.tu .tu-c-background{color:var(--tu-surface-background)}
/* ============================================================================================================
   Trench UI components (source: _source/deck3/trench-ui/components.css; gen.py puts the tokens and the icon set
   in front of it and writes deck3/assets/trench-ui/trench-ui.css).

   Rules of the file:
   - a value is always a token: var(--tu-...) for every colour, space, radius and size, a .tu-label-N / .tu-mono-N
     class for every text style. No hex and no font size is written here.
   - one block per component, named as in the Figma library. A screen never styles anything itself.
   - layout is flex and grid, as the Figma file is auto layout: nothing is positioned by pixel except badges that
     ride a corner.
   - outlines take no room, as in Figma (strokes sit inside a frame and its contents run under them). So an outline
     is drawn one of two ways, never with a border that would push the contents in by a pixel: --tu-ring on small
     parts (an inset ring), --tu-frame on containers whose children are filled (a line laid over the contents).
   A screen is a .tu page at 1600 x 974, scaled into its frame with --k.
   ============================================================================================================ */
.tu,.tu *,.tu *::before,.tu *::after{box-sizing:border-box}
.tu{position:absolute;left:0;top:0;width:var(--tu-page-w);height:var(--tu-page-h);overflow:hidden;display:flex;flex-direction:column;
  background:var(--tu-surface-background);color:var(--tu-text-text);font:500 12px/16px var(--tu-font-sans);letter-spacing:0;text-align:left;white-space:nowrap;
  transform:scale(var(--k,1));transform-origin:0 0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:none;font-style:normal}
.tu i{font-style:normal}
.tu img{display:block;max-width:none;border:0}
.tu span,.tu div,.tu i{margin:0;padding:0}
.tu .tu-c-inherit{color:inherit}
.tu .tu-grow{flex:1 1 0;min-width:0}
.tu .tu-dim{opacity:.5}
.tu .tu-right{justify-content:flex-end}

/* ---------- outlines: a ring for small parts, a frame over filled containers ---------- */
/* each part states its own outline here (none, or the divider), so a part never picks up the outline of the part it sits in:
   a switch has a ring, its options do not, only the selected one does */
.tu .tu-badge,.tu .tu-pill,.tu .tu-platform,.tu .tu-emoji,.tu .tu-btn,.tu .tu-square-btn,.tu .tu-switch,.tu .tu-switch-opt,.tu .tu-check,.tu .tu-field,.tu .tu-legend-toggle,.tu .tu-estimate{--tu-ring:transparent;box-shadow:inset 0 0 0 1px var(--tu-ring)}
.tu .tu-panel,.tu .tu-col,.tu .tu-card,.tu .tu-avatar,.tu .tu-padbadge,.tu .tu-input,.tu .tu-seg,.tu .tu-walletbox,.tu .tu-wallet-cell,.tu .tu-banner{position:relative;--tu-frame:var(--tu-boundry-divider)}
.tu .tu-panel::after,.tu .tu-col::after,.tu .tu-card::after,.tu .tu-avatar::after,.tu .tu-padbadge::after,.tu .tu-input::after,.tu .tu-seg::after,.tu .tu-walletbox::after,.tu .tu-wallet-cell::after,.tu .tu-banner::after{
  content:"";position:absolute;inset:0;border:1px solid var(--tu-frame);border-radius:inherit;pointer-events:none}

/* ---------- Icon ---------- */
.tu .tu-ic{display:inline-block;flex:none;width:16px;height:16px;background:var(--ic,currentColor);-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.tu .tu-ic.tu-ic.tu-s16{width:16px;height:16px}
.tu .tu-ic.tu-ic.tu-s24{width:24px;height:24px}

/* ---------- Divider (the short vertical rule between groups) ---------- */
.tu .tu-vr{flex:none;width:0;border-left:1px solid var(--tu-boundry-divider)}
.tu .tu-vr.tu-h20{height:20px}
.tu .tu-vr.tu-h16{height:16px}

/* ---------- Platform (a launchpad mark in its round badge) ---------- */
.tu .tu-platform{flex:none;display:flex;align-items:center;justify-content:center;border-radius:var(--tu-radius-full);overflow:hidden;padding:1px;
  background:var(--tu-surface-background);--tu-ring:var(--tu-boundry-divider)}
.tu .tu-platform.tu-s12{width:12px;height:12px}
.tu .tu-platform.tu-s16{width:16px;height:16px}
.tu .tu-platform img,.tu .tu-platform .tu-ic{width:100%;height:100%;object-fit:cover;border-radius:var(--tu-radius-full)}
.tu .tu-stack{display:flex;align-items:center}
.tu .tu-stack>.tu-platform{margin-right:calc(var(--tu-space-8)*-1)}
.tu .tu-stack>.tu-platform:last-child{margin-right:0}
.tu .tu-stack.tu-loose>.tu-platform{margin-right:0}
/* the squared one a table uses for a pool or a client */
.tu .tu-padbadge{flex:none;display:flex;align-items:center;justify-content:center;border-radius:var(--tu-radius-4);overflow:hidden}
.tu .tu-padbadge.tu-s24{width:24px;height:24px}
.tu .tu-padbadge.tu-s20{width:20px;height:20px}
.tu .tu-padbadge img{width:20px;height:20px;object-fit:cover}
.tu .tu-padbadge.tu-s20 img{width:100%;height:100%}

/* ---------- Avatars ---------- */
.tu .tu-avatar{flex:none;display:block;border-radius:var(--tu-radius-4);background:var(--tu-surface-background)}
.tu .tu-avatar>img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.tu .tu-avatar.tu-s20{width:20px;height:20px}
.tu .tu-avatar.tu-s24{width:24px;height:24px}
.tu .tu-avatar.tu-s24.tu-wide{width:40px}
.tu .tu-avatar.tu-s48{width:48px;height:48px;border-radius:var(--tu-radius-8)}
.tu .tu-avatar.tu-s64{width:64px;height:64px;border-radius:var(--tu-radius-8)}
.tu .tu-avatar-pads{position:absolute;z-index:1;right:calc(var(--tu-space-6)*-1);bottom:calc(var(--tu-space-6)*-1);display:flex;flex-direction:column;gap:var(--tu-space-4)}
.tu .tu-emoji{flex:none;display:flex;align-items:center;justify-content:center;border-radius:var(--tu-radius-full);--tu-ring:var(--tu-boundry-divider)}
.tu .tu-emoji.tu-s24{width:24px;height:24px}
.tu .tu-emoji.tu-s48{width:48px;height:48px}
.tu .tu-emoji[class*="tu-hue-"]{background:var(--tu-hue-soft);--tu-ring:var(--tu-hue-line)}

/* ---------- Badge ---------- */
.tu .tu-badge{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--tu-space-2);min-width:20px;padding:var(--tu-space-2);
  --tu-ring:var(--tu-boundry-divider);border-radius:var(--tu-radius-4);color:var(--tu-text-secondary)}
.tu .tu-badge>span{padding:0 var(--tu-space-2)}
.tu .tu-badge.tu-h18{height:18px;border-radius:var(--tu-radius-3)}
.tu .tu-badge.tu-h16{height:16px}

/* ---------- Pills ---------- */
.tu .tu-pill{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--tu-space-2);height:20px;padding:var(--tu-space-2) var(--tu-space-4);
  --tu-ring:var(--tu-boundry-divider);border-radius:var(--tu-radius-full)}
.tu .tu-pill-body{display:flex;align-items:center;gap:var(--tu-space-2);padding:0 var(--tu-space-2)}
.tu .tu-pill.tu-multi{padding-left:var(--tu-space-2);gap:var(--tu-space-4)}
/* lit: a filter picked this chip out. As in the mobile app's design (Mobile, Monitor / Buy Swipe): the outline, the icon and the figures take the
   chip's hue (the .tu-hue-* class beside it) at full strength, and the chip stays unfilled */
.tu .tu-pill{transition:background-color .25s ease,box-shadow .25s ease}
.tu .tu-pill.tu-lit{--tu-ring:var(--tu-hue)}
.tu .tu-pill.tu-lit .tu-c-text,.tu .tu-pill.tu-lit .tu-c-secondary{color:var(--tu-hue)}
.tu .tu-pill.tu-lit .tu-ic{--ic:var(--tu-hue)}
.tu .tu-pill .tu-c-text,.tu .tu-pill .tu-c-secondary{transition:color .25s ease}
.tu .tu-pill .tu-ic{transition:background-color .25s ease}
.tu .tu-pill>.tu-pill-x{display:none}
.tu .tu-pill.tu-lit>.tu-pill-x{display:inline-block}

/* ---------- Buttons ---------- */
.tu .tu-btn{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--tu-space-6);border-radius:var(--tu-radius-6)}
.tu .tu-btn.tu-h28{height:28px;padding:0 var(--tu-space-8)}
.tu .tu-btn.tu-h32{height:32px;padding:0 var(--tu-space-10);gap:var(--tu-space-8)}
.tu .tu-btn.tu-icon-only.tu-h28{width:28px;padding:0}
.tu .tu-btn.tu-icon-only.tu-h32{width:32px;padding:0}
.tu .tu-btn-primary{background:var(--tu-interaction-active);--tu-ring:var(--tu-alpha-grey-alpha-24);color:var(--tu-surface-background)}
.tu .tu-btn-secondary{background:var(--tu-surface-midground);--tu-ring:var(--tu-alpha-grey-alpha-16);color:var(--tu-text-text)}
.tu .tu-btn-ghost{color:var(--tu-text-secondary)}
.tu .tu-btn-ghost.tu-on{color:var(--tu-text-text)}
.tu .tu-square-btn{flex:none;display:flex;align-items:center;justify-content:center;width:32px;height:32px;--tu-ring:var(--tu-boundry-divider);border-radius:var(--tu-radius-6)}

/* ---------- Nav Button and tabs ---------- */
.tu .tu-navbtn{flex:none;display:flex;align-items:center;justify-content:center;gap:var(--tu-space-6)}
.tu .tu-navbtn.tu-nav{padding:var(--tu-space-10) var(--tu-space-8)}
.tu .tu-navbtn.tu-tab,.tu .tu-navbtn.tu-tab-lg{height:100%;padding:0 var(--tu-space-12);border-bottom:1px solid transparent;margin-bottom:-1px}
.tu .tu-navbtn.tu-tab.tu-on,.tu .tu-navbtn.tu-tab-lg.tu-on{border-bottom-color:var(--tu-text-text)}
.tu .tu-navbtn.tu-sub{height:100%;padding:0 var(--tu-space-8)}
.tu .tu-tabs{display:flex;align-items:stretch;align-self:stretch}
.tu .tu-tabs.tu-fill{flex:1 1 0}
.tu .tu-tabs.tu-fill>.tu-navbtn{flex:1 1 0}

/* ---------- Switch Toggle (one of a few) ---------- */
.tu .tu-switch{flex:none;display:inline-flex;align-items:stretch;gap:var(--tu-space-4);height:28px;padding:var(--tu-space-2) var(--tu-space-8) var(--tu-space-2) var(--tu-space-2);
  background:var(--tu-surface-background);--tu-ring:var(--tu-boundry-divider);border-radius:var(--tu-radius-full)}
.tu .tu-switch-opt{display:flex;align-items:center;justify-content:center;padding:0 var(--tu-space-6);border-radius:var(--tu-radius-full)}
.tu .tu-switch-opt.tu-on{min-width:45px;background:var(--tu-surface-midground);--tu-ring:var(--tu-alpha-grey-alpha-24)}
.tu .tu-switch.tu-fill{display:flex;flex:1 1 0;height:32px;padding:var(--tu-space-2)}
.tu .tu-switch.tu-fill>.tu-switch-opt{flex:1 1 0}
/* the squared one: amount presets */
.tu .tu-seg{flex:1 1 0;display:flex;height:32px;border-radius:var(--tu-radius-6);overflow:hidden}
.tu .tu-seg-opt{flex:1 1 0;display:flex;align-items:center;justify-content:center;gap:var(--tu-space-4);padding:0 var(--tu-space-8)}
.tu .tu-seg-opt+.tu-seg-opt{box-shadow:inset 1px 0 0 var(--tu-boundry-divider)}
.tu .tu-seg-opt.tu-on{background:var(--tu-surface-midground)}

/* ---------- Toggle and Checkbox ---------- */
/* Slider: a rail with a tick every eighth, the thumb at --p. An optional boxed label leads it */
.tu .tu-slider{flex:1 1 0;display:flex;align-items:center;min-width:0}
.tu .tu-slider-lead{flex:none;display:flex;align-items:center;justify-content:center;width:40px;height:32px;margin-right:var(--tu-space-12);border-radius:var(--tu-radius-6);box-shadow:inset 0 0 0 1px var(--tu-boundry-divider)}
.tu .tu-slider-rail{position:relative;flex:1 1 0;height:32px;margin:0 1px;background:repeating-linear-gradient(90deg,var(--tu-neutral-500) 0 1px,transparent 1px 12.5%) 0 50%/calc(100% + 1px) 9px no-repeat,linear-gradient(var(--tu-boundry-divider),var(--tu-boundry-divider)) 0 50%/100% 1px no-repeat}
.tu .tu-slider-thumb{position:absolute;left:var(--p,0%);top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:var(--tu-radius-full);background:var(--tu-surface-foreground);box-shadow:inset 0 0 0 1.5px var(--tu-interaction-active),0 0 0 3px var(--tu-surface-foreground);transition:left .35s cubic-bezier(.2,.8,.2,1)}
.tu .tu-toggle{position:relative;flex:none;width:38px;height:20px}
.tu .tu-toggle::before{content:"";position:absolute;left:2px;right:2px;top:2px;bottom:2px;border-radius:var(--tu-radius-full);background:var(--tu-surface-background);border:1px solid var(--tu-boundry-divider)}
.tu .tu-toggle>i{position:absolute;left:5px;top:5px;width:16px;height:10px;border-radius:var(--tu-radius-full);background:var(--tu-text-text);transition:transform .18s ease,background-color .18s ease}
.tu .tu-toggle.tu-on>i{transform:translateX(12px);background:var(--tu-interaction-active)}
.tu .tu-check{flex:none;width:16px;height:16px;border-radius:2px;background:var(--tu-surface-foreground);--tu-ring:var(--tu-boundry-divider)}
.tu .tu-check.tu-on{background:var(--tu-interaction-active);--tu-ring:var(--tu-interaction-active)}

/* ---------- Inputs ---------- */
.tu .tu-field{display:flex;align-items:center;gap:var(--tu-space-10);padding:var(--tu-space-8);background:var(--tu-surface-foreground);--tu-ring:var(--tu-boundry-border);border-radius:var(--tu-radius-6)}
.tu .tu-field-main{flex:1 1 0;display:flex;align-items:center;gap:var(--tu-space-8);min-width:0}
.tu .tu-field.tu-search{width:391px}
.tu .tu-paste{display:flex;align-items:center;gap:var(--tu-space-4)}
.tu .tu-input{display:flex;align-items:stretch;height:32px;background:var(--tu-surface-foreground);border-radius:var(--tu-radius-6);overflow:hidden}
.tu .tu-input.tu-h28{height:28px}
.tu .tu-input>*{display:flex;align-items:center;gap:var(--tu-space-6)}
.tu .tu-input>*+*{box-shadow:inset 1px 0 0 var(--tu-boundry-divider)}
.tu .tu-input-main{flex:1 1 0;padding:0 var(--tu-space-10)}
.tu .tu-input-box{justify-content:center;min-width:30px;padding:0 var(--tu-space-6);background:var(--tu-alpha-grey-alpha-4)}
.tu .tu-input-well{width:48px;background:var(--tu-surface-background)}

/* ---------- Values ---------- */
.tu .tu-sol{display:inline-flex;align-items:center;gap:var(--tu-space-4)}
.tu .tu-sol>.tu-i-sol-22{margin-right:var(--tu-space-4)}
.tu .tu-icon-text{display:inline-flex;align-items:center;gap:var(--tu-space-6)}
.tu .tu-icon-text.tu-tight{gap:var(--tu-space-2)}
.tu .tu-icon-row{display:inline-flex;align-items:center;gap:var(--tu-space-8)}
.tu .tu-gap6{gap:var(--tu-space-6)}
.tu .tu-gap8{gap:var(--tu-space-8)}
.tu .tu-gap10{gap:var(--tu-space-10)}
.tu .tu-gap12{gap:var(--tu-space-12)}
.tu .tu-gap13{gap:13px}
.tu .tu-pad12{padding:0 var(--tu-space-12)}
/* a figure that just changed keeps its direction's colour for a moment */
.tu .tu-flash-up{color:var(--tu-trading-positive)!important;transition:none}
.tu .tu-flash-down{color:var(--tu-trading-negative)!important;transition:none}
.tu [data-k]{transition:color .6s ease}

/* ---------- Panel ---------- */
.tu .tu-panel{display:flex;flex-direction:column;min-height:0;background:var(--tu-surface-foreground);--tu-frame:var(--tu-boundry-border);overflow:hidden}
.tu .tu-panel.tu-grow{flex:1 1 0}
.tu .tu-panel-head{flex:none;display:flex;align-items:center;gap:var(--tu-space-8);height:var(--tu-tabs-h);padding-right:var(--tu-space-12);border-bottom:1px solid var(--tu-boundry-divider)}
.tu .tu-panel-head.tu-flush{padding-right:0;gap:0}
.tu .tu-panel-head>.tu-label-3{padding:0 var(--tu-space-10)}
.tu .tu-head-square{flex:none;display:flex;align-items:center;justify-content:center;width:40px;height:40px}
.tu .tu-subnav{display:flex;align-items:stretch;align-self:stretch;padding-right:var(--tu-space-4)}

/* ---------- Table ---------- */
.tu .tu-table{flex:1 1 0;display:flex;flex-direction:column;min-height:0}
.tu .tu-thead,.tu .tu-tr{flex:none;display:grid;grid-template-columns:var(--tu-cols)}
.tu .tu-tbody{position:relative;flex:1 1 0;min-height:0;overflow:hidden}
.tu .tu-th{display:flex;align-items:center;gap:var(--tu-space-6);height:var(--tu-thead-h);padding:0 var(--tu-space-12);border-bottom:1px solid var(--tu-boundry-divider);overflow:hidden}
.tu .tu-th .tu-slash{margin:0 calc(var(--tu-space-2)*-1)}
.tu .tu-td{display:flex;align-items:center;gap:var(--tu-space-6);height:var(--tu-row-h);padding:0 var(--tu-space-12);overflow:hidden;
  background:var(--tu-surface-foreground);border-top:1px solid var(--tu-boundry-divider);border-bottom:1px solid var(--tu-boundry-divider)}
.tu .tu-token{flex:none;display:flex;align-items:center;gap:var(--tu-space-8)}
.tu .tu-td-token{overflow:hidden}
.tu .tu-td-buy{justify-content:center;padding:0 var(--tu-space-8);background:var(--tu-surface-midground);border-top-color:transparent}
.tu .tu-td-actions{gap:var(--tu-space-8)}
.tu .tu-fund{display:flex;flex-direction:column;justify-content:center;gap:var(--tu-space-2)}
.tu .tu-tr{will-change:transform}

/* ---------- Navbar ---------- */
.tu .tu-navbar{flex:none;display:flex;align-items:center;justify-content:space-between;height:var(--tu-navbar-h);padding:var(--tu-space-8) var(--tu-space-20);
  background:var(--tu-surface-background);border-bottom:1px solid var(--tu-boundry-border)}
.tu .tu-navbar-group{display:flex;align-items:center;gap:var(--tu-space-16)}
.tu .tu-navbar-group.tu-gap12{gap:var(--tu-space-12)}
.tu .tu-latency{display:flex;align-items:center;gap:var(--tu-space-6)}
.tu .tu-latency-dot{position:relative;width:12px;height:12px}
.tu .tu-latency-dot::before{content:"";position:absolute;inset:3.4px;border-radius:var(--tu-radius-full);background:var(--tu-trading-positive)}
.tu .tu-latency-dot::after{content:"";position:absolute;inset:.75px;border-radius:var(--tu-radius-full);border:1.3px solid var(--tu-trading-positive)}
.tu .tu-navlinks{display:flex;align-items:center}
.tu .tu-walletbox{display:flex;align-items:stretch;height:32px;--tu-frame:var(--tu-boundry-border);border-radius:var(--tu-radius-6);overflow:hidden}
.tu .tu-walletbox-count{display:flex;align-items:center;gap:var(--tu-space-6);padding:0 var(--tu-space-8);background:var(--tu-alpha-grey-alpha-4);box-shadow:inset -1px 0 0 var(--tu-boundry-border)}
.tu .tu-walletbox-sol{display:flex;align-items:center;gap:var(--tu-space-4);padding:0 var(--tu-space-8)}
.tu .tu-walletbox-sol>.tu-ic{margin-right:var(--tu-space-2)}
.tu .tu-navbar-tools{display:flex;align-items:center}
.tu .tu-navbar-tools>.tu-vr{margin-right:var(--tu-space-6)}

/* ---------- Net Worth Options (the watchlist bar) ---------- */
.tu .tu-watchbar{flex:none;display:flex;align-items:center;gap:var(--tu-space-10);height:var(--tu-networth-h);padding:0 var(--tu-space-20);
  background:var(--tu-surface-background);border-bottom:1px solid var(--tu-boundry-border)}
.tu .tu-networth{display:flex;align-items:center;gap:var(--tu-space-8);padding-right:var(--tu-space-8)}
.tu .tu-watch-group{display:flex;align-items:center}
.tu .tu-watch{display:flex;align-items:center;gap:var(--tu-space-4);padding:var(--tu-space-8)}
.tu .tu-watch>.tu-avatar{margin-right:var(--tu-space-2)}

/* ---------- page body ---------- */
.tu .tu-main{flex:1 1 0;display:flex;flex-direction:column;gap:var(--tu-gutter);min-height:0;padding:var(--tu-gutter)}
.tu .tu-split{flex:1 1 0;display:flex;gap:var(--tu-gutter);min-height:0}
.tu .tu-stack-col{display:flex;flex-direction:column;gap:var(--tu-gutter);min-height:0}
.tu .tu-stack-col.tu-side{flex:none;width:320px}
.tu .tu-toolbar{flex:none;display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 var(--tu-space-20)}
.tu .tu-toolbar-group{display:flex;align-items:center;gap:var(--tu-space-8)}
.tu .tu-toolbar-group.tu-tight{gap:0}
.tu .tu-toolbar-group.tu-tight>.tu-btn:first-child{padding-left:0}
.tu .tu-toolbar-group.tu-tight>.tu-icon-only{margin-left:var(--tu-space-12)}

/* ---------- Monitor: column, filters, Token Card, footer ---------- */
.tu.tu-monitor .tu-main{padding:0;gap:0}
.tu .tu-cols{flex:1 1 0;display:flex;gap:var(--tu-gutter);min-height:0;padding:0 var(--tu-gutter) var(--tu-gutter)}
.tu .tu-col{flex:1 1 0;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--tu-surface-foreground);overflow:hidden}
.tu .tu-col-head{flex:none;display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 var(--tu-space-12);border-bottom:1px solid var(--tu-boundry-divider)}
.tu .tu-col-title{display:flex;align-items:center;gap:var(--tu-space-8)}
.tu .tu-col-tools{display:flex;align-items:center}
/* the chip filters: one line of chips, or opened (.tu-open) so every chip shows on two */
.tu .tu-col-filters{position:relative;flex:none;display:flex;align-items:flex-start;height:40px;padding:0 var(--tu-space-12);border-bottom:1px solid var(--tu-boundry-divider);overflow:hidden;transition:height .3s cubic-bezier(.2,.7,.2,1)}
.tu .tu-col-filters.tu-open{height:68px}
.tu .tu-col-filters-row{flex:1 1 0;display:flex;align-items:center;gap:var(--tu-space-8);min-width:0;padding:var(--tu-space-10) 0;overflow:hidden}
.tu .tu-col-filters.tu-open>.tu-col-filters-row{flex-wrap:wrap}
.tu .tu-col-filters>.tu-btn{margin-top:var(--tu-space-6)}
.tu .tu-col-filters>.tu-btn>.tu-ic{transition:transform .25s ease}
.tu .tu-col-filters.tu-open>.tu-btn>.tu-ic{transform:rotate(180deg)}
.tu .tu-col-filters.tu-open>.tu-fade{opacity:0}
.tu .tu-fade{position:absolute;right:40px;top:7px;width:74px;height:25px;background:linear-gradient(to right,transparent,var(--tu-surface-foreground));transition:opacity .2s ease}
.tu .tu-col-cards{position:relative;flex:1 1 0;display:flex;flex-direction:column;gap:var(--tu-gutter);min-height:0;padding:var(--tu-gutter);overflow:hidden}
.tu .tu-card{flex:none;display:flex;align-items:stretch;background:var(--tu-tint,var(--tu-alpha-grey-alpha-4));overflow:hidden;will-change:transform;transition:background-color .35s ease}
.tu .tu-card-body{flex:1 1 0;display:flex;align-items:flex-start;gap:var(--tu-space-10);min-width:0;padding:var(--tu-space-12)}
.tu .tu-card-image{flex:none;display:flex;flex-direction:column;gap:var(--tu-space-8);width:64px}
.tu .tu-bond{position:relative;height:2px;border-radius:var(--tu-radius-full);background:var(--tu-alpha-red-alpha-32)}
.tu .tu-bond>i{position:absolute;left:0;top:0;height:2px;border-radius:var(--tu-radius-full);background:var(--tu-trading-negative)}
.tu .tu-card-ca{display:block;width:64px;margin-top:calc(var(--tu-space-4)*-1);overflow:hidden;text-overflow:ellipsis}
.tu .tu-card-info{flex:1 1 0;display:flex;flex-direction:column;gap:var(--tu-space-8);min-width:0}
.tu .tu-card-head{display:flex;flex-direction:column;gap:var(--tu-space-6)}
.tu .tu-card-title{display:flex;align-items:center;gap:var(--tu-space-8)}
.tu .tu-card-meta{display:flex;align-items:center;gap:var(--tu-space-6)}
.tu .tu-card-meta .tu-icon-text{gap:var(--tu-space-4)}
.tu .tu-card-pills{display:flex;flex-wrap:wrap;gap:var(--tu-space-6)}
.tu .tu-card-buy{flex:none;display:flex;align-items:center;justify-content:center;width:var(--tu-card-buy-w);padding:var(--tu-space-12) var(--tu-space-8);background:var(--tu-tint-strong,var(--tu-surface-midground));box-shadow:inset 1px 0 0 var(--tu-boundry-divider);transition:background-color .35s ease}
.tu .tu-col-foot{flex:none;display:flex;align-items:center;justify-content:space-between;height:40px;padding-right:var(--tu-space-8);background:var(--tu-surface-foreground);border-top:1px solid var(--tu-boundry-divider)}
.tu .tu-foot-group{display:flex;align-items:center;align-self:stretch}
.tu .tu-foot-cell{display:flex;align-items:center;gap:var(--tu-space-4);align-self:stretch;padding:0 var(--tu-space-8);box-shadow:inset -1px 0 0 var(--tu-foot-line,var(--tu-boundry-divider))}
.tu .tu-foot-cell.tu-square{justify-content:center;width:40px;padding:0}
.tu .tu-foot-cell.tu-last{box-shadow:none}
.tu .tu-speeds{display:flex;align-items:center;gap:var(--tu-space-6)}

/* ---------- Token page: Token Information bar ---------- */
.tu .tu-tokenbar{flex:none;flex-direction:row;align-items:stretch;height:72px}
.tu .tu-bar-scroll{flex:1 1 0;display:flex;min-width:0;overflow:hidden}
.tu .tu-bar-cell{flex:none;display:flex;align-items:center;gap:var(--tu-space-12);padding:var(--tu-space-12);box-shadow:inset 1px 0 0 var(--tu-boundry-divider),inset -1px 0 0 var(--tu-boundry-divider)}
.tu .tu-bar-cell.tu-ident{box-shadow:inset -1px 0 0 var(--tu-boundry-divider)}
.tu .tu-bar-cell.tu-price{flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--tu-space-6)}
.tu .tu-ident-text{display:flex;flex-direction:column;gap:var(--tu-space-8)}
.tu .tu-ident-top{display:flex;align-items:center;gap:var(--tu-space-8)}
.tu .tu-ident-bottom{display:flex;align-items:center;gap:var(--tu-space-12)}
.tu .tu-stat{display:flex;flex-direction:column;gap:var(--tu-space-6)}
.tu .tu-stat-label{display:flex;align-items:center;gap:var(--tu-space-6);height:16px}
.tu .tu-stat-value{display:flex;align-items:center;gap:var(--tu-space-4);height:20px}
.tu .tu-stat-value>.tu-ic{margin-right:var(--tu-space-2)}
.tu .tu-stat.tu-liq{width:95px}
.tu .tu-liq-values{display:flex;align-items:center;justify-content:space-between;height:16px;margin-bottom:calc(var(--tu-space-4)*-1)}
.tu .tu-meter{position:relative;height:2px;border-radius:var(--tu-radius-full);background:var(--tu-trading-negative);overflow:hidden}
.tu .tu-meter>i{position:absolute;left:0;top:0;height:2px;border-radius:var(--tu-radius-full);background:var(--tu-trading-positive)}
.tu .tu-bar-end{flex:none;display:flex;align-items:center;gap:var(--tu-space-8);padding-right:var(--tu-space-12);margin-left:-56px;background:linear-gradient(to left,var(--tu-surface-foreground) 72%,transparent)}
.tu .tu-bar-more{display:flex;align-items:center;padding:var(--tu-space-12) var(--tu-space-4) var(--tu-space-12) 36px}

/* ---------- Token page: Trade View (the chart) ---------- */
.tu .tu-chart{flex:none;height:450px}
.tu .tu-chart-top{flex:none;display:flex;align-items:center;justify-content:space-between;padding:var(--tu-space-10) var(--tu-space-12);box-shadow:inset 0 -1px 0 var(--tu-boundry-border)}
.tu .tu-chart-tools{display:flex;align-items:center;gap:13px}
.tu .tu-chart-iv{display:flex;align-items:center;gap:14px}
.tu .tu-chart-iv>.tu-ic{margin:0 0 0 calc(var(--tu-space-2)*-1)}
.tu .tu-chart-body{flex:1 1 0;display:flex;min-height:0}
.tu .tu-chart-side{flex:none;display:flex;flex-direction:column;gap:11px;padding:var(--tu-space-12) var(--tu-space-10);border-right:1px solid var(--tu-boundry-border);overflow:hidden}
.tu .tu-chart-main{flex:1 1 0;display:flex;flex-direction:column;min-width:0}
.tu .tu-chart-row{flex:1 1 0;display:flex;min-height:0}
.tu .tu-chart-plot{position:relative;flex:1 1 0;min-width:0;overflow:hidden}
.tu .tu-candles{position:absolute;left:0;top:0;width:100%;height:100%}
.tu .tu-chart-legend{position:absolute;left:var(--tu-space-16);top:var(--tu-space-16);z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:var(--tu-space-6)}
.tu .tu-legend-row{display:flex;align-items:center;gap:var(--tu-space-12);height:20px}
.tu .tu-legend-row.tu-gap8{gap:var(--tu-space-8);height:16px}
.tu .tu-ohlc-row{display:flex;align-items:center;gap:var(--tu-space-8)}
.tu .tu-ohlc{display:flex;align-items:center;gap:var(--tu-space-2)}
.tu .tu-legend-toggle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-top:var(--tu-space-6);--tu-ring:var(--tu-boundry-border);border-radius:var(--tu-radius-3)}
.tu .tu-legend-toggle>.tu-ic{transform:rotate(180deg)}
.tu .tu-chart-mark{position:absolute;left:var(--tu-space-20);bottom:28px;z-index:1}
.tu .tu-chart-axis{position:relative;flex:none;width:80px;background:var(--tu-surface-foreground);border-left:1px solid var(--tu-boundry-border);overflow:hidden}
.tu .tu-chart-axis>span{position:absolute;left:var(--tu-space-12);transform:translateY(-50%)}
.tu .tu-chart-axis>.tu-axis-now{left:0;right:0;padding:var(--tu-space-2) var(--tu-space-12);color:var(--tu-surface-background)}
.tu .tu-chart-foot{flex:none;display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 var(--tu-space-12);box-shadow:inset 0 1px 0 var(--tu-boundry-border)}
.tu .tu-candles .tu-up{fill:var(--tu-trading-positive);stroke:var(--tu-trading-positive)}
.tu .tu-candles .tu-down{fill:var(--tu-trading-negative);stroke:var(--tu-trading-negative)}
.tu .tu-candles .tu-vol{opacity:.5;stroke:none}
.tu .tu-candles .tu-last-line{stroke-dasharray:2 3;stroke-width:1;fill:none}

/* ---------- Token page: order panel, addresses, cost basis ---------- */
.tu .tu-order{flex:none}
.tu .tu-form{display:flex;flex-direction:column}
.tu .tu-form-row{display:flex;align-items:center;padding:var(--tu-space-8) var(--tu-space-12)}
.tu .tu-form-row.tu-first{padding:var(--tu-space-12) var(--tu-space-12) var(--tu-space-6)}
.tu .tu-form-row.tu-tight{padding-top:var(--tu-space-4);padding-bottom:var(--tu-space-4)}
/* the panel's states: a row with data-in shows only in the states it names; the panel's data-state is the one showing (blocks.order_panel) */
.tu .tu-order[data-state="market-buy"] .tu-form-row[data-in]:not([data-in~="market-buy"]),
.tu .tu-order[data-state="market-sell"] .tu-form-row[data-in]:not([data-in~="market-sell"]),
.tu .tu-order[data-state="market-instant"] .tu-form-row[data-in]:not([data-in~="market-instant"]),
.tu .tu-order[data-state="limit"] .tu-form-row[data-in]:not([data-in~="limit"]),
.tu .tu-order[data-state="tpsl"] .tu-form-row[data-in]:not([data-in~="tpsl"]){display:none}
.tu .tu-order[data-state="tpsl"] .tu-form{padding-top:var(--tu-space-4)}
.tu .tu-form-row.tu-submit{flex-direction:column;gap:var(--tu-space-6);padding-bottom:var(--tu-space-12);box-shadow:inset 0 -1px 0 var(--tu-boundry-border)}
.tu .tu-action{display:flex;align-items:center;justify-content:center;width:100%;height:36px;--tu-ring:transparent;box-shadow:inset 0 0 0 1px var(--tu-ring);border-radius:var(--tu-radius-full);transition:opacity .2s ease,background-color .2s ease,color .2s ease}
.tu .tu-action.tu-buy{background:var(--tu-alpha-green-alpha-16);--tu-ring:var(--tu-alpha-green-alpha-24);color:var(--tu-trading-positive)}
.tu .tu-action.tu-sell{background:var(--tu-alpha-red-alpha-16);--tu-ring:var(--tu-alpha-red-alpha-24);color:var(--tu-trading-negative)}
.tu .tu-action.tu-off{opacity:.5}
.tu .tu-order-summary{flex:none;display:flex;align-items:stretch;height:32px;padding-left:var(--tu-space-12)}
.tu .tu-order-summary .tu-foot-cell{--tu-foot-line:var(--tu-boundry-border)}
.tu .tu-order-summary .tu-foot-cell:not(.tu-last){box-shadow:inset 1px 0 0 var(--tu-boundry-border),inset -1px 0 0 var(--tu-boundry-border)}
.tu .tu-order-summary .tu-speeds{gap:var(--tu-space-8)}
.tu .tu-estimate{display:flex;align-items:center;gap:var(--tu-space-8);height:20px;padding-left:var(--tu-space-4);--tu-ring:var(--tu-boundry-border);border-radius:var(--tu-radius-4)}
.tu .tu-estimate-edit{display:flex;align-items:center;justify-content:center;width:20px;height:20px;box-shadow:inset 1px 0 0 var(--tu-boundry-border)}
.tu .tu-pnl{flex:none;display:flex;box-shadow:inset 0 1px 0 var(--tu-boundry-border)}
.tu .tu-ind{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--tu-space-6);padding:var(--tu-space-12) var(--tu-space-4);background:var(--tu-surface-background);box-shadow:inset 1px 0 0 var(--tu-boundry-border)}
.tu .tu-ind:first-child{box-shadow:none}
.tu .tu-ind .tu-icon-text{gap:var(--tu-space-4)}
.tu .tu-ind-value{display:flex;align-items:center;gap:var(--tu-space-2)}
.tu .tu-addresses{flex:none}
.tu .tu-addresses>.tu-panel-head{justify-content:center;padding:0}
.tu .tu-addresses>.tu-panel-head>.tu-grow{display:none}
.tu .tu-kv{display:flex;align-items:center;gap:var(--tu-space-6);padding:var(--tu-space-12);box-shadow:inset 0 -1px 0 var(--tu-boundry-divider)}
.tu .tu-kv.tu-top{align-items:flex-start}
.tu .tu-kv.tu-col-kv{flex-direction:column;align-items:stretch;gap:var(--tu-space-8);box-shadow:none}
.tu .tu-kv>.tu-label-4{flex:1 1 0}
.tu .tu-kv.tu-col-kv>.tu-label-4{flex:none}
.tu .tu-kv-stack{display:flex;flex-direction:column;align-items:flex-end;gap:var(--tu-space-6)}
.tu .tu-banner{display:block;height:96px;border-radius:var(--tu-radius-6);overflow:hidden}
.tu .tu-banner>img{width:100%;height:100%;object-fit:cover}
.tu .tu-costbasis{flex:none;height:332px}
.tu .tu-costbasis>.tu-panel-head{padding-right:var(--tu-space-10)}
.tu .tu-basis{position:relative;flex:none;height:256px;overflow:hidden}
/* cost basis, as the Figma panel draws it. Left: traders per band, a number every 16px with its tick. Middle: the profile, a band every 9.6px,
   top band first. A band is a row the width of the chart: its grey bar is the row's own background (--g), ::before is the band (--w), filled and
   edged on the right, and ::after is the step from this band to the next (--n), so the edge reads as one outline. Right: the market cap each
   height stands for. Below: share of supply. Live (16-trench-ui.js): rows under the line are holders in profit, rows over it are under
   water; the line carries the market cap in its pill and moves with it */
.tu .tu-basis-n{position:absolute;left:0;top:10px;width:40px}
.tu .tu-basis-n>span{position:relative;display:block;width:26px;height:16px;text-align:right}
.tu .tu-basis-n>span::after{content:"";position:absolute;left:32px;top:8px;width:8px;height:1px;background:var(--tu-boundry-divider)}
.tu .tu-basis-bars{position:absolute;left:32px;right:52px;top:0;bottom:0;padding-top:10px;border-left:1px solid var(--tu-boundry-divider)}
.tu .tu-basis-bars>i{position:relative;display:block;height:9.6px;--c:var(--tu-trading-positive);background:linear-gradient(var(--tu-alpha-grey-alpha-16),var(--tu-alpha-grey-alpha-16)) 0 0/var(--g,0%) 100% no-repeat;transition:background-size .4s ease}
.tu .tu-basis-bars>i::before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--w,0%);box-sizing:border-box;background:var(--tu-alpha-green-alpha-32);border-right:1px solid var(--c);transition:width .4s ease,background-color .4s ease,border-color .4s ease}
.tu .tu-basis-bars>i::after{content:"";position:absolute;bottom:-.5px;height:1px;left:min(var(--w,0%),var(--n,0%));width:calc(max(var(--w,0%),var(--n,0%)) - min(var(--w,0%),var(--n,0%)));background:var(--c);transition:left .4s ease,width .4s ease,background-color .4s ease}
.tu .tu-basis-bars>i:first-child::before{border-top:1px solid var(--c)}
.tu .tu-basis-bars>i.tu-loss{--c:var(--tu-trading-negative)}
.tu .tu-basis-bars>i.tu-loss::before{background:var(--tu-alpha-red-alpha-32)}
.tu .tu-basis-mc{position:absolute;right:0;top:12px;width:46px;display:flex;flex-direction:column;gap:20px}
.tu .tu-basis-line{position:absolute;left:32px;right:0;top:38px;height:0;transition:top .4s ease}
.tu .tu-basis-line::before{content:"";position:absolute;left:0;right:50px;top:0;height:1px;background:var(--tu-text-text)}
.tu .tu-basis-line>span{position:absolute;right:2px;top:-10px;box-sizing:border-box;min-width:48px;height:20px;padding:2px 4px;text-align:center;border-radius:var(--tu-radius-4,4px);background:var(--tu-surface-foreground);box-shadow:inset 0 0 0 1px var(--tu-text-text)}
.tu .tu-basis-x{flex:none;display:flex;justify-content:space-between;height:36px;padding:8px 12px 0 44px;border-top:1px solid var(--tu-boundry-divider)}

/* ---------- Portfolio: wallet header and its figures ---------- */
.tu .tu-wallet{flex:none;display:flex;flex-direction:column}
.tu .tu-wallet-head{flex:none;flex-direction:row;align-items:center;height:56px;padding:0 var(--tu-space-16)}
.tu .tu-wallet-stats{display:flex;align-items:stretch}
.tu .tu-wallet-cell{flex:1 1 0;display:flex;flex-direction:column;justify-content:center;gap:var(--tu-space-12);padding:var(--tu-space-16);background:var(--tu-surface-foreground);--tu-frame:var(--tu-boundry-border)}
.tu .tu-wallet-cell.tu-wallet-ident{flex:none;flex-direction:row;align-items:center;justify-content:flex-start;width:248px}
.tu .tu-wallet-value{display:flex;align-items:center;height:24px}

/* ---------- Hue dot, colour field (picking and listing colours) ---------- */
.tu .tu-huedots{display:flex;align-items:center;gap:var(--tu-space-10);height:20px}
.tu .tu-huedots>span{margin-left:var(--tu-space-2)}
.tu .tu-huedot{flex:none;width:16px;height:16px;border-radius:var(--tu-radius-full);background:var(--tu-hue);outline:1.5px solid transparent;outline-offset:2px;transition:outline-color .15s ease}
.tu .tu-huedot.tu-huedot-theme{background:var(--tu-brand-400)}
.tu .tu-huedot.tu-on{outline-color:var(--tu-text-text)}
.tu .tu-colorgrid{display:grid;grid-template-columns:repeat(4,166px);gap:var(--tu-space-8)}
.tu .tu-colorfield{display:flex;align-items:center;gap:var(--tu-space-8);height:28px;padding:0 var(--tu-space-8) 0 var(--tu-space-6);background:var(--tu-surface-background);border-radius:var(--tu-radius-6);box-shadow:inset 0 0 0 1px var(--tu-boundry-divider)}
.tu .tu-dot{flex:none;width:16px;height:16px;border-radius:var(--tu-radius-4);box-shadow:inset 0 0 0 1px var(--tu-alpha-grey-alpha-24)}
.tu .tu-optrow{display:flex;align-items:center;justify-content:space-between;gap:var(--tu-space-24);height:28px}

/* ---------- Theme card: a theme as a small page in its own colours (the thumb carries the theme's class) ---------- */
.tu .tu-theme-cards{display:flex;gap:var(--tu-space-12)}
.tu .tu-theme-card{display:flex;flex-direction:column;gap:var(--tu-space-8);width:120px}
.tu .tu-theme-thumb{display:flex;flex-direction:column;gap:var(--tu-space-3);height:72px;padding:var(--tu-space-4);background:var(--tu-surface-background);border-radius:var(--tu-radius-6);
  box-shadow:inset 0 0 0 1px var(--tu-boundry-divider);outline:1.5px solid transparent;outline-offset:2px;transition:outline-color .15s ease}
.tu .tu-theme-card.tu-on>.tu-theme-thumb{outline-color:var(--tu-interaction-active)}
.tu .tu-tt-nav{flex:none;display:flex;align-items:center;gap:var(--tu-space-4);height:10px;padding:0 var(--tu-space-4);background:var(--tu-surface-foreground);border-radius:var(--tu-radius-3)}
.tu .tu-tt-nav>i{width:14px;height:2px;border-radius:var(--tu-radius-full);background:var(--tu-text-secondary);opacity:.5}
.tu .tu-tt-nav>.tu-tt-mark{width:10px;height:4px;background:var(--tu-interaction-active);opacity:1}
.tu .tu-tt-body{flex:1 1 0;display:flex;gap:var(--tu-space-3);min-height:0}
.tu .tu-tt-chart{flex:1 1 0;display:flex;align-items:flex-end;gap:var(--tu-space-4);padding:var(--tu-space-6) var(--tu-space-8);background:var(--tu-surface-foreground);border-radius:var(--tu-radius-3)}
.tu .tu-tt-chart>i{flex:1 1 0;border-radius:var(--tu-radius-1)}
.tu .tu-tt-chart>.tu-up,.tu .tu-tt-side>.tu-up{background:var(--tu-trading-positive)}
.tu .tu-tt-chart>.tu-down,.tu .tu-tt-side>.tu-down{background:var(--tu-trading-negative)}
.tu .tu-tt-side{flex:none;display:flex;flex-direction:column;gap:var(--tu-space-3);width:36px;padding:var(--tu-space-4);background:var(--tu-surface-foreground);border-radius:var(--tu-radius-3)}
.tu .tu-tt-side>i{height:2px;border-radius:var(--tu-radius-full);background:var(--tu-text-secondary);opacity:.5}
.tu .tu-tt-side>i:first-child{width:60%;background:var(--tu-text-text);opacity:1}
.tu .tu-tt-side>b{height:6px;border-radius:var(--tu-radius-full)}
.tu .tu-tt-side>b:first-of-type{margin-top:auto}

/* ---------- Appearance tray: docked to the foot of a page, opened by the palette button in the watchlist bar (.tu-tray-open on the page) ---------- */
.tu .tu-tray{position:absolute;left:0;right:0;bottom:0;z-index:6;display:flex;flex-direction:column;background:var(--tu-surface-foreground);
  box-shadow:inset 0 1px 0 var(--tu-boundry-divider),0 -24px 48px var(--tu-alpha-background-alpha-56);transform:translateY(100%);visibility:hidden;
  transition:transform .5s cubic-bezier(.2,.8,.2,1),visibility 0s .5s}
.tu.tu-tray-open>.tu-tray{transform:none;visibility:visible;transition:transform .5s cubic-bezier(.2,.8,.2,1),visibility 0s}
.tu .tu-tray-head{flex:none;display:flex;align-items:center;gap:var(--tu-space-8);height:var(--tu-tabs-h);padding:0 var(--tu-space-12) 0 var(--tu-space-20);border-bottom:1px solid var(--tu-boundry-divider)}
.tu .tu-tray-body{display:flex;align-items:stretch}
.tu .tu-tray-sec{flex:none;display:flex;flex-direction:column;gap:var(--tu-space-10);padding:var(--tu-space-16) var(--tu-space-24) var(--tu-space-20)}
.tu .tu-tray-sec:first-child{padding-left:var(--tu-space-20)}
.tu .tu-tray-sec+.tu-tray-sec{box-shadow:inset 1px 0 0 var(--tu-boundry-divider)}
.tu .tu-tray-sec.tu-grow{flex:1 1 0;gap:var(--tu-space-8)}
.tu .tu-tray-sec>.tu-huedots{margin-bottom:var(--tu-space-4)}

/* ---------- Popover (hangs under the button that opened it) and the color rules it lists ---------- */
.tu .tu-pop{position:absolute;left:var(--px,0px);top:var(--py,0px);z-index:7;display:flex;flex-direction:column;width:432px;background:var(--tu-surface-foreground);border-radius:var(--tu-radius-8);
  box-shadow:inset 0 0 0 1px var(--tu-alpha-grey-alpha-24),var(--tu-glass-drop-lg);opacity:0;visibility:hidden;transform:translateY(-6px) scale(.98);transform-origin:var(--pc,50%) 0;
  transition:opacity .18s ease,transform .24s cubic-bezier(.2,.8,.2,1),visibility 0s .24s}
.tu .tu-pop.tu-open{opacity:1;visibility:visible;transform:none;transition:opacity .18s ease,transform .24s cubic-bezier(.2,.8,.2,1),visibility 0s}
.tu .tu-pop::before{content:"";position:absolute;left:var(--pc,50%);top:-5px;width:10px;height:10px;margin-left:-5px;background:var(--tu-surface-foreground);
  box-shadow:inset 1px 1px 0 var(--tu-alpha-grey-alpha-24);transform:rotate(45deg)}
.tu .tu-pop-head{flex:none;display:flex;align-items:center;gap:var(--tu-space-8);height:44px;padding:0 var(--tu-space-6) 0 var(--tu-space-12);border-bottom:1px solid var(--tu-boundry-divider)}
.tu .tu-pop-foot{flex:none;display:flex;align-items:center;gap:var(--tu-space-8);height:52px;padding:0 var(--tu-space-12) 0 var(--tu-space-6);border-top:1px solid var(--tu-boundry-divider)}
.tu .tu-rules-list{display:flex;flex-direction:column;padding:var(--tu-space-6) 0}
.tu .tu-rule{display:flex;align-items:center;gap:var(--tu-space-10);height:40px;padding:0 var(--tu-space-12)}
.tu .tu-rule-name{flex:1 1 0;display:flex;align-items:center;gap:var(--tu-space-8);min-width:0}
.tu .tu-rule>*{transition:opacity .2s ease}
.tu .tu-rule:not(.tu-on)>*:not(.tu-toggle){opacity:.4}
.tu .tu-input.tu-rule-when{flex:none;width:92px}
.tu .tu-rule>.tu-switch{width:118px;padding:var(--tu-space-2)}
.tu .tu-rule>.tu-switch>.tu-switch-opt{flex:1 1 0}
.tu .tu-rule-hue{flex:none;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--tu-radius-6);box-shadow:inset 0 0 0 1px var(--tu-boundry-divider)}
.tu .tu-rule-hue>i{width:14px;height:14px;border-radius:var(--tu-radius-4);background:var(--tu-hue);transition:background-color .2s ease}
.tu .tu-rule-hues{display:flex;align-items:center;justify-content:flex-end;gap:var(--tu-space-12);height:0;padding:0 var(--tu-space-16);background:var(--tu-surface-background);overflow:hidden;transition:height .22s cubic-bezier(.2,.8,.2,1)}
.tu .tu-rule-hues.tu-open{height:36px}

/* ---------- Pointer (a demo's cursor; the place is translate, the press is transform, so a press never moves the tip) ---------- */
.tu .tu-ic.tu-cur{position:absolute;left:0;top:0;z-index:9;opacity:0;pointer-events:none;translate:var(--x,760px) var(--y,470px);transform-origin:0 0;filter:var(--tu-shadow-pointer);
  transition:translate .9s cubic-bezier(.45,0,.15,1),opacity .25s ease,transform .12s ease}
.tu .tu-ic.tu-cur.tu-on{opacity:1}
.tu .tu-ic.tu-cur.tu-down{transform:scale(.8)}

/* ---------- the prototype stage and the component sheet ---------- */
.tu-proto{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--tu-surface-background)}
.tu-proto .tu-stage{position:relative;flex:none;width:calc(1600px*var(--k,1));height:calc(974px*var(--k,1))}
.tu-proto .tu{visibility:hidden;pointer-events:none}
.tu-proto .tu.tu-current{visibility:visible;pointer-events:auto}
.tu-proto .tu [data-go],.tu-proto .tu [data-act],.tu-proto .tu .tu-theme-card,.tu-proto .tu .tu-huedot,.tu-proto .tu .tu-col-filters .tu-pill,.tu-proto .tu .tu-switch-opt,.tu-proto .tu .tu-seg-opt,.tu-proto .tu .tu-toggle,.tu-proto .tu .tu-navbtn{cursor:pointer}
.tu-proto .tu .tu-holdings .tu-tbody,.tu-proto .tu .tu-trending-table .tu-tbody{overflow-y:auto;scrollbar-width:none}
.tu-proto .tu .tu-tr[data-go]:hover>.tu-td:not(.tu-td-buy){background:var(--tu-surface-midground)}
.tu.tu-sheet{position:relative;height:auto;transform:none;gap:var(--tu-space-16);padding:var(--tu-space-24)}
.tu .tu-sheet-row{display:flex;align-items:center;gap:var(--tu-space-16)}
.tu .tu-sheet-name{flex:none;width:120px}
.tu .tu-sheet-items{display:flex;flex-wrap:wrap;align-items:center;gap:var(--tu-space-12)}
.tu .tu-swatch{width:28px;height:28px;box-shadow:inset 0 0 0 1px var(--tu-boundry-divider);border-radius:var(--tu-radius-4)}

/* ============================================================================================================
   Trench on the phone (source: _source/deck3/trench-ui/mobile.css; gen.py appends it to components.css).
   The iOS app's components, from the Figma file Trench - Mobile. Same rules as the file above: tokens only, one
   block per component (mcomps.py has the function for each), outlines that take no room.

   A phone screen is a .tu page at 402 x 874 (.tu-phone). The app is one page: two views (monitor, token) that slide
   past each other the way iOS pushes a page, the status bar over them, and the floating chart over everything.
   State lives on the page as classes and attributes, set by the script: data-view, .tu-pip-on, .tu-pip-pinned.
   ============================================================================================================ */
.tu.tu-phone{width:var(--tu-phone-w);height:var(--tu-phone-h)}

/* ---------- sizes the terminal's parts take on the phone ---------- */
.tu .tu-avatar.tu-s22{width:22px;height:22px;border-radius:var(--tu-radius-6)}
.tu .tu-avatar.tu-s32{width:32px;height:32px;border-radius:var(--tu-radius-6)}
.tu .tu-avatar.tu-s40{width:40px;height:40px;border-radius:var(--tu-radius-8)}
.tu .tu-ic.tu-ic.tu-s14{width:14px;height:14px}

/* ---------- Glass (everything that floats: buttons, chips, the token pill, the trade dock, the tab bar) ---------- */
.tu .tu-glass{position:relative;background:var(--tu-glass-ink);-webkit-backdrop-filter:var(--tu-glass-blur);backdrop-filter:var(--tu-glass-blur);
  box-shadow:var(--tu-glass-rim),var(--tu-glass-drop)}
.tu .tu-glass::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:var(--tu-glass-inner);pointer-events:none}
.tu .tu-glass.tu-bar{background:var(--tu-alpha-grey-alpha-16);box-shadow:var(--tu-glass-rim-strong),var(--tu-glass-drop)}
.tu .tu-m-circle{flex:none;display:flex;align-items:center;justify-content:center;width:var(--tu-m-circle);height:var(--tu-m-circle);border-radius:var(--tu-radius-full)}
.tu .tu-m-circle>.tu-ic.tu-ic{width:20px;height:20px}
.tu .tu-m-chip{flex:none;display:flex;align-items:center;gap:var(--tu-space-6);height:var(--tu-m-circle);padding:0 var(--tu-space-13);border-radius:var(--tu-radius-full)}
.tu .tu-m-chip>.tu-ic.tu-ic{width:18px;height:18px}

/* ---------- Status Bar ---------- */
.tu .tu-m-status{position:absolute;left:0;right:0;top:0;z-index:6;height:var(--tu-m-status-h);pointer-events:none}
.tu .tu-m-status-time{position:absolute;left:42px;top:var(--tu-space-16)}
.tu .tu-m-island{position:absolute;left:138.5px;top:11px;width:125px;height:37px;border-radius:var(--tu-radius-full);background:var(--tu-chrome-statusbarink)}
.tu .tu-m-status-icons{position:absolute;left:300px;top:var(--tu-space-20);display:flex;align-items:center;gap:var(--tu-space-6)}

/* ---------- the two views. The token page pushes in from the right; the monitor steps back under it ---------- */
.tu .tu-m-view{position:absolute;inset:0;overflow:hidden;background:var(--tu-surface-background);transition:transform .52s cubic-bezier(.32,.72,0,1)}
.tu .tu-m-token{transform:translateX(100%);box-shadow:var(--tu-glass-drop-lg)}
.tu-phone[data-view="token"] .tu-m-token{transform:none}
.tu-phone[data-view="token"] .tu-m-monitor{transform:translateX(-28%)}
.tu .tu-m-scroll{position:absolute;inset:0;z-index:0;overflow:hidden}
.tu .tu-m-monitor>.tu-m-scroll{padding-top:115px}
.tu .tu-m-token>.tu-m-scroll{padding-top:130px}

/* ---------- Top Fade, Bottom Fade (the page dissolving under the chrome). They overhang the page's edge a little, so no line of the page shows past them when the phone is scaled ---------- */
.tu .tu-m-fade{position:absolute;left:0;right:0;pointer-events:none;-webkit-backdrop-filter:var(--tu-fade-blur);backdrop-filter:var(--tu-fade-blur)}
.tu .tu-m-fade.tu-top{top:-2px;background:linear-gradient(var(--tu-surface-background) 42%,var(--tu-alpha-background-alpha-0));-webkit-mask:linear-gradient(black 60%,transparent);mask:linear-gradient(black 60%,transparent)}
.tu .tu-m-fade.tu-bottom{bottom:-2px;background:linear-gradient(var(--tu-alpha-background-alpha-0),var(--tu-alpha-background-alpha-56) 22%,var(--tu-alpha-background-alpha-80));-webkit-mask:linear-gradient(transparent,black 22%);mask:linear-gradient(transparent,black 22%)}   /* it never goes solid: what has scrolled under the bars stays there as blurred colour, as in the app */
.tu .tu-m-monitor>.tu-m-fade.tu-top{height:123px}
.tu .tu-m-monitor>.tu-m-fade.tu-bottom{height:180px}
.tu .tu-m-token>.tu-m-fade.tu-top{height:87px}
.tu .tu-m-token>.tu-m-fade.tu-bottom{height:214px}

/* ---------- Monitor Header ---------- */
.tu .tu-m-top{position:absolute;left:0;right:0;top:var(--tu-m-top);display:flex;align-items:center;gap:var(--tu-space-8);height:40px;padding:0 var(--tu-space-16)}

/* ---------- Segment Nav ---------- */
.tu .tu-m-segnav{position:absolute;left:0;right:0;display:flex;align-items:center;gap:var(--tu-space-12);height:56px;padding:0 var(--tu-space-16) 0 var(--tu-space-32)}
.tu .tu-m-monitor>.tu-m-segnav{top:721px}
.tu .tu-m-token>.tu-m-segnav{top:806px}
.tu .tu-m-seg{flex:none;display:flex;align-items:center;height:40px;padding:0 var(--tu-space-14);border-radius:var(--tu-radius-full)}

/* ---------- Tab Bar ---------- */
.tu .tu-m-tabbar{position:absolute;left:0;right:0;top:791px;height:62px}
.tu .tu-m-tabs{position:absolute;left:25px;top:0;display:flex;align-items:center;width:282px;height:62px;padding:0 var(--tu-space-3);border-radius:var(--tu-radius-full)}
.tu .tu-m-tab-pick{position:absolute;left:var(--tu-space-3);top:var(--tu-space-3);width:94px;height:56px;border-radius:var(--tu-radius-full);background:var(--tu-surface-foreground)}
.tu .tu-m-tab{position:relative;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:94px}
.tu .tu-m-tab+.tu-m-tab{width:86px}
.tu .tu-m-tab>.tu-ic.tu-ic{width:22px;height:22px}
.tu .tu-m-tab-balance{position:relative;display:flex;align-items:center;gap:var(--tu-space-6);margin-left:var(--tu-space-16)}
.tu .tu-m-tab-balance>.tu-ic.tu-ic{width:17px;height:14px}
.tu .tu-m-tabsearch{position:absolute;left:315px;top:0;display:flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:var(--tu-radius-full)}
.tu .tu-m-tabsearch>.tu-ic.tu-ic{width:24px;height:24px}

/* ---------- Feed Row (Monitor Row, Layout=Full) ---------- */
.tu .tu-m-feed{display:flex;flex-direction:column}
.tu .tu-m-row{flex:none;display:flex;align-items:stretch;height:var(--tu-m-row-h);background:var(--tu-surface-background)}
.tu .tu-m-row-body{flex:1 1 0;min-width:0;display:flex;align-items:flex-start;gap:var(--tu-space-10);padding:var(--tu-space-12);box-shadow:inset 0 -1px 0 var(--tu-boundry-divider)}
.tu .tu-m-row-image{flex:none;position:relative;width:48px;height:66px}
.tu .tu-m-bond{position:absolute;left:0;top:48px;width:40px;height:2px;border-radius:var(--tu-radius-full);background:var(--tu-alpha-grey-alpha-16)}
.tu .tu-m-bond>i{position:absolute;left:0;top:0;height:2px;border-radius:inherit;background:var(--tu-interaction-active)}
.tu .tu-m-row-ca{position:absolute;left:0;top:52px}
.tu .tu-m-row-info{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:var(--tu-space-8)}
.tu .tu-m-row-title{display:flex;align-items:center;gap:var(--tu-space-8);height:24px}
.tu .tu-m-row-pills{display:flex;flex-wrap:wrap;gap:var(--tu-space-6)}
.tu .tu-m-row-pills .tu-pill{padding:var(--tu-space-2) var(--tu-space-4)}
.tu .tu-m-row-pills .tu-pill-body{padding:0}
.tu .tu-m-row-buy{flex:none;display:flex;flex-direction:column;width:var(--tu-m-buy-w);overflow:hidden;
  background:linear-gradient(var(--tu-alpha-green-alpha-16),var(--tu-alpha-green-alpha-16)),var(--tu-surface-midground);
  box-shadow:inset 1px 0 0 var(--tu-boundry-border),inset 0 -1px 0 var(--tu-surface-background);transition:width .45s cubic-bezier(.32,.72,0,1)}
.tu .tu-m-buy-half{position:relative;flex:1 1 0;display:flex;align-items:center;justify-content:center;gap:var(--tu-space-4);white-space:nowrap;transition:background-color .2s ease}
.tu .tu-m-buy-half.tu-two{display:none;box-shadow:inset 0 1px 0 var(--tu-surface-background)}
/* a buy answers: the cell fills and shows a tick for a moment */
.tu .tu-m-buy-half.tu-hit{background:var(--tu-trading-positive)}
.tu .tu-m-buy-half.tu-hit>*{opacity:0}
.tu .tu-m-buy-half.tu-hit::after{content:"";position:absolute;left:50%;top:50%;width:7px;height:13px;margin:-9px 0 0 -4px;border:solid var(--tu-surface-background);border-width:0 2px 2px 0;transform:rotate(45deg)}
/* how the feed offers its buy is a setting (the settings sheet; 16-trench-ui.js puts the choice on the page): two sizes, a plain cell, on the left, or none */
.tu-phone.tu-buy-split .tu-m-buy-half.tu-two{display:flex}
.tu-phone.tu-buy-price .tu-m-row-buy{background:var(--tu-surface-midground)}
.tu-phone.tu-buy-price .tu-m-buy-half>*{--ic:var(--tu-text-secondary);color:var(--tu-text-secondary)}
.tu-phone.tu-buy-hidden .tu-m-row-buy{width:0}
.tu-phone.tu-buy-left .tu-m-row{flex-direction:row-reverse}

/* ---------- Sheets over the monitor ---------- */
.tu .tu-m-grabber{position:absolute;left:50%;top:var(--tu-space-8);width:36px;height:4px;margin-left:-18px;border-radius:var(--tu-radius-full);background:var(--tu-alpha-grey-alpha-16)}
/* the mini navigation: a glass sheet with all three columns. One pane shows, named by the sheet's layout and density */
.tu .tu-m-mini{position:absolute;left:var(--tu-space-12);top:326px;z-index:3;width:378px;height:437px;border-radius:var(--tu-radius-24);overflow:hidden;box-shadow:var(--tu-glass-rim),var(--tu-glass-drop-lg);
  opacity:0;pointer-events:none;transform:translateY(36px) scale(.97);transform-origin:50% 100%;transition:opacity .28s ease,transform .5s cubic-bezier(.32,.72,0,1)}
.tu-phone.tu-mini-on .tu-m-mini{opacity:1;pointer-events:auto;transform:none}
.tu .tu-m-monitor>.tu-m-segnav{transition:opacity .25s ease}
.tu-phone.tu-mini-on .tu-m-monitor>.tu-m-segnav{opacity:0;pointer-events:none}   /* the sheet sits where the sections are, and it is how you change section while it is up */
.tu .tu-m-mini>*{position:absolute}
.tu .tu-m-mini-pane{left:var(--tu-space-8);right:var(--tu-space-8);top:24px;bottom:var(--tu-space-8);display:flex;gap:var(--tu-space-8);overflow:hidden;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s}
.tu .tu-m-mini[data-layout="columns"][data-density="simple"] [data-pane="columns-simple"],.tu .tu-m-mini[data-layout="columns"][data-density="advanced"] [data-pane="columns-advanced"],
.tu .tu-m-mini[data-layout="map"][data-density="simple"] [data-pane="map-simple"],.tu .tu-m-mini[data-layout="map"][data-density="advanced"] [data-pane="map-advanced"]{opacity:1;visibility:visible;transition:opacity .3s ease .12s,visibility 0s}
.tu .tu-m-mini-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;border-radius:var(--tu-radius-8);overflow:hidden;box-shadow:inset 0 0 0 1px var(--tu-boundry-divider);transition:box-shadow .25s ease}
.tu .tu-m-mini-col.tu-on{box-shadow:inset 0 0 0 1.5px var(--tu-interaction-active)}
.tu [data-pane="columns-advanced"]>.tu-m-mini-col{flex:none;width:172px}
.tu .tu-m-mini-colhead{flex:none;display:flex;align-items:center;justify-content:space-between;height:30px;padding:0 var(--tu-space-8)}
.tu .tu-m-mini-list{flex:1 1 0;min-height:0;overflow:hidden}
.tu [data-pane="columns-advanced"] .tu-m-mini-list{zoom:.43}
.tu .tu-m-mini-row{display:flex;align-items:center;gap:var(--tu-space-6);height:33px;padding:0 var(--tu-space-6);box-shadow:inset 0 1px 0 var(--tu-boundry-divider)}
.tu .tu-m-mini-info{min-width:0;display:flex;flex-direction:column;white-space:nowrap;overflow:hidden}
.tu .tu-m-mini-info>span:first-child{overflow:hidden;text-overflow:ellipsis;line-height:15px}
.tu .tu-m-mini-sub{display:flex;gap:var(--tu-space-4);line-height:12px}
.tu .tu-m-mini .tu-m-row-buy{display:none}
.tu .tu-m-mini .tu-m-row{background:none}
.tu .tu-m-mini-pane.tu-m-map{flex-direction:column;gap:0}
.tu .tu-m-map-heads{flex:none;display:flex;align-items:center;gap:var(--tu-space-8);height:22px}
.tu .tu-m-map-heads>*{flex:1 1 0;text-align:center}
.tu .tu-m-map-cols{position:relative;flex:1 1 0;min-height:0;display:flex;gap:var(--tu-space-8)}
.tu .tu-m-map-col{flex:1 1 0;min-width:0;overflow:hidden}
.tu [data-pane="map-advanced"] .tu-m-map-col{zoom:.29}
.tu .tu-m-map-row{display:flex;align-items:center;gap:var(--tu-space-4);height:16px;zoom:.8;white-space:nowrap}
.tu .tu-m-map-row>img{flex:none;width:10px;height:10px;border-radius:var(--tu-radius-full)}
.tu .tu-m-map-row>span:first-of-type{flex:1 1 0;min-width:0;overflow:hidden;font-weight:600;text-transform:uppercase}
/* the window: what the screen is showing, on the column the app is on */
.tu .tu-m-map-win{position:absolute;left:-2px;top:-2px;width:calc((100% - 2*var(--tu-space-8))/3 + 4px);height:54px;border-radius:var(--tu-radius-6);box-shadow:inset 0 0 0 1.5px var(--tu-interaction-active);
  background:color-mix(in srgb,var(--tu-interaction-active) 14%,transparent);transition:transform .5s cubic-bezier(.32,.72,0,1)}
.tu [data-pane="map-advanced"] .tu-m-map-win{height:176px}
.tu .tu-m-mini[data-col="1"] .tu-m-map-win{transform:translateX(calc(100% + var(--tu-space-8) - 4px))}
.tu .tu-m-mini[data-col="2"] .tu-m-map-win{transform:translateX(calc(200% + 2*var(--tu-space-8) - 8px))}
.tu .tu-m-mini-btn{bottom:var(--tu-space-12);z-index:2;display:flex;align-items:center;height:40px;padding:0 var(--tu-space-16);border-radius:var(--tu-radius-full)}
.tu .tu-m-mini-btn.tu-left{left:var(--tu-space-12)}
.tu .tu-m-mini-btn.tu-right{right:var(--tu-space-12)}
.tu .tu-m-mini-btn>span{display:none}
.tu .tu-m-mini[data-layout="columns"] .tu-left>[data-on="columns"],.tu .tu-m-mini[data-layout="map"] .tu-left>[data-on="map"],
.tu .tu-m-mini[data-layout="columns"][data-density="simple"] .tu-right>[data-on="columns-simple"],.tu .tu-m-mini[data-layout="columns"][data-density="advanced"] .tu-right>[data-on="columns-advanced"],
.tu .tu-m-mini[data-layout="map"][data-density="simple"] .tu-right>[data-on="map-simple"],.tu .tu-m-mini[data-layout="map"][data-density="advanced"] .tu-right>[data-on="map-advanced"]{display:inline}
/* the settings: a full sheet over the monitor */
.tu .tu-m-sheet{position:absolute;inset:0;z-index:6;pointer-events:none}
.tu .tu-m-sheet-dim{position:absolute;inset:0;background:var(--tu-alpha-black-alpha-45);opacity:0;transition:opacity .3s ease}
.tu .tu-m-sheet-panel{position:absolute;left:0;right:0;top:63px;bottom:0;overflow:hidden;border-radius:var(--tu-radius-24) var(--tu-radius-24) 0 0;background:var(--tu-surface-background);box-shadow:0 0 0 1px var(--tu-boundry-divider);
  transform:translateY(102%);transition:transform .55s cubic-bezier(.32,.72,0,1)}
.tu-phone.tu-settings-on .tu-m-sheet{pointer-events:auto}
.tu-phone.tu-settings-on .tu-m-sheet-dim{opacity:1}
.tu-phone.tu-settings-on .tu-m-sheet-panel{transform:none}
.tu .tu-m-set-head{display:flex;align-items:center;justify-content:space-between;height:74px;padding:var(--tu-space-10) var(--tu-space-16) 0;box-shadow:inset 0 -1px 0 var(--tu-boundry-divider)}
.tu .tu-m-set-body{padding:var(--tu-space-4) var(--tu-space-16) 0}
.tu .tu-m-set-cap{display:block;margin:var(--tu-space-14) 0 var(--tu-space-8);text-transform:uppercase;letter-spacing:.04em}
.tu .tu-m-set-card{overflow:hidden;border-radius:var(--tu-radius-13);background:var(--tu-surface-foreground);box-shadow:inset 0 0 0 1px var(--tu-boundry-divider)}
.tu .tu-m-set-row{display:flex;align-items:center;gap:var(--tu-space-8);height:49px;padding:0 var(--tu-space-14)}
.tu .tu-m-set-row+.tu-m-set-row,.tu .tu-m-set-presets+.tu-m-set-row{box-shadow:inset 0 1px 0 var(--tu-boundry-divider)}
.tu .tu-m-set-row>.tu-ic.tu-ic{width:17px;height:14px}
.tu .tu-m-set-tick{flex:none;width:6px;height:12px;margin:0 var(--tu-space-6) 3px 0;border:solid var(--tu-interaction-active);border-width:0 1.75px 1.75px 0;transform:rotate(45deg);opacity:0;transition:opacity .2s ease}
.tu .tu-m-set-row.tu-on .tu-m-set-tick,.tu .tu-m-circle>.tu-m-set-tick{opacity:1}
.tu .tu-m-circle>.tu-m-set-tick{margin:0 0 3px}
.tu .tu-m-set-field{display:flex;align-items:center;justify-content:space-between;width:96px;height:34px;padding:0 var(--tu-space-10);border-radius:var(--tu-radius-8);background:var(--tu-surface-background)}
.tu .tu-m-set-presets{display:flex;gap:var(--tu-space-8);padding:0 var(--tu-space-14) var(--tu-space-12)}
.tu .tu-m-set-preset{flex:1 1 0;display:flex;align-items:center;justify-content:center;gap:var(--tu-space-4);height:34px;border-radius:var(--tu-radius-8);background:var(--tu-surface-background);transition:box-shadow .2s ease,background-color .2s ease}
.tu .tu-m-set-preset.tu-on,.tu .tu-m-set-cur>.tu-on{box-shadow:inset 0 0 0 1px var(--tu-interaction-active);background:color-mix(in srgb,var(--tu-interaction-active) 12%,var(--tu-surface-background))}
.tu .tu-m-set-cur{display:flex;margin:var(--tu-space-12);border-radius:var(--tu-radius-8);background:var(--tu-surface-background)}
.tu .tu-m-set-cur>span{flex:1 1 0;display:flex;align-items:center;justify-content:center;height:36px;border-radius:var(--tu-radius-8)}
.tu .tu-m-toggle{position:relative;flex:none;width:44px;height:26px;border-radius:var(--tu-radius-full);background:var(--tu-surface-background);transition:background-color .25s ease}
.tu .tu-m-toggle>i{position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:var(--tu-radius-full);background:var(--tu-text-text);transition:transform .3s cubic-bezier(.32,.72,0,1)}
.tu .tu-m-toggle.tu-on{background:var(--tu-interaction-active)}
.tu .tu-m-toggle.tu-on>i{transform:translateX(18px)}
.tu .tu-m-set-preview .tu-m-row{pointer-events:none}
.tu-proto .tu-phone [data-set],.tu-proto .tu-phone .tu-m-mini-col{cursor:pointer}

/* ---------- Token Header ---------- */
.tu .tu-m-head{position:absolute;left:0;right:0;top:var(--tu-m-top);display:flex;align-items:center;gap:var(--tu-space-10);height:49px;padding:0 18px}
.tu .tu-m-headpill{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:var(--tu-space-12);height:49px;padding:0 11px;border-radius:var(--tu-radius-24);box-shadow:var(--tu-glass-rim),var(--tu-glass-drop-lg)}
.tu .tu-m-head-info{display:flex;flex-direction:column;gap:var(--tu-space-2);min-width:0}
.tu .tu-m-head-name{display:flex;align-items:center;gap:var(--tu-space-6)}
.tu .tu-badge.tu-m-namechip{background:var(--tu-surface-background);--tu-ring:var(--tu-boundry-border)}
.tu .tu-m-head-meta{display:flex;align-items:center;gap:var(--tu-space-9)}
.tu .tu-m-head-meta>.tu-ic.tu-ic{width:15px;height:15px}

/* ---------- Metrics ---------- */
.tu .tu-m-metrics{box-shadow:inset 0 1px 0 var(--tu-boundry-border)}
.tu .tu-m-metrics-row{display:flex;height:43px;box-shadow:inset 0 -1px 0 var(--tu-boundry-border)}
.tu .tu-m-metric{flex:1 1 0;display:flex;align-items:center;justify-content:center;gap:var(--tu-space-6)}
.tu .tu-m-metric+.tu-m-metric{box-shadow:inset 1px 0 0 var(--tu-boundry-border)}

/* ---------- Candle Chart ---------- */
.tu .tu-m-chart{position:relative;height:210px;margin-top:11px}
.tu .tu-m-chart>svg{position:absolute;left:0;top:0;width:340px;height:210px}
.tu .tu-m-axis{position:absolute;right:0;top:0;display:flex;flex-direction:column;justify-content:space-between;width:62px;height:210px;padding:var(--tu-space-2) 0 var(--tu-space-2) var(--tu-space-6)}

/* ---------- Timeframes, Caret Divider ---------- */
.tu .tu-m-tfs{position:relative;display:flex;gap:var(--tu-space-6);margin-top:-7px;padding:var(--tu-space-14) var(--tu-space-16) var(--tu-space-6)}
.tu .tu-m-tf{flex:1 1 0;display:flex;align-items:center;justify-content:center;height:32px;border-radius:var(--tu-radius-8)}
.tu .tu-m-tf.tu-on{background:var(--tu-alpha-brand-alpha-10);box-shadow:inset 0 0 0 1px var(--tu-interaction-active)}
.tu .tu-m-caret{display:flex;align-items:center;height:34px}
.tu .tu-m-hair{flex:1 1 0;height:1px;background:var(--tu-boundry-border)}
.tu .tu-m-grab{flex:none;display:flex;flex-direction:column;gap:var(--tu-space-2);padding:var(--tu-space-6) var(--tu-space-13);border-radius:var(--tu-radius-full);background:var(--tu-surface-background);box-shadow:inset 0 0 0 1px var(--tu-boundry-border)}
.tu .tu-m-grab>i{display:block;width:15px;height:1px;background:var(--tu-text-secondary)}

/* ---------- Activity (the tape) ---------- */
.tu .tu-m-act-head,.tu .tu-m-act-row{display:grid;grid-template-columns:76px 80px minmax(0,1fr) 80px;align-items:center;padding:0 var(--tu-space-16)}
.tu .tu-m-act-head{height:34px;background:var(--tu-surface-foreground)}
.tu .tu-m-act-row{height:42px;box-shadow:inset 0 -1px 0 var(--tu-boundry-border);background:var(--tu-surface-background)}
.tu .tu-m-act-head>:last-child,.tu .tu-m-act-row>:last-child{justify-self:end}
.tu .tu-m-act-mc{display:flex;align-items:center;gap:var(--tu-space-6)}

/* ---------- Trade Dock ---------- */
.tu .tu-m-dock{position:absolute;left:var(--tu-space-12);top:634px;display:flex;flex-direction:column;gap:var(--tu-space-10);width:378px;padding:var(--tu-space-12);border-radius:var(--tu-radius-24);
  box-shadow:var(--tu-glass-rim),var(--tu-glass-drop-lg)}
.tu .tu-m-dock>*{position:relative}
.tu .tu-m-wallets{display:flex;align-items:center;justify-content:center;gap:var(--tu-space-6);height:36px;border-radius:var(--tu-radius-full);background:var(--tu-alpha-grey-alpha-10)}
.tu .tu-m-dock-row{display:flex;align-items:center;gap:var(--tu-space-8)}
.tu .tu-m-dock-label{flex:none;width:28px}
.tu .tu-m-dock-edit{flex:none;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--tu-radius-full);background:var(--tu-alpha-grey-alpha-10)}
.tu .tu-m-dock-edit>.tu-ic.tu-ic{width:20px;height:20px}
.tu .tu-m-switch{flex:1 1 0;display:flex;padding:var(--tu-space-3);border-radius:var(--tu-radius-full);background:var(--tu-alpha-grey-alpha-10)}
.tu .tu-m-switch-opt{flex:1 1 0;display:flex;align-items:center;justify-content:center;height:34px;border-radius:var(--tu-radius-full);transition:background-color .2s ease}
.tu .tu-m-switch-opt.tu-on{background:var(--tu-surface-midground)}

/* ---------- Amount (a one tap trade: Buy Pill, and the floating chart's Buy and Sell) ---------- */
.tu .tu-m-amount{flex:1 1 0;display:flex;align-items:center;justify-content:center;gap:5px;height:40px;border-radius:var(--tu-radius-13);transition:background-color .2s ease,transform .12s ease}
.tu .tu-m-amount>.tu-ic.tu-ic{width:13px;height:11px}
.tu .tu-m-amount.tu-buy{background:var(--tu-alpha-green-alpha-16);box-shadow:inset 0 0 0 1px var(--tu-alpha-green-alpha-24)}
.tu .tu-m-amount.tu-sell{background:var(--tu-alpha-red-alpha-16);box-shadow:inset 0 0 0 1px var(--tu-alpha-red-alpha-24)}
.tu .tu-m-amount.tu-sm{gap:var(--tu-space-4);height:28px;border-radius:var(--tu-radius-9)}
.tu .tu-m-amount.tu-sm>.tu-ic.tu-ic{width:12px;height:10px}
.tu .tu-m-amount.tu-buy.tu-hit{background:var(--tu-alpha-green-alpha-32);transform:scale(.96)}
.tu .tu-m-amount.tu-sell.tu-hit{background:var(--tu-alpha-red-alpha-32);transform:scale(.96)}

/* ---------- Chart PiP Card (the floating chart). Placed by its left and bottom edges (--px, --pb), so pinning grows it upward, as in the design ---------- */
.tu .tu-m-pip{position:absolute;left:var(--px,198px);bottom:var(--pb,254px);z-index:5;display:flex;flex-direction:column;gap:var(--tu-space-6);width:var(--tu-m-pip-w);padding:var(--tu-space-8) 0;
  border-radius:var(--tu-radius-16);background:var(--tu-surface-background);box-shadow:var(--tu-glass-drop-lg);--tu-frame:var(--tu-boundry-divider);
  opacity:0;pointer-events:none;transform-origin:0 100%;transition:left .55s cubic-bezier(.32,.72,0,1),bottom .55s cubic-bezier(.32,.72,0,1),opacity .25s ease,transform .5s cubic-bezier(.32,.72,0,1)}
.tu .tu-m-pip::after{content:"";position:absolute;inset:0;border:1px solid var(--tu-frame);border-radius:inherit;pointer-events:none;transition:border-color .3s ease}
.tu-phone.tu-pip-on .tu-m-pip{opacity:1;pointer-events:auto}
.tu-phone.tu-pip-pinned .tu-m-pip{--tu-frame:var(--tu-interaction-active)}
.tu .tu-m-pip.tu-lift{transform:scale(1.04)}
.tu .tu-m-pip.tu-held{transition:opacity .25s ease,transform .2s ease}
.tu .tu-m-pip-head{display:flex;align-items:center;gap:var(--tu-space-8);height:24px;padding:0 var(--tu-space-10)}
.tu .tu-m-pip-pin{position:relative;flex:none;display:flex;align-items:center;justify-content:center;width:24px;height:24px}
.tu .tu-m-pip-pin>.tu-ic.tu-ic{position:absolute;width:15px;height:15px;transition:opacity .2s ease,transform .3s cubic-bezier(.3,1.5,.5,1)}
.tu .tu-m-pip-pin>.tu-i-pin-fill{opacity:0;transform:scale(.5) rotate(-30deg)}
.tu-phone.tu-pip-pinned .tu-m-pip-pin>.tu-i-pin{opacity:0}
.tu-phone.tu-pip-pinned .tu-m-pip-pin>.tu-i-pin-fill{opacity:1;transform:none}
.tu .tu-m-pip-stats{display:flex;align-items:center;gap:var(--tu-space-3);padding:0 var(--tu-space-4);overflow:hidden}
.tu .tu-m-stat{flex:0 1 auto;min-width:0;overflow:hidden;display:flex;align-items:center;gap:var(--tu-space-2);height:20px;padding:0 var(--tu-space-4);border-radius:var(--tu-radius-full);box-shadow:inset 0 0 0 1px var(--tu-alpha-grey-alpha-24)}
.tu .tu-m-pip-chart{position:relative;height:76px}
.tu .tu-m-pip-chart>svg{position:absolute;left:0;top:0;width:100%;height:100%}
.tu .tu-m-pip-trade{display:flex;gap:var(--tu-space-6);height:0;margin-top:calc(var(--tu-space-6)*-1);padding:0 var(--tu-space-8);opacity:0;overflow:hidden;transition:height .4s cubic-bezier(.32,.72,0,1),margin-top .4s cubic-bezier(.32,.72,0,1),opacity .25s ease}
.tu-phone.tu-pip-pinned .tu-m-pip-trade{height:28px;margin-top:0;opacity:1}

/* ---------- Touch (a demo's finger; the place is translate, the press is transform) ---------- */
.tu .tu-touch{position:absolute;left:-17px;top:-17px;z-index:9;width:34px;height:34px;border-radius:var(--tu-radius-full);background:var(--tu-alpha-white-alpha-24);box-shadow:inset 0 0 0 1.5px var(--tu-alpha-white-alpha-48),var(--tu-glass-drop);
  opacity:0;pointer-events:none;translate:var(--x,300px) var(--y,560px);transition:translate .8s cubic-bezier(.45,0,.15,1),opacity .25s ease,transform .14s ease,background-color .14s ease}
.tu .tu-touch.tu-on{opacity:1}
.tu .tu-touch.tu-down{transform:scale(.76);background:var(--tu-alpha-white-alpha-48)}

/* ---------- the phone prototype: the app alone on a stage, fitted to the window; on a phone it fills the screen ---------- */
.tu-proto.tu-proto-phone .tu-stage{width:calc(var(--tu-phone-w)*var(--k,1));height:calc(var(--tu-phone-h)*var(--k,1));overflow:hidden}
.tu-proto.tu-proto-phone.tu-framed .tu-stage{border-radius:calc(var(--tu-radius-48)*var(--k,1));box-shadow:0 0 0 1px var(--tu-boundry-divider),var(--tu-glass-drop-lg)}
.tu-proto .tu-phone [data-act],.tu-proto .tu-phone [data-go],.tu-proto .tu-phone .tu-m-seg,.tu-proto .tu-phone .tu-m-tf,.tu-proto .tu-phone .tu-m-switch-opt{cursor:pointer}
.tu-proto .tu-phone .tu-m-scroll{overflow-y:auto;scrollbar-width:none;overscroll-behavior:contain}
.tu-proto .tu-phone .tu-m-scroll::-webkit-scrollbar{display:none}
.tu-proto .tu-phone .tu-m-monitor>.tu-m-scroll>.tu-m-feed{padding-bottom:160px}
.tu-proto .tu-phone .tu-m-token>.tu-m-scroll>.tu-m-act{padding-bottom:230px}
.tu-proto .tu-phone .tu-m-pip{touch-action:none;cursor:grab}