@font-face { font-family: "Geist"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/static/fonts/geist-latin.woff2") format("woff2"); } :root { color-scheme: light; --c-bg: #efeae0; --c-card: #f8f5ef; --c-pill: #e4dfd3; --c-press: #d9d3c5; --c-line: #e0d9cb; --c-text: #2f3a32; --c-text-2: #4f5a4f; --c-text-3: #687264; --c-text-4: #bdb8aa; --c-ink: #2f3a32; --c-on-ink: #f3efe6; --c-sage: #c9d4c0; --c-on-sage: #2f3a32; --c-up: #2f7a4a; --c-down: #b4472f; --c-amber: #8f6417; --c-amber-soft: rgb(143 100 23 / .1); --c-up-soft: rgb(47 122 74 / .1); --c-down-soft: rgb(180 71 47 / .1); --c-float: #2f3a32; --c-float-line: #2f3a32; --c-float-shadow: 0 8px 24px rgb(47 58 50 / .18); --c-ease: cubic-bezier(.25, .1, .25, 1); --c-fast: 160ms; --c-mid: 260ms; } :root { --sans: "Geist", -apple-system, system-ui, "Segoe UI", Roboto, sans-serif; --mono: var(--sans); --serif: var(--sans); --bg: var(--c-bg); --panel: var(--c-card); --raised: var(--c-pill); --line: var(--c-line); --ink: var(--c-text); --ink-dim: var(--c-text-2); --ink-faint: var(--c-text-3); --accent: var(--c-ink); --accent-ink: var(--c-on-ink); --accent-soft: var(--c-pill); --live: var(--c-text); --live-soft: var(--c-pill); --mint: var(--c-up); --up: var(--c-up); --down: var(--c-down); --danger: var(--c-down); --amber: var(--c-amber); --up-soft: var(--c-up-soft); --down-soft: var(--c-down-soft); --mint-soft: var(--c-up-soft); --danger-soft: var(--c-down-soft); --hover: var(--c-pill); --shadow: none; --radius: 20px; --r-sm: 14px; --k-bg: var(--c-bg); --k-bar: var(--c-bg); --k-card: var(--c-card); --k-surface: var(--c-pill); --k-surface-2: var(--c-press); --k-text: var(--c-text); --k-text-2: var(--c-text-2); --k-text-3: var(--c-text-3); --k-text-4: var(--c-text-4); --k-green: var(--c-up); --k-mint: var(--c-up); --k-green-pill: var(--c-up-soft); --k-red: var(--c-down); --k-red-pill: var(--c-down-soft); --k-hot: var(--c-down); --k-amber: var(--c-amber); --k-tint-up: transparent; --k-tint-down: transparent; --k-line: var(--c-line); --dock-w: min(300px, calc(100vw - 108px)); } html, body { background: var(--c-bg) !important; color: var(--c-text); } body { font-family: var(--sans); -webkit-font-smoothing: antialiased; } body :is(button, input, select, textarea) { font-family: var(--sans); } ::selection { background: var(--c-press); color: var(--c-text); } :is(button, a, input, select, textarea, summary):focus-visible { outline: 2px solid var(--c-text-3); outline-offset: 2px; } *, *::before, *::after { text-shadow: none !important; } :is(.total-bal, #balance, .trow-num, .chg, .score, .engn-value, td) { font-variant-numeric: tabular-nums; } .page { padding-inline: 16px !important; } .topbar { position: relative !important; block-size: auto !important; min-block-size: 76px; margin: 0 -16px !important; padding: calc(env(safe-area-inset-top) + 18px) 16px 6px !important; background: var(--c-bg) !important; border: 0 !important; align-items: center !important; } .tb-me { flex-direction: column; align-items: flex-start !important; gap: 2px !important; } .tb-me .tb-bal { order: 2; } .tb-me .tb-bal :is(.total-bal, #balance) { font: 500 14px/1.2 var(--sans) !important; color: var(--c-text-2) !important; letter-spacing: 0 !important; & .cents { color: var(--c-text-3) !important; } } .tb-me::before { font: 700 34px/1.1 var(--sans); letter-spacing: -.025em; color: var(--c-text); } html:has(#app-shell[data-view="gems"]) .tb-me::before { content: "Gems"; } html:has(#app-shell[data-view="meme"]) .tb-me::before { content: "Signals"; } html:has(#app-shell[data-view="top"]) .tb-me::before { content: "Record"; } html:has(#app-shell[data-view="pearl"]) .tb-me::before { content: "Pearl"; } html:has(#app-shell[data-view="rank"]) .tb-me::before { content: "Top"; } html:has(#app-shell[data-view="agent"]) .tb-me::before { content: "Scout"; } html:has(#app-shell[data-view="profile"]) .tb-me::before { content: "Profile"; } html:has(#app-shell[data-view="wallet"]) .tb-me::before { content: "Wallet"; } html:has(#app-shell[data-view="manual"]) .tb-me::before { content: "Swap"; } .topbar-right { gap: 8px !important; } .topbar .agent { display: none !important; } .tb-deposit { block-size: 40px !important; padding: 0 16px !important; border-radius: 99px !important; background: var(--c-bg) !important; color: var(--c-text) !important; border: 1px solid var(--c-line) !important; box-shadow: var(--c-float-shadow) !important; font: 500 15px var(--sans) !important; } .tb-bell { inline-size: 40px !important; block-size: 40px !important; border-radius: 50% !important; background: var(--c-bg) !important; border: 1px solid var(--c-line) !important; box-shadow: var(--c-float-shadow); & svg { inline-size: 20px !important; block-size: 20px !important; stroke-width: 1.7 !important; } & i { inset: 8px 9px auto auto !important; inline-size: 7px !important; block-size: 7px !important; background: var(--c-down) !important; } } #app-shell > .tabs, .tabs { position: relative !important; inset: auto !important; display: flex; gap: 8px !important; block-size: auto !important; margin: 10px 0 6px !important; padding: 0 !important; border: 0 !important; background: none !important; overflow-x: auto; scrollbar-width: none; & button { flex: none; block-size: 40px; padding: 0 18px !important; border: 0 !important; border-radius: 99px !important; background: var(--c-pill) !important; color: var(--c-text-2) !important; font: 500 15px var(--sans) !important; box-shadow: none !important; transition: background-color var(--c-fast) var(--c-ease), color var(--c-fast) var(--c-ease); } & button::after { display: none !important; } & button[aria-current] { background: var(--c-ink) !important; color: var(--c-on-ink) !important; } & .tab-ic { display: none; } } :is(input[type="search"], input[type="text"], input[type="email"], input[type="password"], input[type="number"], input:not([type]), select, textarea):not([type="checkbox"]) { background: var(--c-bg) !important; border: 1px solid var(--c-line) !important; color: var(--c-text) !important; } :is(input[type="search"], input[type="text"], input[type="email"], input[type="password"], input[type="number"], input:not([type])) { border-radius: 99px !important; min-block-size: 48px; min-inline-size: 0; padding-inline: 20px !important; font-size: 16px !important; } :is(input, textarea)::placeholder { color: var(--c-text-3) !important; } .seg { display: flex !important; gap: 8px !important; padding: 0 !important; border: 0 !important; background: none !important; border-radius: 0 !important; & button { flex: none; block-size: 40px; padding: 0 18px !important; border: 0 !important; border-radius: 99px !important; background: var(--c-pill) !important; color: var(--c-text-2) !important; font: 500 15px var(--sans) !important; box-shadow: none !important; } & button:is([aria-pressed="true"], [aria-selected="true"], [aria-current]) { background: var(--c-ink) !important; color: var(--c-on-ink) !important; } & .thumb { display: none !important; } } :is(.top-narr-clear, .chip, .am-chip, .pill) { border: 0 !important; border-radius: 99px !important; background: var(--c-pill) !important; color: var(--c-text) !important; font: 500 13px var(--sans) !important; padding: 7px 14px !important; } .agent-map .am-chip[data-selected="true"] { background: var(--c-ink) !important; color: var(--c-on-ink) !important; } .st-note { color: var(--c-text-3) !important; font-size: 13px !important; line-height: 1.5 !important; margin: 14px 0 8px !important; & .top-narr-clear { display: inline-flex; margin-block-start: 8px; } } .pf-seg { box-shadow: none !important; gap: 6px; padding: 0 !important; & button { border-radius: 99px !important; background: var(--c-pill) !important; color: var(--c-text-2) !important; padding: 8px 14px !important; } & button[aria-pressed="true"] { background: var(--c-ink) !important; color: var(--c-on-ink) !important; } & i { background: currentColor !important; } } :is(.btn-primary, .pf-save, .dt-cta > a, .dt-cta > button, .us-go, .ag-go, .am-go, form button[type="submit"]) { min-block-size: 52px; background: var(--c-ink) !important; background-image: none !important; color: var(--c-on-ink) !important; border: 0 !important; border-radius: 99px !important; font: 500 16px var(--sans) !important; box-shadow: none !important; transition: scale var(--c-fast) var(--c-ease), opacity var(--c-fast) var(--c-ease); &:active { scale: .98; } } :is(.btn-quiet, .btn-ghost, .pf-actions button:not(.pf-save)) { border: 0 !important; border-radius: 99px !important; background: var(--c-pill) !important; color: var(--c-text) !important; } :is(.sec-title, .section-title, .list-head, h4, h5) { font-family: var(--sans) !important; letter-spacing: 0 !important; text-transform: none !important; } .top-hero { margin: 12px 0 4px !important; } .engn-pod { background: none !important; padding: 0 !important; } .engn-pod .pc-list { grid-template-columns: repeat(3, 1fr) !important; gap: 10px !important; align-items: stretch !important; } .engn-pod .pc-slot { order: 0 !important; } .engn-pod .pc-r1 { order: 1 !important; } .engn-pod .pc-r2 { order: 2 !important; } .engn-pod .pc-r3 { order: 3 !important; } .engn-pod .engn-model { display: none !important; } .engn-pod .pc-place { position: relative; display: grid !important; justify-items: start; align-content: end; gap: 2px; block-size: 100%; min-block-size: 132px; padding: 14px !important; border: 0 !important; border-radius: 20px !important; background: var(--c-card) !important; text-align: start; transition: scale var(--c-fast) var(--c-ease); &:active { scale: .97; } } .engn-pod .engn-rank { position: absolute; inset: 10px 14px auto auto; font: 400 30px/1 var(--sans) !important; letter-spacing: -.02em !important; color: var(--c-text-3) !important; } .engn-pod .engn-token-logo { inline-size: 44px !important; block-size: 44px !important; width: 44px !important; height: 44px !important; border: 0 !important; border-radius: 12px !important; background: var(--c-pill) !important; margin: 0 0 auto !important; } .engn-pod .engn-symbol { margin-block-start: 14px; font: 600 15px/1.2 var(--sans) !important; color: var(--c-text) !important; } .engn-pod .engn-value { font: 400 13px/1.3 var(--sans) !important; color: var(--c-text-2) !important; } .picks-head { display: none !important; } :is(.memes-list, .board-list, .rows) { margin-inline: 0 !important; } .trow { border: 0 !important; } .trow > button, #top-picks [data-top-rows] > li.trow > button { padding: 10px 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; gap: 14px !important; border-radius: 16px; transition: background-color var(--c-fast) var(--c-ease); &:active { background: var(--c-pill) !important; } } #top-picks [data-top-rows] > li.trow .trow-main::after { display: none !important; } .logo { inline-size: 52px !important; block-size: 52px !important; } .tile { border-radius: 14px !important; } .chain-mark { box-shadow: 0 0 0 2px var(--c-bg) !important; } .trow-main b { font: 500 16px/1.25 var(--sans) !important; color: var(--c-text) !important; } .trow-main small { color: var(--c-text-2) !important; font-size: 13.5px !important; gap: 8px !important; } .trow-main .score { color: var(--c-text) !important; background: var(--c-pill) !important; border-radius: 99px !important; font: 600 12px/1.5 var(--sans) !important; padding: 0 8px !important; margin-inline-end: 2px !important; } .age { color: var(--c-text-3) !important; } .bt-live i { background: var(--c-text-4) !important; box-shadow: none !important; } .trow-num > b { font: 600 16px/1 var(--sans) !important; } .chg { border-radius: 99px !important; padding: 0 8px !important; font-weight: 500 !important; background: none !important; } .chg:not([data-sign]) { color: var(--c-text-3) !important; } :is(.pj-row, .db-row, .projects li, .listing) { border: 0 !important; background: none !important; } :is(.card, .panel, .stat, .sig-stats > *, .trk-hero > *, .agent-card, .ag-card, .ds-report, .why-score, .profile .pf-box, .top-info) { border: 0 !important; border-radius: 20px !important; background: var(--c-card) !important; box-shadow: none !important; background-image: none !important; } .agent-view { grid-template-columns: minmax(0, 1fr) !important; } .dt-chart, .chart-wrap, [data-chart] { background: none !important; background-image: none !important; } .why-score .ring { background: none !important; } .why-score .ring::before { background: conic-gradient(var(--c-text) calc(var(--v) * 1%), var(--c-press) 0) !important; } .bars i { background: linear-gradient(90deg, var(--c-text) calc(var(--v) * 1%), var(--c-press) 0) !important; } #dock.dock { inset: auto auto calc(14px + env(safe-area-inset-bottom)) 16px !important; inline-size: calc(100vw - 32px - 70px) !important; block-size: 64px !important; padding: 4px !important; gap: 2px; border-radius: 99px !important; background: var(--c-float) !important; border: 1px solid var(--c-float-line) !important; box-shadow: var(--c-float-shadow) !important; backdrop-filter: blur(20px) saturate(160%) !important; -webkit-backdrop-filter: blur(20px) saturate(160%) !important; & button { block-size: 56px !important; display: flex !important; flex-direction: column; justify-content: center; align-items: center; gap: 4px; border-radius: 99px !important; color: var(--c-text-2) !important; transition: background-color var(--c-mid) var(--c-ease), color var(--c-mid) var(--c-ease); } & button span { position: static !important; inline-size: auto !important; block-size: auto !important; overflow: visible !important; clip-path: none !important; font: 500 11px/1 var(--sans); letter-spacing: 0; } & button svg { inline-size: 22px !important; block-size: 22px !important; stroke-width: 1.8 !important; } & button[aria-current] { background: var(--c-pill) !important; color: var(--c-text) !important; } & button[aria-current] svg { fill: none !important; stroke: currentColor !important; stroke-width: 2.1 !important; } & .dock-me { inline-size: 22px !important; block-size: 22px !important; font-size: 11px; background: var(--c-press) !important; color: var(--c-text) !important; box-shadow: none !important; } } .dock-search { inset: auto 16px calc(14px + env(safe-area-inset-bottom)) auto !important; inline-size: 64px !important; block-size: 64px !important; border-radius: 50% !important; background: var(--c-float) !important; border: 1px solid var(--c-float-line) !important; box-shadow: var(--c-float-shadow) !important; color: var(--c-text) !important; & svg { inline-size: 24px !important; block-size: 24px !important; stroke-width: 1.8 !important; } } #app-shell[data-view] { padding-block-end: calc(104px + env(safe-area-inset-bottom)) !important; } @keyframes rise { from { opacity: 0; transform: translateY(6px); } } @keyframes row-in { from { opacity: 0; transform: translateY(6px); } } @keyframes fade-in { from { opacity: 0; } } @keyframes pj-in { from { opacity: 0; transform: translateY(6px); } } @keyframes gb-row { from { opacity: 0; transform: translateY(6px); } } @keyframes gb-pop { from { opacity: 0; } } @keyframes gb-rise { from { opacity: 0; transform: translateY(6px); } } @keyframes agent-in { from { opacity: 0; transform: translateY(6px); } } @keyframes ag-in { from { opacity: 0; transform: translateY(6px); } } @keyframes ask-in { from { opacity: 0; transform: translateY(6px); } } @keyframes rank-new { from { opacity: 0; } } @keyframes shell-in { from { opacity: 0; } } @keyframes shell-out { to { opacity: 0; } } @keyframes gb-aurora {} @keyframes board-shine {} @keyframes gb-medal {} @keyframes splash-glow {} @keyframes listing-flash {} @keyframes listing-ring {} @keyframes scan-add-glow {} @keyframes wobble {} @keyframes ag-breathe {} @keyframes pc-breathe {} @keyframes pop-a {} @keyframes pop-b {} @keyframes agent-breathe { 50% { opacity: .4; } } @keyframes am-breathe { 50% { opacity: .4; } } @keyframes ask-pulse { 50% { opacity: .4; } } @keyframes skel { 50% { opacity: .55; } } @keyframes tok-shimmer { 50% { opacity: .55; } } :is(.memes-list, .projects-list, #board .board-podium, #radar [data-radar-list], #radar .radar-stage):empty, .is-skeleton :is(.tok-av, .tok-main span, .tok-main small) { background: var(--c-card) !important; animation-timing-function: ease-in-out; } .top-wait engn-motion { display: none; } .top-wait { min-block-size: 132px; display: grid; place-items: center; border-radius: 20px; background: var(--c-card); animation: skel 1.6s ease-in-out infinite; } .top-wait p { font: 500 13px var(--sans) !important; text-transform: none !important; letter-spacing: 0 !important; color: var(--c-text-3) !important; } .bt-live { animation: skel 1.6s ease-in-out infinite; } .bt-live i { animation: none !important; opacity: .7; } .ag-scan, .soon[data-stage="checking"]::after, .pilot-scan { display: none !important; } .tape-track { animation: none !important; } .scan-tape { overflow-x: auto; } :is(.sniper-card .pulse, .live .dot.is-live, .scan-dot)::after { animation: none !important; } :is(.scan-dot, .agent-orb, .ag-orb span) { box-shadow: none !important; } .trow.rank-moved { animation-duration: 420ms, 0s !important; } .trow.rank-new { animation-delay: .45s !important; } .splash { background: var(--c-bg) !important; animation-duration: .25s !important; animation-delay: .5s !important; } .splash-halo, .splash-cube .slit-glow { display: none !important; } .splash-cube .face-top { fill: var(--c-card) !important; } .splash-cube .face-l { fill: var(--c-pill) !important; } .splash-cube .face-r { fill: var(--c-press) !important; } .splash-cube .edge { stroke: var(--c-line) !important; } .splash-cube .slit { stroke: var(--c-text) !important; } .splash-name { color: var(--c-text) !important; font-family: var(--sans) !important; letter-spacing: .02em !important; } .splash-name b { color: var(--c-text-2) !important; } .splash-bar { background: var(--c-line) !important; } .splash-bar i { background: var(--c-text) !important; } .dock-search { view-transition-name: dock-search; } ::view-transition-old(shell) { animation-duration: 120ms; animation-timing-function: var(--c-ease); } ::view-transition-new(shell) { animation-duration: var(--c-mid); animation-timing-function: var(--c-ease); } .sheet, .modal { transition: translate var(--c-mid) var(--c-ease), opacity var(--c-mid) var(--c-ease), display var(--c-mid) allow-discrete, overlay var(--c-mid) allow-discrete !important; } .sheet::backdrop, .modal::backdrop { transition: opacity var(--c-mid) var(--c-ease), display var(--c-mid) allow-discrete, overlay var(--c-mid) allow-discrete !important; } dialog.detail { transition: opacity var(--c-mid) var(--c-ease), translate var(--c-mid) var(--c-ease), display var(--c-mid) allow-discrete, overlay var(--c-mid) allow-discrete; } dialog.detail:not([open]) { opacity: 0; translate: 0 6px; } @starting-style { dialog.detail[open] { opacity: 0; translate: 0 6px; } } a { color: inherit; } .dt-links a { color: var(--c-text) !important; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--c-text-3); } .auto-modes button[aria-checked="true"] { background: var(--c-ink) !important; color: var(--c-on-ink) !important; } .auto-dot[data-mode="sim"] { background: var(--c-amber) !important; } .auto-dot[data-mode="real"] { box-shadow: none !important; } :is(.gem-banner, .al-now, .early-note, .risk-banner) { background: var(--c-card) !important; border: 0 !important; border-radius: 20px !important; } .early-note :is(b, button) { color: var(--c-amber) !important; } .risk-banner b { color: var(--c-amber) !important; } .bd-tags em[data-tone="early"] { color: var(--c-amber) !important; background: rgb(148 98 0 / .1) !important; border: 0 !important; } :is([data-tone="use"], .bd-use) { --live: var(--c-text); color: var(--c-text) !important; } :is(.mm-why li[data-tone="bad"], .pj-status[data-status="rejected"]) { color: var(--c-down) !important; } :is(.meme-row, .mm-score, .track-bands li)[data-tone="hot"] { --tone: var(--c-down); } :is(.meme-row, .mm-score, .track-bands li)[data-tone="warm"] { --tone: var(--c-amber); } .us-state a { color: var(--c-text) !important; text-decoration: underline; } .pf-wallets i { background: var(--c-text) !important; } .hide-toast button { color: var(--c-text) !important; text-decoration: underline; } .scan-dot { background: var(--c-amber) !important; } .ag-kind { color: var(--c-text-2) !important; background: var(--c-pill) !important; font: 500 12px/1.5 var(--sans) !important; letter-spacing: 0 !important; text-transform: none !important; border-radius: 99px !important; } .ag-bar i { background: var(--c-text) !important; } .sc-top .sc-face { fill: var(--c-pill) !important; } .sc-left .sc-face { fill: var(--c-card) !important; } .sc-right .sc-face { fill: var(--c-press) !important; } .sc-face { stroke: var(--c-text-3) !important; } :is(.sc-band, .sc-ring) { stroke: var(--c-text) !important; } .sc-core { fill: var(--c-text) !important; } .ask-fab { background: var(--c-float) !important; border-color: var(--c-float-line) !important; box-shadow: var(--c-float-shadow) !important; color: var(--c-text-2) !important; opacity: 1 !important; } .sig-pill { font: 600 12px var(--sans) !important; letter-spacing: 0 !important; text-transform: none !important; } .sig-pill[data-side="hold"] { color: var(--c-text-2) !important; background: var(--c-pill) !important; box-shadow: none !important; } .sig-stats [data-v="in"] dd { color: var(--c-text) !important; } :is(.auto-chip, .hot, .pc-rank, .bd-tags em) { font: 500 12px/1.4 var(--sans) !important; letter-spacing: 0 !important; text-transform: none !important; } #app-shell :is(h2, h3):not(.sheet-title) { font: 600 20px/1.2 var(--sans) !important; letter-spacing: -.01em !important; } #app-shell h4:not(.feed-sec) { font: 600 17px/1.25 var(--sans) !important; } h4.feed-sec { font: 500 14px/1.3 var(--sans) !important; color: var(--c-text-2) !important; } .sheet-title { font: 600 20px/1.2 var(--sans) !important; } html:has(#login-screen:not([hidden])) :is(.tb-deposit, .tb-bell, .ask-fab, .tb-bal) { display: none !important; } html:has(#login-screen:not([hidden])) .tb-me::before { content: "Log in"; } dialog.sheet { background: var(--c-bg) !important; --ring: var(--c-bg); } .dep-row { background: var(--c-card) !important; border: 0 !important; } dialog.sheet :is(.rows, [tabindex="-1"]):focus { outline: none !important; } .seg button:disabled { opacity: 1 !important; color: var(--c-text-3) !important; background: transparent !important; box-shadow: inset 0 0 0 1px var(--c-line) !important; } :root { --ring: var(--c-bg); } :is(.card, .panel) { --ring: var(--c-card); } .chain-mark { box-shadow: 0 0 0 2px var(--ring) !important; } .engn-pod { --engn-accent: var(--c-text-3) !important; } .engn-pod .pc-prev { font: 500 11px var(--sans) !important; color: var(--c-text-3) !important; } .ask-fab { position: absolute !important; inset: calc(env(safe-area-inset-top) + 18px) 64px auto auto !important; inline-size: 40px !important; block-size: 40px !important; border-radius: 50% !important; padding: 0 !important; display: grid; place-items: center; translate: none !important; transform: none !important; } .track { background: none !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; --ring: var(--c-bg); } .scan-form button { min-block-size: 0 !important; block-size: 40px !important; inline-size: 40px !important; inset: 4px 4px auto auto !important; border-radius: 50% !important; } .dt-bar { padding: 0 16px !important; border: 0 !important; block-size: 56px; } .dt-bar .sq { inline-size: 40px !important; block-size: 40px !important; border-radius: 50% !important; border: 0 !important; background: var(--c-pill) !important; } .dt-back { inline-size: 40px; block-size: 40px; margin-inline-start: -8px; } .dt-tabs { display: flex !important; gap: 8px; margin: 18px 0 0 !important; border: 0 !important; } .dt-tabs button { flex: 1; block-size: 40px !important; border: 0 !important; border-radius: 99px !important; background: var(--c-pill) !important; color: var(--c-text-2) !important; } .dt-tabs button[aria-current] { background: var(--c-ink) !important; color: var(--c-on-ink) !important; } .dt-tabs button::after { display: none !important; } .dt-chips { display: grid !important; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); overflow: visible !important; gap: 4px !important; } .dt-chips button { block-size: 36px; padding: 0 !important; min-inline-size: 0; border-radius: 99px !important; background: var(--c-pill) !important; } .dt-chips button:is([aria-current], [aria-pressed="true"]) { background: var(--c-ink) !important; color: var(--c-on-ink) !important; } .why-score { padding: 14px !important; gap: 14px; } .ds-recheck { min-block-size: 48px; border: 0 !important; border-radius: 99px !important; background: var(--c-pill) !important; font: 500 15px var(--sans) !important; } .ds-recheck[data-busy] { background: var(--c-ink) !important; color: var(--c-on-ink) !important; font: 400 12px/1.35 var(--sans) !important; } .dt-pane :is(.call, li, p, dl > div) { border: 0 !important; } .dt-pane .call { padding-block: 12px !important; } .dt-pane .bars i { block-size: 4px; border-radius: 99px; } .dt-cta { background: linear-gradient(transparent, var(--c-bg) 18px) !important; padding-top: 20px !important; } .quant-panel { border: 0 !important; border-radius: 20px !important; background: var(--c-card) !important; padding: 14px !important; } .quant-counts { gap: 8px !important; } .quant-counts > p { background: var(--c-bg) !important; border-radius: 14px !important; margin: 0 !important; } .agent-map { border: 0 !important; } .am-live { border: 0 !important; border-radius: 16px !important; background: var(--c-bg) !important; } #agent-view select { min-block-size: 48px; border-radius: 99px !important; padding-inline: 20px !important; } .ag-more { block-size: 40px; border-radius: 99px !important; } .ag-prog { display: grid; gap: 12px; } .ag-prog-item i { border-radius: 99px; block-size: 4px; } .pf-wallet { background: none !important; padding: 0 !important; gap: 8px; box-shadow: none !important; } .pf-wallet button { block-size: 40px; border-radius: 99px !important; padding: 0 16px !important; background: var(--c-pill) !important; color: var(--c-text-2) !important; } .pf-wallet button:is([aria-pressed="true"], [aria-current], [aria-selected="true"]) { background: var(--c-ink) !important; color: var(--c-on-ink) !important; } .pf-range { gap: 4px; justify-content: space-between; } .pf-range button { flex: 1; block-size: 36px; padding: 0 !important; border-radius: 99px !important; } .pf-range button:is([aria-pressed="true"], [aria-current], [aria-selected="true"]) { background: var(--c-ink) !important; color: var(--c-on-ink) !important; } :is(.pf-sq, .pf-edit) { inline-size: 44px !important; block-size: 44px !important; border-radius: 50% !important; border: 0 !important; background: var(--c-pill) !important; } .pf-seg button { block-size: 40px; padding: 0 16px !important; } #onchain-empty-state { background: var(--c-card); border-radius: 20px; padding: 16px; margin-top: 16px; & > :is(button, a) { margin-block-start: 12px; } } .pj-filter-btn { block-size: 48px !important; border-radius: 99px !important; border: 0 !important; background: var(--c-pill) !important; padding: 0 18px !important; } :is(.projects-list > li, .projects > header) { padding-inline: 0 !important; } .projects > header { display: block !important; } .projects > header h3 { margin-bottom: 4px; } dialog.sheet .pjf-chips button { block-size: 40px; border: 0 !important; background: var(--c-pill) !important; border-radius: 99px !important; } :is(.pjf-done, .pjf-reset) { min-block-size: 52px; border-radius: 99px !important; border: 0 !important; } :is(.top-narr-clear, .am-chip, .rj-more, .more-row) { min-block-size: 40px; padding: 0 16px !important; display: inline-flex; align-items: center; border-radius: 99px !important; background: var(--c-pill) !important; } .rj-more { margin-inline-start: 0 !important; } dialog.sheet { padding-inline: 16px !important; } .dep-row { border-radius: 20px !important; } .sheet-close { min-block-size: 52px; } @media (max-width: 374px) { .engn-pod .engn-rank { font-size: 24px !important; inset: 10px 10px auto auto; } .engn-pod .engn-token-logo { inline-size: 40px !important; block-size: 40px !important; width: 40px !important; height: 40px !important; } } :is(.score, .trow-num b, .trow-num em, .engn-rank, .engn-value, .pj-score, .chg, .dt-mc, .pf-total, .pf-change, dd, td, .amount, #balance, .total-bal) { font-variant-numeric: tabular-nums !important; } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-delay: 0ms !important; } .qr-progress { animation: none !important; } } .arena .ar-head h4 { font: 600 15px/1.3 var(--sans); } .arena .ar-bench .trow-main b { color: var(--c-text-2) !important; } :is(.tabs, .seg, .dt-tabs, .dt-chips) button:is([aria-pressed="true"], [aria-selected="true"], [aria-current]), .pf-seg button[aria-pressed="true"], .agent-map .am-chip[data-selected="true"] { background: var(--c-sage) !important; color: var(--c-on-sage) !important; } :is(.tb-deposit, .tb-bell, .ask-fab) { background: var(--c-card) !important; border: 0 !important; box-shadow: none !important; color: var(--c-text) !important; } :is(.card, .panel, .stat, .sig-stats > *, .trk-hero > *, .agent-card, .ag-card, .ds-report, .why-score, .profile .pf-box, .top-info), .engn-pod .pc-place { border-radius: 24px !important; background: var(--c-card) !important; } .engn-pod .pc-r1 .pc-place { background: var(--c-sage) !important; } .engn-pod .pc-r1 .engn-rank { color: var(--c-text-2) !important; } .trow > button, #top-picks [data-top-rows] > li.trow > button { background: var(--c-card) !important; border-radius: 20px !important; padding: 10px 14px !important; margin-block-end: 8px; } .trow > button:active, #top-picks [data-top-rows] > li.trow > button:active { background: var(--c-pill) !important; } .logo { border-radius: 14px !important; } .trow-main .score { background: var(--c-sage) !important; color: var(--c-on-sage) !important; } :is(.pj-row, .db-row, .projects li, .listing) { background: var(--c-card) !important; border-radius: 20px !important; margin-block-end: 8px; padding-inline: 14px !important; } #dock.dock { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } #dock.dock button { color: color-mix(in srgb, var(--c-sage) 80%, transparent) !important; } #dock.dock button[aria-current] { background: var(--c-sage) !important; color: var(--c-on-sage) !important; } #dock.dock .dock-me { background: color-mix(in srgb, var(--c-sage) 20%, transparent) !important; color: var(--c-on-ink) !important; } #dock.dock button[aria-current] .dock-me { background: var(--c-ink) !important; } .dock-search { color: var(--c-on-ink) !important; } .ar-tile[aria-pressed="true"] { border-color: var(--c-ink) !important; background: var(--c-sage) !important; color: var(--c-on-sage) !important; } :root[data-theme="dark"] { color-scheme: dark; --c-bg: #111513; --c-card: #1a1f1c; --c-pill: #252b27; --c-press: #2f3631; --c-line: #29302b; --c-text: #e8ebe4; --c-text-2: #bcc3b8; --c-text-3: #8f998c; --c-text-4: #59625a; --c-ink: #46604e; --c-on-ink: #f1f4ee; --c-sage: #c9d4c0; --c-on-sage: #1d2620; --c-up: #63c48b; --c-down: #ec8468; --c-amber: #d9a94f; --c-amber-soft: rgb(217 169 79 / .14); --c-up-soft: rgb(99 196 139 / .14); --c-down-soft: rgb(236 132 104 / .14); --c-float: #1f2a23; --c-float-line: #2d3a31; --c-float-shadow: 0 8px 24px rgb(0 0 0 / .45); } :root[data-theme="dark"] .bd-tags em[data-tone="early"] { background: var(--c-amber-soft) !important; } .pf-theme { display: grid; gap: 10px; margin-block: 4px 12px; } .pf-theme h3 { margin: 0; font: 500 15px var(--sans); color: var(--c-text); }