@font-face{font-family:Space;src:url(assets/space-grotesk.ttf) format('truetype');font-weight:400 700;font-display:swap}@font-face{font-family:Manrope;src:url(assets/manrope.ttf) format('truetype');font-weight:400 800;font-display:swap}
:root {
 --bg: #050407;
 --panel: #0b090f;
 --panel2: #100c17;
 --line: #282032;
 --text: #f3effb;
 --muted: #a49bad;
 --dim: #8b809a;
 --violet: #a77bff;
 --pink: #ff4ca0;
 --lavender: #c5acff;
 /* Compatibility aliases for existing UI and inline styles. */
 --mint: var(--violet);
 --red: var(--pink);
 --font: Manrope, Arial, sans-serif;
 --display: Space, Arial, sans-serif;
 color-scheme: dark;
}

/* BodhiX promotion occupies the former market-coverage introduction. */
.market-pulse > .bodhix-promo {
 display: flex; align-items: center; gap: 12px; position: relative;
 padding: 20px 18px; min-width: 0; min-height: 104px;
 color: var(--text); text-decoration: none; outline-offset: -3px;
 background: radial-gradient(ellipse at 0 100%, #a77bff12, transparent 75%);
 transition: background-color .25s, box-shadow .25s;
}
.bodhix-promo:hover, .bodhix-promo:focus-visible {
 background-color: #a77bff0c; box-shadow: inset 0 0 30px #a77bff0a;
}
.promo-mark {
 position: relative; display: grid; place-items: center; flex-shrink: 0;
 width: 30px; height: 34px; border: 1px solid #a77bff3d; border-radius: 9px;
 background: linear-gradient(145deg, #241332, #100917);
 color: #e6d6ff; font: 600 13px var(--display); letter-spacing: -1.4px;
 box-shadow: inset 0 1px 0 #f8eaff10;
}
.promo-mark > span { position: absolute; top: -6px; right: -4px; color: var(--pink); font-size: 10px; letter-spacing: 0; }
.promo-copy { display: block; min-width: 0; }
.promo-kicker { display: flex; gap: 6px; align-items: center; color: #b09bc4; font-size: 6.5px; font-weight: 600; letter-spacing: .7px; }
.promo-ad { border: 1px solid #a77bff35; border-radius: 3px; padding: 2px 3px; font-size: 6px; color: #c9b2e6; }
.promo-copy > strong { display: block; margin-top: 6px; color: #f7f0ff; font: 600 15px/1.2 var(--display); letter-spacing: -.55px; }
.promo-caption { display: block; margin-top: 5px; color: #aa95ba; font-size: 9px; line-height: 1.4; }
.promo-arrow { width: 13px; height: 13px; flex-shrink: 0; margin-left: auto; color: #c5acff; transition: transform .25s, color .25s; }
.bodhix-promo:hover .promo-arrow, .bodhix-promo:focus-visible .promo-arrow { transform: translate(2px,-2px); color: var(--pink); }
.market-pulse > .bodhix-promo + .pulse-stat:before { content: ''; display: block; position: absolute; left: 0; top: 25px; bottom: 25px; width: 1px; background: var(--line); }
@media (max-width: 960px) {
 .market-pulse > .bodhix-promo { grid-column: 1 / -1; min-height: 76px; padding: 16px 20px; border-bottom: 1px solid var(--line); }
 .promo-copy > strong { font-size: 17px; }
 .promo-caption { font-size: 10px; }
 .promo-kicker { font-size: 7px; }
 .promo-ad { font-size: 7px; }
 .market-pulse > .bodhix-promo + .pulse-stat:before { display: none; }
}
@media (prefers-reduced-motion: reduce) {
 .bodhix-promo, .promo-arrow { transition: none; }
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font:12px var(--font);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}button,input,select{font:inherit}button{color:inherit;cursor:pointer}button,a,input,select{-webkit-tap-highlight-color:transparent}button{border:0;background:none}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--lavender);outline-offset:4px}button:hover{color:#fff}input{min-width:0;color:var(--text);background:none;border:0;outline:0}input::placeholder{color:var(--muted)}svg{display:block}button svg{pointer-events:none}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.icon-button{width:36px;height:34px;display:grid;place-items:center;color:var(--muted);border-radius:6px}.icon-button:hover{background:#21162e}.positive{color:var(--mint)!important}.negative{color:var(--red)!important}.subtle,.small-muted{color:var(--muted)}.label{font-size:9px;font-weight:700;letter-spacing:1.2px;color:var(--muted)}.legend-dot{width:5px;height:5px;border-radius:50%;background:var(--mint);display:inline-block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-60px;left:20px;padding:12px;background:var(--mint);color:black;z-index:100}.skip-link:focus{top:15px}#app{transition:opacity .8s,transform .8s}#app[inert]{opacity:0;transform:translateY(8px)}.topbar{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 3.5%;background:#060408}.brand{display:flex;align-items:center;padding:0;text-align:left}.brand-mark{width:43px;height:43px;color:#c5acff;margin-right:12px}.wordmark{font-family:var(--display);font-size:34px;letter-spacing:-2px;font-weight:600;position:relative;line-height:1}.wordmark>span{font:9px var(--font);position:absolute;top:0;right:-12px;letter-spacing:0;color:#b7b3c6}.brand-divider{width:1px;height:26px;background:var(--line);margin:0 25px 0 28px}.brand-sub{font-size:8px;letter-spacing:1.7px;line-height:1.8;color:#a1a3ad}.network{display:flex;align-items:center;gap:9px;color:#b1b4bf;font-size:11px}.network-symbol{font-size:21px;color:var(--lavender)}.network-dot{width:4px;height:4px;background:var(--mint);border-radius:50%;margin-left:4px}.search-trigger{height:38px;display:flex;align-items:center;gap:12px;width:210px;border:1px solid #30243e;background:#0d0912;border-radius:7px;padding:0 12px;color:#aeb0bd}.search-trigger:hover{border-color:#a77bff}.search-trigger kbd{margin-left:auto;border:1px solid #332641;border-radius:3px;padding:1px 6px;color:#aea0bf;font-family:var(--display)}main{max-width:1700px;margin:auto;padding:0 3.5%}.eyebrow-row{height:57px;display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:9px;letter-spacing:1.7px;color:#a4a6b2;display:flex;gap:9px;align-items:center}.tiny-cross{color:var(--lavender);font-size:15px}.demo-badge{font-size:8px;letter-spacing:1.05px;border:1px solid #3b3443;color:#c1b2cf;padding:6px 9px;border-radius:4px;background:#1c1720;display:flex;gap:6px;align-items:center}.demo-badge>span{width:4px;height:4px;background:var(--lavender);border-radius:50%}.market-pulse{border:1px solid var(--line);border-radius:9px;display:grid;grid-template-columns:1.05fr 1fr 1fr 1.25fr 1.1fr;background:linear-gradient(105deg,#100a19,#09070d 60%,#100919);min-height:104px;overflow:hidden}.market-pulse>div{padding:21px 24px;position:relative}.market-pulse>div+div:before{content:'';position:absolute;left:0;top:25px;bottom:25px;width:1px;background:var(--line)}.pulse-intro{display:flex;gap:15px;align-items:center}.pulse-intro .label{color:#d0c9e5;font-size:9px}.pulse-caption{display:block;color:var(--muted);margin-top:7px;font-size:10px}.pulse-orbit{position:relative;width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.pulse-orbit span{position:absolute;border:1px solid #a77bff;border-radius:50%;width:35px;height:21px;transform:rotate(-42deg)}.pulse-orbit span:nth-child(2){transform:rotate(42deg)}.pulse-orbit span:nth-child(3){width:7px;height:7px;background:var(--lavender);box-shadow:0 0 18px #a77bff50}.pulse-stat>.label{display:block;margin-bottom:7px}.pulse-stat>strong{font:24px var(--display);letter-spacing:-1px}.stat-context{display:block;font-size:9px;color:var(--dim);margin-top:4px}.breadth-numbers{display:flex;gap:7px;align-items:baseline;font-size:9px}.breadth-numbers strong{font:24px var(--display);color:var(--mint)}.breadth-numbers .negative{margin-left:auto}.breadth-bar{height:3px;background:#ff4ca033;border-radius:1px;margin-top:10px;overflow:hidden}.breadth-bar>span{display:block;height:100%;width:60%;background:var(--mint)}.pulse-end{overflow:hidden}.pulse-end>.label{font-size:8px;position:relative;z-index:1}.pulse-end>span+span{display:block;font:18px/1.35 var(--display);letter-spacing:-.5px;margin-top:6px;position:relative;z-index:1}.pulse-end em{font-style:normal;color:var(--lavender)}.pulse-watermark{position:absolute;right:-13px;top:10px;width:115px;height:115px;color:#a77bff1c;transform:rotate(7deg)}.selected-market{min-height:139px;display:flex;align-items:center;gap:30px}.selected-token{display:flex;align-items:center;gap:13px;padding:7px 0;text-align:left;min-width:214px}.token-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font:21px var(--display);background:color-mix(in srgb,var(--token-color,#a77bff) 12%,#100a18);color:var(--token-color,#a77bff);border:1px solid color-mix(in srgb,var(--token-color,#a77bff) 28%,#100a18);box-shadow:inset 0 0 12px color-mix(in srgb,var(--token-color,#a77bff) 7%,transparent)}.selected-token .token-avatar{width:48px;height:48px;font-size:27px}.pair-name{display:flex;align-items:center;gap:7px;font:23px var(--display);font-weight:500;letter-spacing:-.6px}.pair-name .quote{color:var(--dim);font-size:18px}.chevron{color:var(--muted);width:16px;margin-left:3px}.token-sub{display:flex;gap:8px;font-size:10px;color:var(--muted);margin-top:7px}.token-sub>span:nth-child(2){color:var(--dim)}.price-block{margin-right:auto}.price-line{display:flex;align-items:center;gap:13px}#main-price{font:38px var(--display);font-weight:500;letter-spacing:-1.9px}.change-badge{display:flex;align-items:center;gap:8px;background:#a77bff14;color:var(--mint);padding:6px 8px;font:11px var(--display);border:1px solid #a77bff45;border-radius:4px}.change-badge.negative{background:#ff4ca014;border-color:#ff4ca045}.price-caption{display:flex;gap:8px;color:var(--muted);font-size:9px;margin-top:5px}.price-caption>span:first-child{color:var(--mint)}.delta-grid{display:grid;grid-template-columns:repeat(4,1fr);min-width:270px}.delta-item{text-align:right;padding-left:24px}.delta-item>span{display:block;font-size:9px;color:var(--muted);margin-bottom:9px}.delta-item>strong{font:13px var(--display);font-weight:500}.terminal-grid{display:grid;grid-template-columns:minmax(0,1fr) 332px;gap:16px}.panel{border:1px solid var(--line);border-radius:10px;background:var(--panel);overflow:hidden}.chart-panel{background:radial-gradient(ellipse at 45% 85%,#a77bff0b,transparent 65%),var(--panel);position:relative;min-width:0}.panel-top{height:60px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:12px}.section-title{font-size:13px;font-weight:700;letter-spacing:-.2px}.section-meta{font-size:8px;letter-spacing:1px;color:var(--dim);margin-left:13px}.chart-tools{display:flex;gap:10px;align-items:center}.segmented{display:flex;background:#050407;border:1px solid #332541;border-radius:6px;padding:2px}.segmented .icon-button{height:27px;width:31px;border-radius:4px}.segmented .active{background:#a77bff26;color:#e4d8ff}.expand-button{border-left:1px solid var(--line);border-radius:0;padding-left:10px;width:31px}.chart-controls{display:flex;align-items:center;justify-content:space-between;padding:0 22px}.timeframes{display:flex;gap:3px}.timeframes>button{font:10px var(--display);height:28px;min-width:37px;border-radius:4px;color:var(--muted)}.timeframes>button:hover{background:#251632}.timeframes>button.active{background:#a77bff26;color:#e4d8ff}.chart-legend{display:flex;align-items:center;gap:6px;font-size:8px;letter-spacing:.5px;color:var(--muted)}#toggle-markers{font-size:8px;border:1px solid #382943;border-radius:4px;padding:5px 6px;margin-left:8px;color:#a3a7b1}#toggle-markers>span{color:var(--mint);margin-left:3px}.ohlc-readout{display:flex;gap:13px;padding:18px 22px 0;font:9px var(--display);height:41px;color:var(--muted)}.ohlc-readout b{font-weight:400;color:#c8ccd1;margin-left:4px}.chart-stage{height:295px;position:relative;margin:0 12px 0 10px;touch-action:pan-y}#price-chart{width:100%;height:100%;overflow:visible;position:relative;z-index:1;user-select:none}.chart-signature{position:absolute;left:43%;top:34%;display:flex;align-items:center;gap:8px;opacity:.035;pointer-events:none}.chart-signature svg{width:48px;height:48px}.chart-signature>span{font:45px var(--display);letter-spacing:-3px}.chart-tooltip{position:absolute;top:10px;left:24px;background:#160e20;border:1px solid #61457a;border-radius:5px;padding:8px 10px;pointer-events:none;font:10px var(--display);z-index:3;box-shadow:0 8px 25px #0004;max-width:200px}.chart-tooltip>span{display:block;color:var(--muted);font-size:9px;margin-bottom:5px}.chart-footer{height:37px;margin:0 22px;border-top:1px solid var(--line);display:flex;align-items:center;gap:18px;font-size:8px;letter-spacing:.4px;color:var(--dim)}.chart-footer>span:first-child{display:flex;align-items:center;gap:6px}.chart-footer b{color:#abb4bf;font-weight:400}.chart-footer>span:nth-child(2){margin-left:auto}.footer-separator{margin:0 5px}.chart-hint{font-size:7px}.flow-panel{display:flex;flex-direction:column}.flow-panel .panel-top{padding:0 19px;height:60px;flex-shrink:0}.flow-panel .section-meta{display:block;font-size:7px;margin:4px 0 0}.feed-control{display:flex;align-items:center;gap:5px;padding:7px 0;font-size:7px;letter-spacing:.7px;color:var(--muted)}.feed-dot{width:4px;height:4px;background:var(--mint);border-radius:50%;box-shadow:0 0 7px #a77bff55}.feed-control[aria-pressed=true] .feed-dot{background:var(--lavender);box-shadow:none}#pause-symbol{font:12px var(--display);margin-left:3px}.flow-summary{padding:0 19px 15px}.flow-heading,.flow-amounts,.flow-counts{display:flex;justify-content:space-between;align-items:center}.flow-heading .label,.flow-heading .small-muted{font-size:8px}.flow-amounts{margin:10px 0 9px}.flow-amounts>strong{font:22px var(--display);letter-spacing:-.8px}.flow-ratio{font:9px var(--display);color:var(--muted)}.flow-bar{height:14px;display:flex;gap:3px}.flow-bar span{flex:1;background:var(--mint);border-radius:1px;opacity:.8}.flow-bar span.sell{background:var(--red);opacity:.65}.flow-counts{font-size:8px;color:var(--muted);margin-top:7px}.tape-controls{display:flex;justify-content:space-between;align-items:center;padding:0 19px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.text-tabs{display:flex;gap:24px}.text-tabs>button{height:43px;font-size:10px;color:var(--muted);padding:0;position:relative;white-space:nowrap}.text-tabs>button.active{color:var(--text)}.text-tabs>button.active:after{position:absolute;content:'';height:2px;background:var(--lavender);bottom:-1px;left:0;right:0}.text-tabs>button:hover{color:#fff}.tape-controls .text-tabs{gap:20px}.tape-controls .text-tabs>button{font-size:9px;height:37px}.tape-unit{font-size:8px;color:var(--dim)}.trade-table-head{display:grid;grid-template-columns:1fr 1fr .7fr;padding:11px 19px 8px;font-size:7px;letter-spacing:.6px;color:var(--dim)}.trade-table-head>span:not(:first-child){text-align:right}.trade-feed{height:182px;overflow:auto;scrollbar-width:thin;scrollbar-color:#604278 transparent;flex:1}.trade-row{display:grid;grid-template-columns:1fr 1fr .7fr;align-items:center;padding:9px 19px;font:10px var(--display);border-bottom:1px solid #24182f;position:relative;min-height:34px}.trade-row>span:nth-child(2),.trade-row>span:nth-child(3){text-align:right}.trade-time{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:9px}.trade-direction{display:grid;place-items:center;color:var(--mint);background:#a77bff1f;min-width:18px;height:18px;border-radius:4px;font-size:11px}.trade-direction.sell{color:var(--red);background:#ff4ca01f}.trade-row.is-new{animation:trade-flash 1.6s ease-out}@keyframes trade-flash{from{background:#a77bff1d}to{background:transparent}}.tape-footer{height:32px;display:flex;justify-content:space-between;align-items:center;font-size:8px;color:var(--dim);padding:0 19px;border-top:1px solid var(--line)}.tape-signal{font-size:12px;letter-spacing:2px;color:#a77bff}.token-insights{display:grid;grid-template-columns:repeat(4,1fr);margin:16px 0 30px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(100deg,#100a18,#09070d)}.token-insights>div{padding:18px 22px;display:grid;grid-template-columns:auto 1fr;column-gap:13px;position:relative}.token-insights>div+div{border-left:1px solid var(--line)}.token-insights .label{grid-column:1/-1;font-size:8px;margin-bottom:8px}.token-insights strong{font:23px var(--display);letter-spacing:-.9px;align-self:center}.metric-delta{font:9px var(--display);align-self:center}.metric-context{font-size:8px;color:var(--dim);grid-column:1/-1;margin-top:5px}.metric-delta{font-size:8px;grid-column:1/-1;margin-top:5px}.markets-panel{background:#08060c}.markets-heading{padding:22px 24px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}.market-heading-copy{display:flex;gap:13px;align-items:center}.section-number{font:10px var(--display);color:var(--lavender);align-self:flex-start;margin-top:7px}h1{font:25px var(--display);letter-spacing:-1px;margin:0;font-weight:500}.count-pill{font-size:7px;color:var(--muted);border:1px solid #382843;padding:5px 6px;border-radius:4px;letter-spacing:.6px;margin-left:3px}.market-search{display:flex;align-items:center;gap:8px;border-bottom:1px solid #382843;padding:7px 0;color:var(--dim)}.market-search .icon{width:14px;height:14px}.market-search input{font-size:10px;width:142px}.markets-toolbar{display:flex;justify-content:space-between;align-items:center;padding:8px 24px 0;border-bottom:1px solid var(--line)}.markets-toolbar .text-tabs>button{font-size:10px;height:44px}.text-tabs>button>span{font-size:12px;margin-left:5px}.market-instruction{font-size:7px;letter-spacing:.8px;color:var(--dim)}.market-instruction>span{color:var(--lavender);margin-left:5px;font-size:12px}.mobile-sort{display:none}.market-table{width:100%;border-collapse:collapse;text-align:right;table-layout:fixed}.market-table th{font-size:8px;letter-spacing:.65px;font-weight:500;color:var(--dim);height:39px;background:#0c0812;border-bottom:1px solid var(--line);padding:0 14px}.market-table th button{font-size:8px;letter-spacing:.5px;color:var(--muted);padding:10px 0}.market-table th button>span{margin-left:6px;color:var(--dim)}.market-table th[aria-sort] button,.market-table th[aria-sort] button>span{color:var(--lavender)}.market-table .rank-head{width:48px;text-align:center}.market-table th:nth-child(2){text-align:left;width:22%}.market-table th:nth-child(3){width:16%}.market-table th:nth-child(4){width:13%}.market-table .row-arrow{width:48px}.market-table th.spark-col{width:13%}.market-table td{height:70px;padding:0 14px;border-bottom:1px solid #2a1d36;font:12px var(--display)}.market-table tbody tr{cursor:pointer;transition:background .15s}.market-table tbody tr:hover{background:#1b1027}.market-table tbody tr.selected{background:linear-gradient(90deg,#a77bff14,#100919)}.market-table tbody tr.selected td:first-child{box-shadow:inset 2px 0 var(--lavender)}.market-table td:first-child{text-align:center;color:var(--dim);font-size:9px}.market-table td:nth-child(2){text-align:left}.market-asset{display:flex;align-items:center;gap:11px}.market-asset .token-avatar{width:33px;height:33px;font-size:17px}.market-asset>div{min-width:0}.market-asset button{padding:0;font:12px var(--display);text-align:left;font-weight:500}.market-asset .asset-name{display:block;color:var(--muted);font:9px var(--font);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:155px}.market-spark{width:100%;height:29px;max-width:95px;margin-left:auto}.market-table .row-arrow{color:var(--dim);padding-right:24px;font-size:16px}.markets-footer{display:flex;justify-content:space-between;align-items:center;padding:17px 24px;color:var(--dim);font-size:8px}.markets-footer>span+span{font-size:7px;letter-spacing:.8px}.page-footer{min-height:89px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--dim);font-size:8px}.footer-brand{display:flex;align-items:center;gap:7px;letter-spacing:1px;color:#b5b2c5;font:9px var(--display)}.footer-brand svg{width:21px;height:21px}.footer-brand>span{font:7px var(--font);color:var(--dim);letter-spacing:1px;margin-left:8px}.page-footer button{font-size:9px;color:var(--muted)}.page-footer button>span{margin-left:8px;color:var(--lavender)}.empty-state{text-align:center;padding:35px;color:var(--muted);font-size:13px}.empty-state>span{display:block;font-size:10px;color:var(--dim);margin-top:10px}.mobile-dock{display:none}
dialog{color:var(--text);background:#0d0814;border:1px solid #50355f;border-radius:14px;width:480px;max-width:calc(100% - 28px);padding:0;box-shadow:0 30px 120px #000b}dialog::backdrop{background:#030105d9;backdrop-filter:blur(8px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;padding:25px 25px 20px}.dialog-heading .label{font-size:8px;color:var(--lavender)}h2{font:29px var(--display);letter-spacing:-1.2px;margin:8px 0 0}.dialog-search{display:flex;align-items:center;gap:11px;padding:13px 15px;margin:0 25px 15px;border:1px solid #483055;border-radius:7px;background:#120b1d;color:var(--muted)}.dialog-search input{font-size:12px;width:100%}.dialog-list{padding:0 12px 12px;max-height:440px;overflow:auto}.token-option{width:100%;display:flex;align-items:center;gap:13px;text-align:left;padding:11px 13px;border-radius:8px}.token-option:hover,.token-option:focus-visible{background:#261434}.token-option .token-avatar{width:34px;height:34px;font-size:18px}.option-copy{font:13px var(--display)}.option-copy>small{display:block;font:9px var(--font);color:var(--muted);margin-top:4px}.option-price{margin-left:auto;text-align:right;font:12px var(--display)}.option-price>small{display:block;margin-top:4px;font-size:9px}.dialog-footer{padding:16px 25px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--dim);font-size:8px;letter-spacing:1px}
.chart-panel.expanded{position:fixed;inset:25px;z-index:60;display:flex;flex-direction:column;background:#09060e;box-shadow:0 0 0 100vw #030105ec}.expanded .chart-stage{height:auto;flex:1;min-height:200px}.expanded .chart-footer{min-height:40px}.expanded .panel-top{min-height:60px}.intro{position:fixed;inset:0;z-index:200;background:#000;display:flex;align-items:center;justify-content:center;transition:opacity .85s ease,visibility .85s}.intro.leaving{opacity:0;visibility:hidden;pointer-events:none}.intro-core{display:flex;flex-direction:column;align-items:center;text-align:center;transform:translateY(-18px)}.intro-mark{display:block;flex:none;width:132px;height:132px;margin:0 auto 27px;color:#d6d3e8;opacity:0;animation:mark-reveal 2.4s cubic-bezier(.22,.61,.36,1) .15s forwards}.intro-word{font:52px var(--display);font-weight:500;letter-spacing:-3px;position:relative;display:inline-block;opacity:0;transform:translateY(8px);animation:word-reveal 2.05s cubic-bezier(.22,.61,.36,1) .45s forwards}.intro-word>span{font:10px var(--font);position:absolute;top:7px;right:-13px;letter-spacing:0;color:#9f9aa9}.intro-caption{font-size:7px;letter-spacing:3.5px;color:#77717f;margin-top:18px;opacity:0;animation:word-reveal 1.9s cubic-bezier(.22,.61,.36,1) .85s forwards}.intro-skip{position:absolute;bottom:42px;right:4%;color:#77717f;font-size:10px;opacity:0;animation:word-reveal 1.4s cubic-bezier(.22,.61,.36,1) 1s forwards;padding:12px}.intro-skip>span{margin-left:15px}.intro-edition{position:absolute;bottom:54px;left:4%;font-size:7px;letter-spacing:2px;color:#4b4651;opacity:0;animation:word-reveal 1.4s cubic-bezier(.22,.61,.36,1) 1s forwards}@keyframes mark-reveal{0%{opacity:0;transform:scale(.92)}100%{opacity:1;transform:scale(1)}}@keyframes word-reveal{to{opacity:1;transform:translateY(0)}}.noscript{position:fixed;inset:0;z-index:1000;background:black;padding:25vh 15vw;font-size:20px}
@media(min-width:1600px){.chart-stage{height:355px}.terminal-grid{grid-template-columns:minmax(0,1fr) 370px}.trade-feed{height:242px}.market-table td{height:76px}}
@media(max-width:1199px){.brand-sub,.brand-divider{display:none}.market-pulse{grid-template-columns:1.1fr 1fr 1fr 1.3fr}.pulse-end{display:none}.market-pulse>div{padding:19px}.selected-market{gap:20px}.selected-token{min-width:175px}.pair-name{font-size:20px}.pair-name .quote{font-size:16px}#main-price{font-size:31px;letter-spacing:-1.4px}.price-line{gap:9px}.delta-grid{min-width:220px}.delta-item{padding-left:16px}.delta-item>strong{font-size:11px}.terminal-grid{grid-template-columns:minmax(0,1fr) 300px;gap:12px}.panel-top,.chart-controls{padding-left:17px;padding-right:17px}.chart-hint{display:none}.token-insights strong{font-size:21px}.ohlc-readout{gap:8px;font-size:8px;padding-left:17px;padding-right:10px}.section-meta{font-size:7px;margin-left:8px}.market-table th,.market-table td{padding-left:10px;padding-right:10px}.market-table th:nth-child(2){width:23%}.market-table .rank-head{width:33px}.market-table .row-arrow{width:30px;padding-right:14px}}
@media(max-width:960px){.topbar{height:76px}.selected-market{flex-wrap:wrap;gap:0;justify-content:space-between;padding:24px 0 20px}.selected-token{min-width:0}.price-block{margin:0;text-align:right}.price-caption{justify-content:flex-end}.delta-grid{width:100%;margin-top:23px;padding-top:16px;border-top:1px solid var(--line)}.delta-item{display:flex;justify-content:center;gap:12px;border-left:1px solid var(--line);padding:0}.delta-item:first-child{border:0;justify-content:flex-start}.delta-item:last-child{justify-content:flex-end}.delta-item>span{margin:0}.delta-item>strong{font-size:11px}.terminal-grid{grid-template-columns:minmax(0,1fr) 285px}.chart-stage{height:289px}.chart-legend>span:nth-child(2){display:none}.chart-legend .legend-dot{display:none}.pulse-intro{display:none}.market-pulse{grid-template-columns:1fr 1fr 1.25fr}.market-pulse>div:nth-child(2):before{display:none}.market-table .liquidity-col{display:none}.market-table th:nth-child(2){width:25%}.market-table th:nth-child(3){width:21%}.market-table th:nth-child(4){width:16%}.market-table th.spark-col{width:16%}.token-insights>div{padding:17px}.token-insights .label{font-size:7px}.token-insights strong{font-size:20px}.token-insights .metric-context,.token-insights .metric-delta{font-size:7px}.ohlc-readout span:nth-child(n+3){display:none}.chart-signature{left:30%}.chart-footer{gap:5px;margin:0 17px}}
@media(max-width:740px){html{scroll-padding-top:16px}.topbar{height:72px;padding:0 20px}.brand-mark{width:34px;height:34px;margin-right:10px}.wordmark{font-size:29px}.network{margin-left:auto;margin-right:17px;font-size:9px;gap:5px}.network-symbol{font-size:18px}.network-dot{display:none}.search-trigger{width:34px;height:34px;justify-content:center;padding:0;border-color:#382643;background:#100a19;border-radius:50%}.search-trigger>span,.search-trigger>kbd{display:none}main{padding:0 18px}.eyebrow-row{height:51px}.eyebrow{font-size:7px;letter-spacing:1px;gap:5px}.tiny-cross{font-size:12px}.demo-badge{font-size:6px;letter-spacing:.6px;padding:5px 6px;gap:4px}.market-pulse{min-height:76px;grid-template-columns:1fr 1fr}.market-pulse>div{padding:14px 16px}.market-pulse>div+div:before{top:17px;bottom:17px}.market-pulse .breadth-stat{display:none}.pulse-stat>.label{font-size:7px;letter-spacing:.9px;margin-bottom:6px}.pulse-stat>strong{font-size:22px}.stat-context{font-size:7px;margin-top:3px}.selected-market{padding:25px 0 20px}.selected-token{gap:10px}.selected-token .token-avatar{width:36px;height:36px;font-size:21px}.pair-name{font-size:18px;gap:4px}.pair-name .quote{font-size:13px}.chevron{width:12px;margin-left:1px}.token-sub{font-size:8px;gap:5px;margin-top:5px}.price-line{display:block}#main-price{font-size:29px;letter-spacing:-1.3px}.change-badge{display:inline-flex;font-size:9px;padding:4px 5px;margin-top:6px;gap:6px;border:0;background:#a77bff14}.price-caption{display:none}.delta-grid{margin-top:17px;padding-top:16px}.delta-item{display:block;text-align:center}.delta-item:first-child{text-align:left}.delta-item:last-child{text-align:right}.delta-item>span{font-size:8px;margin-bottom:5px}.delta-item>strong{font-size:11px}.terminal-grid{display:flex;flex-direction:column;gap:16px}.chart-panel{order:0;border-radius:9px}.chart-title-row{height:52px;padding:0 15px}.section-title{font-size:12px}.section-meta{font-size:7px;margin-left:8px}.chart-tools{gap:6px}.chart-tools .icon-button{width:30px;height:29px}.chart-tools .segmented .icon-button{height:25px;width:28px}.chart-controls{padding:0 15px}.timeframes{gap:3px}.timeframes>button{height:32px;min-width:36px;font-size:10px}.chart-legend>span:nth-child(2){display:inline;font-size:7px}.chart-legend{gap:0}.chart-legend .legend-dot{display:none}#toggle-markers{font-size:7px;padding:7px;margin-left:8px}.ohlc-readout{padding:13px 15px 0;height:32px;gap:12px;font-size:8px}.ohlc-readout span:nth-child(n+3){display:block}.ohlc-readout span:last-child{display:none}.chart-stage{height:276px;margin:0 5px}.chart-signature{left:30%;top:36%}.chart-signature svg{width:35px;height:35px}.chart-signature>span{font-size:35px}.chart-footer{height:35px;margin:0 15px;font-size:7px}.flow-panel{order:1}.flow-panel .panel-top{height:59px;padding:0 17px}.flow-panel .section-meta{display:inline;margin-left:10px}.feed-control{font-size:7px;min-height:38px}.flow-summary{padding:0 17px 17px}.flow-amounts>strong{font-size:26px}.flow-heading .label{font-size:8px}.flow-bar{height:15px;gap:4px}.flow-counts{font-size:9px}.flow-amounts{margin:12px 0 10px}.flow-ratio{font-size:10px}.tape-controls{padding:0 17px}.tape-controls .text-tabs{gap:28px}.tape-controls .text-tabs>button{font-size:11px;height:43px}.trade-feed{height:217px;flex:auto}.trade-table-head{padding:13px 17px 9px;font-size:8px}.trade-row{padding:10px 17px;font-size:11px;min-height:39px}.trade-time{font-size:10px}.trade-direction{height:20px;width:20px}.tape-footer{height:35px;padding:0 17px;font-size:8px}.token-insights{grid-template-columns:1fr 1fr;margin:16px 0 25px}.token-insights>div{padding:16px}.token-insights>div:nth-child(3){border-left:0}.token-insights>div:nth-child(n+3){border-top:1px solid var(--line)}.token-insights .label{font-size:7px;letter-spacing:.8px}.token-insights strong{font-size:23px}.token-insights .metric-context,.token-insights .metric-delta{font-size:8px}.markets-heading{padding:19px 16px 0;flex-wrap:wrap;gap:15px}.market-heading-copy{gap:9px;width:100%}h1{font-size:25px}.section-number{font-size:9px}.count-pill{font-size:6px;margin-left:auto}.market-search{width:100%;background:#100a19;border:1px solid #36243f;border-radius:5px;padding:10px 11px}.market-search input{font-size:11px;width:100%}.markets-toolbar{padding:6px 16px 0}.markets-toolbar .text-tabs{gap:18px}.markets-toolbar .text-tabs>button{font-size:10px}.market-instruction{display:none}.mobile-sort{display:flex;gap:5px;align-items:center;color:var(--dim);font-size:8px}.mobile-sort select{font-size:8px;background:transparent;border:0;color:#c5acff;max-width:89px;padding:9px 0}.market-table .rank-head,.market-table td:first-child,.market-table .volume-col,.market-table .liquidity-col,.market-table .spark-col,.market-table .row-arrow{display:none}.market-table th:nth-child(2){width:42%;padding-left:16px}.market-table th:nth-child(3){width:32%}.market-table th:nth-child(4){width:26%;padding-right:16px}.market-table th{height:35px;font-size:7px;letter-spacing:.3px}.market-table th button{font-size:7px;letter-spacing:.2px}.market-table th button>span{margin-left:3px}.market-table td{height:68px;padding:0 10px;font-size:11px}.market-table td:nth-child(2){padding-left:16px}.market-table td:nth-child(4){padding-right:16px}.market-asset{gap:9px}.market-asset .token-avatar{width:29px;height:29px;font-size:15px}.market-asset button{font-size:11px}.market-asset .asset-name{font-size:8px;max-width:84px}.market-table tbody tr.selected td:nth-child(2){box-shadow:inset 2px 0 var(--lavender)}.markets-footer{padding:15px 16px;font-size:8px}.markets-footer>span+span{display:none}.page-footer{padding:25px 0 100px;min-height:0;flex-wrap:wrap;gap:17px}.page-footer>span:nth-child(2){order:3;width:100%;font-size:8px;line-height:1.6}.page-footer button{margin-left:auto;font-size:9px}.mobile-dock{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;justify-content:space-around;background:#08040eea;backdrop-filter:blur(18px);border-top:1px solid #382643;padding:8px 12px calc(9px + env(safe-area-inset-bottom))}.mobile-dock>button{display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;min-width:60px;min-height:42px;font-size:8px;color:var(--muted)}.mobile-dock>button.active{color:#c5acff}.mobile-dock>button.active .icon{filter:drop-shadow(0 0 7px #a77bff40)}.mobile-dock .icon{width:18px;height:18px}.chart-panel.expanded{inset:9px 9px calc(9px + env(safe-area-inset-bottom));z-index:100}.expanded .chart-stage{min-height:100px}.intro-mark{width:101px;height:101px}.intro-word{font-size:47px}.intro-edition{left:22px;bottom:39px;font-size:6px;letter-spacing:1.2px}.intro-skip{bottom:26px;right:14px;font-size:9px}.intro-caption{font-size:6px;letter-spacing:3px}.dialog-heading{padding:22px 22px 17px}.dialog-search{margin-left:22px;margin-right:22px}.dialog-list{max-height:50vh}.token-option{min-height:58px}.dialog-footer{padding:16px 22px;font-size:7px}}
@media(max-width:370px){main{padding:0 12px}.topbar{padding:0 14px}.network{font-size:8px;margin-right:12px}.eyebrow{font-size:6px}.demo-badge{font-size:5.5px}#main-price{font-size:25px}.pair-name{font-size:16px}.selected-token{gap:7px}.selected-token .token-avatar{width:32px;height:32px}.token-sub{font-size:7px}.chart-legend>span:nth-child(2){display:none}.ohlc-readout{font-size:7px;gap:8px}.markets-toolbar .text-tabs{gap:12px}.mobile-sort{font-size:0}.market-asset .asset-name{max-width:69px}.market-table td{font-size:10px}.market-asset{gap:6px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.intro-mark{opacity:1;filter:none}.intro-word,.intro-caption,.intro-skip,.intro-edition{opacity:1;transform:none}}
/* Touch-first refinements after the first phone review. */
@media(max-width:740px){
 .search-trigger{width:40px;height:40px}.network{font-size:10px}.demo-badge{font-size:7px}.eyebrow{font-size:7px}
 .pulse-stat>.label{font-size:8px}.stat-context{font-size:8px}.selected-market{gap:0}.selected-token{width:100%}
 .price-block{width:100%;text-align:left;margin-top:14px}.price-line{display:flex;align-items:center;gap:12px}#main-price{font-size:35px;letter-spacing:-1.6px}.change-badge{margin-top:0;font-size:10px}
 .pair-name{font-size:20px}.token-sub{font-size:9px}.delta-item>span{font-size:9px}.delta-item>strong{font-size:12px}
 .timeframes>button{min-height:40px;min-width:38px;font-size:11px}.chart-tools .icon-button{height:36px;width:36px}.chart-tools .segmented .icon-button{height:33px;width:34px}
 .section-title{font-size:13px}.section-meta{font-size:8px}.ohlc-readout{font-size:8px}.chart-legend>span:nth-child(2){display:none}
 #toggle-markers{font-size:9px;min-height:36px;padding:8px}.chart-footer{font-size:8px}.flow-heading .label{font-size:9px}
 .flow-panel .section-meta{font-size:8px}.feed-control{font-size:8px;min-height:42px}.trade-table-head{font-size:9px}.tape-footer{font-size:9px}
 .token-insights .label{font-size:8px}.token-insights .metric-context,.token-insights .metric-delta{font-size:9px}
 .market-table th,.market-table th button{font-size:8px}.market-table td{font-size:12px}.market-asset button{font-size:12px;min-height:25px}.market-asset .asset-name{font-size:9px}
 .count-pill{font-size:7px}.mobile-sort select{font-size:9px;min-height:40px}.mobile-sort{font-size:9px}.markets-footer{font-size:9px}.mobile-dock>button{font-size:9px}
 #close-search{width:44px;height:44px}
}
@media(max-width:370px){.eyebrow{font-size:6px}.demo-badge{font-size:6px}#main-price{font-size:31px}.network{font-size:9px}.market-table td{font-size:10px}.market-asset button{font-size:11px}.mobile-sort{font-size:0}}
@media(max-width:740px){
 main{display:flex;flex-direction:column}.eyebrow-row{order:0}.selected-market{order:1;padding-top:10px}.terminal-grid{order:2}.token-insights{order:3}.market-pulse{order:4;margin-bottom:25px}.markets-panel{order:5}.page-footer{order:6}
}
@media(max-width:740px){
 .chart-title-row{height:59px}.chart-tools .icon-button,.chart-tools .segmented .icon-button{width:40px;height:40px}.timeframes>button{min-width:44px;min-height:44px}#toggle-markers{min-height:44px}.search-trigger{width:44px;height:44px}.market-asset button{min-height:31px}
}
@media(max-width:370px){.chart-title-row .section-meta{display:none}.chart-tools .icon-button,.chart-tools .segmented .icon-button{width:38px;height:40px}.market-table th:nth-child(2){width:40%}.market-table th:nth-child(3){width:34%}}
/* Bound the tape's scroll area so its rows never stretch the chart grid. */
.flow-panel{height:463px;min-height:0}.trade-feed{min-height:0}
@media(min-width:1600px){.flow-panel{height:523px}}
@media(max-width:740px){.flow-panel{height:auto}.trade-feed{flex:0 0 217px}}
/* Existing BodhiX token artwork, served locally at 2x the largest display size. */
.token-avatar{overflow:hidden;background:#0b0711;box-shadow:none}
.token-avatar img{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}
.token-initials{font:12px var(--display);color:var(--muted)}
.source-status{display:flex;align-items:center;gap:20px;justify-content:space-between;border:1px solid #3a3445;background:#17141e;border-radius:6px;padding:10px 14px;margin:0 0 16px;color:#bcb3cb;font-size:10px;line-height:1.6}.source-status>span{max-width:1000px}.source-status button{flex-shrink:0;min-height:34px;color:#d9cdef}.source-status button:disabled{opacity:.5}.chart-empty{position:absolute;inset:30px 15px;display:grid;place-content:center;text-align:center;color:var(--muted);z-index:2}.chart-empty[hidden]{display:none}.market-data-kind{display:block;font-size:7px;color:#c5acff;letter-spacing:.65px;margin-top:3px}.trade-time a{color:inherit;text-decoration:none;font-size:9px}.trade-time a:hover{text-decoration:underline}.flow-bar .unknown{background:#35313f}.market-pulse{opacity:.82}
@media(max-width:740px){.source-status{order:1;gap:8px;padding:9px 10px;font-size:9px;align-items:flex-start}.source-status button{font-size:9px;min-height:44px}.eyebrow-row{gap:8px}.demo-badge{white-space:nowrap;letter-spacing:.4px}.trade-time a{font-size:8px}.market-data-kind{font-size:6px}.markets-footer{line-height:1.6}.price-caption{flex-wrap:wrap}.ohlc-readout{gap:8px}}
.option-copy{min-width:0}.option-copy small{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.option-price{flex-shrink:0}
@media(max-width:740px){.market-asset button{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.option-copy small{max-width:150px}.pair-name{flex-wrap:wrap}.token-sub{flex-wrap:wrap}.token-sub>span:first-child{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:370px){.market-asset button{max-width:62px}.option-copy small{max-width:104px}}

/* Header/footer simplification requested in browser comments. */
.eyebrow-row{justify-content:flex-end;height:45px}.page-footer{justify-content:space-between}

/* Smooth observation curves and full-row explorer links. */
a.trade-row{color:inherit;text-decoration:none;cursor:pointer;transition:background .15s}a.trade-row:hover{background:#252331}a.trade-row:focus-visible{outline:1px solid var(--lavender);outline-offset:-2px;background:#252331}.trade-date{font-size:9px}@media(max-width:740px){a.trade-row{min-height:44px}.trade-date{font-size:8px}}

@media(max-width:740px){.ohlc-readout{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;font-size:8px}.ohlc-readout span:last-child{display:block}.ohlc-readout span{white-space:nowrap}}

/* Quiet chrome; a single explicit refresh control. */
main{padding-top:24px}.topbar-actions{display:flex;align-items:center;gap:12px;margin-left:auto}
.refresh-button{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border:1px solid #382643;border-radius:8px;color:#c5acff;background:linear-gradient(145deg,#160c21,#08060c);transition:border-color .2s,background .2s}
.refresh-button:hover{border-color:#a77bff;background:#241330}.refresh-button[aria-busy="true"] .icon{animation:refresh-spin 1.2s linear infinite}.refresh-button[aria-busy="true"]{opacity:.6}.refresh-button[data-state="warning"]{color:#ff4ca0;border-color:#ff4ca066}
@keyframes refresh-spin{to{transform:rotate(360deg)}}
.token-fallback{position:relative;isolation:isolate;width:100%;height:100%;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:radial-gradient(ellipse at 28% 10%,#a77bff33,transparent 58%),linear-gradient(145deg,#251434,#09060e 75%);box-shadow:inset 0 0 0 1px #a77bff60,inset 0 -3px 8px #0008}
.token-fallback:after{content:"";position:absolute;inset:3px;border:1px solid #c5acff20;border-radius:50%;pointer-events:none}.token-fallback svg{width:68%;height:68%;color:#dac7ff;filter:drop-shadow(0 1px 3px #a77bff45)}
@media(max-width:740px){main{padding-top:18px}.topbar-actions{gap:8px}.token-insights .metric-context{line-height:1.5}}

.trade-pool{display:block;font-size:8px;line-height:1.4;color:var(--dim);max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}a.trade-row{min-height:44px}.trade-date{min-width:0}

/* Vesper / after dark. Ink-black surfaces, violet intent, pink counterflow. */
body {
 background: var(--bg);
}
.topbar {
 background: #050407;
 border-bottom-color: #a77bff1b;
 box-shadow: 0 8px 32px #0005;
}
.brand-mark {
 color: var(--lavender);
 filter: drop-shadow(0 0 9px #a77bff24);
}
.wordmark > span {
 color: var(--pink);
}
.search-trigger,
.refresh-button {
 background: #100a18;
 border-color: #3a264c;
 box-shadow: inset 0 1px 0 #c5acff08;
}
.search-trigger:hover,
.refresh-button:hover {
 background: #1c1029;
 border-color: var(--violet);
}
.refresh-button[data-state="warning"] {
 color: var(--pink);
 border-color: #ff4ca060;
}
.panel {
 background: var(--panel);
 border: 1px solid #3a294940;
 border-radius: 16px;
 box-shadow: inset 0 1px 0 #c5acff12, 0 14px 38px #0006;
}
.chart-panel {
 background: linear-gradient(155deg, #100b18 0, #0a070f 44%, #08060b 100%);
}
.flow-panel {
 background: linear-gradient(155deg, #120a17 0, #0b0710 42%, #08060c 100%);
}
.panel-top {
 border-bottom: 1px solid #c5acff06;
}
.section-title {
 color: #f7f0ff;
}
.section-meta {
 color: #a28fb6;
}
.market-pulse {
 background: linear-gradient(110deg, #120b1d, #09070d 60%, #160b1d);
 border-color: #a77bff21;
 border-radius: 14px;
 box-shadow: inset 0 1px 0 #c5acff0c, 0 10px 28px #0005;
 opacity: 1;
}
.pulse-orbit span {
 border-color: var(--violet);
}
.pulse-orbit span:nth-child(3) {
 background: var(--pink);
 box-shadow: 0 0 16px #ff4ca045;
}
.breadth-bar {
 background: #ff4ca030;
 height: 4px;
 border-radius: 3px;
}
.breadth-bar > span {
 background: var(--violet);
}
.pulse-watermark {
 color: #a77bff16;
}
.selected-market {
 margin: 24px 0 20px;
 padding: 19px 24px;
 min-height: 130px;
 gap: 24px;
 border: 1px solid #a77bff1d;
 border-radius: 16px;
 background: linear-gradient(110deg, #150a2175, #08050d 55%, #11071150);
 box-shadow: inset 0 1px 0 #c5acff0a;
}
#main-price {
 color: #faf6ff;
 font-size: 44px;
 letter-spacing: -2px;
}
.pair-name .quote {
 color: #a18caf;
}
.change-badge {
 background: #a77bff16;
 border-color: #a77bff42;
 color: var(--violet);
 border-radius: 6px;
}
.change-badge.negative {
 background: #ff4ca016;
 border-color: #ff4ca042;
}
.token-insights {
 background: linear-gradient(110deg, #130c1d, #09060e 80%);
 border-color: #a77bff1d;
 border-radius: 14px;
 box-shadow: inset 0 1px 0 #c5acff0c, 0 8px 24px #0004;
 margin-top: 18px;
}
.token-insights > div + div {
 border-left-color: #a77bff19;
}
.segmented {
 background: #050307;
 border-color: #372445;
}
.segmented .active {
 background: #a77bff24;
 color: var(--lavender);
 box-shadow: inset 0 1px 0 #e0cfff12;
}
.timeframes > button {
 border-radius: 6px;
}
.timeframes > button.active {
 background: var(--violet);
 color: #140922;
 box-shadow: 0 3px 12px #a77bff20, inset 0 1px 0 #fff3;
 font-weight: 700;
}
.timeframes > button:not(.active):hover {
 background: #24132f;
 color: var(--lavender);
}
.text-tabs > button.active {
 color: var(--lavender);
}
.text-tabs > button.active:after {
 background: linear-gradient(90deg, var(--violet), var(--pink));
 box-shadow: 0 -2px 9px #a77bff15;
}
.chart-legend .legend-dot,
.chart-footer .legend-dot {
 background: var(--chart-tone, var(--lavender));
}
.chart-title-row > div:first-child {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 gap: 8px;
 min-width: 0;
}
.chart-title-row .section-meta {
 margin-left: 0;
}
.chart-range-change {
 color: var(--chart-tone, var(--lavender));
 font: 9px/1.35 var(--display);
 letter-spacing: .15px;
 padding: 4px 6px;
 border: 1px solid #c5acff1c;
 border-radius: 5px;
 white-space: nowrap;
}
.chart-tooltip {
 background: #160c20f5;
 border-color: #855aae70;
 box-shadow: 0 12px 32px #000a, inset 0 1px 0 #c5acff12;
 border-radius: 8px;
}
.chart-footer {
 border-top-color: #a77bff17;
}
.chart-signature {
 color: var(--lavender);
 opacity: .045;
}
.flow-bar {
 height: 12px;
 gap: 3px;
}
.flow-bar span {
 background: var(--violet);
 opacity: .9;
 border-radius: 2px;
}
.flow-bar span.sell {
 background: var(--pink);
 opacity: .8;
}
.flow-ratio {
 color: #b7a2cb;
}
.feed-dot {
 background: var(--violet);
 box-shadow: 0 0 7px #a77bff55;
}
.trade-direction {
 background: #a77bff1c;
 color: var(--violet);
 border: 1px solid #a77bff20;
 border-radius: 5px;
}
.trade-direction.sell {
 background: #ff4ca01a;
 color: var(--pink);
 border-color: #ff4ca020;
}
.trade-row {
 border-bottom-color: #a77bff0c;
}
a.trade-row:hover,
a.trade-row:focus-visible {
 background: #a77bff10;
}
.tape-controls,
.tape-footer {
 border-color: #a77bff17;
}
.tape-signal {
 color: #bd8cf0;
}
.market-data-kind {
 color: #b39ace;
}

/* The market is a field of individual assets, with black between each row. */
.markets-panel {
 background: #07040b;
 border-color: #a77bff1b;
}
.markets-heading {
 padding: 25px 26px 0;
}
.markets-toolbar {
 padding-left: 26px;
 padding-right: 26px;
 border-bottom-color: #a77bff12;
}
.market-heading-copy h1 {
 color: #faf5ff;
}
.count-pill {
 color: #c7ace3;
 background: #a77bff0e;
 border-color: #a77bff28;
 border-radius: 5px;
}
.market-search {
 border-bottom-color: #674083;
 color: var(--violet);
}
.market-search:focus-within {
 border-color: var(--violet);
}
.market-table {
 width: calc(100% - 32px);
 margin: 0 16px;
 border-collapse: separate;
 border-spacing: 0 8px;
}
.market-table th {
 background: transparent;
 border-bottom: 0;
 color: #a090b3;
 height: 36px;
}
.market-table th button {
 color: #b09bc6;
}
.market-table td {
 height: 74px;
 background: #0e0915;
 border-top: 1px solid #a77bff12;
 border-bottom: 1px solid #a77bff12;
 transition: background .2s, border-color .2s;
}
.market-table td:first-child {
 border-left: 1px solid #a77bff12;
 border-radius: 11px 0 0 11px;
 color: #9b83b4;
}
.market-table td:last-child {
 border-right: 1px solid #a77bff12;
 border-radius: 0 11px 11px 0;
}
.market-table td:nth-child(2) {
 background: #120b1b;
}
.market-table tbody tr:hover,
.market-table tbody tr.selected {
 background: transparent;
}
.market-table tbody tr:hover td {
 background: #20112e;
 border-color: #a77bff38;
}
.market-table tbody tr.selected td {
 background: #241235;
 border-color: #a77bff4c;
}
.market-table tbody tr.selected td:first-child {
 box-shadow: inset 3px 0 var(--violet);
 color: var(--lavender);
}
.market-table tbody tr:hover .row-arrow,
.market-table tbody tr.selected .row-arrow {
 color: var(--pink);
}
.market-table td[colspan] {
 border: 1px solid #a77bff12;
 border-radius: 11px;
 background: #0e0915;
}
.market-asset button {
 color: #f6edff;
}
.market-asset .asset-name {
 color: #b2a0c1;
}
.market-asset .token-avatar {
 border-color: #a77bff36;
}
.market-table .row-arrow {
 color: #9b70bc;
}
.markets-footer {
 padding-top: 13px;
 padding-bottom: 22px;
 color: #9a83b0;
}
.token-fallback {
 background: radial-gradient(ellipse at 26% 12%, #a77bff42, transparent 56%), linear-gradient(145deg, #2c153b, #09050e 80%);
 box-shadow: inset 0 0 0 1px #a77bff60, inset 0 -3px 8px #0008;
}
.token-fallback svg {
 color: #d8bcff;
 filter: drop-shadow(0 1px 4px #a77bff45);
}
dialog {
 background: #0c0613;
 border-color: #a77bff40;
 box-shadow: 0 30px 100px #000c, inset 0 1px 0 #c5acff16;
}
.dialog-search {
 background: #13091e;
 border-color: #a77bff33;
}
.dialog-search:focus-within {
 border-color: var(--violet);
}
.token-option:hover,
.token-option:focus-visible {
 background: #a77bff17;
}
.chart-panel.expanded {
 background: #09050f;
}

@media (min-width: 1600px) {
 .market-table td { height: 80px; }
}
@media (max-width: 1199px) {
 #main-price { font-size: 35px; letter-spacing: -1.5px; }
 .selected-market { padding-left: 20px; padding-right: 20px; gap: 18px; }
 .chart-range-change { padding: 3px 5px; font-size: 8px; }
}
@media (max-width: 960px) {
 .selected-market { gap: 0; }
 .chart-title-row > div:first-child { gap: 5px; }
 .chart-range-change { flex-basis: 100%; width: fit-content; padding: 0; border: 0; font-size: 8px; }
}
@media (max-width: 740px) {
 .selected-market { margin: 0 0 18px; padding: 18px 16px 17px; border-radius: 14px; }
 #main-price { font-size: 35px; letter-spacing: -1.6px; }
 .price-block { margin-top: 16px; }
 .delta-grid { padding-top: 15px; border-color: #a77bff25; }
 .delta-item { border-color: #a77bff25; }
 .delta-item > span { color: #b09bc4; }
 .chart-panel, .flow-panel { border-radius: 14px; }
 .chart-title-row { height: 68px; }
 .chart-title-row > div:first-child { column-gap: 5px; row-gap: 4px; }
 .chart-range-change { font-size: 9px; line-height: 1.4; }
 .token-insights > div:nth-child(n+3) { border-top-color: #a77bff19; }
 .market-pulse { margin-top: 0; }
 .market-pulse > div { padding: 15px 16px; }
 .markets-heading { padding: 21px 16px 0; }
 .markets-toolbar { padding-left: 16px; padding-right: 16px; }
 .market-search { background: #110819; border-color: #a77bff30; border-radius: 8px; }
 .market-table { width: calc(100% - 20px); margin: 0 10px; border-spacing: 0 8px; }
 .market-table th { height: 34px; }
 .market-table td { height: 74px; padding-left: 8px; padding-right: 8px; font-size: 11px; }
 .market-table th:nth-child(2), .market-table td:nth-child(2) { padding-left: 11px; }
 .market-table th:nth-child(4), .market-table td:nth-child(4) { padding-right: 11px; }
 .market-table td:nth-child(2) { border-radius: 10px 0 0 10px; border-left: 1px solid #a77bff12; }
 .market-table td:nth-child(4) { border-radius: 0 10px 10px 0; border-right: 1px solid #a77bff12; }
 .market-table tbody tr.selected td:nth-child(2) { box-shadow: inset 3px 0 var(--violet); }
 .market-table td[colspan] { border-radius: 10px; }
 .market-asset { gap: 8px; }
 .market-asset .token-avatar { width: 28px; height: 28px; }
 .market-asset button { font-size: 11px; }
 .market-asset .asset-name { font-size: 8px; }
 .market-data-kind { font-size: 6px; }
 .markets-footer { padding: 12px 17px 20px; }
 .mobile-dock { background: #08040eeb; border-color: #a77bff28; box-shadow: 0 -8px 24px #0006; }
 .mobile-dock > button.active { color: var(--violet); }
}
@media (max-width: 370px) {
 .selected-market { padding-left: 13px; padding-right: 13px; }
 #main-price { font-size: 31px; }
 .market-table td { font-size: 10px; }
 .market-table th:nth-child(2), .market-table td:nth-child(2) { padding-left: 9px; }
 .market-table th:nth-child(4), .market-table td:nth-child(4) { padding-right: 9px; }
 .market-asset { gap: 6px; }
 .market-asset .token-avatar { width: 26px; height: 26px; }
 .chart-range-change { font-size: 8px; }
}

.market-data-kind:empty{display:none}

/* One terminal, three mobile views. Desktop keeps its continuous workspace. */
.updated-status{max-width:90px;font:9px/1.4 var(--display);color:var(--dim);text-align:right}
.updated-status[data-state="stale"],.updated-status[data-state="delayed"],.updated-status[data-state="unavailable"],.updated-status[data-state="partial"]{color:var(--pink)}
.performance-controls{display:flex;align-items:center;gap:14px;padding:13px 26px 0;color:var(--muted);font-size:10px}
.performance-selector>button{min-height:40px;min-width:72px;padding:0 12px;color:var(--muted);font:11px var(--display);border-radius:4px}
.performance-selector>button.active{color:var(--lavender)}
#performance-context{font-size:9px;color:var(--dim)}
.mobile-volume,.markets-promo-slot,.mobile-market-key{display:none}
.token-details{margin-top:12px;color:var(--muted);font-size:10px}
.token-details>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px;min-height:48px;cursor:pointer;list-style:none;color:var(--lavender)}
.token-details>summary::-webkit-details-marker{display:none}
.token-details[open]>summary .icon{transform:rotate(180deg)}
.token-details dl{margin:0;padding:5px 20px 10px}
.token-details dl>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid #a77bff12}
.token-details dt{flex-shrink:0;color:var(--dim)}
.token-details dd{margin:0;text-align:right;overflow-wrap:anywhere;color:var(--text)}
.token-details>p{margin:0;padding:0 20px 18px;font-size:10px;line-height:1.7;color:var(--dim)}
.detail-deltas{display:none}
.page-footer{justify-content:center;min-height:70px;padding:22px 0}
@media(max-width:740px){
 html{scroll-padding-top:76px}
 .topbar{height:66px;padding:0 max(10px,env(safe-area-inset-left)) 0 max(10px,env(safe-area-inset-right));position:sticky;top:0;z-index:30}
 .brand-mark{width:32px;height:32px;margin-right:7px}.wordmark{font-size:28px;letter-spacing:-1.5px}
 .topbar-actions{gap:5px}.updated-status{font-size:8px;max-width:65px}
 .refresh-button,.search-trigger{width:42px;height:44px;flex:0 0 42px}.search-trigger{padding:0;justify-content:center}
 main{display:flex;flex-direction:column;padding:8px max(8px,env(safe-area-inset-right)) calc(78px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));gap:0;min-height:calc(100dvh - 66px)}
 .terminal-grid{display:contents}
 #app[data-mobile-view="markets"] .selected-market,
 #app[data-mobile-view="markets"] .chart-panel,
 #app[data-mobile-view="markets"] .flow-panel,
 #app[data-mobile-view="markets"] .token-insights,
 #app[data-mobile-view="markets"] .token-details,
 #app[data-mobile-view="token"] .market-pulse,
 #app[data-mobile-view="token"] .markets-panel,
 #app[data-mobile-view="token"] .markets-promo-slot,
 #app[data-mobile-view="token"] .flow-panel,
 #app[data-mobile-view="trades"] .market-pulse,
 #app[data-mobile-view="trades"] .markets-panel,
 #app[data-mobile-view="trades"] .markets-promo-slot,
 #app[data-mobile-view="trades"] .chart-panel,
 #app[data-mobile-view="trades"] .token-insights,
 #app[data-mobile-view="trades"] .token-details{display:none}
 .market-pulse{order:0;grid-template-columns:.85fr 1fr 1.15fr;min-height:78px;margin:0 0 10px;border-radius:11px}
 .market-pulse>.pulse-stat{padding:11px 9px;min-width:0}.market-pulse>div+div:before{top:14px;bottom:14px}
 .market-pulse .pulse-end{display:none}.market-pulse .breadth-stat{display:block}.pulse-stat>.label{font-size:7px;letter-spacing:.5px;margin-bottom:6px}
 .pulse-stat>strong,.breadth-numbers strong{font-size:19px;letter-spacing:-.6px}.stat-context{font-size:7px;line-height:1.5;margin-top:3px}
 .breadth-numbers{gap:4px;font-size:7px}.breadth-bar{margin-top:7px;height:3px}.breadth-stat .label{white-space:nowrap}#breadth-quote{font-size:6px;letter-spacing:0}#breadth-status{position:absolute;bottom:2px;right:9px;font-size:6px;letter-spacing:0}
 .markets-panel{order:1;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
 .markets-heading{padding:3px 2px 0;display:flex;flex-direction:column;gap:8px;align-items:stretch}
 .market-heading-copy{gap:8px;align-items:center}.market-heading-copy h1{font-size:23px;letter-spacing:-.8px}.section-number{display:none}.count-pill{font-size:8px}
 .market-search{width:100%;min-height:42px;margin:0;padding:0 12px;display:flex;align-items:center;gap:9px}.market-search input{width:100%;font-size:12px}
 .performance-controls{padding:8px 2px 0;gap:10px;justify-content:space-between;font-size:10px}.performance-selector>button{min-width:76px;min-height:44px}#performance-context{display:none}
 .markets-toolbar{padding:0 2px;border:0;gap:8px;min-height:48px;align-items:center}.markets-toolbar .text-tabs{gap:16px}.markets-toolbar .text-tabs>button{min-height:44px;font-size:10px}
 .mobile-sort{display:flex;align-items:center;gap:5px;font-size:9px}.mobile-sort select{min-height:44px;padding:0 4px;font-size:10px;max-width:105px}
 .mobile-market-key{display:flex;justify-content:space-between;gap:10px;padding:1px 3px 8px;color:var(--dim);font:8px var(--display)}
 .market-table-wrap{overflow:visible}.market-table{display:block;width:100%;margin:0;border-spacing:0;table-layout:auto}
 .market-table thead{display:none}.market-table tbody{display:flex;flex-direction:column;gap:6px}
 .market-table tbody tr{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr) 72px;grid-template-rows:auto auto;column-gap:7px;row-gap:2px;min-height:70px;padding:9px 10px;border:1px solid #a77bff17;border-radius:10px;background:linear-gradient(110deg,#130b1d,#0b070f);cursor:pointer}
 .market-table tbody tr.selected{background:linear-gradient(110deg,#251334,#100915);border-color:#a77bff50;box-shadow:inset 2px 0 var(--violet)}
 .market-table tbody tr:hover{background:#1a0d26}
 .market-table tbody tr td{display:block;height:auto;width:auto;padding:0!important;min-width:0;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;font-size:12px;align-self:center;text-align:right}
 .market-table tbody tr td:nth-child(1),.market-table tbody tr td.volume-col,.market-table tbody tr td.liquidity-col,.market-table tbody tr td.row-arrow{display:none}
 .market-table tbody tr td:nth-child(2){grid-column:1;grid-row:1 / 3;text-align:left}
 .market-table tbody tr td.market-price{grid-column:2;grid-row:1 / 3;align-self:center}
 .market-table tbody tr td.market-change{grid-column:3;grid-row:1;align-self:end;font:11px var(--display)}
 .market-table tbody tr td.spark-col{display:block;grid-column:3;grid-row:2;align-self:start}
 .market-spark{width:72px;height:24px;margin:0 0 0 auto}
 .market-asset{gap:8px;min-width:0}.market-asset .token-avatar{width:30px;height:30px}
 .market-asset>div{min-width:0}.market-asset button{min-height:24px;font-size:11px;max-width:100%;line-height:1.2}.market-asset .asset-name{font-size:8px;max-width:90px;margin-top:1px}
 .market-data-kind{font-size:6px;letter-spacing:.4px}.mobile-volume{display:block;margin-top:5px;font:8px var(--display);color:var(--muted);white-space:nowrap}.mobile-volume>span{font-size:6px;color:var(--dim)}
 .market-price>span{display:block;white-space:nowrap;font:12px var(--display)}
 .markets-footer{padding:12px 3px;font-size:8px;line-height:1.6}
 .markets-promo-slot{display:block;order:5;margin-top:8px}
 .markets-promo-slot>.bodhix-promo{display:flex;align-items:center;gap:11px;min-height:70px;padding:12px 14px;border:1px solid #a77bff1c;border-radius:10px;background:linear-gradient(115deg,#150b20,#09050e);color:var(--text);text-decoration:none}
 .markets-promo-slot .promo-copy>strong{margin-top:3px;font-size:14px}.markets-promo-slot .promo-caption{margin-top:3px;font-size:9px}
 .selected-market{order:0;display:block;min-height:0;margin:0 0 8px;padding:12px 12px 11px;border-radius:11px}
 .selected-token{width:100%;min-width:0;padding:0;gap:9px}.selected-token .token-avatar{width:34px;height:34px}.pair-name{font-size:20px;gap:6px}.pair-name .quote{font-size:14px}
 .token-sub{font-size:8px;margin-top:4px;gap:5px}.token-sub>span:last-child{display:none}.token-sub>span:nth-child(2){display:none}
 .price-block{margin-top:10px;width:100%}.price-line{gap:10px;flex-wrap:wrap}#main-price{font-size:34px;letter-spacing:-1.6px}.change-badge{font-size:10px;padding:5px 6px}.price-caption{font-size:8px;gap:5px;line-height:1.5}.selected-market .delta-grid{display:none}
 .chart-panel,.flow-panel{order:1;border-radius:11px}.panel-top,.flow-panel .panel-top{padding:0 12px}
 .chart-title-row{height:58px;gap:6px}.chart-title-row .section-meta{display:none}.chart-tools{gap:5px}.chart-tools .icon-button,.chart-tools .segmented .icon-button{height:40px;width:35px}
 .chart-controls{padding:0 11px}.timeframes>button{min-height:44px;min-width:42px}.chart-stage{height:270px;margin:0 3px}.ohlc-readout{padding:10px 12px 0;height:32px;font-size:8px;gap:4px}.chart-footer{margin:0 12px;height:auto;min-height:43px;gap:5px;flex-wrap:wrap;padding:7px 0;font-size:7px}.chart-footer>span:nth-child(2){margin-left:auto;font-size:6px}.chart-hint{display:none}
 .chart-panel.expanded .chart-stage{height:auto}.chart-panel.expanded .chart-title-row{height:58px}
 .token-insights{order:2;margin-top:8px;border-radius:11px}.token-insights>div{padding:13px 12px}.token-insights strong{font-size:23px}.token-insights .label{font-size:7px;letter-spacing:.7px}.token-insights .metric-context,.token-insights .metric-delta{font-size:8px;line-height:1.5}
 .token-details{order:3;margin-top:8px;border-radius:11px}.token-details>summary{padding:0 12px;min-height:48px}.token-details dl{padding:4px 12px 10px}.token-details>p{padding:0 12px 14px;font-size:9px}.detail-deltas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:4px 12px 10px}.detail-deltas .delta-item{padding:0;text-align:left;min-width:0}.detail-deltas .delta-item>span{margin-bottom:5px}
 #app[data-mobile-view="trades"] .selected-market{display:flex;align-items:center;gap:12px}#app[data-mobile-view="trades"] .selected-token{width:auto;flex:1}#app[data-mobile-view="trades"] .price-block{width:auto;margin:0;text-align:right}#app[data-mobile-view="trades"] .price-line{justify-content:flex-end}#app[data-mobile-view="trades"] #main-price{font-size:21px;letter-spacing:-.7px}#app[data-mobile-view="trades"] .change-badge,#app[data-mobile-view="trades"] .price-caption{display:none}
 .flow-panel{height:calc(100dvh - 226px - env(safe-area-inset-bottom));min-height:400px}.flow-panel .panel-top{height:54px}.flow-summary{padding:0 12px 14px}.flow-amounts>strong{font-size:26px}.flow-heading .label{font-size:8px}.flow-counts{font-size:9px}.flow-bar{gap:2px}
 .tape-controls{padding:0 12px;min-height:46px}.tape-controls .text-tabs>button{min-height:44px;font-size:11px}.trade-table-head{padding:12px 12px 8px;font-size:8px}.trade-feed{flex:1 1 auto;min-height:100px}.trade-row{padding-left:12px;padding-right:12px;min-height:50px}.trade-date{font-size:10px}.trade-pool{font-size:8px}.tape-footer{padding:10px 12px;font-size:8px}
 .page-footer{order:6;min-height:56px;padding:20px 0 8px;justify-content:center;margin-top:auto}.footer-brand{font-size:8px}.page-footer .footer-brand>span{font-size:7px}
 .mobile-dock{padding:6px 8px calc(6px + env(safe-area-inset-bottom));gap:6px}.mobile-dock>button{flex:1;min-height:48px;border-radius:9px;font-size:10px;gap:4px}.mobile-dock>button.active{background:#a77bff14;color:var(--lavender);box-shadow:inset 0 1px 0 #c5acff0c}.mobile-dock .icon{width:19px;height:19px}
}
@media(max-width:370px){
 .wordmark{font-size:26px}.brand-mark{width:29px;height:29px}.updated-status{max-width:55px;font-size:7px}.topbar-actions{gap:3px}
 .market-table tbody tr{grid-template-columns:minmax(0,1fr) minmax(0,.95fr) 63px;column-gap:5px;padding:8px;min-height:68px}.market-asset{gap:6px}.market-asset .token-avatar{width:27px;height:27px}.market-asset button{font-size:10px}.market-asset .asset-name{max-width:67px;font-size:7px}.market-price>span{font-size:11px}.mobile-volume{font-size:7px}.market-spark{width:63px}
 .markets-toolbar .text-tabs{gap:12px}.mobile-sort{font-size:0}.mobile-sort select{font-size:9px;max-width:94px}.pulse-stat>strong,.breadth-numbers strong{font-size:17px}.breadth-numbers{font-size:6px;gap:3px}
 #main-price{font-size:31px}.pair-name{font-size:18px}.chart-stage{height:250px}.chart-title-row{height:56px}.chart-tools .icon-button,.chart-tools .segmented .icon-button{width:32px}.section-title{font-size:12px}
}