:root{--bg:#030712;--panel:#07152c;--panel2:#0a1b37;--line:#172e52;--text:#eef6ff;--muted:#7890b2;--cyan:#18d8ff;--blue:#246cff;--purple:#8b32ff;--pink:#d927ff;--green:#00e59a;--red:#ff3e7d;--shadow:0 0 32px rgba(36,108,255,.14)}*{box-sizing:border-box}html,body{margin:0;background:radial-gradient(circle at 80% 0,#101d47 0,transparent 32%),radial-gradient(circle at 10% 100%,#180a3b 0,transparent 35%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;min-height:100%;overflow-x:hidden}button,input{font:inherit}button{color:inherit}.app-shell{min-height:100vh;background-image:linear-gradient(rgba(16,51,93,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(16,51,93,.08) 1px,transparent 1px);background-size:44px 44px}.topbar{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 18px;gap:22px;background:rgba(3,8,22,.9);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;min-width:310px}.brand-mark,.banner-chip,.mini-c,.detail-logo,.premium-glow{display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,#16ddff,#2368ff 48%,#e32aff);box-shadow:0 0 22px rgba(30,190,255,.35),inset 0 0 18px rgba(255,255,255,.12);font-weight:1000}.brand-mark{width:46px;height:46px;font-size:25px;transform:rotate(-8deg)}.brand-name{font-size:25px;font-weight:950;letter-spacing:-1px}.brand-name span{color:#bc35ff}.brand-sub{font-size:10px;letter-spacing:2px;color:#63bfff}.topnav{display:flex;gap:4px;white-space:nowrap}.nav,.pill,.side{border:0;background:transparent;cursor:pointer}.nav{padding:11px 13px;border-radius:11px;color:#a8b9d1;font-size:13px;text-decoration:none;display:inline-flex;align-items:center}.nav.active,.nav:hover{color:white;background:linear-gradient(100deg,rgba(35,108,255,.32),rgba(218,39,255,.2));box-shadow:inset 0 0 0 1px rgba(128,84,255,.35)}.search-wrap{margin-left:auto;display:flex;align-items:center;gap:8px;width:min(440px,30vw);height:42px;padding:0 11px;border:1px solid #5e31a6;background:#09132b;border-radius:13px;box-shadow:0 0 22px rgba(114,39,255,.13)}.search-wrap span{font-size:24px;color:#93a6c7}.search-wrap input{min-width:0;flex:1;background:transparent;border:0;outline:0;color:white;font-size:13px}.search-wrap kbd{border:1px solid #32476c;border-radius:5px;color:#7690b8;padding:1px 5px}.wallet-btn,.upgrade{border:1px solid rgba(0,220,255,.55);background:linear-gradient(105deg,#16d9ff,#246cff 50%,#cf24ff);box-shadow:0 0 22px rgba(27,191,255,.2);padding:12px 18px;border-radius:12px;font-weight:800;cursor:pointer}.workspace{display:grid;grid-template-columns:220px minmax(600px,1fr) 360px;min-height:calc(100vh - 82px)}.sidebar{border-right:1px solid var(--line);padding:18px 10px;background:rgba(3,10,24,.76)}.side-title{font-size:10px;color:#60799c;font-weight:900;letter-spacing:1.4px;padding:10px 12px 8px}.side-title.platform{margin-top:8px}.side{width:100%;text-align:left;padding:10px 12px;border-radius:11px;color:#8298b7;font-size:13px;display:flex;gap:11px;align-items:center}.side:first-letter{color:#b436ff}.side:hover,.side.active{color:white;background:linear-gradient(90deg,rgba(44,100,255,.28),rgba(163,32,255,.14));box-shadow:inset 2px 0 0 #b637ff}.side-upgrade{margin:22px 5px 0;padding:14px;border-radius:15px;background:linear-gradient(135deg,#111c4c,#241046);border:1px solid #5035a2;display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center}.mini-c{width:38px;height:38px}.side-upgrade strong{font-size:11px;line-height:1.2}.side-upgrade button{grid-column:1/-1;border:0;border-radius:9px;padding:8px;background:linear-gradient(90deg,#196eff,#cf27ff);cursor:pointer;font-size:11px;font-weight:900}.main{padding:12px 12px 30px;min-width:0}.stats{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr)) 1.7fr;gap:10px}.stat,.launch-banner,.table-wrap,.toolbar{border:1px solid var(--line);background:linear-gradient(135deg,rgba(7,23,49,.96),rgba(6,17,38,.96));box-shadow:var(--shadow)}.stat{border-radius:13px;padding:13px 14px}.stat span{font-size:9px;color:#7690b5;display:block}.stat b{font-size:20px;display:block;margin-top:7px}.stat em{font-style:normal;color:#0ce2a1;font-size:10px}.launch-banner{border-radius:13px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#bcd2f1;background:linear-gradient(110deg,#111a45,#28134d)}.launch-banner strong{color:white}.launch-banner i{font-style:normal;color:#d438ff}.banner-chip{width:48px;height:48px;font-size:22px}.toolbar{margin-top:12px;padding:9px;display:flex;justify-content:space-between;border-radius:13px}.filters,.time{display:flex;gap:5px}.pill{padding:8px 12px;border-radius:9px;color:#8fa6c6;font-size:11px}.pill:hover,.pill.active{color:white;background:linear-gradient(110deg,#164fe5,#8a28d9);box-shadow:0 0 14px rgba(92,52,255,.2)}.table-wrap{margin-top:10px;border-radius:13px;overflow:auto}table{width:100%;border-collapse:collapse;min-width:930px}th{font-size:9px;color:#6e88aa;text-align:right;padding:11px 8px;border-bottom:1px solid var(--line);white-space:nowrap}th:nth-child(2),td:nth-child(2){text-align:left}td{font-size:11px;padding:10px 8px;border-bottom:1px solid rgba(23,46,82,.62);text-align:right;white-space:nowrap}tbody tr{cursor:pointer}tbody tr:hover{background:linear-gradient(90deg,rgba(21,60,124,.3),rgba(103,29,141,.14))}.token{display:flex;align-items:center;gap:9px}.token img,.token-fallback{width:34px;height:34px;border-radius:50%;object-fit:cover;border:1px solid #26456e}.token-fallback{display:grid;place-items:center;background:linear-gradient(135deg,#126dff,#c32dff);font-weight:900}.token-name{font-weight:800}.token-symbol{font-size:9px;color:#6f8caf}.green{color:var(--green)}.red{color:var(--red)}.spark{width:72px;height:28px;display:inline-block}.loading{text-align:center!important;padding:35px;color:#6e88aa}.detail{border-left:1px solid var(--line);padding:12px;background:rgba(4,12,27,.85);min-width:0}.detail-empty{height:100%;min-height:520px;display:grid;place-content:center;text-align:center;padding:35px;color:#7790b1}.detail-logo{width:70px;height:70px;margin:auto;font-size:32px}.detail-empty h2{color:white;margin:20px 0 8px}.detail-empty p{font-size:12px;line-height:1.6}.detail-card{border:1px solid var(--line);background:linear-gradient(140deg,#081a38,#060f23);border-radius:14px;padding:12px;box-shadow:0 0 28px rgba(28,83,255,.12)}.detail-head{display:flex;align-items:center;gap:10px}.detail-head img,.detail-head .token-fallback{width:50px;height:50px}.detail-head h2{margin:0;font-size:18px}.detail-head small{color:#718bb0}.actions{display:flex;gap:7px;margin:12px 0}.action{flex:1;padding:9px;border:1px solid #2b4270;border-radius:9px;background:#0b1a36;font-size:11px}.chart-box{margin-top:10px;height:245px;background:linear-gradient(#06122a,#050d1c);border:1px solid #18345d;border-radius:12px;position:relative;overflow:hidden}.chart-box canvas{width:100%;height:100%}.premium-lock{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,10,24,.58),rgba(4,10,24,.92));display:grid;place-content:center;text-align:center;backdrop-filter:blur(3px)}.premium-lock strong{font-size:13px}.premium-lock span{font-size:10px;color:#8297b7;margin:7px 0 12px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.metric{border:1px solid #172f54;border-radius:9px;padding:9px}.metric span{font-size:8px;color:#6782a7;display:block}.metric b{font-size:13px;display:block;margin-top:4px}.info{margin-top:10px;border:1px solid #172f54;border-radius:10px;padding:10px}.info div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid #132746;font-size:10px}.info div:last-child{border-bottom:0}.info span{color:#6d87aa}.info code{color:#a9c7ff;font-size:9px}.modal{position:fixed;inset:0;background:rgba(0,0,0,.72);display:grid;place-items:center;z-index:50;backdrop-filter:blur(7px)}.modal[hidden]{display:none}.modal-card{width:min(440px,calc(100vw - 28px));padding:24px;border:1px solid #354e84;border-radius:18px;background:linear-gradient(145deg,#081a39,#0a0d21);box-shadow:0 0 60px rgba(84,37,255,.28);position:relative}.close{position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:26px;color:#7690b2;cursor:pointer}.modal-card h2{margin:0 0 8px}.modal-card p{color:#8398b7;font-size:12px;line-height:1.55}.wallet-option{width:100%;padding:13px;margin-top:8px;border:1px solid #203a64;background:#091832;border-radius:11px;text-align:left;cursor:pointer}.wallet-option:hover{border-color:#9137ff;background:#0c2042}.premium-card{text-align:center}.premium-glow{width:62px;height:62px;margin:0 auto 12px;font-size:28px}.plan{padding:15px;margin:18px 0;border:1px solid #30497a;border-radius:13px;background:#08162f}.plan span{font-size:9px;color:#7d94b3}.plan strong{display:block;font-size:25px;margin:5px 0}.plan small{color:#738bad}.premium-benefits{text-align:left;margin:0 0 14px;padding:12px 14px;border:1px solid #1b3760;border-radius:12px;background:rgba(8,20,42,.8)}.premium-benefits>strong{display:block;color:#eaf2ff;font-size:11px;margin-bottom:7px}.premium-benefits ul{margin:0;padding-left:18px;color:#9ab0d0;font-size:10px;line-height:1.65}.premium-benefits li{padding-left:2px}.upgrade.big{width:100%;padding:14px}.payment-status{min-height:20px;margin-top:10px;color:#ffcc69;font-size:11px}.legal-note{font-size:9px;color:#5d7395;margin-top:14px;line-height:1.5}@media(max-width:1250px){.workspace{grid-template-columns:190px minmax(500px,1fr)}.detail{display:none}.topnav{display:none}.brand{min-width:220px}.search-wrap{width:32vw}}@media(max-width:800px){.workspace{display:block}.sidebar{display:none}.stats{grid-template-columns:1fr 1fr}.launch-banner{grid-column:1/-1}.wallet-btn{display:none}.search-wrap{width:100%}.topbar{gap:8px}.brand{min-width:0}.brand-name{font-size:19px}.brand-sub{display:none}}
/* ===== Responsive layout refinement — token explorer =====
   Scope: layout/overflow only. No data, API or interaction logic changed. */
html,body{width:100%;max-width:100%;overflow-x:clip}
.app-shell{width:100%;max-width:100%;overflow-x:clip}
.workspace{width:100%;min-width:0}
.main{min-width:0;width:100%}

/* Keep the complete desktop token table inside the available column. */
.table-wrap{width:100%;max-width:100%;overflow:hidden}
.table-wrap table{width:100%;min-width:0;table-layout:fixed}
.table-wrap th,.table-wrap td{overflow:hidden;text-overflow:ellipsis}
.table-wrap th{padding:10px 5px;font-size:8px}
.table-wrap td{padding:9px 5px;font-size:10px}
.table-wrap th:nth-child(1),.table-wrap td:nth-child(1){width:3%;text-align:center}
.table-wrap th:nth-child(2),.table-wrap td:nth-child(2){width:20%;text-align:left}
.table-wrap th:nth-child(3),.table-wrap td:nth-child(3){width:9%}
.table-wrap th:nth-child(4),.table-wrap td:nth-child(4){width:6%}
.table-wrap th:nth-child(5),.table-wrap td:nth-child(5){width:10%}
.table-wrap th:nth-child(6),.table-wrap td:nth-child(6){width:10%}
.table-wrap th:nth-child(7),.table-wrap td:nth-child(7){width:9%}
.table-wrap th:nth-child(8),.table-wrap td:nth-child(8){width:7%}
.table-wrap th:nth-child(9),.table-wrap td:nth-child(9){width:7%}
.table-wrap th:nth-child(10),.table-wrap td:nth-child(10){width:7%}
.table-wrap th:nth-child(11),.table-wrap td:nth-child(11){width:7%}
.table-wrap th:nth-child(12),.table-wrap td:nth-child(12){width:5%;text-align:center}
.token{min-width:0;gap:7px}
.token img,.token-fallback{width:30px;height:30px;flex:0 0 30px}
.token>div:last-child{min-width:0}
.token-name,.token-symbol{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.spark{width:48px;max-width:100%;height:24px}

/* Keep the selected-token panel aligned with the top of the workspace. */
.detail{position:sticky;top:82px;align-self:start;height:auto;max-height:none;overflow:visible;min-height:calc(100vh - 82px)}
.detail-card{width:100%}

/* Medium screens: give the market area enough room while retaining all columns. */
@media (max-width:1250px) and (min-width:801px){
  .workspace{grid-template-columns:190px minmax(0,1fr)}
  .main{padding-left:10px;padding-right:10px}
  .stats{grid-template-columns:repeat(4,minmax(105px,1fr)) 1.45fr}
  .table-wrap th{padding-left:4px;padding-right:4px}
  .table-wrap td{padding-left:4px;padding-right:4px;font-size:9px}
  .token img,.token-fallback{width:28px;height:28px;flex-basis:28px}
  .token{gap:6px}
  .spark{width:42px}
}

/* Tablets and phones: replace the wide table with compact, fully readable token cards.
   This removes horizontal scrolling while preserving every currently displayed field. */
@media (max-width:800px){
  .topbar{height:auto;min-height:72px;padding:10px 12px;flex-wrap:wrap}
  .brand{flex:0 1 auto}
  .search-wrap{order:3;flex:1 1 100%;width:100%;height:40px}
  .main{padding:10px 10px 24px}
  .stats{gap:8px}
  .stat{padding:11px 12px}
  .stat b{font-size:18px}
  .launch-banner{min-height:70px}
  .toolbar{gap:8px;flex-wrap:wrap}
  .filters,.time{flex-wrap:wrap}
  .table-wrap{margin-top:9px;border-radius:12px;overflow:visible;background:transparent;box-shadow:none}
  .table-wrap table,.table-wrap thead,.table-wrap tbody,.table-wrap tr,.table-wrap td{display:block;width:100%;min-width:0}
  .table-wrap thead{display:none}
  .table-wrap tbody{display:grid;gap:8px}
  .table-wrap tbody tr{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0 10px;
    padding:8px 10px;
    border:1px solid var(--line);
    border-radius:12px;
    background:linear-gradient(135deg,rgba(7,23,49,.96),rgba(6,17,38,.96));
    box-shadow:var(--shadow);
  }
  .table-wrap tbody tr:hover{background:linear-gradient(135deg,rgba(12,35,70,.98),rgba(24,12,52,.98))}
  .table-wrap tbody td{
    width:auto!important;
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    padding:7px 0;
    border-bottom:1px solid rgba(23,46,82,.52);
    text-align:right!important;
    white-space:normal;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:10px;
  }
  .table-wrap tbody td:nth-child(1){grid-column:1/-1;justify-content:flex-start;border-bottom:0;padding:2px 0 5px;color:#6e88aa}
  .table-wrap tbody td:nth-child(2){grid-column:1/-1;justify-content:flex-start;border-bottom:1px solid rgba(23,46,82,.62);padding:5px 0 9px}
  .table-wrap tbody td:nth-child(3)::before{content:"PRICE"}
  .table-wrap tbody td:nth-child(4)::before{content:"AGE"}
  .table-wrap tbody td:nth-child(5)::before{content:"MARKET CAP"}
  .table-wrap tbody td:nth-child(6)::before{content:"VOLUME 24H"}
  .table-wrap tbody td:nth-child(7)::before{content:"LIQUIDITY"}
  .table-wrap tbody td:nth-child(8)::before{content:"% 5M"}
  .table-wrap tbody td:nth-child(9)::before{content:"% 1H"}
  .table-wrap tbody td:nth-child(10)::before{content:"% 24H"}
  .table-wrap tbody td:nth-child(11)::before{content:"CHART"}
  .table-wrap tbody td:nth-child(12)::before{content:"WATCH"}
  .table-wrap tbody td::before{flex:0 0 auto;color:#6e88aa;font-size:8px;font-weight:800;letter-spacing:.5px;text-align:left}
  .table-wrap tbody td:nth-child(11) .spark{margin-left:auto}
  .table-wrap tbody td:nth-child(12){justify-content:space-between}
  .token{width:100%;min-width:0}
  .token img,.token-fallback{width:34px;height:34px;flex-basis:34px}
  .token-name{font-size:11px}
  .token-symbol{font-size:9px}
}

/* Small phones: keep cards compact without hiding any field. */
@media (max-width:480px){
  .topbar{min-height:68px}
  .brand-mark{width:40px;height:40px;font-size:22px}
  .brand-name{font-size:17px}
  .stats{grid-template-columns:1fr 1fr}
  .stat b{font-size:16px}
  .stat span{font-size:8px}
  .toolbar{padding:7px}
  .pill{padding:7px 9px;font-size:10px}
  .table-wrap tbody tr{padding:7px 9px}
}

/* ===== Interaction + nested-scroll safety refinement ===== */
.watch-toggle{border:0;background:transparent;color:#7890b2;cursor:pointer;padding:4px 7px;border-radius:7px;font-size:16px;line-height:1}
.watch-toggle:hover,.watch-toggle:focus-visible{color:#ffd45c;background:rgba(255,212,92,.08);outline:none}
.watch-toggle.active{color:#ffd45c}
.action:disabled{opacity:.45;cursor:not-allowed}
.filter-panel{margin-top:8px;padding:8px;border:1px solid var(--line);border-radius:12px;background:rgba(6,17,38,.98);box-shadow:var(--shadow);display:flex;gap:7px;flex-wrap:wrap}
.filter-panel[hidden]{display:none}
.filter-panel button{border:1px solid #29436f;background:#0a1934;color:#8fa6c6;border-radius:8px;padding:8px 10px;font-size:10px;cursor:pointer}
.filter-panel button:hover,.filter-panel button.active{color:#fff;border-color:#7137d9;background:linear-gradient(110deg,#164fe5,#8a28d9)}
@media(max-width:1250px){
  .detail{position:static;min-height:0;overflow:visible}
}
@media(max-width:800px){
  .filter-panel{display:grid;grid-template-columns:1fr 1fr}
  .filter-panel button{width:100%}
  .detail{margin-top:12px}
}
@media(max-width:480px){
  .filter-panel{grid-template-columns:1fr}
}

/* ===== Token detail page + watchlist visibility refinement ===== */
.watch-toggle{
  width:32px;height:32px;min-width:32px;display:inline-grid;place-items:center;
  padding:0!important;margin:0 auto;border:1px solid transparent!important;
  font-size:19px!important;line-height:1!important;overflow:visible!important;
}
.table-wrap tbody td:last-child{overflow:visible!important;text-overflow:clip!important}
.brand-link{display:flex;align-items:center;gap:12px;min-width:0;color:inherit;text-decoration:none}
.token-topnav{display:flex;gap:6px;margin-left:auto}
.token-topnav a{padding:10px 12px;border-radius:10px;color:#9eb2d1;text-decoration:none;font-size:12px;font-weight:800}
.token-topnav a:hover{color:#fff;background:rgba(58,86,153,.2)}
.token-page{width:min(1280px,100%);margin:0 auto;padding:26px 22px 70px}
.token-loading,.token-error{border:1px solid var(--line);border-radius:16px;padding:35px;text-align:center;color:#7f96b8;background:rgba(7,20,42,.88)}
.token-error{color:#ff8aa9}
.token-hero{position:relative;display:flex;justify-content:space-between;gap:22px;align-items:stretch;padding:22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,rgba(8,27,58,.98),rgba(12,10,35,.98));box-shadow:var(--shadow);overflow:hidden}
.token-hero-copy{position:relative;z-index:2;min-width:0;flex:1}
.back-link{display:inline-block;color:#71cfff;text-decoration:none;font-size:12px;font-weight:800;margin-bottom:18px}
.token-identity{display:flex;align-items:center;gap:15px;min-width:0}
.token-identity>img,.token-identity>.token-fallback{width:76px;height:76px;flex:0 0 76px;border-radius:20px;object-fit:cover;border:1px solid #34527f}
.token-title-row{display:flex;align-items:center;gap:10px;min-width:0}
.token-title-row h1{margin:0;font-size:32px;letter-spacing:-.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.token-title-row span{color:#7b8fb0;font-size:13px;font-weight:800}
.token-identity code{display:block;color:#7fa2cf;font-size:11px;margin-top:7px;word-break:break-all}
.token-subline{color:#7089aa;font-size:11px;margin-top:8px}
.token-quick-actions{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}
.action-link{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.token-header-art{width:310px;height:150px;object-fit:cover;border-radius:15px;border:1px solid #2b4673;opacity:.82}
.token-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.7fr);gap:16px;margin-top:16px;align-items:start}
.token-main-card,.token-side-card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(7,23,49,.97),rgba(6,15,33,.97));box-shadow:var(--shadow);padding:16px}
.token-section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.token-section-title h2{margin:4px 0 0;font-size:18px}
.eyebrow{display:block;color:#57cfff;font-size:9px;letter-spacing:1.4px;font-weight:900}
.token-badge,.chart-status{border:1px solid #304d7d;border-radius:999px;padding:6px 9px;color:#9db7da;font-size:9px;font-weight:900;text-transform:uppercase}
.detail-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.detail-metric{border:1px solid #173357;border-radius:11px;padding:11px;background:rgba(7,18,38,.72);min-width:0}
.detail-metric span{display:block;color:#6f89ab;font-size:8px;font-weight:800}
.detail-metric b{display:block;margin-top:5px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.token-chart-card{margin-top:14px;border:1px solid #173357;border-radius:13px;padding:12px;background:#050e20}
.chart-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}
.chart-heading h3{margin:3px 0 0;font-size:15px}
.professional-chart{height:360px;border:1px solid #1b3a66;border-radius:11px;background:linear-gradient(180deg,#07172f,#040b18);position:relative;overflow:hidden}
.professional-chart canvas{display:block;width:100%;height:100%}
.chart-controls{display:flex;gap:6px;margin-top:8px}
.chart-controls button{border:1px solid #28456f;background:#091a36;color:#8199ba;border-radius:8px;padding:7px 10px;font-size:9px;font-weight:900;cursor:pointer}
.chart-controls button.active,.chart-controls button:hover{color:#fff;border-color:#7040db;background:linear-gradient(110deg,#164fe5,#8a28d9)}
.token-info-list{display:grid}
.token-info-list>div{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:11px 0;border-bottom:1px solid #132746;font-size:10px}
.token-info-list>div:last-child{border-bottom:0}
.token-info-list span{color:#6d87aa}
.token-info-list strong{max-width:72%;text-align:right;color:#d9e7ff;overflow-wrap:anywhere}
.token-info-list a{color:#55d7ff;text-decoration:none}
.token-info-list code{color:#a9c7ff;font-size:9px}
.token-metadata{margin-top:12px}
.metadata-locked,.metadata-unlocked{border:1px solid #1b3760;border-radius:12px;padding:12px;background:rgba(8,20,42,.8)}
.metadata-locked{display:grid;gap:8px}
.metadata-locked strong,.metadata-title{font-size:11px;color:#eaf2ff}
.metadata-locked span,.metadata-unlocked p{font-size:10px;color:#7890b2;line-height:1.6;margin:0}
.metadata-locked .upgrade{padding:9px 12px;font-size:10px}
.social-list,.profile-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.social-list a,.profile-links a{color:#9bc8ff;text-decoration:none;border:1px solid #26466f;border-radius:8px;padding:6px 8px;font-size:9px}
@media(max-width:900px){
  .token-topnav{display:none}
  .token-page{padding:16px 12px 45px}
  .token-hero{padding:15px;display:block}
  .token-header-art{width:100%;height:150px;margin-top:15px}
  .token-title-row h1{font-size:24px}
  .token-grid{grid-template-columns:1fr}
  .detail-metrics{grid-template-columns:1fr 1fr}
  .professional-chart{height:300px}
}
@media(max-width:520px){
  .topbar{padding:9px 10px}
  .token-wallet-wrap .wallet-btn{padding:10px 12px;font-size:11px}
  .token-identity{align-items:flex-start}
  .token-identity>img,.token-identity>.token-fallback{width:60px;height:60px;flex-basis:60px;border-radius:16px}
  .token-title-row{display:block}
  .token-title-row h1{font-size:21px;white-space:normal}
  .token-title-row span{display:block;margin-top:3px}
  .token-identity code{font-size:9px}
  .detail-metrics{gap:6px}
  .detail-metric{padding:9px}
  .detail-metric b{font-size:11px}
  .professional-chart{height:270px}
}

/* ===== Premium wallet selector refinement ===== */
.wallet-card{width:min(460px,calc(100vw - 28px));text-align:left}
.wallet-modal-badge{display:inline-flex;align-items:center;padding:5px 8px;border:1px solid #31568e;border-radius:999px;color:#7fcfff;font-size:9px;font-weight:800;letter-spacing:.12em;margin-bottom:10px}
.wallet-card h2{font-size:22px}
.wallet-option{display:flex;align-items:center;justify-content:space-between;gap:12px;text-decoration:none;color:#eaf2ff;font-weight:800}
.wallet-option-name{display:block}
.wallet-option-action{color:#8fa7c8;font-size:10px;font-weight:700}
.wallet-link{box-sizing:border-box}
.wallet-detect-note{padding:10px 2px 4px;color:#8097b7;font-size:10px;line-height:1.5}
.wallet-security-note{margin-top:14px;padding-top:12px;border-top:1px solid #17335a;color:#627b9f;font-size:9px;line-height:1.5}

/* Premium modal viewport fix — keeps the complete package visible without changing page logic. */
.modal{overflow-y:auto;padding:16px}
.modal-card{max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}
.premium-card{max-height:calc(100dvh - 32px)}
@media(max-width:600px){
  .modal{padding:10px}
  .modal-card{max-height:calc(100dvh - 20px);width:min(440px,calc(100vw - 20px));padding:20px}
  .premium-card .plan strong{font-size:22px}
}
.brand-logo{width:44px;height:44px;object-fit:cover;border-radius:13px;box-shadow:0 0 26px rgba(70,218,255,.18)}
/* Free 24H chart; extended history remains Premium. */
.premium-lock[hidden]{display:none!important}
.chart-box canvas,.professional-chart canvas{image-rendering:auto}

.brand-mark img,.banner-chip img,.mini-c img,.detail-logo img,.premium-glow img{width:100%;height:100%;object-fit:contain;display:block}.banner-chip img,.mini-c img,.detail-logo img,.premium-glow img{padding:5px}.brand-mark img{padding:4px}

/* Chart controls: compact price-axis zoom and scale tools, matching Soltan styling. */
.professional-chart{isolation:isolate}
.chart-axis-tools{position:absolute;z-index:3;right:7px;top:8px;display:flex;flex-direction:column;gap:5px;padding:5px;border:1px solid rgba(44,84,135,.8);border-radius:10px;background:rgba(4,13,29,.88);backdrop-filter:blur(8px)}
.chart-axis-tools button{min-width:27px;height:26px;padding:0 5px;border:1px solid #27466f;border-radius:6px;background:#0a1a34;color:#b9d5ff;font:800 11px system-ui;cursor:pointer}
.chart-axis-tools button:hover,.chart-axis-tools button.active{border-color:#13d7ff;background:linear-gradient(120deg,#1258d8,#862ce2);color:#fff}
.chart-axis-tools #chartFit{font-size:8px;letter-spacing:.03em}
.chart-source-label{margin-left:auto;align-self:center;color:#6f8db4;font-size:9px;white-space:nowrap}
.chart-controls{align-items:center;flex-wrap:wrap}
@media(max-width:520px){.chart-axis-tools{right:5px;top:5px;gap:4px;padding:4px}.chart-axis-tools button{min-width:25px;height:24px}.chart-source-label{width:100%;margin:2px 0 0 2px}}


/* Match the homepage logo: remove the Explorer-only gradient tile behind the brand mark. */
.topbar .brand-mark{background:transparent!important;box-shadow:none!important;border-radius:0!important;transform:none!important;overflow:visible!important}
.topbar .brand-mark img{padding:0!important;object-fit:contain}


/* Evidence-based liquidity-provider token status. */
.lp-security-card{margin:18px 0;padding:16px;border:1px solid rgba(82,117,166,.28);border-radius:16px;background:linear-gradient(145deg,rgba(10,22,42,.9),rgba(13,15,35,.92));color:#dbeafe;}
.lp-security-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#eaf5ff;margin-bottom:12px;}
.lp-security-badge{font-size:9px;letter-spacing:.04em;padding:5px 8px;border-radius:999px;border:1px solid rgba(0,216,255,.28);color:#58e7ff;background:rgba(0,216,255,.08);white-space:nowrap;}
.lp-security-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:9px 0;border-top:1px solid rgba(105,139,184,.14);font-size:12px;}
.lp-security-row span{color:#8fa6c5;flex:0 0 38%;}.lp-security-row strong{color:#dcecff;text-align:right;overflow-wrap:anywhere;font-weight:650;}
.lp-security-row a{color:#55e5ff;text-decoration:none;}.lp-security-row a:hover{text-decoration:underline;}
.lp-security-card p{font-size:11px;line-height:1.55;color:#8298b7;margin:10px 0 0;}

/* LP burn/lock evidence indicators */
.lp-lock-indicator{display:inline-flex;align-items:center;justify-content:center;margin-right:4px;font-size:12px;line-height:1;vertical-align:middle;filter:saturate(.9)}
.lp-security-sources{margin-top:8px;color:var(--muted,#8ba3c7);font-size:10px;line-height:1.5}


/* Token website and registered social links: compact, accessible animated media marks. */
.token-media-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px;max-width:100%}
.token-media-link{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:4px 8px;border:1px solid #26466f;border-radius:8px;color:#b8d7ff;text-decoration:none;font-size:10px;line-height:1.2;white-space:nowrap;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.token-media-link:hover,.token-media-link:focus-visible{transform:translateY(-2px);border-color:#37d9f4;background:rgba(37,211,238,.08);outline:none}
.media-icon{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;flex:0 0 17px;border-radius:50%;font-size:12px;font-weight:800;animation:mediaPulse 2.8s ease-in-out infinite}
.media-website{color:#4be6f4;background:rgba(75,230,244,.12)}
.media-x{color:#fff;background:#171717;border:1px solid #414141}
.media-telegram{color:#fff;background:#229ed9}
.media-social{color:#fff;background:linear-gradient(135deg,#7b61ff,#e84c9a,#ffb34d)}
@keyframes mediaPulse{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.09);filter:brightness(1.18)}}
@media(prefers-reduced-motion:reduce){.media-icon{animation:none}.token-media-link{transition:none}}
/* Consistent dark scrollbars across Soltan pages; native scrolling remains enabled. */
html { scrollbar-color: #2a3b59 #080f1e; scrollbar-width: thin; }
* { scrollbar-color: #2a3b59 #080f1e; scrollbar-width: thin; }
*::-webkit-scrollbar { width: 10px; height: 10px; }
*::-webkit-scrollbar-track { background: #080f1e; }
*::-webkit-scrollbar-thumb { background: #263854; border: 2px solid #080f1e; border-radius: 10px; }
*::-webkit-scrollbar-thumb:hover { background: #354d70; }


/* Published Premium token indicator and public project profile. Additive styles only. */
.premium-token-badge{display:inline-flex;align-items:center;margin-left:5px;padding:2px 6px;border:1px solid rgba(0,216,255,.42);border-radius:999px;background:rgba(0,216,255,.09);color:#5deaff;font-size:9px;font-weight:800;letter-spacing:.05em;vertical-align:middle}
.premium-project-profile{margin:0 0 18px}
.premium-project-card{overflow:hidden;border:1px solid rgba(0,216,255,.28);border-radius:18px;background:linear-gradient(145deg,rgba(10,22,42,.96),rgba(20,13,42,.96));box-shadow:0 12px 36px rgba(0,0,0,.16)}
.premium-project-banner{display:block;width:100%;max-height:260px;object-fit:cover;background:#091329}
.premium-project-body{padding:clamp(16px,3vw,26px)}
.premium-project-kicker{font-size:10px;font-weight:900;letter-spacing:.14em;color:#5deaff}
.premium-project-body h2{margin:8px 0 12px;color:#f2f7ff;font-size:clamp(22px,3vw,32px);overflow-wrap:anywhere}
.premium-project-description{margin:0 0 14px;color:#d8e7ff;font-size:14px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}
.premium-project-details{color:#9eb4d4;font-size:13px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}
.premium-project-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.premium-project-updated{margin-top:14px;color:#7188a9;font-size:10px}