/* Design "Anon" (brand SwapAnonymously only, never offered on swapprivate.com): started from Vault. Deep green black, phosphor green accent,
   monospace headings, framed panels on a faint grid.
   Loaded after site.css only when this design is live or previewed (see src/designs.js). */
html.d-anon {
  --bg: #07100c;
  --bg-1: #0b1712;
  --bg-2: #10221a;
  --line: #15281f;
  --line-2: #1e3a2c;
  --line-3: #2f5a45;
  --ink: #dcf7e8;
  --ink-2: #93bca7;
  --ink-3: #5f8a74;
  --ink-4: #3e5e4e;
  --good: #3dff9a;
  --mid: #f2c14e;
  --bad: #ff6b5e;
  --acc: #3dff9a;
  --r: 2px;
  --r-lg: 3px;
  --head: var(--mono);
}
/* Scripts that Plex Mono cannot draw keep their own sans for headings. */
html.d-anon:is(:lang(ar), :lang(fa), :lang(ur), :lang(hi), :lang(th), :lang(ko), :lang(ja), :lang(zh-Hans), :lang(zh-Hant)) { --head: var(--sans); }
html.d-anon body {
  background-color: var(--bg);
  background-image: linear-gradient(rgba(61, 255, 154, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(61, 255, 154, .035) 1px, transparent 1px);
  background-size: 32px 32px;
}
html.d-anon ::selection { background: var(--acc); color: #04130b; }
html.d-anon :focus-visible { outline-color: var(--acc); }
html.d-anon .mark circle { stroke: var(--acc); }

/* type: monospace headings, terminal feel */
html.d-anon h1, html.d-anon h2, html.d-anon h3, html.d-anon .h-xl, html.d-anon .h-lg, html.d-anon .h-md, html.d-anon .display-sm, html.d-anon .display-md, html.d-anon .wordmark { font-family: var(--head); }
html.d-anon .h-xl { font-weight: 500; letter-spacing: -.045em; font-size: clamp(34px, 5vw, 58px); line-height: 1.04; }
html.d-anon .hero .h-xl::before { content: "> "; color: var(--acc); }
html.d-anon[dir="rtl"] .hero .h-xl::before { content: "< "; }
html.d-anon .h-lg, html.d-anon .display-md { letter-spacing: -.04em; font-weight: 500; }
html.d-anon .h-lg::before, html.d-anon .display-md::before { content: "# "; color: var(--ink-4); }
html.d-anon .wordmark { font-size: 15px; letter-spacing: -.02em; }
html.d-anon .label, html.d-anon .sw-title, html.d-anon .desk-k, html.d-anon .step-n { color: var(--acc); }
html.d-anon .lead { color: var(--ink-2); }

/* buttons: solid phosphor, mono caps */
html.d-anon .btn { background: var(--acc); border-color: var(--acc); color: #04130b; font: 600 13px/1 var(--mono); text-transform: uppercase; letter-spacing: .06em; }
html.d-anon .btn:hover { background: #8dffc4; border-color: #8dffc4; }
html.d-anon .btn-ghost { background: transparent; color: var(--acc); border-color: var(--line-3); }
html.d-anon .btn-ghost:hover { background: rgba(61, 255, 154, .08); border-color: var(--acc); }
html.d-anon .btn[disabled], html.d-anon .btn.is-off { background: var(--bg-2); color: var(--ink-4); border-color: var(--line-2); }
html.d-anon :is(:lang(ar), :lang(fa), :lang(ur), :lang(hi), :lang(th), :lang(ko), :lang(ja), :lang(zh-Hans), :lang(zh-Hant)) .btn { font-family: var(--sans); text-transform: none; letter-spacing: 0; }

/* header */
html.d-anon .hdr { background: rgba(7, 16, 12, .9); border-bottom: 1px solid var(--line-2); }
html.d-anon .nav a { font-family: var(--mono); font-size: 13px; }
html.d-anon .nav a.on { color: var(--acc); }
html.d-anon .nav a.on::before { content: "["; color: var(--ink-4); } html.d-anon .nav a.on::after { content: "]"; color: var(--ink-4); }
html.d-anon .lang-offer { background: rgba(61, 255, 154, .08); border-bottom-color: var(--line-2); }
html.d-anon .lang-offer a { color: var(--acc); }

/* framed panels with corner marks */
html.d-anon .sw, html.d-anon .card, html.d-anon .st-card, html.d-anon .aside-card, html.d-anon .pcheck {
  position: relative; background: rgba(11, 23, 18, .92); border: 1px solid var(--line-3);
  box-shadow: 0 0 0 1px rgba(61, 255, 154, .06), 0 0 60px rgba(61, 255, 154, .05);
}
html.d-anon .sw::before, html.d-anon .sw::after, html.d-anon .st-card::before, html.d-anon .st-card::after {
  content: ""; position: absolute; width: 14px; height: 14px; border: 2px solid var(--acc); pointer-events: none;
}
html.d-anon .sw::before, html.d-anon .st-card::before { top: -2px; inset-inline-start: -2px; border-inline-end: 0; border-bottom: 0; }
html.d-anon .sw::after, html.d-anon .st-card::after { bottom: -2px; inset-inline-end: -2px; border-inline-start: 0; border-top: 0; }
html.d-anon .sw-field { background: #050c09; border-color: var(--line-2); }
html.d-anon .sw-field:focus-within { border-color: var(--acc); }
html.d-anon .sw-amt { color: var(--acc); }
html.d-anon .sw-flip, html.d-anon .coinbtn, html.d-anon .coin-select { background: var(--bg-1); }
html.d-anon .seg input:checked + span { background: var(--acc); color: #04130b; }
html.d-anon .pulse { background: var(--acc); box-shadow: 0 0 8px var(--acc); animation: anon-blink 1.6s steps(2, start) infinite; }
@keyframes anon-blink { to { opacity: .25; } }
@media (prefers-reduced-motion: reduce) { html.d-anon .pulse { animation: none; } }
html.d-anon .offer:hover { background: rgba(61, 255, 154, .05); }
html.d-anon .offer input { accent-color: var(--acc); }
html.d-anon .ul-red { text-decoration-color: var(--acc); }

/* hero */
html.d-anon .hero { border-bottom: 1px solid var(--line-2); }
html.d-anon .hero-facts { border-top-color: var(--line-3); }
html.d-anon .hero-facts li b { font-family: var(--mono); color: var(--acc); font-size: 13.5px; }

/* sections and tables */
html.d-anon .sec { border-bottom-color: var(--line-2); }
html.d-anon .rates tbody tr:hover, html.d-anon .pair:hover, html.d-anon .coin-card:hover { background: rgba(61, 255, 154, .045); }
html.d-anon .rates .pr { font-family: var(--mono); font-size: 13.5px; }
html.d-anon .rates td.n { color: var(--ink); }
html.d-anon .steps { gap: 0 14px; border-top: 0; }
html.d-anon .step { border: 1px solid var(--line-2); padding: 18px; background: rgba(11, 23, 18, .85); }
html.d-anon .step-n::before { content: "0x"; color: var(--ink-4); }
html.d-anon .faq summary { font-family: var(--head); font-size: 14.5px; font-weight: 500; }
html.d-anon .faq summary::after { color: var(--acc); }
html.d-anon .store b, html.d-anon .pcheck > div b { color: var(--acc); font-family: var(--mono); font-size: 13.5px; }
html.d-anon .coin-chip { background: var(--bg-1); }

/* private desk */
html.d-anon .desk { background: rgba(61, 255, 154, .06); border-top: 1px solid var(--line-3); border-bottom: 1px solid var(--line-3); }

/* inner pages */
html.d-anon .page-hero { border-bottom-color: var(--line-2); }
html.d-anon .prose { color: #b9d9c8; }
html.d-anon .prose h2 { font-family: var(--head); font-weight: 500; letter-spacing: -.03em; }
html.d-anon .prose h2::before { content: "## "; color: var(--ink-4); }
html.d-anon .prose li::marker { color: var(--acc); }
html.d-anon .callout { border-inline-start-color: var(--acc); }
html.d-anon .deposit { background: #050c09; border-color: var(--line-3); }
html.d-anon .deposit .amt-big { color: var(--acc); }
html.d-anon .timeline li.now { border-color: var(--acc); color: var(--acc); }
html.d-anon .news-card img, html.d-anon .article-cover { border-color: var(--line-3); }
html.d-anon .news-meta .cat { color: var(--acc); }
html.d-anon .picker::backdrop { background: rgba(2, 8, 5, .8); }
html.d-anon .fld input, html.d-anon .fld select, html.d-anon .fld textarea, html.d-anon .picker-head input { background: #050c09; }
html.d-anon .fld input:focus, html.d-anon .fld select:focus, html.d-anon .fld textarea:focus { border-color: var(--acc); }
html.d-anon .form-ok { color: var(--acc); border-color: rgba(61, 255, 154, .4); }
html.d-anon .langs-panel, html.d-anon .menu-panel { background: var(--bg-1); border-color: var(--line-3); }

/* footer */
html.d-anon .ftr { border-top: 1px solid var(--line-2); background: rgba(5, 12, 9, .7); }
html.d-anon .ftr-priv { color: var(--acc); font-family: var(--mono); font-size: 12px; }

/* long labels in some languages: let full width buttons wrap on small phones */
@media (max-width: 480px) { html.d-anon .btn-block, html.d-anon .btn-lg { white-space: normal; overflow-wrap: anywhere; height: auto; min-height: 46px; padding-block: 10px; text-align: center; line-height: 1.25; } }
html.d-anon :is(h1, h2, .h-xl, .h-lg, .display-md) { overflow-wrap: break-word; }
@media (max-width: 480px) { html.d-anon :is(h1, h2, .h-xl, .h-lg, .display-md) { hyphens: auto; } }

/* ------------------------------------------------------------ SwapAnonymously atmosphere */
html.d-anon { --bg: #050b08; --bg-1: #08130e; --bg-2: #0d1d16; --glow: 0 0 18px rgba(61, 255, 154, .35); }
/* film grain + scanlines + vignette, fixed behind everything, never catches clicks */
html.d-anon body::before {
  content: ""; position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(61, 255, 154, .10), transparent 55%),
    radial-gradient(ellipse at 50% 120%, rgba(0, 0, 0, .9), transparent 60%),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, .018) 0 1px, transparent 1px 3px);
}
html.d-anon body::after {
  content: ""; position: fixed; inset: -50%; z-index: -1; pointer-events: none; opacity: .07;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .3  0 0 0 0 1  0 0 0 0 .6  0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}
html.d-anon body { background-color: var(--bg); position: relative; isolation: isolate; }
html.d-anon .mark-anon { filter: drop-shadow(0 0 6px rgba(61, 255, 154, .45)); }
html.d-anon .brand .mark { width: 26px; height: 26px; }
html.d-anon .wordmark { letter-spacing: -.03em; }

/* headline: phosphor glow and a blinking block cursor */
html.d-anon .hero .h-xl { text-shadow: 0 0 28px rgba(61, 255, 154, .18); }
html.d-anon .hero .h-xl::after { content: ""; display: inline-block; width: .5em; height: .82em; margin-inline-start: .12em; vertical-align: -.06em; background: var(--acc); box-shadow: var(--glow); animation: anon-blink 1.1s steps(2, start) infinite; }
html.d-anon .label, html.d-anon .sw-title, html.d-anon .desk-k, html.d-anon .step-n { text-shadow: 0 0 10px rgba(61, 255, 154, .45); }
html.d-anon .good { text-shadow: 0 0 8px rgba(61, 255, 154, .35); }

/* swap box: heavier frame, terminal title bar */
html.d-anon .sw { background: linear-gradient(180deg, rgba(13, 29, 22, .96), rgba(6, 14, 10, .96)); border-color: #2f5a45; box-shadow: 0 0 0 1px rgba(61, 255, 154, .08), 0 30px 80px rgba(0, 0, 0, .6), 0 0 90px rgba(61, 255, 154, .08); }
html.d-anon .sw-top { margin: -18px -18px 16px; padding: 12px 18px; border-bottom: 1px solid var(--line-2); background: rgba(61, 255, 154, .045); }
html.d-anon .sw-amt { text-shadow: 0 0 14px rgba(61, 255, 154, .3); }
html.d-anon .btn { box-shadow: 0 0 0 1px rgba(61, 255, 154, .25), 0 0 22px rgba(61, 255, 154, .25); }
html.d-anon .btn:hover { box-shadow: 0 0 0 1px rgba(61, 255, 154, .5), 0 0 32px rgba(61, 255, 154, .45); }
html.d-anon .btn-ghost, html.d-anon .btn[disabled], html.d-anon .btn.is-off { box-shadow: none; }

/* sections: hairline glow dividers instead of flat lines */
html.d-anon .sec { border-bottom: 0; position: relative; }
html.d-anon .sec::after { content: ""; position: absolute; inset-inline: 0; bottom: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(61, 255, 154, .35), transparent); }
html.d-anon .hero { border-bottom: 0; position: relative; }
html.d-anon .hero::after { content: ""; position: absolute; inset-inline: 0; bottom: 0; height: 1px; background: linear-gradient(90deg, transparent, rgba(61, 255, 154, .45), transparent); }

html.d-anon .store b { position: relative; }
html.d-anon .hero-facts li b, html.d-anon .store b { text-shadow: 0 0 8px rgba(61, 255, 154, .35); }

/* desk: dark vault door block */
html.d-anon .desk { background: radial-gradient(ellipse at 80% 50%, rgba(61, 255, 154, .12), transparent 60%), #06100b; border: 0; }
html.d-anon .desk::after { display: none; }

/* footer */
html.d-anon .ftr { background: rgba(3, 8, 5, .85); border-top: 1px solid var(--line-2); }

@media (prefers-reduced-motion: reduce) { html.d-anon .hero .h-xl::after { animation: none; } }