/* A.U.G.U.R skin (2026-10-16): brings the app in line with the new website.
 * Loaded LAST on /augur/app/ only (the live /app/ never loads it).
 * - Type: one family. Every font the app names (Space Grotesk, JetBrains Mono, Unbounded) is
 *   re-pointed at self-hosted Geist / Geist Mono, so no Google Fonts request and no per-layer edits.
 * - Colour + surfaces: the site's tokens, flatter cards, quieter glows.
 * - Motion: decorative loops off, entrance animations kept short. */

@font-face{font-family:"Space Grotesk";src:url(/augur/app/brand/fonts/geist.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Unbounded";src:url(/augur/app/brand/fonts/geist.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(/augur/app/brand/fonts/geist-mono.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"AugurMark";src:url(/assets/fonts/unbounded-latin.woff2) format("woff2");font-weight:200 900;font-display:swap}

:root{
  --bg:#050509 !important;--bg2:#07060c !important;
  --panel:#0c0a13 !important;--panel2:#110e1b !important;
  --line:rgba(196,180,255,.08) !important;--line2:rgba(196,180,255,.15) !important;
  --hair:rgba(196,180,255,.08) !important;--hair-2:rgba(196,180,255,.15) !important;
  --mx-line:rgba(196,180,255,.08) !important;--mx-line2:rgba(196,180,255,.15) !important;
  --txt:#f5f3fc !important;--dim:#a39cbf !important;--faint:#6b6488 !important;
  --madGlow:rgba(139,92,246,.28) !important;
  --card-grad:linear-gradient(180deg,rgba(17,14,27,.94),rgba(12,10,19,.94)) !important;
  --glass-base:linear-gradient(180deg,rgba(17,14,27,.94),rgba(12,10,19,.94)) !important;
  --glass-sheen:linear-gradient(180deg,rgba(196,180,255,.05),transparent 40%) !important;
  --sur-1:linear-gradient(180deg,rgba(17,14,27,.94),rgba(12,10,19,.94)) !important;
  --sur-2:rgba(17,14,27,.97) !important;
  --glass-spec:none !important;
  --card-shadow:inset 0 1px 0 rgba(196,180,255,.06),0 10px 30px -18px rgba(0,0,0,.8) !important;
  --e1:inset 0 1px 0 rgba(196,180,255,.06) !important;
  --e2:inset 0 1px 0 rgba(196,180,255,.06),0 10px 30px -18px rgba(0,0,0,.8) !important;
  --e3:inset 0 1px 0 rgba(196,180,255,.06),0 18px 44px -20px rgba(0,0,0,.85) !important;
  --e4:inset 0 1px 0 rgba(196,180,255,.07),0 26px 64px -24px rgba(0,0,0,.9) !important;
  --rim:inset 0 1px 0 rgba(196,180,255,.06) !important;
  --brand-grad:linear-gradient(180deg,#9b70ff,#7c4ff0) !important;
  --tint-line:rgba(180,154,255,.24) !important;
  --r:16px !important;--r2:14px !important;
  --head:"Unbounded",system-ui,sans-serif !important;
}

html,body{background:var(--bg)!important}
body{font-feature-settings:"ss01";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}

/* headings: Geist with tight tracking (the app styled them for Unbounded's wide letters) */
h1,h2,h3,.shead,.h3-title,.sec-title,[class*="title"]{letter-spacing:-.02em}
.wordmark,.brand .bmad{font-family:"AugurMark",system-ui,sans-serif!important}

/* cards: one calm surface everywhere */
.card{background:var(--card-grad)!important;border:1px solid var(--line)!important;box-shadow:var(--card-shadow)!important}

/* buttons: the site's pill primary, calmer secondaries */
.btn{border-radius:12px;font-weight:600;letter-spacing:-.005em}
.btn-mad{background:linear-gradient(180deg,#9b70ff,#7c4ff0)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 8px 26px -12px rgba(139,92,246,.85)!important;border:0!important}
.btn-mad:active,.btn:active{transform:scale(.98)}

/* decorative loops off: they cost battery and read as noise */
.ma-float,.brand .bdgn,.sp-shine{animation:none!important}
.rf-promo{animation:none!important}

/* softer neon: big coloured glows down to a hint */
[class*="glow"]{filter:none}

/* numbers line up */
.num,[class*="price"],[class*="pnl"],[class*="bal"],[class*="usd"],[class*="sol"]{font-variant-numeric:tabular-nums}

/* scrollbars and selection match the site */
::selection{background:rgba(139,92,246,.35);color:#fff}
*{scrollbar-width:thin;scrollbar-color:rgba(196,180,255,.18) transparent}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}}

/* ---- calm the canvas (10-16 pass 2) ---- */
/* full-screen scan-lines: visual noise and a repaint on every scroll */
body.h3::before{display:none!important}
/* one faint brand glow at the top instead of a purple wash behind every tab */
body.h3::after{background:radial-gradient(760px 380px at 50% -14%,rgba(139,92,246,.10),transparent 62%)!important}
.tabpane::before{display:none!important}
.hero::before{opacity:.35!important}

/* feature tiles, promos and heroes: the same calm card, colour only in icons and numbers.
   Selectors are deliberately heavy: the app's own layers style these with body.h3 #id !important. */
html body #mfHome#mfHome,html body #fuHome#fuHome,html body .mx-port.mx-port,html body .rf-promo.rf-promo,
html body #mcCta#mcCta,html body .sniper-hero.sn-hero,html body .fu-sn.fu-sn,html body .hw-asset.hw-asset{
  background:linear-gradient(180deg,rgba(17,14,27,.94),rgba(12,10,19,.94))!important;
  border:1px solid rgba(196,180,255,.1)!important;
  box-shadow:inset 0 1px 0 rgba(196,180,255,.06),0 10px 30px -18px rgba(0,0,0,.8)!important}
html body .mf-home-glow,html body .rf-promo.rf-promo::after,html body .mx-pc.mx-pc::before{display:none!important}

/* headings and totals: solid white like the site, no gradient fills */
html body #portUsd#portUsd,html body #hwTotal#hwTotal,html body .mc-title.mc-title,html body.h3 .tabpane h2,
html body.h3 .more-head h2,html body.h3 .mb-title b,html body .brand .bmad.bmad{
  background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;
  -webkit-text-fill-color:#f5f3fc!important;color:#f5f3fc!important;filter:none!important}
html body .mc-title.mc-title em{-webkit-text-fill-color:#b49aff!important;color:#b49aff!important}

/* the main Buy action: brand violet, not an orange-pink sunset; disabled = quiet, not muddy */
html body #buyFireBtn#buyFireBtn{background:linear-gradient(180deg,#9b70ff,#7c4ff0)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 10px 30px -12px rgba(139,92,246,.85)!important;border:0!important;filter:none!important}
html body #buyFireBtn#buyFireBtn:disabled{background:#1a1528!important;color:#8e86ab!important;box-shadow:inset 0 0 0 1px rgba(196,180,255,.12)!important}
html body #buyFireBtn#buyFireBtn::before,html body #buyFireBtn#buyFireBtn::after{display:none!important}

/* Buy tab: selected states were hot magenta; brand violet everywhere */
html body #mbPaste#mbPaste,html body .tabpane .mb-chip.on.on,html body .tabpane button.on.on{
  background:linear-gradient(180deg,#9b70ff,#7c4ff0)!important;border-color:transparent!important;color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 6px 18px -10px rgba(139,92,246,.9)!important}

/* More menu feature cards (Arcade, Agent): calm card, accent kept on the icon only */
html body .mm-fc.mm-fc{background:linear-gradient(180deg,rgba(17,14,27,.94),rgba(12,10,19,.94))!important;border:1px solid rgba(196,180,255,.12)!important;box-shadow:inset 0 1px 0 rgba(196,180,255,.06),0 10px 30px -18px rgba(0,0,0,.8)!important}
html body .mm-fc.mm-fc::before,html body .mm-fc.mm-fc::after{display:none!important}

/* ---- simple buy flow (with augur-buy.js) ----
   no coin: header + "1 · Pick a coin" + paste + Hot right now.
   coin loaded: 2 · Amount, wallets, 3 · Auto exit, review line, Buy pinned above the nav. */
html body .tabpane.ab{display:flex;flex-direction:column;padding-bottom:132px}
html body .tabpane.ab>*{order:20}
html body .tabpane.ab>.mb-head{order:0;margin-bottom:6px}
html body .tabpane.ab>.ab-s1{order:1}
html body .tabpane.ab>#mbCa{order:2}
html body .tabpane.ab>.bfx-hot{order:3;margin-top:18px}
html body .tabpane.ab>.ab-s2{order:4}
html body .tabpane.ab>.mb-amt{order:5}
html body .tabpane.ab>#mxPick{order:6}
html body .tabpane.ab>.ab-s3{order:7}
html body .tabpane.ab>#mbExits{order:8}
html body .tabpane.ab>#uiBuyBal,html body .tabpane.ab>#uiBuyBalNote{order:9}
html body .tabpane.ab>#abSummary{order:10}
html body .tabpane.ab>#buyFireBtn{order:11}
html body .tabpane.ab>#spBuy{order:12}

/* step 1 only until a coin is loaded */
html body .tabpane.ab:not(.ab-has)>:is(.ab-s2,.ab-s3,.mb-amt,#mxPick,#mbExits,#uiBuyBal,#uiBuyBalNote,#abSummary,#buyFireBtn,#spBuy){display:none!important}
html body .tabpane.ab.ab-has>.bfx-hot{display:none!important}

/* step labels */
html body .ab-step{display:flex;align-items:center;gap:10px;margin:22px 2px 10px;font:600 13px/1 "Space Grotesk",sans-serif;letter-spacing:.01em;color:#c7c0de}
html body .ab-step i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:600 11.5px/1 "JetBrains Mono",monospace;font-style:normal;color:#b49aff;background:rgba(139,92,246,.12);border:1px solid rgba(139,92,246,.3)}
html body .tabpane.ab>.ab-s1{margin-top:8px}

/* header: no cartoon, just the title */
html body .tabpane.ab .mb-bolt{display:none!important}
html body .tabpane.ab .mb-title small{color:#8e86ab}

/* paste box: calm violet frame, not a rainbow ring */
html body .tabpane.ab #mbCa.mb-ca{border:1px solid rgba(180,154,255,.22)!important;background:linear-gradient(180deg,rgba(17,14,27,.94),rgba(12,10,19,.94))!important;box-shadow:0 10px 30px -18px rgba(0,0,0,.8)!important}
html body .tabpane.ab #mbCa.mb-ca::before,html body .tabpane.ab #mbCa.mb-ca::after{display:none!important}
html body .tabpane.ab #mbCa.mb-ca.has{border-color:rgba(180,154,255,.34)!important}

/* wallets: the summary row is enough; per-wallet chips live behind it */
html body .tabpane.ab .mx-pick-legs{display:none!important}
html body .tabpane.ab #mxPick{margin-top:12px}
html body .tabpane.ab .mb-amt{margin-top:0}

/* review line */
html body #abSummary{display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:baseline;margin:20px 2px 12px;padding:14px 16px;border-radius:14px;border:1px solid rgba(196,180,255,.12);background:rgba(255,255,255,.02)}
html body #abSummary .ab-sym{font:600 16px/1.2 "Space Grotesk",sans-serif;color:#f5f3fc}
html body #abSummary .ab-tot{text-align:right;font:500 13px/1.2 "JetBrains Mono",monospace;color:#8e86ab}
html body #abSummary .ab-tot b{font-weight:600;font-size:16px;color:#f5f3fc;margin-right:6px}
html body #abSummary .ab-from{grid-column:1/-1;font-size:12.5px;color:#8e86ab}

/* checkout panel: review line + Buy pinned together just above the bottom bar, solid so nothing shows through */
html body .tabpane.ab>#abSummary{position:sticky;bottom:calc(env(safe-area-inset-bottom,0px) + 168px);z-index:6;margin:16px 0 0;background:#0e0b17;border-color:rgba(196,180,255,.16);border-radius:16px 16px 0 0;border-bottom:0}
html body .tabpane.ab>#abSummary::before{content:"";position:absolute;left:-16px;right:-16px;top:-14px;height:14px;background:linear-gradient(180deg,transparent,#050509);pointer-events:none}
html body .tabpane.ab>#buyFireBtn{position:sticky;bottom:calc(env(safe-area-inset-bottom,0px) + 104px);z-index:6;min-height:58px;margin-top:0;border-radius:0 0 16px 16px!important;font-size:17px!important;box-shadow:0 0 0 1px rgba(196,180,255,.16),0 14px 30px -10px rgba(0,0,0,.9)!important}
html body .tabpane.ab>#buyFireBtn:disabled{box-shadow:0 0 0 1px rgba(196,180,255,.16)!important}

/* compact the top once a coin is loaded so step 2 sits above the checkout panel */
html body .tabpane.ab.ab-has .mb-title small{display:none}
html body .tabpane.ab.ab-has .mb-head{margin-bottom:0}
html body .tabpane.ab.ab-has .mb-head h2{font-size:24px!important}
html body .tabpane.ab.ab-has>.ab-s1{display:none!important}
html body .tabpane.ab #buyTokenCard .preview{padding:11px!important}
html body .tabpane.ab #buyTokenCard .fstats{margin-top:9px!important;gap:6px!important}
html body .tabpane.ab #buyTokenCard .fs{padding:7px 4px!important}
html body .tabpane.ab #hbBuyScan{padding-top:9px!important;padding-bottom:9px!important;min-height:0!important}
html body .tabpane.ab .ab-step{margin:16px 2px 8px}

/* buy flow: live chart under the token card (hide/show remembered) */
html body .tabpane.ab>#abChart{order:3;margin-top:12px;border:1px solid rgba(196,180,255,.12);border-radius:16px;background:linear-gradient(180deg,rgba(17,14,27,.94),rgba(12,10,19,.94));overflow:hidden}
html body .tabpane.ab:not(.ab-has)>#abChart{display:none!important}
html body .ab-chart-head{all:unset;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:space-between;padding:12px 14px;cursor:pointer;font:600 13px/1 "Space Grotesk",sans-serif;color:#c7c0de}
html body .ab-chart-head em{font:500 12px/1 "JetBrains Mono",monospace;font-style:normal;color:#b49aff}
html body .ab-chart.off .ab-chart-host{display:none}
html body .ab-chart-host{padding:0 8px 8px}
html body .ab-chart-host .mc2-hint{display:none}
html body .ab-chart-host .mc2-plot{height:200px!important;min-height:0!important}

/* EVM buy: the address field kept its natural width and pushed Paste past the edge */
html body #rhCa{flex:1 1 0!important;min-width:0!important;width:0!important}
html body .mb-inrow>.mb-paste{flex:none}
html body .mb-paste.mb-paste{background:linear-gradient(180deg,#9b70ff,#7c4ff0)!important;border-color:transparent!important;color:#fff!important}

/* member-only CTAs (Buy crypto, cards): brand violet, not mint-to-violet */
html body .tp-btn.tp-cta.tp-cta{background:linear-gradient(180deg,#9b70ff,#7c4ff0)!important;color:#fff!important;border:0!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 10px 30px -12px rgba(139,92,246,.85)!important}

/* 10-16 look pass: home chart placeholder = calm solid line with a soft fill hint, no dashed "draft" look */
.hc-empty path{stroke:#8b6cf0;stroke-dasharray:none!important;stroke-width:1.6;opacity:.32!important;filter:drop-shadow(0 0 6px rgba(139,92,246,.55))}
.hc-empty span{font:500 12px/1 "Geist",system-ui,sans-serif!important;letter-spacing:0!important;color:rgba(232,226,255,.42)!important}
/* Callers tile: label never collides with the avatar stack; muted rings instead of gold */
.h3t-rows{margin-top:14px!important}
.h3t-l{margin-bottom:2px}
.fu-hc-a,.fu-hc-a.tS{--tc:rgba(180,154,255,.45)}
html body #heroChart .hc-empty span{font:500 12px/1.2 "Geist",system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
html body .h3t-av .fu-hc-a{box-shadow:0 0 0 2px #0c0d14,0 0 0 3px rgba(180,154,255,.45)!important}

/* 10-18 the demo Preview bar covered the top of Rugscope and Invite (the guest layer offsets other full-screen views, not these) */
html.gx-on :is(#rugScope,#refScreen).open{top:34px!important;bottom:0!important;height:auto!important;max-height:none!important}
/* Rugscope header kept the old lime accent */
.rs-t b,.rs-t svg,.rs-tool .hb-tool-ic{color:#b49aff!important}