:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--canvas:oklch(13% .008 112);--surface-1:oklch(16.5% .009 112);--surface-2:oklch(19.5% .01 112);--surface-3:oklch(22.5% .012 112);--line-subtle:oklch(89% .014 112/.055);--line-standard:oklch(89% .014 112/.09);--text-primary:oklch(93% .012 105);--text-secondary:oklch(71% .012 105);--text-tertiary:oklch(62% .01 105);--accent:oklch(88% .17 112);--accent-deep:oklch(35% .08 112);--positive:oklch(79% .15 153);--warning:oklch(79% .16 76);--negative:oklch(69% .18 27);--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-pill:999px;--ease-out:cubic-bezier(.16, 1, .3, 1);font-family:Archivo,Noto Sans SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{background:var(--canvas);scroll-behavior:smooth;min-width:320px}body{background:var(--canvas);min-width:320px;min-height:100vh;color:var(--text-primary);touch-action:manipulation;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:active{transform:scale(.96)}a{color:inherit}.skip-link,.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link:focus{clip:auto;z-index:100;background:var(--accent);width:auto;height:auto;color:var(--canvas);border-radius:var(--radius-sm);margin:12px;padding:10px 14px}.app-shell{width:min(1520px,100%);min-height:100vh;padding:0 max(22px, env(safe-area-inset-right)) 32px max(22px, env(safe-area-inset-left));margin:0 auto}.topbar{border-bottom:1px solid var(--line-standard);justify-content:space-between;align-items:center;min-height:94px;display:flex}.brand-lockup{align-items:center;gap:0;display:flex}.brand-code,.brand-number{letter-spacing:.09em;place-items:center;height:44px;font-size:14px;font-weight:700;display:grid}.brand-code{background:var(--accent);color:oklch(18% .03 112);border-radius:var(--radius-xs) 0 0 var(--radius-xs);width:64px}.brand-number{width:45px;color:var(--accent);background:var(--surface-2);border-radius:0 var(--radius-xs) var(--radius-xs) 0}.brand-lockup>div{flex-direction:column;gap:3px;margin-left:15px;display:flex}.brand-lockup>div strong{font-size:14px;font-weight:600}.brand-lockup>div small,.live-status small{color:var(--text-tertiary);font-size:11px}.live-status{text-align:right;align-items:center;gap:10px;display:flex}.live-status>div{flex-direction:column;gap:3px;display:flex}.live-status strong{font-size:12px;font-weight:500}.live-dot{background:var(--positive);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px oklch(79% .15 153/.08)}.summary-strip{border-bottom:1px solid var(--line-standard);grid-template-columns:repeat(4,1fr);min-height:132px;display:grid}.summary-metric{grid-template-columns:28px 1fr;align-items:center;gap:8px;padding:26px 28px;display:grid;position:relative}.summary-metric:not(:last-child):after{content:"";background:var(--line-subtle);width:1px;position:absolute;top:26px;bottom:26px;right:0}.summary-metric>svg{color:var(--accent);align-self:start;margin-top:4px}.summary-metric>div{grid-template-columns:1fr auto;align-items:baseline;gap:4px 10px;display:grid}.summary-label{color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;grid-column:1/-1;font-size:11px;font-weight:500}.summary-metric strong{letter-spacing:-.022em;font-variant-numeric:tabular-nums;font-size:clamp(23px,2vw,31px);font-weight:600}.summary-metric small{color:var(--text-tertiary);white-space:nowrap;font-size:10px}.control-deck{z-index:20;background:color-mix(in oklch, var(--canvas) 94%, transparent);border-bottom:1px solid var(--line-standard);grid-template-columns:minmax(230px,1fr) auto auto;align-items:center;gap:12px;min-height:74px;padding:13px 0;display:grid;position:sticky;top:0}.search-box{min-height:44px;color:var(--text-tertiary);background:var(--surface-1);border:1px solid var(--line-standard);border-radius:var(--radius-sm);align-items:center;gap:10px;padding:0 13px;display:flex}.search-box:focus-within{border-color:oklch(88% .17 112/.48)}.search-box input{width:100%;min-width:120px;color:var(--text-primary);background:0 0;border:0;outline:0}.search-box input::placeholder{color:var(--text-tertiary)}.search-box kbd{color:var(--text-secondary);white-space:nowrap;font-family:inherit;font-size:10px}.sort-controls{background:var(--surface-1);border-radius:var(--radius-sm);align-items:center;gap:3px;padding:3px;display:flex}.sort-controls>svg{color:var(--text-tertiary);margin:0 7px 0 8px}.sort-controls button,.refresh-button{border-radius:var(--radius-xs);cursor:pointer;min-height:38px;transition-property:transform,background-color,color,opacity;transition-duration:.16s;transition-timing-function:var(--ease-out);border:0}.sort-controls button{color:var(--text-secondary);background:0 0;padding:0 11px;font-size:11px}.sort-controls button.is-active{color:var(--canvas);background:var(--accent);font-weight:600}.refresh-button{min-width:112px;color:var(--text-primary);background:var(--surface-2);justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:11px;display:inline-flex}.refresh-button:disabled{cursor:wait;opacity:.66}.is-spinning{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{color:oklch(88% .08 27);border-radius:var(--radius-sm);background:oklch(28% .06 27/.45);margin-top:12px;padding:11px 14px;font-size:12px}.list-intro{min-height:62px;color:var(--text-tertiary);justify-content:space-between;align-items:center;font-size:11px;display:flex}.list-intro>div{color:var(--text-secondary);align-items:center;gap:8px;display:flex}.list-intro p{margin:0}.pair-list{border-top:1px solid var(--line-standard)}.pair-list-head,.pair-row{grid-template-columns:48px minmax(210px,1.35fr) minmax(130px,.75fr) repeat(3,minmax(112px,.72fr)) 42px;align-items:center;column-gap:18px;display:grid}.pair-list-head{min-height:38px;color:var(--text-tertiary);border-bottom:1px solid var(--line-subtle);letter-spacing:.07em;text-transform:uppercase;padding:0 14px;font-size:9px;font-weight:600}.pair-list-head span:nth-child(n+4):nth-child(-n+6){text-align:right}.pair-item{border-bottom:1px solid var(--line-subtle)}.pair-row{width:100%;min-height:82px;color:inherit;text-align:left;cursor:pointer;transition-property:transform,background-color;transition-duration:.18s;transition-timing-function:var(--ease-out);background:0 0;border:0;padding:10px 14px}.pair-item.is-open>.pair-row{background:var(--surface-1)}.pair-rank,.aggregate-cell strong,.leader-cell strong,.token-rank,.numeric-cell,.change-cell{font-variant-numeric:tabular-nums}.pair-rank{color:var(--text-tertiary);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.stock-identity{grid-template-columns:38px minmax(90px,auto) auto;align-items:center;gap:12px;min-width:0;display:grid}.stock-logo,.token-avatar{outline-offset:-1px;background:var(--surface-3);border-radius:50%;outline:1px solid oklch(94% .01 105/.1)}.stock-logo{box-sizing:border-box;object-fit:contain;padding:5px}.token-avatar{object-fit:cover}.stock-logo-fallback,.token-avatar-fallback{color:var(--accent);place-items:center;font-size:10px;font-weight:700;display:grid}.stock-identity>span:not(.stock-logo){flex-direction:column;gap:4px;min-width:0;display:flex}.stock-identity strong{letter-spacing:-.012em;font-size:16px;font-weight:700}.stock-identity small,.leader-cell small,.aggregate-cell small,.numeric-cell small{color:var(--text-tertiary);font-size:9px}.stock-identity small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stock-identity em{color:var(--text-tertiary);background:var(--surface-2);border-radius:var(--radius-xs);white-space:nowrap;justify-self:start;padding:4px 6px;font-size:9px;font-style:normal}.leader-cell,.aggregate-cell{flex-direction:column;gap:4px;display:flex}.leader-cell strong{color:var(--accent);font-size:12px}.aggregate-cell{text-align:right;align-items:flex-end;position:relative}.aggregate-cell strong{z-index:1;font-size:13px;font-weight:600;position:relative}.market-cap-cell i{width:var(--bar-width);background:var(--accent);opacity:.54;height:2px;position:absolute;bottom:-5px;right:0}.liquidity-cell strong{color:var(--positive)}.expand-icon{width:40px;height:40px;color:var(--text-tertiary);place-items:center;display:grid}.expand-icon svg{transition:transform .22s var(--ease-out)}.pair-item.is-open .expand-icon svg{transform:rotate(180deg)}.pair-details{background:var(--surface-1);transition:grid-template-rows .24s var(--ease-out);grid-template-rows:0fr;display:grid}.pair-details>div{overflow:hidden}.pair-item.is-open .pair-details{grid-template-rows:1fr}.token-table{background:var(--surface-2);border-radius:var(--radius-sm);margin:0 14px 18px 62px;overflow:hidden}.token-table-head,.token-row{grid-template-columns:minmax(280px,1.65fr) repeat(5,minmax(88px,.62fr)) 80px;align-items:center;column-gap:14px;display:grid}.token-table-head{min-height:34px;color:var(--text-tertiary);border-bottom:1px solid var(--line-subtle);letter-spacing:.06em;text-transform:uppercase;padding:0 14px;font-size:8px;font-weight:600}.token-table-head span:not(:first-child){text-align:right}.token-row{background:var(--surface-2);min-height:64px;padding:8px 14px;position:relative}.token-row:not(:last-child){border-bottom:1px solid var(--line-subtle)}.token-project{grid-template-columns:28px 32px 1fr;align-items:center;gap:10px;min-width:0;display:grid}.token-rank{color:var(--text-tertiary);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}.token-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.token-symbol-line{align-items:center;gap:6px;display:flex}.token-symbol-line strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.token-copy>span{color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.multi-tag,.risk-tag{border-radius:var(--radius-xs);white-space:nowrap;align-items:center;gap:3px;min-height:18px;padding:0 5px;font-size:8px;font-weight:600;display:inline-flex}.multi-tag{color:var(--accent);background:oklch(34% .07 112/.48)}.risk-tag{color:var(--warning);background:oklch(32% .07 76/.42)}.numeric-cell{text-align:right;flex-direction:column;align-items:flex-end;gap:3px;display:flex}.numeric-cell strong{font-size:10px;font-weight:500}.change-cell{text-align:right;font-size:10px;font-weight:600}.positive{color:var(--positive)!important}.negative{color:var(--negative)!important}.token-actions{justify-content:flex-end;gap:5px;display:flex}.token-actions a{width:32px;height:32px;color:var(--text-secondary);background:var(--surface-3);border-radius:var(--radius-xs);transition-property:transform,color,background-color;transition-duration:.15s;transition-timing-function:var(--ease-out);place-items:center;font-size:10px;font-weight:700;text-decoration:none;display:grid}.platform-logo{object-fit:contain;border-radius:4px;width:18px;height:18px}.token-mobile-stats{display:none}.loading-state,.empty-state{min-height:360px;color:var(--text-secondary);border-bottom:1px solid var(--line-standard);flex-direction:column;justify-content:center;align-items:center;display:flex}.loading-state span{background:linear-gradient(90deg, transparent 0%, var(--accent) 50%, transparent 100%);width:164px;height:2px;animation:loading-scan 1.5s var(--ease-out) infinite;margin-bottom:22px}@keyframes loading-scan{0%{opacity:.25;transform:scaleX(.2)}55%{opacity:1;transform:scaleX(1)}to{opacity:.25;transform:scaleX(.2)}}.loading-state strong,.empty-state strong{font-size:13px}.loading-state small,.empty-state button{color:var(--text-tertiary);margin-top:8px;font-size:10px}.empty-state svg{color:var(--accent);margin-bottom:14px}.empty-state button{background:var(--surface-2);border-radius:var(--radius-sm);cursor:pointer;border:0;min-height:40px;padding:0 14px}.method-note{border-bottom:1px solid var(--line-standard);grid-template-columns:110px minmax(0,720px);gap:24px;padding:38px 0 44px;display:grid}.method-note>span{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:600}.method-note p{color:var(--text-tertiary);text-wrap:pretty;margin:0;font-size:11px;line-height:1.8}footer{min-height:68px;color:var(--text-tertiary);letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:9px;display:flex}footer nav{gap:18px;display:flex}footer a{text-decoration:none}.not-found{flex-direction:column;justify-content:center;align-items:flex-start;width:min(760px,100% - 40px);min-height:100vh;margin:auto;display:flex}.not-found span{color:var(--accent);letter-spacing:.09em;font-size:11px;font-weight:700}.not-found h1{letter-spacing:-.03em;text-wrap:balance;max-width:620px;margin:18px 0 10px;font-size:clamp(36px,7vw,78px);line-height:.96}.not-found p{color:var(--text-secondary)}.not-found a{color:var(--canvas);background:var(--accent);border-radius:var(--radius-sm);margin-top:20px;padding:12px 15px;font-size:12px;font-weight:600;text-decoration:none}@media (hover:hover){.pair-row:hover{background:var(--surface-1)}.sort-controls button:not(.is-active):hover,.refresh-button:hover{color:var(--text-primary);background:var(--surface-3)}.token-actions a:hover{color:var(--canvas);background:var(--accent);transform:translateY(-1px)}footer a:hover{color:var(--text-secondary)}}@media (width<=1080px){.summary-metric{padding-inline:18px}.pair-list-head,.pair-row{grid-template-columns:40px minmax(190px,1.3fr) minmax(100px,.65fr) repeat(3,minmax(96px,.68fr)) 40px;column-gap:12px}.token-table-head,.token-row{grid-template-columns:minmax(230px,1.4fr) repeat(5,minmax(72px,.58fr)) 72px;column-gap:9px}}@media (width<=880px){.app-shell{padding-inline:16px}.summary-strip{grid-template-columns:repeat(2,1fr)}.summary-metric:nth-child(2):after{display:none}.summary-metric:nth-child(-n+2){border-bottom:1px solid var(--line-subtle)}.control-deck{grid-template-columns:1fr auto}.sort-controls{grid-area:2/1/auto/-1;overflow-x:auto}.sort-controls button{white-space:nowrap;flex:1}.pair-list-head,.pair-row{grid-template-columns:38px minmax(180px,1fr) minmax(100px,.65fr) minmax(100px,.65fr) 40px}.pair-list-head span:nth-child(3),.leader-cell,.pair-list-head span:nth-child(6),.volume-cell{display:none}.token-table{margin-left:52px;overflow-x:auto}.token-table-head,.token-row{min-width:850px}}@media (width<=600px){.app-shell{padding-right:max(12px, env(safe-area-inset-right));padding-left:max(12px, env(safe-area-inset-left))}.topbar{align-items:flex-start;min-height:122px;padding:18px 0}.brand-code,.brand-number{height:40px}.brand-code{width:58px}.brand-number{width:40px}.brand-lockup>div{display:none}.live-status{margin-top:5px}.live-status strong{font-size:10px}.live-status small{font-size:9px}.summary-strip{min-height:0}.summary-metric{grid-template-columns:20px 1fr;gap:5px;min-height:96px;padding:16px 10px}.summary-metric:after{top:16px!important;bottom:16px!important}.summary-metric>div{flex-direction:column;gap:4px;display:flex}.summary-label{font-size:8px}.summary-metric strong{font-size:20px}.summary-metric small{font-size:8px}.control-deck{grid-template-columns:1fr 44px;gap:8px;padding:10px 0}.refresh-button{width:44px;min-width:44px;padding:0}.refresh-button:not(:disabled),.refresh-button:disabled{font-size:0}.sort-controls>svg{display:none}.sort-controls button{padding-inline:8px;font-size:9px}.list-intro{min-height:52px}.list-intro p,.pair-list-head{display:none}.pair-list{border-top:1px solid var(--line-standard)}.pair-row{grid-template-columns:28px minmax(0,1fr) minmax(86px,auto) 32px;column-gap:7px;min-height:74px;padding:8px 4px}.stock-identity{grid-template-columns:34px minmax(0,1fr);gap:8px}.stock-logo{width:34px;height:34px}.stock-identity strong{font-size:13px}.stock-identity small{font-size:8px}.stock-identity em,.leader-cell,.liquidity-cell,.volume-cell{display:none}.market-cap-cell strong{font-size:11px}.market-cap-cell small{font-size:8px}.expand-icon{width:32px;height:40px}.token-table{border-radius:var(--radius-xs);margin:0 0 12px;overflow:hidden}.token-table-head{display:none}.token-row{grid-template-columns:minmax(0,1fr) auto;column-gap:8px;min-width:0;min-height:86px;padding:10px 8px;display:grid}.token-project{grid-template-columns:20px 30px minmax(0,1fr);gap:7px}.token-avatar{width:30px;height:30px}.token-copy>span{max-width:160px}.desktop-token-metric{display:none}.token-row>.numeric-cell:not(.desktop-token-metric){align-self:start}.token-actions{position:absolute;bottom:8px;right:8px}.token-actions a{width:28px;height:28px}.token-mobile-stats{color:var(--text-tertiary);font-variant-numeric:tabular-nums;gap:9px;font-size:8px;display:flex;position:absolute;bottom:12px;left:65px}.method-note{grid-template-columns:1fr;gap:12px;padding:28px 0 32px}footer{padding:16px 0 calc(16px + env(safe-area-inset-bottom));flex-direction:column;justify-content:center;align-items:flex-start;gap:12px}footer nav{flex-wrap:wrap;gap:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
