@import url("https://fonts.googleapis.com/css2?family=BBH+Bartle&family=Alex+Brush&family=Inter+Tight:wght@400;500;600&display=swap");

/* Plate palette. Black field, logo pink, the original rounded marks. */
:root,
:root[data-theme="light"],
:root[data-theme="dark"],
:root:not([data-theme="light"]){
  color-scheme:dark;
  --bg:#000;
  --surface:#0c0c0c;
  --surface-2:#141414;
  --surface-3:#1c1c1c;
  --line:rgba(255,255,255,.14);
  --line-2:rgba(255,255,255,.28);
  --scrim:rgba(0,0,0,.66);
  --ink:#fff;
  --ink-2:rgba(255,255,255,.72);
  --ink-3:rgba(255,255,255,.48);
  --ink-inv:#000;
  --red:#ff1493;
  --pink:#ff1a8c;
  --sky:#141414;
  --mk:#e3007d;
  --mk-ink:#ff7ab8;
  --mk-soft:#3d1328;
  --on-mk:#fff;
  --clout-grad:conic-gradient(from 180deg,#ff86b6,#ff3f9c,#ff1493,#e3007d,#ff86b6);
  --up:#3ddc97;
  --up-soft:#12311f;
  --down:#ff6b7a;
  --down-soft:#3a1419;
  --gold:#fff;
  --gold-soft:#141414;
  --x:#fff;
  --tiktok:#fff;
  --ig:#ff6fc0;
  --f-display:"BBH Bartle","Inter Tight",sans-serif;
  --f-ui:"Inter Tight",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
  --sh-1:0 1px 2px rgba(0,0,0,.4);
  --sh-2:0 14px 34px -14px rgba(227,0,125,.45);
  --sh-3:0 40px 90px -30px rgba(0,0,0,.85);
  --r-xs:8px;
  --r-sm:12px;
  --r:16px;
  --r-lg:22px;
  --r-xl:30px;
  --r-pill:999px;
  --rail-w:0px;
  --tab-h:88px;
}

html,body,body.immersive{background:#000;color:#fff}
body.immersive .top{
  background:#000;
  border-bottom-color:rgba(255,255,255,.14);
}

.wm-t{
  font-family:"BBH Bartle","Inter Tight",sans-serif;
  text-transform:uppercase;
  letter-spacing:0;
}
.wm-c{
  background:linear-gradient(200deg,#ff86b6 0%,#ff3f9c 38%,#ff1493 70%,#e3007d 100%);
  border-radius:32%;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5), inset 0 0 0 1px rgba(255,255,255,.22), 0 8px 16px -8px rgba(227,0,125,.8);
}
.wm-c svg{width:68%;height:auto}

.rail{display:none}
.rail-a{
  border-radius:0;
  font-family:"BBH Bartle","Inter Tight",sans-serif;
  text-transform:uppercase;
  letter-spacing:0;
}
.rail-a[aria-current="page"]{color:#fff;background:#141414}
.rail-a[aria-current="page"] svg{stroke:#e3007d}
.rail-a.create .ico-box{border-radius:0;background:#e3007d;color:#fff}

.top,
body.immersive .top{
  background:#000;
  background-image:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  border-bottom:1px solid rgba(255,255,255,.14);
}
.top-end{display:contents}
@media (max-width:767px){
  .top-logo .wm{--wm-size:18px}
  .top-x{display:none}
  .top-menu,
  .wallet-btn{flex:0 0 auto;min-width:44px;min-height:44px}
}
.top-search input{
  border-radius:999px;
  background:#141414;
  border:1px solid rgba(255,255,255,.16);
}
.top-search input:focus{
  border-color:#ff1493;
  background:#000;
}
@media (min-width:768px){
  .top,
  body.immersive .top{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    column-gap:16px;
  }
  .top-logo{
    display:flex;
    align-items:center;
    grid-column:1;
    justify-self:start;
    margin:0;
    min-width:0;
  }
  .top-search{
    display:block;
    grid-column:2;
    position:relative;
    width:min(520px,100%);
    max-width:520px;
    flex:none;
    justify-self:center;
    margin-inline:auto;
  }
  .top-fill{display:none}
  .top-end{
    display:flex;
    grid-column:3;
    align-items:center;
    justify-content:flex-end;
    justify-self:end;
    gap:8px;
    min-width:0;
  }
  .top-logo .wm{--wm-size:20px}
  .top-x{display:none}
  .top-x .lbl{display:none}
}
@media (min-width:900px){
  .top,
  body.immersive .top{
    grid-template-columns:minmax(0,1fr) minmax(160px,min(520px,calc(100vw - 690px))) minmax(0,1fr);
  }
}
@media (min-width:1100px){
  .top,
  body.immersive .top{
    grid-template-columns:minmax(0,1fr) minmax(180px,min(520px,calc(100vw - 800px))) minmax(0,1fr);
  }
  .top-logo .wm{--wm-size:25px}
  .top-x{display:inline-flex}
}
@media (min-width:1180px){
  .top,
  body.immersive .top{
    grid-template-columns:minmax(0,1fr) minmax(220px,min(520px,calc(100vw - 940px))) minmax(0,1fr);
  }
  .top-x .lbl{display:inline}
}
.top-x,.btn{border-radius:999px}
.btn-mk{background:#e3007d;color:#fff;box-shadow:0 10px 28px -12px rgba(255,20,147,.75)}
.btn-mk:hover{background:#ff1493}
.btn-white{background:#fff;color:#000}
.btn-white:hover{background:#fff;color:#000;opacity:.88}
.btn-ink{background:#fff;color:#000}
.btn-ink:hover{background:#fff;opacity:.88}
.btn:focus-visible,
.rail-a:focus-visible,
.tab-a:focus-visible{
  outline:2px solid #e3007d;
  outline-offset:3px;
}

.sticker.mk{background:#e3007d;color:#fff}
.sticker.pink{background:#fff;color:#000}
.badge-mk{background:#3d1328;color:#fff}

.tabbar,
body.immersive .tabbar{
  position:fixed;
  z-index:70;
  left:50%;
  right:auto;
  bottom:max(16px,env(safe-area-inset-bottom));
  transform:translateX(-50%);
  display:flex;
  align-items:stretch;
  justify-content:stretch;
  gap:0;
  box-sizing:border-box;
  width:min(420px,calc(100vw - 24px));
  height:64px;
  min-height:64px;
  max-height:64px;
  margin:0;
  padding:5px;
  padding-bottom:5px;
  border-radius:999px;
  background:rgba(12,12,12,.9);
  border:1px solid rgba(255,255,255,.28);
  box-shadow:0 16px 40px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.22);
  backdrop-filter:blur(22px) saturate(1.6);
  -webkit-backdrop-filter:blur(22px) saturate(1.6);
  grid-template-columns:none;
  overflow:hidden;
}
.tab-a,
.tab-a[aria-current="page"]{
  flex:1 1 0;
  width:0;
  min-width:0;
  height:100%;
  min-height:0;
  margin:0;
  padding:0 2px;
  box-sizing:border-box;
  border-radius:999px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  align-content:center;
  gap:3px;
  overflow:hidden;
  font-family:"Inter Tight",sans-serif;
  font-weight:600;
  font-size:10px;
  letter-spacing:.04em;
  line-height:1;
  text-transform:uppercase;
  white-space:nowrap;
  color:rgba(255,255,255,.72);
}
.tab-a svg,
.tab-a[aria-current="page"] svg{width:18px;height:18px;stroke-width:1.8}
.tab-a[aria-current="page"]{
  background:rgba(255,20,147,.18);
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28);
}
.tab-a[aria-current="page"] svg{stroke:#e3007d}
.tab-a.create .ico-box{
  display:grid;
  place-items:center;
  width:18px;
  height:18px;
  min-width:0;
  border-radius:0;
  background:transparent;
  color:inherit;
}
.tab-a .lbl{overflow:hidden;text-overflow:ellipsis;max-width:100%}
@media (hover:hover) and (pointer:fine){
  .tab-a:hover{background:rgba(255,255,255,.1);color:#fff}
}
body{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
html:has(.pg-feed) body{padding-bottom:0}
.pg-feed{--info-pb:96px}

h1,h2,h3,.t-hero,.t-h1,.t-h2,.t-h3,.sec-h h2{
  font-family:"BBH Bartle","Inter Tight",sans-serif;
  letter-spacing:0;
}
.foot{border-top-color:rgba(255,255,255,.14)}
.card,.sheet,.wl{border-radius:16px}

/* Feed, laid out like an X timeline. */
.pg-feed{
  display:block;
  height:100dvh;
  max-width:600px;
  margin:0 auto;
  background:#000;
  border-left:1px solid rgba(255,255,255,.12);
  border-right:1px solid rgba(255,255,255,.12);
}
.pg-feed .fd-panel{display:none}
.pg-feed .fd-stage{
  display:flex;
  flex-direction:column;
  height:100%;
  padding-top:var(--top-h);
  box-sizing:border-box;
}
.pg-feed .fd-tabs{
  position:relative;
  top:auto;
  left:auto;
  transform:none;
  z-index:5;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  flex:none;
  background:rgba(0,0,0,.82);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(255,255,255,.12);
}
.pg-feed .fd-tab{
  height:48px;
  color:rgba(255,255,255,.5);
  text-shadow:none;
  font-family:"Inter Tight",sans-serif;
  font-weight:700;
  font-size:15px;
}
.pg-feed .fd-tab[aria-selected="true"]{color:#fff}
.pg-feed .fd-tab[aria-selected="true"]:after{
  width:56px;
  height:4px;
  bottom:0;
  border-radius:999px;
  background:#ff1493;
  box-shadow:none;
}
.pg-feed .fd-list{
  flex:1;
  height:auto;
  min-height:0;
  scroll-snap-type:none;
  padding-bottom:calc(88px + env(safe-area-inset-bottom));
}
.pg-feed .fd-item{
  height:auto;
  min-height:0;
  overflow:visible;
  display:block;
  scroll-snap-align:none;
  scroll-snap-stop:normal;
  padding:12px 16px 10px 68px;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.pg-feed .fd-bg{display:none}
.pg-feed .fd-row{
  display:block;
  position:static;
}
.pg-feed .fd-row:before{content:none}
.pg-feed .fd-frame{
  position:relative;
  inset:auto;
  height:auto;
  aspect-ratio:auto;
  max-width:none;
  border-radius:0;
  box-shadow:none;
  background:transparent;
  overflow:visible;
  display:flex;
  flex-direction:column;
  gap:8px;
}
.pg-feed .fd-frame:after,
.pg-feed .fd-shade,
.pg-feed .fd-paused{display:none}
.pg-feed .fd-info{
  position:static;
  order:-1;
  padding:0;
  gap:4px;
  color:#fff;
  text-shadow:none;
}
.pg-feed .fd-name{
  color:#fff;
  font-family:"Inter Tight",sans-serif;
  font-weight:700;
  font-size:15px;
  letter-spacing:0;
  text-decoration:none;
}
.pg-feed .fd-handle{
  color:rgba(255,255,255,.5);
  font-weight:400;
  font-size:15px;
}
.pg-feed .fd-cap{
  margin:0;
  color:#fff;
  font-size:15px;
  line-height:1.35;
  font-weight:400;
}
.pg-feed .fd-frame>.media{
  position:relative;
  inset:auto;
  width:100%;
  aspect-ratio:16/9;
  height:auto;
  min-height:180px;
  max-height:380px;
  border-radius:16px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  background:#141414;
}
.pg-feed .fd-frame>.media video,
.pg-feed .fd-frame>.media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.pg-feed .fd-unmute{
  top:auto;
  bottom:12px;
  left:12px;
}
.pg-feed .fd-acts{
  position:static;
  top:auto;
  right:auto;
  bottom:auto;
  left:auto;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:space-between;
  gap:4px;
  max-width:420px;
  margin-top:4px;
  padding:0;
}
.pg-feed .fd-av{
  position:absolute;
  left:14px;
  top:12px;
  margin:0;
}
.pg-feed .fd-av .ring{width:40px;height:40px}
.pg-feed .fd-follow{
  width:22px;
  height:22px;
  bottom:-4px;
  margin-left:-11px;
}
.pg-feed .fd-act{
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:flex-start;
  gap:6px;
  min-width:44px;
  min-height:36px;
  max-width:none;
  color:rgba(255,255,255,.55);
  text-shadow:none;
  font-size:13px;
  font-weight:500;
}
.pg-feed .fd-ic{
  width:34px;
  height:34px;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
}
.pg-feed .fd-ic svg{width:18px;height:18px}
.pg-feed .fd-like[aria-pressed="true"]{color:#ff1493}
.pg-feed .fd-like[aria-pressed="true"] .fd-ic{background:transparent}
@media (hover:hover) and (pointer:fine){
  .pg-feed .fd-act:hover{color:#ff4da6}
  .pg-feed .fd-act:hover .fd-ic{background:rgba(255,20,147,.12)}
}
.pg-feed .fd-item.fd-end{padding-left:16px}
.pg-feed .fd-item.fd-end .fd-frame{min-height:0}

/* Explore: a grid of token cards. */
.pg-explore .xp-view{display:none}
.pg-explore .xp-title{font-size:clamp(36px,5vw,52px)}
.pg-explore .xp-lede{max-width:42rem}
.pg-explore .xp-mosaic{
  --cols:2;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-auto-rows:auto;
  grid-auto-flow:row;
  gap:12px;
}
.pg-explore .xp-tile,
.pg-explore .xp-tile.big{
  position:relative;
  display:flex;
  flex-direction:column;
  grid-column:auto;
  grid-row:auto;
  height:auto;
  min-height:0;
  border-radius:18px;
  overflow:hidden;
  background:#101010;
  color:#fff;
  border:1px solid rgba(255,255,255,.12);
  text-decoration:none;
  box-shadow:none;
  transform:none;
}
.pg-explore .xp-tile-art{
  position:relative;
  aspect-ratio:1;
  background:#1a1a1a;
}
.pg-explore .xp-tile-art .xp-fb,
.pg-explore .xp-tile-art img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.pg-explore .xp-tile-scrim,
.pg-explore .xp-tile-top{display:none}
.pg-explore .xp-tile-bot{
  position:static;
  inset:auto;
  display:grid;
  gap:4px;
  justify-items:start;
  padding:12px 12px 14px;
}
.pg-explore .xp-tile-name,
.pg-explore .xp-tile.big .xp-tile-name{
  font-family:"Inter Tight",sans-serif;
  font-size:15px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:0;
  text-shadow:none;
  white-space:nowrap;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
}
.pg-explore button.xp-tile{
  width:100%;
  margin:0;
  padding:0;
  appearance:none;
  font:inherit;
  text-align:left;
  cursor:pointer;
  min-width:0;
}
.pg-explore .xp-fallback{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:#fff;
  font-family:"Inter Tight",sans-serif;
  font-size:32px;
  font-weight:700;
}
.pg-explore .launch-search{margin:0 0 16px}
.pg-explore .launch-search input{
  width:100%;
  box-sizing:border-box;
  min-height:48px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.16);
  background:#141414;
  color:#fff;
  font:500 15px/1.4 "Inter Tight",sans-serif;
}
.pg-explore .launch-search input:focus{outline:2px solid #fff;outline-offset:2px}
.pg-explore .xp-count{margin:0 0 16px;color:rgba(255,255,255,.62);font-size:14px}
.pg-explore .xp-empty{
  display:grid;
  gap:8px;
  justify-items:start;
  padding:8px 0 24px;
}
.pg-explore .xp-empty h2{margin:0;font-size:28px}
.pg-explore .xp-empty p{margin:0 0 8px;color:rgba(255,255,255,.72)}
.pg-explore .xp-empty .token-go{text-decoration:none}
.pg-explore .xp-tile-tag,
.pg-explore .xp-tile.big .xp-tile-tag{
  display:block;
  color:rgba(255,255,255,.62);
  font-family:"Inter Tight",sans-serif;
  font-size:13px;
  font-weight:600;
  line-height:1.2;
}
.pg-explore .xp-tile-meta{
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
  color:#fff;
  font-size:13px;
  font-variant-numeric:tabular-nums;
}
.pg-explore .xp-tile:focus-visible{
  outline:2px solid #ff1493;
  outline-offset:3px;
}
@media (min-width:720px){
  .pg-explore .xp-mosaic{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
}
@media (min-width:1100px){
  .pg-explore .xp-mosaic{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
}
@media (hover:hover) and (pointer:fine){
  .pg-explore .xp-tile:hover{border-color:rgba(255,20,147,.7)}
}
@media (prefers-reduced-motion:reduce){
  .pg-explore .xp-tile{transition:none}
}

/* Pons launch form */
.pg-launch h1{
  margin:12px 0 8px;
  font-size:clamp(40px,6vw,64px);
  line-height:.95;
}
.pg-launch .lede{
  max-width:38rem;
  margin:0 0 28px;
  color:rgba(255,255,255,.72);
  font-size:16px;
  line-height:1.45;
}
.launch-form{
  display:flex;
  flex-direction:column;
  gap:16px;
}
.launch-form label{
  display:flex;
  flex-direction:column;
  gap:8px;
  color:#fff;
  font-family:"Inter Tight",sans-serif;
  font-size:14px;
  font-weight:600;
}
.launch-form input,
.launch-form textarea{
  width:100%;
  box-sizing:border-box;
  min-height:48px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:12px;
  background:#141414;
  color:#fff;
  font:500 15px/1.4 "Inter Tight",sans-serif;
}
.launch-form textarea{min-height:88px;resize:vertical}
.launch-form input::placeholder,
.launch-form textarea::placeholder{color:rgba(255,255,255,.42)}
.launch-form input:focus,
.launch-form textarea:focus{
  outline:2px solid #ff1493;
  outline-offset:2px;
  background:#000;
}
.launch-grid{display:grid;gap:16px}
@media (min-width:640px){
  .launch-grid{grid-template-columns:1fr 1fr}
}
.launch-form .prefix{
  display:flex;
  align-items:center;
  min-height:48px;
  border:1px solid rgba(255,255,255,.16);
  background:#141414;
}
.launch-form .prefix:focus-within{
  outline:2px solid #fff;
  outline-offset:2px;
  background:#000;
}
.launch-form .prefix span{
  flex:none;
  padding-left:14px;
  color:rgba(255,255,255,.48);
  font-weight:500;
}
.launch-form .prefix input{
  min-height:46px;
  border:0;
  background:transparent;
  outline:none;
}
.launch-form .prefix input:focus{outline:none;background:transparent}
.launch-form .x-lookup button{
  flex:none;
  align-self:stretch;
  min-height:48px;
  padding:0 16px;
  border:0;
  border-left:1px solid rgba(255,255,255,.16);
  background:#fff;
  color:#000;
  font:600 14px/1 "Inter Tight",sans-serif;
  cursor:pointer;
}
.launch-form .x-lookup button:hover{background:#f2f2f2}
.launch-form .x-lookup button:focus-visible{outline:2px solid #fff;outline-offset:-4px}
.launch-form .x-lookup button:disabled{opacity:.6;cursor:progress}
.pg-launch .x-card{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:72px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.16);
  background:#141414;
  color:#fff;
  text-decoration:none;
}
.pg-launch .x-card[hidden]{display:none}
.pg-launch .x-card img{
  width:48px;
  height:48px;
  object-fit:cover;
  border-radius:50%;
  flex:none;
}
.pg-launch .x-card strong{display:block;font-size:15px}
.pg-launch .x-card span span{
  color:rgba(255,255,255,.62);
  font-size:13px;
  font-weight:500;
}
.pg-launch .x-card:focus-visible{outline:2px solid #fff;outline-offset:3px}
.pg-launch .image-row{display:flex;align-items:center;gap:12px}
.pg-launch .image-row img{
  width:48px;
  height:48px;
  object-fit:cover;
  border-radius:8px;
  flex:none;
  background:#1a1a1a;
}
.pg-launch .image-row img[hidden]{display:none}
.pg-launch .image-row input{flex:1;min-width:0}
.launch-form .hint{
  color:rgba(255,255,255,.52);
  font-size:13px;
  font-weight:500;
  line-height:1.4;
}
.pg-launch .pair{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:48px;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:12px;
  background:#141414;
  color:rgba(255,255,255,.72);
  font-size:14px;
}
.pg-launch .pair strong{color:#fff}
.pg-launch .pair span:last-child{margin-left:auto;font-size:12px}
.pg-launch .dot{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#e3007d;
}
.pg-launch .advanced{
  border:1px solid rgba(255,255,255,.16);
  border-radius:12px;
  background:#0c0c0c;
  padding:16px;
}
.pg-launch .advanced summary{
  min-height:44px;
  display:flex;
  align-items:center;
  cursor:pointer;
  font-family:"Inter Tight",sans-serif;
  font-weight:600;
}
.pg-launch .advanced summary:focus-visible{outline:2px solid #fff;outline-offset:3px}
.pg-launch .advanced[open] summary{margin-bottom:16px}
.pg-launch .advanced label+label{margin-top:16px}
.pg-launch .quote{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin:0;
}
.pg-launch .quote div{
  min-height:72px;
  padding:12px;
  background:#141414;
  border:1px solid rgba(255,255,255,.12);
}
.pg-launch .quote dt{
  color:rgba(255,255,255,.52);
  font-size:12px;
  font-weight:600;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.pg-launch .quote dd{
  margin:6px 0 0;
  font-size:16px;
  font-weight:600;
  font-variant-numeric:tabular-nums;
}
.pg-launch .wallet-line,
.pg-launch .form-error{margin:0;font-size:14px;line-height:1.4}
.pg-launch .form-error{color:#ffc2de}
.launch-go{
  min-height:52px;
  border:0;
  border-radius:14px;
  background:#e3007d;
  color:#fff;
  box-shadow:0 10px 28px -12px rgba(255,20,147,.75);
  font-family:"Inter Tight",sans-serif;
  font-size:16px;
  font-weight:600;
  cursor:pointer;
}
.launch-go:hover{background:#ff1493}
.launch-go:focus-visible{outline:2px solid #fff;outline-offset:3px}
.launch-go:disabled{opacity:.6;cursor:progress}
.pg-launch .result{
  padding:16px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:16px;
  background:#101010;
}
.pg-launch .result p{margin:0 0 10px;font-weight:600}
.pg-launch .result ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pg-launch .result li{display:flex;justify-content:space-between;gap:12px;font-size:14px}
.pg-launch .result a{color:#fff}
.pg-launch .result a:focus-visible,
.pg-launch .result button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.pg-launch .result button{
  min-height:44px;
  margin-left:8px;
  padding:0 12px;
  border:1px solid rgba(255,255,255,.2);
  background:#fff;
  color:#000;
  font:600 14px/1 "Inter Tight",sans-serif;
  cursor:pointer;
}
@media (max-width:639px){
  .pg-launch .pair span:last-child{display:none}
  .pg-launch .quote{grid-template-columns:1fr}
}

.token-layer{
  position:fixed;
  inset:0;
  z-index:80;
  display:grid;
  place-items:center;
  padding:16px;
  background:rgba(0,0,0,.72);
}
.token-layer[hidden]{display:none}
.token-panel{
  position:relative;
  width:min(440px,100%);
  max-height:calc(100dvh - 32px);
  overflow:auto;
  box-sizing:border-box;
  padding:16px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:20px;
  background:#0c0c0c;
  color:#fff;
}
.token-head{
  display:grid;
  grid-template-columns:72px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  margin-bottom:16px;
}
.token-head img{
  width:72px;
  height:72px;
  object-fit:cover;
  border-radius:12px;
  background:#1a1a1a;
}
.token-head h2{
  margin:0;
  font-family:"Inter Tight",sans-serif;
  font-size:20px;
  font-weight:700;
  line-height:1.2;
  white-space:normal;
  overflow-wrap:anywhere;
}
.token-head p{margin:4px 0 0;color:rgba(255,255,255,.62);font-weight:600}
.token-head [data-close]{
  min-width:44px;
  min-height:44px;
  padding:0 12px;
  border:1px solid rgba(255,255,255,.2);
  background:transparent;
  color:#fff;
  font:600 14px/1 "Inter Tight",sans-serif;
  cursor:pointer;
}
.token-contract{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  margin-bottom:16px;
  padding:12px;
  background:#141414;
  border:1px solid rgba(255,255,255,.12);
}
.token-contract span{color:rgba(255,255,255,.52);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.token-contract strong{
  font-size:13px;
  font-weight:600;
  line-height:1.35;
  overflow-wrap:anywhere;
  font-variant-numeric:tabular-nums;
}
.token-contract button,
.token-amount button{
  min-width:64px;
  min-height:44px;
  padding:0 12px;
  border:0;
  background:#fff;
  color:#000;
  font:600 14px/1 "Inter Tight",sans-serif;
  cursor:pointer;
}
.token-sides{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-bottom:16px;
}
.token-sides button{
  min-height:44px;
  border:1px solid rgba(255,255,255,.16);
  background:#141414;
  color:#fff;
  font:600 15px/1 "Inter Tight",sans-serif;
  cursor:pointer;
}
.token-sides button[aria-pressed="true"]{background:#fff;color:#000}
.token-sides button:focus-visible,
.token-head [data-close]:focus-visible,
.token-contract button:focus-visible,
.token-amount button:focus-visible,
.token-go:focus-visible{outline:2px solid #fff;outline-offset:3px}
.token-amount-label{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-bottom:8px;
  font:600 14px/1 "Inter Tight",sans-serif;
}
.token-amount{display:flex;align-items:center;gap:8px}
.token-amount input{
  flex:1;
  min-width:0;
  min-height:48px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.16);
  background:#141414;
  color:#fff;
  font:500 16px/1.2 "Inter Tight",sans-serif;
}
.token-amount input:focus{outline:2px solid #fff;outline-offset:2px}
.token-amount [data-unit]{flex:none;min-width:52px;color:rgba(255,255,255,.72);font-size:14px}
.token-balance,.token-quote,.token-note{margin:0 0 8px;font-size:14px;line-height:1.4}
.token-balance{color:rgba(255,255,255,.78)}
.token-note{color:#ffc2de}
.token-go{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  box-sizing:border-box;
  min-height:52px;
  margin-top:8px;
  border:0;
  border-radius:14px;
  background:#e3007d;
  box-shadow:0 10px 28px -12px rgba(255,20,147,.75);
  color:#fff;
  font:600 16px/1 "Inter Tight",sans-serif;
  cursor:pointer;
}
.token-go:hover{background:#ff1493}
.token-go:disabled{opacity:.6;cursor:progress}
.token-links{display:flex;flex-wrap:wrap;gap:12px 16px;margin:14px 0 0}
.token-links a{color:#fff;font-size:14px;font-weight:600}
.token-links a:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media (prefers-reduced-motion:reduce){
  .token-layer,.token-panel{transition:none}
}