.tl-root{--tl-bg:220 18% 5%;--tl-surface:220 16% 8%;--tl-surface-2:220 14% 11%;--tl-border:220 12% 18%;--tl-text:210 20% 92%;--tl-text-muted:215 12% 78%;--tl-text-dim:215 10% 68%;--tl-accent:158 70% 48%;--tl-accent-soft:158 70% 48% / .12;--tl-warn:38 92% 56%;--tl-danger:0 72% 56%;--tl-info:210 90% 62%;background:hsl(var(--tl-bg));color:hsl(var(--tl-text));min-height:100vh;font-family:ui-monospace,JetBrains Mono,SF Mono,Menlo,Consolas,monospace}.tl-root .tl-surface{background:hsl(var(--tl-surface));border:1px solid hsl(var(--tl-border))}.tl-root .tl-surface-2{background:hsl(var(--tl-surface-2));border:1px solid hsl(var(--tl-border))}.tl-root .tl-muted{color:hsl(var(--tl-text-muted))}.tl-root .tl-dim{color:hsl(var(--tl-text-dim))}.tl-root .tl-accent{color:hsl(var(--tl-accent))}.tl-root .tl-mono-label{letter-spacing:.18em;text-transform:uppercase;color:hsl(var(--tl-text-dim));font-size:10px}.tl-root .tl-divider{border-color:hsl(var(--tl-border))}.tl-root .tl-panel{background:hsl(var(--tl-surface));border:1px solid hsl(var(--tl-border));border-radius:0}.tl-root .tl-panel-2{background:hsl(var(--tl-surface-2));border:1px solid hsl(var(--tl-border));border-radius:0}.tl-root .tl-stat{border-left:1px solid hsl(var(--tl-border));flex-direction:column;gap:2px;min-width:110px;padding:6px 14px;display:flex}.tl-root .tl-stat:first-of-type{border-left:0}.tl-root .tl-stat-label{letter-spacing:.16em;text-transform:uppercase;color:hsl(var(--tl-text-dim));font-size:9px}.tl-root .tl-stat-value{color:hsl(var(--tl-text));font-variant-numeric:tabular-nums;font-size:12px}.tl-root .tl-buy{background:hsl(var(--tl-accent) / .85);color:hsl(var(--primary-foreground));border:1px solid hsl(var(--tl-accent))}.tl-root .tl-buy:hover{background:hsl(var(--tl-accent))}.tl-root .tl-sell{background:hsl(var(--tl-danger) / .85);color:hsl(var(--destructive-foreground));border:1px solid hsl(var(--tl-danger))}.tl-root .tl-sell:hover{background:hsl(var(--tl-danger))}.tl-root .tl-seg{border:1px solid hsl(var(--tl-border));display:inline-flex}.tl-root .tl-seg>button{text-transform:uppercase;letter-spacing:.12em;color:hsl(var(--tl-text-muted));background:0 0;padding:6px 10px;font-family:inherit;font-size:11px}.tl-root .tl-seg>button.is-active{background:hsl(var(--tl-surface-2));color:hsl(var(--tl-text))}.tl-root .tl-ticker{border-top:1px solid hsl(var(--tl-border));background:hsl(var(--tl-surface));color:hsl(var(--tl-text-muted));white-space:nowrap;align-items:center;gap:18px;padding:6px 12px;font-size:11px;display:flex;overflow:hidden}.tl-root .tl-page-fill-blue,.tl-root .tl-page-fill-green{background:hsl(var(--tl-bg))}.tl-root .tl-section-fill-blue{background:radial-gradient(circle at 0% 0%, hsl(var(--tl-info) / .18), transparent 46%), linear-gradient(135deg, hsl(var(--tl-info) / .11) 0%, hsl(var(--tl-surface)) 34%, hsl(var(--tl-bg)) 100%);border:1px solid hsl(var(--tl-info) / .4);color:hsl(var(--tl-text));position:relative;overflow:hidden}.tl-root .tl-section-fill-green{background:radial-gradient(circle at 0% 0%, hsl(var(--tl-accent) / .18), transparent 46%), linear-gradient(135deg, hsl(var(--tl-accent) / .11) 0%, hsl(var(--tl-surface)) 34%, hsl(var(--tl-bg)) 100%);border:1px solid hsl(var(--tl-accent) / .4);color:hsl(var(--tl-text));position:relative;overflow:hidden}.tl-root .tl-section-fill-blue .tl-panel,.tl-root .tl-panel.tl-section-fill-blue{background:radial-gradient(circle at 0% 0%, hsl(var(--tl-info) / .18), transparent 46%), linear-gradient(135deg, hsl(var(--tl-info) / .11) 0%, hsl(var(--tl-surface)) 34%, hsl(var(--tl-bg)) 100%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-color:hsl(var(--tl-info) / .4)}.tl-root .tl-section-fill-green .tl-panel,.tl-root .tl-panel.tl-section-fill-green{background:radial-gradient(circle at 0% 0%, hsl(var(--tl-accent) / .18), transparent 46%), linear-gradient(135deg, hsl(var(--tl-accent) / .11) 0%, hsl(var(--tl-surface)) 34%, hsl(var(--tl-bg)) 100%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-color:hsl(var(--tl-accent) / .4)}.tl-root .tl-section-fill-blue .tl-panel-2,.tl-root .tl-section-fill-green .tl-panel-2{background:hsl(var(--tl-surface-2) / .6);border-color:hsl(var(--tl-border))}
