/* Refinement layer — same layout and styling, finer finish. Loaded last on every page. */
@property --beam-angle { syntax:"<angle>"; inherits:false; initial-value:0deg; }
:root {
  --bg:#0a0a0a;
  --card:#171717;
  --card-2:#1d1d1d;
  --field:#232323;
  --field-hover:#262626;
  --hair:rgba(255,255,255,.07);
  --hair-2:rgba(255,255,255,.11);
  --hair-hover:rgba(255,255,255,.18);
  --text-2:rgba(245,245,243,.64);
  --text-3:rgba(245,245,243,.42);
  --ease-out:cubic-bezier(.22,1,.36,1);
  --ease-spring:cubic-bezier(.34,1.56,.64,1);
  --side-w:238px;
}
html { background:var(--bg); }
body {
  background:var(--bg);
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, sans-serif;
  font-optical-sizing:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
::selection { background:rgba(255,59,59,.35); color:#fff; }
img { -webkit-user-drag:none; }

/* Money reads in clean sans with even-width digits; DM Mono stays for labels and code. */
.mini-value, .profilemoney, .listrow h3, .metric b, .chartcard .big, .money,
.payment-summary strong, .payment-summary b, .receipt-main > b, .paid-earned > b,
.preview-payment > div:first-child > b, .money-figure {
  font-family:Inter, ui-sans-serif, system-ui, sans-serif;
  font-weight:600;
  letter-spacing:-.035em;
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1, "cv11" 1;
}
.cardstats, .mosaic-card > div:last-child, .preview-payment > small, .receipt-end time { font-variant-numeric:tabular-nums; }

/* ─── Sidebar ─────────────────────────────────────────────── */
.sidebar {
  width:var(--side-w);
  background:var(--bg);
  border-right:1px solid var(--hair);
  padding:22px 16px;
  overflow:visible;
}
.content { margin-left:var(--side-w); }
.side-animating .sidebar { transition:width .36s var(--ease-out), padding .36s var(--ease-out); }
.side-animating .content { transition:margin-left .36s var(--ease-out); }
.logo { padding-left:6px; margin-bottom:30px; white-space:nowrap; }
.logo svg { flex:none; transition:transform .5s var(--ease-spring); }
.logo:hover svg { transform:rotate(-6deg) scale(1.05); }
.logo > span { transition:opacity .2s, transform .3s var(--ease-out); }
.sidenav { gap:3px; }
.sidenav a {
  position:relative;
  gap:16px;
  padding:11px 14px;
  border-radius:999px;
  color:rgba(245,245,243,.62);
  font-size:15.5px;
  font-weight:500;
  letter-spacing:-.01em;
  white-space:nowrap;
  transition:background-color .18s, color .18s;
}
.sidenav a:hover { background:rgba(255,255,255,.05); color:#fff; }
.sidenav a.active { background:rgba(255,255,255,.07); color:#fff; font-weight:650; }
.sidenav a.active:before {
  content:"";
  position:absolute;
  left:-16px;
  top:50%;
  width:3px;
  height:18px;
  margin-top:-9px;
  border-radius:0 3px 3px 0;
  background:#ff3b3b;
  box-shadow:0 0 12px rgba(255,59,59,.55);
}
.sidenav .nav-icon { width:23px; height:23px; flex:none; overflow:visible; }
.navlabel { transition:opacity .2s; }
.sidenav a:active .nav-icon { transform:scale(.9); }

.sidecollapse {
  position:absolute;
  top:17px;
  right:-16px;
  z-index:60;
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--bg);
  border:1px solid var(--hair-2);
  color:#8a8a8a;
  cursor:pointer;
  transition:color .18s, border-color .18s, background-color .18s, transform .18s;
}
.sidecollapse:hover { color:#fff; border-color:var(--hair-hover); background:#131313; }
.sidecollapse:active { transform:scale(.92); }
.sidecollapse svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; transition:transform .36s var(--ease-out); }
.side-collapsed { --side-w:84px; }
.side-collapsed .sidebar { padding:22px 14px; }

.side-collapsed .logo > span,
.side-collapsed .navlabel,
.side-collapsed .brandaccount > span:nth-child(2),
.side-collapsed .brandaccount > .external-icon,
.side-collapsed .smallprint { opacity:0; pointer-events:none; width:0; overflow:hidden; }
.side-collapsed .sidenav a { width:52px; padding:12px 14px; gap:0; }
.side-collapsed .sidenav a.active:before { left:-14px; }
.side-collapsed .logo { padding-left:6px; }
.side-collapsed .brandaccount { justify-content:center; padding:10px 0; }

/* Animated nav icons */
.sidenav a:nth-child(n):hover svg.nav-launch,
.sidenav a:nth-child(n):hover svg.nav-flow { animation:none; }
.nav-flow { transform-origin:50% 50%; transition:transform .8s var(--ease-spring); }
.sidenav a:hover .nav-flow { transform:rotate(90deg); }
.nav-flow.icon-arrive { animation:gearArrive 1.1s var(--ease-out); }
@keyframes gearArrive { from { transform:rotate(-120deg); } to { transform:rotate(0); } }
.rocket-craft { transform-box:view-box; }
.rocket-flame { transform-box:fill-box; transform-origin:50% 0; transform:scaleY(.62); opacity:.9; transition:fill .2s; }
.sidenav a:hover .rocket-craft,
.nav-launch.icon-arrive .rocket-craft { animation:rocketLift .95s var(--ease-out); }
.sidenav a:hover .rocket-flame,
.nav-launch.icon-arrive .rocket-flame { fill:#ff4a3b; animation:flameFlicker .12s ease-in-out infinite alternate; }
.nav-launch.icon-arrive .rocket-flame { animation-iteration-count:8; }
@keyframes rocketLift {
  0% { transform:translate(0, 0); }
  28% { transform:translate(0, -3.4px); }
  40% { transform:translate(.5px, -2.8px); }
  52% { transform:translate(-.5px, -3.2px); }
  64% { transform:translate(.3px, -3px); }
  100% { transform:translate(0, 0); }
}
@keyframes flameFlicker { from { transform:scaleY(.95) scaleX(.9); } to { transform:scaleY(1.45) scaleX(1.05); } }

.sidefoot .brandaccount { border-radius:999px; padding:8px; transition:background-color .18s; }
.sidefoot .brandaccount:hover { background:rgba(255,255,255,.05); }
.mini-mark { background:#1a1a1a; border-color:var(--hair-2); }

/* ─── Top bar ─────────────────────────────────────────────── */
.utilitybar { background:rgba(10,10,10,.9); border-bottom:1px solid var(--hair); }
.globalsearch {
  height:42px;
  background:transparent;
  border:1px solid var(--hair-2);
  color:#6c6c6c;
  transition:border-color .18s, box-shadow .18s, background-color .18s;
}
.globalsearch:hover { border-color:var(--hair-hover); }
.globalsearch:focus-within { border-color:rgba(255,255,255,.3); background:rgba(255,255,255,.02); box-shadow:0 0 0 4px rgba(255,255,255,.04); color:#bbb; }
.globalsearch input { font-size:14px; }
.globalsearch input::placeholder { color:#6c6c6c; }
.search-kbd {
  font:500 11px Inter, sans-serif;
  color:#6c6c6c;
  border:1px solid var(--hair-2);
  border-radius:6px;
  padding:1px 6px;
  line-height:16px;
}
.globalsearch:focus-within .search-kbd { opacity:0; }
.createpill, .wallet, .iconbutton { transition:transform .14s var(--ease-out), background-color .18s, border-color .18s, color .18s, box-shadow .18s; }
.createpill { background:#f5f5f3; box-shadow:inset 0 -1px 0 rgba(0,0,0,.12), 0 1px 0 rgba(255,255,255,.1); }
.createpill:hover { background:#fff; box-shadow:0 6px 22px rgba(255,255,255,.08); }
.createpill svg { transition:transform .35s var(--ease-spring); }
.createpill:hover svg { transform:rotate(90deg); }
.wallet { background:transparent; border-color:var(--hair-2); color:#e8e8e6; height:39px; padding:0 18px; }
.wallet:hover { background:rgba(255,255,255,.06); border-color:var(--hair-hover); }
.iconbutton { background:transparent; border-color:var(--hair-2); }
.iconbutton:hover { background:rgba(255,255,255,.06); border-color:var(--hair-hover); }
.iconbutton:hover svg { animation:bellRing .6s var(--ease-out); transform-origin:50% 10%; }
.iconbutton i { animation:dotPulse 2.4s ease-in-out infinite; }
@keyframes bellRing { 20% { transform:rotate(14deg); } 40% { transform:rotate(-10deg); } 60% { transform:rotate(6deg); } 80% { transform:rotate(-3deg); } }
@keyframes dotPulse { 0%, 100% { box-shadow:0 0 0 2px #0a0a0a, 0 0 0 2px rgba(255,59,59,.5); } 50% { box-shadow:0 0 0 2px #0a0a0a, 0 0 0 5px rgba(255,59,59,0); } }
.createpill:active, .wallet:active, .iconbutton:active, .primarybtn:active, .ghostbtn:active,
.launch-submit:active, .ghost-wide:active, .hero-composer button:active, .venue:active, .currency:active,
.mode-tab:active, .tab:active, .payment-filters button:active, .seg button:active, .social-link:active { transform:scale(.97); }
.noticepanel { background:rgba(22,22,22,.96); border-color:var(--hair-2); backdrop-filter:blur(20px) saturate(1.3); }

/* ─── Surfaces ─────────────────────────────────────────────── */
.feature-card, .panel, .profile, .listrow, .receipt-row, .metric, .chartcard, .claim-banner,
.docgrid > div, .risk-grid > div, .doccallout, .venue-table, .verification-demo, .launch-intro {
  border-color:var(--hair);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.feature-card { background:var(--card); border-radius:22px; }
.feature-card:hover { border-color:var(--hair-hover); transform:translateY(-2px); }
.panel { background:#131313; }
.metric, .chartcard { background:var(--card); }
.profile, .listrow, .receipt-row { background:var(--card); transition:border-color .2s, background-color .2s, transform .25s var(--ease-out); }
.feature-caption {
  background:none;
  color:#d6d6d4;
  font-size:14px;
  font-weight:500;
  padding:22px 24px 20px;
}
.feature-caption span:last-child { color:#8d8d8b; transition:color .2s; }
.feature-caption svg { transition:transform .3s var(--ease-out); }
.feature-card:hover .feature-caption span:last-child { color:#fff; }
.feature-card:hover .feature-caption svg { transform:translate(2px, -2px); }
.feature-card:after { background:linear-gradient(90deg, transparent, rgba(255,255,255,.06), transparent); }

/* Soft, masked edges: content fades out instead of being painted over. */
.mosaic-frame {
  position:absolute;
  inset:0;
  overflow:hidden;
  -webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 16%, #000 70%, transparent 92%), linear-gradient(to right, transparent 0, #000 9%, #000 91%, transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(to bottom, transparent 0, #000 16%, #000 70%, transparent 92%), linear-gradient(to right, transparent 0, #000 9%, #000 91%, transparent 100%);
  mask-composite:intersect;
}
.edge-blur {
  position:absolute;
  left:0;
  right:0;
  height:64px;
  z-index:4;
  pointer-events:none;
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}
.edge-blur.top { top:0; -webkit-mask-image:linear-gradient(#000, transparent); mask-image:linear-gradient(#000, transparent); }
.edge-blur.bottom { bottom:0; height:96px; -webkit-mask-image:linear-gradient(transparent, #000); mask-image:linear-gradient(transparent, #000); }
.mosaic:after, .payment-preview:before, .payment-preview:after, .code-stream:before, .code-stream:after,
.scrollwindow:before, .scrollwindow:after { display:none; }
.payment-preview {
  -webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 14%, #000 80%, transparent 100%);
  mask-image:linear-gradient(to bottom, transparent 0, #000 14%, #000 80%, transparent 100%);
}
.scrollwindow {
  -webkit-mask-image:linear-gradient(to right, transparent 0, #000 7%, #000 93%, transparent 100%);
  mask-image:linear-gradient(to right, transparent 0, #000 7%, #000 93%, transparent 100%);
  background:transparent;
  border:0;
  box-shadow:none;
}

/* ─── Micro-interactions ───────────────────────────────────── */
.avatar {
  --av:40px;
  position:relative;
  display:inline-grid;
  flex:none;
  width:var(--av);
  height:var(--av);
}
.avatar > img {
  width:100%;
  height:100%;
  border-radius:50%;
  object-fit:cover;
  background:#222;
  outline:1px solid rgba(255,255,255,.1);
  outline-offset:-1px;
  transition:transform .3s var(--ease-out);
}
.avatar-square > img { border-radius:28%; }
.avatar-badge {
  position:absolute;
  right:-3px;
  bottom:-3px;
  width:calc(var(--av) * .42);
  height:calc(var(--av) * .42);
  min-width:14px;
  min-height:14px;
  border-radius:50%;
  display:grid;
  place-items:center;
  overflow:hidden;
  box-shadow:0 0 0 2px var(--badge-ring, #171717);
}
.badge-yt { background:#ff0033; border-radius:30%; }
.badge-yt svg { width:78%; height:78%; }
.badge-venue { background:#0d0d0d; }
.badge-venue img { width:100%; height:100%; object-fit:cover; }
.avatar:hover > img, a:hover .avatar > img, article:hover .avatar > img { transform:scale(1.06); }
.route-swap { color:#5b5b5b; display:grid; place-items:center; }
.route-swap svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.copy-chip {
  display:inline-flex;
  align-items:center;
  gap:6px;
  border:0;
  background:none;
  color:#7a7a7a;
  font:11px "DM Mono", monospace;
  padding:0;
  cursor:pointer;
  transition:color .18s;
}
.copy-chip:hover { color:#e9e9e7; }
.copy-chip svg { width:12px; height:12px; fill:none; stroke:currentColor; stroke-width:2; }
.copy-chip.copied { color:#43df8d; }

/* Rolling digits */
.roll { display:inline-flex; white-space:pre; }
.roll-ch { display:inline-block; }
.roll-digit { height:1.12em; overflow:hidden; vertical-align:top; line-height:1.12; }
.roll-stack { display:flex; flex-direction:column; animation:digitUp .55s var(--ease-out) both; }
@keyframes digitUp { from { transform:translateY(0); } to { transform:translateY(-50%); } }

/* Segmented controls with a sliding thumb */
.seg { position:relative; isolation:isolate; }
.seg-thumb {
  position:absolute;
  z-index:-1;
  top:0;
  left:0;
  border-radius:999px;
  background:#f2f2ef;
  box-shadow:0 1px 2px rgba(0,0,0,.4), inset 0 -1px 0 rgba(0,0,0,.12);
  transition:transform .38s var(--ease-out), width .38s var(--ease-out), height .38s var(--ease-out), opacity .2s;
  pointer-events:none;
}
.seg.seg-ready > .active, .seg.seg-ready > button.active { background:transparent !important; box-shadow:none !important; }
.seg > button { position:relative; transition:color .2s, transform .14s var(--ease-out); }
.tabs.seg, .mode-tabs.seg, .payment-filters.seg {
  display:inline-flex;
  gap:2px;
  padding:4px;
  background:rgba(255,255,255,.04);
  border:1px solid var(--hair);
  border-radius:999px;
}
.tabs.seg { margin:18px 0 26px; }
.tabs.seg .tab, .mode-tabs.seg .mode-tab, .payment-filters.seg button {
  border:0;
  background:transparent;
  color:#8c8c8a;
  padding:8px 15px;
  border-radius:999px;
  font-size:13px;
  font-weight:500;
}
.tabs.seg .tab:hover, .mode-tabs.seg .mode-tab:hover, .payment-filters.seg button:hover { color:#eee; }
.tabs.seg .tab.active, .mode-tabs.seg .mode-tab.active, .payment-filters.seg button.active { color:#0c0c0c; }

/* ─── Home ─────────────────────────────────────────────────── */
.homehero h1 { font-weight:600; letter-spacing:-.055em; }
.homehero h1 span {
  color:transparent;
  background:linear-gradient(100deg, #6d6d6b 0%, #6d6d6b 38%, #d8d8d5 50%, #6d6d6b 62%, #6d6d6b 100%);
  background-size:260% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  animation:heroShimmer 7s linear infinite;
}
@keyframes heroShimmer { from { background-position:130% 0; } to { background-position:-130% 0; } }
.hero-composer { position:relative; background:linear-gradient(180deg, #1a1a1a, #141414); border-color:var(--hair-2); }
.hero-composer:before {
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  padding:1px;
  background:conic-gradient(from var(--beam-angle), transparent 0 70%, rgba(255,90,90,.0) 72%, rgba(255,110,110,.75) 84%, rgba(255,255,255,.7) 88%, transparent 94%);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
  animation:beam 7s linear infinite;
  pointer-events:none;
  opacity:.8;
}
.hero-composer:focus-within:before { opacity:0; transition:opacity .3s; }
@keyframes beam { to { --beam-angle:360deg; } }
.hero-composer input::placeholder { color:#6f6f6d; }
.hero-composer button { transition:transform .14s var(--ease-out), box-shadow .2s, background-color .2s; }
.hero-composer button:hover { background:#ff4747; box-shadow:0 10px 30px rgba(255,59,59,.32), inset 0 1px rgba(255,255,255,.22); }
.claim-note { color:#6e6e6c; }

/* Explore panel: a wider, slower north-east drift under soft edges. */
.mosaic {
  --mosaic-drift:220px;
  --mosaic-drift-neg:-220px;
  --mosaic-span:591px;
  --mosaic-span-neg:-591px;
  left:-300px;
  top:-40px;
}
.mosaic-set { grid-template-columns:repeat(9, 150px); grid-auto-rows:188px; gap:9px; }
.explore-feature.motion-active .mosaic { animation:exploreRailNE 26s linear infinite; }
.mosaic-card { background:#101010; border-color:var(--hair); border-radius:14px; }
.mosaic-card > img { border-radius:10px; }
.mosaic-owner { background:rgba(8,8,8,.86); backdrop-filter:blur(6px); border:1px solid var(--hair); }
.mosaic-card > strong { font-size:11.5px; font-weight:600; }
.mosaic-card > div:last-child { font-family:Inter, sans-serif; font-size:9.5px; color:#6c6c6c; }
.mosaic-card > div:last-child b { font-weight:600; }

/* Payments panel */
.payments-feature { padding:30px 30px 0; }
.payment-preview { height:300px; }
.payment-track { gap:10px; }
.preview-payment {
  height:74px;
  background:#101010;
  border:1px solid var(--hair);
  border-radius:16px;
  padding:12px 16px;
  grid-template-columns:1fr auto 30px;
}
.preview-payment > div:first-child > b { font-size:22px; letter-spacing:-.04em; }
.preview-payment span { font-size:11.5px; color:#8a8a88; }
.preview-payment strong { color:#f0f0ee; font-weight:650; }
.pay-route { gap:10px; }
.pay-route .route-swap svg { width:15px; height:15px; }
.preview-payment > small { align-self:end; text-align:right; font-size:10.5px; }

/* Analytics panel */
.mini-label { color:#8a8a88; font-size:12.5px; }
.mini-value { font-size:40px; font-weight:600; letter-spacing:-.045em; margin-top:10px; }
.spark {
  -webkit-mask-image:linear-gradient(to right, transparent 0, #000 22%);
  mask-image:linear-gradient(to right, transparent 0, #000 22%);
}

/* Fee-route panel: a real search field that types, filters, picks, and pays. */
.route-demo { position:relative; margin-top:16px; height:196px; }
.rd-search {
  height:44px;
  display:flex;
  align-items:center;
  gap:9px;
  padding:0 15px;
  border-radius:999px;
  background:#101010;
  border:1.5px solid rgba(255,255,255,.14);
  color:#6f6f6d;
  font-size:13.5px;
  transition:border-color .25s, box-shadow .25s, opacity .35s var(--ease-out), transform .35s var(--ease-out);
}
.rd-search svg { width:15px; height:15px; flex:none; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; }
.launch-feature.rd-typing .rd-search { border-color:rgba(255,255,255,.85); box-shadow:0 0 0 4px rgba(255,255,255,.06); color:#9a9a98; }
.rd-field { position:relative; display:flex; align-items:center; min-width:0; flex:1; }
.rd-query { color:#f5f5f3; white-space:pre; }
.rd-caret { width:1.5px; height:16px; background:#fff; margin-left:1px; opacity:0; }
.launch-feature.rd-typing .rd-caret { opacity:1; animation:caretBlink .9s steps(1, end) infinite; }
.rd-placeholder { position:absolute; left:0; color:#6a6a68; pointer-events:none; transition:opacity .15s; }
.launch-feature.rd-has-query .rd-placeholder { opacity:0; }
.rd-results { margin-top:8px; display:flex; flex-direction:column; gap:2px; transition:opacity .3s var(--ease-out), transform .3s var(--ease-out); }
.rd-result {
  display:flex;
  align-items:center;
  gap:10px;
  padding:6px 8px;
  border-radius:12px;
  animation:rdIn .26s var(--ease-out) both;
  transition:background-color .2s, transform .2s var(--ease-out);
}
.rd-result img { width:32px; height:32px; border-radius:50%; object-fit:cover; outline:1px solid rgba(255,255,255,.1); outline-offset:-1px; }
.rd-result b { display:flex; align-items:center; gap:4px; font-size:13px; font-weight:600; color:#f1f1ef; line-height:1.2; }
.rd-result small { display:block; font-size:11px; color:#6f6f6d; line-height:1.2; }
.rd-result mark { background:none; color:#fff; text-decoration:underline; text-decoration-color:rgba(255,255,255,.4); text-underline-offset:2px; }
.rd-result.hl { background:rgba(255,255,255,.07); }
.rd-result.pick { transform:scale(.97); background:rgba(255,255,255,.11); }
.rd-empty { font-size:12px; color:#666; padding:8px; }
@keyframes rdIn { from { opacity:0; transform:translateY(5px); } to { opacity:1; transform:none; } }
.rd-sent {
  position:absolute;
  inset:0;
  opacity:0;
  pointer-events:none;
  transform:translateY(8px);
  transition:opacity .45s var(--ease-out), transform .45s var(--ease-out);
}
.launch-feature.rd-sending .rd-search, .launch-feature.rd-sending .rd-results { opacity:0; transform:translateY(-8px); }
.launch-feature.rd-sending .rd-sent { opacity:1; transform:none; }
.rd-card {
  display:flex;
  align-items:center;
  gap:11px;
  padding:10px 12px;
  border-radius:16px;
  background:#101010;
  border:1px solid var(--hair);
}
.rd-card img { width:38px; height:38px; border-radius:50%; object-fit:cover; outline:1px solid rgba(255,255,255,.1); outline-offset:-1px; }
.rd-card b { display:flex; align-items:center; gap:5px; font-size:14px; font-weight:650; }
.rd-card small { display:block; font-size:11.5px; color:#727270; }
.rd-amount {
  display:flex;
  align-items:baseline;
  gap:2px;
  margin:16px 0 8px 2px;
  font:600 34px/1 Inter, sans-serif;
  letter-spacing:-.045em;
  font-variant-numeric:tabular-nums;
  opacity:0;
  transform:translateY(6px);
  transition:opacity .4s var(--ease-out) .25s, transform .4s var(--ease-out) .25s;
}
.rd-amount small { font-size:22px; color:#bdbdbb; margin-right:2px; }
.rd-confirm {
  display:flex;
  align-items:center;
  gap:7px;
  margin-left:2px;
  color:#43df8d;
  font-size:12.5px;
  font-weight:500;
  opacity:0;
  transform:translateY(6px);
  transition:opacity .4s var(--ease-out) .7s, transform .4s var(--ease-out) .7s;
}
.rd-confirm svg.brand-icon { width:16px; height:16px; color:#ff0033; }
.rd-confirm .check { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }
.launch-feature.rd-sending .rd-amount, .launch-feature.rd-sending .rd-confirm { opacity:1; transform:none; }

/* Docs panel: a denser, slower indexer readout */
.docs-feature { padding:26px 26px 0; }
.docs-feature h3 { font-size:19px; letter-spacing:-.03em; margin:12px 0 6px; }
.docs-feature .lede { color:#8a8a88; font-size:12px; line-height:1.55; margin:0; max-width:420px; }
.code-stream {
  height:168px;
  margin-top:14px;
  border:0;
  background:none;
  -webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 16%, #000 76%, transparent 100%);
  mask-image:linear-gradient(to bottom, transparent 0, #000 16%, #000 76%, transparent 100%);
}
.code-stream-track { padding:0 2px; gap:0; }
.docs-feature.motion-active .code-stream-track { animation:codeRail 46s linear infinite; }
.docs-feature:hover .code-stream-track { animation-play-state:paused; }
.ix-block { padding:0 0 18px; }
.ix-head { font:500 9.5px "DM Mono", monospace; letter-spacing:.14em; color:#5f5f5d; margin-bottom:7px; }
.ix-row { display:grid; grid-template-columns:34px 40px 1fr; font:10.5px/1.95 "DM Mono", monospace; color:#6a6a68; }
.ix-row b { font-weight:400; color:#d8d8d5; }
.ix-row.hot b { color:#ff7070; }
.ix-note { font:11px/1.6 Inter, sans-serif; color:#8b8b89; }
.ix-note code { font:10.5px "DM Mono", monospace; color:#e0e0dd; background:rgba(255,255,255,.06); border-radius:5px; padding:1px 5px; }
.ix-code { font:10.5px/1.9 "DM Mono", monospace; color:#9a9a98; }
.ix-code i { font-style:normal; color:#ff6b6b; }
.ix-code em { font-style:normal; color:#43df8d; }

/* Top Tokens rail */
.showcase-section .scrollwindow { height:auto; }
.cardrail { padding:6px 4px 10px; gap:14px; animation-duration:70s; }
.scrollwindow:hover .cardrail, .cardrail.rail-hold { animation-play-state:paused !important; }
.token-card {
  position:relative;
  display:block;
  width:228px;
  background:var(--card);
  border:1px solid var(--hair);
  border-radius:18px;
  padding:8px 8px 12px;
  overflow:hidden;
  transition:border-color .2s, transform .3s var(--ease-out);
}
.token-card:hover { border-color:var(--hair-hover); transform:translateY(-3px); }
.token-card:after, .coin-card:after, .trend-card:after {
  content:"";
  position:absolute;
  inset:-50%;
  z-index:3;
  pointer-events:none;
  background:linear-gradient(105deg, transparent 40%, rgba(255,255,255,.07) 50%, transparent 60%);
  transform:translateX(-100%);
  transition:transform 1.1s var(--ease-out);
}
.token-card:hover:after, .coin-card:hover:after, .trend-card:hover:after { transform:translateX(100%); }
.token-image { height:212px; border-radius:12px; overflow:hidden; background:rgba(255,255,255,.04); }
.token-image > img { border-radius:0; transition:transform .5s var(--ease-out); }
.token-card:hover .token-image > img { transform:scale(1.045); }
.token-type {
  top:8px;
  right:8px;
  padding:3px 8px;
  background:rgba(10,10,10,.8);
  backdrop-filter:blur(8px);
  border:1px solid var(--hair);
  font:500 10px Inter, sans-serif;
  color:#bdbdbb;
}
.token-owner {
  position:absolute;
  left:16px;
  top:186px;
  margin:0;
  z-index:2;
  background:rgba(10,10,10,.86);
  backdrop-filter:blur(8px);
  border-color:var(--hair-2);
  padding:4px 10px 4px 4px;
}
.token-owner span { font-size:11px; font-weight:600; }
.token-card h3 { font-size:14px; font-weight:600; margin:12px 4px 0; letter-spacing:-.01em; }
.token-card > small { margin-left:4px; font:10.5px "DM Mono", monospace; color:#6f6f6d; }
.cardstats { margin:10px 4px 0; font:600 13px Inter, sans-serif; justify-content:flex-start; gap:12px; }
.cardstats span { color:#f3f3f1; }
.cardstats span small { color:#6f6f6d; font-weight:500; font-size:10.5px; margin-left:3px; }
.cardstats span:last-child { color:#f3f3f1; }

/* Profiles + banner */
.profile { border-radius:18px; padding:18px; }
.profile:hover { border-color:var(--hair-hover); transform:translateY(-2px); }
.profiletop img { outline:1px solid rgba(255,255,255,.1); outline-offset:-1px; }
.profilemoney { font-size:24px; margin-top:18px; }
.claim-banner { background:radial-gradient(circle at 85% 30%, rgba(255,52,52,.14), transparent 34%), var(--card); border-radius:22px; }
.primarybtn { background:#f5f5f3; transition:transform .14s var(--ease-out), background-color .18s, box-shadow .2s; }
.primarybtn:hover { background:#fff; box-shadow:0 8px 26px rgba(255,255,255,.08); }
.ghostbtn { background:transparent; border-color:var(--hair-2); transition:transform .14s var(--ease-out), background-color .18s, border-color .18s; }
.ghostbtn:hover { background:rgba(255,255,255,.05); border-color:var(--hair-hover); }
.sectiontitle h2 { font-weight:600; letter-spacing:-.04em; }
.sectiontitle > a { transition:color .18s; }
.sectiontitle > a:hover { color:#fff; }

/* ─── Footer ─────────────────────────────────────────────── */
.sitefooter { border-top-color:var(--hair); }
.sitefooter a { transition:color .18s; }
.socials { gap:8px; align-items:center; }
.social-link {
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid var(--hair-2);
  background:transparent;
  color:#9a9a98;
  cursor:pointer;
  transition:color .18s, border-color .18s, background-color .18s, transform .14s var(--ease-out);
}
.social-link:hover { color:#fff; border-color:var(--hair-hover); background:rgba(255,255,255,.05); }
.social-link .brand-icon { width:16px; height:16px; }
.social-youtube:hover { color:#ff0033; }
.social-telegram:hover { color:#2aabee; }
.social-discord:hover { color:#5865f2; }

/* ─── Toast ─────────────────────────────────────────────── */
.toast {
  background:rgba(245,245,243,.97);
  border-radius:999px;
  padding:11px 18px;
  font-size:13px;
  font-weight:600;
  box-shadow:0 18px 50px rgba(0,0,0,.45);
  transition:opacity .25s var(--ease-out), transform .35s var(--ease-spring);
}

@media (max-width:1180px) {
  .token-card { width:212px; }
}
@media (max-width:820px) {
  .sidecollapse { display:none; }
  .content { margin-left:0; }
  .sidebar { width:100%; padding:7px 9px; }
  .side-collapsed .navlabel { width:auto; }
  .sidenav a { font-size:0; padding:10px; border-radius:14px; }
  .sidenav a.active:before { display:none; }
  .search-kbd { display:none; }
  .route-demo { height:180px; }
}
@media (prefers-reduced-motion:reduce) {
  .homehero h1 span, .hero-composer:before, .iconbutton i { animation:none !important; }
  .roll-stack { animation:none !important; transform:translateY(-50%); }
}

/* Home additions */
.profile { display:block; color:inherit; }
.pay-route .avatar, .preview-payment { --badge-ring:#101010; }
.docs-feature.motion-active .code-stream-track { animation-name:ixRail; }
@keyframes ixRail { to { transform:translate3d(0, -50%, 0); } }
.topline .tabs.seg { margin:0; }
.docs-feature .code-stream { height:112px; }
.docs-feature .lede { font-size:11.5px; }

/* ─── Token page ───────────────────────────────────────────── */
.visually-hidden { position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.token-page { max-width:1180px; padding-top:30px; }
.backlink { display:inline-flex; align-items:center; gap:7px; color:#8a8a88; font-size:13px; margin-bottom:18px; transition:color .18s; }
.backlink svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; transition:transform .25s var(--ease-out); }
.backlink:hover { color:#fff; }
.backlink:hover svg { transform:translateX(-3px); }
.tk-card {
  background:var(--card);
  border:1px solid var(--hair);
  border-radius:20px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  --badge-ring:var(--card);
}
.token-head { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.token-head .tk-card { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:20px 22px; min-width:0; transition:border-color .2s; }
.token-head .tk-card:hover { border-color:var(--hair-hover); }
.tk-id { display:flex; align-items:center; gap:14px; min-width:0; }
.tk-id > div { min-width:0; }
.tk-name { display:flex; align-items:center; gap:8px; min-width:0; }
.tk-name b { font-size:17px; font-weight:650; letter-spacing:-.02em; white-space:nowrap; }
.tk-name > span { color:#7d7d7b; font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tk-name .verified-badge { width:16px; height:16px; }
.tk-meta { display:flex; align-items:center; gap:12px; margin-top:6px; color:#7a7a78; font:12px "DM Mono", monospace; }
.tk-meta a { display:inline-flex; align-items:center; gap:6px; color:#9a9a98; transition:color .18s; }
.tk-meta a:hover { color:#fff; }
.tk-meta svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; }
.tk-meta .tk-yt { fill:#ff0033; stroke:none; width:16px; }
.tk-date { color:#43df8d; font-family:Inter, sans-serif; font-size:13px; font-weight:500; }
.tk-figure { display:flex; align-items:baseline; gap:6px; white-space:nowrap; }
.tk-figure b { font-size:26px; letter-spacing:-.04em; }
.tk-figure small { color:#6f6f6d; font-size:12px; }
.tk-pending { margin-top:16px; padding:22px 24px 20px; }
.tk-pending-label { display:flex; align-items:center; gap:7px; font-size:14px; font-weight:500; color:#e9e9e7; }
.tk-pending-label > span { color:#7a7a78; font-weight:400; }
.tk-pending-value { font-size:48px; letter-spacing:-.05em; margin:6px 0 4px; line-height:1.1; }
.tk-pending p { margin:0; color:#7a7a78; font-size:13px; }
.tk-chart { margin-top:16px; padding:10px 10px 6px; overflow:hidden; }
.tk-chart-top { display:flex; align-items:center; justify-content:space-between; padding:2px 4px 6px; }
.tk-chart-top .tabs.seg { margin:0; padding:3px; }
.tk-chart-top .tabs.seg .tab { padding:5px 11px; font-size:12px; }
.tk-live { display:flex; align-items:center; gap:7px; color:#6f6f6d; font-size:11.5px; }
.tk-live i { width:6px; height:6px; border-radius:50%; background:#43df8d; animation:livePulse 2s ease-in-out infinite; }
@keyframes livePulse { 0%, 100% { box-shadow:0 0 0 0 rgba(67,223,141,.5); } 50% { box-shadow:0 0 0 5px rgba(67,223,141,0); } }
.tk-legend { padding:4px 10px 0; font:11px "DM Mono", monospace; color:#7a7a78; min-height:18px; font-variant-numeric:tabular-nums; }
.tk-legend b { color:#d0d0ce; font-weight:500; margin-right:6px; }
.tk-legend span { color:#d0d0ce; margin-right:6px; }
.tk-legend em { font-style:normal; }
.tk-legend .up { color:#2ebd85; }
.tk-legend .down { color:#f6465d; }
.tk-chart-canvas { height:480px; position:relative; }
.tk-chart-loading { height:100%; display:grid; place-items:center; color:#6f6f6d; font-size:13px; }
.tk-lower { display:grid; grid-template-columns:minmax(0, 1fr) 360px; gap:16px; margin-top:44px; align-items:start; }
.tk-lower .sectiontitle h2, .tk-details h2 { font-size:24px; margin:0; letter-spacing:-.035em; }
.tk-details { padding:22px; position:sticky; top:90px; }
.tk-details dl { margin:14px 0 0; }
.tk-details dl > div { display:flex; justify-content:space-between; gap:14px; padding:11px 0; border-top:1px solid var(--hair); font-size:13px; }
.tk-details dt { color:#7a7a78; }
.tk-details dd { margin:0; color:#e9e9e7; text-align:right; min-width:0; overflow-wrap:anywhere; }
.tk-details .copy-chip { font-size:12px; color:#e9e9e7; }
@media (max-width:1050px) {
  .tk-lower { grid-template-columns:1fr; }
  .tk-details { position:static; }
}
@media (max-width:820px) {
  .token-head { grid-template-columns:1fr; }
  .tk-chart-canvas { height:360px; }
  .tk-pending-value { font-size:38px; }
  .tk-chart-top { flex-direction:column; align-items:flex-start; gap:8px; }
}

/* ─── Explore ─────────────────────────────────────────────── */
.topline h1 { font-weight:600; letter-spacing:-.045em; }
.search {
  display:flex;
  align-items:center;
  gap:9px;
  width:320px;
  height:44px;
  padding:0 15px;
  background:var(--field);
  border:1px solid var(--hair);
  border-radius:999px;
  color:#707070;
  transition:border-color .18s, box-shadow .18s, background-color .18s;
}
.search:hover { border-color:var(--hair-2); }
.search:focus-within { border-color:rgba(255,255,255,.3); background:var(--field-hover); box-shadow:0 0 0 4px rgba(255,255,255,.045); }
.search svg { width:16px; height:16px; flex:none; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; }
.search input { flex:1; min-width:0; height:100%; border:0; outline:0; background:transparent; color:#f0f0ee; font-size:13.5px; }
.search input::placeholder { color:#6d6d6b; }
.explore-page .twocol { gap:22px; }
.token-row { grid-template-columns:minmax(0, 1.3fr) auto 120px; padding:14px 18px 14px 14px; border-radius:18px; --badge-ring:var(--card); }
.token-row:hover { border-color:var(--hair-hover); background:#1a1a1a; transform:translateX(2px); }
.row-id { display:flex; align-items:center; gap:14px; min-width:0; }
.row-id > div { min-width:0; }
.token-row h3 { font-size:17px; letter-spacing:-.025em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.token-row p { font-size:12.5px; color:#7c7c7a; margin-top:2px; }
.token-row .route { gap:10px; }
.route-arrow { width:16px; height:16px; fill:none; stroke:#5c5c5a; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; transition:transform .3s var(--ease-out), stroke .2s; }
.token-row:hover .route-arrow { transform:translateX(3px); stroke:#aaa; }
.routecoin { width:34px; height:34px; border-radius:11px; background:#ff3b3b; font-size:12px; box-shadow:inset 0 1px 0 rgba(255,255,255,.25); }
.row-figures { text-align:right; display:flex; flex-direction:column; }
.row-figures b { font-size:18px; }
.row-figures small { color:#7a7a78; font-size:11.5px; margin-top:2px; }
.explore-page .profile { --badge-ring:var(--card); }
.explore-page .profiletop .avatar > img { outline:1px solid rgba(255,255,255,.1); }
.pager { display:flex; align-items:center; gap:8px; color:#777; font:12px Inter, sans-serif; font-variant-numeric:tabular-nums; }
.pager button { width:28px; height:28px; display:grid; place-items:center; border-radius:50%; border:1px solid var(--hair); background:transparent; color:#bbb; cursor:pointer; transition:background-color .18s, border-color .18s, opacity .18s; }
.pager button:hover:not(:disabled) { background:rgba(255,255,255,.06); border-color:var(--hair-hover); }
.pager button:disabled { opacity:.3; cursor:default; }
.pager svg { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.empty-state { padding:28px; text-align:center; color:#6f6f6d; font-size:13px; border:1px dashed var(--hair-2); border-radius:16px; }

.trend-window {
  overflow:hidden;
  -webkit-mask-image:linear-gradient(to right, transparent, #000 6%, #000 94%, transparent);
  mask-image:linear-gradient(to right, transparent, #000 6%, #000 94%, transparent);
}
.trend-rail { display:flex; gap:12px; width:max-content; padding:2px 0; animation:marqueeX 60s linear infinite; animation-play-state:paused; }
.trend-rail.motion-active { animation-play-state:running; }
.trend-window:hover .trend-rail { animation-play-state:paused; }
@keyframes marqueeX { to { transform:translate3d(calc(-50% - 6px), 0, 0); } }
.trend-card {
  position:relative;
  display:flex;
  align-items:center;
  gap:12px;
  width:290px;
  padding:12px 16px 12px 12px;
  background:var(--card);
  border:1px solid var(--hair);
  border-radius:16px;
  overflow:hidden;
  transition:border-color .2s, background-color .2s;
}
.trend-card:hover { border-color:var(--hair-hover); background:#1a1a1a; }
.trend-name { display:flex; flex-direction:column; min-width:0; flex:1; }
.trend-name b { font-size:14px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.trend-name small, .trend-sent small { font:10.5px "DM Mono", monospace; color:#6f6f6d; }
.trend-sent { display:flex; flex-direction:column; align-items:flex-end; }
.trend-sent b { font-size:16px; }

.launch-filters { display:flex; align-items:center; gap:10px; margin-bottom:16px; }
.address-search { flex:1; width:auto; }
.venue-chips { display:flex; gap:4px; padding:4px; border:1px solid var(--hair); border-radius:999px; background:rgba(255,255,255,.04); }
.chip { display:flex; align-items:center; gap:7px; height:34px; padding:0 13px 0 5px; border-radius:999px; border:1px solid transparent; background:transparent; color:#7a7a78; font-size:13px; font-weight:500; cursor:pointer; transition:background-color .18s, color .18s, border-color .18s, transform .14s var(--ease-out); }
.chip img { width:24px; height:24px; border-radius:50%; object-fit:cover; background:#0d0d0d; opacity:.55; transition:opacity .18s; }
.chip.active { background:#262626; border-color:var(--hair-2); color:#f0f0ee; }
.chip.active img { opacity:1; }
.chip:hover { color:#fff; }
.chip:active { transform:scale(.96); }
.launch-filters .tabs.seg { margin:0; }
.coin-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(200px, 1fr)); gap:14px; }
.coin-card {
  position:relative;
  display:flex;
  flex-direction:column;
  background:var(--card);
  border:1px solid var(--hair);
  border-radius:18px;
  padding:8px;
  overflow:hidden;
  animation:cardIn .5s var(--ease-out) both;
  animation-delay:calc(var(--i, 0) * 35ms);
  transition:border-color .2s, transform .3s var(--ease-out);
}
.coin-card:hover { border-color:var(--hair-hover); transform:translateY(-3px); }
@keyframes cardIn { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }
.coin-media { position:relative; aspect-ratio:1; border-radius:12px; overflow:hidden; background:rgba(255,255,255,.04); }
.coin-media > img { width:100%; height:100%; object-fit:cover; transition:transform .5s var(--ease-out); }
.coin-card:hover .coin-media > img { transform:scale(1.05); }
.coin-venue { position:absolute; top:8px; left:8px; width:26px; height:26px; border-radius:50%; overflow:hidden; background:rgba(10,10,10,.8); border:1px solid var(--hair-2); backdrop-filter:blur(8px); }
.coin-venue img { width:100%; height:100%; object-fit:cover; }
.coin-age { position:absolute; top:8px; right:8px; padding:2px 8px; border-radius:999px; background:rgba(10,10,10,.8); border:1px solid var(--hair-2); backdrop-filter:blur(8px); font:500 10.5px Inter, sans-serif; color:#bdbdbb; }
.coin-owner { position:absolute; left:8px; bottom:8px; max-width:calc(100% - 16px); display:flex; align-items:center; gap:6px; padding:3px 10px 3px 4px; border-radius:999px; background:rgba(10,10,10,.86); border:1px solid var(--hair-2); backdrop-filter:blur(8px); font-size:11px; font-weight:650; white-space:nowrap; overflow:hidden; }
.coin-owner img { width:20px; height:20px; border-radius:50%; object-fit:cover; }
.coin-owner .verified-badge { width:12px; height:12px; min-width:12px; }
.coin-dollar { width:20px; height:20px; display:grid; place-items:center; border-radius:50%; background:#f2f2ef; color:#0a0a0a; font-size:11px; font-weight:800; }
.coin-body { padding:11px 6px 4px; display:flex; flex-direction:column; gap:7px; }
.coin-title { display:flex; align-items:baseline; gap:6px; min-width:0; }
.coin-title b { font-size:13.5px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.coin-title small { font:10.5px "DM Mono", monospace; color:#6f6f6d; }
.coin-stats { display:flex; flex-wrap:wrap; gap:4px 12px; font-size:11px; color:#6f6f6d; }
.coin-stats b { font-size:15px; color:#f3f3f1; margin-right:2px; }
.coin-body .copy-chip { align-self:flex-start; font-size:10.5px; }
@media (max-width:1050px) {
  .launch-filters { flex-wrap:wrap; }
  .address-search { order:3; flex-basis:100%; }
}
@media (max-width:820px) {
  .search.explore-search { display:flex; width:100%; }
  .token-row { grid-template-columns:minmax(0, 1fr) auto; }
  .token-row .route { display:none; }
}

/* ─── Payments ─────────────────────────────────────────────── */
.payment-summary { background:linear-gradient(90deg, rgba(255,255,255,.012) 1px, transparent 1px), linear-gradient(rgba(255,255,255,.012) 1px, transparent 1px), var(--card); background-size:78px 78px; border-radius:22px; }
.payment-summary > div { border-right-color:var(--hair); }
.payment-summary strong { font-size:46px; letter-spacing:-.05em; }
.payment-summary b { font-size:28px; letter-spacing:-.04em; }
.payment-summary .roll-digit { height:1.15em; }
.receipt-list { gap:10px; }
.receipt-row {
  grid-template-columns:minmax(180px, 1fr) auto 150px;
  min-height:96px;
  padding:16px 18px 16px 20px;
  border-radius:18px;
  cursor:pointer;
  --badge-ring:var(--card);
}
.receipt-row:hover { border-color:var(--hair-hover); background:#1a1a1a; }
.receipt-row:hover { --badge-ring:#1a1a1a; }
.receipt-row:focus-visible { outline:2px solid #aaa; outline-offset:2px; }
.receipt-main > b { font-size:28px; letter-spacing:-.045em; }
.receipt-main span { display:flex; align-items:center; gap:5px; font-size:13px; color:#8a8a88; }
.receipt-main strong { color:#f3f3f1; font-weight:650; }
.receipt-main .verified-badge { width:14px; height:14px; min-width:14px; }
.receipt-route { display:flex; align-items:center; gap:12px; justify-content:center; grid-template-columns:none; }
.receipt-route .route-swap svg { width:17px; height:17px; }
.receipt-end { grid-template-columns:1fr auto 18px; gap:10px; }
.receipt-status { font-size:11.5px; font-weight:600; padding:6px 11px; }
.receipt-status.available { color:#5ee9a0; background:rgba(67,223,141,.1); }
.receipt-status.claimed { color:#bdbdbb; background:rgba(255,255,255,.07); }
.receipt-status.verifying { color:#ffc15c; background:rgba(255,183,68,.1); }
.receipt-chevron { width:18px; height:18px; fill:none; stroke:#6c6c6a; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; transition:transform .3s var(--ease-out), stroke .2s; }
.receipt-row:hover .receipt-chevron { stroke:#ccc; }
.receipt-row.open .receipt-chevron { transform:rotate(180deg); }
.receipt-details { grid-column:1 / -1; display:grid; grid-template-rows:0fr; transition:grid-template-rows .35s var(--ease-out); cursor:default; }
.receipt-details > div { overflow:hidden; display:flex; align-items:flex-end; justify-content:space-between; gap:20px; }
.receipt-row.open .receipt-details { grid-template-rows:1fr; }
.receipt-details dl { display:grid; grid-template-columns:repeat(4, auto); gap:6px 34px; margin:14px 0 2px; padding-top:14px; border-top:1px solid var(--hair); flex:1; }
.receipt-details dt { font:10px "DM Mono", monospace; letter-spacing:.1em; text-transform:uppercase; color:#6a6a68; }
.receipt-details dd { margin:3px 0 0; font-size:12.5px; color:#e6e6e4; }
.receipt-details dd a:hover { text-decoration:underline; text-underline-offset:3px; }
.receipt-open { padding:9px 15px; font-size:12px; margin-bottom:2px; }
.receipt-row.fresh { animation:receiptIn .7s var(--ease-out) both; }
@keyframes receiptIn { 0% { opacity:0; transform:translateY(-10px) scale(.98); background:#222; } 60% { opacity:1; } 100% { transform:none; } }
.paid-panel { background:var(--card); border-radius:22px; --badge-ring:var(--card); }
.paid-panel-head { border-bottom-color:var(--hair); }
.paid-channel { grid-template-columns:44px minmax(0, 1fr) auto 50px; gap:12px; padding:14px 8px; margin:0 -8px; border-radius:14px; border-bottom:1px solid var(--hair); transition:background-color .18s; }
.paid-channel:hover { background:rgba(255,255,255,.04); }
.paid-channel > div:nth-child(2) > b { font-size:14px; font-weight:650; }
.paid-channel small { font-size:11.5px; color:#7a7a78; }
.paid-earned > b { font-size:16px; }
.paid-coin { gap:3px; }
.paid-coin small { font:9.5px "DM Mono", monospace; color:#7a7a78; }
@media (max-width:820px) {
  .receipt-row { grid-template-columns:minmax(0, 1fr) auto; }
  .receipt-route { display:none; }
  .receipt-details dl { grid-template-columns:1fr 1fr; }
  .receipt-details > div { flex-direction:column; align-items:stretch; }
}
.roll span.roll-ch, .roll span.roll-ch span { font:inherit; color:inherit; letter-spacing:inherit; margin:0; padding:0; }
.receipt-row { row-gap:0; }

/* ─── Launch ─────────────────────────────────────────────── */
.launch-intro { background:var(--card); border-radius:22px; background-image:none; }
.launch-intro h1 { font-weight:600; letter-spacing:-.04em; }
.launch-workspace { background:var(--card); border:1px solid var(--hair); border-radius:26px; overflow:hidden; }
.launch-head h2 { font-weight:600; letter-spacing:-.035em; }
.mode-tabs.seg .mode-tab { padding:8px 16px; font-size:13.5px; }
.venue-switch { gap:8px; margin:24px 0 22px; }
.venue {
  min-width:0;
  grid-template-columns:30px auto;
  gap:9px;
  padding:6px 16px 6px 6px;
  background:transparent;
  border:1px solid var(--hair-2);
  color:#9a9a98;
  box-shadow:none;
}
.venue > i { display:none; }
.venue small { display:none; }
.venue b { font-size:14px; font-weight:600; }
.venue-logo { width:30px !important; height:30px !important; }
.venue:hover { background:rgba(255,255,255,.04); color:#eee; border-color:var(--hair-hover); transform:none; }
.venue.active { background:#262626; color:#fff; border-color:rgba(255,255,255,.55); box-shadow:0 0 0 3px rgba(255,255,255,.04); }
.page-launch .field { margin:18px 0; }
.page-launch .field > label, .page-launch .currency-field > label { color:#e2e2e0; font-size:13px; font-weight:500; margin:0 0 8px 2px; }
.page-launch .field input,
.page-launch .field textarea,
.page-launch .social-input,
.page-launch .readonly-link,
.page-launch .initial-buy label,
.page-launch .source-field .input-action {
  background:var(--field);
  border:1px solid var(--hair);
  border-radius:12px;
  box-shadow:none;
  transition:border-color .18s, box-shadow .2s, background-color .18s;
}
.page-launch .field input { min-height:48px; padding:0 15px; font-size:14px; }
.page-launch .field textarea { padding:14px 15px; font-size:14px; }
.page-launch input::placeholder, .page-launch textarea::placeholder { color:#6a6a68; }
.page-launch .field input:hover, .page-launch .field textarea:hover, .page-launch .social-input:hover,
.page-launch .readonly-link:hover, .page-launch .initial-buy label:hover, .page-launch .source-field .input-action:hover { border-color:var(--hair-2); }
.page-launch .field input:focus, .page-launch .field textarea:focus, .page-launch .social-input:focus-within,
.page-launch .readonly-link:focus-within, .page-launch .initial-buy label:focus-within, .page-launch .source-field .input-action:focus-within {
  background:var(--field-hover);
  border-color:rgba(255,255,255,.3);
  box-shadow:0 0 0 4px rgba(255,255,255,.045);
}
.page-launch .source-field .input-action { padding:4px; }
.page-launch .source-field .input-action input, .page-launch .source-field .input-action input:focus { min-height:40px; background:transparent; border:0; box-shadow:none; }
.page-launch .source-field .input-action button { height:40px; border-radius:9px; background:#f2f2ef; color:#0c0c0c; font-weight:650; transition:transform .14s var(--ease-out), background-color .18s; }
.page-launch .source-field .input-action button:hover:not(:disabled) { background:#fff; }
.page-launch .source-field .input-action button:active { transform:scale(.96); }
#sourceHelp { font-size:12px; color:#7d7d7b; min-height:22px; margin-top:8px; }
.field > small { color:#6d6d6b; }
.resolved-channel { background:var(--card-2); border-color:var(--hair-2); border-radius:14px; animation:cardIn .35s var(--ease-out); }
.launch-section-label { border-top-color:var(--hair); }
.page-launch .social-input { min-height:48px; grid-template-columns:24px 1fr; padding:0 12px; }
.page-launch .social-input input { height:46px; }
.social-input > span { display:grid; place-items:center; color:#8a8a88; transition:color .18s; }
.social-input .brand-icon { width:16px; height:16px; }
.social-x:focus-within > span { color:#fff; }
.social-tg:focus-within > span { color:#2aabee; }
.social-yt:focus-within > span { color:#ff0033; }
.readonly-link span { border-color:var(--hair-2); color:#8a8a88; font-family:Inter, sans-serif; font-weight:500; font-size:10.5px; }
.page-launch .launch-upload { min-height:72px; background:transparent; border:1px dashed rgba(255,255,255,.14); border-radius:14px; transition:border-color .18s, background-color .18s; }
.page-launch .launch-upload:hover { background:rgba(255,255,255,.025); border-color:rgba(255,255,255,.28); }
.upload-icon { background:var(--field); border:1px solid var(--hair); border-radius:11px; color:#a0a09e; transition:transform .3s var(--ease-spring), color .18s; }
.upload-icon svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.launch-upload:hover .upload-icon { transform:translateY(-2px) rotate(-4deg); color:#fff; }
.currency-options { gap:8px; }
.currency { background:transparent; border:1px solid var(--hair-2); border-radius:12px; padding:10px 12px; transition:background-color .18s, border-color .18s, color .18s, transform .14s var(--ease-out); }
.currency:hover { background:rgba(255,255,255,.04); border-color:var(--hair-hover); }
.currency.active { background:#f5f5f3; color:#0c0c0c; border-color:#f5f5f3; box-shadow:0 6px 22px rgba(255,255,255,.06); }
.currency.active small { color:#6a6a68; }
.page-launch .initial-buy { background:transparent; border:1px solid var(--hair); border-radius:14px; }
.fee-summary > div { background:var(--card-2); border-color:var(--hair); border-radius:12px; }
.fee-summary small { font-size:10px; color:#747472; }
.fee-summary b { font-size:12px; font-weight:600; }
.launch-submit { background:#f5f5f3; border-radius:12px; min-height:50px; font-size:14px; font-weight:650; transition:transform .14s var(--ease-out), background-color .18s, box-shadow .2s; }
.launch-submit:hover { background:#fff; box-shadow:0 10px 30px rgba(255,255,255,.08); }
.ghost-wide { background:transparent; border-color:var(--hair-2); border-radius:12px; transition:transform .14s var(--ease-out), background-color .18s, border-color .18s; }
.ghost-wide:hover { background:rgba(255,255,255,.05); border-color:var(--hair-hover); }
.handover-card { background:var(--card-2); border-color:var(--hair); border-radius:14px; }
.handover-card code, .walletless-step code { background:var(--field); border:1px solid var(--hair); border-radius:10px; font:12px "DM Mono", monospace; color:#d8d8d5; }
.walletless-step { border-bottom-color:var(--hair); }
.walletless-step > span { border-color:var(--hair-2); font-size:13px; font-weight:600; }
.launch-preview-side { background:#1d1d1d; border-left-color:var(--hair); }
.launch-receipt { background:#262626; border:1px solid var(--hair-2); border-radius:16px; box-shadow:0 18px 40px rgba(0,0,0,.35); animation:receiptFloat 5s ease-in-out infinite; }
@keyframes receiptFloat { 0%, 100% { transform:translateY(0); } 50% { transform:translateY(-3px); } }
.receipt-line { font-size:13px !important; margin:10px 0 2px !important; }
.receipt-line b:first-child { font-size:22px; letter-spacing:-.03em; margin-right:2px; }
.receipt-line span { color:#8a8a88; }
.previewcard { background:#232323; border-color:var(--hair-2); border-radius:18px; }
.previewimage { background:#1b1b1b; border:1px solid var(--hair); border-radius:14px; }
.previewrows { border-top-color:var(--hair-2); }
.previewrows > div { border-bottom-color:var(--hair); }
.reviewdialog, .walletdialog { background:#161616; border-color:var(--hair-2); border-radius:24px; animation:dialogIn .3s var(--ease-out); }
@keyframes dialogIn { from { opacity:0; transform:translateY(10px) scale(.98); } to { opacity:1; transform:none; } }
.provider { background:var(--card-2); border-color:var(--hair); border-radius:14px; }
.provider:hover { border-color:var(--hair-hover); background:#222; }
.dialogclose { background:transparent; border-color:var(--hair-2); transition:background-color .18s, color .18s, transform .3s var(--ease-out); }
.dialogclose:hover { background:rgba(255,255,255,.06); color:#fff; transform:rotate(90deg); }
textarea, select { font-family:inherit; }
.page-launch .field .launch-upload { display:flex; align-items:center; gap:14px; padding:14px 16px; }
.page-launch .field .launch-upload b { font-size:13.5px; font-weight:600; }

/* ─── Analytics, Capital, Docs ─────────────────────────────── */
.metric { border-radius:18px; transition:border-color .2s, transform .25s var(--ease-out); }
.metric:hover { border-color:var(--hair-hover); transform:translateY(-2px); }
.metric small { color:#7d7d7b; font-size:12.5px; }
.metric b { font-size:32px; letter-spacing:-.045em; }
.metric .roll-digit { height:1.15em; }
.chartcard { border-radius:20px; transition:border-color .2s; }
.chartcard:hover { border-color:var(--hair-hover); }
.chartcard h3 { font-weight:600; letter-spacing:-.02em; }
.chartcard .big { font-size:34px; letter-spacing:-.045em; }
.chartcard .bars { border-bottom-color:var(--hair-2); }
.chartcard .bars i { background:#4a4a48; border-radius:5px 5px 1px 1px; transform-origin:bottom; animation:barGrow .7s var(--ease-out) both; animation-delay:calc(var(--n, 0) * 28ms); transition:background-color .18s, height .3s var(--ease-out); }
.chartcard .bars i:hover { background:#8a8a88; }
.chartcard .bars i:last-child { background:#ff3b3b; box-shadow:0 0 18px rgba(255,59,59,.35); }
@keyframes barGrow { from { transform:scaleY(0); } to { transform:scaleY(1); } }
.page-capital .listrow { border-radius:18px; padding:18px 20px; }
.page-capital .listrow:hover { border-color:var(--hair-hover); background:#1a1a1a; }
.listrow h3 { font-size:26px; letter-spacing:-.04em; }
.status { font-size:11.5px; font-weight:600; padding:6px 11px; }
.status.ok { color:#5ee9a0; background:rgba(67,223,141,.1); }
.status.pending { color:#ffc15c; background:rgba(255,183,68,.1); position:relative; padding-left:22px; }
.status.pending:before { content:""; position:absolute; left:10px; top:50%; width:6px; height:6px; margin-top:-3px; border-radius:50%; background:currentColor; animation:livePulse 2s ease-in-out infinite; }
.flow-symbol { background:#0e0e0e; border-color:var(--hair-2); width:38px; height:38px; }
.demo { border-radius:999px; padding:4px 10px; }
.docs-aside a { transition:color .18s, transform .2s var(--ease-out); }
.docs-aside a:hover { transform:translateX(3px); }
.docs-badges span { background:transparent; border-color:var(--hair-2); }
.verification-demo button { background:transparent; border-color:var(--hair-2); border-radius:999px; padding:8px 14px; transition:background-color .18s, transform .14s var(--ease-out); }
.verification-demo button:hover { background:rgba(255,255,255,.06); }
.verification-demo button:active { transform:scale(.97); }
@media (prefers-reduced-motion:reduce) { .chartcard .bars i, .launch-receipt, .coin-card, .trend-rail { animation:none !important; } }
.mini-mark { flex:none; }
@media (max-width:820px) {
  .hero-composer { height:auto; flex-wrap:wrap; padding:8px; }
  .hero-composer input { min-height:46px; padding-left:8px; }
  .hero-composer button { width:100%; }
}

/* ─── Round 2: perfect circles, smaller badges, bolder type ─── */
.avatar { display:inline-block; position:relative; width:var(--av); height:var(--av); flex:none; line-height:0; }
.avatar > img {
  position:absolute !important;
  inset:0;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  margin:0 !important;
  border-radius:50% !important;
  object-fit:cover !important;
  aspect-ratio:1;
}
.avatar-square > img { border-radius:26% !important; }
.avatar-badge {
  width:calc(var(--av) * .34);
  height:calc(var(--av) * .34);
  min-width:12px;
  min-height:12px;
  right:-1px;
  bottom:-1px;
  box-shadow:0 0 0 1.5px var(--badge-ring, #171717);
}
.avatar-badge img { position:static !important; width:100% !important; height:100% !important; border-radius:0 !important; outline:0; }
.badge-yt { border-radius:28%; }
.badge-yt svg { width:70%; height:70%; }
.profiletop img, .rd-result img, .rd-card img, .coin-owner img, .token-owner img, .mosaic-owner img { aspect-ratio:1; object-fit:cover; border-radius:50%; flex:none; }

.edge-blur { backdrop-filter:blur(3.5px); -webkit-backdrop-filter:blur(3.5px); height:48px; }
.edge-blur.bottom { height:72px; }

.yp-mark { display:block; width:100%; height:100%; }
.coin-dollar { background:none; padding:0; overflow:hidden; }
.owner-mark { width:18px; height:18px; flex:none; border-radius:50%; overflow:hidden; box-shadow:0 0 0 1px rgba(255,255,255,.12); }

/* Names and amounts read heavier and more confident. */
.preview-payment strong, .receipt-main strong, .rd-result b, .rd-card b, .token-owner span, .coin-owner,
.mosaic-owner b, .profile strong, .paid-channel > div:nth-child(2) > b, .trend-name b, .coin-title b, .tk-name b,
.token-card h3, .mosaic-card > strong { font-weight:700; }
.coin-owner { font-size:11.5px; letter-spacing:-.01em; gap:5px; }
.coin-title b { font-size:14px; letter-spacing:-.015em; }
.money-figure, .receipt-main > b, .preview-payment > div:first-child > b, .coin-stats b, .cardstats span, .row-figures b,
.tk-figure b, .tk-pending-value, .payment-summary strong, .payment-summary b, .metric b, .mini-value, .rd-amount, .profilemoney, .listrow h3 { font-weight:650; }
.sidenav a.active { font-weight:700; }
.topline h1, .sectiontitle h2, .launch-head h2, .homehero h1 { font-weight:650; }

/* ─── Capital Flow ─────────────────────────────────────────── */
.sym { --sym:40px; display:inline-grid; place-items:center; width:var(--sym); height:var(--sym); flex:none; border-radius:50%; overflow:hidden; box-shadow:0 0 0 1px rgba(255,255,255,.1); background:#0b0b0b; }
.sym > svg, .sym > img { width:100%; height:100%; display:block; object-fit:cover; }
.flow-card { position:relative; margin:4px 0 22px; padding:18px 12px 8px; background:var(--card); border:1px solid var(--hair); border-radius:24px; box-shadow:inset 0 1px 0 rgba(255,255,255,.035); overflow:hidden; }
.flow-svg { width:100%; height:auto; display:block; }
.flow-lines path { stroke:rgba(255,255,255,.2); stroke-width:1.6; stroke-dasharray:5 7; animation:flowDash 1.4s linear infinite; }
.flow-lines path.soon { stroke:rgba(255,255,255,.1); animation:none; }
@keyframes flowDash { to { stroke-dashoffset:-24; } }
.flow-dots circle { fill:#f4f4f2; filter:drop-shadow(0 0 6px rgba(255,255,255,.7)); }
.flow-dots circle.hot { fill:#43df8d; filter:drop-shadow(0 0 6px rgba(67,223,141,.8)); }
.flow-dots circle.dim { fill:#8a8a88; }
.flow-pct { fill:#bdbdbb; font:600 13px Inter, sans-serif; }
.flow-soon { fill:#6a6a68; font:500 11px Inter, sans-serif; }
.flow-nodes { position:absolute; inset:18px 12px 8px; pointer-events:none; }
.flow-node { position:absolute; left:var(--x); top:var(--y); transform:translate(-50%, -28px); display:flex; flex-direction:column; align-items:center; text-align:center; width:150px; pointer-events:auto; }
.flow-node .sym { transition:transform .35s var(--ease-spring); }
.flow-node:hover .sym { transform:scale(1.08); }
.flow-node b { margin-top:10px; font-size:13px; font-weight:700; letter-spacing:-.01em; }
.flow-node small { color:#7a7a78; font-size:11.5px; }
.flow-node.soon { opacity:.5; }
.flow-icons { display:flex; }
.flow-icons .sym + .sym { margin-left:-12px; box-shadow:0 0 0 3px var(--card); }
.flow-icons .sym { width:44px; height:44px; margin:6px 0; }
.section-tight { margin-top:0; }
.title-with-tabs { display:flex; align-items:center; gap:14px; }
.title-with-tabs .tabs.seg { margin:0; }
.title-with-tabs .tabs.seg .tab { padding:6px 12px; font-size:12px; }
.page-capital .twocol .listrow.flow-row { grid-template-columns:minmax(0, 1fr) auto auto; row-gap:0; cursor:pointer; min-height:0; }
.flow-row h3 { font-size:26px; }
.flow-row p { color:#8a8a88; font-size:13px; }
.flow-row p b { color:#f3f3f1; font-weight:700; }
.flow-row .asset-route { width:auto !important; gap:10px; }
.flow-arrow { display:grid; place-items:center; color:#5c5c5a; }
.flow-arrow svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.flow-end { display:flex; align-items:center; gap:10px; justify-content:flex-end; }
.flow-end time { font:11px Inter, sans-serif; color:#6f6f6d; min-width:22px; text-align:right; }
.page-capital .status { width:auto !important; }
.status.soon { color:#9a9a98; background:rgba(255,255,255,.06); }
.flow-row.open .receipt-chevron { transform:rotate(180deg); }
.flow-row.open .receipt-details { grid-template-rows:1fr; }
.flow-row .receipt-details dl { grid-template-columns:repeat(3, auto); }
.flow-row .avatar { --badge-ring:var(--card); }
.explain-grid { display:grid; grid-template-columns:repeat(4, 1fr); gap:14px; }
.explain-card { background:var(--card); border:1px solid var(--hair); border-radius:20px; padding:20px; transition:border-color .2s, transform .25s var(--ease-out); }
.explain-card:hover { border-color:var(--hair-hover); transform:translateY(-2px); }
.explain-card.wide { grid-column:1 / -1; }
.explain-head { display:flex; align-items:center; gap:10px; }
.explain-head b { font-size:15px; font-weight:700; letter-spacing:-.015em; }
.explain-card p { margin:10px 0 0; color:#8f8f8d; font-size:13px; line-height:1.65; }
@media (max-width:1180px) { .explain-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:820px) {
  .flow-card { overflow-x:auto; }
  .flow-svg, .flow-nodes { min-width:760px; }
  .flow-nodes { width:760px; }
  .explain-grid { grid-template-columns:1fr; }
  .page-capital .twocol .listrow.flow-row { grid-template-columns:minmax(0, 1fr) auto; }
  .flow-row .asset-route { display:none; }
}
.page-capital #incoming .listrow.flow-row { grid-template-columns:auto minmax(0, 1fr) auto; column-gap:14px; }
#incoming .asset-route { order:-1; }
#incoming .asset-route .flow-arrow, #incoming .asset-route .sym:last-child { display:none; }
#incoming .flow-row h3 { font-size:22px; }
.mosaic-owner .owner-mark { width:14px; height:14px; }
.mosaic-owner .verified-badge { width:10px; height:10px; min-width:10px; }
.token-owner .owner-mark { width:20px; height:20px; }

/* ─── Creator profile ─────────────────────────────────────── */
.profile-page { max-width:760px; padding-top:30px; }
.pf-card { background:var(--card); border:1px solid var(--hair); border-radius:24px; overflow:hidden; box-shadow:inset 0 1px 0 rgba(255,255,255,.035); --badge-ring:var(--card); }
.pf-banner { height:200px; background:#202020; overflow:hidden; }
.pf-banner img { width:100%; height:100%; object-fit:cover; display:block; animation:bannerIn 1.2s var(--ease-out) both; }
.pf-banner-fallback { filter:blur(40px) saturate(1.3); transform:scale(1.4); opacity:.7; }
@keyframes bannerIn { from { transform:scale(1.06); opacity:.4; } to { transform:none; opacity:1; } }
.pf-banner-fallback { animation:none; }
.pf-top { display:flex; justify-content:space-between; align-items:flex-start; padding:0 22px; }
.pf-avatar { width:124px; height:124px; margin-top:-62px; border-radius:50%; padding:4px; background:var(--card); position:relative; }
.pf-avatar img { width:100%; height:100%; border-radius:50%; object-fit:cover; display:block; outline:1px solid rgba(255,255,255,.12); outline-offset:-1px; }
.pf-yt { display:inline-flex; align-items:center; gap:8px; margin-top:14px; padding:9px 16px; border-radius:999px; border:1px solid var(--hair-2); font-size:13.5px; font-weight:650; transition:background-color .18s, border-color .18s, transform .14s var(--ease-out); }
.pf-yt:hover { background:rgba(255,255,255,.06); border-color:var(--hair-hover); }
.pf-yt:active { transform:scale(.97); }
.pf-yt .brand-icon { width:17px; height:17px; color:#ff0033; }
.pf-body { padding:10px 22px 18px; }
.pf-name { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:0; font-size:26px; font-weight:750; letter-spacing:-.035em; }
.pf-name .verified-badge { width:20px; height:20px; min-width:20px; color:#bdbdbb; }
.pf-badge { display:inline-flex; align-items:center; gap:6px; padding:3px 9px 3px 4px; border-radius:7px; background:rgba(255,255,255,.07); color:#a5a5a3; font-size:12px; font-weight:600; letter-spacing:0; }
.pf-badge .owner-mark { width:16px; height:16px; }
.pf-unclaimed { padding:3px 9px; border-radius:7px; background:rgba(255,183,68,.1); color:#ffc15c; font-size:12px; font-weight:600; letter-spacing:0; }
.pf-handle { display:flex; align-items:center; gap:8px; color:#7d7d7b; font-size:14px; margin-top:2px; }
.pf-handle .copy-chip { font-size:11px; }
.pf-bio { margin:14px 0 0; color:#dcdcda; font-size:14.5px; line-height:1.55; max-width:620px; }
.pf-stats { display:flex; flex-wrap:wrap; gap:8px 22px; margin-top:14px; color:#7d7d7b; font-size:14px; }
.pf-stats b { color:#f5f5f3; font-size:20px; margin-right:4px; }
.pf-claim { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:18px; padding:16px 18px; border-radius:16px; background:radial-gradient(circle at 90% 20%, rgba(255,59,59,.14), transparent 45%), var(--card-2); border:1px solid var(--hair-2); }
.pf-claim b { display:block; font-size:15px; font-weight:700; }
.pf-claim small { color:#8a8a88; font-size:12.5px; }
.pf-claim .primarybtn { white-space:nowrap; }
.pf-tabs { display:flex; border-bottom:1px solid var(--hair); }
.pf-tab { flex:1; position:relative; display:flex; align-items:center; justify-content:center; gap:6px; padding:15px; border:0; background:none; color:#7d7d7b; font-size:15px; font-weight:600; cursor:pointer; transition:color .18s, background-color .18s; }
.pf-tab:hover { color:#fff; background:rgba(255,255,255,.025); }
.pf-tab.active { color:#fff; }
.pf-tab.active:after { content:""; position:absolute; left:50%; bottom:-1px; width:52px; height:3px; margin-left:-26px; border-radius:3px; background:#f5f5f3; animation:tabLine .35s var(--ease-out); }
.pf-tab .owner-mark { width:16px; height:16px; }
@keyframes tabLine { from { width:0; margin-left:0; } }
.pf-panel { padding:16px 16px 18px; }
.pf-sort.seg { margin:0 0 14px 4px; }
.pf-sort.seg .tab { padding:6px 13px; font-size:13px; }
.pf-list { display:flex; flex-direction:column; gap:10px; }
.pf-row { display:flex; align-items:center; gap:14px; padding:12px 16px 12px 12px; border-radius:16px; background:var(--card-2); border:1px solid var(--hair); --badge-ring:var(--card-2); animation:cardIn .45s var(--ease-out) both; animation-delay:calc(var(--i, 0) * 40ms); transition:border-color .2s, background-color .2s, transform .25s var(--ease-out); }
.pf-row:hover { border-color:var(--hair-hover); background:#212121; transform:translateX(2px); }
.pf-row-id { flex:1; min-width:0; display:flex; flex-direction:column; gap:3px; }
.pf-row-id > div { display:flex; align-items:baseline; gap:7px; min-width:0; }
.pf-row-id b { font-size:15px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pf-row-id small { font:10.5px "DM Mono", monospace; color:#6f6f6d; }
.pf-row-id .copy-chip { font-size:10.5px; align-self:flex-start; }
.pf-row-fig { display:flex; gap:16px; align-items:baseline; color:#6f6f6d; font-size:11.5px; white-space:nowrap; }
.pf-row-fig b { color:#f5f5f3; font-size:17px; margin-right:2px; }
.pf-pay { cursor:default; background:var(--card-2); --badge-ring:var(--card-2); grid-template-columns:minmax(0, 1fr) auto 118px; }
.pf-pay .receipt-main > b { font-size:24px; }
.pf-pay .route-swap .owner-mark { width:18px; height:18px; }
.pf-note { text-align:center; }
@media (max-width:820px) {
  .pf-banner { height:130px; }
  .pf-avatar { width:96px; height:96px; margin-top:-48px; }
  .pf-claim { flex-direction:column; align-items:stretch; }
  .pf-row-fig { flex-direction:column; gap:0; align-items:flex-end; }
  .pf-pay .receipt-route { display:none; }
}

/* ─── Claim flow ─────────────────────────────────────────── */
.claim-page { max-width:760px; padding-top:40px; }
.claim-head { text-align:center; margin-bottom:26px; }
.claim-head h1 { font-size:40px; font-weight:700; letter-spacing:-.045em; margin:10px 0 8px; }
.claim-head p { color:#8f8f8d; max-width:560px; margin:0 auto; font-size:15px; line-height:1.6; }
.stepper { display:flex; gap:8px; list-style:none; padding:0; margin:0 0 18px; counter-reset:step; }
.stepper li { flex:1; display:flex; align-items:center; gap:8px; padding:10px 12px; border-radius:12px; background:rgba(255,255,255,.03); border:1px solid var(--hair); color:#6f6f6d; font-size:13px; font-weight:600; transition:color .2s, border-color .2s, background-color .2s; }
.stepper li:before { counter-increment:step; content:counter(step); width:22px; height:22px; display:grid; place-items:center; border-radius:50%; border:1px solid var(--hair-2); font-size:11px; flex:none; transition:background-color .2s, color .2s; }
.stepper li.active { color:#fff; border-color:var(--hair-hover); background:rgba(255,255,255,.05); }
.stepper li.active:before { background:#f5f5f3; color:#0a0a0a; border-color:#f5f5f3; }
.stepper li.done { color:#bdbdbb; }
.stepper li.done:before { content:"✓"; background:rgba(67,223,141,.15); color:#43df8d; border-color:transparent; }
.cl-card { background:var(--card); border:1px solid var(--hair); border-radius:24px; padding:26px; box-shadow:inset 0 1px 0 rgba(255,255,255,.035); animation:cardIn .35s var(--ease-out); --badge-ring:var(--card); }
.cl-card h2 { margin:0 0 18px; font-size:22px; font-weight:700; letter-spacing:-.03em; }
.cl-search { width:100%; height:50px; }
.cl-results { display:flex; flex-direction:column; gap:2px; margin-top:8px; }
.cl-results .rd-result { border:0; background:transparent; color:inherit; text-align:left; cursor:pointer; width:100%; }
.cl-results .rd-result:hover { background:rgba(255,255,255,.06); }
.cl-results .rd-result em { margin-left:auto; font-style:normal; font-size:14px; color:#f3f3f1; }
.cl-channel { display:flex; align-items:center; gap:14px; margin-top:12px; padding:16px; border-radius:18px; background:var(--card-2); border:1px solid var(--hair-2); --badge-ring:var(--card-2); animation:cardIn .3s var(--ease-out); }
.cl-channel b { display:flex; align-items:center; gap:6px; font-size:17px; font-weight:700; }
.cl-channel small { color:#7d7d7b; font-size:13px; }
.cl-bal { margin-left:auto; text-align:right; }
.cl-bal b { font-size:24px; justify-content:flex-end; }
.cl-actions { display:flex; gap:10px; margin-top:20px; }
.cl-actions > * { flex:1; text-align:center; display:flex; align-items:center; justify-content:center; }
.cl-actions .launch-submit:disabled, .cl-card .launch-submit:disabled { opacity:.35; cursor:not-allowed; box-shadow:none; }
.verify-grid { display:grid; grid-template-columns:1.25fr 1fr; gap:12px; }
.verify-opt { position:relative; display:flex; flex-direction:column; gap:10px; padding:20px; border-radius:18px; background:var(--card-2); border:1px solid var(--hair); }
.verify-opt.primary { border-color:rgba(255,255,255,.28); box-shadow:0 0 0 4px rgba(255,255,255,.03); }
.verify-opt > b { font-size:16px; font-weight:700; }
.verify-opt p { margin:0; color:#8f8f8d; font-size:13px; line-height:1.55; }
.verify-tag { align-self:flex-start; padding:3px 9px; border-radius:999px; background:#f5f5f3; color:#0a0a0a; font-size:11px; font-weight:700; }
.verify-tag.ghost { background:rgba(255,255,255,.08); color:#cfcfcd; }
.code-box { display:flex; align-items:center; justify-content:space-between; padding:14px 16px; border-radius:14px; background:#0e0e0e; border:1px dashed rgba(255,255,255,.2); }
.code-box code { font:500 24px "DM Mono", monospace; letter-spacing:.08em; color:#fff; }
.code-box .copy-chip { font-family:Inter, sans-serif; font-size:12.5px; font-weight:600; color:#cfcfcd; }
.cl-link { font-size:12.5px; color:#9a9a98; align-self:flex-start; }
.cl-link:hover { color:#fff; }
.cl-status { color:#7a7a78; font-size:12px; min-height:18px; }
.cl-status .ok { color:#43df8d; }
.google-btn { display:flex; align-items:center; justify-content:center; gap:10px; min-height:50px; margin-top:auto; border-radius:12px; border:1px solid var(--hair-2); background:#f5f5f3; color:#1f1f1f; font-size:14px; font-weight:650; cursor:pointer; transition:transform .14s var(--ease-out), box-shadow .2s; }
.google-btn:hover { box-shadow:0 8px 24px rgba(255,255,255,.08); }
.google-btn:active { transform:scale(.97); }
.google-btn:disabled { opacity:.6; cursor:progress; }
.google-btn svg { width:20px; height:20px; }
.verify-opt .launch-submit { margin-top:auto; }
.cl-card .tabs.seg { margin:0 0 18px; }
.soon-pill { display:inline-block; margin-left:4px; padding:1px 7px; border-radius:999px; background:rgba(255,183,68,.12); color:#ffc15c; font-size:10.5px; font-style:normal; font-weight:700; }
.asset-pick { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.asset-pick .currency { display:flex; align-items:center; gap:11px; }
.asset-pick .currency > span:last-child { display:flex; flex-direction:column; }
.wallet-input { padding:4px; background:var(--field); border:1px solid var(--hair); border-radius:12px; }
.wallet-input:focus-within { border-color:rgba(255,255,255,.3); box-shadow:0 0 0 4px rgba(255,255,255,.045); }
.wallet-input input { flex:1; min-height:42px !important; background:transparent !important; border:0 !important; box-shadow:none !important; font:13px "DM Mono", monospace; padding:0 10px !important; color:#f0f0ee; }
.wallet-input button { border:0 !important; background:#f2f2ef !important; color:#0c0c0c !important; border-radius:9px !important; font-weight:650; padding:0 16px; }
#addressHelp.bad { color:#e39494; }
#addressHelp.good { color:#43df8d; }
.soon-card { padding:18px; border-radius:18px; background:var(--card-2); border:1px solid var(--hair); }
.soon-head { display:flex; align-items:center; gap:10px; }
.soon-head b { font-size:15px; font-weight:700; }
.soon-card p { color:#8f8f8d; font-size:13px; line-height:1.55; margin:10px 0 4px; }
.soon-card input:disabled { opacity:.55; }
.soon-card .launch-submit:disabled { opacity:.35; }
.sym-row { display:flex; }
.review-list { margin:0; }
.review-list > div { display:flex; justify-content:space-between; gap:14px; padding:13px 0; border-top:1px solid var(--hair); font-size:14px; }
.review-list dt { color:#7d7d7b; }
.review-list dd { margin:0; font-weight:600; text-align:right; }
.review-list dd b { font-size:20px; }
.cl-done { text-align:center; }
.done-mark { width:64px; height:64px; margin:4px auto 16px; display:grid; place-items:center; border-radius:50%; background:rgba(67,223,141,.12); animation:donePop .6s var(--ease-spring); }
.done-mark svg { width:30px; height:30px; fill:none; stroke:#43df8d; stroke-width:2.6; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:30; stroke-dashoffset:30; animation:checkDraw .5s .25s var(--ease-out) forwards; }
@keyframes donePop { from { transform:scale(.4); opacity:0; } to { transform:none; opacity:1; } }
@keyframes checkDraw { to { stroke-dashoffset:0; } }
.cl-done h2 { font-size:28px; margin-bottom:6px; }
.cl-done p { color:#8f8f8d; margin:0 0 18px; }
.done-receipt { display:flex; align-items:center; gap:12px; text-align:left; padding:14px 16px; border-radius:16px; background:var(--card-2); border:1px solid var(--hair); --badge-ring:var(--card-2); }
.done-receipt b { display:block; font-size:16px; font-weight:700; }
.done-receipt small { color:#7d7d7b; font-size:12px; }
.done-receipt .copy-chip { margin-left:auto; }
@media (max-width:820px) {
  .verify-grid, .asset-pick { grid-template-columns:1fr; }
  .stepper li { font-size:0; justify-content:center; }
  .claim-head h1 { font-size:30px; }
}

/* Token page, round 2 */
.tk-profile-link:hover b { text-decoration:underline; text-underline-offset:3px; }
.tk-pending { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.tk-pending-label .owner-mark { width:18px; height:18px; }
.tk-pending-label a { color:#9a9a98; font-weight:400; }
.tk-pending-label a:hover { color:#fff; }
.tk-contrib { color:#7a7a78; font-size:13px; }
.tk-contrib b { color:#f3f3f1; font-size:15px; }
.tk-contrib span { color:#6a6a68; font-weight:600; }
.tk-state { display:inline-block; margin-top:10px; padding:6px 12px; border-radius:999px; border:1px solid var(--hair-2); font-size:13px; font-weight:650; }
.tk-next { width:330px; flex:none; padding:14px 16px; border-radius:16px; background:#222; border:1px solid var(--hair-2); box-shadow:0 18px 40px rgba(0,0,0,.35); animation:receiptFloat 5s ease-in-out infinite; --badge-ring:#222; }
.tk-next-top { display:flex; align-items:center; justify-content:space-between; }
.tk-next-top b { font-size:26px; }
.tk-next-avs { display:flex; align-items:center; }
.tk-next-avs .owner-mark { width:22px; height:22px; margin-right:-6px; z-index:1; box-shadow:0 0 0 2px #222; }
.tk-next-for { display:flex; align-items:center; gap:5px; color:#8a8a88; font-size:13px; }
.tk-next-for b { color:#f3f3f1; font-weight:700; }
.tk-next-for .verified-badge { width:13px; height:13px; min-width:13px; }
.tk-next-foot { display:flex; justify-content:space-between; margin-top:2px; color:#6f6f6d; font-size:12px; }
.tk-next-foot a { color:#ffc15c; font-weight:650; }
.tk-tabs { display:flex; gap:8px; margin-bottom:14px; }
.tk-tab { display:inline-flex; align-items:center; gap:7px; padding:9px 15px; border-radius:999px; border:1px solid var(--hair-2); background:transparent; color:#8a8a88; font-size:13.5px; font-weight:650; cursor:pointer; transition:background-color .18s, color .18s, border-color .18s, transform .14s var(--ease-out); }
.tk-tab:hover { color:#fff; }
.tk-tab:active { transform:scale(.97); }
.tk-tab.active { background:rgba(255,255,255,.08); color:#fff; border-color:var(--hair-hover); }
.tk-tab .owner-mark { width:17px; height:17px; }
.tk-tab svg { width:15px; height:15px; fill:none; stroke:#43df8d; stroke-width:2; stroke-linecap:round; }
.tk-tab em { font-style:normal; color:#7a7a78; font-weight:600; }
.receipt-route .route-swap .owner-mark { width:20px; height:20px; }
@media (max-width:820px) { .tk-pending { flex-direction:column; align-items:stretch; } .tk-next { width:auto; } }

/* ─── Logo studio ─────────────────────────────────────────── */
.logo-page { max-width:1240px; }
.logo-grid { display:grid; grid-template-columns:repeat(2, 1fr); gap:16px; }
.lg-card { background:var(--card); border:1px solid var(--hair); border-radius:24px; overflow:hidden; transition:border-color .2s, box-shadow .2s; }
.lg-card:hover { border-color:var(--hair-hover); }
.lg-card.previewing { border-color:rgba(255,59,59,.6); box-shadow:0 0 0 4px rgba(255,59,59,.08); }
.lg-stage { display:grid; grid-template-columns:1.6fr 1fr; height:230px; }
.lg-dark { display:flex; align-items:center; justify-content:center; gap:18px; background:radial-gradient(circle at 30% 20%, #1b1b1b, #0a0a0a 70%); }
.lg-dark svg { filter:drop-shadow(0 18px 30px rgba(0,0,0,.6)); transition:transform .5s var(--ease-spring); }
.lg-card:hover .lg-dark svg { transform:rotate(-4deg) scale(1.04); }
.lg-word { font-size:30px; font-weight:800; letter-spacing:-.05em; }
.lg-word i { font-style:normal; color:#f4f4f2; }
.lg-word b { color:#ff3b3b; }
.lg-light { display:grid; place-items:center; background:#ececea; }
.lg-light svg { filter:drop-shadow(0 10px 20px rgba(0,0,0,.18)); }
.lg-info { display:flex; flex-direction:column; gap:14px; padding:18px 20px 20px; }
.lg-info b { font-size:17px; font-weight:700; letter-spacing:-.02em; }
.lg-info p { margin:4px 0 0; color:#8f8f8d; font-size:13px; line-height:1.55; }
.lg-sizes { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.lg-sizes > span:not(.lg-pill) { display:grid; place-items:center; }
.lg-pill { display:inline-flex; align-items:center; gap:6px; margin-left:auto; padding:4px 11px 4px 4px; border-radius:999px; background:rgba(10,10,10,.9); border:1px solid var(--hair-2); font-size:12px; font-weight:700; }
.lg-pill img { width:20px; height:20px; border-radius:50%; object-fit:cover; }
.lg-pill .verified-badge { width:12px; height:12px; min-width:12px; }
.lg-round { display:inline-grid; border-radius:50%; overflow:hidden; }
.lg-try { align-self:flex-start; padding:9px 16px; font-size:13px; cursor:pointer; }
@media (max-width:1050px) { .logo-grid { grid-template-columns:1fr; } }
.lg-round { display:inline-block; flex:none; line-height:0; }
.lg-round svg { width:100%; height:100%; transform:scale(1.22); }
.doc-inline{color:#fff;text-decoration:underline;text-underline-offset:3px}
.cl-actions a, .cl-actions button { font-size:14px; font-weight:650; min-height:50px; }
[hidden] { display:none !important; }

/* Home Explore panel: staggered field of full token cards */
.tile-field {
  --col:188px;           /* card 176 + gap 12 */
  --row:262px;           /* card height + gap */
  --tile-w:calc(var(--col) * 6);
  --tile-h:calc(var(--row) * 4);
  position:absolute;
  top:0;
  left:0;
  display:grid;
  grid-template-columns:repeat(18, 176px);
  grid-auto-rows:250px;
  gap:12px;
  transform:translate3d(calc(var(--tile-w) * -1), calc(var(--row) * -.5), 0);
  will-change:transform;
}
.explore-feature.motion-active .tile-field { animation:tilePan 108s linear infinite; }
@keyframes tilePan {
  from { transform:translate3d(calc(var(--tile-w) * -1), calc(var(--row) * -.5), 0); }
  to { transform:translate3d(0, calc(var(--tile-h) * -1 - var(--row) * .5), 0); }
}
.tile-field > .token-card.stag { transform:translateY(calc(var(--row) * .5)); }
.token-card.tc-mini { width:176px; height:250px; padding:7px 7px 10px; border-radius:16px; pointer-events:none; }
.tc-mini .token-image { height:162px; border-radius:11px; }
.tc-mini .token-owner { left:13px; top:142px; padding:3px 8px 3px 3px; gap:4px; max-width:152px; }
.tc-mini .token-owner img { width:18px; height:18px; }
.tc-mini .token-owner .owner-mark { width:16px; height:16px; }
.tc-mini .token-owner span:not(.owner-mark) { font-size:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tc-mini .token-owner .verified-badge { width:11px; height:11px; min-width:11px; }
.tc-mini h3 { font-size:13px; margin:10px 3px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tc-mini > small { font-size:9.5px; margin-left:3px; }
.tc-mini .cardstats { margin:6px 3px 0; font-size:12px; gap:9px; }
.tc-mini .cardstats span small { font-size:9.5px; }
.tc-mini .token-type { font-size:9.5px; padding:2px 7px; }
.explore-feature .mosaic-frame {
  -webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 12%, #000 72%, transparent 94%), linear-gradient(to right, transparent 0, #000 7%, #000 93%, transparent 100%);
  mask-image:linear-gradient(to bottom, transparent 0, #000 12%, #000 72%, transparent 94%), linear-gradient(to right, transparent 0, #000 7%, #000 93%, transparent 100%);
}
@media (prefers-reduced-motion:reduce) { .tile-field { animation:none !important; } }

/* Creator-fee live chart */
.fee-chart { position:absolute; left:0; right:0; bottom:56px; height:128px; -webkit-mask-image:linear-gradient(to right, transparent 0, #000 18%, #000 100%); mask-image:linear-gradient(to right, transparent 0, #000 18%, #000 100%); }
.fee-svg { position:absolute; inset:0; width:calc(100% - 26px); height:100%; overflow:visible; }
.fee-grid line { stroke:rgba(255,255,255,.05); stroke-width:1; stroke-dasharray:2 6; vector-effect:non-scaling-stroke; }
.fee-line { fill:none; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; vector-effect:non-scaling-stroke; filter:drop-shadow(0 0 6px rgba(255,59,59,.35)); }
.fee-dot { position:absolute; right:26px; width:10px; height:10px; margin:-5px -5px 0 0; border-radius:50%; background:#ff3b3b; box-shadow:0 0 0 3px rgba(255,59,59,.22), 0 0 16px rgba(255,59,59,.8); transition:top .9s cubic-bezier(.22,1,.36,1); }
.fee-dot:after { content:""; position:absolute; inset:-6px; border-radius:50%; border:1.5px solid rgba(255,59,59,.55); animation:ringOut 1.8s ease-out infinite; }
@keyframes ringOut { from { transform:scale(.5); opacity:1; } to { transform:scale(2.2); opacity:0; } }
.fee-tag { position:absolute; right:36px; top:6px; padding:3px 8px; border-radius:999px; background:rgba(67,223,141,.12); color:#5ee9a0; font:600 11px Inter, sans-serif; font-variant-numeric:tabular-nums; opacity:0; }
.fee-tag.pop { animation:tagUp 2.2s var(--ease-out) both; }
@keyframes tagUp { 0% { opacity:0; transform:translateY(8px); } 15%, 60% { opacity:1; transform:none; } 100% { opacity:0; transform:translateY(-6px); } }
@media (prefers-reduced-motion:reduce) { .fee-dot:after, .fee-tag.pop { animation:none !important; } }
.asset-pick { grid-template-columns:repeat(3, 1fr); margin-bottom:6px; }
.asset-note { margin:-6px 0 0 2px; color:#7a7a78; font-size:12.5px; }
@media (max-width:820px) { .asset-pick { grid-template-columns:1fr; } }

/* ─── Brand studio ───────────────────────────────────────── */
.brand-grid { display:grid; grid-template-columns:repeat(2, 1fr); gap:16px; }
.br-card { background:var(--card); border:1px solid var(--hair); border-radius:24px; overflow:hidden; transition:border-color .2s, box-shadow .25s; }
.br-card:hover { border-color:var(--hair-hover); }
.br-card.previewing { border-color:var(--ink); box-shadow:0 0 0 4px color-mix(in srgb, var(--ink) 18%, transparent); }
.br-stage { display:grid; grid-template-columns:1fr 1fr; min-height:220px; background:radial-gradient(circle at 20% 30%, color-mix(in srgb, var(--bg) 22%, transparent), transparent 60%), #0c0c0c; }
.br-lockup { display:flex; align-items:center; justify-content:center; gap:14px; padding:24px; }
.br-lockup .br-icon { filter:drop-shadow(0 16px 30px color-mix(in srgb, var(--bg) 35%, transparent)); transition:transform .5s var(--ease-spring); }
.br-card:hover .br-lockup .br-icon { transform:rotate(-5deg) scale(1.05); }
.br-word { font-size:31px; font-weight:800; letter-spacing:-.055em; color:#f5f5f3; }
.br-phone { display:flex; flex-direction:column; justify-content:center; gap:12px; padding:22px 22px 22px 0; }
.br-notif { display:flex; gap:10px; padding:11px 12px; border-radius:18px; background:rgba(40,40,40,.85); border:1px solid var(--hair-2); backdrop-filter:blur(12px); box-shadow:0 14px 30px rgba(0,0,0,.4); animation:notifDrop 3.2s var(--ease-out) infinite; }
.br-notif > svg { flex:none; border-radius:9px; }
.br-notif > div { min-width:0; flex:1; }
.br-notif-top { display:flex; justify-content:space-between; font-size:12px; }
.br-notif-top b { font-weight:700; }
.br-notif-top span { color:#7d7d7b; }
.br-notif p { margin:1px 0 0; font-size:12.5px; color:#e6e6e4; }
.br-notif p b { font-weight:700; color:#fff; }
.br-notif small { color:#8a8a88; font-size:11px; }
@keyframes notifDrop { 0% { opacity:0; transform:translateY(-10px) scale(.97); } 12%, 82% { opacity:1; transform:none; } 100% { opacity:0; transform:translateY(-4px); } }
.br-pill { display:inline-flex; align-self:flex-start; align-items:center; gap:6px; padding:4px 11px 4px 4px; border-radius:999px; background:rgba(10,10,10,.9); border:1px solid var(--hair-2); font-size:12px; font-weight:700; }
.br-pill img { width:20px; height:20px; border-radius:50%; object-fit:cover; }
.br-pill .verified-badge { width:12px; height:12px; min-width:12px; }
.br-pill em { font-style:normal; color:var(--ink); margin-left:4px; font-variant-numeric:tabular-nums; }
.br-dot { display:grid; line-height:0; }
.br-info { padding:18px 20px 20px; display:flex; flex-direction:column; gap:10px; }
.br-title { display:flex; align-items:baseline; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.br-title b { font-size:19px; font-weight:750; letter-spacing:-.025em; }
.br-domain { font:12px "DM Mono", monospace; color:var(--ink); padding:3px 9px; border-radius:999px; background:color-mix(in srgb, var(--ink) 12%, transparent); }
.br-info p { margin:0; color:#8f8f8d; font-size:13px; line-height:1.55; }
.br-row { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:4px; }
.br-sizes { display:flex; align-items:center; gap:12px; }
.br-try { padding:9px 16px; font-size:13px; cursor:pointer; }
.br-side-word { font-size:21px; font-weight:800; letter-spacing:-.055em; color:#f5f5f3; }
.brand-note { margin-top:18px; }
@media (max-width:1180px) { .brand-grid { grid-template-columns:1fr; } }
@media (max-width:640px) { .br-stage { grid-template-columns:1fr; } .br-phone { padding:0 18px 20px; } }

/* pump.fun pill sits inside its circle with breathing room, like pons */
img[src$="pump.png"] { box-sizing:border-box; padding:21% !important; object-fit:contain !important; background:#0b0b0b; }
.avatar-badge img[src$="pump.png"], .coin-venue img[src$="pump.png"] { padding:17% !important; }
.chip img[src$="pump.png"], .venue-logo img[src$="pump.png"] { padding:19% !important; border-radius:50%; }

/* ─── Capital Flow, round 3: money river + aligned rows ───── */
.river-card { position:relative; margin:4px 0 22px; padding:24px 24px 18px; background:var(--card); border:1px solid var(--hair); border-radius:24px; box-shadow:inset 0 1px 0 rgba(255,255,255,.035); overflow:hidden; }
.stage-row { display:grid; grid-template-columns:repeat(5, 1fr); }
.stage { display:flex; flex-direction:column; align-items:center; text-align:center; gap:3px; padding:10px 6px 12px; border-radius:16px; transition:background-color .35s, transform .35s var(--ease-out); }
.stage.lit { background:rgba(255,255,255,.045); transform:translateY(-2px); }
.stage-icons { display:flex; margin-bottom:7px; }
.stage-icons .sym + .sym { margin-left:-10px; box-shadow:0 0 0 3px var(--card); }
.stage .sym { transition:transform .45s var(--ease-spring), box-shadow .35s; }
.stage.lit .sym { transform:scale(1.1); box-shadow:0 0 0 1px rgba(255,255,255,.2), 0 0 22px rgba(255,255,255,.12); }
.stage b { font-size:13.5px; font-weight:700; letter-spacing:-.01em; }
.stage small { color:#7a7a78; font-size:11.5px; }
.stage small em { font-style:normal; color:#5ee9a0; font-weight:650; }
.river { display:block; width:100%; height:auto; margin-top:4px; }
.rv-base { fill:rgba(255,255,255,.07); }
.rv-base.creator { fill:url(#creatorBase); }
.rv-base.reserve { fill:rgba(255,193,92,.2); }
.rv-nodes rect { fill:#f4f4f2; }
.rv-nodes rect.gold { fill:#ffc15c; }
.rv-pct { fill:#e9e9e7; font:700 13px Inter, sans-serif; }
.rv-pct.gold { fill:#ffc15c; }
.reserve-tag { position:absolute; left:calc(60% + 34px); bottom:22px; display:flex; align-items:center; gap:10px; }
.reserve-tag b { display:block; font-size:13px; font-weight:700; }
.reserve-tag small { color:#7a7a78; font-size:11.5px; }
.reserve-tag em { font-style:normal; color:#ffc15c; font-weight:650; }
.capital-lists { display:grid; grid-template-columns:minmax(0, 1.15fr) minmax(0, 1fr); gap:22px; align-items:start; }
.page-capital .receipt-row.flow-row { grid-template-columns:minmax(0, 1fr) 128px 132px; min-height:88px; padding:15px 18px; }
.flow-row .receipt-route { justify-content:center; gap:8px; }
.flow-row .receipt-route .sym { box-shadow:0 0 0 1px rgba(255,255,255,.1); }
.flow-row .receipt-main > b { font-size:24px; }
.flow-row .receipt-main span { font-size:12.5px; }
.flow-row .receipt-end { grid-template-columns:1fr 26px 18px; }
.flow-row .receipt-details dl { grid-template-columns:repeat(3, auto); }
.flow-row.open .receipt-chevron { transform:rotate(180deg); }
.flow-row.open .receipt-details { grid-template-rows:1fr; }
.flow-row .avatar { --badge-ring:var(--card); }
.flow-row:hover .avatar { --badge-ring:#1a1a1a; }
@media (max-width:1180px) { .capital-lists { grid-template-columns:1fr; } }
@media (max-width:820px) {
  .river-card { overflow-x:auto; }
  .stage-row, .river { min-width:720px; }
  .reserve-tag { position:static; margin-top:10px; }
  .page-capital .receipt-row.flow-row { grid-template-columns:minmax(0, 1fr) 118px; }
  .flow-row .receipt-route { display:none; }
}
.flow-row .receipt-status { justify-self:end; min-width:84px; text-align:center; }
.receipt-row .receipt-status { min-width:84px; text-align:center; }
.br-group { grid-column:1 / -1; margin:14px 0 -2px; font-size:13px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:#7a7a78; }
.br-group:first-child { margin-top:0; }
.river-note { position:absolute; left:24px; bottom:22px; max-width:calc(60% - 40px); margin:0; color:#7a7a78; font-size:12px; line-height:1.55; }
@media (max-width:820px) { .river-note { position:static; max-width:none; margin-top:12px; } }
.tk-state.auto { border-color:rgba(67,223,141,.35); color:#5ee9a0; }
.tk-dest { display:inline-block; margin:10px 0 0 8px; font:11.5px "DM Mono", monospace; color:#7a7a78; }
.pf-auto { padding:3px 9px; border-radius:7px; background:rgba(67,223,141,.1); color:#5ee9a0; font-size:12px; font-weight:600; letter-spacing:0; }
.pf-claim.auto { background:radial-gradient(circle at 90% 20%, rgba(67,223,141,.12), transparent 45%), var(--card-2); }
.pf-claim .mono { font-family:"DM Mono", monospace; color:#cfcfcd; }
.pf-claim .ghostbtn { white-space:nowrap; padding:11px 16px; font-size:13px; }
.cl-channel { flex-wrap:wrap; }
.cl-auto { flex-basis:100%; margin:4px 0 0; padding-top:12px; border-top:1px solid var(--hair); color:#8f8f8d; font-size:12.5px; line-height:1.5; }
.river-note { position:static; max-width:calc(60% - 30px); margin:10px 0 2px; }

/* Launch: fee route summary */
.route-summary { margin:22px 0 20px; padding:16px 18px 14px; border-radius:16px; background:var(--card-2); border:1px solid var(--hair); }
.rs-steps { display:grid; grid-template-columns:minmax(0, 1fr) 20px minmax(0, 1fr) 20px minmax(0, 1fr); align-items:center; gap:10px; }
.rs-step { display:flex; align-items:center; gap:10px; min-width:0; }
.rs-step > div { min-width:0; display:flex; flex-direction:column; }
.rs-step small { color:#7a7a78; font-size:11px; }
.rs-step b { font-size:13px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.rs-icon { display:grid; flex:none; }
.rs-avatar { width:36px; height:36px; border-radius:50%; object-fit:cover; outline:1px solid rgba(255,255,255,.12); outline-offset:-1px; animation:cardIn .35s var(--ease-out); }
.rs-arrow { display:grid; place-items:center; color:#5c5c5a; }
.rs-arrow svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.rs-split { display:flex; gap:3px; height:6px; margin-top:16px; border-radius:99px; overflow:hidden; }
.rs-split span:first-child { flex:80; background:linear-gradient(90deg, #2fbf71, #43df8d); border-radius:99px 0 0 99px; }
.rs-split span:last-child { flex:20; background:#ffc15c; border-radius:0 99px 99px 0; }
.rs-split-labels { display:flex; justify-content:space-between; margin-top:7px; color:#8a8a88; font-size:11.5px; }
.rs-split-labels span { display:flex; align-items:center; gap:6px; }
.rs-split-labels i { width:7px; height:7px; border-radius:50%; background:#43df8d; }
.rs-split-labels span:last-child i { background:#ffc15c; }
@media (max-width:820px) { .rs-steps { grid-template-columns:1fr; } .rs-arrow { transform:rotate(90deg); justify-self:start; margin-left:10px; } }

/* Capital Flow river, round 4: one synced, softer light */
.stage { transition:background-color .7s ease, box-shadow .7s ease; }
.stage.lit { transform:none; background:rgba(255,255,255,.035); box-shadow:inset 0 0 0 1px rgba(255,255,255,.05); }
.stage .sym { transition:transform .8s var(--ease-out), box-shadow .8s ease; }
.stage.lit .sym { transform:scale(1.06); box-shadow:0 0 0 1px rgba(255,255,255,.18), 0 0 26px rgba(255,255,255,.1); }
.rv-base { fill:rgba(255,255,255,.055); }
.rv-base.reserve { fill:rgba(255,193,92,.16); }
.rv-nodes rect { fill:#f4f4f2; opacity:.22; transition:opacity .7s ease; }
.rv-nodes rect.lit { opacity:.85; }
.rv-nodes rect.gold { fill:#ffc15c; }
.rv-pct { font-weight:600; font-size:12px; fill:rgba(233,233,231,.8); }
.reserve-tag .sym { transition:box-shadow .8s ease, transform .8s var(--ease-out); }
.reserve-tag.lit .sym { transform:scale(1.06); box-shadow:0 0 0 1px rgba(255,193,92,.35), 0 0 24px rgba(255,193,92,.18); }
.receipt-status.donated { color:#ff8fab; background:rgba(255,61,110,.12); }
.receipt-status.held { color:#ffc15c; background:rgba(255,183,68,.1); }

/* ─── YouPaid round: hero, marks, cards ───────────────────── */
.homehero { padding-top:30px; }
.homehero h1 .yt-word {
  display:inline-flex;
  align-items:baseline;
  color:#f5f5f3;
  background:none;
  -webkit-background-clip:border-box;
  background-clip:border-box;
  animation:none;
}
.homehero h1 .yt-word b {
  position:relative;
  margin-left:.06em;
  padding:0 .16em .04em;
  border-radius:.2em;
  background:#ff0033;
  color:#fff;
  font-weight:inherit;
  box-shadow:inset 0 -.06em 0 rgba(0,0,0,.18), 0 .12em .5em rgba(255,0,51,.28);
  overflow:hidden;
}
.homehero h1 .yt-word b:after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(100deg, transparent 35%, rgba(255,255,255,.28) 50%, transparent 65%);
  transform:translateX(-120%);
  animation:ytSheen 6s var(--ease-out) infinite;
}
@keyframes ytSheen { 0%, 55% { transform:translateX(-120%); } 85%, 100% { transform:translateX(120%); } }
.homehero p { line-height:1.9; }
.venue-pill { display:inline-flex; align-items:center; gap:7px; margin:0 2px; padding:2px 12px 2px 3px; border-radius:999px; border:1px solid var(--hair-2); background:rgba(255,255,255,.04); color:#f0f0ee; font-weight:600; vertical-align:middle; line-height:1.6; }
.venue-pill img { width:24px; height:24px; border-radius:50%; object-fit:cover; background:#0b0b0b; }
.mini-mark { overflow:hidden; padding:0; border:0; background:none; }
.mini-mark svg { width:100%; height:100%; display:block; }
.route-swap .owner-mark svg, .owner-mark svg { width:100%; height:100%; stroke:none; }
.route-swap .owner-mark svg path[stroke] { stroke:#fff; }
@media (prefers-reduced-motion:reduce) { .homehero h1 .yt-word b:after { animation:none; } }
/* Coin cards: MC and Sent share one row */
.coin-stats { flex-wrap:nowrap; gap:10px; white-space:nowrap; }
.coin-stats b { font-size:14.5px; }
/* All launches: five per row */
.coin-grid { grid-template-columns:repeat(5, minmax(0, 1fr)); }
@media (max-width:1180px) { .coin-grid { grid-template-columns:repeat(4, minmax(0, 1fr)); } }
@media (max-width:900px) { .coin-grid { grid-template-columns:repeat(3, minmax(0, 1fr)); } }
@media (max-width:640px) { .coin-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); } .coin-stats { flex-wrap:wrap; gap:2px 10px; } }
/* Launch currency: small rounded pills, like the venue pills */
.page-launch .currency-options { display:flex; flex-wrap:wrap; gap:8px; }
.page-launch .currency-options .currency { display:inline-flex; align-items:center; gap:9px; width:auto; min-height:0; padding:5px 16px 5px 5px; border-radius:999px; background:transparent; border:1px solid var(--hair-2); color:#9a9a98; box-shadow:none; }
.page-launch .currency-options .currency small { display:none; }
.page-launch .currency-options .currency b { font-size:14px; font-weight:650; }
.page-launch .currency-options .currency:hover { background:rgba(255,255,255,.04); color:#eee; border-color:var(--hair-hover); }
.page-launch .currency-options .currency.active { background:#262626; color:#fff; border-color:rgba(255,255,255,.55); box-shadow:0 0 0 3px rgba(255,255,255,.04); }

/* Capital Flow, round 5: coins travel through the split */
.drop-card { margin:4px 0 22px; padding:14px 24px 18px; background:var(--card); border:1px solid var(--hair); border-radius:24px; box-shadow:inset 0 1px 0 rgba(255,255,255,.035); }
.drop-stage { position:relative; height:320px; }
.drop-lines { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
.drop-lines .dl { fill:none; stroke:rgba(255,255,255,.1); stroke-width:1.5; }
.drop-lines .dl.donate, .drop-lines .dl.held { stroke:rgba(67,223,141,.22); }
.drop-lines .dl.reserve { stroke:rgba(255,193,92,.25); }
.drop-node { position:absolute; left:var(--x); top:var(--y); transform:translate(-50%, -50%); display:flex; flex-direction:column; align-items:center; text-align:center; gap:2px; z-index:2; }
.drop-node b { margin-top:8px; font-size:13.5px; font-weight:700; letter-spacing:-.01em; }
.drop-node small { color:#7a7a78; font-size:11.5px; }
.drop-node small em { font-style:normal; color:#5ee9a0; font-weight:650; }
.drop-node.reserve small em { color:#ffc15c; }
.drop-node.dst { flex-direction:row; text-align:left; gap:12px; transform:translate(-22px, -50%); }
.drop-node.dst b { margin-top:0; }
.drop-node.dst > div { display:flex; flex-direction:column; }
.drop-icon { display:flex; border-radius:50%; }
.drop-icon .sym + .sym { margin-left:-10px; box-shadow:0 0 0 3px var(--card); }
.hub-mark { box-shadow:0 0 0 8px rgba(255,45,61,.08), 0 0 40px rgba(255,45,61,.25); }
.coin-layer { position:absolute; inset:0; pointer-events:none; z-index:1; }
.drop-coin { position:absolute; left:0; top:0; width:18px; height:18px; margin:-9px 0 0 -9px; offset-rotate:0deg; offset-anchor:50% 50%; border-radius:50%; display:grid; place-items:center; background:radial-gradient(circle at 35% 30%, #9ff7c6, #2fbf71 70%); box-shadow:0 0 0 1px rgba(255,255,255,.25), 0 0 14px rgba(67,223,141,.6); }
.drop-coin.reserve { background:radial-gradient(circle at 35% 30%, #ffe3a8, #f0a830 70%); box-shadow:0 0 0 1px rgba(255,255,255,.25), 0 0 14px rgba(255,193,92,.55); }
.drop-coin i { font:800 10px Inter, sans-serif; font-style:normal; color:#0a2a18; }
.drop-coin.reserve i { color:#3a2600; }
@media (max-width:820px) { .drop-card { overflow-x:auto; } .drop-stage { min-width:720px; } }
/* pump.fun uses a pre-padded badge image now; neutralise the old percentage padding */
img[src$="pump.png"], img[src$="pump-badge.png"], img[src$="pump-badge.webp"] { padding:0 !important; object-fit:cover !important; background:#0b0b0b; }
.fee-dot { display:none; }
/* Launch preview receipt, rebuilt */
.launch-receipt { padding:16px 18px; }
.launch-receipt > .lr-top { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.lr-amount { font-size:28px; letter-spacing:-.04em; }
.lr-icons { display:flex; align-items:center; }
.lr-icons .venue-logo { width:30px !important; height:30px !important; border-radius:50%; box-shadow:0 0 0 2px #262626; }
.lr-icons .lr-mark { width:30px; height:30px; margin-left:-8px; box-shadow:0 0 0 2px #262626; }
.lr-line { margin:2px 0 0 !important; font-size:13.5px !important; color:#9a9a98; }
.lr-line b { color:#f5f5f3; font-weight:700; }
.lr-foot { display:flex; justify-content:space-between; margin-top:8px; color:#7a7a78; font-size:12px; }
.receipt-status .pill-yt { width:15px; height:15px; margin-left:3px; vertical-align:-3px; color:#ff0033; }
.receipt-status.donated { color:#e9e9e7; background:rgba(255,255,255,.08); }

/* Home: Top Tokens + Top Profiles side by side */
.top-split { display:grid; grid-template-columns:minmax(0, 1fr) 380px; gap:28px; align-items:start; }
.ts-head { display:flex; align-items:center; gap:14px; margin-bottom:16px; min-height:40px; }
.ts-head h2 { margin:0; font-size:29px; font-weight:650; letter-spacing:-.04em; display:flex; align-items:center; gap:8px; }
.ts-head .pager { margin-left:auto; }
.ts-venue.seg { margin:0; padding:3px; }
.ts-venue.seg .tab { display:inline-flex; align-items:center; gap:6px; padding:5px 12px 5px 6px; font-size:12.5px; }
.ts-venue.seg .tab:last-child { padding-left:12px; }
.ts-venue img { width:20px; height:20px; border-radius:50%; object-fit:cover; background:#0b0b0b; }
.ts-yt-icon { width:30px; height:30px; color:#ff0033; }
.ts-grid { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:14px; }
.ts-card .coin-stats b { font-size:17px; }
.ts-profiles { display:flex; flex-direction:column; gap:14px; }
.ts-profile { display:block; background:var(--card); border:1px solid var(--hair); border-radius:20px; overflow:hidden; animation:cardIn .45s var(--ease-out) both; animation-delay:calc(var(--i) * 60ms); transition:border-color .2s, transform .3s var(--ease-out); }
.ts-profile:hover { border-color:var(--hair-hover); transform:translateY(-2px); }
.tsp-banner { height:96px; background:#202020; overflow:hidden; }
.tsp-banner img { width:100%; height:100%; object-fit:cover; transition:transform .6s var(--ease-out); }
.ts-profile:hover .tsp-banner img { transform:scale(1.04); }
.tsp-body { position:relative; padding:0 18px 16px; }
.tsp-avatar { width:64px; height:64px; margin-top:-32px; border-radius:50%; object-fit:cover; border:3px solid var(--card); background:var(--card); }
.tsp-name { display:flex; align-items:center; gap:6px; margin-top:4px; }
.tsp-name b { font-size:18px; font-weight:750; letter-spacing:-.02em; }
.tsp-name .verified-badge { width:16px; height:16px; min-width:16px; }
.tsp-body > small { color:#7a7a78; font-size:13px; }
.tsp-badge { display:inline-flex; align-items:center; gap:6px; margin-top:10px; padding:3px 9px 3px 4px; border-radius:7px; background:rgba(255,255,255,.06); color:#a5a5a3; font-size:12px; font-weight:600; }
.tsp-badge .owner-mark { width:16px; height:16px; }
.tsp-stats { display:flex; gap:18px; margin-top:12px; color:#7a7a78; font-size:13px; }
.tsp-stats b { color:#f5f5f3; font-size:17px; margin-right:3px; }
@media (max-width:1280px) { .top-split { grid-template-columns:1fr; } .ts-profiles { display:grid; grid-template-columns:repeat(3, 1fr); } }
@media (max-width:1050px) { .ts-grid { grid-template-columns:repeat(3, minmax(0, 1fr)); } }
@media (max-width:820px) { .ts-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); } .ts-profiles { grid-template-columns:1fr; } .ts-head { flex-wrap:wrap; } }
/* Explore, usepaid-style */
.ex-hero { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; padding:34px 36px; margin-bottom:34px; border-radius:24px; background:radial-gradient(circle at 85% 0%, rgba(255,45,61,.1), transparent 45%), var(--card); border:1px solid var(--hair); }
.ex-hero h1 { margin:0 0 12px; font-size:36px; font-weight:650; letter-spacing:-.045em; }
.ex-hero p { margin:0; max-width:680px; color:#8f8f8d; font-size:15px; line-height:1.7; }
.ex-hero .primarybtn { white-space:nowrap; }
.ex-block { margin-bottom:34px; }
.ex-block .sectiontitle h2 { font-size:22px; }
.explore-page .launch-filters { flex-wrap:wrap; }
.explore-page .launch-filters .tabs.seg { margin:0; }
.explore-page .address-search { min-width:240px; }
@media (max-width:820px) { .ex-hero { flex-direction:column; padding:24px; } }

/* Capital Flow, round 6: fee tickets that split 80 / 20 */
.split-card { margin:4px 0 22px; padding:18px 24px 18px; background:radial-gradient(circle at 50% 50%, rgba(255,45,61,.06), transparent 40%), var(--card); border:1px solid var(--hair); border-radius:24px; box-shadow:inset 0 1px 0 rgba(255,255,255,.035); }
.split-stage { position:relative; height:330px; overflow:hidden; }
.sp-col { position:absolute; display:flex; flex-direction:column; gap:2px; }
.sp-in { left:6%; top:20px; }
.sp-out { left:62%; }
.sp-out.top { top:14px; }
.sp-out.bottom { top:52%; }
.sp-kicker { font-size:13px; font-weight:700; letter-spacing:-.01em; color:#f0f0ee; }
.sp-kicker.gold { color:#ffc15c; }
.sp-sub { color:#7a7a78; font-size:12px; }
.sp-sub em { font-style:normal; color:#5ee9a0; font-weight:650; }
.sp-sub em.gold { color:#ffc15c; }
.sp-line { position:absolute; left:50%; top:10px; bottom:10px; width:2px; margin-left:-1px; background:repeating-linear-gradient(to bottom, rgba(255,45,61,.7) 0 6px, transparent 6px 12px); opacity:.55; }
.sp-mark { position:absolute; left:50%; top:50%; width:44px; height:44px; margin:-22px 0 0 -22px; border-radius:50%; box-shadow:0 0 0 6px var(--card), 0 0 30px rgba(255,45,61,.35); display:block; }
.sp-mark svg { width:100%; height:100%; display:block; }
.sp-ratio { position:absolute; left:50%; top:calc(50% + 34px); transform:translateX(-50%); white-space:nowrap; font:600 11px Inter, sans-serif; color:#9a9a98; background:var(--card); padding:2px 6px; border-radius:6px; }
.sp-layer { position:absolute; inset:0; pointer-events:none; }
.fee-ticket, .fee-piece { position:absolute; left:0; top:0; display:flex; align-items:center; gap:10px; height:62px; border-radius:14px; background:#222; border:1px solid var(--hair-2); box-shadow:0 14px 30px rgba(0,0,0,.4); will-change:transform; }
.fee-ticket { width:250px; padding:0 14px 0 10px; }
.fee-ticket img, .fee-piece img { width:40px; height:40px; border-radius:10px; object-fit:cover; flex:none; }
.fee-piece img { border-radius:50%; }
.fee-ticket span, .fee-piece span { display:flex; flex-direction:column; min-width:0; flex:1; }
.fee-ticket b, .fee-piece b { font-size:13px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.fee-ticket small, .fee-piece small { color:#7a7a78; font-size:11.5px; display:flex; align-items:center; gap:4px; }
.fee-ticket em, .fee-piece em { font-style:normal; font-size:15px; }
.fee-piece.creator { width:236px; padding:0 14px 0 10px; border-left:3px solid #43df8d; background:linear-gradient(90deg, rgba(67,223,141,.08), transparent 40%), #222; }
.fee-piece.reserve { width:118px; height:52px; padding:0 12px 0 8px; gap:8px; border-left:3px solid #ffc15c; background:linear-gradient(90deg, rgba(255,193,92,.1), transparent 60%), #222; }
.fee-piece.reserve em { font-size:13px; color:#ffc15c; }
.rp-mark { width:26px !important; height:26px; flex:none !important; }
.rp-mark svg { width:100%; height:100%; display:block; }
.sp-yt { width:14px; height:14px; color:#ff0033; }
@media (max-width:820px) { .split-card { overflow-x:auto; } .split-stage { min-width:760px; } }
.sp-line { opacity:1; background:repeating-linear-gradient(to bottom, rgba(255,45,61,.45) 0 6px, transparent 6px 12px); }
.tsp-body > small { display:block; }
/* Trailer */
.trailer-pill { display:inline-flex; align-items:center; gap:10px; margin-top:18px; padding:5px 16px 5px 5px; border-radius:999px; border:1px solid var(--hair-2); background:rgba(255,255,255,.03); color:#e9e9e7; font:600 13px Inter, sans-serif; cursor:pointer; transition:background-color .18s, border-color .18s, transform .14s var(--ease-out); }
.trailer-pill:hover { background:rgba(255,255,255,.07); border-color:var(--hair-hover); }
.trailer-pill:active { transform:scale(.97); }
.tp-thumb { position:relative; width:52px; height:30px; border-radius:999px; overflow:hidden; display:block; }
.tp-thumb img { width:100%; height:100%; object-fit:cover; }
.tp-thumb i { position:absolute; inset:0; display:grid; place-items:center; background:rgba(0,0,0,.35); }
.tp-thumb svg { width:14px; height:14px; fill:#fff; }
.trailer-dialog { width:min(1100px, calc(100vw - 32px)); padding:0; border:1px solid var(--hair-2); border-radius:22px; background:#000; overflow:hidden; box-shadow:0 40px 120px rgba(0,0,0,.8); animation:dialogIn .3s var(--ease-out); }
.trailer-dialog::backdrop { background:rgba(0,0,0,.78); backdrop-filter:blur(8px); }
.trailer-dialog video { display:block; width:100%; aspect-ratio:16/9; background:#000; }
.trailer-dialog .dialogclose { position:absolute; top:12px; right:12px; z-index:2; background:rgba(0,0,0,.55); }
.br-word.italic, .br-side-word.italic { font-style:italic; letter-spacing:-.045em; }
.br-row { flex-wrap:wrap; }
.br-swatches { display:flex; gap:6px; margin-left:auto; }
.br-swatch { width:24px; height:24px; border-radius:50%; cursor:pointer; border:2px solid rgba(255,255,255,.14); background:linear-gradient(135deg, var(--sb) 0 58%, var(--sf) 58% 100%); transition:transform .14s var(--ease-out), border-color .18s; }
.br-swatch:hover { transform:scale(1.1); }
.br-swatch.on { border-color:#f5f5f3; }
/* Full-colour YouTube logos keep their proportions */
.yt-logo, .pill-yt, .sp-yt, .tk-yt, .ts-yt-icon { aspect-ratio:28 / 20; height:auto; }
.receipt-status .pill-yt { width:18px; height:auto; vertical-align:-3px; margin-left:4px; }
.sp-yt { width:17px; }
.tk-meta .tk-yt { width:18px; height:auto; }
.ts-yt-icon { width:36px; }
.rd-confirm .yt-logo { width:18px; }
.pf-yt .yt-logo { width:20px; }
/* One red for the hero: the button matches the YouTube box */
.hero-composer button { background:#ff0033; box-shadow:0 9px 24px rgba(255,0,51,.24), inset 0 1px rgba(255,255,255,.2); }
.hero-composer button:hover { background:#ff1a47; box-shadow:0 10px 30px rgba(255,0,51,.34), inset 0 1px rgba(255,255,255,.22); }
/* Sidebar: larger labels and icons (desktop only; phones use the bottom bar) */
@media (min-width:821px) {
  .sidenav a { font-size:17px; gap:17px; padding:12px 14px; }
  .sidenav .nav-icon { width:26px; height:26px; }
  .logo > span { font-size:23px; }
  .logo svg { width:44px; height:44px; }
  .side-collapsed .sidenav a { width:54px; padding:12px 14px; }
}
/* TradingView chart: a slow, faint sheen sweeps across the grid */
.tk-chart-canvas { overflow:hidden; }
.tk-chart-canvas:after {
  content:"";
  position:absolute;
  top:0; bottom:0; left:-40%;
  width:40%;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(100deg, transparent 0%, rgba(255,255,255,.035) 40%, rgba(255,45,61,.05) 50%, rgba(255,255,255,.035) 60%, transparent 100%);
  animation:chartSheen 9s cubic-bezier(.45,0,.25,1) infinite;
}
@keyframes chartSheen { 0% { transform:translateX(0); } 70%, 100% { transform:translateX(360%); } }
@media (prefers-reduced-motion:reduce) { .tk-chart-canvas:after { animation:none; display:none; } }

/* Capital Flow, round 7: monochrome particle stream */
.stream-card { margin:4px 0 22px; padding:18px 24px 18px; background:var(--card); border:1px solid var(--hair); border-radius:24px; box-shadow:inset 0 1px 0 rgba(255,255,255,.035); }
.stream-stage { position:relative; height:300px; }
.stream-stage canvas { position:absolute; inset:0; display:block; }
.st-label { position:absolute; display:flex; flex-direction:column; gap:3px; pointer-events:none; }
.st-label b { font-size:13.5px; font-weight:700; letter-spacing:-.01em; color:#f0f0ee; }
.st-label small { color:#7a7a78; font-size:12px; }
.st-label em { font-style:normal; color:#f5f5f3; font-weight:650; }
.st-label.in { left:0; top:calc(50% - 58px); }
.st-label.top { right:0; top:calc(26% - 50px); text-align:right; align-items:flex-end; }
.st-label.bottom { right:0; top:calc(76% + 14px); text-align:right; align-items:flex-end; }
.st-split { --pulse:0; position:absolute; left:42%; top:50%; width:40px; height:40px; margin:-20px 0 0 -20px; }
.st-split span { display:block; width:100%; height:100%; border-radius:50%; box-shadow:0 0 0 6px var(--card), 0 0 calc(18px + var(--pulse) * 22px) rgba(255,45,61,calc(.25 + var(--pulse) * .45)); transform:scale(calc(1 + var(--pulse) * .08)); }
.st-split span svg { width:100%; height:100%; display:block; }
.st-split em { position:absolute; left:50%; top:52px; transform:translateX(-50%); white-space:nowrap; font:600 11px Inter, sans-serif; font-style:normal; color:#8a8a88; }
@media (max-width:820px) { .stream-card { overflow-x:auto; } .stream-stage { min-width:700px; } }
/* Home: Recent payments + Most payments */
.pay-split { display:grid; grid-template-columns:minmax(0, 1fr) 380px; gap:28px; align-items:start; }
.home-pay { grid-template-columns:minmax(0, 1fr) 150px 150px; color:inherit; --badge-ring:var(--card); }
.home-pay .receipt-route { justify-content:center; gap:10px; }
.most-pay { display:flex; align-items:center; justify-content:space-between; min-height:96px; padding:0 20px; color:inherit; --badge-ring:var(--card); }
.most-pay .receipt-route { display:flex; gap:10px; }
.most-pay > b { font-size:22px; letter-spacing:-.035em; }
.home-pay:hover, .most-pay:hover { --badge-ring:#1a1a1a; }
@media (max-width:1280px) { .pay-split { grid-template-columns:1fr; } }
@media (max-width:820px) { .home-pay { grid-template-columns:minmax(0, 1fr) auto; } .home-pay .receipt-route { display:none; } }
/* Chart sheen removed */
.tk-chart-canvas:after { display:none !important; animation:none !important; }
/* "Sent to ▶" always stays on one line */
.receipt-status { white-space:nowrap; display:inline-flex; align-items:center; justify-content:center; gap:5px; }
.receipt-status .pill-yt { margin-left:0; vertical-align:0; }
.home-pay { grid-template-columns:minmax(0, 1fr) 150px 170px; }
.st-split span { box-shadow:0 0 0 6px var(--card), 0 0 calc(18px + var(--pulse) * 22px) rgba(255,255,255,calc(.08 + var(--pulse) * .22)); }
.pf-empty-body { padding:70px 40px; text-align:center; display:flex; flex-direction:column; align-items:center; gap:14px; }
.pf-empty-mark { width:72px; height:72px; display:block; }
.pf-empty-mark svg { width:100%; height:100%; }
.pf-empty h1 { margin:6px 0 0; font-size:30px; font-weight:750; letter-spacing:-.035em; }
.pf-empty p { margin:0; max-width:460px; color:#8f8f8d; line-height:1.6; }
.pf-empty p b { color:#f0f0ee; }
.pay-split > *, .top-split > * { min-width:0; }
@media (max-width:820px) { .home-pay .receipt-end { grid-template-columns:auto auto; } .most-pay > b { font-size:18px; } }
/* Payments: claim entry point */
.claim-strip { display:flex; align-items:center; justify-content:space-between; gap:22px; margin-bottom:18px; padding:20px 22px; border-radius:22px; background:radial-gradient(circle at 12% 0%, rgba(255,255,255,.06), transparent 50%), var(--card); border:1px solid var(--hair-2); }
.cs-copy { display:flex; align-items:center; gap:14px; min-width:0; }
.cs-copy b { display:block; font-size:17px; font-weight:750; letter-spacing:-.02em; }
.cs-copy small { color:#8a8a88; font-size:13px; }
.cs-form { display:flex; gap:10px; flex:none; }
.cs-search { width:300px; }
.cs-form .primarybtn { border:0; cursor:pointer; white-space:nowrap; }
@media (max-width:1050px) { .claim-strip { flex-direction:column; align-items:stretch; } .cs-form { flex-wrap:wrap; } .cs-search { flex:1; width:auto; } }

/* Loading polish: shimmer placeholders, images fade in when ready */
.coin-media, .token-image, .tsp-banner, .pf-banner, .avatar, .trend-card .avatar {
  background:linear-gradient(100deg, #1c1c1c 30%, #262626 45%, #1c1c1c 60%) #1c1c1c;
  background-size:300% 100%;
  animation:shimmer 1.6s linear infinite;
}
.avatar { border-radius:50%; }
.avatar-square { border-radius:28%; }
@keyframes shimmer { from { background-position:100% 0; } to { background-position:0 0; } }
.coin-media > img, .token-image > img, .tsp-banner > img, .tsp-avatar, .pf-banner img, .avatar > img, .trend-card img, .receipt-route img { opacity:0; transition:opacity .45s ease; }
.coin-media > img.is-loaded, .token-image > img.is-loaded, .tsp-banner > img.is-loaded, .tsp-avatar.is-loaded, .pf-banner img.is-loaded, .avatar > img.is-loaded, .trend-card img.is-loaded, .receipt-route img.is-loaded { opacity:1; }
.coin-card:has(.coin-media > img.is-loaded) .coin-media, .avatar:has(> img.is-loaded), .tsp-banner:has(> img.is-loaded) { animation:none; }
@media (prefers-reduced-motion:reduce) { .coin-media, .token-image, .tsp-banner, .pf-banner, .avatar { animation:none; } }
/* Wordmark type passes */
.wm-grid { display:grid; grid-template-columns:repeat(2, 1fr); gap:16px; margin-bottom:34px; }
.wm-card { background:var(--card); border:1px solid var(--hair); border-radius:22px; overflow:hidden; transition:border-color .2s; }
.wm-card:hover { border-color:var(--hair-hover); }
.wm-card.previewing { border-color:#f5f5f3; box-shadow:0 0 0 4px rgba(255,255,255,.06); }
.wm-stage { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:30px 32px; background:radial-gradient(circle at 20% 30%, #1d1d1d, #0c0c0c 70%); }
.wm-lock { display:flex; align-items:center; gap:16px; }
.wm-lock.small { gap:9px; opacity:.85; }
.wm-word { font-family:var(--wf), sans-serif; font-weight:var(--ww); letter-spacing:var(--wl); font-size:54px; color:#f5f5f3; line-height:1; }
.wm-word b { font-weight:inherit; color:#8f8f8d; }
.wm-lock.small .wm-word { font-size:24px; }
.wm-info { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:16px 20px 18px; }
.wm-info b { font-size:15px; font-weight:700; }
.wm-info p { margin:3px 0 0; color:#8f8f8d; font-size:12.5px; }
.wm-try { white-space:nowrap; padding:9px 15px; font-size:12.5px; cursor:pointer; }
@media (max-width:1100px) { .wm-grid { grid-template-columns:1fr; } }
/* Detail columns line up across every row */
.receipt-details dl, .flow-row .receipt-details dl { grid-template-columns:minmax(0, 1fr) minmax(0, .8fr) minmax(0, 1.4fr); }
.receipt-row:not(.flow-row) .receipt-details dl { grid-template-columns:repeat(4, minmax(0, 1fr)); }
/* Coin page: avatar → YouTube, @handle → YouPaid profile */
.tk-av-link { display:inline-block; border-radius:50%; transition:transform .25s var(--ease-out); }
.tk-av-link:hover { transform:scale(1.05); }
.handle-btn { display:inline-flex !important; align-items:center; gap:4px; padding:5px 8px 5px 12px; border-radius:999px; border:1px solid var(--hair-2); background:rgba(255,255,255,.04); color:#e9e9e7 !important; font:600 13px Inter, sans-serif; transition:background-color .18s, border-color .18s, transform .14s var(--ease-out); }
.handle-btn:hover { background:rgba(255,255,255,.09); border-color:var(--hair-hover); }
.handle-btn:active { transform:scale(.96); }
.handle-btn svg { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; transition:transform .2s var(--ease-out); }
.handle-btn:hover svg { transform:translateX(2px); }

/* Long rectangle panels: hover sheen + lift for a responsive feel */
.receipt-row, .listrow, .pf-row, .most-pay, .ts-profile, .paid-channel { position:relative; overflow:hidden; isolation:isolate; }
.receipt-row::after, .listrow::after, .pf-row::after, .most-pay::after {
  content:"";
  position:absolute;
  top:0; bottom:0; left:0;
  width:45%;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(100deg, transparent 0%, rgba(255,255,255,.055) 45%, rgba(255,255,255,.09) 50%, rgba(255,255,255,.055) 55%, transparent 100%);
  transform:translateX(-110%) skewX(-12deg);
  transition:transform 0s;
}
.receipt-row:hover::after, .listrow:hover::after, .pf-row:hover::after, .most-pay:hover::after {
  transform:translateX(260%) skewX(-12deg);
  transition:transform .9s cubic-bezier(.22,1,.36,1);
}
.receipt-row, .listrow, .most-pay { transition:border-color .2s, background-color .2s, transform .25s var(--ease-out), box-shadow .25s; }
.receipt-row:hover, .listrow:hover, .most-pay:hover { transform:translateY(-2px); border-color:rgba(255,255,255,.2); box-shadow:0 14px 34px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.06); }
.receipt-row:active, .most-pay:active { transform:translateY(0) scale(.995); }
.receipt-route .avatar, .receipt-route .sym, .receipt-route .route-swap { transition:transform .35s var(--ease-out); }
.receipt-row:hover .receipt-route > :first-child, .most-pay:hover .receipt-route > :first-child { transform:translateX(3px); }
.receipt-row:hover .receipt-route > :last-child, .most-pay:hover .receipt-route > :last-child { transform:translateX(-3px); }
.receipt-row:hover .route-swap { color:#cfcfcd; }
.receipt-row.open:hover { transform:none; }
@media (prefers-reduced-motion:reduce) { .receipt-row::after, .listrow::after, .pf-row::after, .most-pay::after { display:none; } }
.legal-page { max-width:860px; }
.legal-draft { margin-top:18px; padding:14px 16px; border-radius:14px; background:rgba(255,183,68,.08); border:1px solid rgba(255,183,68,.25); color:#e8c98a; font-size:13.5px; }
.legal-content section { margin-bottom:34px !important; padding-bottom:30px !important; }
.legal-content h2 { font-size:22px !important; }
/* Wordmark: Figtree */
.logo > span, .footlogo > span:last-child, .brandaccount b, .br-side-word { font-family:Figtree, Inter, sans-serif; font-weight:800; letter-spacing:-.04em; }
.logo > span { font-size:24px; }
.cl-status .bad { color:#ff8a8a; }
.rd-result.lookup .lk-ico { width:32px; height:32px; display:grid; place-items:center; border-radius:50%; background:rgba(255,255,255,.06); }
.rd-result.lookup .lk-ico svg { width:20px; height:auto; }

/* ─── Bold pass: heavier type, brighter secondary text, Figtree headings ─── */
:root { --text-2:#b4b4b2; --text-3:#9a9a98; }
body { font-weight:500; }
h1, h2, .homehero h1, .topline h1, .sectiontitle h2, .ts-head h2, .ex-hero h1, .claim-head h1, .cl-card h2, .launch-head h2, .launch-intro h1, .docs-hero h1, .docs-content h2, .pf-name, .tk-lower .sectiontitle h2, .tk-details h2, .payment-section-title h2, .paid-panel-head h2, .claim-banner h2 {
  font-family:Figtree, Inter, sans-serif !important;
  font-weight:800 !important;
  letter-spacing:-.035em !important;
}
.homehero h1 { font-weight:900 !important; letter-spacing:-.045em !important; }
.homehero p, .topline p, .ex-hero p, .claim-head p, .docs-hero p { color:#b0b0ae; font-weight:500; }
/* money */
.money-figure, .receipt-main > b, .preview-payment > div:first-child > b, .coin-stats b, .cardstats span, .row-figures b, .tk-figure b,
.tk-pending-value, .payment-summary strong, .payment-summary b, .metric b, .mini-value, .rd-amount, .profilemoney, .listrow h3,
.tsp-stats b, .pf-stats b, .most-pay > b, .trend-sent b, .counter { font-weight:750 !important; }
/* names and titles */
.receipt-main strong, .coin-title b, .tk-name b, .trend-name b, .tsp-name b, .token-card h3, .pf-row-id b, .paid-channel > div:nth-child(2) > b,
.coin-owner, .token-owner span, .rd-result b, .explain-head b, .flow-node b, .st-label b, .drop-node b, .profile strong { font-weight:800 !important; }
/* secondary text: brighter and a touch heavier */
.receipt-main span, .coin-stats, .coin-title small, .tk-meta, .tk-figure small, .tsp-body > small, .tsp-stats, .pf-stats, .pf-handle,
.row-figures small, .token-row p, .trend-name small, .trend-sent small, .sectiontitle > span, .sectiontitle > a, .payment-summary small,
.payment-summary span, .metric small, .chartcard small, .explain-card p, .st-label small, .mini-label, .receipt-end time, .field > small,
.cs-copy small, .claim-note, .pager, .coin-age, .profilemeta, .receipt-details dt, .tk-contrib, .tk-pending p { color:#a3a3a1 !important; font-weight:500; }
.receipt-status, .status, .tab, .mode-tab, .payment-filters button, .chip, .venue b, .currency b, .tk-tab, .pf-tab, .seg > button { font-weight:700 !important; }
.primarybtn, .ghostbtn, .launch-submit, .ghost-wide, .createpill, .wallet, .hero-composer button, .handle-btn, .cs-form .primarybtn { font-weight:750 !important; }
.sidenav a { font-weight:600; color:rgba(245,245,243,.72); }
.sidenav a.active { font-weight:800; }
.feature-caption span:first-child { font-weight:750; }
.eyebrow { font-weight:600; }
.kicker, .mono.kicker { color:#9a9a98; font-weight:500; }
input::placeholder, textarea::placeholder { color:#8a8a88 !important; }

/* Blurred video behind hero panels: same red blur, now with movement underneath */
.has-vid { position:relative; overflow:hidden; isolation:isolate; }
.has-vid > :not(.blurvid) { position:relative; z-index:1; }
.blurvid { position:absolute; inset:0; z-index:0; pointer-events:none; }
.blurvid video { position:absolute; inset:-18%; width:136%; height:136%; object-fit:cover; filter:blur(34px) saturate(1.4) brightness(.62); opacity:.75; transform:scale(1.02); }
.blurvid::after { content:""; position:absolute; inset:0; background:radial-gradient(circle at 85% 20%, rgba(255,45,61,.22), transparent 50%), radial-gradient(circle at 15% 100%, rgba(255,0,51,.1), transparent 45%), linear-gradient(90deg, rgba(23,23,23,.88) 0%, rgba(23,23,23,.55) 55%, rgba(23,23,23,.35) 100%); }
/* Scroll reveal for cards */
.coin-card.rise { animation:none; opacity:0; transform:translateY(22px) scale(.975); }
.coin-card.rise.in { opacity:1; transform:none; animation:riseIn .7s cubic-bezier(.22,1,.36,1) var(--rise-delay, 0ms) backwards; }
@keyframes riseIn { from { opacity:0; transform:translateY(22px) scale(.975); } to { opacity:1; transform:none; } }
.coin-card.rise.in:hover { transform:translateY(-3px); }
@media (prefers-reduced-motion:reduce) { .coin-card.rise { opacity:1; transform:none; } .coin-card.rise.in { animation:none; } }
/* Safety net: revealed cards never stay hidden if a script is stale or fails */
.coin-card.rise:not(.in) { animation:forceShow .5s ease 2.2s forwards; }
@keyframes forceShow { to { opacity:1; transform:none; } }
/* Sidebar logo: just the Y, no tile border or wordmark */
.sidebar .logo { gap:0; }
.sidebar .logo svg { width:42px; height:42px; }

/* ─── Analytics, usepaid-style ─────────────────────────────── */
.analytics-page { max-width:1320px; }
.an-range { display:flex; justify-content:center; margin:6px 0 26px; }
.an-range .tabs.seg { margin:0; padding:5px; }
.an-range .tabs.seg .tab { padding:10px 20px; font-size:15px; }
.an-hero { padding:36px 38px 38px; border-radius:26px; background:linear-gradient(90deg, rgba(255,255,255,.015) 1px, transparent 1px), linear-gradient(rgba(255,255,255,.015) 1px, transparent 1px), var(--card); background-size:84px 84px; border:1px solid var(--hair); }
.an-hero h1 { margin:0 0 30px; font-size:40px; }
.an-hero-stats { display:grid; grid-template-columns:1.25fr 1.25fr 1fr; gap:30px; }
.an-hero-stats small { display:block; color:#a3a3a1; font-size:14px; }
.an-hero-stats b { display:block; margin:8px 0 6px; font-size:54px; letter-spacing:-.045em; line-height:1.05; }
.an-hero-stats > div:last-child b { font-size:40px; }
.an-hero-stats span { color:#8f8f8d; font-size:13px; }
.an-hero-stats .roll-digit { height:1.08em; }
.an-charts { display:grid; grid-template-columns:repeat(3, 1fr); gap:18px; margin-top:20px; }
.an-card { padding:26px 26px 22px; border-radius:26px; background:var(--card); border:1px solid var(--hair); }
.an-card h3 { margin:0; font-size:15px; font-weight:700; color:#e9e9e7; }
.an-total { margin:6px 0 4px; font-size:38px; letter-spacing:-.04em; }
.an-card small { color:#9a9a98; font-size:13px; }
.an-bars { display:flex; align-items:flex-end; gap:6px; height:210px; margin-top:26px; padding:18px 16px 0; border-radius:16px 16px 0 0; background:#1f1f1f; }
.an-bars i { flex:1; height:var(--h); border-radius:5px 5px 2px 2px; background:#5a5a58; transform-origin:bottom; animation:barGrow .7s var(--ease-out) both; animation-delay:calc(var(--n) * 30ms); transition:background-color .18s; }
.an-bars i:hover { background:#9a9a98; }
.an-bars i:last-child { background:#e9e9e7; }
.an-bars i.empty { background:none; border:1.5px dashed rgba(255,255,255,.14); }
.an-axis { display:flex; justify-content:space-between; padding:12px 16px 14px; border-radius:0 0 16px 16px; background:#1f1f1f; font:12px "DM Mono", monospace; color:#8a8a88; }
.an-payouts { margin-top:40px; }
.an-pay-head { display:flex; align-items:center; gap:16px; margin-bottom:16px; }
.an-pay-head h2 { margin:0; font-size:30px; }
.an-pay-head .tabs.seg { margin:0; }
.an-pay-head .pager { margin-left:auto; }
.an-summary { display:grid; grid-template-columns:repeat(4, 1fr); gap:10px; margin-bottom:12px; padding:20px 24px; border-radius:20px; background:var(--card); border:1px solid var(--hair); }
.an-summary small { display:block; font:12px "DM Mono", monospace; letter-spacing:.1em; text-transform:uppercase; color:#8f8f8d; }
.an-summary b { display:block; margin-top:6px; font-size:26px; }
@media (max-width:1100px) { .an-charts { grid-template-columns:1fr; } .an-hero-stats { grid-template-columns:1fr; } }
@media (max-width:820px) { .an-pay-head { flex-wrap:wrap; } .an-summary { grid-template-columns:1fr 1fr; } .an-hero-stats b { font-size:40px; } }
.pf-pending { padding:2px 8px; border-radius:99px; background:rgba(255,183,68,.12); color:#ffc15c; font-size:11px; font-weight:700; }

/* Hover sheen v2: faster, softer, seamless; no avatar pinch */
.receipt-row:hover .receipt-route > :first-child, .most-pay:hover .receipt-route > :first-child,
.receipt-row:hover .receipt-route > :last-child, .most-pay:hover .receipt-route > :last-child { transform:none; }
.receipt-row::after, .listrow::after, .pf-row::after, .most-pay::after {
  width:70%;
  background:linear-gradient(100deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.025) 25%, rgba(255,255,255,.075) 50%, rgba(255,255,255,.025) 75%, rgba(255,255,255,0) 100%);
  transform:translateX(-120%) skewX(-10deg);
  will-change:transform;
}
.receipt-row:hover::after, .listrow:hover::after, .pf-row:hover::after, .most-pay:hover::after {
  transform:translateX(190%) skewX(-10deg);
  transition:transform .55s cubic-bezier(.33,0,.2,1);
}
.receipt-row .route-swap { transition:color .2s ease; }
.receipt-row:hover .route-swap, .most-pay:hover .route-swap { color:#e9e9e7; }

/* Hero backdrop: blurred, crossfading clips behind the headline only */
.homehero { position:relative; isolation:isolate; }
.hero-vid {
  position:absolute; z-index:-1; left:50%; top:-40px; width:min(1200px, 120vw); height:420px; transform:translateX(-50%);
  pointer-events:none; opacity:1 !important; animation:none !important;
  -webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 45%, #000 30%, transparent 75%);
  mask-image:radial-gradient(ellipse 50% 50% at 50% 45%, #000 30%, transparent 75%);
}
.hero-vid video { position:absolute; inset:-10%; width:120%; height:120%; object-fit:cover; filter:blur(36px) saturate(1.4) brightness(.72); opacity:0; transition:opacity 2.4s ease; }
.hero-vid video.on { opacity:.85; }
.hero-vid::after { content:""; position:absolute; inset:0; background:radial-gradient(ellipse 40% 45% at 62% 40%, rgba(255,0,51,.16), transparent 70%); }
@media (prefers-reduced-motion:reduce) { .hero-vid video { transition:none; } }
.hero-vid { width:min(1200px, 100vw); }
.home-page { overflow-x:clip; }
/* Initial buy: our own stepper instead of the browser's arrows */
.buy-field input::-webkit-outer-spin-button, .buy-field input::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
.buy-field input[type=number] { -moz-appearance:textfield; appearance:textfield; width:90px !important; text-align:center; }
.page-launch .initial-buy .buy-field { display:flex; align-items:center; gap:2px; padding:4px; }
.step-btn { width:34px; height:34px; flex:none; display:grid; place-items:center; border:0; border-radius:9px; background:rgba(255,255,255,.06); color:#e9e9e7; cursor:pointer; transition:background-color .15s, transform .12s var(--ease-out); }
.step-btn:hover { background:rgba(255,255,255,.12); }
.step-btn:active { transform:scale(.92); }
.step-btn svg { width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; }
.buy-field #buyCurrency { padding:0 6px 0 2px !important; }
/* Sheen v3: starts at the edge and moves fastest first, so it responds instantly */
.receipt-row::after, .listrow::after, .pf-row::after, .most-pay::after { width:60%; transform:translateX(-100%) skewX(-10deg); }
.receipt-row:hover::after, .listrow:hover::after, .pf-row:hover::after, .most-pay:hover::after { transform:translateX(200%) skewX(-10deg); transition:transform .5s cubic-bezier(.16,1,.3,1); }
.receipt-row, .listrow, .most-pay { transition:border-color .12s, background-color .12s, transform .18s var(--ease-out), box-shadow .18s; }

/* Corner backdrops (replace the video behind the headline) */
.hero-vid { display:none !important; }
.home-page { position:relative; }
.corner-vid { position:absolute; z-index:0; top:-70px; width:520px; height:420px; pointer-events:none; opacity:0; transition:opacity 3s ease;
  -webkit-mask-image:radial-gradient(circle at var(--cx) 30%, #000 0%, rgba(0,0,0,.6) 30%, transparent 68%);
  mask-image:radial-gradient(circle at var(--cx) 30%, #000 0%, rgba(0,0,0,.6) 30%, transparent 68%); }
.corner-vid.left { left:-120px; --cx:30%; }
.corner-vid.right { right:-120px; --cx:70%; }
.corner-vid.on { opacity:.5; }
.corner-vid video { width:100%; height:100%; object-fit:cover; filter:blur(44px) saturate(1.3) brightness(.7); }
.home-page > .homehero, .home-page > section { position:relative; z-index:1; }
@media (max-width:1099px) { .corner-vid { display:none; } }

/* Bolder pass 2: Figtree for money and names, heavier everywhere it matters */
.money-figure, .receipt-main > b, .preview-payment > div:first-child > b, .coin-stats b, .cardstats span, .row-figures b,
.tk-figure b, .tk-pending-value, .payment-summary strong, .payment-summary b, .metric b, .mini-value, .rd-amount, .profilemoney,
.listrow h3, .tsp-stats b, .pf-stats b, .most-pay > b, .trend-sent b, .an-total, .an-hero-stats b, .an-summary b, .lr-amount, .tk-next-top b, .cl-bal b {
  font-family:Figtree, Inter, sans-serif !important;
  font-weight:800 !important;
  letter-spacing:-.025em !important;
  font-variant-numeric:tabular-nums lining-nums;
}
.receipt-main strong, .coin-title b, .tk-name b, .trend-name b, .tsp-name b, .token-card h3, .pf-row-id b, .paid-channel > div:nth-child(2) > b,
.coin-owner, .token-owner span, .rd-result b, .explain-head b, .profile strong, .cl-channel b, .pf-name, .channel .name, .ts-head h2, .notif p b {
  font-family:Figtree, Inter, sans-serif !important;
  font-weight:800 !important;
}
.receipt-main span { font-size:14px; color:#b4b4b2 !important; }
.receipt-main > b { font-size:30px; }
.receipt-status, .tab, .mode-tab, .chip, .primarybtn, .launch-submit, .ghostbtn, .handle-btn { font-family:Figtree, Inter, sans-serif; font-weight:800 !important; }
.verified-badge { width:17px !important; height:17px !important; min-width:17px !important; }
.coin-owner .verified-badge, .token-owner .verified-badge, .mosaic-owner .verified-badge { width:13px !important; height:13px !important; min-width:13px !important; }
.venue-row span.venue-logo { padding:0 !important; width:30px !important; height:30px !important; border-radius:50% !important; flex:none; }

/* ─── Performance pass ──────────────────────────────────────── */
/* Videos arrive pre-blurred: no per-frame CSS blur. */
.corner-vid video { filter:none; }
.corner-vid.on { opacity:.42; }
.blurvid video { filter:none; opacity:.8; inset:-8%; width:116%; height:116%; }
/* Panel edges: cheap gradient fade instead of a live backdrop blur over moving content. */
.edge-blur { backdrop-filter:none !important; -webkit-backdrop-filter:none !important; }
.edge-blur.top { background:linear-gradient(var(--card), transparent); height:56px; }
.edge-blur.bottom { background:linear-gradient(transparent, var(--card) 85%); height:84px; }
/* Hero input: static glow, no per-frame gradient repaint. */
.hero-composer:before { animation:none !important; --beam-angle:140deg; opacity:.55; }
/* Shimmer only while images are likely still loading. */
.coin-media, .token-image, .tsp-banner, .pf-banner, .avatar, .trend-card .avatar { animation-iteration-count:3 !important; }
/* Pulses: opacity only (composited), never box-shadow. */
.iconbutton i { animation:dotFade 2.4s ease-in-out infinite !important; box-shadow:0 0 0 2px #0a0a0a !important; }
@keyframes dotFade { 50% { opacity:.35; } }
.tk-live i, .status.pending:before { animation:dotFade 2s ease-in-out infinite !important; box-shadow:none !important; }
.live-graph-label i { animation:dotFade 1.8s ease-in-out infinite; box-shadow:none; }
/* Long animated tracks get their own layer so moving them never repaints the page. */
.tile-field, .payment-track, .code-stream-track, .trend-rail, .cardrail { will-change:transform; backface-visibility:hidden; }
.st-split span { box-shadow:0 0 0 6px var(--card), 0 0 18px rgba(255,255,255,.08) !important; transform:none !important; position:relative; z-index:1; }
.st-glow { position:absolute; inset:-22px; border-radius:50%; background:radial-gradient(circle, rgba(255,255,255,.35), transparent 65%); opacity:0; will-change:opacity; pointer-events:none; }

/* Corner backdrops are still images now: masked video forced a GPU redraw every frame (23fps → 120fps). */
.corner-vid { opacity:.42; transition:none; }
.corner-vid img { width:100%; height:100%; object-fit:cover; display:block; }
.tk-status-note { display:flex; gap:10px; align-items:baseline; flex-wrap:wrap; margin:0 0 14px; padding:12px 16px; border:1px solid rgba(255,196,64,.28); border-radius:14px; background:rgba(255,196,64,.07); font-size:13.5px; color:#cfcfcc; }
.tk-status-note b { color:#ffcf5c; font-weight:800; }
.tk-missing { padding:40px; text-align:center; display:grid; gap:10px; justify-items:center; }
.tk-missing h1 { margin:0; font-size:26px; }
.tk-missing p { margin:0 0 8px; color:#9a9a97; }

/* Verified = YouTube's grey check circle, everywhere */
.verified-badge { color:#aaaaaa; width:14px !important; height:14px !important; min-width:14px !important; vertical-align:-2px; margin-left:4px; }
.coin-owner .verified-badge, .token-owner .verified-badge, .mosaic-owner .verified-badge, .lg-pill .verified-badge, .br-pill .verified-badge { width:12px !important; height:12px !important; min-width:12px !important; }
.pf-name .verified-badge, .tk-name .verified-badge, .tsp-name .verified-badge { width:18px !important; height:18px !important; min-width:18px !important; }

/* Collapsed sidebar: centre the account mark on the nav icon column and hide its label and link icon. */
.side-collapsed .sidefoot .brandaccount { width:52px; padding:9px 0; justify-content:center; }
.side-collapsed .sidefoot .brandaccount > :not(.mini-mark) { display:none; }
/* Mobile bottom bar: the logo sits in the row like the tab icons (the desktop bottom margin pushed it up). */
@media (max-width:820px) { .sidebar .logo { margin:0; padding-left:2px; } .sidebar .logo svg { width:34px; height:34px; } }
/* Example cards shown before the first real launch: clearly labelled and slightly muted. */
.is-example { cursor:default; }
.is-example .coin-media > img, .is-example .receipt-route, .is-example.trend-card > :first-child { opacity:.82; }
.example-tag { background:rgba(255,255,255,.1) !important; color:#d9d9d6 !important; border:1px solid rgba(255,255,255,.16); font-weight:700; letter-spacing:.02em; }
.example-note { margin:0 0 10px; }
/* Notifications: the bell dot only shows for unread notices; unread rows carry a small red dot. */
#noticeBtn > i { display:none; }
#noticeBtn.has-unread > i { display:block; }
.noticeitem { color:inherit; text-decoration:none; position:relative; }
.noticeitem.unread::after { content:''; position:absolute; right:10px; top:14px; width:7px; height:7px; border-radius:50%; background:#ff0033; }
.noticeicon { overflow:hidden; }
.noticeicon img, .notice-mark svg { width:100%; height:100%; object-fit:cover; display:block; }
a.noticefoot { display:block; color:#8d8d8d; text-decoration:none; }
a.noticefoot:hover { color:#fff; }
/* Our coin's contract-address bar (COIN_CA). */
.cabar { display:flex; align-items:center; justify-content:center; gap:14px; min-height:38px; padding:5px 16px; background:#ff0033; color:#fff; font-size:13px; font-weight:700; flex-wrap:wrap; }
.cabar-live { display:inline-flex; align-items:center; gap:7px; }
.cabar-live i { width:7px; height:7px; border-radius:50%; background:#fff; animation:cabarPulse 1.6s ease-in-out infinite; }
@keyframes cabarPulse { 50% { opacity:.35; } }
.cabar-ca { display:inline-flex; align-items:center; gap:8px; max-width:100%; min-width:0; border:0; border-radius:999px; padding:4px 6px 4px 12px; background:rgba(0,0,0,.22); color:#fff; font:inherit; cursor:pointer; }
.cabar-ca small { opacity:.75; font-size:11px; }
.cabar-ca code { font:500 12px "DM Mono", ui-monospace, monospace; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; }
.cabar-copy { background:#fff; color:#ff0033; border-radius:999px; padding:3px 10px; font-size:11px; }
.cabar-ca.copied .cabar-copy { background:#111; color:#fff; }
.cabar-buy { color:#fff; text-decoration:underline; text-underline-offset:3px; }
@media (max-width:560px) { .cabar { gap:8px; font-size:12px; } .cabar-ca code { max-width:150px; } }
/* Homepage "Trending now on YouTube" ticker: runs on Explore's trending rail. */
.home-trending { margin:6px 0 34px; }
.home-trending h2 { display:inline-flex; align-items:center; gap:10px; }
.live-dot { width:9px; height:9px; border-radius:50%; background:#ff0033; box-shadow:0 0 0 0 rgba(255,0,51,.6); animation:liveDot 1.8s ease-out infinite; }
@keyframes liveDot { 70% { box-shadow:0 0 0 9px rgba(255,0,51,0); } 100% { box-shadow:0 0 0 0 rgba(255,0,51,0); } }
.trend-rail-lg { animation-duration:90s; }   /* keeps the 12px gap marqueeX loops on */
@media (prefers-reduced-motion:reduce) { .live-dot { animation:none; } }
/* Trending-on-YouTube cards in the homepage ticker. */
.yt-card { position:relative; display:flex; align-items:center; gap:14px; width:400px; padding:12px 16px 12px 12px; background:var(--card); border:1px solid var(--hair); border-radius:18px; color:inherit; text-decoration:none; overflow:hidden; transition:border-color .2s, background-color .2s; }
.yt-card:hover { border-color:var(--hair-hover); background:#1a1a1a; }
.yt-thumb { position:relative; flex:none; width:148px; aspect-ratio:16/9; border-radius:11px; overflow:hidden; background:#1c1c1c; }
.yt-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.yt-live { position:absolute; left:6px; bottom:6px; background:#ff0033; color:#fff; font:800 10px Inter, sans-serif; letter-spacing:.06em; padding:2px 6px; border-radius:4px; }
.yt-info { display:flex; flex-direction:column; gap:3px; min-width:0; }
.yt-info b { font-size:14.5px; font-weight:650; line-height:1.3; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.yt-info small { font:11px "DM Mono", monospace; color:#8a8a88; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.yt-info em { font-style:normal; font-size:12px; font-weight:700; color:#ff4d6d; }
.yt-card:hover .yt-info em { color:#fff; }
@media (max-width:560px) { .yt-card { width:320px; } .yt-thumb { width:118px; } }
@media (max-width:560px) { .home-trending .sectiontitle { flex-direction:column; align-items:flex-start; gap:2px; } .home-trending h2 { font-size:22px; white-space:nowrap; } }
.top-empty { grid-column:1 / -1; margin:0; padding:40px 12px; text-align:center; color:#8a8a88; }
.top-empty a { color:#fff; font-weight:700; }
.sidefoot a.brandaccount { color:inherit; text-decoration:none; }
/* Hero corner backdrops: fade to nothing well before every edge so they never read as squares
   (the old mask was centred near the top, so the header and sidebar cut them off hard). */
.corner-vid { top:-10px; -webkit-mask-image:radial-gradient(closest-side ellipse at 50% 50%, #000 25%, rgba(0,0,0,.5) 60%, transparent 100%); mask-image:radial-gradient(closest-side ellipse at 50% 50%, #000 25%, rgba(0,0,0,.5) 60%, transparent 100%); }
.corner-vid.left { left:-60px; }
.corner-vid.right { right:-60px; }
/* The corner images are blurred screenshots with card-shaped blocks baked in; melt them into soft glows.
   Static images, so this blur renders once (no per-frame cost, unlike the old masked video). */
.corner-vid img { filter:blur(56px) saturate(1.25); transform:scale(1.25); }
.empty-state a { color:#fff; font-weight:700; }
/* Token page fee card: who the creator fees go to, what the coin has made, and the locked split. */
.tk-fees { margin-top:16px; padding:0; overflow:hidden; }
.fc-banner { height:120px; background:#1c1c1c center/cover; }
.fc-who { display:flex; align-items:center; gap:16px; padding:0 24px 20px; margin-top:-30px; border-bottom:1px solid var(--hair); }
.fc-av { flex:none; border-radius:50%; box-shadow:0 0 0 5px var(--card); }
.fc-id { display:flex; flex-direction:column; gap:3px; min-width:0; flex:1; padding-top:30px; }
.fc-id b { display:flex; align-items:center; gap:8px; font-size:22px; font-weight:800; letter-spacing:-.02em; }
.fc-id span { display:flex; align-items:center; gap:7px; font:13px "DM Mono", monospace; color:#8a8a88; }
.fc-yt { width:20px; height:14px; }
.fc-kicker { display:block; font:11.5px "DM Mono", monospace; letter-spacing:.14em; text-transform:uppercase; color:#7a7a78; }
.fc-go { flex:none; margin-top:30px; width:46px; height:46px; border-radius:50%; border:1px solid var(--hair-2); display:grid; place-items:center; color:#d9d9d6; }
.fc-go svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.fc-go:hover { background:#1c1c1c; color:#fff; }
.fc-body { padding:20px 24px 6px; border-bottom:1px solid var(--hair); }
.fc-big { margin-top:8px; font-size:42px; font-weight:800; letter-spacing:-.03em; }
.fc-sub { margin-top:4px; color:#7a7a78; font-size:13px; }
.fc-rows { margin:14px 0 0; }
.fc-rows div { display:flex; justify-content:space-between; gap:12px; padding:13px 0; border-top:1px solid var(--hair); }
.fc-rows dt { color:#a3a3a1; }
.fc-rows dd { margin:0; font-weight:750; }
.fc-split { padding:18px 24px 22px; }
.fc-split-top { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.fc-locked { display:inline-flex; align-items:center; gap:8px; padding:6px 14px; border-radius:10px; border:1px solid rgba(67,223,141,.35); background:rgba(67,223,141,.1); color:#6cf0aa; font-size:13px; font-weight:700; text-decoration:none; }
.fc-locked i { width:7px; height:7px; border-radius:50%; background:currentColor; }
.fc-locked.is-pending { border-color:var(--hair-2); background:rgba(255,255,255,.05); color:#bdbdbb; }
.fc-bar { display:flex; gap:4px; height:10px; margin:14px 0 12px; }
.fc-bar i { border-radius:99px; }
.fc-bar i:first-child { flex:80; background:#6cf0aa; }
.fc-bar i:last-child { flex:20; background:#5c5c5a; }
.fc-legend { display:flex; gap:22px; flex-wrap:wrap; font-size:13px; color:#a3a3a1; }
.fc-legend span { display:inline-flex; align-items:center; gap:7px; }
.fc-legend b { color:#f5f5f3; }
.fc-legend i { width:10px; height:10px; border-radius:3px; }
.fc-legend i.c { background:#6cf0aa; }
.fc-legend i.p { background:#5c5c5a; }
/* Launch: resume a coin whose fee split still needs one more signature. */
.launch-resume { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 0 16px; padding:14px 18px; border-radius:16px; border:1px solid rgba(255,0,51,.4); background:rgba(255,0,51,.08); font-size:14px; }
.launch-resume button { flex:none; padding:10px 18px; border:0; border-radius:12px; background:#ff0033; color:#fff; font-weight:750; cursor:pointer; }
.launch-resume button:disabled { opacity:.7; cursor:default; }
/* Second "Trending now on YouTube" row runs the opposite way. */
.trend-rail-reverse { animation-direction:reverse; animation-duration:105s; }
#ytTrending .trend-window + .trend-window { margin-top:12px; }
/* Token page: the chart comes first for buyers; the fee card sits in the side column above Details. */
.tk-side { display:flex; flex-direction:column; gap:16px; min-width:0; }
.tk-side .tk-fees { margin-top:0; }
.tk-side .tk-details { position:static; }
.tk-side .fc-banner { height:90px; }
.tk-side .fc-big { font-size:34px; }
/* Coin page, below the chart: fee card and Details side by side at equal height, then payouts full width. */
.tk-info { display:grid; grid-template-columns:minmax(0, 1.25fr) minmax(0, 1fr); gap:16px; margin-top:28px; align-items:stretch; }
.tk-info .tk-fees { margin-top:0; display:flex; flex-direction:column; }
.tk-info .tk-fees .fc-body { flex:1; }
.tk-info .tk-details { position:static; display:flex; flex-direction:column; }
.tk-info .tk-details .payment-disclaimer { margin-top:auto; padding-top:16px; }
.tk-info .fc-banner { height:96px; }
.tk-info .fc-big { font-size:38px; }
.tk-activity { margin-top:28px; }
.tk-activity .receipt-list { margin-top:12px; }
@media (max-width:900px) { .tk-info { grid-template-columns:1fr; } }
/* Fee card labels: the site's display face instead of mono caps. */
.fc-kicker { font:700 13px Figtree, Inter, sans-serif; letter-spacing:-.005em; text-transform:none; color:#9a9a98; }
.fc-id .fc-kicker { color:#ff4d6d; }
/* Coin page, smarter lower half: a slim creator-fees strip under the chart, then About + Details, then activity. */
.tk-feeband { margin-top:16px; padding:18px 22px; display:grid; grid-template-columns:minmax(200px, 1.3fr) minmax(120px, .8fr) minmax(120px, .8fr) minmax(220px, 1.5fr) auto; gap:24px; align-items:center; }
.fb-who { display:flex; align-items:center; gap:14px; min-width:0; }
.fb-av { flex:none; border-radius:50%; }
.fb-id { display:flex; flex-direction:column; gap:3px; min-width:0; }
.fb-id b { display:flex; align-items:center; gap:7px; font-size:18px; font-weight:800; letter-spacing:-.02em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.fb-id span { display:flex; align-items:center; gap:7px; font:13px "DM Mono", monospace; color:#8a8a88; }
.fb-stat { display:flex; flex-direction:column; gap:2px; min-width:0; }
.fb-stat small, .fb-split small { font:700 13px Figtree, Inter, sans-serif; color:#9a9a98; }
.fb-stat b { font-size:24px; font-weight:800; letter-spacing:-.03em; }
.fb-stat em { font-style:normal; font-size:12px; color:#6f6f6d; }
.fb-split .fc-bar { margin:10px 0 8px; }
.tk-feeband .fc-go { margin-top:0; }
.tk-about { padding:22px; display:flex; flex-direction:column; gap:14px; }
.tk-about h2 { font-size:24px; margin:0; letter-spacing:-.035em; }
.tk-desc { margin:0; color:#d9d9d6; font-size:15px; line-height:1.6; overflow-wrap:anywhere; }
.tk-links { display:flex; flex-wrap:wrap; gap:8px; margin-top:auto; }
.tk-links a { display:inline-flex; align-items:center; gap:8px; padding:8px 14px; border-radius:999px; border:1px solid var(--hair-2); color:#e9e9e7; font-size:13px; font-weight:650; text-decoration:none; }
.tk-links a:hover { background:#1c1c1c; color:#fff; }
.tk-links .about-icon { width:15px; height:15px; }
.tk-info { grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); }
@media (max-width:1100px) { .tk-feeband { grid-template-columns:1fr 1fr; } .fb-who, .fb-split { grid-column:1 / -1; } .tk-feeband .fc-go { display:none; } }