/* CALL DEX visual layer. Existing API hooks and view selectors are retained. */
:root {color-scheme:dark;--line:rgba(185,216,198,.13);--display:var(--sans)}
body{background:radial-gradient(ellipse at 48% -10%,#10312366,transparent 55%),#0a0d0c;isolation:isolate}
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.17;background-image:linear-gradient(#8aeab014 1px,transparent 1px),linear-gradient(90deg,#8aeab014 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(black,transparent 75%)}
.ambient{z-index:-1;opacity:.65;filter:blur(40px);animation:ambient-drift 20s ease-in-out infinite alternate}
.ambient-one{width:580px;height:580px;left:-350px;top:150px;background:radial-gradient(circle,#00eb9a22,transparent 70%)}
.ambient-two{width:600px;height:600px;right:-350px;top:550px;background:radial-gradient(circle,#00eb9a18,transparent 70%);animation-delay:-10s}
.topbar{height:78px;padding:0 max(28px,calc((100vw - 1440px)/2));background:#0b100de8;border-bottom:1px solid #7ee7ae1c;gap:48px;box-shadow:0 8px 32px #0003}
.brand-image{gap:12px;justify-content:flex-start}
.brand-logo{height:40px;width:70px;max-width:none;object-fit:contain;filter:drop-shadow(0 3px 8px #00eb9a22)}
.calldex-wordmark{font:800 21px var(--sans);letter-spacing:-.8px;color:#edf3ef;white-space:nowrap}.calldex-wordmark b{color:var(--acid)}
.nav{gap:30px}.nav-item{font-size:12px;letter-spacing:.01em}.nav-item.active{color:var(--acid)}.nav-item.active::after{height:3px;box-shadow:0 0 16px #00eb9a88;border-radius:3px 3px 0 0}
.top-links{gap:24px;font:11px var(--sans);letter-spacing:0;font-weight:600}.top-links a,.top-links button{transition:color .2s,background .2s}.top-links #copyCaButton{padding:10px 16px;border:1px solid #00eb9a55;border-radius:6px;color:var(--acid);background:#00eb9a09}.top-links #copyCaButton:hover{background:#00eb9a20}
main{max-width:1496px;padding:26px 28px 60px}
.brand-masthead{position:relative;height:230px;overflow:hidden;margin:0 0 28px;border:1px solid #8dd6ac22;border-radius:10px;background:#101412;box-shadow:inset 0 1px #ffffff08,0 14px 40px #0003}
.brand-masthead>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;opacity:.95}
.brand-masthead::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,transparent 30%,#ffffff08 48%,transparent 65%);background-size:250% 100%;animation:masthead-light 15s ease-in-out infinite}
.masthead-corner{position:absolute;inset:auto 20px 16px auto;width:30px;height:7px;border-top:2px solid #00eb9a;border-right:2px solid #00eb9a;opacity:.55}
.controlbar{margin:0 0 20px;padding:14px 16px;border:1px solid var(--line);border-radius:9px;background:linear-gradient(120deg,#19221ac0,#0e1511cc);box-shadow:inset 0 1px #ffffff05;gap:20px}
.segmented{border:1px solid #ffffff09;border-radius:6px;padding:3px;background:#050a07;gap:3px}.segment{border-radius:4px;min-width:48px;padding:9px 12px;transition:background .2s,color .2s}.segment:hover{color:#fff;background:#ffffff09}.segment.active{background:linear-gradient(150deg,#69f8b9,#00d78b);color:#052217;box-shadow:inset 0 1px #d1ffe3b0,0 2px 8px #00eb9a20}
.source-filters{gap:10px}.source-filter{border-radius:7px;width:34px;height:34px;padding:8px;background:#0a100d;transition:transform .2s,border-color .2s,box-shadow .2s}.source-filter.active{box-shadow:inset 0 1px #00eb9a18;border-color:#00eb9a65}.source-filter:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 16px #00eb9a20}.source-filter.soon{border-color:var(--line)}
.outline-button,.solid-button{border-radius:6px;padding:11px 16px;transition:box-shadow .2s,transform .2s,background .2s}.outline-button{background:#ffffff04}.outline-button:hover,.solid-button:hover{transform:translateY(-1px);box-shadow:0 5px 16px #0003}.solid-button{background:linear-gradient(150deg,#66f5b4,#00d88a);color:#082b1c;box-shadow:inset 0 1px #e3fff499}
.collage{gap:16px;perspective:1200px}.coin-card{border-radius:10px;padding:20px;min-height:330px;background:linear-gradient(145deg,#1b251f,#101612 70%);border-color:#b1d6bc22;box-shadow:inset 0 1px #ffffff0b,0 5px 15px #0002;transition:transform .25s,border-color .25s,box-shadow .25s}
.coin-card::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 -2px #0006;z-index:4}
.coin-card:hover{transform:translateY(-5px) rotateX(1deg);border-color:#00eb9a80;box-shadow:inset 0 1px #baffd222,0 14px 35px #0006,0 0 24px #00eb9a0c;background:linear-gradient(145deg,#203328,#101813 70%)}
.coin-card.surge{border-color:#00e59399;box-shadow:inset 0 1px #9fffd944,0 0 24px #00eb9a10}.state.surge{color:#82ffca;background:#00eb9a14;border:1px solid #00eb9a35}.state{border-radius:4px;font-size:8px;padding:5px 7px;letter-spacing:.12em}.state.watching{color:#bccdc3;background:#b8c9c110}.state.crashed{color:#ff9a91}
.token-avatar{width:38px;height:38px;border-radius:9px;background:linear-gradient(135deg,#00eb9a28,#0b2115);border:1px solid #9fffd922;color:#b5ffda;font-size:15px;box-shadow:inset 0 1px #ffffff15}.token-symbol{font-size:17px;letter-spacing:-.4px}.token-name{font-size:10px}.score{font-size:9px;color:#8aaa97}.score b{color:var(--acid);font-size:22px;letter-spacing:-1px;line-height:1.2;margin-bottom:2px}.call-wave b{font-size:42px;letter-spacing:-3px;font-weight:500}.call-wave span{color:#a9baaf;font-size:10px;line-height:1.5}.card-middle{min-height:83px}.card-chart-bg{inset:22% -3% 19%;opacity:.27}.card-shade{background:linear-gradient(180deg,#101c1425,#0c160e66)}.card-noise{background:radial-gradient(circle,#00eb9a13,transparent 63%)}.card-stat span{font-size:8px;color:#9bafa1;letter-spacing:.1em}.card-stat b{font-size:12px;margin-top:7px;letter-spacing:-.3px}.card-bottom{border-top-color:#d0ffe018;padding-top:14px}.kol-chips{gap:5px;margin-top:15px}.kol-chip{border-radius:4px;background:#050c0780;border-color:#bcffdd13;font-size:8px;padding:5px 6px;color:#c7d8cd}.kol-chip em{color:#8fa798}.source-badge{width:11px;height:11px;margin-right:4px}
.empty-state{border:1px solid var(--line);border-radius:10px;min-height:350px;background:radial-gradient(ellipse at 50% 40%,#00eb9a08,transparent 65%),#10171288;padding:30px}.empty-state h3{font-size:22px;letter-spacing:-.6px}.empty-state p{max-width:540px;line-height:1.8;color:#99afa1}.empty-pulse{background:var(--acid)}
.view-heading h2{font-size:40px;letter-spacing:-1.6px}.view-heading>p{font-size:12px}.data-since{font-size:9px;letter-spacing:.16em}.kol-layout{border:1px solid var(--line);border-radius:10px;background:#10171299;overflow:hidden}.leaderboard{padding:0 18px}.kol-row{padding:20px 0;transition:background .2s}.kol-row:hover{background:#00eb9a06}.kol-rank{color:#00eb9a99}.kol-detail{padding:28px 22px;background:#ffffff02}.kol-detail h3{font-size:25px;letter-spacing:-.8px}.weight-bar{border-radius:3px;overflow:hidden}.weight-bar i{background:linear-gradient(90deg,#00895c,#69ffbb)}.overlap{border-radius:5px}
.dialog{border-radius:12px;border-color:#b5e9c833;background:linear-gradient(145deg,#1b2820,#101712);box-shadow:inset 0 1px #ffffff10,0 35px 100px #0009;max-height:88dvh;overflow:auto}.dialog::backdrop{background:#030a06bf;backdrop-filter:blur(9px)}.dialog-close{border-radius:6px;width:32px;height:32px;line-height:26px;background:#ffffff06;right:12px;top:12px;transition:background .2s}.dialog-close:hover{background:#00eb9a22;color:#fff}.strategy-dialog h2,.roadmap-copy h2{letter-spacing:-1px;font-size:30px}.rule-grid{gap:18px}.rule-grid label{font-size:9px;letter-spacing:.04em}.preset-row button{border-radius:5px}.detail-score{font-size:44px;letter-spacing:-2px}.detail-actions{flex-wrap:wrap}.detail-actions a,.detail-actions button{border-radius:5px}.detail-header h2{letter-spacing:-1px}.detail-section{overflow:auto}.detail-metrics{background:#070d0940}.detail-metric span,.roster-table th{color:#9fb4a7}
input,select{border-radius:6px;background:#08110c;border-color:#b5e9c824;min-height:42px;transition:border-color .2s,box-shadow .2s}input:focus,select:focus{box-shadow:0 0 0 3px #00eb9a10}button:focus-visible,a:focus-visible{outline:2px solid #69ffc1;outline-offset:4px}
.admin-page{padding-top:48px;max-width:740px}.admin-shell{margin-top:30px;border-radius:12px;background:linear-gradient(145deg,#1b2820,#101712);box-shadow:inset 0 1px #ffffff0c,0 24px 70px #0005;padding:36px}.admin-shell h1{font-size:34px;letter-spacing:-1.2px}.admin-form{gap:20px}.admin-form .solid-button{margin-top:8px}.admin-intro{line-height:1.7}.surge-toast{border-radius:8px;background:#10251cf5;border-color:#00eb9a66;box-shadow:0 12px 50px #0007}.surge-toast b{color:var(--acid)}
::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#0b110d}::-webkit-scrollbar-thumb{background:#344f3e;border-radius:6px}::selection{background:#00eb9a44;color:#fff}
@keyframes ambient-drift{to{transform:translate3d(35px,65px,0)}}@keyframes masthead-light{0%,65%{background-position:100% 0}100%{background-position:-100% 0}}
@media(max-width:1100px){.topbar{gap:28px;padding:0 24px}.top-links{display:flex;gap:14px}.top-links #howWorksButton{display:none}.brand-masthead{height:200px}.collage{grid-template-columns:repeat(3,minmax(0,1fr))}.source-filters{margin-left:auto}.kol-detail{padding:24px}.leaderboard{border-right:0}}
@media(max-width:760px){.topbar{height:auto;min-height:78px;display:flex;flex-wrap:wrap;padding:14px 18px 0;gap:10px 16px}.brand-image{justify-self:start}.brand-logo{height:33px;width:58px}.calldex-wordmark{font-size:18px}.top-links{margin-left:auto;gap:14px}.top-links #roadmapButton,.top-links #howWorksButton{display:none}.top-links #copyCaButton{padding:8px 10px}.nav{display:flex;order:3;width:100%;height:42px;gap:26px}.nav-item{padding:0;font-size:11px}.nav-item.active::after{bottom:0}main{padding:18px 16px 40px}.brand-masthead{height:150px;margin-bottom:18px}.brand-masthead>img{object-fit:cover}.controlbar{padding:10px;gap:12px;flex-wrap:wrap}.segmented{flex:1;justify-content:space-between}.segment{min-width:36px;padding:8px 10px}.source-filters{margin-left:0;gap:7px;order:3}.source-filter{width:30px;height:30px}.outline-button{padding:10px;font-size:10px}.collage{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.coin-card{padding:14px;min-height:320px}.token-avatar{height:30px;width:30px}.token-symbol{font-size:14px}.score b{font-size:19px}.card-top{gap:5px}.token-heading{gap:7px}.kol-chip{font-size:8px}.kol-chip em{font-size:7px}.call-wave b{font-size:36px}.card-stat b{font-size:11px}.view-heading h2{font-size:32px}.view-heading{margin-bottom:24px}.kol-layout{display:block}.kol-row{gap:14px}.dialog{max-width:calc(100vw - 24px)}.strategy-dialog,.roadmap-dialog{padding:28px 20px}.admin-page{padding:28px 16px}.admin-shell{padding:24px;margin-top:24px}.admin-page .brand-image{width:auto}.empty-state p{font-size:11px}.detail-actions a,.detail-actions button{font-size:10px}}
@media(max-width:400px){.calldex-wordmark{font-size:16px}.top-links{gap:10px}.brand-image{gap:7px}.brand-logo{width:48px}.coin-card{padding:12px}.card-stat b{font-size:10px}.card-stat span{font-size:7px}.token-name{max-width:90px}.score{font-size:8px}.source-filter{width:28px;height:28px}.brand-masthead{height:125px}}
.token-heading{min-width:0;flex:1}.score{flex:none}.token-id{flex:1;min-width:0}
@media(max-width:760px){.topbar .brand-image{width:auto;max-width:none;flex:0 1 auto}.topbar .top-links{width:auto;justify-content:flex-end;flex:1}.topbar .nav{flex-basis:100%}.brand-masthead{height:auto;aspect-ratio:3/1}.brand-masthead>img{object-fit:contain}.topbar .top-links #roadmapButton,.topbar .top-links #howWorksButton{display:inline-block}.topbar .top-links{flex-wrap:wrap;font-size:10px;gap:9px}.token-name{max-width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}