:root{--bg:#17171c;--sidebar:#121217;--panel:#1b1b21;--panel-2:#202027;--line:#2b2b33;--line-soft:#25252c;--text:#f4f4f5;--muted:#8e8e98;--blue:#5d77f6;--green:#42b883;--red:#e45d6d;--orange:#ee8e24;--cyan:#4596c9;--yellow:#f4cf42;--sidebar-w:209px;font-family:Poppins,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}
*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-size:13px;overflow:hidden}button,input{font:inherit;color:inherit}button{border:0;cursor:pointer}.app-shell{height:100vh;display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr)}
.sidebar{position:relative;display:flex;flex-direction:column;min-width:0;background:#121217;border-right:1px solid var(--line);height:100vh;overflow:hidden;z-index:10}.brand-row{height:46px;display:flex;align-items:center;padding:0 11px}.brand{color:#f4f4f5;text-decoration:none;font-size:18px;font-weight:500;display:flex;align-items:center;gap:8px;white-space:nowrap}.owl{font-size:25px;line-height:1;transform:rotate(45deg);display:inline-block;color:white}.collapse-button{margin-left:auto;background:transparent;color:#6f6f7a;font-size:20px;padding:5px}
.search-trigger{margin:3px 11px 10px;height:37px;border-radius:6px;padding:0 10px;background:#27272e;display:flex;align-items:center;gap:8px;font-weight:500;text-align:left}.search-trigger span:first-child{font-size:23px;color:#c8c8cc}.search-trigger kbd{margin-left:auto;color:#92929c;border:1px solid #5a5a65;border-radius:3px;padding:0 5px;font-size:11px;font-family:inherit}.app-button{margin:0 11px 7px;height:37px;border-radius:7px;background:linear-gradient(#313137,#2b2b31);font-weight:600}.app-button span:first-of-type{margin-left:8px}.main-nav{padding:0 9px}.nav-item{width:100%;height:36px;background:transparent;color:#d2d2d8;border-radius:5px;text-align:left;padding:0 7px;font-size:14px;display:flex;gap:12px;align-items:center}.nav-item:hover,.nav-item.active{background:#1d1d23}.nav-item span{width:20px;text-align:center;font-size:17px;color:#ddd}.nav-item:nth-child(6) span{font-size:12px}.nav-item:nth-child(7) span{font-size:11px;border:1px solid #777;padding:1px}.divider{height:1px;background:#27272e;margin:2px 11px 5px}.chains{padding:0 9px;overflow:auto;max-height:143px;scrollbar-width:none}.chain-item{height:34px;border-radius:5px;display:flex;align-items:center;gap:10px;padding:0 7px;color:#ceced4}.chain-item:hover{background:#1d1d23}.chain-icon{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:600;background:var(--chain,#6b5df6);color:white}.watchlist-panel{margin-top:2px;border-top:1px solid #27272e;border-bottom:1px solid #27272e;padding:8px 12px;height:126px}.watchlist-title{display:flex;justify-content:space-between;font-size:12px;font-weight:600}.watchlist-title span:last-child{color:#71717b}.watchlist-select{margin-top:9px;background:transparent;padding:0;color:#9c9ca5}.watchlist-panel p{color:#54545d;font-size:11px;margin-top:18px}.sidebar-footer{margin-top:auto;background:#121217}.sidebar-footer>div{height:39px;border-top:1px solid #27272e;display:flex;align-items:center;justify-content:space-between;padding:0 12px}.sidebar-footer button{background:transparent;padding:4px}.sidebar-footer>div:last-child button{font-size:17px}
.content{height:100vh;min-width:0;overflow:hidden;background:#17171c}.meta-strip{height:53px;background:#111115;border-bottom:1px solid #2d2d33;display:flex;align-items:center;gap:23px;padding:0 16px;overflow:hidden;white-space:nowrap}.meta-item{display:flex;align-items:center;gap:5px;color:#d8d8dc;font-size:13px}.meta-item:first-child{font-weight:600;color:white}.meta-item .meta-value{color:#b7b7bf}.meta-item .up{color:#54b987}.ad-banner{height:48px;margin:8px 8px 8px;border:1px solid #2c2c34;border-radius:4px;background:#1b1b21;display:flex;align-items:center;gap:7px;padding:0 12px;color:#d9d9dd}.ad-mark{font-family:serif;font-size:9px}.ad-banner strong{font-size:13px}.ad-banner b{color:#bec6ff}.ad-close{margin-left:auto;color:#8a8a93;font-size:11px}.market-summary{display:grid;grid-template-columns:1fr 1fr;height:47px;margin:0 8px 6px;gap:7px}.market-summary>div{border:1px solid #2b2b31;border-radius:5px;background:#101012;display:flex;align-items:center;justify-content:center;gap:9px}.market-summary span{font-size:11px;color:#85858d}.market-summary strong{font-size:14px}
.toolbar{height:41px;display:flex;align-items:center;gap:6px;padding:0 8px;white-space:nowrap;overflow-x:auto;scrollbar-width:none}.toolbar button{height:33px;border-radius:5px;background:#25252b;color:#d5d5da;padding:0 10px}.view-buttons{display:flex;border:1px solid #34343b;border-radius:5px}.view-buttons button{background:#19191e;padding:0 9px;border-radius:0}.view-buttons button+button{border-left:1px solid #34343b}.segmented{display:flex;background:#596ff0;padding:2px;border-radius:6px}.segmented button{height:29px;background:transparent;padding:0 8px;font-size:11px;font-weight:600}.segmented button.active{font-size:12px}.segmented button.selected{background:#e9edff;color:#4153a8}.primary button{background:#5e79f4!important;font-size:12px!important}.toolbar-tabs{display:flex;gap:5px}.toolbar-tabs button.active{background:#2b2b31}.tool-icons{margin-left:auto;display:flex;border:1px solid #34343b;border-radius:5px}.tool-icons button{background:#19191e;border-radius:0;border-left:1px solid #34343b;color:#bdbdc4}.tool-icons button:first-child{border-left:0}
.table-wrap{height:calc(100vh - 203px);overflow:auto;border-top:1px solid #2c2c33;scrollbar-color:#3b3b43 #17171c}.market-table{border-collapse:separate;border-spacing:0;min-width:1130px;width:100%;table-layout:fixed}.market-table th{position:sticky;top:0;z-index:4;height:42px;background:#38383e;color:#f4f4f5;font-size:10px;font-weight:600;text-align:right;padding:0 10px;border-right:1px solid #3e3e45;cursor:pointer}.market-table th:hover{background:#414148}.market-table th:first-child{text-align:left;width:350px}.market-table th:nth-child(2){width:90px;text-decoration:underline;text-underline-offset:5px}.market-table th:nth-child(3){width:100px}.market-table th:nth-child(4){width:65px;text-decoration:underline dotted;text-underline-offset:6px}.market-table th:nth-child(5){width:90px}.market-table th:nth-child(6){width:88px}.market-table th:nth-child(7){width:82px}.market-table th:nth-child(n+8){width:78px}.market-table td{height:42px;background:#1b1b20;border-right:1px solid #29292f;border-bottom:1px solid #2a2a30;text-align:right;padding:0 10px;color:#dedee2;font-size:12px;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.market-table tr:hover td{background:#232329}.market-table td:first-child{text-align:left}.market-table .token-cell{display:grid;grid-template-columns:26px 18px 28px minmax(0,1fr);align-items:center;gap:6px;padding-left:7px}.rank{font-size:10px;color:#777781}.chain-glyph{font-size:16px}.token-icon{width:28px;height:28px;border-radius:4px;display:grid;place-items:center;font-weight:600;font-size:10px;border:1px solid #393940;background:var(--icon,#24242a);box-shadow:inset 0 0 13px rgba(255,255,255,.05)}.token-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-name strong{color:#f0f0f2;font-weight:600}.token-name .hot{color:var(--orange)}.token-name small{color:#6f6f79;font-size:10px}.token-name em{font-style:normal;color:#c9c9cf;margin-left:6px}.boost{color:#f4c829;font-size:10px;margin-left:4px}.mcap{color:var(--cyan)!important}.positive{color:var(--green)!important}.negative{color:var(--red)!important}.age-new{color:#a8bf6e!important}.empty-state{padding:70px 20px;text-align:center;color:#767680}
.search-overlay,.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:50;display:none;align-items:flex-start;justify-content:center;padding-top:72px;backdrop-filter:blur(3px)}.search-overlay.open,.modal-backdrop.open{display:flex}.search-modal{width:min(600px,calc(100vw - 30px));background:#1d1d23;border:1px solid #373740;border-radius:9px;box-shadow:0 20px 80px rgba(0,0,0,.55);overflow:hidden}.search-input-row{height:57px;display:flex;align-items:center;gap:10px;padding:0 15px;border-bottom:1px solid #303038}.search-input-row>span{font-size:24px}.search-input-row input{flex:1;background:transparent;border:0;outline:0;font-size:15px}.search-input-row kbd{border:1px solid #484852;border-radius:4px;padding:3px 6px;font-family:inherit;font-size:10px;color:#a2a2ab}.search-results{max-height:360px;overflow:auto;padding:7px}.search-result{width:100%;height:49px;background:transparent;border-radius:5px;display:flex;align-items:center;gap:10px;text-align:left;padding:0 10px}.search-result:hover{background:#292930}.search-result span:last-child{margin-left:auto;color:#8b8b94}.search-help{height:34px;border-top:1px solid #303038;display:flex;align-items:center;gap:18px;padding:0 13px;color:#777781;font-size:10px}
.settings-modal{width:min(520px,calc(100vw - 30px));border:1px solid #393943;background:#1d1d23;border-radius:10px;padding:22px;box-shadow:0 20px 80px #000}.settings-modal header{display:flex;align-items:flex-start;justify-content:space-between}.settings-modal h2{margin:4px 0 0;font-size:21px}.eyebrow{font-size:10px;color:#8595ff;letter-spacing:.12em}.close-modal{background:transparent;font-size:25px;color:#888}.settings-modal>p{color:#9696a0;line-height:1.6}.setting-row{min-height:68px;border-top:1px solid #303038;display:flex;align-items:center;justify-content:space-between;gap:20px}.setting-row div{display:flex;flex-direction:column;gap:4px}.setting-row span{font-size:11px;color:#85858e}.switch input{display:none}.switch>span{display:block;width:38px;height:22px;background:#414149;border-radius:20px;position:relative}.switch>span:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:white;left:3px;top:3px;transition:.2s}.switch input:checked+span{background:#647bf6}.switch input:checked+span:after{left:19px}.secondary,.accent{height:34px!important;border-radius:5px;padding:0 12px}.secondary{background:#2c2c33}.accent{background:#647bf6}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);background:#eee;color:#19191e;padding:9px 14px;border-radius:6px;z-index:80;opacity:0;pointer-events:none;transition:.2s;font-weight:600}.toast.show{opacity:1;transform:translate(-50%,0)}
.sidebar.collapsed{width:55px}.sidebar.collapsed .brand span:last-child,.sidebar.collapsed .search-trigger span:nth-child(2),.sidebar.collapsed kbd,.sidebar.collapsed .app-button,.sidebar.collapsed .nav-item:not(.active),.sidebar.collapsed .divider,.sidebar.collapsed .chains,.sidebar.collapsed .watchlist-panel,.sidebar.collapsed .sidebar-footer{display:none}.sidebar.collapsed+.content{margin-left:calc(55px - var(--sidebar-w))}.sidebar.collapsed .brand-row{padding-left:14px}.sidebar.collapsed .collapse-button{display:none}.sidebar.collapsed .search-trigger{margin:6px 8px}.sidebar.collapsed .nav-item.active{justify-content:center;padding:0}.sidebar.collapsed .nav-item.active{font-size:0}.sidebar.collapsed .nav-item.active span{font-size:17px}
@media(max-width:900px){:root{--sidebar-w:55px}.brand span:last-child,.collapse-button,.search-trigger span:nth-child(2),.search-trigger kbd,.app-button,.nav-item:not(.active),.divider,.chains,.watchlist-panel,.sidebar-footer{display:none}.brand-row{padding-left:14px}.search-trigger{margin:6px 8px}.nav-item.active{font-size:0;justify-content:center;padding:0}.nav-item.active span{font-size:17px}.market-summary{grid-template-columns:1fr}.market-summary>div:last-child{display:none}.toolbar{height:44px}.meta-strip{height:47px}.ad-banner{height:43px}.market-table th:first-child{width:280px}.table-wrap{height:calc(100vh - 190px)}}
.chain-item{width:100%;background:transparent;text-align:left}.meta-item{background:transparent;padding:0}
.chain-item.active{background:#24242b;color:#fff}.token-cell{grid-template-columns:18px 24px 18px 28px minmax(0,1fr)!important}.row-star{width:18px!important;padding:0!important;background:transparent;color:#676771;font-size:15px}.row-star.active{color:#f4cf42}.token-img{width:100%;height:100%;object-fit:cover;border-radius:3px}.ad-mark{color:#5ad39a;border:1px solid #315c4b;border-radius:3px;padding:2px 4px;font-family:inherit!important}.ad-close{background:transparent}.search-state{padding:9px 16px 2px;color:#777781;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.search-result>span:nth-child(2){overflow:hidden}.search-result>span:last-child{text-align:right;white-space:nowrap}.search-result small{color:#7e7e88}.table-loader{position:absolute;inset:42px 0 0;background:rgba(23,23,28,.85);display:none;align-items:center;justify-content:center;gap:10px;color:#b6b6be;z-index:3}.table-loader.show{display:flex}.table-loader span:first-child{width:17px;height:17px;border:2px solid #4b4b54;border-top-color:#7185ff;border-radius:50%;animation:spin .7s linear infinite}.table-wrap{position:relative}@keyframes spin{to{transform:rotate(360deg)}}.spinning{animation:spin .7s linear infinite}
.pair-drawer{position:fixed;z-index:35;right:0;top:0;width:min(520px,calc(100vw - 55px));height:100vh;background:#16161b;border-left:1px solid #33333b;box-shadow:-20px 0 60px rgba(0,0,0,.45);transform:translateX(101%);transition:transform .22s ease;overflow:hidden}.pair-drawer.open{transform:translateX(0)}.pair-drawer-head{height:59px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #2d2d34;padding:0 12px;background:#19191f}.pair-drawer-head>button{background:transparent;font-size:20px;color:#9a9aa4}.drawer-token{display:flex;align-items:center;gap:9px;min-width:0;flex:1}.drawer-token>div{display:flex;flex-direction:column;min-width:0}.drawer-token span{font-size:11px;color:#888891;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-icon{width:34px;height:34px;border-radius:7px;background:#2b2b32;display:grid;place-items:center;overflow:hidden;color:white!important;font-weight:600}.drawer-icon img{width:100%;height:100%;object-fit:cover}.drawer-watch.active{color:#f4cf42!important}.pair-drawer-body{height:calc(100vh - 59px);overflow:auto;padding:18px}.drawer-pairline{display:flex;justify-content:space-between;color:#85858f;font-size:11px;text-transform:uppercase}.drawer-price{display:flex;align-items:baseline;gap:10px;margin:5px 0 14px}.drawer-price strong{font-size:27px}.drawer-price span{font-size:13px}.chart-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.chart-toolbar>div{display:flex;background:#24242a;border-radius:5px;padding:2px}.chart-toolbar button{height:26px;background:transparent;border-radius:4px;font-size:10px;color:#8e8e98}.chart-toolbar button.active{background:#393942;color:#fff}.chart-toolbar>span{color:#42b883;font-size:9px;letter-spacing:.08em}.live-chart{height:300px;position:relative;background:#111115;border:1px solid #292930;border-radius:7px;overflow:hidden}.live-chart svg{position:absolute;inset:0;width:100%;height:100%;z-index:2}.chart-grid-line{stroke:#292930;stroke-width:1;vector-effect:non-scaling-stroke}.chart-axis-label{fill:#777782;font-size:9px;font-family:Poppins,sans-serif}.chart-volume{opacity:.32}.chart-wick{stroke-width:1;vector-effect:non-scaling-stroke}.chart-body{shape-rendering:crispEdges}.chart-crosshair{display:none;stroke:#8c8c98;stroke-width:1;stroke-dasharray:3 3;vector-effect:non-scaling-stroke;pointer-events:none}.chart-message{position:absolute;z-index:4;inset:0;display:grid;place-items:center;color:#74747e;font-size:11px;background:rgba(17,17,21,.74);transition:opacity .18s}.chart-message.hidden{opacity:0;pointer-events:none}.chart-tooltip{display:none;position:absolute;z-index:5;pointer-events:none;min-width:170px;padding:8px 10px;border:1px solid #393943;border-radius:5px;background:rgba(20,20,25,.96);box-shadow:0 8px 28px rgba(0,0,0,.35);color:#babac4;font-size:9px;line-height:1.65}.chart-tooltip strong{display:block;color:#fff;font-size:10px}.chart-tooltip span{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.chart-tooltip b{font-weight:500;color:#e8e8ed}.drawer-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#303038;border:1px solid #303038;border-radius:7px;overflow:hidden;margin:12px 0}.drawer-stats>div{background:#1c1c22;min-height:59px;padding:9px;display:flex;flex-direction:column;gap:5px}.drawer-stats span,.pair-info-card span{font-size:9px;color:#808089;text-transform:uppercase}.drawer-stats strong{font-size:12px}.pair-info-card{border:1px solid #303038;border-radius:7px;padding:12px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;background:#1b1b20}.pair-info-card>div{display:flex;flex-direction:column;gap:4px}.pair-info-card button{background:transparent;color:#7f91ff;text-align:left;padding:0;font-size:11px}.pair-info-card code{grid-column:1/-1;color:#777780;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px}.drawer-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.drawer-actions a,.drawer-actions button{height:38px;border-radius:6px;display:grid;place-items:center;text-decoration:none;background:#2b2b32;color:#fff;font-size:11px}.drawer-actions a{background:#6178f5}.drawer-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.drawer-links a{padding:5px 8px;border-radius:4px;border:1px solid #34343c;text-decoration:none;color:#a6a6af;font-size:10px}
.utility-modal{width:min(760px,calc(100vw - 30px))}.modal-copy{color:#92929b;line-height:1.6}.saved-alert{height:56px;border-top:1px solid #303038;display:flex;align-items:center;justify-content:space-between}.saved-alert>div{display:flex;flex-direction:column;gap:3px}.saved-alert span{color:#85858e;font-size:11px}.saved-alert button{background:transparent;color:#888;font-size:20px}.alert-form{display:grid;grid-template-columns:1fr 1fr auto;gap:8px}.alert-form select,.alert-form input{height:38px;border-radius:5px;border:1px solid #3a3a43;background:#25252b;padding:0 10px}.mini-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.mini-chart{height:155px;background:#17171c;border:1px solid #303038;border-radius:7px;padding:12px;text-align:left;position:relative;overflow:hidden}.mini-chart span,.mini-chart strong,.mini-chart em{display:block;position:relative;z-index:2}.mini-chart span{font-size:10px;color:#888}.mini-chart strong{font-size:17px;margin-top:4px}.mini-chart em{font-size:10px;font-style:normal}.mini-chart svg{position:absolute;inset:auto 0 0;width:100%;height:75px}.mini-chart polyline{fill:none;stroke:#5d77f6;stroke-width:2}.nav-item.active{background:#24242a}.tool-icons button:hover,.toolbar-tabs button:hover{background:#313138}
@media(max-width:600px){:root{--sidebar-w:0px}.sidebar{display:none}.content{grid-column:1/-1}.meta-strip{padding-left:10px;gap:16px}.ad-banner span:nth-child(3){display:none}.ad-banner{margin:5px;height:43px}.market-summary{margin-left:5px;margin-right:5px}.toolbar{padding-left:5px}.market-table th:first-child{position:sticky;left:0;z-index:6;width:240px}.market-table td:first-child{position:sticky;left:0;z-index:2}.market-table .token-cell{grid-template-columns:17px 20px 16px 26px minmax(0,1fr)!important;gap:4px}.token-name em{display:none}.pair-drawer{width:100vw}.drawer-stats{grid-template-columns:1fr 1fr}.pair-info-card{grid-template-columns:1fr 1fr}.mini-chart-grid{grid-template-columns:1fr}.alert-form{grid-template-columns:1fr}.utility-modal{max-height:80vh;overflow:auto}}