/* ============================================================
   HALVAR · REFINED TECHNICAL+  —  live site design system
   Shared by every Halvar page. Quiet, surgical, industrial.
   Signature overlays live in tp-sigs.css (html[data-sig]).
   Accent is one variable: --acc (set by html[data-acc]).
   ============================================================ */
:root{
  --ink:#16161a; --ink-2:#43464e; --mut:#86888f; --faint:#a9aab0;
  --paper:#f7f6f2; --paper-2:#efeee8; --card:#fff; --surface:#fbfaf6;
  --line:#e9e8e1; --line-2:#d7d6ce; --line-3:#16161a;
  --ok:#4b8b5e;
  /* image / photo plate — derived from the theme so empty thumbnails tint with
     every palette + tone (mixes ink into the card: subtle on light, lifted on dark) */
  --plate:color-mix(in srgb,var(--ink) 6%,var(--card));
  --acc:#e8501e;                      /* overridden by html[data-acc] */
  --maxw:1340px; --gut:56px;
  --sans:"Archivo",system-ui,sans-serif;
  /* Expanded headings are the wdth axis of the Archivo variable font, not a
     separate family — pair var(--exp) with font-stretch:var(--exp-w). */
  --exp:"Archivo",system-ui,sans-serif;
  --exp-w:125%;
  --mono:"IBM Plex Mono",ui-monospace,monospace;
  --r:3px;
  --pad-y:42px;                       /* density target (compact lowers it) */
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:var(--paper)}
body{font-family:var(--sans);background:transparent;color:var(--ink);font-size:16px;line-height:1.5;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font-family:inherit}
::selection{background:var(--acc);color:#fff}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gut)}
.mono{font-family:var(--mono)}
.label{font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;height:50px;padding:0 24px;border:1px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer;border-radius:var(--r);transition:transform .12s,background .15s,border-color .15s,color .15s}
.btn:hover{transform:translateY(-1px)}
.btn svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line-3)}
.btn.ghost:hover{background:var(--ink);color:#fff}
.btn.acc{background:var(--acc);border-color:var(--acc)}
.btn.acc:hover{filter:brightness(.92)}
.btn.block{width:100%}
.btn.sm{height:44px;padding:0 18px;font-size:10px}
/* ============================================================ HEADER */
header.site{position:sticky;top:0;z-index:60;background:var(--card);border-bottom:1px solid var(--line)}
.s-util{border-bottom:1px solid var(--line)}
.s-util .wrap{display:flex;align-items:center;justify-content:space-between;height:30px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.s-util .l{display:flex;align-items:center;gap:9px}
.modetog{display:inline-flex;align-items:center;gap:7px;background:none;border:0;cursor:pointer;padding:0;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);transition:color .15s}
.modetog:hover{color:var(--ink)}
.modetog .mi{display:flex}
.modetog .mi svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.7;fill:none}
.s-util .l i{width:6px;height:6px;border-radius:50%;background:var(--acc);display:inline-block}
.s-util .r{display:flex;align-items:center;gap:10px}
.s-util .r a:hover{color:var(--ink)}
.s-util .r>a[href^="tel"]{padding-right:4px}
/* locale pickers — distinctive bordered chips */
.picker{position:relative;font-family:var(--mono)}
.pk-btn{color:var(--ink);display:flex;align-items:center;gap:6px;height:22px;padding:0 8px;border:1px solid var(--line-2);border-radius:var(--r);background:var(--card);font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);cursor:pointer;transition:border-color .15s,background .15s,color .15s}
.pk-btn:hover{border-color:var(--ink)}
.picker.open .pk-btn{background:var(--ink);border-color:var(--ink);color:#fff}
.pk-chev{width:11px;height:11px;stroke:currentColor;stroke-width:2.2;fill:none;opacity:.6}
.picker.open .pk-chev{transform:rotate(180deg)}
.pk-menu{position:absolute;top:calc(100% + 7px);right:0;z-index:90;display:none;min-width:188px;background:var(--card);border:1px solid var(--ink);border-radius:var(--r);box-shadow:0 18px 40px -20px rgba(22,22,26,.5);padding:4px;max-height:min(60vh,360px);overflow:auto}
.picker.open .pk-menu{display:block}
.pk-item{display:flex;align-items:center;gap:10px;width:100%;padding:7px 9px;border:0;border-radius:var(--r);background:none;font-family:var(--mono);font-size:11px;color:var(--ink-2);cursor:pointer;text-align:left;transition:background .12s,color .12s}
.pk-item:hover{background:var(--surface);color:var(--ink)}
.pk-item.on{color:var(--acc)}
.pk-item .pk-sym{width:22px;font-weight:700;color:var(--acc)}
.pk-item .pk-code{width:30px;font-weight:600;letter-spacing:.06em}
.pk-item .pk-name{color:var(--mut);font-size:10.5px}
.pk-item:hover .pk-name{color:var(--ink-2)}
.pk-item.on .pk-name{color:var(--acc)}
.pk-menu-lang .pk-item .pk-code{color:var(--acc)}
.s-mast{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:38px;height:74px}
.brand{display:flex;align-items:center;gap:13px}
.brand .mark{width:30px;height:34px;flex:none}
.brand .mark path,.brand .mark line{stroke:var(--ink);stroke-width:1.5;fill:none;stroke-linecap:round}
.brand .mark .dot{fill:var(--acc);stroke:none}
.brand .wm{display:flex;flex-direction:column;line-height:1}
.brand .wm b{font-family:var(--exp);font-stretch:var(--exp-w);font-size:21px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}
.brand .wm small{font-family:var(--mono);font-size:8px;letter-spacing:.22em;color:var(--mut);text-transform:uppercase;margin-top:5px}
.site-search{position:relative;display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line-2);padding:8px 2px;max-width:600px;width:100%;justify-self:stretch;transition:border-color .18s}
.site-search:focus-within{border-bottom-color:var(--acc)}
.site-search .pre{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:12px;font-weight:600;color:var(--ink);white-space:nowrap}
.site-search .pre svg{width:16px;height:16px;stroke:var(--ink);stroke-width:1.9;fill:none}
.site-search .slash{color:var(--acc);font-weight:700}
.site-search input{flex:1;border:0;outline:none;background:none;font-family:var(--sans);font-size:15px;color:var(--ink);padding:2px 0}
.site-search input::placeholder{color:var(--faint)}
.site-search .ret{font-family:var(--mono);font-size:9px;letter-spacing:.1em;color:var(--mut);border:1px solid var(--line-2);border-radius:var(--r);padding:4px 7px;white-space:nowrap}
.hright{display:flex;align-items:center;gap:24px}
.icbtn{display:flex;align-items:center;gap:9px;background:none;border:0;cursor:pointer;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);transition:color .15s}
.icbtn:hover{color:var(--acc)}
.icbtn svg{width:19px;height:19px;stroke:var(--ink);stroke-width:1.7;fill:none}
.cartbtn{display:flex;align-items:center;gap:11px;background:none;border:0;cursor:pointer;color:var(--ink)}
.cartbtn .ci{position:relative;display:flex}
.cartbtn .ci svg{width:20px;height:20px;stroke:var(--ink);stroke-width:1.7;fill:none}
.cartbtn .ci .count{position:absolute;top:-7px;right:-8px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--acc);color:#fff;font-family:var(--mono);font-size:9px;display:flex;align-items:center;justify-content:center;font-weight:600;border:2px solid var(--card)}
.cartbtn .cl{display:flex;flex-direction:column;line-height:1.18;text-align:left}
.cartbtn .cl .l1{font-family:var(--mono);font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.cartbtn .cl .l2{font-family:var(--mono);font-size:12.5px;font-weight:600;letter-spacing:-.01em}
.cartbtn:hover .cl .l2{color:var(--acc)}
.s-nav{border-top:1px solid var(--line)}
.s-nav .wrap{display:flex;align-items:center;justify-content:space-between;height:50px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.s-nav .nl{display:flex;align-items:center;gap:24px}
body[data-catmenu="on"] .s-nav .nl{flex:1}
/* hairline divider in the gap between adjacent right-cluster nav items */
.s-nav .nl > a.pg:not(:first-of-type)::before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:1px;height:12px;background:var(--line-2)}
.s-nav .nr a:not(:first-child)::before{content:"";position:absolute;left:-11px;top:50%;transform:translateY(-50%);width:1px;height:12px;background:var(--line-2)}
.s-nav .nr a{position:relative}
.s-nav .nl a{color:var(--ink-2);display:flex;align-items:center;gap:8px;position:relative}
.s-nav .nl a.all{color:var(--ink);font-weight:600}
.s-nav .nl a svg{width:13px;height:13px;stroke:currentColor;stroke-width:1.7;fill:none}
.s-nav .nl a.all svg{opacity:.55}
.s-nav .nl a.all:hover svg{opacity:1}
.s-nav .nl a:hover,.s-nav .nl a.on{color:var(--acc)}
.s-nav .nr{display:flex;gap:22px;color:var(--mut)}
.s-nav .nr a:hover{color:var(--ink)}
/* ── Full-catalogue mega menu (Directions → Catalogue menu) ───────── */
.megawrap{position:relative;display:flex;align-items:center}
/* When folded (space-driven), inline departments collapse into the click menu;
   "Full catalogue" + "Clearance" (.all / .pg) always remain inline. */
body[data-catmenu="on"] .s-nav .nl > a:not(.all):not(.pg){display:none}
/* Off-screen measurement state: force the fully-expanded layout so JS can read
   whether departments + pages fit on one row. */
body[data-navmeasure] .s-nav .nl > a{display:flex!important}
body[data-navmeasure] .s-nav .nr{display:flex!important}
/* Neutralise the flex:1 stretch + space-between during measurement so JS reads
   the NATURAL content width (otherwise scrollWidth always equals clientWidth and
   overflow can never be detected). */
body[data-navmeasure] .s-nav .nl{flex:0 0 auto!important}
body[data-navmeasure] .s-nav .wrap{justify-content:flex-start!important;gap:24px}
.mega-chev{width:11px;height:11px;stroke:currentColor;stroke-width:2.2;fill:none;opacity:.5;display:none;margin-left:-1px;transition:transform .2s ease,opacity .2s ease}
body[data-catmenu="on"] .s-nav .nl a.all .mega-chev{display:inline-block}
body[data-catmenu="on"] .megawrap:hover .all .mega-chev,
body[data-catmenu="on"] .megawrap.mega-open .all .mega-chev,
body[data-catmenu="on"] .megawrap:focus-within .all .mega-chev{transform:rotate(180deg);opacity:1}
/* Solid by default — matches the header bar, which is solid var(--card) and only
   turns acrylic when Directions → Acrylic is on. The frosted treatment lives in
   the data-acrylic rule below, sharing the same --acr-* recipe as .pk-menu. */
.megamenu{display:none}
body[data-catmenu="on"] .megamenu{display:block;position:absolute;top:calc(100% + 10px);left:-16px;z-index:70;width:600px;
  border-radius:var(--r);overflow:hidden;
  background:var(--card);
  border:1px solid var(--line-2);
  box-shadow:0 22px 60px -28px rgba(22,22,26,.5),0 6px 18px -10px rgba(22,22,26,.22);
  text-transform:none;letter-spacing:normal;font-family:var(--sans);
  opacity:0;visibility:hidden;transform:translateY(8px);
  transition:opacity .2s ease,transform .24s cubic-bezier(.2,.8,.2,1),visibility .24s}
/* hover bridge so the gap between trigger and panel stays hoverable */
body[data-catmenu="on"] .megamenu::before{content:"";position:absolute;left:0;right:0;top:-11px;height:11px}
body[data-catmenu="on"] .megamenu.open{opacity:1;visibility:visible;transform:translateY(0)}
.mm-top{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:13px 22px;border-bottom:1px solid color-mix(in srgb,var(--line) 65%,transparent)}
.mm-top-t{font-weight:600;font-size:13px;color:var(--ink);letter-spacing:0}
.mm-top-s{font-family:var(--mono);font-size:9px;letter-spacing:.07em;text-transform:uppercase;color:var(--mut)}
.mm-cols{display:grid;grid-template-columns:1.32fr 1fr}
.mm-col{padding:18px 22px 20px}
.mm-col-dep{border-right:1px solid color-mix(in srgb,var(--line) 65%,transparent)}
.mm-h{font-family:var(--mono);font-size:9px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--mut);margin-bottom:4px}
.mm-list{display:flex;flex-direction:column}
.mm-depts a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:9px 10px;margin:0 -10px;border-radius:var(--r);color:var(--ink);font-size:13px;letter-spacing:0;transition:color .14s ease,background .14s ease}
.mm-depts a:hover{color:var(--acc);background:color-mix(in srgb,var(--acc) 9%,transparent)}
.mm-depts .mm-l{font-weight:500}
.mm-depts .mm-c{font-family:var(--mono);font-size:10px;color:var(--mut);font-variant-numeric:tabular-nums}
.mm-brands{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.megamenu .mm-brands a{padding:5px 10px;border:1px solid color-mix(in srgb,var(--line-2) 70%,transparent);border-radius:var(--r);color:var(--ink-2);font-size:11.5px;letter-spacing:0;transition:color .14s ease,border-color .14s ease,background .14s ease}
.megamenu .mm-brands a:hover{color:var(--acc);border-color:var(--acc);background:color-mix(in srgb,var(--acc) 8%,transparent)}
.megamenu a.mm-more{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-family:var(--mono);font-size:9.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--mut);transition:color .14s ease}
.mm-more svg{width:13px;height:13px;stroke:currentColor;stroke-width:1.7;fill:none}
.megamenu a.mm-more:hover{color:var(--acc)}
.megamenu a.mm-cta{display:flex;align-items:center;gap:12px;padding:14px 22px;border-top:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:0 0 var(--r) var(--r);background:color-mix(in srgb,var(--surface) 70%,transparent);color:var(--ink);letter-spacing:0;transition:background .16s ease,color .16s ease}
.mm-cta .mm-cta-l{font-weight:600;font-size:13px}
.mm-cta .mm-cta-n{font-family:var(--mono);font-size:10px;color:var(--mut)}
.mm-cta .mm-cta-a{display:flex;color:var(--acc);margin-left:auto}
.mm-cta .mm-cta-a svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.8;fill:none}
.megamenu a.mm-cta:hover{background:color-mix(in srgb,var(--acc) 10%,transparent);color:var(--acc)}
.megamenu a.mm-cta:hover .mm-cta-n{color:var(--acc)}
/* running ticker (density/house signatures may show it) */
.s-ticker{display:none;border-top:1px solid var(--line);background:var(--card);overflow:hidden}
.s-ticker .trk{display:inline-flex;white-space:nowrap;animation:tk 60s linear infinite}
.s-ticker .it{display:inline-flex;align-items:center;gap:9px;padding:8px 28px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.s-ticker .it i{width:5px;height:5px;border-radius:50%;background:var(--acc)}
@keyframes tk{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.s-ticker .trk{animation:none}}
/* Running ticker forced on/off (Directions → Top bar). Auto leaves it to signatures. */
body[data-ticker="on"] .s-ticker{display:block}
body[data-ticker="off"] .s-ticker{display:none}
/* ── Live warehouse status strip (Directions → Top bar) ───────────── */
.livestat{display:inline-flex;align-items:center;gap:13px;padding-left:12px;margin-left:3px;border-left:1px solid var(--line-2);font-family:var(--mono);font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--mut);white-space:nowrap}
.livestat .lv-dot{position:relative;width:6px;height:6px;border-radius:50%;background:var(--mut);flex:none}
.livestat.open .lv-dot{background:var(--acc)}
.livestat .lv-disp,.livestat .lv-clock{display:inline-flex;gap:6px;align-items:center}
.livestat b{color:var(--ink-2);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.04em}
.livestat.open .lv-disp b{color:var(--acc)}
.livestat .lv-clock{padding-left:13px;border-left:1px solid var(--line-2)}
@media (prefers-reduced-motion:no-preference){
  .livestat.open .lv-dot::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:1px solid var(--acc);animation:lvPing 1.9s ease-out infinite}
}
@keyframes lvPing{0%{transform:scale(.55);opacity:.7}100%{transform:scale(2.4);opacity:0}}
body[data-livestatus="off"] .livestat{display:none}
body[data-livestatus="clock"] .livestat .lv-disp{display:none}
body[data-livestatus="clock"] .livestat .lv-clock{padding-left:0;border-left:0}
body[data-livestatus="dispatch"] .livestat .lv-clock{display:none}
@media (max-width:1080px){.livestat .lv-clock{display:none!important}}
@media (max-width:820px){.livestat{display:none!important}}
/* ── Top edge treatment (Directions → Top bar) ────────────────────── */
.s-edge{height:0;overflow:hidden;transition:height .2s ease}
body[data-edge="accent"] .s-edge{height:3px;background:var(--acc)}
body[data-edge="hazard"] .s-edge{height:7px;background:repeating-linear-gradient(135deg,var(--acc) 0 10px,#16161a 10px 20px)}
body[data-edge="ruler"] .s-edge{height:10px;background:var(--card);border-bottom:1px solid var(--line);background-image:repeating-linear-gradient(90deg,var(--line-2) 0 1px,transparent 1px 8px),repeating-linear-gradient(90deg,var(--ink-2) 0 1px,transparent 1px 40px);background-position:bottom;background-repeat:repeat-x;background-size:8px 5px,40px 9px}
/* ── Masthead registration coordinates (Directions → Top bar) ─────── */
.brand-coord{display:none}
body[data-coords="on"] .brand-coord{display:flex;flex-direction:column;line-height:1.25;margin-left:16px;padding-left:15px;border-left:1px solid var(--line-2);font-family:var(--mono);font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
body[data-coords="on"] .brand-coord b{font-weight:600;color:var(--ink-2);letter-spacing:.06em}
body[data-coords="on"] .brand-coord span{color:var(--faint);margin-top:2px}
@media (max-width:1180px){body[data-coords="on"] .brand-coord{display:none}}
/* ============================================================ PAGE SCAFFOLD */
.main{position:relative;padding:var(--pad-y) var(--gut) 64px;max-width:var(--maxw);margin:0 auto}
.crumb{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);padding:22px 0 0}
.crumb b,.crumb .sep{color:var(--faint)}
.crumb a:hover{color:var(--acc)}
.crumb .cur{color:var(--ink-2)}
.ptop{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}
.ptop .h1{font-size:50px;font-weight:600;letter-spacing:-.035em;line-height:.98;margin:0}
.ptop .lead{font-size:13.5px;color:var(--ink-2);line-height:1.6;margin-top:13px;max-width:48ch}
.ptop .stat{text-align:right;font-family:var(--mono);font-size:10.5px;color:var(--mut);white-space:nowrap}
.ptop .stat b{display:block;font-size:13px;color:var(--ink);font-weight:600;margin-bottom:3px}
.rule{position:relative;height:8px;margin:24px 0 28px;border-left:1px solid var(--line-2);border-right:1px solid var(--line-2);background:linear-gradient(var(--line-2),var(--line-2)) left center/100% 1px no-repeat}
.rule span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--paper);padding:0 12px;font-family:var(--mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--mut)}
/* section header (store landing) */
.sechead{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:0 0 26px}
.sechead .idx{display:flex;flex-direction:column;gap:12px}
.sechead .num{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--acc)}
.sechead h2{font-family:var(--exp);font-stretch:var(--exp-w);font-size:clamp(26px,3vw,38px);font-weight:800;text-transform:uppercase;letter-spacing:-.01em;line-height:.95}
.sechead .more{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);display:inline-flex;align-items:center;gap:9px;white-space:nowrap;transition:gap .18s,color .15s}
.sechead .more:hover{gap:14px;color:var(--acc)}
.sechead .more svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.8;fill:none}
/* ============================================================ PRODUCT CARD GRID */
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,background .16s}
.card:hover{box-shadow:0 18px 40px -28px rgba(22,22,26,.5)}
/* Light-mode definition: resting lift on cards + framed panels so white surfaces
   detach from the (now deeper) paper ground. Suppressed in dark / dramatic tones. */
body:not([data-tone="dark"]):not([data-drama="1"]) .card{box-shadow:var(--card-shadow,none)}
body:not([data-tone="dark"]):not([data-drama="1"]) .card:hover{box-shadow:0 18px 40px -24px rgba(22,22,26,.55)}
.fig{position:relative;aspect-ratio:4/3;overflow:hidden;border-bottom:1px solid var(--line);background:var(--plate)}
.fig image-slot{width:100%;height:100%}
/* product photos (Directions → Imagery) — contained shots on the figure plate */
.pphoto{width:100%;height:100%;object-fit:contain;padding:9%;box-sizing:border-box;display:block}
.lthumb .pphoto,.ditem .dthumb .pphoto,.lrowc .th .pphoto,.coi .th .pphoto{padding:6%}
.thumb .pphoto{padding:7%}
.gview .pphoto{padding:4%}
.rc{position:absolute;font-family:var(--mono);font-size:11px;line-height:1;color:var(--acc);z-index:2;display:none}
.rc.tl{top:8px;left:9px}
.rc.br{bottom:8px;right:9px}
.pn{position:absolute;top:9px;right:10px;font-family:var(--mono);font-size:9.5px;letter-spacing:.04em;color:var(--ink-2);background:rgba(255,255,255,.86);padding:3px 6px;z-index:2}
span.tag{position:absolute;top:9px;left:10px;font-family:var(--mono);font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--ink);padding:4px 8px;z-index:2}
span.tag.acc{background:var(--acc)}
.cb{padding:15px 16px 0}
.cat{font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
.nm{font-size:15.5px;font-weight:600;letter-spacing:-.01em;line-height:1.18;margin:7px 0 0;display:block}
.card:hover .nm{color:var(--acc)}
.specs{margin-top:13px;border-top:1px solid var(--line)}
.srow{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:10.5px}
.srow .k{color:var(--mut);letter-spacing:.04em;text-transform:uppercase}
.srow .v{color:var(--ink);text-align:right}
.srow .v.low{color:var(--acc)}
.foot{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;margin-top:auto;gap:12px}
.foot-dots{flex:1;border-bottom:1.5px dotted var(--line-2);transform:translateY(-3px);display:none}
.pr{font-family:var(--mono);font-size:17px;font-weight:600;letter-spacing:-.01em}
.pr small{font-size:9px;color:var(--mut);font-weight:400}
.add{color:var(--ink);display:flex;align-items:center;gap:7px;border:1px solid var(--line-2);border-radius:var(--r);background:var(--card);font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:8px 13px;cursor:pointer;color:var(--ink);transition:background .14s,color .14s,border-color .14s}
.add:hover{background:var(--ink);border-color:var(--ink);color:#fff}
.add svg{width:11px;height:11px;stroke:currentColor;stroke-width:2;fill:none}
/* ============================================================ LEDGER MODE */
.led{border-top:1px solid var(--ink)}
.lhead{display:grid;grid-template-columns:54px 64px 1fr 200px 132px 116px 116px;align-items:center;gap:20px;padding:11px 4px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
.lhead .r{text-align:right}
.lrow{display:grid;grid-template-columns:54px 64px 1fr 200px 132px 116px 116px;align-items:center;gap:20px;padding:16px 4px;border-bottom:1px solid var(--line)}
.lrow:hover{background:var(--card)}
.lnum{font-family:var(--exp);font-stretch:var(--exp-w);font-weight:900;font-size:24px;letter-spacing:-.03em;color:transparent;-webkit-text-stroke:1px rgba(22,22,26,.22);line-height:1;display:none}
.lthumb{position:relative;width:64px;height:64px;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--plate)}
.lthumb image-slot{width:100%;height:100%}
.lname .c{font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.lname .nm{font-size:16px;font-weight:600;letter-spacing:-.01em;margin:4px 0 2px}
.lname .pn2{font-family:var(--mono);font-size:9.5px;color:var(--mut)}
.lspec{font-family:var(--mono);font-size:11px;color:var(--ink-2);line-height:1.5}
.lstock{font-family:var(--mono);font-size:10.5px;color:var(--ink-2);display:flex;align-items:center;gap:8px}
.lstock i{width:6px;height:6px;border-radius:50%;background:var(--ok);flex:none}
.lstock.low{color:var(--acc)}
.lstock.low i{background:var(--acc)}
.lprice{font-family:var(--mono);font-size:17px;font-weight:600;text-align:right;letter-spacing:-.01em}
.lprice small{display:block;font-size:8.5px;color:var(--mut);font-weight:400;letter-spacing:.04em;margin-top:2px}
.ladd{justify-self:end;display:flex;align-items:center;gap:7px;border:1px solid var(--line-2);background:var(--card);font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:9px 15px;cursor:pointer;color:var(--ink);transition:background .14s,border-color .14s,color .14s}
.ladd:hover{background:var(--acc);border-color:var(--acc);color:#fff}
.ladd svg{width:11px;height:11px;stroke:currentColor;stroke-width:2;fill:none}
/* ============================================================ FILTER RAIL / ARCHIVE */
.layout{display:grid;grid-template-columns:236px 1fr;gap:40px;align-items:start;margin-top:26px}
body[data-rail="off"] .layout{grid-template-columns:1fr}
.rail{position:relative}
.rhead{display:flex;align-items:center;justify-content:space-between;padding:0 0 14px;border-bottom:1px solid var(--line-2)}
.rhead .t{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}
.rhead .clr{font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:var(--mut);background:none;border:0;cursor:pointer;padding:0}
.rhead .clr:hover{color:var(--acc)}
.rhead .clr:disabled{opacity:.4;cursor:default}
.fg{border-bottom:1px solid var(--line)}
.fg .gh{font-family:var(--mono);font-size:9px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);padding:18px 0 10px}
.fg .gl{padding:0 0 16px;display:flex;flex-direction:column;gap:1px}
.fopt{display:flex;align-items:center;gap:11px;padding:7px 0;background:none;border:0;cursor:pointer;text-align:left;width:100%;font-family:var(--sans)}
.fopt .box{width:16px;height:16px;border:1px solid var(--line-2);border-radius:var(--r);flex:none;display:flex;align-items:center;justify-content:center;background:var(--card)}
.fopt .box svg{width:11px;height:11px;stroke:#fff;stroke-width:2.6;fill:none;opacity:0}
.fopt.on .box{background:var(--acc);border-color:var(--acc)}
.fopt.on .box svg{opacity:1}
.fopt .fl{flex:1;font-size:13px;color:var(--ink-2);min-width:0}
.fopt.on .fl{color:var(--ink);font-weight:500}
.fopt:hover .fl{color:var(--ink)}
.fopt .fc{font-family:var(--mono);font-size:10.5px;color:var(--mut)}
.fopt[data-empty="1"]{opacity:.4}
.fprice{display:flex;flex-direction:column;gap:11px;padding:4px 0 18px}
.fprice .row{display:flex;align-items:center;gap:9px}
.pf{flex:1;display:flex;align-items:center;gap:5px;border:1px solid var(--line-2);border-radius:var(--r);padding:8px 10px;background:var(--card);min-width:0}
.pf .cur{font-family:var(--mono);font-size:11px;color:var(--mut)}
.pf input{width:100%;min-width:0;border:0;background:none;outline:none;font-family:var(--mono);font-size:12px;color:var(--ink);-moz-appearance:textfield}
.pf input::-webkit-outer-spin-button,.pf input::-webkit-inner-spin-button{-webkit-appearance:none}
.fprice .dash{color:var(--mut)}
.apply{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--ink);border-radius:var(--r);background:var(--card);color:var(--ink);padding:9px 0;cursor:pointer}
.apply:hover{background:var(--ink);color:#fff}
.actchips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.actchips .ch{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line-2);border-radius:var(--r);background:var(--card);font-family:var(--mono);font-size:10.5px;letter-spacing:.02em;padding:7px 11px;color:var(--ink)}
.actchips .ch b{color:var(--mut);font-weight:500;text-transform:uppercase;font-size:8.5px;letter-spacing:.1em}
.actchips .ch button{background:none;border:0;cursor:pointer;color:var(--mut);display:flex;padding:0;margin-left:2px}
.actchips .ch button:hover{color:var(--acc)}
.actchips .ch svg{width:11px;height:11px;stroke:currentColor;stroke-width:2;fill:none}
.resbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 16px;margin-bottom:24px;border-bottom:1px solid var(--line)}
.resbar .cnt{font-family:var(--mono);font-size:11px;color:var(--mut)}
.resbar .cnt b{color:var(--ink);font-weight:600}
.resbar .sortwrap{display:flex;align-items:center;gap:10px;flex:none}
.resbar .sortwrap label{font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.resbar select{font-family:var(--mono);font-size:11px;color:var(--ink);border:1px solid var(--line-2);border-radius:var(--r);background:var(--card);padding:7px 28px 7px 10px;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316161a' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center;background-size:13px}
.filterbtn{display:none;align-items:center;gap:8px;flex:none;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);border:1px solid var(--line-2);border-radius:var(--r);background:var(--card);padding:8px 13px;cursor:pointer}
.filterbtn:hover{border-color:var(--ink)}
.filterbtn svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.9;fill:none}
.filterbtn .fb-n{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--acc);color:#fff;font-size:9px}
.rhead-r{display:flex;align-items:center;gap:10px}
.rhead .rclose{display:none}
.rail-scrim{display:none}
.empty{padding:54px 0;text-align:center;font-family:var(--mono);font-size:12px;color:var(--mut);border-top:1px solid var(--line)}
.viewtoggle{display:inline-flex;border:1px solid var(--line-2);border-radius:var(--r);overflow:hidden}
.viewtoggle button{background:var(--card);border:0;border-left:1px solid var(--line-2);padding:7px 11px;cursor:pointer;display:flex;color:var(--mut)}
.viewtoggle button:hover{color:var(--ink)}
.viewtoggle button:first-child{border-left:0}
.viewtoggle button.on{background:var(--ink);color:#fff}
.viewtoggle svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.8;fill:none}
/* dept switcher tabs */
.depts{display:flex;flex-wrap:wrap;gap:4px 28px;border-bottom:1px solid var(--line);margin-bottom:30px}
.depts a{padding:0 0 14px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.depts a .n{font-size:9px;margin-right:7px;color:var(--faint)}
.depts a:hover{color:var(--ink)}
.depts a.on{color:var(--ink);box-shadow:inset 0 -1.5px 0 var(--ink)}
.depts a.on .n{color:var(--acc)}
/* pagination */
.pager{display:flex;align-items:center;justify-content:space-between;margin-top:30px;gap:14px;flex-wrap:wrap}
.pager .pages{display:flex;border:1px solid var(--line-2)}
.pager .pages button{min-width:44px;height:44px;border:0;border-left:1px solid var(--line-2);background:var(--card);font-family:var(--mono);font-size:12.5px;font-weight:600;color:var(--ink-2);cursor:pointer;transition:background .14s,color .14s}
.pager .pages button:first-child{border-left:0}
.pager .pages button:hover{color:var(--acc)}
.pager .pages button.on{background:var(--ink);color:#fff}
.pager .pages button[disabled]{opacity:.35;cursor:default;pointer-events:none}
.pager .note{font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;color:var(--mut)}
/* ============================================================ SEARCH SUGGESTIONS */
.site-search .sugg,.h-search .sugg{position:absolute;top:calc(100% + 12px);left:0;right:0;z-index:80;background:var(--card);border:1px solid var(--line);box-shadow:0 26px 50px -26px rgba(22,22,26,.42);max-height:min(68vh,500px);overflow-y:auto;display:none}
.site-search .sugg.open,.h-search .sugg.open{display:block}
.h-search{position:relative}
.h-search .sugg{top:calc(100% + 8px)}
.sugg-sec{font-family:var(--mono);font-size:8.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--mut);padding:13px 16px 7px}
.sugg-sec:not(:first-child){border-top:1px solid var(--line)}
.sugg-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:9px 16px;cursor:pointer}
.sugg-row .sg-pn{font-family:var(--mono);font-size:10.5px;font-weight:600;color:var(--ink-2);background:var(--surface);border:1px solid var(--line);padding:3px 7px;white-space:nowrap}
.sugg-row .sg-ic{display:flex;width:18px;justify-content:center}
.sugg-row .sg-ic svg{width:16px;height:16px;stroke:var(--mut);stroke-width:1.8;fill:none}
.sugg-row .sg-nm{font-size:13.5px;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sugg-row .sg-nm b{color:var(--acc)}
.sugg-row .sg-meta{font-family:var(--mono);font-size:10px;color:var(--mut);white-space:nowrap;text-align:right}
.sugg-row:hover,.sugg-row.active{background:var(--surface)}
.sugg-row:hover .sg-nm,.sugg-row.active .sg-nm{color:var(--acc)}
.sugg-row.allrow{border-top:1px solid var(--line)}
.sugg-row.allrow .sg-nm{font-family:var(--mono);font-size:11.5px;font-weight:600}
.sugg-empty{padding:16px;font-family:var(--mono);font-size:11.5px;color:var(--mut);line-height:1.9}
.sugg-empty a{color:var(--acc)}
/* ============================================================ CART DRAWER */
.scrim{position:fixed;inset:0;background:rgba(22,22,26,.46);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;z-index:90;backdrop-filter:blur(2px)}
.scrim.open{opacity:1;visibility:visible}
.drawer{position:fixed;top:0;right:0;height:100%;width:448px;max-width:92vw;background:var(--paper);border-left:1px solid var(--line-3);transform:translateX(100%);transition:transform .34s cubic-bezier(.4,0,.1,1);z-index:100;display:flex;flex-direction:column}
.drawer.open{transform:translateX(0)}
.drawer .dh{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid var(--line-3)}
.drawer .dh .t{display:flex;align-items:baseline;gap:12px}
.drawer .dh h3{font-family:var(--exp);font-stretch:var(--exp-w);font-size:16px;font-weight:800;text-transform:uppercase}
.drawer .dh .cnt{font-family:var(--mono);font-size:11px;color:var(--mut)}
.drawer .dh .x{width:40px;height:40px;border:1px solid var(--line-2);border-radius:var(--r);background:var(--card);color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center}
.drawer .dh .x:hover{background:var(--ink);color:#fff}
.drawer .dh .x svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.8;fill:none}
.drawer .items{flex:1;overflow-y:auto;padding:0 24px}
.ditem{display:grid;grid-template-columns:68px 1fr auto;gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}
.ditem .info{padding:0}
/* immunise against the PDP's page-level .info{padding}
leaking into drawer line items */
.ditem .dthumb{width:68px;height:68px;border:1px solid var(--line);overflow:hidden;background:var(--plate)}
.ditem .dthumb image-slot{width:100%;height:100%}
.ditem .nm{font-size:14.5px;font-weight:600;letter-spacing:-.01em;line-height:1.25}
.ditem .pn3{font-family:var(--mono);font-size:10px;color:var(--mut);margin-top:5px}
.ditem .sp{font-family:var(--mono);font-size:10px;color:var(--faint);margin-top:2px}
.ditem .controls{display:flex;align-items:center;gap:14px;margin-top:12px}
.ditem .qty{display:inline-flex;align-items:center;border:1px solid var(--line-2);border-radius:var(--r);height:32px}
.ditem .qty button{width:30px;height:100%;border:0;background:none;cursor:pointer;font-size:15px;color:var(--ink-2)}
.ditem .qty button:hover{color:var(--acc)}
.ditem .qty span{min-width:26px;text-align:center;font-family:var(--mono);font-size:12.5px;font-weight:600}
.ditem .rm{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);background:none;border:0;cursor:pointer}
.ditem .rm:hover{color:var(--acc)}
.ditem .price{text-align:right;font-family:var(--mono);font-size:14px;font-weight:600;white-space:nowrap}
.ditem .price small{display:block;font-size:9px;color:var(--faint);font-weight:400;margin-top:3px}
.drawer .empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--mut);text-align:center;padding:40px;border:0}
.drawer .empty svg{width:40px;height:40px;stroke:var(--line-2);stroke-width:1.4;fill:none}
.drawer .df{border-top:1px solid var(--line-3);padding:20px 24px;background:var(--surface)}
.sumrow{display:flex;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:12px;color:var(--ink-2);padding:5px 0}
.sumrow.tot{font-size:16px;font-weight:600;color:var(--ink);padding-top:13px;margin-top:9px;border-top:1px solid var(--line)}
.sumrow .free{color:var(--ok)}
.dactions{display:flex;gap:10px;margin-top:18px}
.drawer .note{font-family:var(--mono);font-size:10px;color:var(--mut);text-align:center;margin-top:14px}
/* ============================================================ FOOTER */
footer.site{background:var(--ink);color:#cfccc3}
footer .ftop{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:40px;padding:52px var(--gut) 40px;max-width:var(--maxw);margin:0 auto}
footer .fbrand .wm b{color:#fff}
footer .fbrand .mark path,footer .fbrand .mark line{stroke:#fff}
footer .fbrand p{font-family:var(--mono);font-size:10.5px;line-height:1.8;color:#8b887f;margin-top:18px;max-width:30ch}
footer .fcol h4{font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#76736a;margin:0 0 16px}
footer .fcol a{display:block;font-size:13px;color:#cfccc3;padding:6px 0}
footer .fcol a:hover{color:#fff}
footer .fbot{border-top:1px solid rgba(255,255,255,.1)}
footer .fbot .wrap{display:flex;align-items:center;justify-content:space-between;height:60px;font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:#76736a}
footer .fbot .r{display:flex;gap:24px}
footer .fbot a:hover{color:#fff}
/* ============================================================ DIRECTIONS PANEL (in-page tweaks) */
.dirs-launch{position:fixed;right:20px;bottom:20px;z-index:200;display:flex;align-items:center;gap:9px;height:42px;padding:0 18px;border:1px solid var(--line-2);border-radius:999px;background:var(--card);color:var(--ink);cursor:pointer;font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;box-shadow:0 12px 30px -12px rgba(0,0,0,.35)}
.dirs-launch:hover{background:var(--surface)}
.dirs-launch i{width:9px;height:9px;border-radius:50%;background:var(--acc);display:inline-block}
.dirs-panel{position:fixed;right:20px;bottom:20px;z-index:201;width:340px;max-height:calc(100vh - 40px);overflow-y:auto;background:var(--card);border:1px solid var(--line-2);border-radius:var(--r);box-shadow:0 24px 60px -20px rgba(0,0,0,.45);display:none;flex-direction:column}
.dirs-panel.open{display:flex}
.dirs-h{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--card);border-radius:var(--r) var(--r) 0 0;z-index:2}
.dirs-h .t{font-family:var(--sans);font-size:17px;font-weight:700;letter-spacing:-.01em;text-transform:none}
.dirs-h .t small{display:block;font-family:var(--sans);font-size:11px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--mut);margin-top:3px}
.dirs-h .x{width:30px;height:30px;border:0;border-radius:50%;background:var(--surface);color:var(--mut);cursor:pointer;display:flex;align-items:center;justify-content:center}
.dirs-h .x:hover{background:var(--ink);color:#fff}
.dirs-h .x svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none}
.dsec{padding:16px 20px;border-bottom:1px solid var(--line)}
.dsec:last-child{border-bottom:0}
.dsec .lbl{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--ink);margin-bottom:11px}
.dsel{display:flex;flex-direction:column;gap:2px}
.dsel button{display:flex;align-items:baseline;gap:10px;padding:9px 11px;border:0;border-radius:var(--r);background:none;cursor:pointer;text-align:left;font-family:var(--sans);font-size:13.5px;color:var(--ink-2);border-left:2px solid transparent}
.dsel button .k{font-family:var(--mono);font-size:9px;color:var(--faint)}
.dsel button:hover{background:var(--surface);color:var(--ink)}
.dsel button.on{background:var(--surface);color:var(--ink);border-left-color:var(--acc);font-weight:600}
.dsel button.on .k{color:var(--acc)}
.dseg{display:flex;border:1px solid var(--line-2);border-radius:var(--r);overflow:hidden}
.dseg button{flex:1;padding:10px 6px;border:0;border-left:1px solid var(--line-2);background:var(--card);cursor:pointer;font-family:var(--sans);font-size:12.5px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--ink-2)}
.dseg button:first-child{border-left:0}
.dseg.dseg-sm button{padding:9px 2px;font-size:10.5px}
.dseg button:hover{background:var(--surface)}
.dseg button.on{background:var(--ink);color:#fff;font-weight:600}
.dswatches{display:flex;flex-wrap:wrap;gap:9px}
.dthemes{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.dthemes button{display:flex;flex-direction:column;gap:6px;padding:0;border:0;background:none;cursor:pointer;text-align:left}
.dthemes .sw{display:block;height:36px;border:1px solid var(--line-2);border-radius:var(--r)}
.dthemes .tl{font-family:var(--sans);font-size:11px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--ink-2)}
.dthemes button:hover .tl{color:var(--ink)}
.dthemes button.on .sw{box-shadow:0 0 0 2px var(--card),0 0 0 3.5px var(--acc)}
.dthemes button.on .tl{color:var(--ink);font-weight:700}
.dselbox{width:100%;padding:10px 11px;margin-bottom:12px;border:1px solid var(--line-2);border-radius:var(--r);background:var(--card);color:var(--ink);font-family:var(--sans);font-size:13px;cursor:pointer}
.dlbl2{font-family:var(--sans);font-size:11.5px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--ink-2);margin:14px 0 9px}
.dtintrow{margin-bottom:11px}
.dtintl{display:block;font-family:var(--sans);font-size:11px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--mut);margin-bottom:6px}
.dtintrow .dswatch{width:26px;height:26px;border-radius:var(--r)}
.dswatch.none{background:var(--card)!important;display:flex;align-items:center;justify-content:center}
.dswatch.none::after{content:"";width:24px;height:1px;background:var(--mut);transform:rotate(-45deg)}
.dswatch{width:32px;height:32px;border:1px solid var(--line-2);border-radius:var(--r);cursor:pointer;position:relative}
.dswatch.on{box-shadow:0 0 0 2px var(--card),0 0 0 3.5px var(--acc)}
.drow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0}
.drow .rl{font-family:var(--sans);font-size:13.5px;color:var(--ink-2)}
.dtog{width:42px;height:24px;border-radius:999px;border:1px solid var(--line-2);background:var(--paper-2);position:relative;cursor:pointer;flex:none;transition:background .16s}
.dtog::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--card);box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .16s}
.dtog.on{background:var(--acc);border-color:var(--acc)}
.dtog.on::after{transform:translateX(18px)}
.dirs-foot{padding:14px 18px;background:var(--surface);border-top:1px solid var(--line);font-family:var(--mono);font-size:9.5px;letter-spacing:.04em;color:var(--mut);line-height:1.7}
.dirs-foot a{color:var(--acc)}
/* ============================================================ ATMOSPHERE + ACRYLIC (site-wide, driven by tp-theme.js) */
/* ── Header legibility — denser type, full-contrast ink, taller bars ─ */
body[data-headerlegible="on"] header.site .s-util .wrap{height:33px;font-size:10.5px;color:var(--ink-2)}
body[data-headerlegible="on"] header.site .s-util .r a{color:var(--ink-2)}
body[data-headerlegible="on"] header.site .s-nav .wrap{height:53px;font-size:11.8px;letter-spacing:.05em}
body[data-headerlegible="on"] header.site .s-nav .nl a{color:var(--ink);font-weight:500}
body[data-headerlegible="on"] header.site .s-nav .nl a:hover,
body[data-headerlegible="on"] header.site .s-nav .nl a.on{color:var(--acc)}
body[data-headerlegible="on"] header.site .s-nav .nr a{color:var(--ink-2)}
body[data-headerlegible="on"] header.site .site-search input{font-size:15px}
body[data-headerlegible="on"] header.site .site-search .pre{font-size:12px}
/* ── Dark tone — repaint shared surfaces that hard-code white ──────── */
/* In light mode these states fill with dark ink + white text. In dark mode
   --ink is light, so the white text vanishes → flip their text to dark ink. */
body[data-tone="dark"] .btn.ghost:hover,
body[data-tone="dark"] .add:hover,
body[data-tone="dark"] .apply:hover,
body[data-tone="dark"] .stepper button:hover,
body[data-tone="dark"] .iconbtn:hover,
body[data-tone="dark"] .viewtoggle button.on,
body[data-tone="dark"] .pager .pages button.on,
body[data-tone="dark"] .dseg button.on,
body[data-tone="dark"] .drawer .dh .x:hover,
body[data-tone="dark"] .dirs-h .x:hover,
body[data-tone="dark"] header.site .picker.open .pk-btn,
body[data-tone="dark"] .tag:not(.acc){color:#16161a}
/* badges / chips on accent stay white */
body[data-tone="dark"] .cartbtn .ci .count,
body[data-tone="dark"] .btn.acc,
body[data-tone="dark"] .tag.acc{color:#fff}
/* near-white chips + image placeholders → dark-friendly surfaces */
body[data-tone="dark"] .pn{background:rgba(0,0,0,.45);color:var(--ink-2)}
/* ghost numeral on cards is a hard dark stroke → flip to a light stroke so it reads on dark grounds */
body[data-tone="dark"] .fig,
body[data-tone="dark"] .lthumb,
body[data-tone="dark"] .thumb,
body[data-tone="dark"] .ditem .dthumb,
body[data-tone="dark"] .coi .th{background:rgba(255,255,255,.05)}
/* slabs intentionally painted with var(--ink) → keep them dark in dark mode */
body[data-tone="dark"] footer.site,
body[data-tone="dark"] .helpbox{background:#0c0d0f}
/* floating tweaks launcher: light fill + white text → give it a dark face */
body[data-tone="dark"] .dirs-launch{background:var(--card);border-color:var(--line-2);color:var(--ink)}
body[data-tone="dark"] .dirs-launch:hover{background:var(--surface)}
/* ── Dramatic palettes (dark grounds) — same repaint hooks as dark tone ── */
body[data-drama="1"] .btn.ghost:hover,
body[data-drama="1"] .add:hover,
body[data-drama="1"] .apply:hover,
body[data-drama="1"] .stepper button:hover,
body[data-drama="1"] .iconbtn:hover,
body[data-drama="1"] .viewtoggle button.on,
body[data-drama="1"] .pager .pages button.on,
body[data-drama="1"] .dseg button.on,
body[data-drama="1"] .drawer .dh .x:hover,
body[data-drama="1"] .dirs-h .x:hover,
body[data-drama="1"] header.site .picker.open .pk-btn,
body[data-drama="1"] .tag:not(.acc){color:var(--paper)}
body[data-drama="1"] .cartbtn .ci .count,
body[data-drama="1"] .btn.acc,
body[data-drama="1"] .tag.acc{color:#fff}
body[data-drama="1"] .pn{background:rgba(0,0,0,.45);color:var(--ink-2)}
body[data-drama="1"] .fig,
body[data-drama="1"] .lthumb,
body[data-drama="1"] .thumb,
body[data-drama="1"] .ditem .dthumb,
body[data-drama="1"] .coi .th{background:rgba(255,255,255,.05)}
body[data-drama="1"] footer.site,
body[data-drama="1"] .helpbox{background:var(--paper-2)}
body[data-drama="1"] .dirs-launch{background:var(--card);border-color:var(--line-2);color:var(--ink)}
body[data-drama="1"] .dirs-launch:hover{background:var(--surface)}
/* Hairline — render whichever header rules still show as a barely-there line */
body[data-hairline="on"] header.site,
body[data-hairline="on"] header.site .s-util,
body[data-hairline="on"] header.site .s-nav{border-color:color-mix(in srgb,var(--line) 26%,transparent)}
/* Frame weight (Directions) — soften the near-black structural frames (--line-3)
   used across the product page, cart, sidecards & containers. Bold = original.
   Theme-relative so it stays legible on dark grounds too. */
body[data-frames="soft"]{--line-3:color-mix(in srgb,var(--ink) 30%,var(--paper))}
body[data-frames="hairline"]{--line-3:color-mix(in srgb,var(--ink) 15%,var(--paper))}
/* Off — drop every header rule */
body[data-topborders="off"] header.site,
body[data-topborders="off"] header.site .s-util,
body[data-topborders="off"] header.site .s-nav{border-color:transparent}
/* Bottom only — keep the outer rule under the bar, drop the internal dividers */
body[data-topborders="bottom"] header.site .s-util,
body[data-topborders="bottom"] header.site .s-nav{border-color:transparent}
body[data-bg]:not([data-bg="none"])::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none}
/* Signal intensity — multiplies each pattern's baked-in opacity via filter so the
   accent reads stronger/weaker without rewriting every pattern. Aurora keeps blur. */
body[data-bg]:not([data-bg="none"]):not([data-bg="aurora"])::before{filter:opacity(var(--bg-intensity,1)) saturate(var(--bg-sat,1)) contrast(var(--bg-con,1))}
body[data-bg="wash"]::before{background:
  radial-gradient(60% 55% at 12% -5%, color-mix(in srgb,var(--acc) 16%,transparent), transparent 70%),
  radial-gradient(55% 50% at 105% 18%, color-mix(in srgb,var(--acc) 11%,transparent), transparent 72%)}
body[data-bg="mesh"]::before{background:
  radial-gradient(38% 40% at 10% 6%, color-mix(in srgb,var(--acc) 26%,transparent), transparent 70%),
  radial-gradient(44% 46% at 92% 10%, color-mix(in srgb,oklch(0.72 0.15 235) 22%,transparent), transparent 72%),
  radial-gradient(50% 52% at 72% 98%, color-mix(in srgb,oklch(0.74 0.14 150) 18%,transparent), transparent 72%),
  radial-gradient(40% 42% at 30% 80%, color-mix(in srgb,oklch(0.72 0.13 300) 16%,transparent), transparent 72%)}
body[data-bg="grid"]::before{background:
  linear-gradient(var(--line) 1px, transparent 1px) 0 0/34px 34px,
  linear-gradient(90deg, var(--line) 1px, transparent 1px) 0 0/34px 34px;opacity:.7}
body[data-bg="dots"]::before{background:radial-gradient(var(--line-2) 1.4px, transparent 1.6px) 0 0/24px 24px;opacity:.7}
body[data-bg="topo"]::before{background:
  repeating-radial-gradient(circle at 18% 12%, transparent 0 26px, color-mix(in srgb,var(--acc) 8%,transparent) 26px 27px),
  repeating-radial-gradient(circle at 88% 84%, transparent 0 30px, color-mix(in srgb,var(--ink) 5%,transparent) 30px 31px)}
body[data-bg="blueprint"]::before{background:
  linear-gradient(color-mix(in srgb,var(--acc) 13%,transparent) 1px,transparent 1px) 0 0/40px 40px,
  linear-gradient(90deg,color-mix(in srgb,var(--acc) 13%,transparent) 1px,transparent 1px) 0 0/40px 40px,
  linear-gradient(color-mix(in srgb,var(--acc) 6%,transparent) 1px,transparent 1px) 0 0/8px 8px,
  linear-gradient(90deg,color-mix(in srgb,var(--acc) 6%,transparent) 1px,transparent 1px) 0 0/8px 8px,
  color-mix(in srgb,var(--acc) 4%,transparent)}
body[data-bg="halftone"]::before{background:radial-gradient(color-mix(in srgb,var(--acc) 30%,transparent) 2px,transparent 2.6px) 0 0/18px 18px;opacity:.55}
body[data-bg="diagonal"]::before{background:repeating-linear-gradient(45deg,transparent 0 14px,color-mix(in srgb,var(--ink) 4%,transparent) 14px 15px)}
body[data-bg="concentric"]::before{background:repeating-radial-gradient(circle at 50% -10%,transparent 0 38px,color-mix(in srgb,var(--acc) 9%,transparent) 38px 40px)}
body[data-bg="hatch"]::before{background:
  repeating-linear-gradient(45deg,transparent 0 9px,color-mix(in srgb,var(--ink) 5%,transparent) 9px 10px),
  repeating-linear-gradient(-45deg,transparent 0 9px,color-mix(in srgb,var(--ink) 5%,transparent) 9px 10px)}
body[data-bg="iso"]::before{background:
  repeating-linear-gradient(30deg,transparent 0 28px,color-mix(in srgb,var(--ink) 5%,transparent) 28px 29px),
  repeating-linear-gradient(-30deg,transparent 0 28px,color-mix(in srgb,var(--ink) 5%,transparent) 28px 29px),
  repeating-linear-gradient(90deg,transparent 0 28px,color-mix(in srgb,var(--ink) 5%,transparent) 28px 29px)}
body[data-bg="schematic"]::before{opacity:.85;background:
  linear-gradient(var(--line) 1px,transparent 1px) 0 0/22px 22px,
  linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0/22px 22px,
  radial-gradient(color-mix(in srgb,var(--acc) 26%,transparent) 1.6px,transparent 2px) 0 0/22px 22px}
body[data-bg="aurora"]::before{filter:blur(2px) opacity(var(--bg-intensity,1)) saturate(var(--bg-sat,1)) contrast(var(--bg-con,1));background:
  conic-gradient(from 210deg at 20% 18%, color-mix(in srgb,var(--acc) 20%,transparent), transparent 40%),
  conic-gradient(from 30deg at 85% 80%, color-mix(in srgb,oklch(0.72 0.14 250) 18%,transparent), transparent 45%)}
/* Background frost — a light acrylic veil that softens the pattern behind content */
body[data-frost="light"]::after,body[data-frost="medium"]::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none}
body[data-frost="light"]::after{background:color-mix(in srgb,var(--card) 10%,transparent);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
body[data-frost="medium"]::after{background:color-mix(in srgb,var(--card) 22%,transparent);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
/* ── Filter rail surface — only when an atmosphere background is active, so the
      controls read on their own plate instead of floating on the pattern. The
      clean borderless rail stays when Atmosphere = None. */
body[data-bg]:not([data-bg="none"]) .rail{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--r);
  padding:4px 18px 16px;
  box-shadow:0 12px 32px -26px rgba(22,22,26,.5);
}
body[data-bg]:not([data-bg="none"]) .rhead{padding-top:16px}
body[data-acrylic="on"][data-bg]:not([data-bg="none"]) .rail{
  background:color-mix(in srgb,var(--card) 76%,transparent);
  backdrop-filter:blur(16px) saturate(1.5);
  -webkit-backdrop-filter:blur(16px) saturate(1.5);
  border-color:color-mix(in srgb,var(--line-2) 65%,transparent);
}
/* Stray chrome text gets one contrast step over the pattern */
body[data-bg]:not([data-bg="none"]) .crumb,
body[data-bg]:not([data-bg="none"]) .stat,
body[data-bg]:not([data-bg="none"]) .lead,
body[data-bg]:not([data-bg="none"]) .resbar .cnt,
body[data-bg]:not([data-bg="none"]) .depts a{color:var(--ink-2)}
/* Acrylic / Fluent frosted glass on sticky + floating surfaces.
   Tint %, blur, saturation and brightness are driven by --acr-* vars set in
   tp-site.js (applyAcrylic) so the Acrylic intensity slider can scale the frost
   and so light/dark modes get different bases. Fallbacks = original look. */
body[data-acrylic="on"] header.site{background:color-mix(in srgb,var(--header-tint,var(--card)) var(--acr-tint,68%),transparent);backdrop-filter:blur(var(--acr-blur,22px)) saturate(var(--acr-sat,1.7)) brightness(var(--acr-bright,1));-webkit-backdrop-filter:blur(var(--acr-blur,22px)) saturate(var(--acr-sat,1.7)) brightness(var(--acr-bright,1));box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--ink) 8%,transparent)}
/* Drop shadow under the top bar (Directions → Header bar → Drop shadow). Placed
   after the acrylic rule so it wins by order; the combined rule keeps the
   acrylic hairline AND adds the drop shadow when both are on. */
body[data-headershadow="soft"]{--hdr-shadow:0 8px 18px -14px rgba(0,0,0,.30)}
body[data-headershadow="medium"]{--hdr-shadow:0 14px 30px -16px rgba(0,0,0,.34)}
body[data-headershadow="strong"]{--hdr-shadow:0 24px 50px -18px rgba(0,0,0,.50)}
body:not([data-headershadow="off"]) header.site{box-shadow:var(--hdr-shadow)}
body[data-acrylic="on"]:not([data-headershadow="off"]) header.site{box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--ink) 8%,transparent),var(--hdr-shadow)}
body[data-acrylic="on"] .pk-menu,
body[data-acrylic="on"] .site-search .sugg,
body[data-catmenu="on"][data-acrylic="on"] .megamenu{background:color-mix(in srgb,var(--card) 76%,transparent);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6)}
body[data-acrylic="on"] .h-search{background:color-mix(in srgb,var(--card) 58%,transparent);backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5)}
/* Card acrylic (Directions → Set-up → Card acrylic). Frosts content cards with
   the SAME --acr-* recipe as the header bar, so they read as the same material
   over the page pattern. Base tint mixes the card colour (not the header tint). */
body[data-cardacrylic="on"] .fsec,
body[data-cardacrylic="on"] .co-summary,
body[data-cardacrylic="on"] .confirm{
  background:color-mix(in srgb,var(--card) var(--acr-tint,75%),transparent);
  backdrop-filter:blur(var(--acr-blur,20px)) saturate(var(--acr-sat,1.42)) brightness(var(--acr-bright,1));
  -webkit-backdrop-filter:blur(var(--acr-blur,20px)) saturate(var(--acr-sat,1.42)) brightness(var(--acr-bright,1));
}
/* Resbar toolbar controls — match the frosted chrome so they sit on the same
   material as the header/rail instead of reading as solid boxes. */
body[data-acrylic="on"] .filterbtn,
body[data-acrylic="on"] .resbar select,
body[data-acrylic="on"] .viewtoggle,
body[data-acrylic="on"] .viewtoggle button:not(.on){
  background:color-mix(in srgb,var(--card) 66%,transparent);
  backdrop-filter:blur(14px) saturate(1.5);
  -webkit-backdrop-filter:blur(14px) saturate(1.5);
  border-color:color-mix(in srgb,var(--line-2) 68%,transparent);
}
/* ============================================================ RESPONSIVE */
@media (max-width:1180px){
  .s-nav .nl{gap:18px}
  .s-nav .nr{gap:16px}
}
@media (max-width:1040px){
  .s-nav .nr{gap:16px}
}
@media (max-width:1080px){
  :root{--gut:32px}
  .pgrid{grid-template-columns:repeat(2,1fr)}
  .layout{grid-template-columns:1fr;gap:0}
  .filterbtn{display:inline-flex}
  .resbar{padding-top:8px}
  /* Filters collapse into normal document flow above the listing — no fixed
     positioning (avoids stacking-context traps under the sticky header) and no
     inner scrollbar; the page scrolls naturally. */
  .rail{display:none}
  body[data-filters="open"] .rail{display:block;margin:0 0 22px;padding:18px 18px 6px;border:1px solid var(--line-2);border-radius:var(--r);background:var(--card)}
  .rhead .rclose{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--line-2);border-radius:var(--r);background:var(--surface);color:var(--ink);cursor:pointer}
  .rhead .rclose svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.8;fill:none}
  footer .ftop{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  :root{--gut:20px}
  .s-util .wrap{height:auto;padding-top:6px;padding-bottom:6px;gap:10px;flex-wrap:wrap}
  .s-mast{grid-template-columns:1fr auto;gap:14px;height:64px}
  .site-search{display:none}
  .s-nav .nl a:not(.all):not(.pg){display:none}
  /* constrained width: catalogue menu takes over departments; keep the
     informational pages (About / Contact) on the right */
  .s-nav .nr{display:flex;gap:14px}
  body[data-catmenu="on"] .megamenu{width:min(600px,calc(100vw - 32px));left:-16px}
  body[data-catmenu="on"] .mm-cols{grid-template-columns:1fr}
  body[data-catmenu="on"] .mm-col-dep{border-right:0;border-bottom:1px solid color-mix(in srgb,var(--line) 65%,transparent)}
  .s-nav .wrap{height:46px}
  .hright{gap:16px}
  .cartbtn .cl,.icbtn span{display:none}
  .ptop{flex-direction:column;align-items:flex-start;gap:18px}
  .ptop .h1{font-size:clamp(30px,8vw,38px)}
  .ptop .stat{text-align:left}
  .pgrid{grid-template-columns:1fr}
  .lhead,.lrow{grid-template-columns:1fr auto}
  .lhead span:not(:first-child),.lthumb,.lspec,.lstock{display:none}
  /* results bar: stack the count above the controls so nothing clips */
  .resbar{flex-direction:column;align-items:flex-start;gap:14px}
  .resbar .sortwrap{width:100%;justify-content:flex-start}
  .resbar select{flex:1}
  .sechead{flex-wrap:wrap}
  footer .ftop{grid-template-columns:1fr}
  footer .fbot .wrap{flex-direction:column;align-items:flex-start;gap:8px;height:auto;padding-top:16px;padding-bottom:16px}
}
@media (max-width:440px){
  /* the phone number crowds the locale chips on the smallest screens */
  .s-util .r>a[href^="tel"]{display:none}
  .brand .wm small{display:none}
  .dirs-launch{right:14px;bottom:14px;height:40px;padding:0 14px}
}
/* ============================================================
   HALVAR · SIGNATURES & ACCENTS
   Re-skin layer applied site-wide:
     html[data-acc]   → the one signal colour (--acc)
     body[data-sig]   → a committed identity (9)
     body[data-density|chipshape|masthead|type] → tweak extras
   Base site (tp-site.css) stays quiet; each layer below reveals
   its own decorative hooks. Loud, but surgically clean.
   ============================================================ */

/* ───────────── 7 SAFETY / HAZARD ACCENTS ───────────── */
html[data-acc="hazard"]{--acc:#e8501e}
/* hazard orange (default) */
html[data-acc="fluoro"]{--acc:#ff5a00}
/* fluoro orange */
html[data-acc="amber"] {--acc:#e08a00}
/* amber */
html[data-acc="signal"]{--acc:#e6a700}
/* signal yellow */
html[data-acc="rust"]  {--acc:#b5481f}
/* rust */
html[data-acc="crimson"]{--acc:#d62828}
/* crimson */
html[data-acc="oxide"] {--acc:#9e3b1b}
/* deep oxide red */
html[data-acc="electric"]{--acc:#2a6fdb}
/* electric blue */
html[data-acc="cyan"]  {--acc:#0a9aa8}
/* cyan */
html[data-acc="viper"] {--acc:#5aa80f}
/* acid green */
html[data-acc="radioactive"]{--acc:#39ff14}
/* radioactive — neon toxic green */
html[data-acc="uranium"]{--acc:#c2ff00}
/* radioactive — uranium yellow-green */
html[data-acc="toxic"]{--acc:#76ff03}
/* radioactive — toxic lime */
html[data-acc="violet"]{--acc:#7c3aed}
/* ultraviolet */
html[data-acc="magenta"]{--acc:#ff3da6}
/* magenta */
html[data-acc="teal"]  {--acc:#0f8a8a}
/* teal */
html[data-acc="ember"]{--acc:#ff6a3d}
html[data-acc="brick"]{--acc:#a23b2e}
html[data-acc="coral"]{--acc:#f0584f}
html[data-acc="rose"]{--acc:#f0457a}
html[data-acc="fuchsia"]{--acc:#d61f9b}
html[data-acc="magenta"]{--acc:#ff3da6}
html[data-acc="orchid"]{--acc:#b14fe0}
html[data-acc="violet"]{--acc:#7c3aed}
html[data-acc="lavender"]{--acc:#9b6dff}
html[data-acc="periwinkle"]{--acc:#6d7dff}
html[data-acc="indigo"]{--acc:#4f46e5}
html[data-acc="cobalt"]{--acc:#2547d0}
html[data-acc="ultramarine"]{--acc:#1b3fd6}
html[data-acc="electric"]{--acc:#2a6fdb}
html[data-acc="sky"]{--acc:#1f9bd6}
html[data-acc="ice"]{--acc:#79c4d6}
html[data-acc="aqua"]{--acc:#06b6d4}
html[data-acc="cyan"]{--acc:#0a9aa8}
html[data-acc="mint"]{--acc:#1fc29a}
html[data-acc="jade"]{--acc:#0fa37f}
html[data-acc="emerald"]{--acc:#109e5a}
html[data-acc="viper"]{--acc:#5aa80f}
html[data-acc="lime"]{--acc:#8db600}
html[data-acc="chartreuse"]{--acc:#a3c400}
html[data-acc="moss"]{--acc:#6f7d2a}
html[data-acc="gold"]{--acc:#d4a017}
html[data-acc="bronze"]{--acc:#b07a2a}
html[data-acc="tangerine"]{--acc:#f0640a}
html[data-acc="slate"]{--acc:#5b6573}
html[data-acc="graphite"]{--acc:#3a3a3a}
html[data-acc="clay"]{--acc:#c0543a}
html[data-acc="salmon"]{--acc:#f5896b}
html[data-acc="ochre"]{--acc:#c8841a}
html[data-acc="marigold"]{--acc:#f0a818}
html[data-acc="olive"]{--acc:#7d7a2a}
html[data-acc="forest"]{--acc:#1f7a3d}
html[data-acc="pine"]{--acc:#156b54}
html[data-acc="turquoise"]{--acc:#12b5a5}
html[data-acc="cerulean"]{--acc:#2a8fd6}
html[data-acc="navy"]{--acc:#1a2f6b}
html[data-acc="plum"]{--acc:#6b2d6b}
html[data-acc="lilac"]{--acc:#c08fe0}
/* ───────────── TWEAK · ACCENT EFFECT ─────────────
   Animated treatment layered onto everything that carries the signal colour:
   accent dots, badges, buttons, chips and accent-coloured text. Default = flat.
   Shared selector lists below; the actual effect is keyed off [data-acceffect]. */

/* The accent CHROME (filled badges/buttons/dots) and accent TEXT, grouped once. */
body[data-acceffect]:not([data-acceffect="none"]) .s-util .l i,
body[data-acceffect]:not([data-acceffect="none"]) .s-ticker .it i,
body[data-acceffect]:not([data-acceffect="none"]) .dirs-launch i,
body[data-acceffect]:not([data-acceffect="none"]) .lstock.low i,
body[data-acceffect]:not([data-acceffect="none"]) .cartbtn .ci .count,
body[data-acceffect]:not([data-acceffect="none"]) .tag.acc,
body[data-acceffect]:not([data-acceffect="none"]) .btn.acc,
body[data-acceffect]:not([data-acceffect="none"]) .add:hover,
body[data-acceffect]:not([data-acceffect="none"]) .fopt.on .box{ will-change:box-shadow,filter }
/* ── GLOW — accent chrome breathes a halo of the signal colour ── */
@media (prefers-reduced-motion:no-preference){
  body[data-acceffect="glow"] .s-util .l i,
  body[data-acceffect="glow"] .s-ticker .it i,
  body[data-acceffect="glow"] .dirs-launch i,
  body[data-acceffect="glow"] .lstock.low i,
  body[data-acceffect="glow"] .cartbtn .ci .count,
  body[data-acceffect="glow"] .tag.acc,
  body[data-acceffect="glow"] .btn.acc,
  body[data-acceffect="glow"] .fopt.on .box{ animation:accGlow 2s ease-in-out infinite }
}
/* Accent TEXT lifts with an animated glow for ANY active effect — this is the
   most visible cue: the hero headline word, section numbers, prices, the
   search slash. (Effect name still drives how the chrome below animates.) */
body[data-acceffect]:not([data-acceffect="none"]) .hcenter h1 em,
body[data-acceffect]:not([data-acceffect="none"]) .sechead .num,
body[data-acceffect]:not([data-acceffect="none"]) .srow .v.low,
body[data-acceffect]:not([data-acceffect="none"]) .lstock.low,
body[data-acceffect]:not([data-acceffect="none"]) .pk-item.on,
body[data-acceffect]:not([data-acceffect="none"]) .site-search .slash,
body[data-acceffect]:not([data-acceffect="none"]) .rc{ text-shadow:0 0 6px color-mix(in srgb,var(--acc) 32%,transparent) }
@media (prefers-reduced-motion:no-preference){
  body[data-acceffect]:not([data-acceffect="none"]) .hcenter h1 em,
  body[data-acceffect]:not([data-acceffect="none"]) .sechead .num,
  body[data-acceffect]:not([data-acceffect="none"]) .srow .v.low,
  body[data-acceffect]:not([data-acceffect="none"]) .lstock.low,
  body[data-acceffect]:not([data-acceffect="none"]) .pk-item.on,
  body[data-acceffect]:not([data-acceffect="none"]) .site-search .slash,
  body[data-acceffect]:not([data-acceffect="none"]) .rc{ animation:accGlowText 2.2s ease-in-out infinite }
}
/* static fallback (reduced-motion) so the chrome effect is still visible */
body[data-acceffect="glow"] .tag.acc,
body[data-acceffect="glow"] .btn.acc,
body[data-acceffect="glow"] .cartbtn .ci .count,
body[data-acceffect="glow"] .fopt.on .box{ box-shadow:0 0 7px color-mix(in srgb,var(--acc) 42%,transparent) }
@keyframes accGlow{
  0%,100%{box-shadow:0 0 2px color-mix(in srgb,var(--acc) 28%,transparent)}
  50%{box-shadow:0 0 8px color-mix(in srgb,var(--acc) 55%,transparent),0 0 3px color-mix(in srgb,var(--acc) 60%,transparent)}
}
@keyframes accGlowText{
  0%,100%{text-shadow:0 0 1px transparent}
  50%{text-shadow:0 0 8px color-mix(in srgb,var(--acc) 42%,transparent)}
}
/* ── PULSE — accent dots emit an expanding signal ring ── */
body[data-acceffect="pulse"] .s-util .l i,
body[data-acceffect="pulse"] .s-ticker .it i,
body[data-acceffect="pulse"] .dirs-launch i,
body[data-acceffect="pulse"] .lstock.low i,
body[data-acceffect="pulse"] .cartbtn .ci .count{ position:relative }
@media (prefers-reduced-motion:no-preference){
  body[data-acceffect="pulse"] .s-util .l i,
  body[data-acceffect="pulse"] .s-ticker .it i,
  body[data-acceffect="pulse"] .dirs-launch i,
  body[data-acceffect="pulse"] .lstock.low i,
  body[data-acceffect="pulse"] .cartbtn .ci .count{ animation:accPulse 1.7s ease-out infinite }
}
@keyframes accPulse{
  0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--acc) 45%,transparent)}
  70%,100%{box-shadow:0 0 0 7px color-mix(in srgb,var(--acc) 0%,transparent)}
}
/* ── SHEEN — a highlight sweeps across accent fills ── */
body[data-acceffect="sheen"] .tag.acc,
body[data-acceffect="sheen"] .btn.acc,
body[data-acceffect="sheen"] .cartbtn .ci .count{ position:relative;overflow:hidden;isolation:isolate }
body[data-acceffect="sheen"] .tag.acc::after,
body[data-acceffect="sheen"] .btn.acc::after,
body[data-acceffect="sheen"] .cartbtn .ci .count::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.34) 50%,transparent 62%);
  transform:translateX(-120%);
}
@media (prefers-reduced-motion:no-preference){
  body[data-acceffect="sheen"] .tag.acc::after,
  body[data-acceffect="sheen"] .btn.acc::after,
  body[data-acceffect="sheen"] .cartbtn .ci .count::after{ animation:accSheen 2.6s ease-in-out infinite }
}
@keyframes accSheen{0%,18%{transform:translateX(-120%)}55%,100%{transform:translateX(120%)}}
/* ── ACRYLIC — accent fills become a Fluent frosted-glass chip: translucent,
      backdrop-blurred, glossy top highlight + soft tinted drop shadow. ── */
body[data-acceffect="acrylic"] .tag.acc,
body[data-acceffect="acrylic"] .btn.acc,
body[data-acceffect="acrylic"] .cartbtn .ci .count,
body[data-acceffect="acrylic"] .fopt.on .box{
  background:linear-gradient(160deg,color-mix(in srgb,var(--acc) 66%,transparent),color-mix(in srgb,var(--acc) 42%,transparent));
  border-color:color-mix(in srgb,#fff 26%,transparent);
  backdrop-filter:blur(13px) saturate(1.8);
  -webkit-backdrop-filter:blur(13px) saturate(1.8);
  box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 50%,transparent),inset 0 0 0 1px color-mix(in srgb,#fff 12%,transparent),0 5px 16px -7px color-mix(in srgb,var(--acc) 55%,transparent);
}
/* ── CLEAR — glassy acrylic that keeps its accent strength: near-solid accent
      fill + a faint blur/highlight, and a gentle breathing opacity shared with
      the accent text below, so ALL accent elements pulse together. ── */
body[data-acceffect="clear"] .tag.acc,
body[data-acceffect="clear"] .btn.acc,
body[data-acceffect="clear"] .cartbtn .ci .count,
body[data-acceffect="clear"] .fopt.on .box{
  background:var(--acc);
  backdrop-filter:blur(6px) saturate(1.35);
  -webkit-backdrop-filter:blur(6px) saturate(1.35);
  box-shadow:none;
}
@media (prefers-reduced-motion:no-preference){
  body[data-acceffect="clear"] .tag.acc,
  body[data-acceffect="clear"] .btn.acc,
  body[data-acceffect="clear"] .cartbtn .ci .count,
  body[data-acceffect="clear"] .fopt.on .box,
  body[data-acceffect="clear"] .s-util .l i,
  body[data-acceffect="clear"] .s-ticker .it i,
  body[data-acceffect="clear"] .dirs-launch i,
  body[data-acceffect="clear"] .lstock.low i{ animation:accClearChip 3.6s ease-in-out infinite }
}
/* Dark grounds: raise lightness instead so the faded frame doesn't darken. */
body[data-drama="1"][data-acceffect="clear"] .tag.acc,
body[data-drama="1"][data-acceffect="clear"] .btn.acc,
body[data-drama="1"][data-acceffect="clear"] .cartbtn .ci .count,
body[data-drama="1"][data-acceffect="clear"] .fopt.on .box,
body[data-drama="1"][data-acceffect="clear"] .s-util .l i,
body[data-drama="1"][data-acceffect="clear"] .s-ticker .it i,
body[data-drama="1"][data-acceffect="clear"] .dirs-launch i,
body[data-drama="1"][data-acceffect="clear"] .lstock.low i{ animation-name:accClearChipDark }
/* Same compensated transparency as the text, applied to the FILL: opacity dips
   so it genuinely turns translucent, while the background shifts lightness in
   oklch (down on light grounds, up on dark) + a chroma bump — so the composited
   colour holds the same accent instead of washing light. */
@keyframes accClearChip{
  0%,100%{opacity:1;background:var(--acc)}
  50%{opacity:.8;background:oklch(from var(--acc) calc(l - 0.03) calc(c * 1.2) h)}
}
@keyframes accClearChipDark{
  0%,100%{opacity:1;background:var(--acc)}
  50%{opacity:.8;background:oklch(from var(--acc) calc(l + 0.03) calc(c * 1.2) h)}
}
/* Clear gives accent TEXT a glassy "breathing transparency". The colour stays
   exactly var(--acc) — no darkening/hue shift. The glyph alpha dips gently and,
   to hold perceived intensity at the faded frame, a same-hue accent glow grows
   underneath it (re-adds the lost colour without changing the hue). */
body[data-acceffect="clear"]:not([data-acceffect="none"]) .hcenter h1 em,
body[data-acceffect="clear"]:not([data-acceffect="none"]) .sechead .num,
body[data-acceffect="clear"]:not([data-acceffect="none"]) .srow .v.low,
body[data-acceffect="clear"]:not([data-acceffect="none"]) .lstock.low{
  color:var(--acc);
  -webkit-text-stroke:0; text-shadow:none;
}
@media (prefers-reduced-motion:no-preference){
  body[data-acceffect="clear"]:not([data-acceffect="none"]) .hcenter h1 em,
  body[data-acceffect="clear"]:not([data-acceffect="none"]) .sechead .num,
  body[data-acceffect="clear"]:not([data-acceffect="none"]) .srow .v.low,
  body[data-acceffect="clear"]:not([data-acceffect="none"]) .lstock.low{ animation:accClearFade 3.6s ease-in-out infinite }
}
/* Fading over a light ground inherently lightens the glyph. Compensate by
   lowering the text LIGHTNESS as it fades, using relative-colour oklch so hue
   and chroma are held exactly (no shift, no desaturation) — only L drops to
   cancel the wash. Pairs with a faint same-hue glow. */
@keyframes accClearFade{
  0%,100%{opacity:1;color:var(--acc);text-shadow:0 0 0 transparent}
  50%{opacity:.79;color:oklch(from var(--acc) calc(l - 0.03) calc(c * 1.22) h);text-shadow:0 0 7px color-mix(in srgb,var(--acc) 60%,transparent),0 0 2px color-mix(in srgb,var(--acc) 70%,transparent)}
}
/* Dark grounds: fading moves the composite toward the dark ground (darkens), so
   raise L instead to cancel it. Same hue/chroma held. */
body[data-drama="1"][data-acceffect="clear"] .hcenter h1 em,
body[data-drama="1"][data-acceffect="clear"] .sechead .num,
body[data-drama="1"][data-acceffect="clear"] .srow .v.low,
body[data-drama="1"][data-acceffect="clear"] .lstock.low{ animation-name:accClearFadeDark }
@keyframes accClearFadeDark{
  0%,100%{opacity:1;color:var(--acc);text-shadow:0 0 0 transparent}
  50%{opacity:.79;color:oklch(from var(--acc) calc(l + 0.03) calc(c * 1.22) h);text-shadow:0 0 7px color-mix(in srgb,var(--acc) 60%,transparent),0 0 2px color-mix(in srgb,var(--acc) 70%,transparent)}
}
/* Acrylic gives accent TEXT a frosted backing (soft ground-coloured halo). */
body[data-acceffect="acrylic"]:not([data-acceffect="none"]) .hcenter h1 em,
body[data-acceffect="acrylic"]:not([data-acceffect="none"]) .sechead .num,
body[data-acceffect="acrylic"]:not([data-acceffect="none"]) .srow .v.low,
body[data-acceffect="acrylic"]:not([data-acceffect="none"]) .lstock.low{
  color:color-mix(in srgb,var(--acc) 80%,var(--card));
  text-shadow:0 0 10px color-mix(in srgb,var(--card) 85%,transparent),0 1px 0 color-mix(in srgb,#fff 40%,transparent);
  animation:none;
}
/* ───────────── TWEAK · DENSITY ───────────── */
body[data-density="compact"]{--pad-y:26px}
body[data-density="compact"] .pgrid{gap:14px}
body[data-density="compact"] .card .cb{padding:12px 13px 0}
body[data-density="compact"] .card .foot{padding:11px 13px}
body[data-density="compact"] .lrow{padding:11px 4px}
body[data-density="compact"] .rule{margin:18px 0 20px}
body[data-density="compact"] .nm{font-size:14.5px}
/* ───────────── TWEAK · CHIP / CORNER SHAPE ───────────── */
body[data-chipshape="pill"] .add,body[data-chipshape="pill"] .ladd,body[data-chipshape="pill"] .actchips .ch,body[data-chipshape="pill"] .btn,body[data-chipshape="pill"] .fopt .box,body[data-chipshape="pill"] .pf,body[data-chipshape="pill"] .apply,body[data-chipshape="pill"] .resbar select,body[data-chipshape="pill"] .filterbtn,body[data-chipshape="pill"] .viewtoggle{border-radius:999px}
body[data-chipshape="square"] .add,body[data-chipshape="square"] .ladd,body[data-chipshape="square"] .actchips .ch,body[data-chipshape="square"] .btn,body[data-chipshape="square"] .fopt .box,body[data-chipshape="square"] .pf,body[data-chipshape="square"] .apply,body[data-chipshape="square"] .resbar select,body[data-chipshape="square"] .filterbtn,body[data-chipshape="square"] .viewtoggle,body[data-chipshape="square"] .pn,body[data-chipshape="square"] .tag{border-radius:0}
/* ───────────── TWEAK · DARK MASTHEAD ───────────── */
body[data-masthead="dark"] header.site{background:#16161a;border-bottom-color:#26262c}
body[data-masthead="dark"] .s-util,body[data-masthead="dark"] .s-nav{border-color:#26262c}
body[data-masthead="dark"] .s-util,body[data-masthead="dark"] .s-util .r a{color:#9a9ca3}
body[data-masthead="dark"] .brand .wm b{color:#fff}
body[data-masthead="dark"] .brand .wm small,body[data-masthead="dark"] .s-nav .nr{color:#76736a}
body[data-masthead="dark"] .brand .mark path,body[data-masthead="dark"] .brand .mark line{stroke:#fff}
body[data-masthead="dark"] .site-search{border-bottom-color:#3a3a42}
body[data-masthead="dark"] .site-search .pre,body[data-masthead="dark"] .site-search input{color:#fff}
body[data-masthead="dark"] .site-search .pre svg{stroke:#fff}
body[data-masthead="dark"] .site-search .ret{border-color:#3a3a42;color:#9a9ca3}
body[data-masthead="dark"] .icbtn,body[data-masthead="dark"] .cartbtn{color:#cfd0d4}
body[data-masthead="dark"] .icbtn svg,body[data-masthead="dark"] .cartbtn .ci svg{stroke:#fff}
body[data-masthead="dark"] .cartbtn .cl .l2{color:#fff}
body[data-masthead="dark"] .s-nav .nl a{color:#b9bac0}
body[data-masthead="dark"] .s-nav .nl a.all{color:#fff}
/* ───────────── TWEAK · TYPEFACE PAIRING ───────────── */
body[data-type="grotesk"] .ptop .h1,body[data-type="grotesk"] .sechead h2,body[data-type="grotesk"] .archhead h1{font-family:var(--sans);text-transform:none;font-weight:600;letter-spacing:-.035em}
body[data-type="serif"] .ptop .h1,body[data-type="serif"] .sechead h2,body[data-type="serif"] .archhead h1,body[data-type="serif"] .nm,body[data-type="serif"] .info h1{font-family:"Newsreader",Georgia,serif;text-transform:none;font-weight:500;letter-spacing:-.01em}
body[data-type="serif"] .sechead h2{font-size:clamp(30px,3.4vw,46px)}
body[data-type="mono"] .ptop .h1,body[data-type="mono"] .sechead h2,body[data-type="mono"] .archhead h1{font-family:var(--mono);font-weight:600;letter-spacing:-.03em;text-transform:none}
/* shared page watermark hook (specimen/index/house use it) */
.gwm{display:none;position:absolute;right:-6px;top:-40px;font-family:var(--exp);font-stretch:var(--exp-w);font-weight:900;font-size:180px;line-height:1;letter-spacing:-.05em;color:rgba(22,22,26,.045);pointer-events:none;z-index:0;white-space:nowrap}
.main>*{position:relative;z-index:1}
/* ════════════════════════════════════════════════════════════
   1 · SPECIMEN SHEET        drawing-led · annotated · clean
   ════════════════════════════════════════════════════════════ */
body[data-sig="specimen"] .ptop .h1,body[data-sig="specimen"] .sechead h2{font-family:var(--exp);font-stretch:var(--exp-w);font-weight:800;text-transform:uppercase;letter-spacing:-.012em}
body[data-sig="specimen"] .fig{background:linear-gradient(0deg,transparent 27px,color-mix(in srgb,var(--ink) 6%,transparent) 28px) 0 0/100% 28px,linear-gradient(90deg,transparent 27px,color-mix(in srgb,var(--ink) 6%,transparent) 28px) 0 0/28px 100%,var(--plate)}
body[data-sig="specimen"] .rc{display:block}
body[data-sig="specimen"] .lnum{display:block}
body[data-sig="specimen"] .rule span{left:0;transform:translateY(-50%);background:var(--paper);padding:0 14px 0 0;color:var(--ink);font-weight:600}
body[data-sig="specimen"] .rule::after{content:"[ 2,412 PARTS · 402 PP ]";position:absolute;right:0;top:50%;transform:translateY(-50%);background:var(--paper);padding-left:14px;font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
/* ════════════════════════════════════════════════════════════
   2 · PARTS INDEX           type-led · editorial · dotted leaders
   ════════════════════════════════════════════════════════════ */
body[data-sig="index"] .ptop .h1{font-size:72px;font-weight:700;letter-spacing:-.045em;line-height:.9}
body[data-sig="index"] .sechead h2{font-family:var(--sans);text-transform:none;font-weight:700;letter-spacing:-.03em}
body[data-sig="index"] .gwm{display:block}
body[data-sig="index"] .rule{height:0;border:0;border-bottom:1.5px dotted var(--line-2);background:none;margin:26px 0 30px}
body[data-sig="index"] .rule span{left:0;top:0;transform:translateY(-50%);background:var(--paper);padding:0 14px 0 0;color:var(--ink);font-weight:600}
body[data-sig="index"] .foot{gap:14px}
body[data-sig="index"] .foot-dots{display:block}
body[data-sig="index"] .lnum{display:block;color:var(--ink);-webkit-text-stroke:0;font-size:20px}
/* ════════════════════════════════════════════════════════════
   3 · NAMEPLATE             graphic-led · stamped · seamless grid
   ════════════════════════════════════════════════════════════ */
body[data-sig="nameplate"] .ptop .h1,body[data-sig="nameplate"] .sechead h2{font-family:var(--exp);font-stretch:var(--exp-w);font-weight:900;text-transform:uppercase;letter-spacing:-.018em}
body[data-sig="nameplate"] .nm{font-family:var(--exp);font-stretch:var(--exp-w);font-weight:800;text-transform:uppercase;letter-spacing:-.005em;line-height:1.04;font-size:14px}
body[data-sig="nameplate"] .pgrid{gap:0;border:1px solid var(--ink)}
body[data-sig="nameplate"] .card{border:0;border-left:1px solid var(--line);border-top:1px solid var(--line);margin:-1px 0 0 -1px}
body[data-sig="nameplate"] .pn{top:auto;bottom:9px;left:10px;right:auto;background:transparent;color:var(--ink);padding:0;font-weight:600;letter-spacing:.06em}
body[data-sig="nameplate"] .pn::before{content:"[ "}
body[data-sig="nameplate"] .pn::after{content:" ]"}
body[data-sig="nameplate"] .add:hover{background:var(--acc);border-color:var(--acc)}
body[data-sig="nameplate"] .rule{height:0;border:0;border-top:2px solid var(--ink);background:none;margin:26px 0 28px}
body[data-sig="nameplate"] .rule span{left:0;top:0;transform:translateY(-50%);background:var(--paper);padding:0 14px 0 0;color:var(--ink);font-weight:700;text-transform:uppercase;font-family:var(--exp);font-stretch:var(--exp-w)}
body[data-sig="nameplate"] .lnum{display:block}
/* ════════════════════════════════════════════════════════════
   4 · STENCIL / SHIPPING-CRATE   stamped · hazard-tape · crate
   ════════════════════════════════════════════════════════════ */
body[data-sig="stencil"]{--paper:#f3efe4;--card:#fbf8f0}
body[data-sig="stencil"] .ptop .h1,body[data-sig="stencil"] .sechead h2{font-family:var(--exp);font-stretch:var(--exp-w);font-weight:900;text-transform:uppercase;letter-spacing:.01em}
body[data-sig="stencil"] .rule{height:13px;border:0;background:repeating-linear-gradient(45deg,var(--acc) 0 12px,#16161a 12px 24px);margin:26px 0 30px}
body[data-sig="stencil"] .rule span{background:var(--paper);padding:0 12px;color:var(--ink);font-weight:700;font-family:var(--exp);font-stretch:var(--exp-w);text-transform:uppercase}
body[data-sig="stencil"] .card{border:2px solid var(--ink)}
body[data-sig="stencil"] .fig{border-bottom:2px solid var(--ink)}
body[data-sig="stencil"] .pn{background:transparent;border:1.5px solid var(--ink);color:var(--ink);font-weight:600;letter-spacing:.1em;border-radius:0}
body[data-sig="stencil"] .nm{font-family:var(--exp);font-stretch:var(--exp-w);font-weight:800;text-transform:uppercase;font-size:14px;letter-spacing:.005em}
body[data-sig="stencil"] .rc{display:block;color:var(--ink);font-weight:700}
body[data-sig="stencil"] .rc.tl::before{content:"↑↑";font-size:9px}
body[data-sig="stencil"] .add{border:1.5px solid var(--ink);font-weight:700}
body[data-sig="stencil"] .add:hover{background:var(--acc);border-color:var(--ink);color:var(--ink)}
body[data-sig="stencil"] .cat{font-weight:600;color:var(--ink-2)}
/* ════════════════════════════════════════════════════════════
   5 · TERMINAL / PUNCHCARD       monospace · data-table · cursor
   ════════════════════════════════════════════════════════════ */
body[data-sig="terminal"]{--paper:#f4f4ef}
body[data-sig="terminal"] .ptop .h1,body[data-sig="terminal"] .sechead h2{font-family:var(--mono);font-weight:600;text-transform:uppercase;letter-spacing:-.02em;font-size:42px;line-height:1.02}
body[data-sig="terminal"] .ptop .h1::after{content:"_";color:var(--acc);animation:tcur 1.1s steps(1) infinite}
@keyframes tcur{50%{opacity:0}}
body[data-sig="terminal"] .nm{font-family:var(--mono);font-size:13.5px;font-weight:600;letter-spacing:-.01em}
body[data-sig="terminal"] .nm::before{content:"> ";color:var(--acc)}
body[data-sig="terminal"] .card{border-color:var(--line-2)}
body[data-sig="terminal"] .fig{background:repeating-linear-gradient(0deg,var(--line-2) 0 1px,var(--plate) 1px 4px)}
body[data-sig="terminal"] .rule{height:0;border:0;border-top:1px dashed var(--ink);background:none;margin:24px 0 26px}
body[data-sig="terminal"] .rule span{left:0;top:0;transform:translateY(-50%);background:var(--paper);padding:0 14px 0 0;color:var(--ink);font-weight:600}
body[data-sig="terminal"] .rule span::before{content:"// "}
body[data-sig="terminal"] .cat::before{content:"[ "}
body[data-sig="terminal"] .cat::after{content:" ]"}
body[data-sig="terminal"] .lnum{display:block;font-family:var(--mono);-webkit-text-stroke:0;color:var(--ink-2);font-size:14px}
/* ════════════════════════════════════════════════════════════
   6 · RISO / TWO-INK             halftone · mis-register · offset
   ════════════════════════════════════════════════════════════ */
body[data-sig="riso"]{--paper:#f5f1e8;--card:#fdfbf4}
body[data-sig="riso"] .ptop .h1,body[data-sig="riso"] .sechead h2{font-family:var(--exp);font-stretch:var(--exp-w);font-weight:900;text-transform:uppercase;letter-spacing:-.01em;color:var(--ink);text-shadow:2.5px 2.5px 0 var(--acc)}
body[data-sig="riso"] .fig{background:radial-gradient(color-mix(in srgb,var(--ink) 18%,transparent) 1.1px,transparent 1.2px) 0 0/6px 6px,var(--plate)}
body[data-sig="riso"] .card{border-color:var(--line-2)}
body[data-sig="riso"] .nm{font-weight:700}
body[data-sig="riso"] .rule{height:0;border:0;border-top:3px solid var(--acc);background:none;margin:26px 0 28px;box-shadow:0 3px 0 var(--ink)}
body[data-sig="riso"] .rule span{left:0;top:-1px;transform:translateY(-50%);background:var(--paper);padding:0 14px 0 0;color:var(--ink);font-weight:700;font-family:var(--exp);font-stretch:var(--exp-w);text-transform:uppercase}
body[data-sig="riso"] .pn{background:var(--acc);color:#fff;mix-blend-mode:multiply}
body[data-sig="riso"] .add:hover{background:var(--acc);border-color:var(--acc);color:#fff}
/* ════════════════════════════════════════════════════════════
   7 · BRUTALIST                  oversized type · thick rules
   ════════════════════════════════════════════════════════════ */
body[data-sig="brutalist"] .ptop .h1{font-family:var(--exp);font-stretch:var(--exp-w);font-weight:900;text-transform:uppercase;font-size:84px;line-height:.82;letter-spacing:-.03em}
body[data-sig="brutalist"] .sechead h2{font-family:var(--exp);font-stretch:var(--exp-w);font-weight:900;text-transform:uppercase;font-size:clamp(34px,4.4vw,58px);letter-spacing:-.02em}
body[data-sig="brutalist"] .ptop .lead{font-size:15px;max-width:40ch}
body[data-sig="brutalist"] .pgrid{gap:0;border:2px solid var(--ink)}
body[data-sig="brutalist"] .card{border:0;border-left:2px solid var(--ink);border-top:2px solid var(--ink);margin:-2px 0 0 -2px}
body[data-sig="brutalist"] .fig{border-bottom:2px solid var(--ink)}
body[data-sig="brutalist"] .nm{font-family:var(--exp);font-stretch:var(--exp-w);font-weight:800;text-transform:uppercase;font-size:16px;letter-spacing:-.01em}
body[data-sig="brutalist"] .rule{height:0;border:0;border-top:5px solid var(--ink);background:none;margin:24px 0 28px}
body[data-sig="brutalist"] .rule span{left:0;top:0;transform:translateY(-50%);background:var(--paper);padding:0 14px 0 0;color:var(--ink);font-weight:900;font-family:var(--exp);font-stretch:var(--exp-w);text-transform:uppercase;font-size:11px}
body[data-sig="brutalist"] .add{border:2px solid var(--ink);font-weight:700}
body[data-sig="brutalist"] .pn{border:2px solid var(--ink);background:#fff;color:var(--ink);font-weight:700;border-radius:0}
/* ════════════════════════════════════════════════════════════
   8 · HOUSE                      the iconic Halvar — "oh it's Halvar"
   warm editorial-industrial · hex mark · blueprint · dimension rule
   ════════════════════════════════════════════════════════════ */
body[data-sig="house"]{--paper:#f4f2ec;--card:#fff;--ink:#16150f}
body[data-sig="house"] .s-ticker{display:block}
body[data-sig="house"] .ptop .h1,body[data-sig="house"] .sechead h2{font-family:var(--exp);font-stretch:var(--exp-w);font-weight:800;text-transform:uppercase;letter-spacing:-.005em;line-height:.92}
body[data-sig="house"] .gwm{display:block;color:rgba(22,21,15,.045)}
body[data-sig="house"] .fig{background:linear-gradient(0deg,transparent 23px,var(--line-2) 24px) 0 0/100% 24px,linear-gradient(90deg,transparent 23px,var(--line-2) 24px) 0 0/24px 100%,var(--plate)}
body[data-sig="house"] .rc{display:block}
body[data-sig="house"] .pgrid{gap:0;border:1px solid var(--line-3)}
body[data-sig="house"] .card{border:0;border-left:1px solid var(--line);border-top:1px solid var(--line);margin:-1px 0 0 -1px}
body[data-sig="house"] .card:hover{background:var(--surface)}
body[data-sig="house"] .pn{border:1px solid var(--line);background:rgba(251,250,246,.92);color:var(--ink-2)}
body[data-sig="house"] .rule{height:8px;border-left:1px solid var(--line-2);border-right:1px solid var(--line-2);background:linear-gradient(var(--line-2),var(--line-2)) left center/100% 1px no-repeat;margin:24px 0 30px}
body[data-sig="house"] .rule span{font-family:var(--mono);color:var(--mut);font-weight:500}
body[data-sig="house"] .rule::before{content:"";position:absolute;left:0;top:0;width:1px;height:8px;background:var(--line-2)}
body[data-sig="house"] .rule::after{content:"";position:absolute;right:0;top:0;width:1px;height:8px;background:var(--line-2)}
body[data-sig="house"] .lstock i{box-shadow:0 0 0 3px rgba(75,139,94,.16)}
/* ════════════════════════════════════════════════════════════
   9 · LIBRARY / CATALOGUE CARD   index cards · tabs · punch-hole
   ════════════════════════════════════════════════════════════ */
body[data-sig="library"]{--paper:#f2efe6;--card:#fcfaf3}
body[data-sig="library"] .ptop .h1,body[data-sig="library"] .sechead h2{font-family:"Newsreader",Georgia,serif;font-weight:500;text-transform:none;letter-spacing:-.01em}
body[data-sig="library"] .pgrid{gap:26px 22px}
body[data-sig="library"] .card{border:1px solid var(--line-2);background:var(--card);box-shadow:2px 2px 0 var(--line-2)}
body[data-sig="library"] .card::before{content:"";position:absolute;top:-9px;left:18px;width:64px;height:10px;background:var(--card);border:1px solid var(--line-2);border-bottom:0;z-index:3}
body[data-sig="library"] .card::after{content:"";position:absolute;top:14px;right:14px;width:9px;height:9px;border-radius:50%;border:1px solid var(--line-2);background:var(--paper);z-index:3}
body[data-sig="library"] .fig{background:repeating-linear-gradient(0deg,transparent 0 23px,color-mix(in srgb,var(--ink) 7%,transparent) 23px 24px),var(--plate)}
body[data-sig="library"] .cb{padding:18px 16px 0}
body[data-sig="library"] .nm{font-family:"Newsreader",Georgia,serif;font-weight:500;font-size:18px;letter-spacing:-.005em}
body[data-sig="library"] .pn{top:11px;left:11px;right:auto;font-family:var(--mono);background:transparent;color:var(--ink-2);padding:0;letter-spacing:.04em}
body[data-sig="library"] .pn::before{content:"№ "}
body[data-sig="library"] .rule{height:0;border:0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:3px 0;background:none;margin:26px 0 30px}
body[data-sig="library"] .rule span{font-family:"Newsreader",Georgia,serif;font-style:italic;text-transform:none;letter-spacing:0;font-size:13px;color:var(--ink);background:var(--paper);padding:0 14px}
body[data-sig="library"] .add{font-family:var(--mono)}
/* ───────────── reduced-motion ───────────── */
@media (prefers-reduced-motion:reduce){
  body[data-sig="terminal"] .ptop .h1::after{animation:none}
}
/* ---------- hero · featured specimen sheet ---------- */
  .hero{padding-top:0}
.hcenter{min-height:min(72vh,640px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:64px 0}
.hcenter .eye{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--mut);margin-bottom:24px}
.hcenter h1{font-family:var(--exp);font-stretch:var(--exp-w);font-weight:800;text-transform:uppercase;font-size:clamp(30px,7vw,72px);line-height:.95;letter-spacing:-.015em;overflow-wrap:break-word;hyphens:auto;max-width:100%}
.hcenter h1 em{font-style:normal;color:var(--acc)}
.hcenter .sub{font-size:16px;line-height:1.6;color:var(--ink-2);margin-top:22px;max-width:54ch}
.hcenter .h-search{width:100%;max-width:660px}
.hcenter .h-chips{justify-content:center}
.h-search{display:flex;align-items:center;gap:16px;border:1px solid var(--line-2);border-radius:var(--r);background:#fff;padding:0 8px 0 22px;margin-top:36px;height:70px;transition:border-color .18s}
.h-search:focus-within{border-color:var(--ink)}
.h-search .mag{display:flex}
.h-search .mag svg{width:20px;height:20px;stroke:var(--ink);stroke-width:1.8;fill:none}
.h-search input{flex:1;border:0;background:none;outline:none;font-family:var(--sans);font-size:18px;color:var(--ink);height:100%}
.h-search .ret{align-self:center;display:flex;align-items:center;gap:8px;border:0;border-radius:var(--r);background:var(--ink);color:#fff;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;height:48px;padding:0 22px;cursor:pointer;transition:background .15s}
.h-search .ret:hover{background:var(--acc)}
.h-chips{display:flex;align-items:center;gap:10px;margin-top:16px;flex-wrap:wrap}
.h-chips .lab{font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.h-chips a{font-family:var(--mono);font-size:11px;color:var(--ink-2);border:1px solid var(--line-2);border-radius:var(--r);padding:5px 10px;transition:.15s}
.h-chips a:hover{border-color:var(--ink);background:var(--ink);color:#fff}
.h-spec{position:relative;padding:36px 44px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;
    background:linear-gradient(0deg,transparent 31px,var(--line-2) 32px) 0 0/100% 32px,linear-gradient(90deg,transparent 31px,var(--line-2) 32px) 0 0/32px 100%,var(--paper-2)}
.h-spec .vcap{position:absolute;left:15px;top:50%;transform:translateY(-50%);writing-mode:vertical-rl;rotate:180deg;font-family:var(--mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--mut)}
.sframe{position:relative;width:100%;max-width:392px;aspect-ratio:4/3;margin:0 auto;border:1px solid var(--line-2);border-radius:var(--r);overflow:hidden;background:#fff}
.sframe image-slot{width:100%;height:100%}
.sframe .rc{position:absolute;font-family:var(--mono);font-size:12px;color:var(--acc);z-index:2}
.sframe .rc.tl{top:5px;left:6px}
.sframe .rc.tr{top:5px;right:6px}
.sframe .rc.bl{bottom:5px;left:6px}
.sframe .rc.br{bottom:5px;right:6px}
.sframe .pchip{position:absolute;top:12px;left:50%;transform:translateX(-50%);font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);background:rgba(255,255,255,.9);padding:4px 9px;white-space:nowrap;z-index:3}
.h-dim{display:flex;align-items:center;justify-content:center;gap:10px;margin:14px auto 0;max-width:392px;font-family:var(--mono);font-size:9px;letter-spacing:.1em;color:var(--mut)}
.h-dim .bar{flex:1;max-width:200px;height:1px;background:var(--line-2);position:relative}
.h-dim .bar::before,.h-dim .bar::after{content:"";position:absolute;top:-3px;width:1px;height:7px;background:var(--line-2)}
.h-dim .bar::after{right:0}
.h-foot{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.h-foot .cell{padding:15px 22px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
.h-foot .cell:first-child{border-left:0}
.h-foot .cell b{font-family:var(--mono);font-size:14px;font-weight:600;letter-spacing:-.01em}
.h-foot .cell span{font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.h-foot .cell.acc b{color:var(--acc)}
section.block{padding-top:64px}
/* systems TOC */
  .toc{border-top:1px solid var(--line-3);border-bottom:1px solid var(--line-3)}
.toc-row{display:flex;flex-direction:column;gap:9px;padding:22px 4px;border-top:1px solid var(--line);transition:padding .18s,background .16s}
.toc-row:first-child{border-top:0}
.toc-row:hover{background:var(--surface);padding-left:18px;padding-right:18px}
.toc-main{display:flex;align-items:baseline;gap:20px}
.toc-name{font-size:clamp(24px,2.8vw,32px);font-weight:600;letter-spacing:-.025em;line-height:1;white-space:nowrap}
.toc-row:hover .toc-name{color:var(--acc)}
.toc-dots{flex:1;border-bottom:1.5px dotted var(--line-2);transform:translateY(-6px);min-width:30px}
.toc-count{font-family:var(--mono);font-size:13px;font-weight:600;white-space:nowrap}
.toc-count i{font-style:normal;color:var(--mut);font-weight:500}
.toc-arrow{width:38px;display:flex;justify-content:flex-end;opacity:0;transform:translateX(-6px);transition:opacity .18s,transform .18s}
.toc-row:hover .toc-arrow{opacity:1;transform:translateX(0)}
.toc-arrow svg{width:20px;height:20px;stroke:var(--acc);stroke-width:1.8;fill:none}
.toc-desc{font-family:var(--mono);font-size:11px;color:var(--mut);padding-left:50px}
.tradegrid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line-3)}
.tcell{padding:26px 24px;border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:168px}
.tcell:first-child{border-left:0}
.tcell .big{font-family:var(--exp);font-stretch:var(--exp-w);font-size:42px;font-weight:800;letter-spacing:-.02em;line-height:.9}
.tcell .big i{font-style:normal;color:var(--acc)}
.tcell .tt{font-size:15px;font-weight:600;margin-top:auto;padding-top:20px}
.tcell .dd{font-family:var(--mono);font-size:10.5px;color:var(--mut);line-height:1.65;margin-top:9px}
.signup{padding-top:64px;padding-bottom:72px}
.spanel{border:1px solid var(--line-3);border-radius:var(--r);background:var(--ink);color:#edeae0;padding:44px 46px;display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}
.spanel h3{font-family:var(--exp);font-stretch:var(--exp-w);font-size:28px;font-weight:800;text-transform:uppercase;line-height:.95;color:#fff}
.spanel p{color:#9c988c;margin-top:14px;font-family:var(--mono);font-size:12px;line-height:1.7;max-width:42ch}
.sform{display:flex;flex-direction:column;gap:14px}
.sfield{display:flex;align-items:center;gap:16px;border-bottom:1.5px solid rgba(255,255,255,.3);padding-bottom:4px}
.sfield .pre{font-family:var(--mono);font-size:12px;font-weight:600;color:var(--acc)}
.sfield input{flex:1;height:46px;border:0;background:transparent;font-family:var(--sans);font-size:16px;color:#fff;outline:none}
.sfield input::placeholder{color:#76726a}
.spanel .fine{font-family:var(--mono);font-size:10px;color:#76726a}
/* ════════ TWEAK DIRECTIONS ════════════════════════════════════ */
  /* Search handoff — top-bar search hidden until hero search leaves the viewport */
  body[data-handoff="on"] header.site .site-search{opacity:0;pointer-events:none;transition:opacity .28s ease}
body[data-handoff="on"].search-detached header.site .site-search{opacity:1;pointer-events:auto}
/* Seamless white — flatten every surface & border to white, except the top bar */
  body[data-skin="white"]{--paper:#fff;--paper-2:#fff;--card:#fff;--surface:#fff;--line:transparent;--line-2:transparent;--line-3:transparent}
body[data-skin="white"] header.site{border-bottom-color:#ececec}
body[data-skin="white"] header.site .s-util{border-bottom-color:#ececec}
body[data-skin="white"] header.site .s-nav{border-top-color:#ececec}
body[data-skin="white"] .h-spec{background:#fff}
body[data-skin="white"] .sframe{border-color:transparent}
body[data-skin="white"] .spanel{background:var(--ink)}
/* keep the dark bulletin block as the one anchor */

  /* ── Dark tone — betting on light, but here's the dark-mode bet ───── */
  /* Page vars are set inline by JS; these rules repaint the surfaces that
     hard-code white so nothing glows in the dark. */
  body[data-tone="dark"] .h-search{background:var(--card);border-color:var(--line-2)}
body[data-tone="dark"] .h-search:focus-within{border-color:var(--ink)}
body[data-tone="dark"] .h-search .ret{background:var(--acc);color:#fff}
body[data-tone="dark"] .h-search .ret:hover{filter:brightness(1.08);background:var(--acc)}
body[data-tone="dark"] .h-chips a:hover{color:#121316}
body[data-tone="dark"] .h-spec{
    background:linear-gradient(0deg,transparent 31px,rgba(255,255,255,.05) 32px) 0 0/100% 32px,linear-gradient(90deg,transparent 31px,rgba(255,255,255,.05) 32px) 0 0/32px 100%,var(--paper-2)}
body[data-tone="dark"] .sframe{background:var(--surface)}
body[data-tone="dark"] .sframe .pchip{background:rgba(0,0,0,.55);color:var(--ink-2)}
body[data-tone="dark"] .spanel{background:#0c0d0f}
body[data-tone="dark"] .toc-row:hover{background:var(--surface)}
/* ── Header legibility — denser type, full-contrast ink, taller bars ─ */
  body[data-headerlegible="on"] header.site .s-util .wrap{height:33px;font-size:10.5px;color:var(--ink-2)}
/* Hero detailing — Minimal strips the technical scaffolding for a calm hero */
  body[data-detail="minimal"] .h-spec{background:var(--card)}
body[data-detail="minimal"] .h-spec .vcap,
  body[data-detail="minimal"] .sframe .rc,
  body[data-detail="minimal"] .sframe .pchip,
  body[data-detail="minimal"] .h-dim,
  body[data-detail="minimal"] .h-tb .mid{display:none}
body[data-detail="minimal"] .sframe{border-color:transparent}
@media (max-width:1080px){
    .h-band{grid-template-columns:1fr}.h-lead{border-right:0;border-bottom:1px solid var(--line)}
    .h-foot{grid-template-columns:1fr 1fr}.h-foot .cell:nth-child(2n+1){border-left:0}.h-foot .cell:nth-child(n+3){border-top:1px solid var(--line)}
    .tradegrid{grid-template-columns:repeat(2,1fr)}.tcell:nth-child(n+3){border-top:1px solid var(--line)}.tcell:nth-child(2n+1){border-left:0}
    .spanel{grid-template-columns:1fr;gap:30px}
  }
@media (max-width:680px){
    .hcenter{min-height:0;padding:44px 0}
    .hcenter .sub{font-size:15px}
    .h-search{height:60px;flex-wrap:nowrap;padding-left:16px}
    .h-search input{font-size:16px;min-width:0}
    .h-search .ret{padding:0 14px}
    .spanel{padding:30px 22px}
    .sfield{flex-wrap:wrap}
    .sfield input{min-width:0}
    .sfield .btn{width:100%}
    .h-lead{padding:32px 22px}.h-spec{padding:30px 26px}
    .h-tb .mid{display:none}
    .h-foot{grid-template-columns:1fr}.h-foot .cell{border-left:0;border-top:1px solid var(--line)}.h-foot .cell:first-child{border-top:0}
    .tradegrid{grid-template-columns:1fr}.tcell{border-left:0;border-top:1px solid var(--line);min-height:0}.tcell:first-child{border-top:0}
    .toc-desc{display:none}.toc-name{font-size:22px;white-space:normal}
  }
body[data-bg="gen001"]::before{background:repeating-linear-gradient(0deg,transparent 0 15px,color-mix(in srgb,var(--ink) 5%,transparent) 15px 16px)}
body[data-bg="gen002"]::before{background:repeating-linear-gradient(0deg,transparent 0 23px,color-mix(in srgb,var(--ink) 5%,transparent) 23px 24px)}
body[data-bg="gen003"]::before{background:repeating-linear-gradient(0deg,transparent 0 33px,color-mix(in srgb,var(--ink) 5%,transparent) 33px 34px)}
body[data-bg="gen004"]::before{background:repeating-linear-gradient(30deg,transparent 0 15px,color-mix(in srgb,var(--acc) 10%,transparent) 15px 16px)}
body[data-bg="gen005"]::before{background:repeating-linear-gradient(30deg,transparent 0 23px,color-mix(in srgb,var(--acc) 10%,transparent) 23px 24px)}
body[data-bg="gen006"]::before{background:repeating-linear-gradient(30deg,transparent 0 33px,color-mix(in srgb,var(--acc) 10%,transparent) 33px 34px)}
body[data-bg="gen007"]::before{background:repeating-linear-gradient(45deg,transparent 0 15px,color-mix(in srgb,var(--acc) 10%,transparent) 15px 16px)}
body[data-bg="gen008"]::before{background:repeating-linear-gradient(45deg,transparent 0 23px,color-mix(in srgb,var(--acc) 10%,transparent) 23px 24px)}
body[data-bg="gen009"]::before{background:repeating-linear-gradient(45deg,transparent 0 33px,color-mix(in srgb,var(--acc) 10%,transparent) 33px 34px)}
body[data-bg="gen010"]::before{background:repeating-linear-gradient(60deg,transparent 0 15px,color-mix(in srgb,var(--acc) 10%,transparent) 15px 16px)}
body[data-bg="gen011"]::before{background:repeating-linear-gradient(60deg,transparent 0 23px,color-mix(in srgb,var(--acc) 10%,transparent) 23px 24px)}
body[data-bg="gen012"]::before{background:repeating-linear-gradient(60deg,transparent 0 33px,color-mix(in srgb,var(--acc) 10%,transparent) 33px 34px)}
body[data-bg="gen013"]::before{background:repeating-linear-gradient(90deg,transparent 0 15px,color-mix(in srgb,var(--ink) 5%,transparent) 15px 16px)}
body[data-bg="gen014"]::before{background:repeating-linear-gradient(90deg,transparent 0 23px,color-mix(in srgb,var(--ink) 5%,transparent) 23px 24px)}
body[data-bg="gen015"]::before{background:repeating-linear-gradient(90deg,transparent 0 33px,color-mix(in srgb,var(--ink) 5%,transparent) 33px 34px)}
body[data-bg="gen016"]::before{background:repeating-linear-gradient(120deg,transparent 0 15px,color-mix(in srgb,var(--acc) 10%,transparent) 15px 16px)}
body[data-bg="gen017"]::before{background:repeating-linear-gradient(120deg,transparent 0 23px,color-mix(in srgb,var(--acc) 10%,transparent) 23px 24px)}
body[data-bg="gen018"]::before{background:repeating-linear-gradient(120deg,transparent 0 33px,color-mix(in srgb,var(--acc) 10%,transparent) 33px 34px)}
body[data-bg="gen019"]::before{background:repeating-linear-gradient(135deg,transparent 0 15px,color-mix(in srgb,var(--acc) 10%,transparent) 15px 16px)}
body[data-bg="gen020"]::before{background:repeating-linear-gradient(135deg,transparent 0 23px,color-mix(in srgb,var(--acc) 10%,transparent) 23px 24px)}
body[data-bg="gen021"]::before{background:repeating-linear-gradient(135deg,transparent 0 33px,color-mix(in srgb,var(--acc) 10%,transparent) 33px 34px)}
body[data-bg="gen022"]::before{background:linear-gradient(color-mix(in srgb,var(--ink) 5%,transparent) 1px,transparent 1px) 0 0/18px 18px,linear-gradient(90deg,color-mix(in srgb,var(--ink) 5%,transparent) 1px,transparent 1px) 0 0/18px 18px}
body[data-bg="gen023"]::before{background:linear-gradient(color-mix(in srgb,var(--acc) 9%,transparent) 1px,transparent 1px) 0 0/18px 18px,linear-gradient(90deg,color-mix(in srgb,var(--acc) 9%,transparent) 1px,transparent 1px) 0 0/18px 18px}
body[data-bg="gen024"]::before{background:linear-gradient(var(--line) 1px,transparent 1px) 0 0/18px 18px,linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0/18px 18px}
body[data-bg="gen025"]::before{background:linear-gradient(color-mix(in srgb,var(--ink) 5%,transparent) 1px,transparent 1px) 0 0/24px 24px,linear-gradient(90deg,color-mix(in srgb,var(--ink) 5%,transparent) 1px,transparent 1px) 0 0/24px 24px}
body[data-bg="gen026"]::before{background:linear-gradient(color-mix(in srgb,var(--acc) 9%,transparent) 1px,transparent 1px) 0 0/24px 24px,linear-gradient(90deg,color-mix(in srgb,var(--acc) 9%,transparent) 1px,transparent 1px) 0 0/24px 24px}
body[data-bg="gen027"]::before{background:linear-gradient(var(--line) 1px,transparent 1px) 0 0/24px 24px,linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0/24px 24px}
body[data-bg="gen028"]::before{background:linear-gradient(color-mix(in srgb,var(--ink) 5%,transparent) 1px,transparent 1px) 0 0/30px 30px,linear-gradient(90deg,color-mix(in srgb,var(--ink) 5%,transparent) 1px,transparent 1px) 0 0/30px 30px}
body[data-bg="gen029"]::before{background:linear-gradient(color-mix(in srgb,var(--acc) 9%,transparent) 1px,transparent 1px) 0 0/30px 30px,linear-gradient(90deg,color-mix(in srgb,var(--acc) 9%,transparent) 1px,transparent 1px) 0 0/30px 30px}
body[data-bg="gen030"]::before{background:linear-gradient(var(--line) 1px,transparent 1px) 0 0/30px 30px,linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0/30px 30px}
body[data-bg="gen031"]::before{background:linear-gradient(color-mix(in srgb,var(--ink) 5%,transparent) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(90deg,color-mix(in srgb,var(--ink) 5%,transparent) 1px,transparent 1px) 0 0/40px 40px}
body[data-bg="gen032"]::before{background:linear-gradient(color-mix(in srgb,var(--acc) 9%,transparent) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(90deg,color-mix(in srgb,var(--acc) 9%,transparent) 1px,transparent 1px) 0 0/40px 40px}
body[data-bg="gen033"]::before{background:linear-gradient(var(--line) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0/40px 40px}
body[data-bg="gen034"]::before{opacity:0.7;background:radial-gradient(color-mix(in srgb,var(--acc) 20%,transparent) 1.6px,transparent 2.2px) 0 0/16px 16px}
body[data-bg="gen035"]::before{opacity:0.7;background:radial-gradient(color-mix(in srgb,var(--ink) 8%,transparent) 1.6px,transparent 2.2px) 0 0/16px 16px}
body[data-bg="gen036"]::before{opacity:0.7;background:radial-gradient(var(--line-2) 1.6px,transparent 2.2px) 0 0/16px 16px}
body[data-bg="gen037"]::before{opacity:0.7;background:radial-gradient(color-mix(in srgb,var(--acc) 20%,transparent) 1.6px,transparent 2.2px) 0 0/20px 20px}
body[data-bg="gen038"]::before{opacity:0.7;background:radial-gradient(color-mix(in srgb,var(--ink) 8%,transparent) 1.6px,transparent 2.2px) 0 0/20px 20px}
body[data-bg="gen039"]::before{opacity:0.7;background:radial-gradient(var(--line-2) 1.6px,transparent 2.2px) 0 0/20px 20px}
body[data-bg="gen040"]::before{opacity:0.7;background:radial-gradient(color-mix(in srgb,var(--acc) 20%,transparent) 1.6px,transparent 2.2px) 0 0/26px 26px}
body[data-bg="gen041"]::before{opacity:0.7;background:radial-gradient(color-mix(in srgb,var(--ink) 8%,transparent) 1.6px,transparent 2.2px) 0 0/26px 26px}
body[data-bg="gen042"]::before{opacity:0.7;background:radial-gradient(var(--line-2) 1.6px,transparent 2.2px) 0 0/26px 26px}
body[data-bg="gen043"]::before{opacity:0.7;background:radial-gradient(color-mix(in srgb,var(--acc) 20%,transparent) 1.6px,transparent 2.2px) 0 0/32px 32px}
body[data-bg="gen044"]::before{opacity:0.7;background:radial-gradient(color-mix(in srgb,var(--ink) 8%,transparent) 1.6px,transparent 2.2px) 0 0/32px 32px}
body[data-bg="gen045"]::before{opacity:0.7;background:radial-gradient(var(--line-2) 1.6px,transparent 2.2px) 0 0/32px 32px}
body[data-bg="gen046"]::before{background:repeating-linear-gradient(45deg,transparent 0 9px,color-mix(in srgb,var(--ink) 5%,transparent) 9px 10px),repeating-linear-gradient(-45deg,transparent 0 9px,color-mix(in srgb,var(--ink) 5%,transparent) 9px 10px)}
body[data-bg="gen047"]::before{background:repeating-linear-gradient(45deg,transparent 0 9px,color-mix(in srgb,var(--acc) 9%,transparent) 9px 10px),repeating-linear-gradient(-45deg,transparent 0 9px,color-mix(in srgb,var(--acc) 9%,transparent) 9px 10px)}
body[data-bg="gen048"]::before{background:repeating-linear-gradient(45deg,transparent 0 13px,color-mix(in srgb,var(--ink) 5%,transparent) 13px 14px),repeating-linear-gradient(-45deg,transparent 0 13px,color-mix(in srgb,var(--ink) 5%,transparent) 13px 14px)}
body[data-bg="gen049"]::before{background:repeating-linear-gradient(45deg,transparent 0 13px,color-mix(in srgb,var(--acc) 9%,transparent) 13px 14px),repeating-linear-gradient(-45deg,transparent 0 13px,color-mix(in srgb,var(--acc) 9%,transparent) 13px 14px)}
body[data-bg="gen050"]::before{background:repeating-linear-gradient(45deg,transparent 0 19px,color-mix(in srgb,var(--ink) 5%,transparent) 19px 20px),repeating-linear-gradient(-45deg,transparent 0 19px,color-mix(in srgb,var(--ink) 5%,transparent) 19px 20px)}
body[data-bg="gen051"]::before{background:repeating-linear-gradient(45deg,transparent 0 19px,color-mix(in srgb,var(--acc) 9%,transparent) 19px 20px),repeating-linear-gradient(-45deg,transparent 0 19px,color-mix(in srgb,var(--acc) 9%,transparent) 19px 20px)}
body[data-bg="gen052"]::before{background:repeating-radial-gradient(circle at 50% -10%,transparent 0 28px,color-mix(in srgb,var(--acc) 9%,transparent) 28px 30px)}
body[data-bg="gen053"]::before{background:repeating-radial-gradient(circle at 50% -10%,transparent 0 40px,color-mix(in srgb,var(--acc) 9%,transparent) 40px 42px)}
body[data-bg="gen054"]::before{background:repeating-radial-gradient(circle at 0% 0%,transparent 0 28px,color-mix(in srgb,var(--acc) 9%,transparent) 28px 30px)}
body[data-bg="gen055"]::before{background:repeating-radial-gradient(circle at 0% 0%,transparent 0 40px,color-mix(in srgb,var(--acc) 9%,transparent) 40px 42px)}
body[data-bg="gen056"]::before{background:repeating-radial-gradient(circle at 100% 100%,transparent 0 28px,color-mix(in srgb,var(--acc) 9%,transparent) 28px 30px)}
body[data-bg="gen057"]::before{background:repeating-radial-gradient(circle at 100% 100%,transparent 0 40px,color-mix(in srgb,var(--acc) 9%,transparent) 40px 42px)}
body[data-bg="gen058"]::before{background:repeating-radial-gradient(circle at 50% 50%,transparent 0 28px,color-mix(in srgb,var(--acc) 9%,transparent) 28px 30px)}
body[data-bg="gen059"]::before{background:repeating-radial-gradient(circle at 50% 50%,transparent 0 40px,color-mix(in srgb,var(--acc) 9%,transparent) 40px 42px)}
body[data-bg="gen060"]::before{background:linear-gradient(60deg,color-mix(in srgb,var(--acc) 11%,transparent) 25%,transparent 25.5%) 0 0/22px 37.4px,linear-gradient(-60deg,color-mix(in srgb,var(--acc) 11%,transparent) 25%,transparent 25.5%) 0 0/22px 37.4px}
body[data-bg="gen061"]::before{background:linear-gradient(60deg,color-mix(in srgb,var(--ink) 6%,transparent) 25%,transparent 25.5%) 0 0/22px 37.4px,linear-gradient(-60deg,color-mix(in srgb,var(--ink) 6%,transparent) 25%,transparent 25.5%) 0 0/22px 37.4px}
body[data-bg="gen062"]::before{background:linear-gradient(60deg,color-mix(in srgb,var(--acc) 11%,transparent) 25%,transparent 25.5%) 0 0/30px 51px,linear-gradient(-60deg,color-mix(in srgb,var(--acc) 11%,transparent) 25%,transparent 25.5%) 0 0/30px 51px}
body[data-bg="gen063"]::before{background:linear-gradient(60deg,color-mix(in srgb,var(--ink) 6%,transparent) 25%,transparent 25.5%) 0 0/30px 51px,linear-gradient(-60deg,color-mix(in srgb,var(--ink) 6%,transparent) 25%,transparent 25.5%) 0 0/30px 51px}
body[data-bg="gen064"]::before{background:linear-gradient(60deg,color-mix(in srgb,var(--acc) 11%,transparent) 25%,transparent 25.5%) 0 0/40px 68px,linear-gradient(-60deg,color-mix(in srgb,var(--acc) 11%,transparent) 25%,transparent 25.5%) 0 0/40px 68px}
body[data-bg="gen065"]::before{background:linear-gradient(60deg,color-mix(in srgb,var(--ink) 6%,transparent) 25%,transparent 25.5%) 0 0/40px 68px,linear-gradient(-60deg,color-mix(in srgb,var(--ink) 6%,transparent) 25%,transparent 25.5%) 0 0/40px 68px}
body[data-bg="gen066"]::before{background:conic-gradient(color-mix(in srgb,var(--ink) 5%,transparent) 0 25%,transparent 0 50%,color-mix(in srgb,var(--ink) 5%,transparent) 0 75%,transparent 0) 0 0/20px 20px}
body[data-bg="gen067"]::before{background:conic-gradient(color-mix(in srgb,var(--acc) 9%,transparent) 0 25%,transparent 0 50%,color-mix(in srgb,var(--acc) 9%,transparent) 0 75%,transparent 0) 0 0/20px 20px}
body[data-bg="gen068"]::before{background:conic-gradient(color-mix(in srgb,var(--ink) 5%,transparent) 0 25%,transparent 0 50%,color-mix(in srgb,var(--ink) 5%,transparent) 0 75%,transparent 0) 0 0/28px 28px}
body[data-bg="gen069"]::before{background:conic-gradient(color-mix(in srgb,var(--acc) 9%,transparent) 0 25%,transparent 0 50%,color-mix(in srgb,var(--acc) 9%,transparent) 0 75%,transparent 0) 0 0/28px 28px}
body[data-bg="gen070"]::before{background:conic-gradient(color-mix(in srgb,var(--ink) 5%,transparent) 0 25%,transparent 0 50%,color-mix(in srgb,var(--ink) 5%,transparent) 0 75%,transparent 0) 0 0/38px 38px}
body[data-bg="gen071"]::before{background:conic-gradient(color-mix(in srgb,var(--acc) 9%,transparent) 0 25%,transparent 0 50%,color-mix(in srgb,var(--acc) 9%,transparent) 0 75%,transparent 0) 0 0/38px 38px}
body[data-bg="gen072"]::before{background:repeating-linear-gradient(30deg,transparent 0 22px,color-mix(in srgb,var(--ink) 5%,transparent) 22px 23px),repeating-linear-gradient(-30deg,transparent 0 22px,color-mix(in srgb,var(--ink) 5%,transparent) 22px 23px),repeating-linear-gradient(90deg,transparent 0 22px,color-mix(in srgb,var(--ink) 5%,transparent) 22px 23px)}
body[data-bg="gen073"]::before{background:repeating-linear-gradient(30deg,transparent 0 22px,color-mix(in srgb,var(--acc) 9%,transparent) 22px 23px),repeating-linear-gradient(-30deg,transparent 0 22px,color-mix(in srgb,var(--acc) 9%,transparent) 22px 23px),repeating-linear-gradient(90deg,transparent 0 22px,color-mix(in srgb,var(--acc) 9%,transparent) 22px 23px)}
body[data-bg="gen074"]::before{background:repeating-linear-gradient(30deg,transparent 0 30px,color-mix(in srgb,var(--ink) 5%,transparent) 30px 31px),repeating-linear-gradient(-30deg,transparent 0 30px,color-mix(in srgb,var(--ink) 5%,transparent) 30px 31px),repeating-linear-gradient(90deg,transparent 0 30px,color-mix(in srgb,var(--ink) 5%,transparent) 30px 31px)}
body[data-bg="gen075"]::before{background:repeating-linear-gradient(30deg,transparent 0 30px,color-mix(in srgb,var(--acc) 9%,transparent) 30px 31px),repeating-linear-gradient(-30deg,transparent 0 30px,color-mix(in srgb,var(--acc) 9%,transparent) 30px 31px),repeating-linear-gradient(90deg,transparent 0 30px,color-mix(in srgb,var(--acc) 9%,transparent) 30px 31px)}
body[data-bg="gen076"]::before{background:repeating-linear-gradient(30deg,transparent 0 40px,color-mix(in srgb,var(--ink) 5%,transparent) 40px 41px),repeating-linear-gradient(-30deg,transparent 0 40px,color-mix(in srgb,var(--ink) 5%,transparent) 40px 41px),repeating-linear-gradient(90deg,transparent 0 40px,color-mix(in srgb,var(--ink) 5%,transparent) 40px 41px)}
body[data-bg="gen077"]::before{background:repeating-linear-gradient(30deg,transparent 0 40px,color-mix(in srgb,var(--acc) 9%,transparent) 40px 41px),repeating-linear-gradient(-30deg,transparent 0 40px,color-mix(in srgb,var(--acc) 9%,transparent) 40px 41px),repeating-linear-gradient(90deg,transparent 0 40px,color-mix(in srgb,var(--acc) 9%,transparent) 40px 41px)}
body[data-bg="gen078"]::before{background:radial-gradient(38% 40% at 12% 8%,color-mix(in srgb,var(--acc) 18%,transparent),transparent 70%),radial-gradient(44% 46% at 90% 14%,color-mix(in srgb,oklch(0.72 0.14 235) 16%,transparent),transparent 72%),radial-gradient(50% 50% at 70% 96%,color-mix(in srgb,var(--acc) 18%,transparent),transparent 72%)}
body[data-bg="gen079"]::before{background:radial-gradient(38% 40% at 12% 8%,color-mix(in srgb,var(--acc) 18%,transparent),transparent 70%),radial-gradient(44% 46% at 90% 14%,color-mix(in srgb,oklch(0.72 0.14 150) 16%,transparent),transparent 72%),radial-gradient(50% 50% at 70% 96%,color-mix(in srgb,var(--acc) 18%,transparent),transparent 72%)}
body[data-bg="gen080"]::before{background:radial-gradient(38% 40% at 12% 8%,color-mix(in srgb,var(--acc) 18%,transparent),transparent 70%),radial-gradient(44% 46% at 90% 14%,color-mix(in srgb,oklch(0.72 0.14 300) 16%,transparent),transparent 72%),radial-gradient(50% 50% at 70% 96%,color-mix(in srgb,var(--acc) 18%,transparent),transparent 72%)}
body[data-bg="gen081"]::before{background:radial-gradient(38% 40% at 12% 8%,color-mix(in srgb,var(--acc) 18%,transparent),transparent 70%),radial-gradient(44% 46% at 90% 14%,color-mix(in srgb,oklch(0.72 0.14 75) 16%,transparent),transparent 72%),radial-gradient(50% 50% at 70% 96%,color-mix(in srgb,var(--acc) 18%,transparent),transparent 72%)}
body[data-bg="gen082"]::before{background:radial-gradient(38% 40% at 12% 8%,color-mix(in srgb,var(--acc) 18%,transparent),transparent 70%),radial-gradient(44% 46% at 90% 14%,color-mix(in srgb,oklch(0.72 0.14 25) 16%,transparent),transparent 72%),radial-gradient(50% 50% at 70% 96%,color-mix(in srgb,var(--acc) 18%,transparent),transparent 72%)}
body[data-bg="gen083"]::before{background:radial-gradient(38% 40% at 12% 8%,color-mix(in srgb,var(--acc) 18%,transparent),transparent 70%),radial-gradient(44% 46% at 90% 14%,color-mix(in srgb,oklch(0.72 0.14 190) 16%,transparent),transparent 72%),radial-gradient(50% 50% at 70% 96%,color-mix(in srgb,var(--acc) 18%,transparent),transparent 72%)}
body[data-bg="gen084"]::before{background:repeating-radial-gradient(circle at 50% 120%,transparent 0 18px,color-mix(in srgb,var(--acc) 10%,transparent) 18px 20px)}
body[data-bg="gen085"]::before{background:repeating-radial-gradient(circle at 50% 120%,transparent 0 18px,color-mix(in srgb,var(--ink) 6%,transparent) 18px 20px)}
body[data-bg="gen086"]::before{background:repeating-radial-gradient(circle at 50% 120%,transparent 0 26px,color-mix(in srgb,var(--acc) 10%,transparent) 26px 28px)}
body[data-bg="gen087"]::before{background:repeating-radial-gradient(circle at 50% 120%,transparent 0 26px,color-mix(in srgb,var(--ink) 6%,transparent) 26px 28px)}
body[data-bg="gen088"]::before{background:repeating-radial-gradient(circle at 50% 120%,transparent 0 36px,color-mix(in srgb,var(--acc) 10%,transparent) 36px 38px)}
body[data-bg="gen089"]::before{background:repeating-radial-gradient(circle at 50% 120%,transparent 0 36px,color-mix(in srgb,var(--ink) 6%,transparent) 36px 38px)}
body[data-bg="gen090"]::before{opacity:0.8;background:linear-gradient(color-mix(in srgb,var(--ink) 4%,transparent) 1px,transparent 1px) 0 0/12px 12px,linear-gradient(90deg,color-mix(in srgb,var(--ink) 4%,transparent) 1px,transparent 1px) 0 0/12px 12px}
body[data-bg="gen091"]::before{opacity:0.8;background:linear-gradient(color-mix(in srgb,var(--ink) 4%,transparent) 1px,transparent 1px) 0 0/15px 15px,linear-gradient(90deg,color-mix(in srgb,var(--ink) 4%,transparent) 1px,transparent 1px) 0 0/15px 15px}
body[data-bg="gen092"]::before{opacity:0.8;background:linear-gradient(color-mix(in srgb,var(--ink) 4%,transparent) 1px,transparent 1px) 0 0/28px 28px,linear-gradient(90deg,color-mix(in srgb,var(--ink) 4%,transparent) 1px,transparent 1px) 0 0/28px 28px}
body[data-bg="gen093"]::before{opacity:0.8;background:linear-gradient(color-mix(in srgb,var(--ink) 4%,transparent) 1px,transparent 1px) 0 0/36px 36px,linear-gradient(90deg,color-mix(in srgb,var(--ink) 4%,transparent) 1px,transparent 1px) 0 0/36px 36px}
body[data-bg="gen094"]::before{opacity:0.8;background:linear-gradient(color-mix(in srgb,var(--ink) 4%,transparent) 1px,transparent 1px) 0 0/44px 44px,linear-gradient(90deg,color-mix(in srgb,var(--ink) 4%,transparent) 1px,transparent 1px) 0 0/44px 44px}
body[data-bg="gen095"]::before{background:repeating-linear-gradient(0deg,transparent 0 8px,color-mix(in srgb,var(--acc) 7%,transparent) 8px 16px)}
body[data-bg="gen096"]::before{background:repeating-linear-gradient(90deg,transparent 0 8px,color-mix(in srgb,var(--acc) 7%,transparent) 8px 16px)}
body[data-bg="gen097"]::before{background:repeating-linear-gradient(45deg,transparent 0 11px,color-mix(in srgb,var(--acc) 7%,transparent) 11px 22px)}
body[data-bg="gen098"]::before{background:repeating-linear-gradient(30deg,transparent 0 14px,color-mix(in srgb,var(--acc) 7%,transparent) 14px 28px)}
body[data-bg="gen099"]::before{background:repeating-linear-gradient(60deg,transparent 0 14px,color-mix(in srgb,var(--acc) 7%,transparent) 14px 28px)}
body[data-bg="gen100"]::before{background:repeating-linear-gradient(135deg,transparent 0 17px,color-mix(in srgb,var(--acc) 7%,transparent) 17px 34px)}
body[data-bg="lns01"]::before{opacity:.9;filter:blur(.4px);background:linear-gradient(100deg,transparent 18%,color-mix(in srgb,var(--ink) 8%,transparent) 50%,transparent 82%),repeating-linear-gradient(100deg,color-mix(in srgb,var(--ink) 6%,transparent) 0 1px,transparent 1px 5px)}
body[data-bg="lns02"]::before{opacity:.85;background:linear-gradient(color-mix(in srgb,var(--acc) 10%,transparent) 1px,transparent 1px) 0 0/46px 46px,linear-gradient(90deg,color-mix(in srgb,var(--acc) 10%,transparent) 1px,transparent 1px) 0 0/46px 46px,linear-gradient(color-mix(in srgb,var(--acc) 6%,transparent) 1px,transparent 1px) 0 0/46px 46px,linear-gradient(90deg,color-mix(in srgb,var(--acc) 6%,transparent) 1px,transparent 1px) 0 0/46px 46px}
body[data-bg="lns03"]::before{opacity:.8;background:radial-gradient(color-mix(in srgb,var(--ink) 11%,transparent) 1.5px,transparent 2.3px) 0 0/22px 22px}
body[data-bg="lns04"]::before{opacity:.85;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--ink) 11%,transparent) 0 1px,transparent 1px 14px),repeating-linear-gradient(90deg,color-mix(in srgb,var(--ink) 15%,transparent) 0 1.4px,transparent 1.4px 70px)}
body[data-bg="lns05"]::before{opacity:.8;filter:blur(.4px);background:repeating-radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--ink) 8%,transparent) 0 1px,transparent 1px 16px),linear-gradient(120deg,transparent 35%,color-mix(in srgb,var(--ink) 7%,transparent) 50%,transparent 65%)}
body[data-bg="lns06"]::before{opacity:.85;filter:blur(.5px);background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 3px,transparent 3px 13px),repeating-linear-gradient(90deg,color-mix(in srgb,var(--ink) 12%,transparent) 0 1px,transparent 1px 13px)}
body[data-bg="lns07"]::before{opacity:.9;filter:blur(.9px);background:repeating-radial-gradient(circle at 26% 30%,transparent 0 17px,color-mix(in srgb,var(--ink) 9%,transparent) 17px 18px,transparent 18px 19px),repeating-radial-gradient(circle at 78% 66%,transparent 0 17px,color-mix(in srgb,var(--acc) 11%,transparent) 17px 18px,transparent 18px 19px),radial-gradient(48% 44% at 26% 30%,color-mix(in srgb,var(--acc) 24%,transparent),transparent 66%),radial-gradient(44% 42% at 78% 66%,color-mix(in srgb,var(--ink) 18%,transparent),transparent 66%),radial-gradient(40% 42% at 60% 14%,color-mix(in srgb,oklch(0.72 0.15 45) 20%,transparent),transparent 64%)}
body[data-bg="lns08"]::before{opacity:.88;filter:blur(.8px);background:repeating-radial-gradient(ellipse 60% 44% at 32% 38%,transparent 0 15px,color-mix(in srgb,var(--ink) 8%,transparent) 15px 16px),radial-gradient(52% 46% at 32% 38%,color-mix(in srgb,var(--acc) 22%,transparent),transparent 64%),radial-gradient(46% 50% at 80% 72%,color-mix(in srgb,oklch(0.72 0.15 20) 18%,transparent),transparent 64%),radial-gradient(40% 40% at 70% 20%,color-mix(in srgb,var(--ink) 14%,transparent),transparent 62%)}
body[data-bg="lns09"]::before{opacity:.95;filter:blur(16px);background:linear-gradient(115deg,color-mix(in srgb,var(--ink) 24%,transparent) 0 12%,var(--line) 20% 28%,color-mix(in srgb,var(--ink) 16%,transparent) 38% 50%,var(--line) 58% 64%,color-mix(in srgb,var(--ink) 22%,transparent) 76%,var(--line) 92%)}
body[data-bg="lns10"]::before{opacity:.9;filter:blur(13px);background:radial-gradient(circle 130px at 18% 26%,color-mix(in srgb,var(--ink) 22%,transparent),transparent 70%),radial-gradient(circle 90px at 64% 16%,color-mix(in srgb,var(--acc) 20%,transparent),transparent 70%),radial-gradient(circle 170px at 84% 70%,color-mix(in srgb,var(--ink) 18%,transparent),transparent 72%),radial-gradient(circle 100px at 36% 84%,color-mix(in srgb,var(--acc) 16%,transparent),transparent 70%),radial-gradient(circle 70px at 50% 50%,color-mix(in srgb,var(--ink) 14%,transparent),transparent 70%)}
body[data-bg="lns11"]::before{opacity:.85;filter:blur(7px);background:repeating-radial-gradient(circle at 74% 42%,color-mix(in srgb,var(--ink) 18%,transparent) 0 7px,transparent 7px 24px),radial-gradient(48% 46% at 74% 42%,color-mix(in srgb,var(--acc) 22%,transparent),transparent 60%),radial-gradient(60% 60% at 20% 80%,color-mix(in srgb,var(--ink) 12%,transparent),transparent 64%)}
body[data-bg="lns12"]::before{opacity:.9;filter:blur(20px);background:radial-gradient(64% 56% at 38% 64%,color-mix(in srgb,oklch(0.72 0.15 42) 44%,transparent),transparent 62%),radial-gradient(44% 40% at 76% 28%,color-mix(in srgb,oklch(0.72 0.15 28) 30%,transparent),transparent 60%),linear-gradient(180deg,color-mix(in srgb,var(--ink) 22%,transparent),transparent 45%)}
body[data-bg="lns13"]::before{opacity:.92;filter:blur(15px);background:radial-gradient(58% 52% at 30% 18%,color-mix(in srgb,oklch(0.72 0.15 50) 50%,transparent),transparent 60%),radial-gradient(54% 50% at 72% 46%,color-mix(in srgb,oklch(0.72 0.15 28) 42%,transparent),transparent 60%),linear-gradient(180deg,transparent 38%,color-mix(in srgb,var(--ink) 26%,transparent))}
body[data-bg="lns14"]::before{opacity:.9;filter:blur(16px);background:radial-gradient(50% 46% at 48% 42%,color-mix(in srgb,oklch(0.72 0.15 56) 52%,transparent),color-mix(in srgb,oklch(0.72 0.15 22) 34%,transparent) 46%,transparent 72%),radial-gradient(130% 115% at 50% 50%,transparent 48%,color-mix(in srgb,oklch(0.72 0.15 250) 18%,transparent))}
body[data-bg="lns15"]::before{opacity:.9;filter:blur(12px);background:radial-gradient(circle 150px at 24% 30%,color-mix(in srgb,oklch(0.72 0.15 40) 44%,transparent),transparent 70%),radial-gradient(circle 110px at 66% 22%,color-mix(in srgb,oklch(0.72 0.15 54) 38%,transparent),transparent 70%),radial-gradient(circle 180px at 80% 72%,color-mix(in srgb,oklch(0.72 0.15 26) 40%,transparent),transparent 72%),radial-gradient(circle 90px at 40% 82%,color-mix(in srgb,oklch(0.72 0.15 48) 34%,transparent),transparent 70%),linear-gradient(180deg,color-mix(in srgb,var(--ink) 20%,transparent),transparent 55%)}
body[data-bg="lns16"]::before{opacity:.9;filter:blur(13px);background:linear-gradient(180deg,color-mix(in srgb,var(--ink) 20%,transparent) 0 16%,color-mix(in srgb,oklch(0.72 0.15 34) 42%,transparent) 36%,color-mix(in srgb,oklch(0.72 0.15 56) 50%,transparent) 50%,color-mix(in srgb,oklch(0.72 0.15 34) 42%,transparent) 64%,color-mix(in srgb,var(--ink) 20%,transparent) 86%)}
body[data-bg="art001"]::before{background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--acc) 10%,transparent) 0 22px,transparent 22px 30px,color-mix(in srgb,var(--ink) 6%,transparent) 30px 34px,transparent 34px 56px),repeating-linear-gradient(0deg,color-mix(in srgb,var(--acc) 10%,transparent) 0 22px,transparent 22px 30px,color-mix(in srgb,var(--ink) 6%,transparent) 30px 34px,transparent 34px 56px)}
body[data-bg="art002"]::before{opacity:.9;background:repeating-linear-gradient(0deg,color-mix(in srgb,var(--acc) 12%,transparent) 0 20px,transparent 20px 40px),repeating-linear-gradient(90deg,color-mix(in srgb,var(--acc) 12%,transparent) 0 20px,transparent 20px 40px)}
body[data-bg="art003"]::before{background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--acc) 9%,transparent) 0 8px,transparent 8px 28px,color-mix(in srgb,var(--ink) 7%,transparent) 28px 32px,transparent 32px 60px),repeating-linear-gradient(0deg,color-mix(in srgb,oklch(0.72 0.15 150) 9%,transparent) 0 8px,transparent 8px 28px,color-mix(in srgb,var(--ink) 7%,transparent) 28px 32px,transparent 32px 60px)}
body[data-bg="art004"]::before{background:linear-gradient(45deg,color-mix(in srgb,var(--acc) 10%,transparent) 25%,transparent 25.5%) 0 0/40px 40px,linear-gradient(-45deg,color-mix(in srgb,var(--acc) 10%,transparent) 25%,transparent 25.5%) 0 0/40px 40px,linear-gradient(45deg,transparent 74.5%,color-mix(in srgb,var(--acc) 10%,transparent) 75%) 0 0/40px 40px,linear-gradient(-45deg,transparent 74.5%,color-mix(in srgb,var(--acc) 10%,transparent) 75%) 0 0/40px 40px}
body[data-bg="art005"]::before{opacity:.8;background:conic-gradient(from 90deg at 25% 25%,color-mix(in srgb,var(--ink) 9%,transparent) 90deg,transparent 0) 0 0/32px 32px,conic-gradient(from 90deg at 75% 75%,color-mix(in srgb,var(--ink) 9%,transparent) 90deg,transparent 0) 0 0/32px 32px}
body[data-bg="art006"]::before{background:repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 6%,transparent) 0 12px,transparent 12px 24px),repeating-linear-gradient(90deg,color-mix(in srgb,var(--acc) 8%,transparent) 0 12px,transparent 12px 24px)}
body[data-bg="art007"]::before{background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--ink) 7%,transparent) 0 1px,transparent 1px 12px)}
body[data-bg="art008"]::before{background:repeating-linear-gradient(63deg,color-mix(in srgb,var(--ink) 6%,transparent) 0 2px,transparent 2px 8px)}
body[data-bg="art009"]::before{background:radial-gradient(circle at 50% 100%,transparent 12px,color-mix(in srgb,var(--acc) 14%,transparent) 13px 14px,transparent 15px) 0 0/40px 20px,radial-gradient(circle at 0 100%,transparent 12px,color-mix(in srgb,var(--acc) 14%,transparent) 13px 14px,transparent 15px) 20px 10px/40px 20px,radial-gradient(circle at 100% 100%,transparent 12px,color-mix(in srgb,var(--acc) 14%,transparent) 13px 14px,transparent 15px) -20px 10px/40px 20px}
body[data-bg="art010"]::before{opacity:.7;background:conic-gradient(from 0deg at 50% 50%,color-mix(in srgb,var(--acc) 12%,transparent) 0 1deg,transparent 1deg 59deg,color-mix(in srgb,var(--acc) 12%,transparent) 60deg 61deg,transparent 61deg) 0 0/46px 46px}
body[data-bg="art011"]::before{background:radial-gradient(circle,transparent 13px,color-mix(in srgb,var(--acc) 11%,transparent) 14px 15px,transparent 16px) 0 0/30px 30px,radial-gradient(circle,transparent 13px,color-mix(in srgb,var(--acc) 11%,transparent) 14px 15px,transparent 16px) 15px 15px/30px 30px}
body[data-bg="art012"]::before{background:repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 6%,transparent) 0 1px,transparent 1px 26px),repeating-linear-gradient(-60deg,color-mix(in srgb,var(--ink) 6%,transparent) 0 1px,transparent 1px 26px),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 6%,transparent) 0 1px,transparent 1px 26px)}
body[data-bg="art013"]::before{background:radial-gradient(color-mix(in srgb,oklch(0.72 0.15 350) 22%,transparent) 3px,transparent 4px) 0 0/70px 70px,radial-gradient(color-mix(in srgb,oklch(0.72 0.15 350) 16%,transparent) 2px,transparent 3px) 35px 45px/70px 70px,radial-gradient(color-mix(in srgb,oklch(0.72 0.15 350) 18%,transparent) 2.5px,transparent 3.5px) 50px 12px/70px 70px}
body[data-bg="art014"]::before{opacity:.8;background:radial-gradient(circle farthest-side at 0 50%,color-mix(in srgb,var(--acc) 11%,transparent) 23%,transparent 24%) 0 0/40px 70px,radial-gradient(circle farthest-side at 100% 50%,color-mix(in srgb,var(--acc) 11%,transparent) 23%,transparent 24%) 20px 35px/40px 70px}
body[data-bg="art015"]::before{background:repeating-linear-gradient(30deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 1px,transparent 1px 24px),repeating-linear-gradient(150deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 1px,transparent 1px 24px),repeating-linear-gradient(270deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 1px,transparent 1px 24px)}
body[data-bg="art016"]::before{background:linear-gradient(30deg,color-mix(in srgb,var(--ink) 7%,transparent) 12%,transparent 12.5%,transparent 87%,color-mix(in srgb,var(--ink) 7%,transparent) 87.5%) 0 0/40px 70px,linear-gradient(150deg,color-mix(in srgb,var(--ink) 7%,transparent) 12%,transparent 12.5%,transparent 87%,color-mix(in srgb,var(--ink) 7%,transparent) 87.5%) 0 0/40px 70px,linear-gradient(90deg,color-mix(in srgb,var(--acc) 7%,transparent) 12%,transparent 12.5%) 0 0/40px 70px}
body[data-bg="art017"]::before{background:linear-gradient(45deg,color-mix(in srgb,var(--ink) 6%,transparent) 1px,transparent 1px) 0 0/26px 26px,linear-gradient(-45deg,color-mix(in srgb,var(--ink) 6%,transparent) 1px,transparent 1px) 0 0/26px 26px}
body[data-bg="art018"]::before{background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--acc) 13%,transparent) 30%,transparent 31%) 0 0/30px 18px,radial-gradient(circle at 50% 0,color-mix(in srgb,var(--acc) 13%,transparent) 30%,transparent 31%) 15px 9px/30px 18px}
body[data-bg="art019"]::before{background:linear-gradient(135deg,color-mix(in srgb,var(--acc) 11%,transparent) 25%,transparent 25%) 0 0/30px 30px,linear-gradient(225deg,color-mix(in srgb,var(--acc) 11%,transparent) 25%,transparent 25%) 0 0/30px 30px,linear-gradient(315deg,color-mix(in srgb,var(--acc) 11%,transparent) 25%,transparent 25%) 0 0/30px 30px,linear-gradient(45deg,color-mix(in srgb,var(--acc) 11%,transparent) 25%,transparent 25%) 0 0/30px 30px}
body[data-bg="art020"]::before{background:linear-gradient(135deg,color-mix(in srgb,var(--ink) 7%,transparent) 25%,transparent 25%) 0 0/24px 24px,linear-gradient(225deg,color-mix(in srgb,var(--ink) 7%,transparent) 25%,transparent 25%) 0 12px/24px 24px}
body[data-bg="art021"]::before{background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--ink) 6%,transparent) 0 2px,transparent 2px 14px) 0 0/28px 28px,repeating-linear-gradient(-45deg,color-mix(in srgb,var(--ink) 6%,transparent) 0 2px,transparent 2px 14px) 14px 0/28px 28px}
body[data-bg="art022"]::before{opacity:.7;background:conic-gradient(from 0deg at 50% 50%,color-mix(in srgb,var(--acc) 10%,transparent) 0 90deg,transparent 0 360deg) 0 0/30px 30px,linear-gradient(color-mix(in srgb,var(--ink) 4%,transparent),color-mix(in srgb,var(--ink) 4%,transparent))}
body[data-bg="art023"]::before{background:linear-gradient(45deg,color-mix(in srgb,var(--ink) 8%,transparent) 50%,transparent 50%) 0 0/24px 24px,linear-gradient(-45deg,color-mix(in srgb,var(--acc) 8%,transparent) 50%,transparent 50%) 0 0/24px 24px}
body[data-bg="art024"]::before{background:linear-gradient(60deg,color-mix(in srgb,var(--acc) 10%,transparent) 50%,transparent 50%) 0 0/30px 52px,linear-gradient(120deg,color-mix(in srgb,var(--ink) 6%,transparent) 50%,transparent 50%) 0 0/30px 52px}
body[data-bg="art025"]::before{opacity:.8;background:radial-gradient(color-mix(in srgb,var(--acc) 20%,transparent) 6px,transparent 7px) 0 0/44px 44px}
body[data-bg="art026"]::before{background:radial-gradient(color-mix(in srgb,var(--acc) 16%,transparent) 4px,transparent 5px) 0 0/34px 34px,radial-gradient(color-mix(in srgb,var(--acc) 16%,transparent) 4px,transparent 5px) 17px 17px/34px 34px}
body[data-bg="art027"]::before{background:radial-gradient(color-mix(in srgb,var(--acc) 22%,transparent) 2.5px,transparent 3px) 0 0/50px 50px,radial-gradient(color-mix(in srgb,oklch(0.72 0.15 150) 20%,transparent) 2px,transparent 3px) 25px 10px/50px 50px,radial-gradient(color-mix(in srgb,oklch(0.72 0.15 250) 20%,transparent) 2px,transparent 3px) 10px 35px/50px 50px,radial-gradient(color-mix(in srgb,oklch(0.72 0.15 75) 22%,transparent) 2px,transparent 3px) 40px 40px/50px 50px}
body[data-bg="art028"]::before{background:radial-gradient(circle 40px at 18% 24%,color-mix(in srgb,var(--acc) 14%,transparent),transparent),radial-gradient(circle 26px at 70% 16%,color-mix(in srgb,oklch(0.72 0.15 250) 12%,transparent),transparent),radial-gradient(circle 60px at 84% 72%,color-mix(in srgb,var(--acc) 10%,transparent),transparent),radial-gradient(circle 30px at 32% 82%,color-mix(in srgb,oklch(0.72 0.15 150) 12%,transparent),transparent)}
body[data-bg="art029"]::before{background:radial-gradient(1px 1px at 20% 30%,color-mix(in srgb,var(--ink) 40%,transparent),transparent),radial-gradient(1px 1px at 70% 60%,color-mix(in srgb,var(--ink) 36%,transparent),transparent),radial-gradient(1.5px 1.5px at 45% 80%,color-mix(in srgb,var(--acc) 40%,transparent),transparent),radial-gradient(1px 1px at 85% 25%,color-mix(in srgb,var(--ink) 30%,transparent),transparent),radial-gradient(1px 1px at 12% 70%,color-mix(in srgb,var(--ink) 30%,transparent),transparent)}
body[data-bg="art030"]::before{opacity:.7;background:radial-gradient(color-mix(in srgb,var(--ink) 10%,transparent) 1px,transparent 1.4px) 0 0/9px 9px}
body[data-bg="art031"]::before{background:repeating-conic-gradient(from 0deg at 50% 0,color-mix(in srgb,var(--acc) 9%,transparent) 0 4deg,transparent 4deg 8deg)}
body[data-bg="art032"]::before{opacity:.7;background:repeating-conic-gradient(from 0deg at 50% 50%,color-mix(in srgb,var(--ink) 5%,transparent) 0 2deg,transparent 2deg 7deg)}
body[data-bg="art033"]::before{opacity:.6;background:repeating-linear-gradient(0deg,color-mix(in srgb,var(--acc) 8%,transparent) 0 1px,transparent 1px 18px),repeating-linear-gradient(90deg,color-mix(in srgb,var(--acc) 8%,transparent) 0 1px,transparent 1px 18px)}
body[data-bg="art034"]::before{background:repeating-radial-gradient(circle at 30% 20%,transparent 0 18px,color-mix(in srgb,var(--acc) 8%,transparent) 18px 19px),repeating-radial-gradient(circle at 80% 90%,transparent 0 22px,color-mix(in srgb,var(--ink) 5%,transparent) 22px 23px)}
body[data-bg="art035"]::before{opacity:.7;background:repeating-radial-gradient(circle at 40% 40%,color-mix(in srgb,var(--ink) 6%,transparent) 0 2px,transparent 2px 5px),repeating-radial-gradient(circle at 60% 60%,color-mix(in srgb,var(--acc) 7%,transparent) 0 2px,transparent 2px 5px)}
body[data-bg="art036"]::before{opacity:.6;background:repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 7%,transparent) 0 1px,transparent 1px 4px)}
body[data-bg="art037"]::before{opacity:.6;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--acc) 8%,transparent) 0 1px,transparent 1px 3px),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 1px,transparent 1px 3px)}
body[data-bg="art038"]::before{background:repeating-linear-gradient(0deg,transparent 0 38px,var(--line) 38px 39px)}
body[data-bg="art039"]::before{opacity:.8;background:linear-gradient(0deg,transparent 95%,color-mix(in srgb,var(--acc) 10%,transparent) 95%) 0 0/100% 32px,linear-gradient(90deg,color-mix(in srgb,oklch(0.72 0.15 20) 12%,transparent) 0 1px,transparent 1px) 60px 0/100% 100%}
body[data-bg="art040"]::before{opacity:.9;background:linear-gradient(color-mix(in srgb,var(--acc) 7%,transparent) 1px,transparent 1px) 0 0/50px 50px,linear-gradient(90deg,color-mix(in srgb,var(--acc) 7%,transparent) 1px,transparent 1px) 0 0/50px 50px,linear-gradient(var(--line) 1px,transparent 1px) 0 0/10px 10px,linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0/10px 10px}
body[data-bg="art041"]::before{opacity:.7;background:linear-gradient(color-mix(in srgb,var(--acc) 8%,transparent) 2px,transparent 2px) 0 0/60px 60px,linear-gradient(90deg,color-mix(in srgb,var(--acc) 8%,transparent) 2px,transparent 2px) 0 0/60px 60px,radial-gradient(color-mix(in srgb,var(--acc) 20%,transparent) 3px,transparent 4px) 0 0/60px 60px,radial-gradient(color-mix(in srgb,var(--acc) 20%,transparent) 3px,transparent 4px) 60px 60px/60px 60px}
body[data-bg="art042"]::before{opacity:.7;background:radial-gradient(color-mix(in srgb,var(--ink) 14%,transparent) 2px,transparent 3px) 0 0/16px 16px}
body[data-bg="art043"]::before{opacity:.7;background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--ink) 8%,transparent) 0 1px,transparent 1px 5px),repeating-linear-gradient(-45deg,color-mix(in srgb,var(--ink) 8%,transparent) 0 1px,transparent 1px 5px)}
body[data-bg="art044"]::before{opacity:.6;background:linear-gradient(45deg,color-mix(in srgb,var(--ink) 10%,transparent) 25%,transparent 25%) 0 0/22px 22px,linear-gradient(-45deg,color-mix(in srgb,var(--ink) 10%,transparent) 25%,transparent 25%) 0 11px/22px 22px}
body[data-bg="art045"]::before{opacity:.7;background:linear-gradient(27deg,color-mix(in srgb,var(--ink) 12%,transparent) 5px,transparent 5px) 0 0/16px 16px,linear-gradient(207deg,color-mix(in srgb,var(--ink) 12%,transparent) 5px,transparent 5px) 8px 8px/16px 16px,linear-gradient(27deg,color-mix(in srgb,var(--ink) 8%,transparent) 5px,transparent 5px) 8px 8px/16px 16px,linear-gradient(207deg,color-mix(in srgb,var(--ink) 8%,transparent) 5px,transparent 5px) 0 0/16px 16px}
body[data-bg="art046"]::before{opacity:.5;background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--acc) 14%,transparent) 0 18px,color-mix(in srgb,var(--ink) 6%,transparent) 18px 36px)}
body[data-bg="art047"]::before{opacity:.8;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--ink) 9%,transparent) 0 1px,transparent 1px 10px),repeating-linear-gradient(90deg,color-mix(in srgb,var(--ink) 14%,transparent) 0 1px,transparent 1px 50px)}
body[data-bg="art048"]::before{opacity:.7;background:radial-gradient(color-mix(in srgb,var(--ink) 18%,transparent) 3px,transparent 4px) 0 0/48px 48px,linear-gradient(var(--line),var(--line))}
body[data-bg="art049"]::before{opacity:.9;background:linear-gradient(var(--line) 1px,transparent 1px) 0 0/24px 24px,linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0/24px 24px,radial-gradient(color-mix(in srgb,var(--acc) 24%,transparent) 1.6px,transparent 2px) 0 0/24px 24px}
body[data-bg="art050"]::before{opacity:.8;background:repeating-linear-gradient(30deg,color-mix(in srgb,var(--acc) 7%,transparent) 0 1px,transparent 1px 30px),repeating-linear-gradient(-30deg,color-mix(in srgb,var(--acc) 7%,transparent) 0 1px,transparent 1px 30px)}
body[data-bg="art051"]::before{background:radial-gradient(color-mix(in srgb,var(--acc) 20%,transparent) 3px,transparent 4px) 8px 12px/60px 60px,radial-gradient(color-mix(in srgb,var(--ink) 14%,transparent) 4px,transparent 5px) 38px 28px/60px 60px,radial-gradient(color-mix(in srgb,oklch(0.72 0.15 150) 18%,transparent) 2.5px,transparent 3.5px) 22px 48px/60px 60px,radial-gradient(color-mix(in srgb,oklch(0.72 0.15 250) 16%,transparent) 3px,transparent 4px) 50px 8px/60px 60px}
body[data-bg="art052"]::before{background:radial-gradient(120% 80% at 0 0,color-mix(in srgb,var(--ink) 5%,transparent),transparent 40%),radial-gradient(100% 90% at 100% 20%,color-mix(in srgb,var(--acc) 7%,transparent),transparent 45%),radial-gradient(80% 70% at 60% 100%,color-mix(in srgb,var(--ink) 4%,transparent),transparent 50%)}
body[data-bg="art053"]::before{filter:blur(6px);background:radial-gradient(60% 50% at 20% 25%,color-mix(in srgb,var(--acc) 12%,transparent),transparent 60%),radial-gradient(50% 60% at 80% 35%,color-mix(in srgb,oklch(0.72 0.15 250) 10%,transparent),transparent 60%),radial-gradient(70% 60% at 55% 90%,color-mix(in srgb,oklch(0.72 0.15 150) 9%,transparent),transparent 60%)}
body[data-bg="art054"]::before{filter:blur(3px);background:radial-gradient(80% 60% at 15% 10%,color-mix(in srgb,var(--ink) 10%,transparent),transparent 60%),radial-gradient(70% 80% at 90% 90%,color-mix(in srgb,var(--ink) 8%,transparent),transparent 60%)}
body[data-bg="art055"]::before{filter:blur(10px);background:radial-gradient(50% 40% at 30% 70%,color-mix(in srgb,var(--ink) 7%,transparent),transparent),radial-gradient(40% 50% at 75% 30%,color-mix(in srgb,var(--ink) 6%,transparent),transparent)}
body[data-bg="art056"]::before{background:repeating-radial-gradient(ellipse 60% 40% at 25% 30%,transparent 0 16px,color-mix(in srgb,var(--acc) 7%,transparent) 16px 17px),repeating-radial-gradient(ellipse 50% 70% at 80% 75%,transparent 0 20px,color-mix(in srgb,var(--ink) 5%,transparent) 20px 21px)}
body[data-bg="art057"]::before{filter:blur(8px);background:radial-gradient(40% 50% at 25% 20%,color-mix(in srgb,var(--acc) 18%,transparent),transparent),radial-gradient(45% 40% at 75% 30%,color-mix(in srgb,oklch(0.72 0.15 20) 16%,transparent),transparent),radial-gradient(50% 55% at 60% 85%,color-mix(in srgb,oklch(0.72 0.15 300) 14%,transparent),transparent)}
body[data-bg="art058"]::before{opacity:.7;background:radial-gradient(color-mix(in srgb,oklch(0.72 0.15 20) 18%,transparent) 2px,transparent 3px) 0 0/26px 26px,radial-gradient(color-mix(in srgb,oklch(0.72 0.15 350) 16%,transparent) 1.5px,transparent 2.5px) 13px 13px/26px 26px}
body[data-bg="art059"]::before{background:linear-gradient(180deg,color-mix(in srgb,var(--ink) 8%,transparent),transparent 40%,transparent 60%,color-mix(in srgb,var(--acc) 8%,transparent))}
body[data-bg="art060"]::before{opacity:.8;filter:blur(.5px);background:repeating-linear-gradient(8deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 2px,transparent 2px 16px)}
body[data-bg="art061"]::before{background:radial-gradient(50% 45% at 50% 0,color-mix(in srgb,var(--acc) 16%,transparent),transparent 70%)}
body[data-bg="art062"]::before{background:radial-gradient(60% 60% at 100% 0,color-mix(in srgb,var(--acc) 18%,transparent),transparent 60%)}
body[data-bg="art063"]::before{background:radial-gradient(45% 50% at 8% 12%,color-mix(in srgb,var(--acc) 16%,transparent),transparent 60%),radial-gradient(45% 50% at 92% 88%,color-mix(in srgb,oklch(0.72 0.15 250) 14%,transparent),transparent 60%)}
body[data-bg="art064"]::before{background:radial-gradient(120% 120% at 50% 50%,transparent 55%,color-mix(in srgb,var(--ink) 10%,transparent))}
body[data-bg="art065"]::before{background:linear-gradient(180deg,color-mix(in srgb,var(--acc) 12%,transparent),transparent 35%)}
body[data-bg="art066"]::before{opacity:.8;background:linear-gradient(120deg,color-mix(in srgb,var(--acc) 10%,transparent) 0 40%,transparent 40% 60%,color-mix(in srgb,oklch(0.72 0.15 250) 10%,transparent) 60%)}
body[data-bg="art067"]::before{opacity:.7;background:linear-gradient(180deg,color-mix(in srgb,var(--acc) 10%,transparent) 0 33%,transparent 33% 66%,color-mix(in srgb,oklch(0.72 0.15 150) 9%,transparent) 66%)}
body[data-bg="art068"]::before{filter:blur(4px);background:conic-gradient(from 200deg at 25% 15%,color-mix(in srgb,var(--acc) 18%,transparent),transparent 35%),conic-gradient(from 20deg at 80% 85%,color-mix(in srgb,oklch(0.72 0.15 250) 16%,transparent),transparent 40%),conic-gradient(from 120deg at 60% 50%,color-mix(in srgb,oklch(0.72 0.15 150) 12%,transparent),transparent 30%)}
body[data-bg="art069"]::before{opacity:.5;filter:blur(2px);background:conic-gradient(from 0deg at 50% 50%,color-mix(in srgb,var(--acc) 10%,transparent),color-mix(in srgb,oklch(0.72 0.15 75) 9%,transparent),color-mix(in srgb,oklch(0.72 0.15 150) 9%,transparent),color-mix(in srgb,oklch(0.72 0.15 250) 9%,transparent),color-mix(in srgb,oklch(0.72 0.15 300) 9%,transparent),color-mix(in srgb,var(--acc) 10%,transparent))}
body[data-bg="art070"]::before{background:linear-gradient(180deg,color-mix(in srgb,oklch(0.72 0.15 20) 16%,transparent),color-mix(in srgb,oklch(0.72 0.15 45) 12%,transparent) 40%,transparent 70%)}
body[data-bg="art071"]::before{opacity:.8;background:radial-gradient(color-mix(in srgb,var(--acc) 22%,transparent) 4px,transparent 5px) 0 0/60px 60px,linear-gradient(45deg,color-mix(in srgb,oklch(0.72 0.15 250) 14%,transparent) 25%,transparent 25%) 30px 0/60px 60px,repeating-linear-gradient(90deg,color-mix(in srgb,var(--ink) 6%,transparent) 0 2px,transparent 2px 10px) 0 40px/60px 20px}
body[data-bg="art072"]::before{opacity:.7;background:linear-gradient(0deg,color-mix(in srgb,var(--acc) 14%,transparent) 1px,transparent 1px) 0 60%/100% 30px,linear-gradient(90deg,color-mix(in srgb,var(--acc) 10%,transparent) 1px,transparent 1px) 0 0/40px 100%}
body[data-bg="art073"]::before{opacity:.5;background:radial-gradient(color-mix(in srgb,var(--ink) 14%,transparent) 30%,transparent 31%) 0 0/12px 12px}
body[data-bg="art074"]::before{opacity:.6;background:repeating-conic-gradient(from 0deg at 50% 50%,color-mix(in srgb,var(--acc) 12%,transparent) 0 6deg,transparent 6deg 12deg)}
body[data-bg="art075"]::before{opacity:.8;background:repeating-radial-gradient(circle at 0 50%,transparent 0 8px,color-mix(in srgb,var(--acc) 9%,transparent) 8px 9px) 0 0/40px 20px}
body[data-bg="art076"]::before{opacity:.7;background:conic-gradient(color-mix(in srgb,var(--acc) 14%,transparent) 0 25%,transparent 0 50%,color-mix(in srgb,var(--acc) 14%,transparent) 0 75%,transparent 0) 0 0/40px 40px}
body[data-bg="art077"]::before{opacity:.7;background:repeating-conic-gradient(from 0deg at 50% 0,color-mix(in srgb,var(--acc) 12%,transparent) 0 15deg,transparent 15deg 30deg)}
body[data-bg="art078"]::before{opacity:.5;background:repeating-radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--ink) 12%,transparent) 0 6px,transparent 6px 12px)}
body[data-bg="art079"]::before{opacity:.8;background:conic-gradient(color-mix(in srgb,var(--ink) 8%,transparent) 0 25%,transparent 0 50%,color-mix(in srgb,var(--ink) 8%,transparent) 0 75%,transparent 0) 0 0/36px 36px,linear-gradient(180deg,transparent,color-mix(in srgb,var(--acc) 8%,transparent))}
body[data-bg="art080"]::before{opacity:.7;background:radial-gradient(color-mix(in srgb,var(--acc) 24%,transparent) 2.5px,transparent 3px) 0 0/20px 20px,radial-gradient(color-mix(in srgb,oklch(0.72 0.15 250) 20%,transparent) 2.5px,transparent 3px) 10px 10px/20px 20px}
body[data-bg="art081"]::before{opacity:.8;background:linear-gradient(0deg,transparent 27px,color-mix(in srgb,var(--acc) 14%,transparent) 28px) 0 0/100% 28px,linear-gradient(90deg,transparent 38px,color-mix(in srgb,oklch(0.72 0.15 350) 16%,transparent) 39px,transparent 40px) 0 0/100% 100%}
body[data-bg="art082"]::before{opacity:.8;background:radial-gradient(var(--line-2) 1.4px,transparent 2px) 0 0/22px 22px}
body[data-bg="art083"]::before{opacity:.7;background:repeating-linear-gradient(85deg,color-mix(in srgb,var(--ink) 4%,transparent) 0 1px,transparent 1px 7px),repeating-linear-gradient(5deg,color-mix(in srgb,var(--ink) 3%,transparent) 0 1px,transparent 1px 9px)}
body[data-bg="art084"]::before{opacity:.8;background:repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 4%,transparent) 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,color-mix(in srgb,var(--ink) 4%,transparent) 0 1px,transparent 1px 4px)}
body[data-bg="art085"]::before{opacity:.7;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--ink) 7%,transparent) 0 3px,transparent 3px 8px)}
body[data-bg="art086"]::before{opacity:.8;background:repeating-linear-gradient(90deg,color-mix(in srgb,oklch(0.72 0.15 45) 8%,transparent) 0 2px,transparent 2px 6px)}
body[data-bg="art087"]::before{background:linear-gradient(0deg,color-mix(in srgb,var(--acc) 14%,transparent) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(90deg,color-mix(in srgb,var(--acc) 14%,transparent) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(0deg,color-mix(in srgb,var(--acc) 7%,transparent) 1px,transparent 1px) 0 0/8px 8px,linear-gradient(90deg,color-mix(in srgb,var(--acc) 7%,transparent) 1px,transparent 1px) 0 0/8px 8px,color-mix(in srgb,var(--acc) 6%,transparent)}
body[data-bg="art088"]::before{opacity:.9;background:linear-gradient(var(--line) 1px,transparent 1px) 0 0/8px 8px,linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0/8px 8px,linear-gradient(color-mix(in srgb,var(--ink) 7%,transparent) 1.5px,transparent 1.5px) 0 0/40px 40px,linear-gradient(90deg,color-mix(in srgb,var(--ink) 7%,transparent) 1.5px,transparent 1.5px) 0 0/40px 40px}
body[data-bg="art089"]::before{opacity:.7;background:repeating-linear-gradient(45deg,color-mix(in srgb,oklch(0.72 0.15 45) 7%,transparent) 0 6px,transparent 6px 12px),repeating-linear-gradient(-45deg,color-mix(in srgb,oklch(0.72 0.15 45) 7%,transparent) 0 6px,transparent 6px 12px)}
body[data-bg="art090"]::before{opacity:.7;background:radial-gradient(circle,transparent 4px,transparent 5px),radial-gradient(color-mix(in srgb,var(--ink) 8%,transparent) 2px,transparent 3px) 0 0/20px 20px}
body[data-bg="art091"]::before{background:repeating-radial-gradient(circle at 70% 30%,transparent 0 14px,color-mix(in srgb,var(--acc) 9%,transparent) 14px 15px),repeating-radial-gradient(circle at 20% 80%,transparent 0 18px,color-mix(in srgb,var(--acc) 6%,transparent) 18px 19px)}
body[data-bg="art092"]::before{opacity:.5;background:linear-gradient(color-mix(in srgb,var(--acc) 11%,transparent) 2px,transparent 2px) 0 0/26px 26px,linear-gradient(90deg,color-mix(in srgb,var(--acc) 11%,transparent) 2px,transparent 2px) 0 0/26px 26px}
body[data-bg="art093"]::before{opacity:.6;background:radial-gradient(circle,transparent 0),linear-gradient(color-mix(in srgb,var(--ink) 8%,transparent) 2px,transparent 0) 0 0/30px 30px,linear-gradient(90deg,color-mix(in srgb,var(--ink) 8%,transparent) 2px,transparent 0) 13px 13px/30px 30px}
body[data-bg="art094"]::before{opacity:.7;background:conic-gradient(from 45deg at 50% 50%,transparent 0 20deg,color-mix(in srgb,var(--acc) 10%,transparent) 20deg 25deg,transparent 25deg) 0 0/34px 34px}
body[data-bg="art095"]::before{background:radial-gradient(40px 40px at 10% 20%,transparent 38px,color-mix(in srgb,var(--ink) 5%,transparent) 39px),radial-gradient(50px 50px at 70% 40%,transparent 48px,color-mix(in srgb,var(--ink) 5%,transparent) 49px),radial-gradient(45px 45px at 40% 85%,transparent 43px,color-mix(in srgb,var(--acc) 7%,transparent) 44px)}
body[data-bg="art096"]::before{opacity:.6;background:linear-gradient(90deg,color-mix(in srgb,var(--ink) 8%,transparent) 2px,transparent 2px) 0 0/20px 20px,linear-gradient(color-mix(in srgb,var(--ink) 8%,transparent) 2px,transparent 2px) 10px 0/20px 40px}
body[data-bg="art097"]::before{opacity:.7;background:linear-gradient(0deg,color-mix(in srgb,var(--ink) 7%,transparent) 1px,transparent 1px) 0 0/100% 28px,linear-gradient(90deg,color-mix(in srgb,var(--ink) 7%,transparent) 1px,transparent 1px) 0 0/56px 56px,linear-gradient(90deg,color-mix(in srgb,var(--ink) 7%,transparent) 1px,transparent 1px) 28px 28px/56px 56px}
body[data-bg="art098"]::before{opacity:.7;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--ink) 7%,transparent) 30%,transparent 31%) 0 0/34px 34px,radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--ink) 7%,transparent) 30%,transparent 31%) 17px 17px/34px 34px}
body[data-bg="art099"]::before{opacity:.5;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--acc) 12%,transparent) 0 4px,transparent 4px 10px)}
body[data-bg="art100"]::before{background:radial-gradient(1.5px 1.5px at 15% 20%,color-mix(in srgb,var(--acc) 50%,transparent),transparent),radial-gradient(1px 1px at 40% 35%,color-mix(in srgb,var(--ink) 40%,transparent),transparent),radial-gradient(1.5px 1.5px at 65% 25%,color-mix(in srgb,var(--ink) 40%,transparent),transparent),radial-gradient(1px 1px at 80% 55%,color-mix(in srgb,var(--acc) 45%,transparent),transparent),radial-gradient(1px 1px at 30% 70%,color-mix(in srgb,var(--ink) 35%,transparent),transparent),radial-gradient(1.5px 1.5px at 55% 80%,color-mix(in srgb,var(--ink) 40%,transparent),transparent),linear-gradient(120deg,transparent 49.6%,color-mix(in srgb,var(--ink) 10%,transparent) 49.7%,transparent 49.8%)}
body[data-bg="ind01"]::before{opacity:.85;background:linear-gradient(90deg,color-mix(in srgb,var(--ink) 11%,transparent) 1px,transparent 1px) 0 0/100% 100%,linear-gradient(color-mix(in srgb,var(--ink) 11%,transparent) 1px,transparent 1px) 0 0/100% 100%,repeating-linear-gradient(90deg,color-mix(in srgb,var(--ink) 9%,transparent) 0 1px,transparent 1px 20px) 0 0/100% 6px,repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 9%,transparent) 0 1px,transparent 1px 20px) 0 0/6px 100%,linear-gradient(var(--line) 1px,transparent 1px) 0 0/20px 20px,linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0/20px 20px}
body[data-bg="ind02"]::before{opacity:.9;background:linear-gradient(color-mix(in srgb,var(--ink) 8%,transparent) 1px,transparent 1px) 0 0/50px 50px,linear-gradient(90deg,color-mix(in srgb,var(--ink) 8%,transparent) 1px,transparent 1px) 0 0/50px 50px,linear-gradient(var(--line) 1px,transparent 1px) 0 0/10px 10px,linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0/10px 10px,radial-gradient(color-mix(in srgb,var(--acc) 28%,transparent) 1.5px,transparent 2px) 0 0/50px 50px}
body[data-bg="ind03"]::before{opacity:.8;background:repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 9%,transparent) 0 1px,transparent 1px 6px),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 1px,transparent 1px 30px)}
body[data-bg="ind04"]::before{opacity:.55;background:radial-gradient(circle farthest-side at 50% 50%,color-mix(in srgb,var(--ink) 10%,transparent) 60%,transparent 62%) 0 0/40px 70px,radial-gradient(circle farthest-side at 50% 50%,color-mix(in srgb,var(--ink) 10%,transparent) 60%,transparent 62%) 20px 35px/40px 70px,conic-gradient(from 30deg at 50% 50%,color-mix(in srgb,var(--ink) 6%,transparent) 0 60deg,transparent 0) 0 0/40px 70px}
body[data-bg="ind05"]::before{opacity:.7;background:radial-gradient(circle at 35% 35%,var(--line) 0 28%,transparent 30%),radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--ink) 12%,transparent) 30%,transparent 32%) 0 0/30px 30px,radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--ink) 12%,transparent) 30%,transparent 32%) 15px 15px/30px 30px}
body[data-bg="ind06"]::before{opacity:.75;background:radial-gradient(circle,transparent 9px,color-mix(in srgb,var(--ink) 11%,transparent) 10px 12px,transparent 13px) 0 0/34px 34px,radial-gradient(circle,transparent 9px,color-mix(in srgb,var(--ink) 11%,transparent) 10px 12px,transparent 13px) 17px 17px/34px 34px}
body[data-bg="ind07"]::before{opacity:.5;background:repeating-conic-gradient(from 0deg at 50% 50%,color-mix(in srgb,var(--ink) 10%,transparent) 0 0.7deg,transparent 0.7deg 6deg),repeating-conic-gradient(from 0deg at 50% 50%,color-mix(in srgb,var(--ink) 16%,transparent) 0 1.2deg,transparent 1.2deg 30deg)}
body[data-bg="ind08"]::before{opacity:.7;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--ink) 6%,transparent) 0 1px,transparent 1px 2px,color-mix(in srgb,var(--ink) 3%,transparent) 2px 3px,transparent 3px 5px)}
body[data-bg="ind09"]::before{opacity:.8;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--acc) 5%,transparent) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,color-mix(in srgb,var(--ink) 3%,transparent) 0 1px,transparent 1px 7px)}
body[data-bg="ind10"]::before{opacity:.65;background:repeating-linear-gradient(40deg,color-mix(in srgb,var(--ink) 9%,transparent) 0 1px,transparent 1px 4px),repeating-linear-gradient(-40deg,color-mix(in srgb,var(--ink) 9%,transparent) 0 1px,transparent 1px 4px)}
body[data-bg="ind11"]::before{opacity:.7;background:linear-gradient(color-mix(in srgb,var(--ink) 10%,transparent) 1.5px,transparent 1.5px) 0 0/64px 64px,linear-gradient(90deg,color-mix(in srgb,var(--ink) 10%,transparent) 1.5px,transparent 1.5px) 0 0/64px 64px,radial-gradient(circle,transparent 5px,color-mix(in srgb,var(--acc) 22%,transparent) 5px 6px,transparent 7px) 0 0/64px 64px}
body[data-bg="ind12"]::before{opacity:.55;background:radial-gradient(color-mix(in srgb,var(--ink) 14%,transparent) 2.5px,transparent 3.5px) 0 0/18px 18px,radial-gradient(color-mix(in srgb,var(--ink) 14%,transparent) 2.5px,transparent 3.5px) 9px 9px/18px 18px}
body[data-bg="ind13"]::before{opacity:.55;background:repeating-linear-gradient(0deg,transparent 0 8px,color-mix(in srgb,var(--ink) 10%,transparent) 8px 9px,transparent 9px 11px) 0 0/14px 100%}
body[data-bg="ind14"]::before{opacity:.55;background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--acc) 11%,transparent) 0 3px,transparent 3px 16px) 0 0/24px 24px,repeating-linear-gradient(45deg,color-mix(in srgb,var(--acc) 11%,transparent) 0 3px,transparent 3px 16px) 12px 0/24px 24px}
body[data-bg="ind15"]::before{opacity:.75;background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--ink) 9%,transparent) 0 1px,transparent 1px 6px)}
body[data-bg="ind16"]::before{opacity:.55;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--ink) 8%,transparent) 0 8px,transparent 8px 12px,color-mix(in srgb,var(--ink) 8%,transparent) 12px 14px,transparent 14px 60px),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 8%,transparent) 0 8px,transparent 8px 12px,color-mix(in srgb,var(--ink) 8%,transparent) 12px 14px,transparent 14px 60px)}
body[data-bg="ind17"]::before{opacity:.6;background:radial-gradient(color-mix(in srgb,var(--acc) 24%,transparent) 2px,transparent 3px) 0 0/46px 46px,linear-gradient(45deg,transparent 47%,color-mix(in srgb,var(--ink) 7%,transparent) 47.5% 48%,transparent 48.5%) 0 0/46px 46px}
body[data-bg="ind18"]::before{opacity:.7;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--ink) 13%,transparent) 0 1px,transparent 1px 7px),repeating-linear-gradient(90deg,color-mix(in srgb,var(--ink) 20%,transparent) 0 1.5px,transparent 1.5px 35px),linear-gradient(0deg,transparent 70%,color-mix(in srgb,var(--ink) 7%,transparent) 70.5%)}
body[data-bg="ind19"]::before{opacity:.5;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--ink) 12%,transparent) 0 3px,transparent 3px 5px,color-mix(in srgb,var(--ink) 7%,transparent) 5px 7px,transparent 7px 10px) 0 0/100% 16px}
body[data-bg="ind20"]::before{opacity:.8;background:repeating-radial-gradient(circle at 30% 40%,transparent 0 16px,color-mix(in srgb,var(--acc) 8%,transparent) 16px 17px,transparent 17px 18px),repeating-radial-gradient(circle at 85% 75%,transparent 0 20px,color-mix(in srgb,var(--ink) 6%,transparent) 20px 21px)}
body[data-bg="sof01"]::before{filter:blur(16px);background:radial-gradient(52% 46% at 18% 22%,color-mix(in srgb,var(--ink) 9%,transparent),transparent 66%),radial-gradient(46% 50% at 82% 30%,color-mix(in srgb,var(--ink) 7%,transparent),transparent 66%),radial-gradient(55% 50% at 60% 95%,color-mix(in srgb,var(--acc) 7%,transparent),transparent 66%)}
body[data-bg="sof02"]::before{filter:blur(20px);background:radial-gradient(60% 50% at 30% 18%,color-mix(in srgb,var(--ink) 8%,transparent),transparent 62%),radial-gradient(50% 55% at 80% 80%,color-mix(in srgb,var(--acc) 6%,transparent),transparent 62%)}
body[data-bg="sof03"]::before{filter:blur(9px);background:linear-gradient(105deg,color-mix(in srgb,var(--ink) 11%,transparent) 0 12%,transparent 18% 40%,var(--line) 46% 54%,transparent 60% 82%,color-mix(in srgb,var(--ink) 8%,transparent) 88%)}
body[data-bg="sof04"]::before{opacity:.8;filter:blur(3px);background:repeating-linear-gradient(95deg,color-mix(in srgb,var(--ink) 7%,transparent) 0 2px,transparent 2px 9px),radial-gradient(70% 60% at 40% 30%,color-mix(in srgb,var(--ink) 7%,transparent),transparent)}
body[data-bg="sof05"]::before{filter:blur(8px);background:radial-gradient(circle 36px at 20% 28%,color-mix(in srgb,var(--ink) 12%,transparent),transparent),radial-gradient(circle 24px at 68% 18%,color-mix(in srgb,var(--ink) 9%,transparent),transparent),radial-gradient(circle 48px at 84% 70%,color-mix(in srgb,var(--ink) 10%,transparent),transparent),radial-gradient(circle 28px at 36% 82%,color-mix(in srgb,var(--acc) 7%,transparent),transparent)}
body[data-bg="sof06"]::before{opacity:.85;filter:blur(2.2px);background:linear-gradient(color-mix(in srgb,var(--ink) 9%,transparent) 1px,transparent 1px) 0 0/44px 44px,linear-gradient(90deg,color-mix(in srgb,var(--ink) 9%,transparent) 1px,transparent 1px) 0 0/44px 44px,radial-gradient(60% 50% at 50% 20%,color-mix(in srgb,var(--ink) 6%,transparent),transparent 70%)}
body[data-bg="sof07"]::before{filter:blur(18px);background:radial-gradient(46% 40% at 25% 65%,color-mix(in srgb,var(--ink) 7%,transparent),transparent),radial-gradient(50% 45% at 75% 35%,color-mix(in srgb,var(--ink) 6%,transparent),transparent),radial-gradient(40% 50% at 55% 90%,color-mix(in srgb,var(--acc) 5%,transparent),transparent)}
body[data-bg="sof08"]::before{filter:blur(12px);background:radial-gradient(30% 26% at 30% 40%,color-mix(in srgb,var(--ink) 13%,transparent),transparent 70%),radial-gradient(20% 18% at 32% 42%,color-mix(in srgb,var(--ink) 20%,transparent),transparent 70%),radial-gradient(42% 40% at 75% 75%,color-mix(in srgb,var(--acc) 7%,transparent),transparent)}
body[data-bg="sof09"]::before{filter:blur(7px);background:linear-gradient(180deg,color-mix(in srgb,var(--ink) 12%,transparent),color-mix(in srgb,var(--ink) 7%,transparent) 35%,transparent 72%)}
body[data-bg="sof10"]::before{filter:blur(10px);background:radial-gradient(120% 90% at 0% 0%,var(--line) 0 12%,transparent 30%),radial-gradient(120% 90% at 100% 100%,color-mix(in srgb,var(--ink) 10%,transparent) 0 12%,transparent 30%),radial-gradient(50% 40% at 50% 50%,color-mix(in srgb,var(--ink) 6%,transparent),transparent)}
body[data-bg="sof11"]::before{opacity:.7;filter:blur(2.5px);background:repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 7%,transparent) 0 1px,transparent 1px 5px),radial-gradient(60% 45% at 50% 50%,color-mix(in srgb,var(--ink) 8%,transparent),transparent 70%)}
body[data-bg="sof12"]::before{opacity:.9;filter:blur(2px);background:linear-gradient(0deg,color-mix(in srgb,var(--acc) 9%,transparent) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(90deg,color-mix(in srgb,var(--acc) 9%,transparent) 1px,transparent 1px) 0 0/40px 40px,radial-gradient(70% 60% at 30% 25%,color-mix(in srgb,var(--ink) 6%,transparent),transparent 70%)}
body[data-bg="sof13"]::before{filter:blur(15px);background:radial-gradient(36% 30% at 22% 78%,color-mix(in srgb,var(--ink) 11%,transparent),transparent 70%),radial-gradient(30% 26% at 78% 22%,color-mix(in srgb,var(--acc) 6%,transparent),transparent 70%),radial-gradient(40% 40% at 50% 50%,color-mix(in srgb,var(--ink) 7%,transparent),transparent)}
body[data-bg="sof14"]::before{filter:blur(22px);background:radial-gradient(52% 46% at 30% 30%,color-mix(in srgb,var(--ink) 9%,transparent),transparent 66%),radial-gradient(46% 50% at 72% 68%,color-mix(in srgb,var(--ink) 7%,transparent),transparent 66%)}
body[data-bg="sof15"]::before{opacity:.7;filter:blur(2.6px);background:repeating-linear-gradient(40deg,color-mix(in srgb,var(--ink) 8%,transparent) 0 1px,transparent 1px 5px),repeating-linear-gradient(-40deg,color-mix(in srgb,var(--ink) 8%,transparent) 0 1px,transparent 1px 5px),radial-gradient(60% 50% at 50% 40%,color-mix(in srgb,var(--ink) 6%,transparent),transparent)}
body[data-bg="wow01"]::before{background:radial-gradient(70% 55% at 50% 0%,color-mix(in srgb,var(--acc) 15%,transparent),transparent 60%),radial-gradient(140% 120% at 50% 50%,transparent 45%,color-mix(in srgb,var(--ink) 16%,transparent) 100%),linear-gradient(color-mix(in srgb,var(--ink) 10%,transparent) 1px,transparent 1px) 0 0/46px 46px,linear-gradient(90deg,color-mix(in srgb,var(--ink) 10%,transparent) 1px,transparent 1px) 0 0/46px 46px}
body[data-bg="wow02"]::before{background:linear-gradient(115deg,transparent 30%,color-mix(in srgb,var(--acc) 12%,transparent) 48% 52%,transparent 70%),linear-gradient(color-mix(in srgb,var(--acc) 13%,transparent) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(90deg,color-mix(in srgb,var(--acc) 13%,transparent) 1px,transparent 1px) 0 0/40px 40px,radial-gradient(140% 120% at 50% 40%,transparent 50%,color-mix(in srgb,var(--ink) 14%,transparent))}
body[data-bg="wow03"]::before{background:conic-gradient(from 210deg at 50% 50%,color-mix(in srgb,var(--acc) 18%,transparent),transparent 90deg),repeating-radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--ink) 8%,transparent) 0 1px,transparent 1px 44px),radial-gradient(circle at 50% 50%,transparent 60%,color-mix(in srgb,var(--ink) 14%,transparent))}
body[data-bg="wow04"]::before{opacity:.9;background:linear-gradient(100deg,color-mix(in srgb,var(--ink) 16%,transparent) 0 8%,transparent 30% 60%,color-mix(in srgb,var(--acc) 10%,transparent) 78%,color-mix(in srgb,var(--ink) 14%,transparent)),radial-gradient(color-mix(in srgb,var(--ink) 15%,transparent) 2.5px,transparent 3.5px) 0 0/19px 19px}
body[data-bg="wow05"]::before{background:linear-gradient(115deg,transparent 35%,color-mix(in srgb,var(--acc) 13%,transparent) 50%,transparent 65%),linear-gradient(27deg,color-mix(in srgb,var(--ink) 13%,transparent) 5px,transparent 5px) 0 0/16px 16px,linear-gradient(207deg,color-mix(in srgb,var(--ink) 13%,transparent) 5px,transparent 5px) 8px 8px/16px 16px,linear-gradient(27deg,color-mix(in srgb,var(--ink) 9%,transparent) 5px,transparent 5px) 8px 8px/16px 16px,linear-gradient(207deg,color-mix(in srgb,var(--ink) 9%,transparent) 5px,transparent 5px) 0 0/16px 16px}
body[data-bg="wow06"]::before{background:radial-gradient(40% 36% at 72% 30%,color-mix(in srgb,var(--acc) 20%,transparent),transparent 60%),linear-gradient(color-mix(in srgb,var(--ink) 7%,transparent) 1px,transparent 1px) 0 0/24px 24px,linear-gradient(90deg,color-mix(in srgb,var(--ink) 7%,transparent) 1px,transparent 1px) 0 0/24px 24px,radial-gradient(color-mix(in srgb,var(--acc) 26%,transparent) 1.6px,transparent 2px) 0 0/24px 24px,radial-gradient(130% 110% at 70% 30%,transparent 55%,color-mix(in srgb,var(--ink) 13%,transparent))}
body[data-bg="wow07"]::before{background:radial-gradient(60% 50% at 30% 25%,color-mix(in srgb,var(--acc) 16%,transparent),transparent 60%),repeating-linear-gradient(30deg,color-mix(in srgb,var(--ink) 8%,transparent) 0 1px,transparent 1px 26px),repeating-linear-gradient(150deg,color-mix(in srgb,var(--ink) 8%,transparent) 0 1px,transparent 1px 26px),repeating-linear-gradient(270deg,color-mix(in srgb,var(--ink) 8%,transparent) 0 1px,transparent 1px 26px),radial-gradient(130% 120% at 30% 25%,transparent 55%,color-mix(in srgb,var(--ink) 13%,transparent))}
body[data-bg="wow08"]::before{background:radial-gradient(80% 70% at 50% 10%,color-mix(in srgb,var(--acc) 13%,transparent),transparent 55%),linear-gradient(30deg,color-mix(in srgb,var(--ink) 9%,transparent) 12%,transparent 12.5%,transparent 87%,color-mix(in srgb,var(--ink) 9%,transparent) 87.5%) 0 0/44px 76px,linear-gradient(150deg,color-mix(in srgb,var(--ink) 9%,transparent) 12%,transparent 12.5%,transparent 87%,color-mix(in srgb,var(--ink) 9%,transparent) 87.5%) 0 0/44px 76px,linear-gradient(90deg,color-mix(in srgb,var(--acc) 9%,transparent) 12%,transparent 12.5%) 0 0/44px 76px,radial-gradient(140% 120% at 50% 0%,transparent 50%,color-mix(in srgb,var(--ink) 15%,transparent))}
body[data-bg="wow09"]::before{background:radial-gradient(50% 44% at 68% 36%,color-mix(in srgb,var(--acc) 17%,transparent),transparent 60%),repeating-radial-gradient(ellipse 60% 42% at 68% 36%,transparent 0 13px,color-mix(in srgb,var(--ink) 9%,transparent) 13px 14px),radial-gradient(140% 120% at 68% 36%,transparent 52%,color-mix(in srgb,var(--ink) 14%,transparent))}
body[data-bg="wow10"]::before{opacity:.95;background:linear-gradient(180deg,color-mix(in srgb,var(--acc) 11%,transparent) 0 2px,transparent 2px),repeating-linear-gradient(90deg,color-mix(in srgb,var(--ink) 14%,transparent) 0 1px,transparent 1px 9px),repeating-linear-gradient(90deg,color-mix(in srgb,var(--ink) 20%,transparent) 0 1.5px,transparent 1.5px 45px),radial-gradient(90% 80% at 50% 120%,color-mix(in srgb,var(--acc) 13%,transparent),transparent 60%),radial-gradient(140% 130% at 50% 100%,transparent 50%,color-mix(in srgb,var(--ink) 14%,transparent))}
body[data-bg="wow11"]::before{background:radial-gradient(26% 22% at 32% 42%,color-mix(in srgb,var(--acc) 30%,transparent),transparent 62%),conic-gradient(from 130deg at 32% 42%,color-mix(in srgb,var(--acc) 14%,transparent),transparent 70deg),repeating-linear-gradient(45deg,color-mix(in srgb,var(--ink) 7%,transparent) 0 1px,transparent 1px 7px),radial-gradient(150% 130% at 32% 42%,transparent 45%,color-mix(in srgb,var(--ink) 15%,transparent))}
body[data-bg="wow12"]::before{background:repeating-radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--ink) 9%,transparent) 0 1px,transparent 1px 30px),radial-gradient(50% 45% at 50% 50%,color-mix(in srgb,var(--acc) 16%,transparent),transparent 62%),radial-gradient(130% 120% at 50% 50%,transparent 50%,color-mix(in srgb,var(--ink) 16%,transparent))}
body[data-bg="nb001"]::before{animation:nbpan 96s linear infinite alternate;background:repeating-radial-gradient(circle at 50% 0%,transparent 0 6.1px,color-mix(in srgb,var(--acc) 8%,transparent) 6.1px 7px),repeating-radial-gradient(circle at 50% 100%,transparent 0 8.1px,color-mix(in srgb,var(--ink) 6%,transparent) 8.1px 9px)}
body[data-bg="nb002"]::before{background:repeating-radial-gradient(circle at 18% 28%,transparent 0 6.1px,color-mix(in srgb,var(--ink) 6%,transparent) 6.1px 7px),repeating-radial-gradient(circle at 82% 72%,transparent 0 8.1px,color-mix(in srgb,var(--acc) 8%,transparent) 8.1px 9px)}
body[data-bg="nb003"]::before{background:repeating-radial-gradient(circle at 50% 50%,transparent 0 6.1px,color-mix(in srgb,var(--acc) 7%,transparent) 6.1px 7px),repeating-radial-gradient(circle at 50% 50%,transparent 0 8.1px,color-mix(in srgb,oklch(0.72 0.15 250) 7%,transparent) 8.1px 9px)}
body[data-bg="nb004"]::before{animation:nbpan 96s linear infinite alternate;background:repeating-radial-gradient(circle at 30% 70%,transparent 0 6.1px,color-mix(in srgb,var(--acc) 8%,transparent) 6.1px 7px),repeating-radial-gradient(circle at 70% 30%,transparent 0 8.1px,color-mix(in srgb,var(--ink) 6%,transparent) 8.1px 9px)}
body[data-bg="nb005"]::before{background:linear-gradient(90deg,transparent 0 13%,var(--paper) 26% 74%,transparent 87%),repeating-radial-gradient(circle at 50% 0%,transparent 0 7.1px,color-mix(in srgb,var(--ink) 6%,transparent) 7.1px 8px),repeating-radial-gradient(circle at 50% 100%,transparent 0 10.1px,color-mix(in srgb,var(--acc) 8%,transparent) 10.1px 11px)}
body[data-bg="nb006"]::before{background:radial-gradient(132% 126% at 50% 48%,var(--paper) 50%,transparent 82%),repeating-radial-gradient(circle at 18% 28%,transparent 0 7.1px,color-mix(in srgb,var(--acc) 7%,transparent) 7.1px 8px),repeating-radial-gradient(circle at 82% 72%,transparent 0 10.1px,color-mix(in srgb,oklch(0.72 0.15 250) 7%,transparent) 10.1px 11px)}
body[data-bg="nb007"]::before{animation:nbpan 96s linear infinite alternate;background:repeating-radial-gradient(circle at 50% 50%,transparent 0 7.1px,color-mix(in srgb,var(--acc) 8%,transparent) 7.1px 8px),repeating-radial-gradient(circle at 50% 50%,transparent 0 10.1px,color-mix(in srgb,var(--ink) 6%,transparent) 10.1px 11px)}
body[data-bg="nb008"]::before{background:repeating-radial-gradient(circle at 30% 70%,transparent 0 7.1px,color-mix(in srgb,var(--ink) 6%,transparent) 7.1px 8px),repeating-radial-gradient(circle at 70% 30%,transparent 0 10.1px,color-mix(in srgb,var(--acc) 8%,transparent) 10.1px 11px)}
body[data-bg="nb009"]::before{background:repeating-radial-gradient(circle at 50% 0%,transparent 0 8.1px,color-mix(in srgb,var(--acc) 7%,transparent) 8.1px 9px),repeating-radial-gradient(circle at 50% 100%,transparent 0 12.1px,color-mix(in srgb,oklch(0.72 0.15 250) 7%,transparent) 12.1px 13px)}
body[data-bg="nb010"]::before{animation:nbpan 96s linear infinite alternate;background:repeating-radial-gradient(circle at 18% 28%,transparent 0 8.1px,color-mix(in srgb,var(--acc) 8%,transparent) 8.1px 9px),repeating-radial-gradient(circle at 82% 72%,transparent 0 12.1px,color-mix(in srgb,var(--ink) 6%,transparent) 12.1px 13px)}
body[data-bg="nb011"]::before{background:linear-gradient(90deg,transparent 0 13%,var(--paper) 26% 74%,transparent 87%),repeating-radial-gradient(circle at 50% 50%,transparent 0 8.1px,color-mix(in srgb,var(--ink) 6%,transparent) 8.1px 9px),repeating-radial-gradient(circle at 50% 50%,transparent 0 12.1px,color-mix(in srgb,var(--acc) 8%,transparent) 12.1px 13px)}
body[data-bg="nb012"]::before{background:radial-gradient(132% 126% at 50% 48%,var(--paper) 50%,transparent 82%),repeating-radial-gradient(circle at 30% 70%,transparent 0 8.1px,color-mix(in srgb,var(--acc) 7%,transparent) 8.1px 9px),repeating-radial-gradient(circle at 70% 30%,transparent 0 12.1px,color-mix(in srgb,oklch(0.72 0.15 250) 7%,transparent) 12.1px 13px)}
body[data-bg="nb013"]::before{animation:nbpan 96s linear infinite alternate;background:repeating-radial-gradient(circle at 50% 0%,transparent 0 9.1px,color-mix(in srgb,var(--acc) 8%,transparent) 9.1px 10px),repeating-radial-gradient(circle at 50% 100%,transparent 0 13.1px,color-mix(in srgb,var(--ink) 6%,transparent) 13.1px 14px)}
body[data-bg="nb014"]::before{background:repeating-radial-gradient(circle at 18% 28%,transparent 0 9.1px,color-mix(in srgb,var(--ink) 6%,transparent) 9.1px 10px),repeating-radial-gradient(circle at 82% 72%,transparent 0 13.1px,color-mix(in srgb,var(--acc) 8%,transparent) 13.1px 14px)}
body[data-bg="nb015"]::before{background:repeating-radial-gradient(circle at 50% 50%,transparent 0 9.1px,color-mix(in srgb,var(--acc) 7%,transparent) 9.1px 10px),repeating-radial-gradient(circle at 50% 50%,transparent 0 13.1px,color-mix(in srgb,oklch(0.72 0.15 250) 7%,transparent) 13.1px 14px)}
body[data-bg="nb016"]::before{animation:nbpan 96s linear infinite alternate;background:repeating-radial-gradient(circle at 30% 70%,transparent 0 9.1px,color-mix(in srgb,var(--acc) 8%,transparent) 9.1px 10px),repeating-radial-gradient(circle at 70% 30%,transparent 0 13.1px,color-mix(in srgb,var(--ink) 6%,transparent) 13.1px 14px)}
body[data-bg="nb017"]::before{background:linear-gradient(90deg,transparent 0 13%,var(--paper) 26% 74%,transparent 87%),repeating-radial-gradient(circle at 50% 0%,transparent 0 10.1px,color-mix(in srgb,var(--ink) 6%,transparent) 10.1px 11px),repeating-radial-gradient(circle at 50% 100%,transparent 0 14.1px,color-mix(in srgb,var(--acc) 8%,transparent) 14.1px 15px)}
body[data-bg="nb018"]::before{background:radial-gradient(132% 126% at 50% 48%,var(--paper) 50%,transparent 82%),repeating-radial-gradient(circle at 18% 28%,transparent 0 10.1px,color-mix(in srgb,var(--acc) 7%,transparent) 10.1px 11px),repeating-radial-gradient(circle at 82% 72%,transparent 0 14.1px,color-mix(in srgb,oklch(0.72 0.15 250) 7%,transparent) 14.1px 15px)}
body[data-bg="nb019"]::before{animation:nbpan 96s linear infinite alternate;background:repeating-radial-gradient(circle at 50% 50%,transparent 0 10.1px,color-mix(in srgb,var(--acc) 8%,transparent) 10.1px 11px),repeating-radial-gradient(circle at 50% 50%,transparent 0 14.1px,color-mix(in srgb,var(--ink) 6%,transparent) 14.1px 15px)}
body[data-bg="nb020"]::before{background:repeating-radial-gradient(circle at 30% 70%,transparent 0 10.1px,color-mix(in srgb,var(--ink) 6%,transparent) 10.1px 11px),repeating-radial-gradient(circle at 70% 30%,transparent 0 14.1px,color-mix(in srgb,var(--acc) 8%,transparent) 14.1px 15px)}
body[data-bg="nb021"]::before{background:repeating-radial-gradient(circle at 50% 0%,transparent 0 11.1px,color-mix(in srgb,var(--acc) 7%,transparent) 11.1px 12px),repeating-radial-gradient(circle at 50% 100%,transparent 0 16.1px,color-mix(in srgb,oklch(0.72 0.15 250) 7%,transparent) 16.1px 17px)}
body[data-bg="nb022"]::before{animation:nbpan 96s linear infinite alternate;background:repeating-radial-gradient(circle at 18% 28%,transparent 0 11.1px,color-mix(in srgb,var(--acc) 8%,transparent) 11.1px 12px),repeating-radial-gradient(circle at 82% 72%,transparent 0 16.1px,color-mix(in srgb,var(--ink) 6%,transparent) 16.1px 17px)}
body[data-bg="nb023"]::before{background:linear-gradient(90deg,transparent 0 13%,var(--paper) 26% 74%,transparent 87%),repeating-radial-gradient(circle at 50% 50%,transparent 0 11.1px,color-mix(in srgb,var(--ink) 6%,transparent) 11.1px 12px),repeating-radial-gradient(circle at 50% 50%,transparent 0 16.1px,color-mix(in srgb,var(--acc) 8%,transparent) 16.1px 17px)}
body[data-bg="nb024"]::before{background:radial-gradient(132% 126% at 50% 48%,var(--paper) 50%,transparent 82%),repeating-radial-gradient(circle at 30% 70%,transparent 0 11.1px,color-mix(in srgb,var(--acc) 7%,transparent) 11.1px 12px),repeating-radial-gradient(circle at 70% 30%,transparent 0 16.1px,color-mix(in srgb,oklch(0.72 0.15 250) 7%,transparent) 16.1px 17px)}
body[data-bg="nb025"]::before{opacity:0.85;background:repeating-conic-gradient(from 0deg at 50% 50%,color-mix(in srgb,var(--ink) 6%,transparent) 0 .4deg,transparent .4deg 3deg),repeating-radial-gradient(circle at 50% 50%,transparent 0 9.2px,color-mix(in srgb,var(--acc) 8%,transparent) 9.2px 10px)}
body[data-bg="nb026"]::before{opacity:0.85;background:repeating-conic-gradient(from 0deg at 50% 50%,color-mix(in srgb,var(--ink) 6%,transparent) 0 .4deg,transparent .4deg 3deg),repeating-radial-gradient(circle at 50% 50%,transparent 0 12.2px,color-mix(in srgb,var(--acc) 8%,transparent) 12.2px 13px)}
body[data-bg="nb027"]::before{opacity:0.85;background:repeating-conic-gradient(from 0deg at 50% 50%,color-mix(in srgb,var(--ink) 6%,transparent) 0 .4deg,transparent .4deg 3deg),repeating-radial-gradient(circle at 50% 50%,transparent 0 15.2px,color-mix(in srgb,var(--acc) 8%,transparent) 15.2px 16px)}
body[data-bg="nb028"]::before{opacity:0.85;background:repeating-conic-gradient(from 0deg at 50% 50%,color-mix(in srgb,var(--ink) 6%,transparent) 0 .4deg,transparent .4deg 3deg),repeating-radial-gradient(circle at 50% 50%,transparent 0 19.2px,color-mix(in srgb,var(--acc) 8%,transparent) 19.2px 20px)}
body[data-bg="nb029"]::before{background:linear-gradient(90deg,transparent 0 13%,var(--paper) 26% 74%,transparent 87%),repeating-conic-gradient(from 0deg at 50% 50%,color-mix(in srgb,var(--ink) 6%,transparent) 0 .4deg,transparent .4deg 4deg),repeating-radial-gradient(circle at 50% 50%,transparent 0 9.2px,color-mix(in srgb,var(--acc) 8%,transparent) 9.2px 10px)}
body[data-bg="nb030"]::before{background:radial-gradient(132% 126% at 50% 48%,var(--paper) 50%,transparent 82%),repeating-conic-gradient(from 0deg at 50% 50%,color-mix(in srgb,var(--ink) 6%,transparent) 0 .4deg,transparent .4deg 4deg),repeating-radial-gradient(circle at 50% 50%,transparent 0 12.2px,color-mix(in srgb,var(--acc) 8%,transparent) 12.2px 13px)}
body[data-bg="nb031"]::before{opacity:0.85;background:repeating-conic-gradient(from 0deg at 50% 50%,color-mix(in srgb,var(--ink) 6%,transparent) 0 .4deg,transparent .4deg 4deg),repeating-radial-gradient(circle at 50% 50%,transparent 0 15.2px,color-mix(in srgb,var(--acc) 8%,transparent) 15.2px 16px)}
body[data-bg="nb032"]::before{opacity:0.85;background:repeating-conic-gradient(from 0deg at 50% 50%,color-mix(in srgb,var(--ink) 6%,transparent) 0 .4deg,transparent .4deg 4deg),repeating-radial-gradient(circle at 50% 50%,transparent 0 19.2px,color-mix(in srgb,var(--acc) 8%,transparent) 19.2px 20px)}
body[data-bg="nb033"]::before{opacity:0.85;background:repeating-conic-gradient(from 0deg at 50% 50%,color-mix(in srgb,var(--ink) 6%,transparent) 0 .4deg,transparent .4deg 5deg),repeating-radial-gradient(circle at 50% 50%,transparent 0 9.2px,color-mix(in srgb,var(--acc) 8%,transparent) 9.2px 10px)}
body[data-bg="nb034"]::before{opacity:0.85;background:repeating-conic-gradient(from 0deg at 50% 50%,color-mix(in srgb,var(--ink) 6%,transparent) 0 .4deg,transparent .4deg 5deg),repeating-radial-gradient(circle at 50% 50%,transparent 0 12.2px,color-mix(in srgb,var(--acc) 8%,transparent) 12.2px 13px)}
body[data-bg="nb035"]::before{background:linear-gradient(90deg,transparent 0 13%,var(--paper) 26% 74%,transparent 87%),repeating-conic-gradient(from 0deg at 50% 50%,color-mix(in srgb,var(--ink) 6%,transparent) 0 .4deg,transparent .4deg 5deg),repeating-radial-gradient(circle at 50% 50%,transparent 0 15.2px,color-mix(in srgb,var(--acc) 8%,transparent) 15.2px 16px)}
body[data-bg="nb036"]::before{background:radial-gradient(132% 126% at 50% 48%,var(--paper) 50%,transparent 82%),repeating-conic-gradient(from 0deg at 50% 50%,color-mix(in srgb,var(--ink) 6%,transparent) 0 .4deg,transparent .4deg 5deg),repeating-radial-gradient(circle at 50% 50%,transparent 0 19.2px,color-mix(in srgb,var(--acc) 8%,transparent) 19.2px 20px)}
body[data-bg="nb037"]::before{animation:nbpan 110s linear infinite alternate;background:repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 7%,transparent) 0 .6px,transparent .6px 5px),repeating-linear-gradient(90deg,color-mix(in srgb,var(--acc) 7%,transparent) 0 .6px,transparent .6px 5px)}
body[data-bg="nb038"]::before{background:repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 7%,transparent) 0 .6px,transparent .6px 7px),repeating-linear-gradient(90deg,color-mix(in srgb,var(--acc) 7%,transparent) 0 .6px,transparent .6px 7px)}
body[data-bg="nb039"]::before{animation:nbpan 110s linear infinite alternate;background:repeating-linear-gradient(30deg,color-mix(in srgb,var(--ink) 7%,transparent) 0 .6px,transparent .6px 5px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 7%,transparent) 0 .6px,transparent .6px 5px)}
body[data-bg="nb040"]::before{background:repeating-linear-gradient(30deg,color-mix(in srgb,var(--ink) 7%,transparent) 0 .6px,transparent .6px 7px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 7%,transparent) 0 .6px,transparent .6px 7px)}
body[data-bg="nb041"]::before{background:linear-gradient(90deg,transparent 0 13%,var(--paper) 26% 74%,transparent 87%),repeating-linear-gradient(15deg,color-mix(in srgb,var(--ink) 7%,transparent) 0 .6px,transparent .6px 5px),repeating-linear-gradient(75deg,color-mix(in srgb,var(--acc) 7%,transparent) 0 .6px,transparent .6px 5px)}
body[data-bg="nb042"]::before{background:radial-gradient(132% 126% at 50% 48%,var(--paper) 50%,transparent 82%),repeating-linear-gradient(15deg,color-mix(in srgb,var(--ink) 7%,transparent) 0 .6px,transparent .6px 7px),repeating-linear-gradient(75deg,color-mix(in srgb,var(--acc) 7%,transparent) 0 .6px,transparent .6px 7px)}
body[data-bg="nb043"]::before{animation:nbpan 110s linear infinite alternate;background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--ink) 7%,transparent) 0 .6px,transparent .6px 5px),repeating-linear-gradient(135deg,color-mix(in srgb,var(--acc) 7%,transparent) 0 .6px,transparent .6px 5px)}
body[data-bg="nb044"]::before{background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--ink) 7%,transparent) 0 .6px,transparent .6px 7px),repeating-linear-gradient(135deg,color-mix(in srgb,var(--acc) 7%,transparent) 0 .6px,transparent .6px 7px)}
body[data-bg="nb045"]::before{animation:nbpan 110s linear infinite alternate;background:repeating-linear-gradient(20deg,color-mix(in srgb,var(--ink) 7%,transparent) 0 .6px,transparent .6px 5px),repeating-linear-gradient(110deg,color-mix(in srgb,var(--acc) 7%,transparent) 0 .6px,transparent .6px 5px)}
body[data-bg="nb046"]::before{background:repeating-linear-gradient(20deg,color-mix(in srgb,var(--ink) 7%,transparent) 0 .6px,transparent .6px 7px),repeating-linear-gradient(110deg,color-mix(in srgb,var(--acc) 7%,transparent) 0 .6px,transparent .6px 7px)}
body[data-bg="nb047"]::before{background:linear-gradient(90deg,transparent 0 13%,var(--paper) 26% 74%,transparent 87%),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 7%,transparent) 0 .6px,transparent .6px 5px),repeating-linear-gradient(150deg,color-mix(in srgb,var(--acc) 7%,transparent) 0 .6px,transparent .6px 5px)}
body[data-bg="nb048"]::before{background:radial-gradient(132% 126% at 50% 48%,var(--paper) 50%,transparent 82%),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 7%,transparent) 0 .6px,transparent .6px 7px),repeating-linear-gradient(150deg,color-mix(in srgb,var(--acc) 7%,transparent) 0 .6px,transparent .6px 7px)}
body[data-bg="nb049"]::before{background:repeating-radial-gradient(ellipse 80% 38% at 28% 50%,transparent 0 8.1px,color-mix(in srgb,var(--acc) 8%,transparent) 8.1px 9px),repeating-radial-gradient(ellipse 80% 38% at 72% 50%,transparent 0 10.1px,color-mix(in srgb,var(--ink) 6%,transparent) 10.1px 11px)}
body[data-bg="nb050"]::before{background:repeating-radial-gradient(ellipse 80% 38% at 28% 50%,transparent 0 8.1px,color-mix(in srgb,oklch(0.72 0.15 20) 8%,transparent) 8.1px 9px),repeating-radial-gradient(ellipse 80% 38% at 72% 50%,transparent 0 10.1px,color-mix(in srgb,oklch(0.72 0.15 220) 7%,transparent) 10.1px 11px)}
body[data-bg="nb051"]::before{background:repeating-radial-gradient(ellipse 80% 38% at 28% 50%,transparent 0 11.1px,color-mix(in srgb,var(--acc) 8%,transparent) 11.1px 12px),repeating-radial-gradient(ellipse 80% 38% at 72% 50%,transparent 0 13.1px,color-mix(in srgb,var(--ink) 6%,transparent) 13.1px 14px)}
body[data-bg="nb052"]::before{background:repeating-radial-gradient(ellipse 80% 38% at 28% 50%,transparent 0 11.1px,color-mix(in srgb,oklch(0.72 0.15 20) 8%,transparent) 11.1px 12px),repeating-radial-gradient(ellipse 80% 38% at 72% 50%,transparent 0 13.1px,color-mix(in srgb,oklch(0.72 0.15 220) 7%,transparent) 13.1px 14px)}
body[data-bg="nb053"]::before{background:linear-gradient(90deg,transparent 0 13%,var(--paper) 26% 74%,transparent 87%),repeating-radial-gradient(ellipse 80% 38% at 28% 50%,transparent 0 14.1px,color-mix(in srgb,var(--acc) 8%,transparent) 14.1px 15px),repeating-radial-gradient(ellipse 80% 38% at 72% 50%,transparent 0 16.1px,color-mix(in srgb,var(--ink) 6%,transparent) 16.1px 17px)}
body[data-bg="nb054"]::before{background:radial-gradient(132% 126% at 50% 48%,var(--paper) 50%,transparent 82%),repeating-radial-gradient(ellipse 80% 38% at 28% 50%,transparent 0 14.1px,color-mix(in srgb,oklch(0.72 0.15 20) 8%,transparent) 14.1px 15px),repeating-radial-gradient(ellipse 80% 38% at 72% 50%,transparent 0 16.1px,color-mix(in srgb,oklch(0.72 0.15 220) 7%,transparent) 16.1px 17px)}
body[data-bg="nb055"]::before{background:repeating-radial-gradient(ellipse 80% 38% at 28% 50%,transparent 0 17.1px,color-mix(in srgb,var(--acc) 8%,transparent) 17.1px 18px),repeating-radial-gradient(ellipse 80% 38% at 72% 50%,transparent 0 19.1px,color-mix(in srgb,var(--ink) 6%,transparent) 19.1px 20px)}
body[data-bg="nb056"]::before{background:repeating-radial-gradient(ellipse 80% 38% at 28% 50%,transparent 0 17.1px,color-mix(in srgb,oklch(0.72 0.15 20) 8%,transparent) 17.1px 18px),repeating-radial-gradient(ellipse 80% 38% at 72% 50%,transparent 0 19.1px,color-mix(in srgb,oklch(0.72 0.15 220) 7%,transparent) 19.1px 20px)}
body[data-bg="nb057"]::before{opacity:0.85;background:radial-gradient(color-mix(in srgb,var(--acc) 10%,transparent) 1.4px,transparent 2px) 0 0/14px 14px,radial-gradient(color-mix(in srgb,oklch(0.72 0.15 250) 9%,transparent) 1.4px,transparent 2px) 7px 5px/14px 14px}
body[data-bg="nb058"]::before{opacity:0.85;background:radial-gradient(color-mix(in srgb,var(--acc) 10%,transparent) 1.4px,transparent 2px) 0 0/18px 18px,radial-gradient(color-mix(in srgb,oklch(0.72 0.15 150) 9%,transparent) 1.4px,transparent 2px) 9px 6px/18px 18px}
body[data-bg="nb059"]::before{background:linear-gradient(90deg,transparent 0 13%,var(--paper) 26% 74%,transparent 87%),radial-gradient(color-mix(in srgb,var(--acc) 10%,transparent) 1.4px,transparent 2px) 0 0/22px 22px,radial-gradient(color-mix(in srgb,oklch(0.72 0.15 20) 9%,transparent) 1.4px,transparent 2px) 11px 7px/22px 22px}
body[data-bg="nb060"]::before{background:radial-gradient(132% 126% at 50% 48%,var(--paper) 50%,transparent 82%),radial-gradient(color-mix(in srgb,var(--acc) 10%,transparent) 1.4px,transparent 2px) 0 0/26px 26px,radial-gradient(color-mix(in srgb,oklch(0.72 0.15 300) 9%,transparent) 1.4px,transparent 2px) 13px 9px/26px 26px}
body[data-bg="nb061"]::before{opacity:0.85;background:radial-gradient(color-mix(in srgb,var(--acc) 10%,transparent) 1.8px,transparent 2.4px) 0 0/14px 14px,radial-gradient(color-mix(in srgb,oklch(0.72 0.15 250) 9%,transparent) 1.8px,transparent 2.4px) 7px 5px/14px 14px}
body[data-bg="nb062"]::before{opacity:0.85;background:radial-gradient(color-mix(in srgb,var(--acc) 10%,transparent) 1.8px,transparent 2.4px) 0 0/18px 18px,radial-gradient(color-mix(in srgb,oklch(0.72 0.15 150) 9%,transparent) 1.8px,transparent 2.4px) 9px 6px/18px 18px}
body[data-bg="nb063"]::before{opacity:0.85;background:radial-gradient(color-mix(in srgb,var(--acc) 10%,transparent) 1.8px,transparent 2.4px) 0 0/22px 22px,radial-gradient(color-mix(in srgb,oklch(0.72 0.15 20) 9%,transparent) 1.8px,transparent 2.4px) 11px 7px/22px 22px}
body[data-bg="nb064"]::before{opacity:0.85;background:radial-gradient(color-mix(in srgb,var(--acc) 10%,transparent) 1.8px,transparent 2.4px) 0 0/26px 26px,radial-gradient(color-mix(in srgb,oklch(0.72 0.15 300) 9%,transparent) 1.8px,transparent 2.4px) 13px 9px/26px 26px}
body[data-bg="nb065"]::before{background:linear-gradient(90deg,transparent 0 13%,var(--paper) 26% 74%,transparent 87%),radial-gradient(color-mix(in srgb,var(--acc) 10%,transparent) 2.2px,transparent 2.8000000000000003px) 0 0/14px 14px,radial-gradient(color-mix(in srgb,oklch(0.72 0.15 250) 9%,transparent) 2.2px,transparent 2.8000000000000003px) 7px 5px/14px 14px}
body[data-bg="nb066"]::before{background:radial-gradient(132% 126% at 50% 48%,var(--paper) 50%,transparent 82%),radial-gradient(color-mix(in srgb,var(--acc) 10%,transparent) 2.2px,transparent 2.8000000000000003px) 0 0/18px 18px,radial-gradient(color-mix(in srgb,oklch(0.72 0.15 150) 9%,transparent) 2.2px,transparent 2.8000000000000003px) 9px 6px/18px 18px}
body[data-bg="nb067"]::before{opacity:0.85;background:radial-gradient(color-mix(in srgb,var(--acc) 10%,transparent) 2.2px,transparent 2.8000000000000003px) 0 0/22px 22px,radial-gradient(color-mix(in srgb,oklch(0.72 0.15 20) 9%,transparent) 2.2px,transparent 2.8000000000000003px) 11px 7px/22px 22px}
body[data-bg="nb068"]::before{opacity:0.85;background:radial-gradient(color-mix(in srgb,var(--acc) 10%,transparent) 2.2px,transparent 2.8000000000000003px) 0 0/26px 26px,radial-gradient(color-mix(in srgb,oklch(0.72 0.15 300) 9%,transparent) 2.2px,transparent 2.8000000000000003px) 13px 9px/26px 26px}
body[data-bg="nb069"]::before{opacity:0.85;background:radial-gradient(color-mix(in srgb,var(--acc) 10%,transparent) 2.6px,transparent 3.2px) 0 0/14px 14px,radial-gradient(color-mix(in srgb,oklch(0.72 0.15 250) 9%,transparent) 2.6px,transparent 3.2px) 7px 5px/14px 14px}
body[data-bg="nb070"]::before{opacity:0.85;background:radial-gradient(color-mix(in srgb,var(--acc) 10%,transparent) 2.6px,transparent 3.2px) 0 0/18px 18px,radial-gradient(color-mix(in srgb,oklch(0.72 0.15 150) 9%,transparent) 2.6px,transparent 3.2px) 9px 6px/18px 18px}
body[data-bg="nb071"]::before{background:linear-gradient(90deg,transparent 0 13%,var(--paper) 26% 74%,transparent 87%),radial-gradient(color-mix(in srgb,var(--acc) 10%,transparent) 2.6px,transparent 3.2px) 0 0/22px 22px,radial-gradient(color-mix(in srgb,oklch(0.72 0.15 20) 9%,transparent) 2.6px,transparent 3.2px) 11px 7px/22px 22px}
body[data-bg="nb072"]::before{background:radial-gradient(132% 126% at 50% 48%,var(--paper) 50%,transparent 82%),radial-gradient(color-mix(in srgb,var(--acc) 10%,transparent) 2.6px,transparent 3.2px) 0 0/26px 26px,radial-gradient(color-mix(in srgb,oklch(0.72 0.15 300) 9%,transparent) 2.6px,transparent 3.2px) 13px 9px/26px 26px}
body[data-bg="nb073"]::before{opacity:0.8;background:repeating-linear-gradient(6deg,color-mix(in srgb,var(--ink) 4%,transparent) 0 1px,transparent 1px 6px),repeating-linear-gradient(84deg,color-mix(in srgb,var(--ink) 3%,transparent) 0 1px,transparent 1px 8px)}
body[data-bg="nb074"]::before{opacity:0.8;background:repeating-linear-gradient(6deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 1px,transparent 1px 6px),repeating-linear-gradient(84deg,color-mix(in srgb,var(--acc) 4%,transparent) 0 1px,transparent 1px 8px)}
body[data-bg="nb075"]::before{opacity:0.8;background:repeating-linear-gradient(3deg,color-mix(in srgb,var(--ink) 4%,transparent) 0 1px,transparent 1px 6px),repeating-linear-gradient(87deg,color-mix(in srgb,var(--ink) 3%,transparent) 0 1px,transparent 1px 8px)}
body[data-bg="nb076"]::before{opacity:0.8;background:repeating-linear-gradient(3deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 1px,transparent 1px 6px),repeating-linear-gradient(87deg,color-mix(in srgb,var(--acc) 4%,transparent) 0 1px,transparent 1px 8px)}
body[data-bg="nb077"]::before{background:linear-gradient(90deg,transparent 0 13%,var(--paper) 26% 74%,transparent 87%),repeating-linear-gradient(10deg,color-mix(in srgb,var(--ink) 4%,transparent) 0 1px,transparent 1px 6px),repeating-linear-gradient(80deg,color-mix(in srgb,var(--ink) 3%,transparent) 0 1px,transparent 1px 8px)}
body[data-bg="nb078"]::before{background:radial-gradient(132% 126% at 50% 48%,var(--paper) 50%,transparent 82%),repeating-linear-gradient(10deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 1px,transparent 1px 6px),repeating-linear-gradient(80deg,color-mix(in srgb,var(--acc) 4%,transparent) 0 1px,transparent 1px 8px)}
body[data-bg="nb079"]::before{opacity:0.8;background:repeating-linear-gradient(-4deg,color-mix(in srgb,var(--ink) 4%,transparent) 0 1px,transparent 1px 6px),repeating-linear-gradient(94deg,color-mix(in srgb,var(--ink) 3%,transparent) 0 1px,transparent 1px 8px)}
body[data-bg="nb080"]::before{opacity:0.8;background:repeating-linear-gradient(-4deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 1px,transparent 1px 6px),repeating-linear-gradient(94deg,color-mix(in srgb,var(--acc) 4%,transparent) 0 1px,transparent 1px 8px)}
body[data-bg="nb081"]::before{opacity:0.8;background:repeating-linear-gradient(8deg,color-mix(in srgb,var(--ink) 4%,transparent) 0 1px,transparent 1px 6px),repeating-linear-gradient(82deg,color-mix(in srgb,var(--ink) 3%,transparent) 0 1px,transparent 1px 8px)}
body[data-bg="nb082"]::before{opacity:0.8;background:repeating-linear-gradient(8deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 1px,transparent 1px 6px),repeating-linear-gradient(82deg,color-mix(in srgb,var(--acc) 4%,transparent) 0 1px,transparent 1px 8px)}
body[data-bg="nb083"]::before{filter:blur(5px);background:linear-gradient(90deg,transparent 0 13%,var(--paper) 26% 74%,transparent 87%),radial-gradient(52% 46% at 20% 26%,color-mix(in srgb,var(--acc) 9%,transparent),transparent 62%),radial-gradient(46% 52% at 78% 70%,color-mix(in srgb,oklch(0.72 0.15 250) 7%,transparent),transparent 62%)}
body[data-bg="nb084"]::before{filter:blur(5px);background:radial-gradient(132% 126% at 50% 48%,var(--paper) 50%,transparent 82%),radial-gradient(52% 46% at 20% 26%,color-mix(in srgb,var(--ink) 7%,transparent),transparent 62%),radial-gradient(46% 52% at 78% 70%,color-mix(in srgb,var(--acc) 8%,transparent),transparent 62%)}
body[data-bg="nb085"]::before{filter:blur(5px);background:radial-gradient(52% 46% at 70% 18%,color-mix(in srgb,var(--acc) 9%,transparent),transparent 62%),radial-gradient(46% 52% at 24% 82%,color-mix(in srgb,oklch(0.72 0.15 250) 7%,transparent),transparent 62%)}
body[data-bg="nb086"]::before{filter:blur(5px);background:radial-gradient(52% 46% at 70% 18%,color-mix(in srgb,var(--ink) 7%,transparent),transparent 62%),radial-gradient(46% 52% at 24% 82%,color-mix(in srgb,var(--acc) 8%,transparent),transparent 62%)}
body[data-bg="nb087"]::before{filter:blur(5px);background:radial-gradient(52% 46% at 40% 40%,color-mix(in srgb,var(--acc) 9%,transparent),transparent 62%),radial-gradient(46% 52% at 80% 60%,color-mix(in srgb,oklch(0.72 0.15 250) 7%,transparent),transparent 62%)}
body[data-bg="nb088"]::before{filter:blur(5px);background:radial-gradient(52% 46% at 40% 40%,color-mix(in srgb,var(--ink) 7%,transparent),transparent 62%),radial-gradient(46% 52% at 80% 60%,color-mix(in srgb,var(--acc) 8%,transparent),transparent 62%)}
body[data-bg="nb089"]::before{filter:blur(5px);background:linear-gradient(90deg,transparent 0 13%,var(--paper) 26% 74%,transparent 87%),radial-gradient(52% 46% at 15% 70%,color-mix(in srgb,var(--acc) 9%,transparent),transparent 62%),radial-gradient(46% 52% at 85% 30%,color-mix(in srgb,oklch(0.72 0.15 250) 7%,transparent),transparent 62%)}
body[data-bg="nb090"]::before{filter:blur(5px);background:radial-gradient(132% 126% at 50% 48%,var(--paper) 50%,transparent 82%),radial-gradient(52% 46% at 15% 70%,color-mix(in srgb,var(--ink) 7%,transparent),transparent 62%),radial-gradient(46% 52% at 85% 30%,color-mix(in srgb,var(--acc) 8%,transparent),transparent 62%)}
body[data-bg="nb091"]::before{filter:blur(5px);background:radial-gradient(52% 46% at 50% 20%,color-mix(in srgb,var(--acc) 9%,transparent),transparent 62%),radial-gradient(46% 52% at 50% 85%,color-mix(in srgb,oklch(0.72 0.15 250) 7%,transparent),transparent 62%)}
body[data-bg="nb092"]::before{filter:blur(5px);background:radial-gradient(52% 46% at 50% 20%,color-mix(in srgb,var(--ink) 7%,transparent),transparent 62%),radial-gradient(46% 52% at 50% 85%,color-mix(in srgb,var(--acc) 8%,transparent),transparent 62%)}
body[data-bg="nb093"]::before{opacity:0.7;background:radial-gradient(color-mix(in srgb,var(--acc) 11%,transparent) 1.5px,transparent 2.3px) 0 0/12px 12px}
body[data-bg="nb094"]::before{opacity:0.7;background:radial-gradient(color-mix(in srgb,var(--ink) 9%,transparent) 1.3px,transparent 2.1px) 0 0/12px 12px}
body[data-bg="nb095"]::before{background:linear-gradient(90deg,transparent 0 13%,var(--paper) 26% 74%,transparent 87%),radial-gradient(color-mix(in srgb,oklch(0.72 0.15 250) 10%,transparent) 1.6px,transparent 2.4000000000000004px) 0 0/12px 12px}
body[data-bg="nb096"]::before{background:radial-gradient(132% 126% at 50% 48%,var(--paper) 50%,transparent 82%),radial-gradient(color-mix(in srgb,var(--acc) 11%,transparent) 1.5px,transparent 2.3px) 0 0/15px 15px}
body[data-bg="nb097"]::before{opacity:0.7;background:radial-gradient(color-mix(in srgb,var(--ink) 9%,transparent) 1.3px,transparent 2.1px) 0 0/15px 15px}
body[data-bg="nb098"]::before{opacity:0.7;background:radial-gradient(color-mix(in srgb,oklch(0.72 0.15 250) 10%,transparent) 1.6px,transparent 2.4000000000000004px) 0 0/15px 15px}
body[data-bg="nb099"]::before{opacity:0.7;background:radial-gradient(color-mix(in srgb,var(--acc) 11%,transparent) 1.5px,transparent 2.3px) 0 0/18px 18px}
body[data-bg="nb100"]::before{opacity:0.7;background:radial-gradient(color-mix(in srgb,var(--ink) 9%,transparent) 1.3px,transparent 2.1px) 0 0/18px 18px}
body[data-bg="nb101"]::before{background:linear-gradient(90deg,transparent 0 13%,var(--paper) 26% 74%,transparent 87%),radial-gradient(color-mix(in srgb,oklch(0.72 0.15 250) 10%,transparent) 1.6px,transparent 2.4000000000000004px) 0 0/18px 18px}
body[data-bg="nb102"]::before{background:radial-gradient(132% 126% at 50% 48%,var(--paper) 50%,transparent 82%),radial-gradient(color-mix(in srgb,var(--acc) 11%,transparent) 1.5px,transparent 2.3px) 0 0/22px 22px}
body[data-bg="nb103"]::before{opacity:0.7;background:radial-gradient(color-mix(in srgb,var(--ink) 9%,transparent) 1.3px,transparent 2.1px) 0 0/22px 22px}
body[data-bg="nb104"]::before{opacity:0.7;background:radial-gradient(color-mix(in srgb,oklch(0.72 0.15 250) 10%,transparent) 1.6px,transparent 2.4000000000000004px) 0 0/22px 22px}
body[data-bg="nb105"]::before{animation:nbpan 120s linear infinite alternate;background:repeating-radial-gradient(circle at 20% 18%,transparent 0 11.1px,color-mix(in srgb,var(--ink) 7%,transparent) 11.1px 12px),repeating-radial-gradient(circle at 20% 18%,transparent 0 59px,color-mix(in srgb,var(--acc) 11%,transparent) 59px 60px)}
body[data-bg="nb106"]::before{background:repeating-radial-gradient(circle at 80% 82%,transparent 0 11.1px,color-mix(in srgb,var(--ink) 7%,transparent) 11.1px 12px),repeating-radial-gradient(circle at 80% 82%,transparent 0 59px,color-mix(in srgb,var(--acc) 11%,transparent) 59px 60px)}
body[data-bg="nb107"]::before{background:linear-gradient(90deg,transparent 0 13%,var(--paper) 26% 74%,transparent 87%),repeating-radial-gradient(circle at 50% 30%,transparent 0 11.1px,color-mix(in srgb,var(--ink) 7%,transparent) 11.1px 12px),repeating-radial-gradient(circle at 50% 30%,transparent 0 59px,color-mix(in srgb,var(--acc) 11%,transparent) 59px 60px)}
body[data-bg="nb108"]::before{background:radial-gradient(132% 126% at 50% 48%,var(--paper) 50%,transparent 82%),repeating-radial-gradient(circle at 35% 70%,transparent 0 11.1px,color-mix(in srgb,var(--ink) 7%,transparent) 11.1px 12px),repeating-radial-gradient(circle at 35% 70%,transparent 0 59px,color-mix(in srgb,var(--acc) 11%,transparent) 59px 60px)}
body[data-bg="nb109"]::before{background:repeating-radial-gradient(circle at 20% 18%,transparent 0 14.1px,color-mix(in srgb,var(--ink) 7%,transparent) 14.1px 15px),repeating-radial-gradient(circle at 20% 18%,transparent 0 74px,color-mix(in srgb,var(--acc) 11%,transparent) 74px 75px)}
body[data-bg="nb110"]::before{background:repeating-radial-gradient(circle at 80% 82%,transparent 0 14.1px,color-mix(in srgb,var(--ink) 7%,transparent) 14.1px 15px),repeating-radial-gradient(circle at 80% 82%,transparent 0 74px,color-mix(in srgb,var(--acc) 11%,transparent) 74px 75px)}
body[data-bg="nb111"]::before{animation:nbpan 120s linear infinite alternate;background:repeating-radial-gradient(circle at 50% 30%,transparent 0 14.1px,color-mix(in srgb,var(--ink) 7%,transparent) 14.1px 15px),repeating-radial-gradient(circle at 50% 30%,transparent 0 74px,color-mix(in srgb,var(--acc) 11%,transparent) 74px 75px)}
body[data-bg="nb112"]::before{background:repeating-radial-gradient(circle at 35% 70%,transparent 0 14.1px,color-mix(in srgb,var(--ink) 7%,transparent) 14.1px 15px),repeating-radial-gradient(circle at 35% 70%,transparent 0 74px,color-mix(in srgb,var(--acc) 11%,transparent) 74px 75px)}
body[data-bg="nb113"]::before{background:linear-gradient(90deg,transparent 0 13%,var(--paper) 26% 74%,transparent 87%),repeating-radial-gradient(circle at 20% 18%,transparent 0 17.1px,color-mix(in srgb,var(--ink) 7%,transparent) 17.1px 18px),repeating-radial-gradient(circle at 20% 18%,transparent 0 89px,color-mix(in srgb,var(--acc) 11%,transparent) 89px 90px)}
body[data-bg="nb114"]::before{background:radial-gradient(132% 126% at 50% 48%,var(--paper) 50%,transparent 82%),repeating-radial-gradient(circle at 80% 82%,transparent 0 17.1px,color-mix(in srgb,var(--ink) 7%,transparent) 17.1px 18px),repeating-radial-gradient(circle at 80% 82%,transparent 0 89px,color-mix(in srgb,var(--acc) 11%,transparent) 89px 90px)}
body[data-bg="nb115"]::before{background:repeating-radial-gradient(circle at 50% 30%,transparent 0 17.1px,color-mix(in srgb,var(--ink) 7%,transparent) 17.1px 18px),repeating-radial-gradient(circle at 50% 30%,transparent 0 89px,color-mix(in srgb,var(--acc) 11%,transparent) 89px 90px)}
body[data-bg="nb116"]::before{background:repeating-radial-gradient(circle at 35% 70%,transparent 0 17.1px,color-mix(in srgb,var(--ink) 7%,transparent) 17.1px 18px),repeating-radial-gradient(circle at 35% 70%,transparent 0 89px,color-mix(in srgb,var(--acc) 11%,transparent) 89px 90px)}
body[data-bg="nb117"]::before{animation:nbpan 120s linear infinite alternate;background:repeating-radial-gradient(circle at 20% 18%,transparent 0 21.1px,color-mix(in srgb,var(--ink) 7%,transparent) 21.1px 22px),repeating-radial-gradient(circle at 20% 18%,transparent 0 109px,color-mix(in srgb,var(--acc) 11%,transparent) 109px 110px)}
body[data-bg="nb118"]::before{background:repeating-radial-gradient(circle at 80% 82%,transparent 0 21.1px,color-mix(in srgb,var(--ink) 7%,transparent) 21.1px 22px),repeating-radial-gradient(circle at 80% 82%,transparent 0 109px,color-mix(in srgb,var(--acc) 11%,transparent) 109px 110px)}
body[data-bg="nb119"]::before{background:linear-gradient(90deg,transparent 0 13%,var(--paper) 26% 74%,transparent 87%),repeating-radial-gradient(circle at 50% 30%,transparent 0 21.1px,color-mix(in srgb,var(--ink) 7%,transparent) 21.1px 22px),repeating-radial-gradient(circle at 50% 30%,transparent 0 109px,color-mix(in srgb,var(--acc) 11%,transparent) 109px 110px)}
body[data-bg="nb120"]::before{background:radial-gradient(132% 126% at 50% 48%,var(--paper) 50%,transparent 82%),repeating-radial-gradient(circle at 35% 70%,transparent 0 21.1px,color-mix(in srgb,var(--ink) 7%,transparent) 21.1px 22px),repeating-radial-gradient(circle at 35% 70%,transparent 0 109px,color-mix(in srgb,var(--acc) 11%,transparent) 109px 110px)}
body[data-bg="nb121"]::before{background:repeating-radial-gradient(circle at 26% 30%,transparent 0 13.1px,color-mix(in srgb,var(--ink) 6%,transparent) 13.1px 14px),repeating-radial-gradient(circle at 78% 72%,transparent 0 13.1px,color-mix(in srgb,var(--acc) 8%,transparent) 13.1px 14px)}
body[data-bg="nb122"]::before{background:repeating-radial-gradient(circle at 18% 74%,transparent 0 13.1px,color-mix(in srgb,var(--ink) 6%,transparent) 13.1px 14px),repeating-radial-gradient(circle at 82% 26%,transparent 0 13.1px,color-mix(in srgb,var(--acc) 8%,transparent) 13.1px 14px)}
body[data-bg="nb123"]::before{background:repeating-radial-gradient(circle at 30% 50%,transparent 0 13.1px,color-mix(in srgb,var(--ink) 6%,transparent) 13.1px 14px),repeating-radial-gradient(circle at 72% 50%,transparent 0 13.1px,color-mix(in srgb,var(--acc) 8%,transparent) 13.1px 14px)}
body[data-bg="nb124"]::before{background:repeating-radial-gradient(circle at 50% 20%,transparent 0 13.1px,color-mix(in srgb,var(--ink) 6%,transparent) 13.1px 14px),repeating-radial-gradient(circle at 50% 80%,transparent 0 13.1px,color-mix(in srgb,var(--acc) 8%,transparent) 13.1px 14px)}
body[data-bg="nb125"]::before{background:linear-gradient(90deg,transparent 0 13%,var(--paper) 26% 74%,transparent 87%),repeating-radial-gradient(circle at 26% 30%,transparent 0 17.1px,color-mix(in srgb,var(--ink) 6%,transparent) 17.1px 18px),repeating-radial-gradient(circle at 78% 72%,transparent 0 17.1px,color-mix(in srgb,var(--acc) 8%,transparent) 17.1px 18px)}
body[data-bg="nb126"]::before{background:radial-gradient(132% 126% at 50% 48%,var(--paper) 50%,transparent 82%),repeating-radial-gradient(circle at 18% 74%,transparent 0 17.1px,color-mix(in srgb,var(--ink) 6%,transparent) 17.1px 18px),repeating-radial-gradient(circle at 82% 26%,transparent 0 17.1px,color-mix(in srgb,var(--acc) 8%,transparent) 17.1px 18px)}
body[data-bg="nb127"]::before{background:repeating-radial-gradient(circle at 30% 50%,transparent 0 17.1px,color-mix(in srgb,var(--ink) 6%,transparent) 17.1px 18px),repeating-radial-gradient(circle at 72% 50%,transparent 0 17.1px,color-mix(in srgb,var(--acc) 8%,transparent) 17.1px 18px)}
body[data-bg="nb128"]::before{background:repeating-radial-gradient(circle at 50% 20%,transparent 0 17.1px,color-mix(in srgb,var(--ink) 6%,transparent) 17.1px 18px),repeating-radial-gradient(circle at 50% 80%,transparent 0 17.1px,color-mix(in srgb,var(--acc) 8%,transparent) 17.1px 18px)}
body[data-bg="nb129"]::before{background:repeating-radial-gradient(circle at 26% 30%,transparent 0 21.1px,color-mix(in srgb,var(--ink) 6%,transparent) 21.1px 22px),repeating-radial-gradient(circle at 78% 72%,transparent 0 21.1px,color-mix(in srgb,var(--acc) 8%,transparent) 21.1px 22px)}
body[data-bg="nb130"]::before{background:repeating-radial-gradient(circle at 18% 74%,transparent 0 21.1px,color-mix(in srgb,var(--ink) 6%,transparent) 21.1px 22px),repeating-radial-gradient(circle at 82% 26%,transparent 0 21.1px,color-mix(in srgb,var(--acc) 8%,transparent) 21.1px 22px)}
body[data-bg="nb131"]::before{background:linear-gradient(90deg,transparent 0 13%,var(--paper) 26% 74%,transparent 87%),repeating-radial-gradient(circle at 30% 50%,transparent 0 21.1px,color-mix(in srgb,var(--ink) 6%,transparent) 21.1px 22px),repeating-radial-gradient(circle at 72% 50%,transparent 0 21.1px,color-mix(in srgb,var(--acc) 8%,transparent) 21.1px 22px)}
body[data-bg="nb132"]::before{background:radial-gradient(132% 126% at 50% 48%,var(--paper) 50%,transparent 82%),repeating-radial-gradient(circle at 50% 20%,transparent 0 21.1px,color-mix(in srgb,var(--ink) 6%,transparent) 21.1px 22px),repeating-radial-gradient(circle at 50% 80%,transparent 0 21.1px,color-mix(in srgb,var(--acc) 8%,transparent) 21.1px 22px)}
body[data-bg="nb133"]::before{opacity:0.9;background:linear-gradient(var(--line) 1px,transparent 1px) 0 0/34px 34px,linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0/34px 34px,radial-gradient(color-mix(in srgb,var(--acc) 16%,transparent) 1.3px,transparent 1.8px) 0 0/34px 34px}
body[data-bg="nb134"]::before{opacity:0.9;background:linear-gradient(color-mix(in srgb,var(--ink) 6%,transparent) 1px,transparent 1px) 0 0/34px 34px,linear-gradient(90deg,color-mix(in srgb,var(--ink) 6%,transparent) 1px,transparent 1px) 0 0/34px 34px,radial-gradient(color-mix(in srgb,var(--acc) 20%,transparent) 1.3px,transparent 1.8px) 0 0/34px 34px}
body[data-bg="nb135"]::before{opacity:0.9;background:linear-gradient(var(--line) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0/40px 40px,radial-gradient(color-mix(in srgb,var(--acc) 16%,transparent) 1.3px,transparent 1.8px) 0 0/40px 40px}
body[data-bg="nb136"]::before{opacity:0.9;background:linear-gradient(color-mix(in srgb,var(--ink) 6%,transparent) 1px,transparent 1px) 0 0/40px 40px,linear-gradient(90deg,color-mix(in srgb,var(--ink) 6%,transparent) 1px,transparent 1px) 0 0/40px 40px,radial-gradient(color-mix(in srgb,var(--acc) 20%,transparent) 1.3px,transparent 1.8px) 0 0/40px 40px}
body[data-bg="nb137"]::before{background:linear-gradient(90deg,transparent 0 13%,var(--paper) 26% 74%,transparent 87%),linear-gradient(var(--line) 1px,transparent 1px) 0 0/46px 46px,linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0/46px 46px,radial-gradient(color-mix(in srgb,var(--acc) 16%,transparent) 1.3px,transparent 1.8px) 0 0/46px 46px}
body[data-bg="nb138"]::before{background:radial-gradient(132% 126% at 50% 48%,var(--paper) 50%,transparent 82%),linear-gradient(color-mix(in srgb,var(--ink) 6%,transparent) 1px,transparent 1px) 0 0/46px 46px,linear-gradient(90deg,color-mix(in srgb,var(--ink) 6%,transparent) 1px,transparent 1px) 0 0/46px 46px,radial-gradient(color-mix(in srgb,var(--acc) 20%,transparent) 1.3px,transparent 1.8px) 0 0/46px 46px}
body[data-bg="nb139"]::before{opacity:0.9;background:linear-gradient(var(--line) 1px,transparent 1px) 0 0/52px 52px,linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0/52px 52px,radial-gradient(color-mix(in srgb,var(--acc) 16%,transparent) 1.3px,transparent 1.8px) 0 0/52px 52px}
body[data-bg="nb140"]::before{opacity:0.9;background:linear-gradient(color-mix(in srgb,var(--ink) 6%,transparent) 1px,transparent 1px) 0 0/52px 52px,linear-gradient(90deg,color-mix(in srgb,var(--ink) 6%,transparent) 1px,transparent 1px) 0 0/52px 52px,radial-gradient(color-mix(in srgb,var(--acc) 20%,transparent) 1.3px,transparent 1.8px) 0 0/52px 52px}
body[data-bg="nb141"]::before{opacity:0.9;background:linear-gradient(var(--line) 1px,transparent 1px) 0 0/60px 60px,linear-gradient(90deg,var(--line) 1px,transparent 1px) 0 0/60px 60px,radial-gradient(color-mix(in srgb,var(--acc) 16%,transparent) 1.3px,transparent 1.8px) 0 0/60px 60px}
body[data-bg="nb142"]::before{opacity:0.9;background:linear-gradient(color-mix(in srgb,var(--ink) 6%,transparent) 1px,transparent 1px) 0 0/60px 60px,linear-gradient(90deg,color-mix(in srgb,var(--ink) 6%,transparent) 1px,transparent 1px) 0 0/60px 60px,radial-gradient(color-mix(in srgb,var(--acc) 20%,transparent) 1.3px,transparent 1.8px) 0 0/60px 60px}
body[data-bg="nb143"]::before{background:linear-gradient(90deg,transparent 0 13%,var(--paper) 26% 74%,transparent 87%),repeating-linear-gradient(45deg,color-mix(in srgb,var(--ink) 7%,transparent) 0 1px,transparent 1px 7px),radial-gradient(color-mix(in srgb,var(--acc) 15%,transparent) 1.4px,transparent 2px) 0 0/48px 48px}
body[data-bg="nb144"]::before{background:radial-gradient(132% 126% at 50% 48%,var(--paper) 50%,transparent 82%),repeating-linear-gradient(45deg,color-mix(in srgb,var(--ink) 7%,transparent) 0 1px,transparent 1px 11px),radial-gradient(color-mix(in srgb,var(--acc) 15%,transparent) 1.4px,transparent 2px) 0 0/48px 48px}
body[data-bg="nb145"]::before{opacity:0.8;background:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--ink) 7%,transparent) 0 1px,transparent 1px 7px),radial-gradient(color-mix(in srgb,var(--acc) 15%,transparent) 1.4px,transparent 2px) 0 0/48px 48px}
body[data-bg="nb146"]::before{opacity:0.8;background:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--ink) 7%,transparent) 0 1px,transparent 1px 11px),radial-gradient(color-mix(in srgb,var(--acc) 15%,transparent) 1.4px,transparent 2px) 0 0/48px 48px}
body[data-bg="nb147"]::before{opacity:0.8;background:repeating-linear-gradient(30deg,color-mix(in srgb,var(--ink) 7%,transparent) 0 1px,transparent 1px 7px),radial-gradient(color-mix(in srgb,var(--acc) 15%,transparent) 1.4px,transparent 2px) 0 0/48px 48px}
body[data-bg="nb148"]::before{opacity:0.8;background:repeating-linear-gradient(30deg,color-mix(in srgb,var(--ink) 7%,transparent) 0 1px,transparent 1px 11px),radial-gradient(color-mix(in srgb,var(--acc) 15%,transparent) 1.4px,transparent 2px) 0 0/48px 48px}
body[data-bg="nb149"]::before{background:linear-gradient(90deg,transparent 0 13%,var(--paper) 26% 74%,transparent 87%),repeating-linear-gradient(135deg,color-mix(in srgb,var(--ink) 7%,transparent) 0 1px,transparent 1px 7px),radial-gradient(color-mix(in srgb,var(--acc) 15%,transparent) 1.4px,transparent 2px) 0 0/48px 48px}
body[data-bg="nb150"]::before{background:radial-gradient(132% 126% at 50% 48%,var(--paper) 50%,transparent 82%),repeating-linear-gradient(135deg,color-mix(in srgb,var(--ink) 7%,transparent) 0 1px,transparent 1px 11px),radial-gradient(color-mix(in srgb,var(--acc) 15%,transparent) 1.4px,transparent 2px) 0 0/48px 48px}
body[data-bg="nb151"]::before{opacity:0.8;background:repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 7%,transparent) 0 1px,transparent 1px 7px),radial-gradient(color-mix(in srgb,var(--acc) 15%,transparent) 1.4px,transparent 2px) 0 0/48px 48px}
body[data-bg="nb152"]::before{opacity:0.8;background:repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 7%,transparent) 0 1px,transparent 1px 11px),radial-gradient(color-mix(in srgb,var(--acc) 15%,transparent) 1.4px,transparent 2px) 0 0/48px 48px}
body[data-bg="nb153"]::before{background:radial-gradient(56% 52% at 10% 8%,color-mix(in srgb,var(--acc) 14%,transparent),transparent 64%),radial-gradient(52% 56% at 92% 90%,color-mix(in srgb,oklch(0.72 0.15 250) 12%,transparent),transparent 64%)}
body[data-bg="nb154"]::before{filter:blur(3px);background:radial-gradient(56% 52% at 92% 6%,color-mix(in srgb,var(--acc) 14%,transparent),transparent 64%),radial-gradient(52% 56% at 8% 94%,color-mix(in srgb,oklch(0.72 0.15 250) 12%,transparent),transparent 64%)}
body[data-bg="nb155"]::before{background:linear-gradient(90deg,transparent 0 13%,var(--paper) 26% 74%,transparent 87%),radial-gradient(56% 52% at 50% -6%,color-mix(in srgb,var(--acc) 14%,transparent),transparent 64%),radial-gradient(52% 56% at 50% 106%,color-mix(in srgb,oklch(0.72 0.15 250) 12%,transparent),transparent 64%)}
body[data-bg="nb156"]::before{filter:blur(3px);background:radial-gradient(132% 126% at 50% 48%,var(--paper) 50%,transparent 82%),radial-gradient(56% 52% at 6% 50%,color-mix(in srgb,var(--acc) 14%,transparent),transparent 64%),radial-gradient(52% 56% at 96% 50%,color-mix(in srgb,oklch(0.72 0.15 250) 12%,transparent),transparent 64%)}
body[data-bg="nb157"]::before{background:radial-gradient(56% 52% at 10% 8%,color-mix(in srgb,var(--acc) 13%,transparent),transparent 64%),radial-gradient(52% 56% at 92% 90%,color-mix(in srgb,oklch(0.72 0.15 150) 11%,transparent),transparent 64%)}
body[data-bg="nb158"]::before{filter:blur(3px);background:radial-gradient(56% 52% at 92% 6%,color-mix(in srgb,var(--acc) 13%,transparent),transparent 64%),radial-gradient(52% 56% at 8% 94%,color-mix(in srgb,oklch(0.72 0.15 150) 11%,transparent),transparent 64%)}
body[data-bg="nb159"]::before{background:radial-gradient(56% 52% at 50% -6%,color-mix(in srgb,var(--acc) 13%,transparent),transparent 64%),radial-gradient(52% 56% at 50% 106%,color-mix(in srgb,oklch(0.72 0.15 150) 11%,transparent),transparent 64%)}
body[data-bg="nb160"]::before{filter:blur(3px);background:radial-gradient(56% 52% at 6% 50%,color-mix(in srgb,var(--acc) 13%,transparent),transparent 64%),radial-gradient(52% 56% at 96% 50%,color-mix(in srgb,oklch(0.72 0.15 150) 11%,transparent),transparent 64%)}
body[data-bg="nb161"]::before{background:linear-gradient(90deg,transparent 0 13%,var(--paper) 26% 74%,transparent 87%),radial-gradient(56% 52% at 10% 8%,color-mix(in srgb,var(--acc) 14%,transparent),transparent 64%),radial-gradient(52% 56% at 92% 90%,color-mix(in srgb,oklch(0.72 0.15 300) 11%,transparent),transparent 64%)}
body[data-bg="nb162"]::before{filter:blur(3px);background:radial-gradient(132% 126% at 50% 48%,var(--paper) 50%,transparent 82%),radial-gradient(56% 52% at 92% 6%,color-mix(in srgb,var(--acc) 14%,transparent),transparent 64%),radial-gradient(52% 56% at 8% 94%,color-mix(in srgb,oklch(0.72 0.15 300) 11%,transparent),transparent 64%)}
body[data-bg="nb163"]::before{background:radial-gradient(56% 52% at 50% -6%,color-mix(in srgb,var(--acc) 14%,transparent),transparent 64%),radial-gradient(52% 56% at 50% 106%,color-mix(in srgb,oklch(0.72 0.15 300) 11%,transparent),transparent 64%)}
body[data-bg="nb164"]::before{filter:blur(3px);background:radial-gradient(56% 52% at 6% 50%,color-mix(in srgb,var(--acc) 14%,transparent),transparent 64%),radial-gradient(52% 56% at 96% 50%,color-mix(in srgb,oklch(0.72 0.15 300) 11%,transparent),transparent 64%)}
body[data-bg="nb165"]::before{background:radial-gradient(56% 52% at 10% 8%,color-mix(in srgb,oklch(0.72 0.15 20) 13%,transparent),transparent 64%),radial-gradient(52% 56% at 92% 90%,color-mix(in srgb,oklch(0.72 0.15 220) 12%,transparent),transparent 64%)}
body[data-bg="nb166"]::before{filter:blur(3px);background:radial-gradient(56% 52% at 92% 6%,color-mix(in srgb,oklch(0.72 0.15 20) 13%,transparent),transparent 64%),radial-gradient(52% 56% at 8% 94%,color-mix(in srgb,oklch(0.72 0.15 220) 12%,transparent),transparent 64%)}
body[data-bg="nb167"]::before{background:linear-gradient(90deg,transparent 0 13%,var(--paper) 26% 74%,transparent 87%),radial-gradient(56% 52% at 50% -6%,color-mix(in srgb,oklch(0.72 0.15 20) 13%,transparent),transparent 64%),radial-gradient(52% 56% at 50% 106%,color-mix(in srgb,oklch(0.72 0.15 220) 12%,transparent),transparent 64%)}
body[data-bg="nb168"]::before{filter:blur(3px);background:radial-gradient(132% 126% at 50% 48%,var(--paper) 50%,transparent 82%),radial-gradient(56% 52% at 6% 50%,color-mix(in srgb,oklch(0.72 0.15 20) 13%,transparent),transparent 64%),radial-gradient(52% 56% at 96% 50%,color-mix(in srgb,oklch(0.72 0.15 220) 12%,transparent),transparent 64%)}
body[data-bg="nb169"]::before{filter:blur(3px);background:conic-gradient(from 0deg at 50% 50%,color-mix(in srgb,var(--acc) 14%,transparent),transparent 40%),conic-gradient(from 180deg at 50% 50%,color-mix(in srgb,oklch(0.72 0.15 250) 12%,transparent),transparent 45%)}
body[data-bg="nb170"]::before{filter:blur(3px);background:conic-gradient(from 0deg at 50% 50%,color-mix(in srgb,oklch(0.72 0.15 20) 13%,transparent),transparent 40%),conic-gradient(from 180deg at 50% 50%,color-mix(in srgb,oklch(0.72 0.15 220) 12%,transparent),transparent 45%)}
body[data-bg="nb171"]::before{filter:blur(3px);background:conic-gradient(from 90deg at 50% 50%,color-mix(in srgb,var(--acc) 14%,transparent),transparent 40%),conic-gradient(from 270deg at 50% 50%,color-mix(in srgb,oklch(0.72 0.15 250) 12%,transparent),transparent 45%)}
body[data-bg="nb172"]::before{filter:blur(3px);background:conic-gradient(from 90deg at 50% 50%,color-mix(in srgb,oklch(0.72 0.15 20) 13%,transparent),transparent 40%),conic-gradient(from 270deg at 50% 50%,color-mix(in srgb,oklch(0.72 0.15 220) 12%,transparent),transparent 45%)}
body[data-bg="nb173"]::before{filter:blur(3px);background:linear-gradient(90deg,transparent 0 13%,var(--paper) 26% 74%,transparent 87%),conic-gradient(from 180deg at 50% 50%,color-mix(in srgb,var(--acc) 14%,transparent),transparent 40%),conic-gradient(from 360deg at 50% 50%,color-mix(in srgb,oklch(0.72 0.15 250) 12%,transparent),transparent 45%)}
body[data-bg="nb174"]::before{filter:blur(3px);background:radial-gradient(132% 126% at 50% 48%,var(--paper) 50%,transparent 82%),conic-gradient(from 180deg at 50% 50%,color-mix(in srgb,oklch(0.72 0.15 20) 13%,transparent),transparent 40%),conic-gradient(from 360deg at 50% 50%,color-mix(in srgb,oklch(0.72 0.15 220) 12%,transparent),transparent 45%)}
body[data-bg="nb175"]::before{filter:blur(3px);background:conic-gradient(from 210deg at 50% 50%,color-mix(in srgb,var(--acc) 14%,transparent),transparent 40%),conic-gradient(from 390deg at 50% 50%,color-mix(in srgb,oklch(0.72 0.15 250) 12%,transparent),transparent 45%)}
body[data-bg="nb176"]::before{filter:blur(3px);background:conic-gradient(from 210deg at 50% 50%,color-mix(in srgb,oklch(0.72 0.15 20) 13%,transparent),transparent 40%),conic-gradient(from 390deg at 50% 50%,color-mix(in srgb,oklch(0.72 0.15 220) 12%,transparent),transparent 45%)}
body[data-bg="nb177"]::before{filter:blur(3px);background:conic-gradient(from 330deg at 50% 50%,color-mix(in srgb,var(--acc) 14%,transparent),transparent 40%),conic-gradient(from 510deg at 50% 50%,color-mix(in srgb,oklch(0.72 0.15 250) 12%,transparent),transparent 45%)}
body[data-bg="nb178"]::before{filter:blur(3px);background:conic-gradient(from 330deg at 50% 50%,color-mix(in srgb,oklch(0.72 0.15 20) 13%,transparent),transparent 40%),conic-gradient(from 510deg at 50% 50%,color-mix(in srgb,oklch(0.72 0.15 220) 12%,transparent),transparent 45%)}
body[data-bg="nb179"]::before{background:linear-gradient(90deg,transparent 0 13%,var(--paper) 26% 74%,transparent 87%),linear-gradient(120deg,color-mix(in srgb,var(--acc) 13%,transparent) 0 28%,transparent 28% 72%,color-mix(in srgb,oklch(0.72 0.15 150) 11%,transparent) 72%)}
body[data-bg="nb180"]::before{background:radial-gradient(132% 126% at 50% 48%,var(--paper) 50%,transparent 82%),linear-gradient(120deg,color-mix(in srgb,var(--acc) 15%,transparent) 0 28%,transparent 28% 72%,color-mix(in srgb,oklch(0.72 0.15 45) 12%,transparent) 72%)}
body[data-bg="nb181"]::before{opacity:0.8;background:linear-gradient(60deg,color-mix(in srgb,var(--acc) 13%,transparent) 0 28%,transparent 28% 72%,color-mix(in srgb,oklch(0.72 0.15 150) 11%,transparent) 72%)}
body[data-bg="nb182"]::before{opacity:0.8;background:linear-gradient(60deg,color-mix(in srgb,var(--acc) 15%,transparent) 0 28%,transparent 28% 72%,color-mix(in srgb,oklch(0.72 0.15 45) 12%,transparent) 72%)}
body[data-bg="nb183"]::before{opacity:0.8;background:linear-gradient(180deg,color-mix(in srgb,var(--acc) 13%,transparent) 0 28%,transparent 28% 72%,color-mix(in srgb,oklch(0.72 0.15 150) 11%,transparent) 72%)}
body[data-bg="nb184"]::before{opacity:0.8;background:linear-gradient(180deg,color-mix(in srgb,var(--acc) 15%,transparent) 0 28%,transparent 28% 72%,color-mix(in srgb,oklch(0.72 0.15 45) 12%,transparent) 72%)}
body[data-bg="nb185"]::before{background:linear-gradient(90deg,transparent 0 13%,var(--paper) 26% 74%,transparent 87%),linear-gradient(90deg,color-mix(in srgb,var(--acc) 13%,transparent) 0 28%,transparent 28% 72%,color-mix(in srgb,oklch(0.72 0.15 150) 11%,transparent) 72%)}
body[data-bg="nb186"]::before{background:radial-gradient(132% 126% at 50% 48%,var(--paper) 50%,transparent 82%),linear-gradient(90deg,color-mix(in srgb,var(--acc) 15%,transparent) 0 28%,transparent 28% 72%,color-mix(in srgb,oklch(0.72 0.15 45) 12%,transparent) 72%)}
body[data-bg="nb187"]::before{opacity:0.8;background:linear-gradient(150deg,color-mix(in srgb,var(--acc) 13%,transparent) 0 28%,transparent 28% 72%,color-mix(in srgb,oklch(0.72 0.15 150) 11%,transparent) 72%)}
body[data-bg="nb188"]::before{opacity:0.8;background:linear-gradient(150deg,color-mix(in srgb,var(--acc) 15%,transparent) 0 28%,transparent 28% 72%,color-mix(in srgb,oklch(0.72 0.15 45) 12%,transparent) 72%)}
body[data-bg="nb189"]::before{filter:blur(4px);animation:nbpan 80s linear infinite alternate;background:radial-gradient(58% 54% at 20% 22%,color-mix(in srgb,var(--acc) 14%,transparent),transparent 64%),radial-gradient(54% 58% at 76% 78%,color-mix(in srgb,oklch(0.72 0.15 250) 12%,transparent),transparent 64%)}
body[data-bg="nb190"]::before{filter:blur(4px);animation:nbpan 94s linear infinite alternate;background:radial-gradient(58% 54% at 20% 22%,color-mix(in srgb,var(--acc) 14%,transparent),transparent 64%),radial-gradient(54% 58% at 76% 78%,color-mix(in srgb,oklch(0.72 0.15 300) 11%,transparent),transparent 64%)}
body[data-bg="nb191"]::before{filter:blur(4px);animation:nbpan 108s linear infinite alternate;background:radial-gradient(58% 54% at 74% 18%,color-mix(in srgb,var(--acc) 14%,transparent),transparent 64%),radial-gradient(54% 58% at 26% 80%,color-mix(in srgb,oklch(0.72 0.15 250) 12%,transparent),transparent 64%)}
body[data-bg="nb192"]::before{filter:blur(4px);animation:nbpan 122s linear infinite alternate;background:radial-gradient(58% 54% at 74% 18%,color-mix(in srgb,var(--acc) 14%,transparent),transparent 64%),radial-gradient(54% 58% at 26% 80%,color-mix(in srgb,oklch(0.72 0.15 300) 11%,transparent),transparent 64%)}
body[data-bg="nb193"]::before{filter:blur(4px);animation:nbpan 80s linear infinite alternate;background:radial-gradient(58% 54% at 30% 28%,color-mix(in srgb,var(--acc) 14%,transparent),transparent 64%),radial-gradient(54% 58% at 70% 74%,color-mix(in srgb,oklch(0.72 0.15 250) 12%,transparent),transparent 64%)}
body[data-bg="nb194"]::before{filter:blur(4px);animation:nbpan 94s linear infinite alternate;background:radial-gradient(58% 54% at 30% 28%,color-mix(in srgb,var(--acc) 14%,transparent),transparent 64%),radial-gradient(54% 58% at 70% 74%,color-mix(in srgb,oklch(0.72 0.15 300) 11%,transparent),transparent 64%)}
body[data-bg="nb195"]::before{filter:blur(4px);animation:nbpan 108s linear infinite alternate;background:radial-gradient(58% 54% at 16% 70%,color-mix(in srgb,var(--acc) 14%,transparent),transparent 64%),radial-gradient(54% 58% at 84% 30%,color-mix(in srgb,oklch(0.72 0.15 250) 12%,transparent),transparent 64%)}
body[data-bg="nb196"]::before{filter:blur(4px);animation:nbpan 122s linear infinite alternate;background:radial-gradient(58% 54% at 16% 70%,color-mix(in srgb,var(--acc) 14%,transparent),transparent 64%),radial-gradient(54% 58% at 84% 30%,color-mix(in srgb,oklch(0.72 0.15 300) 11%,transparent),transparent 64%)}
body[data-bg="nb197"]::before{filter:blur(4px);animation:nbpan 80s linear infinite alternate;background:radial-gradient(58% 54% at 50% 16%,color-mix(in srgb,var(--acc) 14%,transparent),transparent 64%),radial-gradient(54% 58% at 50% 84%,color-mix(in srgb,oklch(0.72 0.15 250) 12%,transparent),transparent 64%)}
body[data-bg="nb198"]::before{filter:blur(4px);animation:nbpan 94s linear infinite alternate;background:radial-gradient(58% 54% at 50% 16%,color-mix(in srgb,var(--acc) 14%,transparent),transparent 64%),radial-gradient(54% 58% at 50% 84%,color-mix(in srgb,oklch(0.72 0.15 300) 11%,transparent),transparent 64%)}
body[data-bg="nb199"]::before{filter:blur(4px);animation:nbpan 108s linear infinite alternate;background:radial-gradient(58% 54% at 40% 40%,color-mix(in srgb,var(--acc) 14%,transparent),transparent 64%),radial-gradient(54% 58% at 78% 64%,color-mix(in srgb,oklch(0.72 0.15 250) 12%,transparent),transparent 64%)}
body[data-bg="nb200"]::before{filter:blur(4px);animation:nbpan 122s linear infinite alternate;background:radial-gradient(58% 54% at 40% 40%,color-mix(in srgb,var(--acc) 14%,transparent),transparent 64%),radial-gradient(54% 58% at 78% 64%,color-mix(in srgb,oklch(0.72 0.15 300) 11%,transparent),transparent 64%)}
body[data-bg="nb201"]::before{animation:nbpan2 118s linear infinite;background:radial-gradient(circle at 50% 50%,transparent 0 4.3px,color-mix(in srgb,var(--ink) 6%,transparent) 4.3px 5.0px,transparent 5.0px 8.6px,color-mix(in srgb,var(--acc) 6%,transparent) 8.6px 9.3px,transparent 9.3px) 0 0/24px 24px}
body[data-bg="nb202"]::before{animation:nbpan2 123s linear infinite;background:radial-gradient(circle at 50% 50%,transparent 0 5.4px,color-mix(in srgb,var(--ink) 6%,transparent) 5.4px 6.1px,transparent 6.1px 10.8px,color-mix(in srgb,var(--acc) 6%,transparent) 10.8px 11.5px,transparent 11.5px) 0 0/30px 30px}
body[data-bg="nb203"]::before{animation:nbpan2 128s linear infinite;background:radial-gradient(circle at 50% 50%,transparent 0 7.2px,color-mix(in srgb,var(--ink) 6%,transparent) 7.2px 7.9px,transparent 7.9px 14.4px,color-mix(in srgb,var(--acc) 6%,transparent) 14.4px 15.1px,transparent 15.1px) 0 0/40px 40px}
body[data-bg="nb204"]::before{animation:nbpan2 133s linear infinite;background:radial-gradient(circle at 50% 50%,transparent 0 8.6px,color-mix(in srgb,var(--ink) 6%,transparent) 8.6px 9.3px,transparent 9.3px 17.3px,color-mix(in srgb,var(--acc) 6%,transparent) 17.3px 18.0px,transparent 18.0px) 0 0/48px 48px}
body[data-bg="nb205"]::before{animation:nbpan2 138s linear infinite;background:radial-gradient(circle at 50% 50%,transparent 0 10.8px,color-mix(in srgb,var(--ink) 6%,transparent) 10.8px 11.5px,transparent 11.5px 21.6px,color-mix(in srgb,var(--acc) 6%,transparent) 21.6px 22.3px,transparent 22.3px) 0 0/60px 60px}
body[data-bg="nb206"]::before{animation:nbpan2 114s linear infinite;background:radial-gradient(color-mix(in srgb,var(--ink) 6%,transparent) 1.1px,transparent 1.7px) 0 0/24px 24px,radial-gradient(color-mix(in srgb,var(--acc) 6%,transparent) 1.1px,transparent 1.7px) 0 0/30px 30px}
body[data-bg="nb207"]::before{animation:nbpan2 119s linear infinite;background:radial-gradient(color-mix(in srgb,var(--ink) 6%,transparent) 1.1px,transparent 1.7px) 0 0/20px 20px,radial-gradient(color-mix(in srgb,var(--acc) 6%,transparent) 1.1px,transparent 1.7px) 0 0/24px 24px}
body[data-bg="nb208"]::before{animation:nbpan2 124s linear infinite;background:radial-gradient(color-mix(in srgb,var(--ink) 6%,transparent) 1.1px,transparent 1.7px) 0 0/30px 30px,radial-gradient(color-mix(in srgb,var(--acc) 6%,transparent) 1.1px,transparent 1.7px) 0 0/40px 40px}
body[data-bg="nb209"]::before{animation:nbpan2 129s linear infinite;background:radial-gradient(color-mix(in srgb,var(--ink) 6%,transparent) 1.1px,transparent 1.7px) 0 0/40px 40px,radial-gradient(color-mix(in srgb,var(--acc) 6%,transparent) 1.1px,transparent 1.7px) 0 0/48px 48px}
body[data-bg="nb210"]::before{animation:nbpan2 134s linear infinite;background:radial-gradient(color-mix(in srgb,var(--ink) 6%,transparent) 1.1px,transparent 1.7px) 0 0/24px 24px,radial-gradient(color-mix(in srgb,var(--acc) 6%,transparent) 1.1px,transparent 1.7px) 0 0/40px 40px}
body[data-bg="nb211"]::before{animation:nbpan2 120s linear infinite;background:radial-gradient(circle at 50% 50%,transparent 0 8.2px,color-mix(in srgb,var(--ink) 6%,transparent) 8.2px 8.9px,transparent 8.9px) 0 0/24px 24px,radial-gradient(circle at 50% 50%,transparent 0 10.2px,color-mix(in srgb,var(--acc) 6%,transparent) 10.2px 10.9px,transparent 10.9px) 0 0/30px 30px}
body[data-bg="nb212"]::before{animation:nbpan2 125s linear infinite;background:radial-gradient(circle at 50% 50%,transparent 0 10.2px,color-mix(in srgb,var(--ink) 6%,transparent) 10.2px 10.9px,transparent 10.9px) 0 0/30px 30px,radial-gradient(circle at 50% 50%,transparent 0 13.6px,color-mix(in srgb,var(--acc) 6%,transparent) 13.6px 14.3px,transparent 14.3px) 0 0/40px 40px}
body[data-bg="nb213"]::before{animation:nbpan2 130s linear infinite;background:radial-gradient(circle at 50% 50%,transparent 0 13.6px,color-mix(in srgb,var(--ink) 6%,transparent) 13.6px 14.3px,transparent 14.3px) 0 0/40px 40px,radial-gradient(circle at 50% 50%,transparent 0 16.3px,color-mix(in srgb,var(--acc) 6%,transparent) 16.3px 17.0px,transparent 17.0px) 0 0/48px 48px}
body[data-bg="nb214"]::before{animation:nbpan2 135s linear infinite;background:radial-gradient(circle at 50% 50%,transparent 0 16.3px,color-mix(in srgb,var(--ink) 6%,transparent) 16.3px 17.0px,transparent 17.0px) 0 0/48px 48px,radial-gradient(circle at 50% 50%,transparent 0 20.4px,color-mix(in srgb,var(--acc) 6%,transparent) 20.4px 21.1px,transparent 21.1px) 0 0/60px 60px}
body[data-bg="nb215"]::before{animation:nbpan2 116s linear infinite;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--ink) 6%,transparent) 0 1.2px,transparent 1.2px 7.7px,color-mix(in srgb,var(--acc) 6%,transparent) 7.7px 8.4px,transparent 8.4px) 0 0/24px 24px}
body[data-bg="nb216"]::before{animation:nbpan2 121s linear infinite;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--ink) 6%,transparent) 0 1.2px,transparent 1.2px 9.6px,color-mix(in srgb,var(--acc) 6%,transparent) 9.6px 10.3px,transparent 10.3px) 0 0/30px 30px}
body[data-bg="nb217"]::before{animation:nbpan2 126s linear infinite;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--ink) 6%,transparent) 0 1.2px,transparent 1.2px 12.8px,color-mix(in srgb,var(--acc) 6%,transparent) 12.8px 13.5px,transparent 13.5px) 0 0/40px 40px}
body[data-bg="nb218"]::before{animation:nbpan2 131s linear infinite;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--ink) 6%,transparent) 0 1.2px,transparent 1.2px 15.4px,color-mix(in srgb,var(--acc) 6%,transparent) 15.4px 16.1px,transparent 16.1px) 0 0/48px 48px}
body[data-bg="nb219"]::before{animation:nbpan2 136s linear infinite;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--ink) 6%,transparent) 0 1.2px,transparent 1.2px 19.2px,color-mix(in srgb,var(--acc) 6%,transparent) 19.2px 19.9px,transparent 19.9px) 0 0/60px 60px}
body[data-bg="nb220"]::before{animation:nbpan2 122s linear infinite;background:repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 22.5px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 22.5px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 5%,transparent) 0 .8px,transparent .8px 22.5px)}
body[data-bg="nb221"]::before{animation:nbpan2 127s linear infinite;background:repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 30px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 30px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 5%,transparent) 0 .8px,transparent .8px 30px)}
body[data-bg="nb222"]::before{animation:nbpan2 132s linear infinite;background:repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 5%,transparent) 0 .8px,transparent .8px 40px)}
body[data-bg="nb223"]::before{animation:nbpan2 137s linear infinite;background:repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 60px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 60px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 5%,transparent) 0 .8px,transparent .8px 60px)}
body[data-bg="nb224"]::before{animation:nbpan2 124s linear infinite;background:radial-gradient(circle at 50% 50%,transparent 0 9.0px,color-mix(in srgb,var(--acc) 6%,transparent) 9.0px 9.7px,transparent 9.7px) 0 0/30px 30px,radial-gradient(circle at 50% 50%,transparent 0 10.6px,color-mix(in srgb,oklch(0.72 0.15 250) 6%,transparent) 10.6px 11.3px,transparent 11.3px) 0 0/48px 48px}
body[data-bg="nb225"]::before{animation:nbpan2 129s linear infinite;background:radial-gradient(circle at 50% 50%,transparent 0 7.2px,color-mix(in srgb,var(--acc) 6%,transparent) 7.2px 7.9px,transparent 7.9px) 0 0/24px 24px,radial-gradient(circle at 50% 50%,transparent 0 8.8px,color-mix(in srgb,oklch(0.72 0.15 250) 6%,transparent) 8.8px 9.5px,transparent 9.5px) 0 0/40px 40px}
body[data-bg="nb226"]::before{animation:nbpan2 134s linear infinite;background:radial-gradient(circle at 50% 50%,transparent 0 12.0px,color-mix(in srgb,var(--acc) 6%,transparent) 12.0px 12.7px,transparent 12.7px) 0 0/40px 40px,radial-gradient(circle at 50% 50%,transparent 0 13.2px,color-mix(in srgb,oklch(0.72 0.15 250) 6%,transparent) 13.2px 13.9px,transparent 13.9px) 0 0/60px 60px}
body[data-bg="nb227"]::before{animation:nbpan2 126s linear infinite;background:radial-gradient(circle at 50% 50%,transparent 0 9.0px,color-mix(in srgb,var(--ink) 6%,transparent) 9.0px 9.7px,transparent 9.7px) 0 0/30px 30px,linear-gradient(color-mix(in srgb,var(--ink) 4%,transparent) 1px,transparent 1px) 0 0/15px 15px,linear-gradient(90deg,color-mix(in srgb,var(--ink) 4%,transparent) 1px,transparent 1px) 0 0/15px 15px}
body[data-bg="nb228"]::before{animation:nbpan2 131s linear infinite;background:radial-gradient(circle at 50% 50%,transparent 0 12.0px,color-mix(in srgb,var(--ink) 6%,transparent) 12.0px 12.7px,transparent 12.7px) 0 0/40px 40px,linear-gradient(color-mix(in srgb,var(--ink) 4%,transparent) 1px,transparent 1px) 0 0/20px 20px,linear-gradient(90deg,color-mix(in srgb,var(--ink) 4%,transparent) 1px,transparent 1px) 0 0/20px 20px}
body[data-bg="nb229"]::before{animation:nbpan2 136s linear infinite;background:radial-gradient(circle at 50% 50%,transparent 0 14.4px,color-mix(in srgb,var(--ink) 6%,transparent) 14.4px 15.1px,transparent 15.1px) 0 0/48px 48px,linear-gradient(color-mix(in srgb,var(--ink) 4%,transparent) 1px,transparent 1px) 0 0/24px 24px,linear-gradient(90deg,color-mix(in srgb,var(--ink) 4%,transparent) 1px,transparent 1px) 0 0/24px 24px}
body[data-bg="nb230"]::before{animation:nbpan2 141s linear infinite;background:radial-gradient(circle at 50% 50%,transparent 0 18.0px,color-mix(in srgb,var(--ink) 6%,transparent) 18.0px 18.7px,transparent 18.7px) 0 0/60px 60px,linear-gradient(color-mix(in srgb,var(--ink) 4%,transparent) 1px,transparent 1px) 0 0/30px 30px,linear-gradient(90deg,color-mix(in srgb,var(--ink) 4%,transparent) 1px,transparent 1px) 0 0/30px 30px}
body[data-bg="nb231"]::before{animation:nbglow 13s ease-in-out infinite alternate;background:radial-gradient(122% 112% at 35% 30%,color-mix(in srgb,var(--acc) 20%,transparent),transparent 74%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 40px)}
body[data-bg="nb232"]::before{animation:nbglow 15s ease-in-out infinite alternate;background:radial-gradient(122% 112% at 65% 35%,color-mix(in srgb,oklch(0.72 0.15 250) 18%,transparent),transparent 74%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 40px)}
body[data-bg="nb233"]::before{animation:nbglow 14s ease-in-out infinite alternate;background:radial-gradient(120% 110% at 40% 62%,color-mix(in srgb,oklch(0.72 0.15 38) 19%,transparent),transparent 74%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 30px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 30px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 30px)}
body[data-bg="nb234"]::before{animation:nbglow 16s ease-in-out infinite alternate;background:radial-gradient(122% 112% at 30% 66%,color-mix(in srgb,oklch(0.72 0.15 150) 18%,transparent),transparent 74%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 30px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 30px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 30px)}
body[data-bg="nb235"]::before{animation:nbglow 17s ease-in-out infinite alternate;background:radial-gradient(120% 110% at 78% 22%,color-mix(in srgb,oklch(0.72 0.15 300) 18%,transparent),transparent 74%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 40px)}
body[data-bg="nb236"]::before{animation:nbglow 13s ease-in-out infinite alternate;background:radial-gradient(122% 112% at 24% 36%,color-mix(in srgb,oklch(0.72 0.15 70) 19%,transparent),transparent 74%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 30px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 30px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 30px)}
body[data-bg="nb237"]::before{animation:nbglow 15s ease-in-out infinite alternate;background:radial-gradient(120% 110% at 70% 60%,color-mix(in srgb,oklch(0.72 0.15 350) 18%,transparent),transparent 74%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 40px)}
body[data-bg="nb238"]::before{animation:nbglow 16s ease-in-out infinite alternate;background:radial-gradient(122% 112% at 36% 70%,color-mix(in srgb,oklch(0.72 0.15 190) 18%,transparent),transparent 74%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 30px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 30px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 30px)}
body[data-bg="nb239"]::before{animation:nbglow 18s ease-in-out infinite alternate;background:radial-gradient(130% 118% at 26% 30%,color-mix(in srgb,var(--acc) 17%,transparent),transparent 72%),radial-gradient(130% 118% at 74% 70%,color-mix(in srgb,oklch(0.72 0.15 250) 16%,transparent),transparent 72%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 40px)}
body[data-bg="nb240"]::before{animation:nbglow 17s ease-in-out infinite alternate;background:radial-gradient(130% 118% at 24% 32%,color-mix(in srgb,oklch(0.72 0.15 38) 17%,transparent),transparent 72%),radial-gradient(130% 118% at 76% 68%,color-mix(in srgb,oklch(0.72 0.15 350) 15%,transparent),transparent 72%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 40px)}
body[data-bg="nb241"]::before{animation:nbglow 19s ease-in-out infinite alternate;background:radial-gradient(130% 118% at 28% 28%,color-mix(in srgb,oklch(0.72 0.15 190) 16%,transparent),transparent 72%),radial-gradient(130% 118% at 72% 72%,color-mix(in srgb,oklch(0.72 0.15 300) 15%,transparent),transparent 72%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 30px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 30px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 30px)}
body[data-bg="nb242"]::before{animation:nbglow 20s ease-in-out infinite alternate;background:conic-gradient(from 200deg at 50% 50%,color-mix(in srgb,var(--acc) 15%,transparent),transparent 30%,color-mix(in srgb,oklch(0.72 0.15 150) 13%,transparent) 55%,transparent 80%,color-mix(in srgb,var(--acc) 15%,transparent)),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 40px)}
body[data-bg="nb243"]::before{animation:nbglow 21s ease-in-out infinite alternate;background:conic-gradient(from 160deg at 50% 50%,color-mix(in srgb,oklch(0.72 0.15 38) 14%,transparent),transparent 32%,color-mix(in srgb,oklch(0.72 0.15 350) 12%,transparent) 56%,transparent 82%,color-mix(in srgb,oklch(0.72 0.15 38) 14%,transparent)),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 40px)}
body[data-bg="nb244"]::before{animation:nbglow 16s ease-in-out infinite alternate;background:linear-gradient(115deg,transparent 6%,color-mix(in srgb,var(--acc) 18%,transparent) 48%,transparent 86%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 48px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 48px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 48px)}
body[data-bg="nb245"]::before{animation:nbglow 17s ease-in-out infinite alternate;background:linear-gradient(75deg,transparent 6%,color-mix(in srgb,oklch(0.72 0.15 250) 16%,transparent) 48%,transparent 86%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 48px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 48px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 48px)}
body[data-bg="nb246"]::before{animation:nbglow 14s ease-in-out infinite alternate;background:radial-gradient(72% 64% at 50% 46%,color-mix(in srgb,var(--acc) 19%,transparent),transparent 76%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 40px)}
body[data-bg="nb247"]::before{animation:nbglow 18s ease-in-out infinite alternate;background:radial-gradient(72% 64% at 50% 46%,color-mix(in srgb,oklch(0.72 0.15 300) 18%,transparent),transparent 76%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 30px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 30px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 30px)}
body[data-bg="nb248"]::before{animation:nbglow 16s ease-in-out infinite alternate;background:radial-gradient(120% 150% at 50% 128%,color-mix(in srgb,var(--acc) 13%,transparent),transparent 70%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px)}
body[data-bg="nb249"]::before{animation:nbglow 18s ease-in-out infinite alternate;background:radial-gradient(100% 185% at 50% 132%,color-mix(in srgb,var(--acc) 12%,transparent),transparent 72%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px)}
body[data-bg="nb250"]::before{animation:nbglow 17s ease-in-out infinite alternate;background:radial-gradient(165% 130% at 50% 126%,color-mix(in srgb,var(--acc) 11%,transparent),transparent 68%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 48px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 48px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 48px)}
body[data-bg="nb251"]::before{animation:nbglow 19s ease-in-out infinite alternate;background:radial-gradient(110% 165% at 28% 130%,color-mix(in srgb,var(--acc) 12%,transparent),transparent 70%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px)}
body[data-bg="nb252"]::before{animation:nbglow 17s ease-in-out infinite alternate;background:radial-gradient(110% 165% at 72% 130%,color-mix(in srgb,var(--acc) 12%,transparent),transparent 70%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 30px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 30px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 30px)}
body[data-bg="nb253"]::before{animation:nbglow 18s ease-in-out infinite alternate;background:radial-gradient(120% 165% at 50% 130%,color-mix(in srgb,var(--ink) 12%,transparent),transparent 72%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px)}
body[data-bg="nb254"]::before{animation:nbglow 16s ease-in-out infinite alternate;background:radial-gradient(70% 200% at 50% 134%,color-mix(in srgb,var(--acc) 13%,transparent),transparent 74%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px)}
body[data-bg="nb255"]::before{animation:nbglow 19s ease-in-out infinite alternate;background:radial-gradient(120% 160% at 50% 130%,color-mix(in srgb,var(--acc) 12%,transparent),transparent 70%),radial-gradient(140% 80% at 50% -10%,color-mix(in srgb,var(--ink) 8%,transparent),transparent 60%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 48px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 48px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 48px)}
body[data-bg="nb256"]::before{animation:nbglow 18s ease-in-out infinite alternate;background:radial-gradient(80% 170% at 28% 132%,color-mix(in srgb,var(--acc) 11%,transparent),transparent 72%),radial-gradient(80% 170% at 74% 132%,color-mix(in srgb,var(--ink) 9%,transparent),transparent 72%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px)}
body[data-bg="nb257"]::before{animation:nbglow 17s ease-in-out infinite alternate;background:linear-gradient(0deg,color-mix(in srgb,var(--acc) 13%,transparent) 0%,transparent 56%),radial-gradient(90% 150% at 50% 130%,color-mix(in srgb,var(--acc) 8%,transparent),transparent 70%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px)}
body[data-bg="nb258"]::before{filter:blur(30px);animation:nbbreathe 12s ease-in-out infinite alternate;background:radial-gradient(126% 116% at 50% 38%,color-mix(in srgb,var(--acc) 13%,transparent),transparent 76%)}
body[data-bg="nb259"]::before{filter:blur(30px);animation:nbbreathe 14s ease-in-out infinite alternate;background:radial-gradient(126% 116% at 30% 30%,color-mix(in srgb,oklch(0.72 0.15 250) 12%,transparent),transparent 76%)}
body[data-bg="nb260"]::before{filter:blur(30px);animation:nbbreathe 16s ease-in-out infinite alternate;background:radial-gradient(126% 116% at 70% 34%,color-mix(in srgb,oklch(0.72 0.15 38) 13%,transparent),transparent 76%)}
body[data-bg="nb261"]::before{filter:blur(30px);animation:nbbreathe 18s ease-in-out infinite alternate;background:radial-gradient(126% 116% at 50% 56%,color-mix(in srgb,oklch(0.72 0.15 300) 11%,transparent),transparent 76%)}
body[data-bg="nb262"]::before{filter:blur(30px);animation:nbbreathe 12s ease-in-out infinite alternate;background:radial-gradient(126% 116% at 28% 64%,color-mix(in srgb,oklch(0.72 0.15 150) 11%,transparent),transparent 76%)}
body[data-bg="nb263"]::before{filter:blur(30px);animation:nbbreathe 14s ease-in-out infinite alternate;background:radial-gradient(126% 116% at 72% 30%,color-mix(in srgb,oklch(0.72 0.15 70) 12%,transparent),transparent 76%)}
body[data-bg="nb264"]::before{filter:blur(30px);animation:nbbreathe 16s ease-in-out infinite alternate;background:radial-gradient(126% 116% at 40% 46%,color-mix(in srgb,oklch(0.72 0.15 350) 12%,transparent),transparent 76%)}
body[data-bg="nb265"]::before{filter:blur(30px);animation:nbbreathe 18s ease-in-out infinite alternate;background:radial-gradient(126% 116% at 60% 62%,color-mix(in srgb,oklch(0.72 0.15 190) 11%,transparent),transparent 76%)}
body[data-bg="nb266"]::before{filter:blur(32px);animation:nbbreathe 14s ease-in-out infinite alternate;background:radial-gradient(132% 122% at 26% 30%,color-mix(in srgb,var(--acc) 11%,transparent),transparent 72%),radial-gradient(132% 122% at 74% 70%,color-mix(in srgb,oklch(0.72 0.15 250) 10%,transparent),transparent 72%)}
body[data-bg="nb267"]::before{filter:blur(32px);animation:nbbreathe 16s ease-in-out infinite alternate;background:radial-gradient(132% 122% at 20% 70%,color-mix(in srgb,var(--acc) 11%,transparent),transparent 72%),radial-gradient(132% 122% at 80% 30%,color-mix(in srgb,oklch(0.72 0.15 250) 10%,transparent),transparent 72%)}
body[data-bg="nb268"]::before{filter:blur(32px);animation:nbbreathe 18s ease-in-out infinite alternate;background:radial-gradient(132% 122% at 26% 30%,color-mix(in srgb,var(--acc) 11%,transparent),transparent 72%),radial-gradient(132% 122% at 74% 70%,color-mix(in srgb,oklch(0.72 0.15 38) 11%,transparent),transparent 72%)}
body[data-bg="nb269"]::before{filter:blur(32px);animation:nbbreathe 20s ease-in-out infinite alternate;background:radial-gradient(132% 122% at 20% 70%,color-mix(in srgb,var(--acc) 11%,transparent),transparent 72%),radial-gradient(132% 122% at 80% 30%,color-mix(in srgb,oklch(0.72 0.15 38) 11%,transparent),transparent 72%)}
body[data-bg="nb270"]::before{filter:blur(32px);animation:nbbreathe 14s ease-in-out infinite alternate;background:radial-gradient(132% 122% at 26% 30%,color-mix(in srgb,var(--acc) 10%,transparent),transparent 72%),radial-gradient(132% 122% at 74% 70%,color-mix(in srgb,oklch(0.72 0.15 150) 10%,transparent),transparent 72%)}
body[data-bg="nb271"]::before{filter:blur(32px);animation:nbbreathe 16s ease-in-out infinite alternate;background:radial-gradient(132% 122% at 20% 70%,color-mix(in srgb,var(--acc) 10%,transparent),transparent 72%),radial-gradient(132% 122% at 80% 30%,color-mix(in srgb,oklch(0.72 0.15 150) 10%,transparent),transparent 72%)}
body[data-bg="nb272"]::before{filter:blur(32px);animation:nbbreathe 18s ease-in-out infinite alternate;background:radial-gradient(132% 122% at 26% 30%,color-mix(in srgb,oklch(0.72 0.15 300) 10%,transparent),transparent 72%),radial-gradient(132% 122% at 74% 70%,color-mix(in srgb,oklch(0.72 0.15 200) 10%,transparent),transparent 72%)}
body[data-bg="nb273"]::before{filter:blur(32px);animation:nbbreathe 20s ease-in-out infinite alternate;background:radial-gradient(132% 122% at 20% 70%,color-mix(in srgb,oklch(0.72 0.15 300) 10%,transparent),transparent 72%),radial-gradient(132% 122% at 80% 30%,color-mix(in srgb,oklch(0.72 0.15 200) 10%,transparent),transparent 72%)}
body[data-bg="nb274"]::before{filter:blur(26px);background:linear-gradient(115deg,transparent 8%,color-mix(in srgb,var(--acc) 11%,transparent) 46%,transparent 82%);background-size:200% 200%;animation:nbsheen 38s ease-in-out infinite alternate}
body[data-bg="nb275"]::before{filter:blur(26px);background:linear-gradient(115deg,transparent 8%,color-mix(in srgb,oklch(0.72 0.15 250) 10%,transparent) 46%,transparent 82%);background-size:200% 200%;animation:nbsheen 44s ease-in-out infinite alternate}
body[data-bg="nb276"]::before{filter:blur(26px);background:linear-gradient(115deg,transparent 8%,color-mix(in srgb,oklch(0.72 0.15 38) 11%,transparent) 46%,transparent 82%);background-size:200% 200%;animation:nbsheen 50s ease-in-out infinite alternate}
body[data-bg="nb277"]::before{filter:blur(26px);background:linear-gradient(75deg,transparent 8%,color-mix(in srgb,var(--acc) 11%,transparent) 46%,transparent 82%);background-size:200% 200%;animation:nbsheen 38s ease-in-out infinite alternate}
body[data-bg="nb278"]::before{filter:blur(26px);background:linear-gradient(75deg,transparent 8%,color-mix(in srgb,oklch(0.72 0.15 250) 10%,transparent) 46%,transparent 82%);background-size:200% 200%;animation:nbsheen 44s ease-in-out infinite alternate}
body[data-bg="nb279"]::before{filter:blur(26px);background:linear-gradient(75deg,transparent 8%,color-mix(in srgb,oklch(0.72 0.15 38) 11%,transparent) 46%,transparent 82%);background-size:200% 200%;animation:nbsheen 50s ease-in-out infinite alternate}
body[data-bg="nb280"]::before{filter:blur(22px);animation:nbbreathe 16s ease-in-out infinite alternate;background:linear-gradient(160deg,color-mix(in srgb,var(--acc) 9%,transparent),transparent 42%,transparent 58%,color-mix(in srgb,oklch(0.72 0.15 250) 9%,transparent))}
body[data-bg="nb281"]::before{filter:blur(22px);animation:nbbreathe 18s ease-in-out infinite alternate;background:linear-gradient(160deg,color-mix(in srgb,var(--acc) 9%,transparent),transparent 42%,transparent 58%,color-mix(in srgb,oklch(0.72 0.15 150) 8%,transparent))}
body[data-bg="nb282"]::before{filter:blur(22px);animation:nbbreathe 20s ease-in-out infinite alternate;background:linear-gradient(160deg,color-mix(in srgb,oklch(0.72 0.15 38) 9%,transparent),transparent 42%,transparent 58%,color-mix(in srgb,oklch(0.72 0.15 250) 8%,transparent))}
body[data-bg="nb283"]::before{filter:blur(40px);animation:nbbreathe 18s ease-in-out infinite alternate;background:conic-gradient(from 200deg at 50% 50%,color-mix(in srgb,var(--acc) 9%,transparent),transparent 28%,color-mix(in srgb,oklch(0.72 0.15 150) 8%,transparent) 52%,transparent 78%,color-mix(in srgb,oklch(0.72 0.15 250) 8%,transparent))}
body[data-bg="nb284"]::before{filter:blur(40px);animation:nbbreathe 21s ease-in-out infinite alternate;background:conic-gradient(from 200deg at 50% 50%,color-mix(in srgb,var(--acc) 9%,transparent),transparent 28%,color-mix(in srgb,oklch(0.72 0.15 300) 8%,transparent) 52%,transparent 78%,color-mix(in srgb,oklch(0.72 0.15 200) 8%,transparent))}
body[data-bg="nb285"]::before{filter:blur(40px);animation:nbbreathe 24s ease-in-out infinite alternate;background:conic-gradient(from 200deg at 50% 50%,color-mix(in srgb,oklch(0.72 0.15 38) 9%,transparent),transparent 28%,color-mix(in srgb,oklch(0.72 0.15 150) 8%,transparent) 52%,transparent 78%,color-mix(in srgb,oklch(0.72 0.15 250) 7%,transparent))}
body[data-bg="nb286"]::before{animation:nbglow 13s ease-in-out infinite alternate;background:radial-gradient(122% 112% at 38% 32%,color-mix(in srgb,var(--acc) 11%,transparent),transparent 78%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 40px)}
body[data-bg="nb287"]::before{animation:nbglow 15s ease-in-out infinite alternate;background:radial-gradient(122% 112% at 38% 32%,color-mix(in srgb,var(--acc) 18%,transparent),transparent 74%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 40px)}
body[data-bg="nb288"]::before{animation:nbglow 17s ease-in-out infinite alternate;background:radial-gradient(122% 112% at 38% 32%,color-mix(in srgb,var(--acc) 27%,transparent),transparent 70%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 40px)}
body[data-bg="nb289"]::before{animation:nbglow 13s ease-in-out infinite alternate;background:radial-gradient(122% 112% at 38% 32%,color-mix(in srgb,oklch(0.72 0.15 250) 11%,transparent),transparent 78%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 40px)}
body[data-bg="nb290"]::before{animation:nbglow 15s ease-in-out infinite alternate;background:radial-gradient(122% 112% at 38% 32%,color-mix(in srgb,oklch(0.72 0.15 250) 18%,transparent),transparent 74%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 40px)}
body[data-bg="nb291"]::before{animation:nbglow 17s ease-in-out infinite alternate;background:radial-gradient(122% 112% at 38% 32%,color-mix(in srgb,oklch(0.72 0.15 250) 27%,transparent),transparent 70%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 40px)}
body[data-bg="nb292"]::before{animation:nbglow 13s ease-in-out infinite alternate;background:radial-gradient(122% 112% at 38% 32%,color-mix(in srgb,oklch(0.72 0.15 38) 11%,transparent),transparent 78%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 40px)}
body[data-bg="nb293"]::before{animation:nbglow 15s ease-in-out infinite alternate;background:radial-gradient(122% 112% at 38% 32%,color-mix(in srgb,oklch(0.72 0.15 38) 18%,transparent),transparent 74%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 40px)}
body[data-bg="nb294"]::before{animation:nbglow 17s ease-in-out infinite alternate;background:radial-gradient(122% 112% at 38% 32%,color-mix(in srgb,oklch(0.72 0.15 38) 27%,transparent),transparent 70%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 40px)}
body[data-bg="nb295"]::before{animation:nbglow 13s ease-in-out infinite alternate;background:radial-gradient(122% 112% at 38% 32%,color-mix(in srgb,oklch(0.72 0.15 150) 11%,transparent),transparent 78%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 40px)}
body[data-bg="nb296"]::before{animation:nbglow 15s ease-in-out infinite alternate;background:radial-gradient(122% 112% at 38% 32%,color-mix(in srgb,oklch(0.72 0.15 150) 18%,transparent),transparent 74%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 40px)}
body[data-bg="nb297"]::before{animation:nbglow 17s ease-in-out infinite alternate;background:radial-gradient(122% 112% at 38% 32%,color-mix(in srgb,oklch(0.72 0.15 150) 27%,transparent),transparent 70%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 40px)}
body[data-bg="nb298"]::before{animation:nbglow 13s ease-in-out infinite alternate;background:radial-gradient(122% 112% at 38% 32%,color-mix(in srgb,oklch(0.72 0.15 300) 11%,transparent),transparent 78%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 40px)}
body[data-bg="nb299"]::before{animation:nbglow 15s ease-in-out infinite alternate;background:radial-gradient(122% 112% at 38% 32%,color-mix(in srgb,oklch(0.72 0.15 300) 18%,transparent),transparent 74%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 40px)}
body[data-bg="nb300"]::before{animation:nbglow 17s ease-in-out infinite alternate;background:radial-gradient(122% 112% at 38% 32%,color-mix(in srgb,oklch(0.72 0.15 300) 27%,transparent),transparent 70%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 40px)}
body[data-bg="nb301"]::before{animation:nbglow 13s ease-in-out infinite alternate;background:radial-gradient(122% 112% at 38% 32%,color-mix(in srgb,oklch(0.72 0.15 190) 11%,transparent),transparent 78%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 40px)}
body[data-bg="nb302"]::before{animation:nbglow 15s ease-in-out infinite alternate;background:radial-gradient(122% 112% at 38% 32%,color-mix(in srgb,oklch(0.72 0.15 190) 18%,transparent),transparent 74%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 40px)}
body[data-bg="nb303"]::before{animation:nbglow 17s ease-in-out infinite alternate;background:radial-gradient(122% 112% at 38% 32%,color-mix(in srgb,oklch(0.72 0.15 190) 27%,transparent),transparent 70%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 40px)}
body[data-bg="nb304"]::before{animation:nbglow 15s ease-in-out infinite alternate;background:radial-gradient(124% 114% at 34% 30%,color-mix(in srgb,var(--acc) 13%,transparent),transparent 75%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 40px)}
body[data-bg="nb305"]::before{animation:nbglow 16s ease-in-out infinite alternate;background:radial-gradient(124% 114% at 68% 64%,color-mix(in srgb,oklch(0.72 0.15 250) 13%,transparent),transparent 75%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 40px)}
body[data-bg="nb306"]::before{animation:nbglow 17s ease-in-out infinite alternate;background:radial-gradient(124% 114% at 34% 30%,color-mix(in srgb,oklch(0.72 0.15 38) 13%,transparent),transparent 75%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 40px)}
body[data-bg="nb307"]::before{animation:nbglow 18s ease-in-out infinite alternate;background:radial-gradient(124% 114% at 68% 64%,color-mix(in srgb,oklch(0.72 0.15 300) 13%,transparent),transparent 75%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 40px)}
body[data-bg="nb308"]::before{animation:nbglow 15s ease-in-out infinite alternate;background:radial-gradient(124% 114% at 34% 30%,color-mix(in srgb,oklch(0.72 0.15 190) 13%,transparent),transparent 75%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 40px)}
body[data-bg="nb309"]::before{animation:nbglow 16s ease-in-out infinite alternate;background:radial-gradient(124% 114% at 68% 64%,color-mix(in srgb,oklch(0.72 0.15 150) 13%,transparent),transparent 75%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 40px)}
body[data-bg="nb310"]::before{animation:nbglow 17s ease-in-out infinite alternate;background:radial-gradient(120% 155% at 50% 130%,color-mix(in srgb,var(--acc) 12%,transparent),transparent 71%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 40px)}
body[data-bg="nb311"]::before{animation:nbglow 18s ease-in-out infinite alternate;background:radial-gradient(120% 155% at 50% 130%,color-mix(in srgb,oklch(0.72 0.15 250) 12%,transparent),transparent 71%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 40px)}
body[data-bg="nb312"]::before{animation:nbglow 19s ease-in-out infinite alternate;background:radial-gradient(120% 155% at 50% 130%,color-mix(in srgb,oklch(0.72 0.15 38) 12%,transparent),transparent 71%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 40px)}
body[data-tone="dark"][data-bg="nb304"]::before,body[data-drama="1"][data-bg="nb304"]::before{background:radial-gradient(124% 114% at 34% 30%,color-mix(in srgb,var(--acc) 32%,transparent),transparent 68%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 40px)}
body[data-tone="dark"][data-bg="nb305"]::before,body[data-drama="1"][data-bg="nb305"]::before{background:radial-gradient(124% 114% at 68% 64%,color-mix(in srgb,oklch(0.72 0.15 250) 32%,transparent),transparent 68%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 40px)}
body[data-tone="dark"][data-bg="nb306"]::before,body[data-drama="1"][data-bg="nb306"]::before{background:radial-gradient(124% 114% at 34% 30%,color-mix(in srgb,oklch(0.72 0.15 38) 32%,transparent),transparent 68%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 40px)}
body[data-tone="dark"][data-bg="nb307"]::before,body[data-drama="1"][data-bg="nb307"]::before{background:radial-gradient(124% 114% at 68% 64%,color-mix(in srgb,oklch(0.72 0.15 300) 32%,transparent),transparent 68%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 40px)}
body[data-tone="dark"][data-bg="nb308"]::before,body[data-drama="1"][data-bg="nb308"]::before{background:radial-gradient(124% 114% at 34% 30%,color-mix(in srgb,oklch(0.72 0.15 190) 32%,transparent),transparent 68%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 40px)}
body[data-tone="dark"][data-bg="nb309"]::before,body[data-drama="1"][data-bg="nb309"]::before{background:radial-gradient(124% 114% at 68% 64%,color-mix(in srgb,oklch(0.72 0.15 150) 32%,transparent),transparent 68%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 40px)}
body[data-tone="dark"][data-bg="nb310"]::before,body[data-drama="1"][data-bg="nb310"]::before{background:radial-gradient(120% 165% at 50% 130%,color-mix(in srgb,var(--acc) 28%,transparent),transparent 66%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 40px)}
body[data-tone="dark"][data-bg="nb311"]::before,body[data-drama="1"][data-bg="nb311"]::before{background:radial-gradient(120% 165% at 50% 130%,color-mix(in srgb,oklch(0.72 0.15 250) 28%,transparent),transparent 66%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 40px)}
body[data-tone="dark"][data-bg="nb312"]::before,body[data-drama="1"][data-bg="nb312"]::before{background:radial-gradient(120% 165% at 50% 130%,color-mix(in srgb,oklch(0.72 0.15 38) 28%,transparent),transparent 66%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(60deg,color-mix(in srgb,var(--ink) 5%,transparent) 0 .8px,transparent .8px 40px),repeating-linear-gradient(120deg,color-mix(in srgb,var(--acc) 6%,transparent) 0 .8px,transparent .8px 40px)}
body:not([data-tone="dark"]):not([data-drama="1"])[data-glowfix="deepen"]:is([data-bg="nb231"],[data-bg="nb232"],[data-bg="nb233"],[data-bg="nb234"],[data-bg="nb235"],[data-bg="nb236"],[data-bg="nb237"],[data-bg="nb238"],[data-bg="nb239"],[data-bg="nb240"],[data-bg="nb241"],[data-bg="nb242"],[data-bg="nb243"],[data-bg="nb244"],[data-bg="nb245"],[data-bg="nb246"],[data-bg="nb247"],[data-bg="nb248"],[data-bg="nb249"],[data-bg="nb250"],[data-bg="nb251"],[data-bg="nb252"],[data-bg="nb253"],[data-bg="nb254"],[data-bg="nb255"],[data-bg="nb256"],[data-bg="nb257"],[data-bg="nb286"],[data-bg="nb287"],[data-bg="nb288"],[data-bg="nb289"],[data-bg="nb290"],[data-bg="nb291"],[data-bg="nb292"],[data-bg="nb293"],[data-bg="nb294"],[data-bg="nb295"],[data-bg="nb296"],[data-bg="nb297"],[data-bg="nb298"],[data-bg="nb299"],[data-bg="nb300"],[data-bg="nb301"],[data-bg="nb302"],[data-bg="nb303"],[data-bg="nb304"],[data-bg="nb305"],[data-bg="nb306"],[data-bg="nb307"],[data-bg="nb308"],[data-bg="nb309"],[data-bg="nb310"],[data-bg="nb311"],[data-bg="nb312"])::before{filter:opacity(var(--bg-intensity,1)) saturate(calc(var(--bg-sat,1) * 1.85)) contrast(calc(var(--bg-con,1) * 1.16)) brightness(.88)}
body:not([data-tone="dark"]):not([data-drama="1"])[data-glowfix="multiply"]:is([data-bg="nb231"],[data-bg="nb232"],[data-bg="nb233"],[data-bg="nb234"],[data-bg="nb235"],[data-bg="nb236"],[data-bg="nb237"],[data-bg="nb238"],[data-bg="nb239"],[data-bg="nb240"],[data-bg="nb241"],[data-bg="nb242"],[data-bg="nb243"],[data-bg="nb244"],[data-bg="nb245"],[data-bg="nb246"],[data-bg="nb247"],[data-bg="nb248"],[data-bg="nb249"],[data-bg="nb250"],[data-bg="nb251"],[data-bg="nb252"],[data-bg="nb253"],[data-bg="nb254"],[data-bg="nb255"],[data-bg="nb256"],[data-bg="nb257"],[data-bg="nb286"],[data-bg="nb287"],[data-bg="nb288"],[data-bg="nb289"],[data-bg="nb290"],[data-bg="nb291"],[data-bg="nb292"],[data-bg="nb293"],[data-bg="nb294"],[data-bg="nb295"],[data-bg="nb296"],[data-bg="nb297"],[data-bg="nb298"],[data-bg="nb299"],[data-bg="nb300"],[data-bg="nb301"],[data-bg="nb302"],[data-bg="nb303"],[data-bg="nb304"],[data-bg="nb305"],[data-bg="nb306"],[data-bg="nb307"],[data-bg="nb308"],[data-bg="nb309"],[data-bg="nb310"],[data-bg="nb311"],[data-bg="nb312"])::before{mix-blend-mode:multiply;filter:opacity(var(--bg-intensity,1)) saturate(calc(var(--bg-sat,1) * 1.35)) contrast(var(--bg-con,1))}
@keyframes bgdriftglobal{0%{background-position:0 0}50%{background-position:56px 40px}100%{background-position:0 0}}
body[data-bganim="on"][data-bg]:not([data-bg="none"])::before{animation:bgdriftglobal var(--bg-anim-dur,60s) linear infinite!important}
@keyframes bgglowbreathe{from{opacity:.78}to{opacity:1}}
body[data-bganim="on"][data-bg]:is([data-bg="nb231"],[data-bg="nb232"],[data-bg="nb233"],[data-bg="nb234"],[data-bg="nb235"],[data-bg="nb236"],[data-bg="nb237"],[data-bg="nb238"],[data-bg="nb239"],[data-bg="nb240"],[data-bg="nb241"],[data-bg="nb242"],[data-bg="nb243"],[data-bg="nb244"],[data-bg="nb245"],[data-bg="nb246"],[data-bg="nb247"],[data-bg="nb248"],[data-bg="nb249"],[data-bg="nb250"],[data-bg="nb251"],[data-bg="nb252"],[data-bg="nb253"],[data-bg="nb254"],[data-bg="nb255"],[data-bg="nb256"],[data-bg="nb257"],[data-bg="nb258"],[data-bg="nb259"],[data-bg="nb260"],[data-bg="nb261"],[data-bg="nb262"],[data-bg="nb263"],[data-bg="nb264"],[data-bg="nb265"],[data-bg="nb266"],[data-bg="nb267"],[data-bg="nb268"],[data-bg="nb269"],[data-bg="nb270"],[data-bg="nb271"],[data-bg="nb272"],[data-bg="nb273"],[data-bg="nb280"],[data-bg="nb281"],[data-bg="nb282"],[data-bg="nb283"],[data-bg="nb284"],[data-bg="nb285"],[data-bg="nb286"],[data-bg="nb287"],[data-bg="nb288"],[data-bg="nb289"],[data-bg="nb290"],[data-bg="nb291"],[data-bg="nb292"],[data-bg="nb293"],[data-bg="nb294"],[data-bg="nb295"],[data-bg="nb296"],[data-bg="nb297"],[data-bg="nb298"],[data-bg="nb299"],[data-bg="nb300"],[data-bg="nb301"],[data-bg="nb302"],[data-bg="nb303"],[data-bg="nb304"],[data-bg="nb305"],[data-bg="nb306"],[data-bg="nb307"],[data-bg="nb308"],[data-bg="nb309"],[data-bg="nb310"],[data-bg="nb311"],[data-bg="nb312"])::before{animation:bgglowbreathe var(--bg-anim-dur,60s) ease-in-out infinite alternate!important}
@media (prefers-reduced-motion:reduce){body[data-bganim="on"][data-bg]::before{animation:none!important}}
@keyframes nbpan{from{background-position:0 0}to{background-position:42px 30px}}
@keyframes nbpan2{from{background-position:0 0}to{background-position:240px 240px}}
@keyframes nbbreathe{from{opacity:.5}to{opacity:1}}
@keyframes nbglow{from{opacity:.78}to{opacity:1}}
@keyframes nbsheen{from{background-position:0% 50%}to{background-position:100% 50%}}
@media (prefers-reduced-motion:reduce){body[data-bg]::before{animation:none!important}}
@property --mla{syntax:"<color>";inherits:false;initial-value:transparent}
@property --mlb{syntax:"<color>";inherits:false;initial-value:transparent}
@property --mlc{syntax:"<color>";inherits:false;initial-value:transparent}
@property --mgl{syntax:"<color>";inherits:false;initial-value:transparent}
@property --mga{syntax:"<angle>";inherits:false;initial-value:0deg}
@property --mgr{syntax:"<percentage>";inherits:false;initial-value:0%}
body[data-bg="emfx01"]::before{--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,var(--acc) 8%,transparent);--mgl:color-mix(in srgb,var(--acc) 12%,transparent);animation:em_emfx01 13s ease-in-out infinite;background:repeating-linear-gradient(0deg,var(--mla) 0 0.9px,transparent 0.9px 40px),repeating-linear-gradient(60deg,var(--mlb) 0 0.9px,transparent 0.9px 40px),repeating-linear-gradient(120deg,var(--mlc) 0 0.9px,transparent 0.9px 40px),radial-gradient(124% 116% at 40% 32%,var(--mgl),transparent 76%)}
@keyframes em_emfx01{0%,38%{--mla:color-mix(in srgb,var(--acc) 15%,transparent);--mlb:color-mix(in srgb,var(--acc) 15%,transparent);--mlc:color-mix(in srgb,var(--acc) 18%,transparent);--mgl:color-mix(in srgb,var(--acc) 0%,transparent)}50%,88%{--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,var(--ink) 6%,transparent);--mgl:color-mix(in srgb,var(--acc) 14%,transparent)}100%{--mla:color-mix(in srgb,var(--acc) 15%,transparent);--mlb:color-mix(in srgb,var(--acc) 15%,transparent);--mlc:color-mix(in srgb,var(--acc) 18%,transparent);--mgl:color-mix(in srgb,var(--acc) 0%,transparent)}}
body[data-bg="emfx02"]::before{--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,oklch(0.72 0.15 250) 8%,transparent);--mgl:color-mix(in srgb,oklch(0.72 0.15 250) 12%,transparent);animation:em_emfx02 15s ease-in-out infinite;background:repeating-linear-gradient(0deg,var(--mla) 0 0.9px,transparent 0.9px 40px),repeating-linear-gradient(60deg,var(--mlb) 0 0.9px,transparent 0.9px 40px),repeating-linear-gradient(120deg,var(--mlc) 0 0.9px,transparent 0.9px 40px),radial-gradient(124% 116% at 40% 32%,var(--mgl),transparent 76%)}
@keyframes em_emfx02{0%,38%{--mla:color-mix(in srgb,oklch(0.72 0.15 250) 15%,transparent);--mlb:color-mix(in srgb,oklch(0.72 0.15 250) 15%,transparent);--mlc:color-mix(in srgb,oklch(0.72 0.15 250) 18%,transparent);--mgl:color-mix(in srgb,oklch(0.72 0.15 250) 0%,transparent)}50%,88%{--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,var(--ink) 6%,transparent);--mgl:color-mix(in srgb,oklch(0.72 0.15 250) 14%,transparent)}100%{--mla:color-mix(in srgb,oklch(0.72 0.15 250) 15%,transparent);--mlb:color-mix(in srgb,oklch(0.72 0.15 250) 15%,transparent);--mlc:color-mix(in srgb,oklch(0.72 0.15 250) 18%,transparent);--mgl:color-mix(in srgb,oklch(0.72 0.15 250) 0%,transparent)}}
body[data-bg="emfx03"]::before{--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,oklch(0.72 0.15 38) 8%,transparent);--mgl:color-mix(in srgb,oklch(0.72 0.15 38) 12%,transparent);animation:em_emfx03 17s ease-in-out infinite;background:repeating-linear-gradient(0deg,var(--mla) 0 0.9px,transparent 0.9px 40px),repeating-linear-gradient(60deg,var(--mlb) 0 0.9px,transparent 0.9px 40px),repeating-linear-gradient(120deg,var(--mlc) 0 0.9px,transparent 0.9px 40px),radial-gradient(124% 116% at 40% 32%,var(--mgl),transparent 76%)}
@keyframes em_emfx03{0%,38%{--mla:color-mix(in srgb,oklch(0.72 0.15 38) 15%,transparent);--mlb:color-mix(in srgb,oklch(0.72 0.15 38) 15%,transparent);--mlc:color-mix(in srgb,oklch(0.72 0.15 38) 18%,transparent);--mgl:color-mix(in srgb,oklch(0.72 0.15 38) 0%,transparent)}50%,88%{--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,var(--ink) 6%,transparent);--mgl:color-mix(in srgb,oklch(0.72 0.15 38) 14%,transparent)}100%{--mla:color-mix(in srgb,oklch(0.72 0.15 38) 15%,transparent);--mlb:color-mix(in srgb,oklch(0.72 0.15 38) 15%,transparent);--mlc:color-mix(in srgb,oklch(0.72 0.15 38) 18%,transparent);--mgl:color-mix(in srgb,oklch(0.72 0.15 38) 0%,transparent)}}
body[data-bg="emfx04"]::before{--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,oklch(0.72 0.15 150) 8%,transparent);--mgl:color-mix(in srgb,oklch(0.72 0.15 150) 12%,transparent);animation:em_emfx04 19s ease-in-out infinite;background:repeating-linear-gradient(0deg,var(--mla) 0 0.9px,transparent 0.9px 40px),repeating-linear-gradient(60deg,var(--mlb) 0 0.9px,transparent 0.9px 40px),repeating-linear-gradient(120deg,var(--mlc) 0 0.9px,transparent 0.9px 40px),radial-gradient(124% 116% at 40% 32%,var(--mgl),transparent 76%)}
@keyframes em_emfx04{0%,38%{--mla:color-mix(in srgb,oklch(0.72 0.15 150) 15%,transparent);--mlb:color-mix(in srgb,oklch(0.72 0.15 150) 15%,transparent);--mlc:color-mix(in srgb,oklch(0.72 0.15 150) 18%,transparent);--mgl:color-mix(in srgb,oklch(0.72 0.15 150) 0%,transparent)}50%,88%{--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,var(--ink) 6%,transparent);--mgl:color-mix(in srgb,oklch(0.72 0.15 150) 14%,transparent)}100%{--mla:color-mix(in srgb,oklch(0.72 0.15 150) 15%,transparent);--mlb:color-mix(in srgb,oklch(0.72 0.15 150) 15%,transparent);--mlc:color-mix(in srgb,oklch(0.72 0.15 150) 18%,transparent);--mgl:color-mix(in srgb,oklch(0.72 0.15 150) 0%,transparent)}}
body[data-bg="emfx05"]::before{--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,oklch(0.72 0.15 300) 8%,transparent);--mgl:color-mix(in srgb,oklch(0.72 0.15 300) 12%,transparent);animation:em_emfx05 13s ease-in-out infinite;background:repeating-linear-gradient(0deg,var(--mla) 0 0.9px,transparent 0.9px 40px),repeating-linear-gradient(60deg,var(--mlb) 0 0.9px,transparent 0.9px 40px),repeating-linear-gradient(120deg,var(--mlc) 0 0.9px,transparent 0.9px 40px),radial-gradient(124% 116% at 40% 32%,var(--mgl),transparent 76%)}
@keyframes em_emfx05{0%,38%{--mla:color-mix(in srgb,oklch(0.72 0.15 300) 15%,transparent);--mlb:color-mix(in srgb,oklch(0.72 0.15 300) 15%,transparent);--mlc:color-mix(in srgb,oklch(0.72 0.15 300) 18%,transparent);--mgl:color-mix(in srgb,oklch(0.72 0.15 300) 0%,transparent)}50%,88%{--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,var(--ink) 6%,transparent);--mgl:color-mix(in srgb,oklch(0.72 0.15 300) 14%,transparent)}100%{--mla:color-mix(in srgb,oklch(0.72 0.15 300) 15%,transparent);--mlb:color-mix(in srgb,oklch(0.72 0.15 300) 15%,transparent);--mlc:color-mix(in srgb,oklch(0.72 0.15 300) 18%,transparent);--mgl:color-mix(in srgb,oklch(0.72 0.15 300) 0%,transparent)}}
body[data-bg="emfx06"]::before{--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,oklch(0.72 0.15 190) 8%,transparent);--mgl:color-mix(in srgb,oklch(0.72 0.15 190) 12%,transparent);animation:em_emfx06 15s ease-in-out infinite;background:repeating-linear-gradient(0deg,var(--mla) 0 0.9px,transparent 0.9px 40px),repeating-linear-gradient(60deg,var(--mlb) 0 0.9px,transparent 0.9px 40px),repeating-linear-gradient(120deg,var(--mlc) 0 0.9px,transparent 0.9px 40px),radial-gradient(124% 116% at 40% 32%,var(--mgl),transparent 76%)}
@keyframes em_emfx06{0%,38%{--mla:color-mix(in srgb,oklch(0.72 0.15 190) 15%,transparent);--mlb:color-mix(in srgb,oklch(0.72 0.15 190) 15%,transparent);--mlc:color-mix(in srgb,oklch(0.72 0.15 190) 18%,transparent);--mgl:color-mix(in srgb,oklch(0.72 0.15 190) 0%,transparent)}50%,88%{--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,var(--ink) 6%,transparent);--mgl:color-mix(in srgb,oklch(0.72 0.15 190) 14%,transparent)}100%{--mla:color-mix(in srgb,oklch(0.72 0.15 190) 15%,transparent);--mlb:color-mix(in srgb,oklch(0.72 0.15 190) 15%,transparent);--mlc:color-mix(in srgb,oklch(0.72 0.15 190) 18%,transparent);--mgl:color-mix(in srgb,oklch(0.72 0.15 190) 0%,transparent)}}
body[data-bg="emfx07"]::before{--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,oklch(0.72 0.15 70) 8%,transparent);--mgl:color-mix(in srgb,oklch(0.72 0.15 70) 12%,transparent);animation:em_emfx07 17s ease-in-out infinite;background:repeating-linear-gradient(0deg,var(--mla) 0 0.9px,transparent 0.9px 40px),repeating-linear-gradient(60deg,var(--mlb) 0 0.9px,transparent 0.9px 40px),repeating-linear-gradient(120deg,var(--mlc) 0 0.9px,transparent 0.9px 40px),radial-gradient(124% 116% at 40% 32%,var(--mgl),transparent 76%)}
@keyframes em_emfx07{0%,38%{--mla:color-mix(in srgb,oklch(0.72 0.15 70) 15%,transparent);--mlb:color-mix(in srgb,oklch(0.72 0.15 70) 15%,transparent);--mlc:color-mix(in srgb,oklch(0.72 0.15 70) 18%,transparent);--mgl:color-mix(in srgb,oklch(0.72 0.15 70) 0%,transparent)}50%,88%{--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,var(--ink) 6%,transparent);--mgl:color-mix(in srgb,oklch(0.72 0.15 70) 14%,transparent)}100%{--mla:color-mix(in srgb,oklch(0.72 0.15 70) 15%,transparent);--mlb:color-mix(in srgb,oklch(0.72 0.15 70) 15%,transparent);--mlc:color-mix(in srgb,oklch(0.72 0.15 70) 18%,transparent);--mgl:color-mix(in srgb,oklch(0.72 0.15 70) 0%,transparent)}}
body[data-bg="emfx08"]::before{--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,oklch(0.72 0.15 350) 8%,transparent);--mgl:color-mix(in srgb,oklch(0.72 0.15 350) 12%,transparent);animation:em_emfx08 19s ease-in-out infinite;background:repeating-linear-gradient(0deg,var(--mla) 0 0.9px,transparent 0.9px 40px),repeating-linear-gradient(60deg,var(--mlb) 0 0.9px,transparent 0.9px 40px),repeating-linear-gradient(120deg,var(--mlc) 0 0.9px,transparent 0.9px 40px),radial-gradient(124% 116% at 40% 32%,var(--mgl),transparent 76%)}
@keyframes em_emfx08{0%,38%{--mla:color-mix(in srgb,oklch(0.72 0.15 350) 15%,transparent);--mlb:color-mix(in srgb,oklch(0.72 0.15 350) 15%,transparent);--mlc:color-mix(in srgb,oklch(0.72 0.15 350) 18%,transparent);--mgl:color-mix(in srgb,oklch(0.72 0.15 350) 0%,transparent)}50%,88%{--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,var(--ink) 6%,transparent);--mgl:color-mix(in srgb,oklch(0.72 0.15 350) 14%,transparent)}100%{--mla:color-mix(in srgb,oklch(0.72 0.15 350) 15%,transparent);--mlb:color-mix(in srgb,oklch(0.72 0.15 350) 15%,transparent);--mlc:color-mix(in srgb,oklch(0.72 0.15 350) 18%,transparent);--mgl:color-mix(in srgb,oklch(0.72 0.15 350) 0%,transparent)}}
body[data-bg="emfx09"]::before{--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,var(--acc) 8%,transparent);--mgl:color-mix(in srgb,var(--acc) 11%,transparent);animation:em_emfx09 13s ease-in-out infinite;background:repeating-linear-gradient(0deg,var(--mla) 0 0.9px,transparent 0.9px 40px),repeating-linear-gradient(60deg,var(--mlb) 0 0.9px,transparent 0.9px 40px),repeating-linear-gradient(120deg,var(--mlc) 0 0.9px,transparent 0.9px 40px),radial-gradient(120% 112% at 44% 40%,var(--mgl),transparent 72%)}
@keyframes em_emfx09{0%,100%{--mgl:color-mix(in srgb,var(--acc) 3%,transparent);--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,var(--ink) 6%,transparent)}50%{--mgl:color-mix(in srgb,var(--acc) 14%,transparent);--mla:color-mix(in srgb,var(--acc) 7%,transparent);--mlb:color-mix(in srgb,var(--acc) 7%,transparent);--mlc:color-mix(in srgb,var(--acc) 12%,transparent)}}
body[data-bg="emfx10"]::before{--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,oklch(0.72 0.15 250) 8%,transparent);--mgl:color-mix(in srgb,oklch(0.72 0.15 250) 11%,transparent);animation:em_emfx10 15s ease-in-out infinite;background:repeating-linear-gradient(0deg,var(--mla) 0 0.9px,transparent 0.9px 40px),repeating-linear-gradient(60deg,var(--mlb) 0 0.9px,transparent 0.9px 40px),repeating-linear-gradient(120deg,var(--mlc) 0 0.9px,transparent 0.9px 40px),radial-gradient(120% 112% at 44% 40%,var(--mgl),transparent 72%)}
@keyframes em_emfx10{0%,100%{--mgl:color-mix(in srgb,oklch(0.72 0.15 250) 3%,transparent);--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,var(--ink) 6%,transparent)}50%{--mgl:color-mix(in srgb,oklch(0.72 0.15 250) 14%,transparent);--mla:color-mix(in srgb,oklch(0.72 0.15 250) 7%,transparent);--mlb:color-mix(in srgb,oklch(0.72 0.15 250) 7%,transparent);--mlc:color-mix(in srgb,oklch(0.72 0.15 250) 12%,transparent)}}
body[data-bg="emfx11"]::before{--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,oklch(0.72 0.15 38) 8%,transparent);--mgl:color-mix(in srgb,oklch(0.72 0.15 38) 11%,transparent);animation:em_emfx11 17s ease-in-out infinite;background:repeating-linear-gradient(0deg,var(--mla) 0 0.9px,transparent 0.9px 40px),repeating-linear-gradient(60deg,var(--mlb) 0 0.9px,transparent 0.9px 40px),repeating-linear-gradient(120deg,var(--mlc) 0 0.9px,transparent 0.9px 40px),radial-gradient(120% 155% at 50% 128%,var(--mgl),transparent 70%)}
@keyframes em_emfx11{0%,100%{--mgl:color-mix(in srgb,oklch(0.72 0.15 38) 3%,transparent);--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,var(--ink) 6%,transparent)}50%{--mgl:color-mix(in srgb,oklch(0.72 0.15 38) 14%,transparent);--mla:color-mix(in srgb,oklch(0.72 0.15 38) 7%,transparent);--mlb:color-mix(in srgb,oklch(0.72 0.15 38) 7%,transparent);--mlc:color-mix(in srgb,oklch(0.72 0.15 38) 12%,transparent)}}
body[data-bg="emfx12"]::before{--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,oklch(0.72 0.15 300) 8%,transparent);--mgl:color-mix(in srgb,oklch(0.72 0.15 300) 11%,transparent);animation:em_emfx12 13s ease-in-out infinite;background:repeating-linear-gradient(0deg,var(--mla) 0 0.9px,transparent 0.9px 40px),repeating-linear-gradient(60deg,var(--mlb) 0 0.9px,transparent 0.9px 40px),repeating-linear-gradient(120deg,var(--mlc) 0 0.9px,transparent 0.9px 40px),radial-gradient(120% 112% at 44% 40%,var(--mgl),transparent 72%)}
@keyframes em_emfx12{0%,100%{--mgl:color-mix(in srgb,oklch(0.72 0.15 300) 3%,transparent);--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,var(--ink) 6%,transparent)}50%{--mgl:color-mix(in srgb,oklch(0.72 0.15 300) 14%,transparent);--mla:color-mix(in srgb,oklch(0.72 0.15 300) 7%,transparent);--mlb:color-mix(in srgb,oklch(0.72 0.15 300) 7%,transparent);--mlc:color-mix(in srgb,oklch(0.72 0.15 300) 12%,transparent)}}
body[data-bg="emfx13"]::before{--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,oklch(0.72 0.15 190) 8%,transparent);--mgl:color-mix(in srgb,oklch(0.72 0.15 190) 11%,transparent);animation:em_emfx13 15s ease-in-out infinite;background:repeating-linear-gradient(0deg,var(--mla) 0 0.9px,transparent 0.9px 40px),repeating-linear-gradient(60deg,var(--mlb) 0 0.9px,transparent 0.9px 40px),repeating-linear-gradient(120deg,var(--mlc) 0 0.9px,transparent 0.9px 40px),radial-gradient(120% 155% at 50% 128%,var(--mgl),transparent 70%)}
@keyframes em_emfx13{0%,100%{--mgl:color-mix(in srgb,oklch(0.72 0.15 190) 3%,transparent);--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,var(--ink) 6%,transparent)}50%{--mgl:color-mix(in srgb,oklch(0.72 0.15 190) 14%,transparent);--mla:color-mix(in srgb,oklch(0.72 0.15 190) 7%,transparent);--mlb:color-mix(in srgb,oklch(0.72 0.15 190) 7%,transparent);--mlc:color-mix(in srgb,oklch(0.72 0.15 190) 12%,transparent)}}
body[data-bg="emfx14"]::before{--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,var(--acc) 8%,transparent);--mgl:color-mix(in srgb,var(--acc) 15%,transparent);--mga:0deg;animation:em_emfx14r 19s linear infinite, em_emfx14p 7s ease-in-out infinite;background:repeating-linear-gradient(0deg,var(--mla) 0 0.9px,transparent 0.9px 38px),repeating-linear-gradient(60deg,var(--mlb) 0 0.9px,transparent 0.9px 38px),repeating-linear-gradient(120deg,var(--mlc) 0 0.9px,transparent 0.9px 38px),conic-gradient(from var(--mga) at 50% 46%,var(--mgl),transparent 22%,transparent 100%),radial-gradient(140% 122% at 50% 46%,transparent 54%,color-mix(in srgb,var(--ink) 11%,transparent))}
@keyframes em_emfx14r{from{--mga:0deg}to{--mga:360deg}}
@keyframes em_emfx14p{0%,100%{--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,var(--acc) 8%,transparent)}50%{--mla:color-mix(in srgb,var(--acc) 13%,transparent);--mlb:color-mix(in srgb,var(--acc) 13%,transparent);--mlc:color-mix(in srgb,var(--acc) 16%,transparent)}}
body[data-bg="emfx15"]::before{--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,oklch(0.72 0.15 250) 8%,transparent);--mgl:color-mix(in srgb,oklch(0.72 0.15 250) 15%,transparent);--mga:0deg;animation:em_emfx15r 21s linear infinite, em_emfx15p 8s ease-in-out infinite;background:repeating-linear-gradient(0deg,var(--mla) 0 0.9px,transparent 0.9px 38px),repeating-linear-gradient(60deg,var(--mlb) 0 0.9px,transparent 0.9px 38px),repeating-linear-gradient(120deg,var(--mlc) 0 0.9px,transparent 0.9px 38px),conic-gradient(from var(--mga) at 50% 46%,var(--mgl),transparent 22%,transparent 100%),radial-gradient(140% 122% at 50% 46%,transparent 54%,color-mix(in srgb,var(--ink) 11%,transparent))}
@keyframes em_emfx15r{from{--mga:0deg}to{--mga:360deg}}
@keyframes em_emfx15p{0%,100%{--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,oklch(0.72 0.15 250) 8%,transparent)}50%{--mla:color-mix(in srgb,oklch(0.72 0.15 250) 13%,transparent);--mlb:color-mix(in srgb,oklch(0.72 0.15 250) 13%,transparent);--mlc:color-mix(in srgb,oklch(0.72 0.15 250) 16%,transparent)}}
body[data-bg="emfx16"]::before{--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,oklch(0.72 0.15 38) 8%,transparent);--mgl:color-mix(in srgb,oklch(0.72 0.15 38) 15%,transparent);--mga:0deg;animation:em_emfx16r 23s linear infinite, em_emfx16p 9s ease-in-out infinite;background:repeating-linear-gradient(0deg,var(--mla) 0 0.9px,transparent 0.9px 38px),repeating-linear-gradient(60deg,var(--mlb) 0 0.9px,transparent 0.9px 38px),repeating-linear-gradient(120deg,var(--mlc) 0 0.9px,transparent 0.9px 38px),conic-gradient(from var(--mga) at 50% 46%,var(--mgl),transparent 22%,transparent 100%),radial-gradient(140% 122% at 50% 46%,transparent 54%,color-mix(in srgb,var(--ink) 11%,transparent))}
@keyframes em_emfx16r{from{--mga:0deg}to{--mga:360deg}}
@keyframes em_emfx16p{0%,100%{--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,oklch(0.72 0.15 38) 8%,transparent)}50%{--mla:color-mix(in srgb,oklch(0.72 0.15 38) 13%,transparent);--mlb:color-mix(in srgb,oklch(0.72 0.15 38) 13%,transparent);--mlc:color-mix(in srgb,oklch(0.72 0.15 38) 16%,transparent)}}
body[data-bg="emfx17"]::before{--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,var(--acc) 8%,transparent);--mgl:color-mix(in srgb,var(--acc) 16%,transparent);--mgr:54%;animation:em_emfx17 8s cubic-bezier(.2,.7,.3,1) infinite;background:repeating-linear-gradient(0deg,var(--mla) 0 0.9px,transparent 0.9px 40px),repeating-linear-gradient(60deg,var(--mlb) 0 0.9px,transparent 0.9px 40px),repeating-linear-gradient(120deg,var(--mlc) 0 0.9px,transparent 0.9px 40px),radial-gradient(circle at 50% 44%,transparent calc(var(--mgr) - 9%),var(--mgl) var(--mgr),transparent calc(var(--mgr) + 9%))}
@keyframes em_emfx17{0%{--mgr:0%;--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,var(--ink) 6%,transparent)}9%{--mla:color-mix(in srgb,var(--acc) 16%,transparent);--mlb:color-mix(in srgb,var(--acc) 16%,transparent);--mlc:color-mix(in srgb,var(--acc) 19%,transparent)}70%{--mgr:118%}100%{--mgr:140%;--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,var(--ink) 6%,transparent)}}
body[data-bg="emfx18"]::before{--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,oklch(0.72 0.15 250) 8%,transparent);--mgl:color-mix(in srgb,oklch(0.72 0.15 250) 16%,transparent);--mgr:54%;animation:em_emfx18 9s cubic-bezier(.2,.7,.3,1) infinite;background:repeating-linear-gradient(0deg,var(--mla) 0 0.9px,transparent 0.9px 40px),repeating-linear-gradient(60deg,var(--mlb) 0 0.9px,transparent 0.9px 40px),repeating-linear-gradient(120deg,var(--mlc) 0 0.9px,transparent 0.9px 40px),radial-gradient(circle at 26% 30%,transparent calc(var(--mgr) - 9%),var(--mgl) var(--mgr),transparent calc(var(--mgr) + 9%))}
@keyframes em_emfx18{0%{--mgr:0%;--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,var(--ink) 6%,transparent)}9%{--mla:color-mix(in srgb,oklch(0.72 0.15 250) 16%,transparent);--mlb:color-mix(in srgb,oklch(0.72 0.15 250) 16%,transparent);--mlc:color-mix(in srgb,oklch(0.72 0.15 250) 19%,transparent)}70%{--mgr:118%}100%{--mgr:140%;--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,var(--ink) 6%,transparent)}}
body[data-bg="emfx19"]::before{--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,oklch(0.72 0.15 38) 8%,transparent);--mgl:color-mix(in srgb,oklch(0.72 0.15 38) 16%,transparent);--mgr:54%;animation:em_emfx19 10s cubic-bezier(.2,.7,.3,1) infinite;background:repeating-linear-gradient(0deg,var(--mla) 0 0.9px,transparent 0.9px 40px),repeating-linear-gradient(60deg,var(--mlb) 0 0.9px,transparent 0.9px 40px),repeating-linear-gradient(120deg,var(--mlc) 0 0.9px,transparent 0.9px 40px),radial-gradient(circle at 74% 70%,transparent calc(var(--mgr) - 9%),var(--mgl) var(--mgr),transparent calc(var(--mgr) + 9%))}
@keyframes em_emfx19{0%{--mgr:0%;--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,var(--ink) 6%,transparent)}9%{--mla:color-mix(in srgb,oklch(0.72 0.15 38) 16%,transparent);--mlb:color-mix(in srgb,oklch(0.72 0.15 38) 16%,transparent);--mlc:color-mix(in srgb,oklch(0.72 0.15 38) 19%,transparent)}70%{--mgr:118%}100%{--mgr:140%;--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,var(--ink) 6%,transparent)}}
body[data-bg="emfx20"]::before{--mla:color-mix(in srgb,var(--acc) 16%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,var(--ink) 5%,transparent);--mgl:color-mix(in srgb,var(--acc) 9%,transparent);animation:em_emfx20 9s ease-in-out infinite;background:repeating-linear-gradient(0deg,var(--mla) 0 0.9px,transparent 0.9px 38px),repeating-linear-gradient(60deg,var(--mlb) 0 0.9px,transparent 0.9px 38px),repeating-linear-gradient(120deg,var(--mlc) 0 0.9px,transparent 0.9px 38px),radial-gradient(120% 112% at 50% 40%,var(--mgl),transparent 76%)}
@keyframes em_emfx20{0%,100%{--mla:color-mix(in srgb,var(--acc) 17%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,var(--ink) 5%,transparent);--mgl:color-mix(in srgb,var(--acc) 9%,transparent)}33%{--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,var(--acc) 17%,transparent);--mlc:color-mix(in srgb,var(--ink) 5%,transparent);--mgl:color-mix(in srgb,var(--acc) 9%,transparent)}66%{--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,var(--acc) 17%,transparent);--mgl:color-mix(in srgb,var(--acc) 9%,transparent)}}
body[data-bg="emfx21"]::before{--mla:color-mix(in srgb,oklch(0.72 0.15 250) 16%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,var(--ink) 5%,transparent);--mgl:color-mix(in srgb,oklch(0.72 0.15 250) 9%,transparent);animation:em_emfx21 10s ease-in-out infinite;background:repeating-linear-gradient(0deg,var(--mla) 0 0.9px,transparent 0.9px 38px),repeating-linear-gradient(60deg,var(--mlb) 0 0.9px,transparent 0.9px 38px),repeating-linear-gradient(120deg,var(--mlc) 0 0.9px,transparent 0.9px 38px),radial-gradient(120% 112% at 50% 40%,var(--mgl),transparent 76%)}
@keyframes em_emfx21{0%,100%{--mla:color-mix(in srgb,oklch(0.72 0.15 250) 17%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,var(--ink) 5%,transparent);--mgl:color-mix(in srgb,oklch(0.72 0.15 250) 9%,transparent)}33%{--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,oklch(0.72 0.15 250) 17%,transparent);--mlc:color-mix(in srgb,var(--ink) 5%,transparent);--mgl:color-mix(in srgb,oklch(0.72 0.15 250) 9%,transparent)}66%{--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,oklch(0.72 0.15 250) 17%,transparent);--mgl:color-mix(in srgb,oklch(0.72 0.15 250) 9%,transparent)}}
body[data-bg="emfx22"]::before{--mla:color-mix(in srgb,oklch(0.72 0.15 38) 16%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,var(--ink) 5%,transparent);--mgl:color-mix(in srgb,oklch(0.72 0.15 38) 9%,transparent);animation:em_emfx22 11s ease-in-out infinite;background:repeating-linear-gradient(0deg,var(--mla) 0 0.9px,transparent 0.9px 38px),repeating-linear-gradient(60deg,var(--mlb) 0 0.9px,transparent 0.9px 38px),repeating-linear-gradient(120deg,var(--mlc) 0 0.9px,transparent 0.9px 38px),radial-gradient(120% 112% at 50% 40%,var(--mgl),transparent 76%)}
@keyframes em_emfx22{0%,100%{--mla:color-mix(in srgb,oklch(0.72 0.15 38) 17%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,var(--ink) 5%,transparent);--mgl:color-mix(in srgb,oklch(0.72 0.15 38) 9%,transparent)}33%{--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,oklch(0.72 0.15 38) 17%,transparent);--mlc:color-mix(in srgb,var(--ink) 5%,transparent);--mgl:color-mix(in srgb,oklch(0.72 0.15 38) 9%,transparent)}66%{--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,oklch(0.72 0.15 38) 17%,transparent);--mgl:color-mix(in srgb,oklch(0.72 0.15 38) 9%,transparent)}}
body[data-bg="emfx23"]::before{--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,var(--acc) 8%,transparent);--mgl:color-mix(in srgb,var(--acc) 11%,transparent);animation:em_emfx23 14s ease-in-out infinite;background:repeating-linear-gradient(0deg,var(--mla) 0 0.9px,transparent 0.9px 40px),repeating-linear-gradient(60deg,var(--mlb) 0 0.9px,transparent 0.9px 40px),repeating-linear-gradient(120deg,var(--mlc) 0 0.9px,transparent 0.9px 40px),radial-gradient(110% 175% at 50% 130%,var(--mgl),transparent 72%)}
@keyframes em_emfx23{0%,100%{--mgl:color-mix(in srgb,var(--acc) 5%,transparent);--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,var(--ink) 6%,transparent)}50%{--mgl:color-mix(in srgb,var(--acc) 15%,transparent);--mla:color-mix(in srgb,var(--acc) 8%,transparent);--mlb:color-mix(in srgb,var(--acc) 10%,transparent);--mlc:color-mix(in srgb,var(--acc) 15%,transparent)}}
body[data-bg="emfx24"]::before{--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,oklch(0.72 0.15 38) 8%,transparent);--mgl:color-mix(in srgb,oklch(0.72 0.15 38) 11%,transparent);animation:em_emfx24 16s ease-in-out infinite;background:repeating-linear-gradient(0deg,var(--mla) 0 0.9px,transparent 0.9px 40px),repeating-linear-gradient(60deg,var(--mlb) 0 0.9px,transparent 0.9px 40px),repeating-linear-gradient(120deg,var(--mlc) 0 0.9px,transparent 0.9px 40px),radial-gradient(110% 175% at 50% 132%,var(--mgl),transparent 72%)}
@keyframes em_emfx24{0%,100%{--mgl:color-mix(in srgb,oklch(0.72 0.15 38) 5%,transparent);--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,var(--ink) 6%,transparent)}50%{--mgl:color-mix(in srgb,oklch(0.72 0.15 38) 15%,transparent);--mla:color-mix(in srgb,oklch(0.72 0.15 38) 8%,transparent);--mlb:color-mix(in srgb,oklch(0.72 0.15 38) 10%,transparent);--mlc:color-mix(in srgb,oklch(0.72 0.15 38) 15%,transparent)}}
body[data-bg="emfx25"]::before{--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,oklch(0.72 0.15 350) 8%,transparent);--mgl:color-mix(in srgb,oklch(0.72 0.15 350) 11%,transparent);animation:em_emfx25 18s ease-in-out infinite;background:repeating-linear-gradient(0deg,var(--mla) 0 0.9px,transparent 0.9px 40px),repeating-linear-gradient(60deg,var(--mlb) 0 0.9px,transparent 0.9px 40px),repeating-linear-gradient(120deg,var(--mlc) 0 0.9px,transparent 0.9px 40px),radial-gradient(110% 175% at 30% 130%,var(--mgl),transparent 72%)}
@keyframes em_emfx25{0%,100%{--mgl:color-mix(in srgb,oklch(0.72 0.15 350) 5%,transparent);--mla:color-mix(in srgb,var(--ink) 5%,transparent);--mlb:color-mix(in srgb,var(--ink) 5%,transparent);--mlc:color-mix(in srgb,var(--ink) 6%,transparent)}50%{--mgl:color-mix(in srgb,oklch(0.72 0.15 350) 15%,transparent);--mla:color-mix(in srgb,oklch(0.72 0.15 350) 8%,transparent);--mlb:color-mix(in srgb,oklch(0.72 0.15 350) 10%,transparent);--mlc:color-mix(in srgb,oklch(0.72 0.15 350) 15%,transparent)}}
@media (prefers-reduced-motion:reduce){body[data-bg^="emfx"]::before{animation:none!important}}
.pdp-grid{display:grid;grid-template-columns:1.05fr .95fr;border:1px solid var(--line-3);border-radius:var(--r);overflow:hidden;margin-top:18px}
.gallery{padding:34px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}
.gstage{position:relative;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:linear-gradient(0deg,transparent 23px,var(--line-2) 24px) 0 0/100% 24px,linear-gradient(90deg,transparent 23px,var(--line-2) 24px) 0 0/24px 100%,var(--plate)}
.gstage .cn{position:absolute;font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;color:var(--mut);z-index:2;text-transform:uppercase}
.gstage .c-tl{top:13px;left:14px}
.gview{position:relative;height:470px;overflow:hidden}
.gview image-slot{width:100%;height:100%}
.thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}
.thumb{position:relative;aspect-ratio:1/1;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;cursor:pointer;background:var(--plate)}
.thumb.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.thumb image-slot{width:100%;height:100%}
.thumb .lb{position:absolute;bottom:4px;left:5px;font-family:var(--mono);font-size:7px;letter-spacing:.06em;color:var(--faint)}
.info{padding:34px 38px}
.brandline{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.brandline .bd{font-family:var(--exp);font-stretch:var(--exp-w);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.02em}
.brandline .pnl{font-family:var(--mono);font-size:11px;color:var(--mut);padding-left:14px;border-left:1px solid var(--line-2)}
.info h1{font-size:clamp(26px,3vw,40px);font-weight:600;letter-spacing:-.025em;line-height:1.03}
.info .sub{font-family:var(--sans);font-size:15.5px;color:var(--ink-2);margin-top:14px;line-height:1.6;max-width:48ch}
.rating{display:flex;align-items:center;gap:10px;margin-top:16px;font-family:var(--mono);font-size:11.5px;color:var(--ink-2)}
.rating .stars{color:var(--acc);letter-spacing:2px}
.pricebox{border:1px solid var(--line-3);border-radius:var(--r);overflow:hidden;background:var(--card);margin-top:26px}
.pr-head{display:flex;align-items:baseline;gap:14px;padding:22px 24px 0}
.pr-head .ex{font-family:var(--exp);font-stretch:var(--exp-w);font-size:40px;font-weight:800;letter-spacing:-.018em;font-feature-settings:"tnum" 1,"zero" 1}
.pr-head .inc{font-family:var(--mono);font-size:12px;color:var(--mut)}
.tiers{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:22px}
.tier{border-left:1px solid var(--line);padding:12px 16px;text-align:center}
.tier:first-child{border-left:0}
.tier .q{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.tier .v{font-family:var(--sans);font-size:16px;font-weight:700;margin-top:5px;font-feature-settings:"tnum" 1}
.tier.best{background:color-mix(in srgb,var(--acc) 14%,transparent)}
.tier.best .q,.tier.best .v{color:var(--acc)}
.stockline{display:flex;align-items:center;gap:11px;padding:16px 24px;border-top:1px solid var(--line);font-family:var(--mono);font-size:12px}
.stockline .dot{width:7px;height:7px;border-radius:50%;background:var(--ok)}
.stockline.low .dot{background:var(--acc)}
.stockline b{color:var(--ok)}
.stockline.low b{color:var(--acc)}
.stockline .disp{color:var(--mut);padding-left:13px;border-left:1px solid var(--line-2)}
.buyrow{display:flex;gap:12px;padding:0 24px 24px}
.buyrow .btn{flex:1}
.stepper{display:inline-flex;align-items:center;border:1px solid var(--line-3);border-radius:var(--r);background:var(--card);height:50px;overflow:hidden}
.stepper button{width:44px;height:100%;border:0;background:none;cursor:pointer;font-size:18px;color:var(--ink-2)}
.stepper button:hover{background:var(--ink);color:#fff}
.stepper input{width:46px;height:100%;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);text-align:center;font-family:var(--mono);font-size:14px;font-weight:600;outline:none;background:transparent;-moz-appearance:textfield}
.stepper input::-webkit-outer-spin-button,.stepper input::-webkit-inner-spin-button{-webkit-appearance:none}
.iconbtn{width:50px;height:50px;border:1px solid var(--line-3);border-radius:var(--r);background:var(--card);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink)}
.iconbtn:hover{background:var(--ink);color:#fff}
.iconbtn svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.6;fill:none}
.assure{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-top:24px}
.assure .a{padding:18px 20px;display:flex;gap:12px;align-items:flex-start;border-left:1px solid var(--line);border-top:1px solid var(--line)}
.assure .a:nth-child(-n+2){border-top:0}
.assure .a:nth-child(2n+1){border-left:0}
.assure .a svg{width:18px;height:18px;stroke:var(--ink);stroke-width:1.6;fill:none;flex:none;margin-top:1px}
.assure .a .t{font-size:13px;font-weight:600}
.assure .a .d{font-family:var(--mono);font-size:10px;color:var(--ink-2);margin-top:4px;line-height:1.5}
.pdp-lower{margin-top:64px;display:grid;grid-template-columns:1fr 360px;gap:54px;align-items:start}
.secblock{margin-bottom:48px}
.secblock .h{display:flex;align-items:baseline;gap:14px;padding-bottom:16px;margin-bottom:20px;border-bottom:1px solid var(--line-3)}
.secblock .h h3{font-family:var(--exp);font-stretch:var(--exp-w);font-size:22px;font-weight:800;text-transform:uppercase}
.secblock p{color:var(--ink-2);font-size:15px;line-height:1.7;max-width:64ch}
.secblock p+p{margin-top:14px}
.spectable{width:100%;border-collapse:collapse}
.spectable tr{border-bottom:1px solid var(--line)}
.spectable td{padding:13px 0;font-size:14px;vertical-align:top}
.spectable td.k{font-family:var(--mono);font-size:11.5px;color:var(--mut);width:46%}
.spectable td.v{font-weight:500;font-family:var(--mono);font-size:13px}
.downloads{display:flex;flex-direction:column}
.dl{display:flex;align-items:center;gap:15px;border:1px solid var(--line-3);padding:15px 18px;background:var(--card);margin-top:-1px;transition:background .15s,padding-left .15s}
.dl:hover{background:var(--surface);padding-left:24px}
.dl svg.f{width:20px;height:20px;stroke:var(--acc);stroke-width:1.5;fill:none;flex:none}
.dl .m{flex:1}
.dl .m .t{font-size:14px;font-weight:600}
.dl .m .d{font-family:var(--mono);font-size:10px;color:var(--mut);margin-top:3px}
.dl .arr{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.sidecard{border:1px solid var(--line-3);border-radius:var(--r);background:var(--surface);padding:24px;position:sticky;top:170px}
.sidecard h4{font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin-bottom:16px}
.factrow{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid var(--line);font-size:13px}
.factrow:last-child{border-bottom:0}
.factrow .k{color:var(--mut);font-family:var(--mono);font-size:11px}
.factrow .v{font-weight:600;text-align:right;font-family:var(--mono);font-size:12.5px}
.helpbox{margin-top:18px;border:1px solid var(--line-3);border-radius:var(--r);background:var(--ink);color:#edeae0;padding:20px}
.helpbox .t{font-size:14px;font-weight:600;color:#fff}
.helpbox .d{font-family:var(--mono);font-size:10.5px;color:#9c988c;margin-top:8px;line-height:1.65}
.helpbox .ph{font-family:var(--mono);font-size:16px;font-weight:600;color:var(--acc);margin-top:12px}
.related{margin-top:8px}
@media (max-width:1080px){.pdp-grid{grid-template-columns:1fr}.gallery{border-right:0;border-bottom:1px solid var(--line)}.pdp-lower{grid-template-columns:1fr}.sidecard{position:static}}
@media (max-width:680px){
    .info{padding:26px 18px}
    .gallery{padding:18px}.gview{height:300px}
    .assure{grid-template-columns:1fr;margin-top:20px}
    .assure .a{border-left:0!important}.assure .a:nth-child(2){border-top:1px solid var(--line)}
    /* buy row: qty + save stay paired on the top line, Add fills the line below */
    .buyrow{flex-wrap:wrap;gap:10px}
    .buyrow .stepper{order:1}
    .buyrow .iconbtn{order:2}
    .buyrow .btn{order:3;flex:1 1 100%}
    /* tighten the rhythm between the long-form sections */
    .pdp-lower{margin-top:40px;gap:0}
    .secblock{margin-bottom:32px}
    .secblock .h h3{font-size:18px}
    .related{margin-top:24px}
  }
/* ══ Meaningful PDP directions (Tweaks) ══════════════════════ */
  /* READING ORDER · Spec-led — technical buyers see specs before prose */
  body[data-order="spec"] .pdp-lower>div{display:flex;flex-direction:column}
body[data-order="spec"] .pdp-lower>div>.secblock:nth-of-type(1){order:2}
body[data-order="spec"] .pdp-lower>div>.secblock:nth-of-type(2){order:1}
body[data-order="spec"] .pdp-lower>div>.secblock:nth-of-type(3){order:3}
/* DENSITY · Compact — tighter rhythm for trade users scanning specs */
  body[data-density="compact"] .info{padding:26px 30px}
body[data-density="compact"] .info .sub{margin-top:10px;font-size:14.5px;line-height:1.5}
body[data-density="compact"] .rating{margin-top:11px}
body[data-density="compact"] .pricebox{margin-top:18px}
body[data-density="compact"] .pr-head{padding:16px 20px 0}
body[data-density="compact"] .tiers{margin-top:16px}
body[data-density="compact"] .tier{padding:9px 14px}
body[data-density="compact"] .stockline{padding:12px 20px}
body[data-density="compact"] .buyrow{padding:0 20px 20px}
body[data-density="compact"] .assure{margin-top:18px}
body[data-density="compact"] .assure .a{padding:13px 15px}
body[data-density="compact"] .pdp-lower{margin-top:46px}
body[data-density="compact"] .secblock{margin-bottom:32px}
body[data-density="compact"] .secblock p{font-size:14px;line-height:1.62}
body[data-density="compact"] .spectable td{padding:9px 0;font-size:13px}
body[data-density="compact"] .dl{padding:12px 16px}
/* BUY PANEL · Inverted — high-contrast dark block */
  body[data-buy="inverted"] .pricebox{background:var(--ink);border-color:var(--ink)}
body[data-buy="inverted"] .pr-head .ex{color:#fff}
body[data-buy="inverted"] .pr-head .inc{color:#a39e90}
body[data-buy="inverted"] .tiers,body[data-buy="inverted"] .stockline,body[data-buy="inverted"] .tier{border-color:rgba(255,255,255,.13)}
body[data-buy="inverted"] .tier .q{color:#a39e90}
body[data-buy="inverted"] .tier .v{color:#fff}
body[data-buy="inverted"] .tier.best{background:color-mix(in srgb,var(--acc) 32%,transparent)}
body[data-buy="inverted"] .tier.best .q,body[data-buy="inverted"] .tier.best .v{color:#fff}
body[data-buy="inverted"] .stockline b{color:#fff}
body[data-buy="inverted"] .stockline .disp{color:#a39e90;border-left-color:rgba(255,255,255,.13)}
body[data-buy="inverted"] .stepper{background:transparent;border-color:rgba(255,255,255,.24)}
body[data-buy="inverted"] .stepper input{color:#fff;border-color:rgba(255,255,255,.13)}
body[data-buy="inverted"] .stepper button{color:#cfcabb}
body[data-buy="inverted"] .stepper button:hover{background:#fff;color:var(--ink)}
body[data-buy="inverted"] .iconbtn{background:transparent;border-color:rgba(255,255,255,.24);color:#fff}
body[data-buy="inverted"] .iconbtn:hover{background:#fff;color:var(--ink)}
/* BUY PANEL · Clean — calmer hierarchy, fewer competing rules, legible volume pricing */
  body[data-buy="clean"] .pricebox{border-color:var(--line-2)}
/* price stands alone; the ex-VAT note drops to a quiet line beneath it */
  body[data-buy="clean"] .pr-head{flex-direction:column;align-items:flex-start;gap:3px;padding:24px 24px 0}
body[data-buy="clean"] .pr-head .ex{font-size:46px;line-height:.98}
body[data-buy="clean"] .pr-head .inc{font-size:11.5px}
/* volume pricing becomes one inset module — best tier marked by an accent underline, not a fill block */
  body[data-buy="clean"] .tiers{margin:18px 24px 2px;border:1px solid var(--line)}
body[data-buy="clean"] .tier{padding:11px 12px}
body[data-buy="clean"] .tier .q{font-size:9px;letter-spacing:.1em}
body[data-buy="clean"] .tier.best{background:transparent;box-shadow:inset 0 -2.5px 0 var(--acc)}
body[data-buy="clean"] .tier.best .q,body[data-buy="clean"] .tier.best .v{color:var(--acc)}
/* drop the redundant full-width hairlines; let spacing carry the rhythm */
  body[data-buy="clean"] .stockline{border-top:0;margin-top:4px;padding-top:6px}
body[data-buy="clean"] .buyrow{padding-top:6px}
/* STICKY BUY BAR · slides up once the in-page buy panel scrolls away */
  .buybar{position:fixed;left:0;right:0;bottom:-130px;z-index:55;background:var(--card);border-top:1px solid var(--line-3);transition:bottom .3s cubic-bezier(.4,0,.2,1);box-shadow:0 -8px 30px rgba(22,22,26,.08)}
.bb-wrap{max-width:var(--maxw);margin:0 auto;padding:13px var(--gut);display:flex;align-items:center;justify-content:space-between;gap:28px}
.bb-id{display:flex;flex-direction:column;gap:4px;min-width:0}
.bb-nm{font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bb-pn{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
.bb-act{display:flex;align-items:center;gap:18px;flex:none}
.bb-price{display:flex;flex-direction:column;align-items:flex-end;line-height:1.1}
.bb-price b{font-family:var(--exp);font-stretch:var(--exp-w);font-weight:800;font-size:21px;letter-spacing:-.01em;font-feature-settings:"tnum" 1}
.bb-price span{font-family:var(--mono);font-size:9.5px;color:var(--mut);margin-top:2px}
.bb-act .stepper{height:46px}
.bb-act .btn{height:46px;white-space:nowrap}
@media (max-width:680px){.bb-id{display:none}.bb-wrap{justify-content:space-between;gap:12px;padding:11px var(--gut)}.bb-act{flex:1;gap:12px;justify-content:flex-end}.bb-act .stepper{display:none}.bb-act .btn{flex:1}}
.cart-grid{display:grid;grid-template-columns:1fr 380px;gap:48px;align-items:start;margin-top:8px}
.lines{border:1px solid var(--line-3);border-radius:var(--r);overflow:hidden}
.lhd{display:grid;grid-template-columns:84px 1fr 116px 120px 120px 40px;align-items:center;gap:18px;padding:13px 22px;border-bottom:1px solid var(--line-3);font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
.lhd .r{text-align:right}
.lrowc{display:grid;grid-template-columns:84px 1fr 116px 120px 120px 40px;align-items:center;gap:18px;padding:20px 22px;border-bottom:1px solid var(--line)}
.lrowc:last-child{border-bottom:0}
.lrowc .th{width:84px;height:84px;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--plate)}
.lrowc .th image-slot{width:100%;height:100%}
.lrowc .nm{font-size:15px;font-weight:600;letter-spacing:-.01em}
.lrowc .meta{font-family:var(--mono);font-size:10px;color:var(--mut);margin-top:5px}
.lrowc .stepper{display:inline-flex;align-items:center;border:1px solid var(--line-2);border-radius:var(--r);overflow:hidden;height:36px}
.lrowc .stepper button{width:34px;height:100%;border:0;background:none;cursor:pointer;font-size:15px;color:var(--ink-2)}
.lrowc .stepper button:hover{color:var(--acc)}
.lrowc .stepper span{min-width:30px;text-align:center;font-family:var(--mono);font-size:13px;font-weight:600}
.lrowc .ea{font-family:var(--mono);font-size:11px;color:var(--mut);text-align:right}
.lrowc .lt{font-family:var(--mono);font-size:15px;font-weight:600;text-align:right}
.lrowc .rm{width:32px;height:32px;border:1px solid var(--line-2);border-radius:var(--r);background:var(--card);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--mut);justify-self:end}
.lrowc .rm:hover{background:var(--acc);border-color:var(--acc);color:#fff}
.lrowc .rm svg{width:13px;height:13px;stroke:currentColor;stroke-width:2;fill:none}
.cartfoot{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-top:1px solid var(--line-3);font-family:var(--mono);font-size:11px;color:var(--mut)}
.cartfoot a{color:var(--ink-2)}
.cartfoot a:hover{color:var(--acc)}
.summary{border:1px solid var(--line-3);border-radius:var(--r);background:var(--surface);padding:26px 24px;position:sticky;top:170px}
.summary h3{font-family:var(--exp);font-stretch:var(--exp-w);font-size:16px;font-weight:800;text-transform:uppercase;margin-bottom:18px}
.srow{display:flex;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:12.5px;color:var(--ink-2);padding:9px 0;border-bottom:1px solid var(--line)}
.srow .free{color:var(--ok)}
.srow.total{font-size:18px;font-weight:600;color:var(--ink);border-bottom:0;padding-top:15px}
.summary .btn{margin-top:18px}
.summary .note{font-family:var(--mono);font-size:10px;color:var(--mut);text-align:center;margin-top:14px;line-height:1.7}
.promo{display:flex;gap:8px;margin:16px 0 4px}
.promo input{flex:1;border:1px solid var(--line-2);border-radius:var(--r);background:var(--card);padding:0 12px;height:42px;font-family:var(--mono);font-size:12px;outline:none}
.promo button{border:1px solid var(--ink);border-radius:var(--r);background:var(--card);padding:0 16px;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.promo button:hover{background:var(--ink);color:#fff}
.emptywrap{border:1px solid var(--line-3);border-radius:var(--r);padding:72px 40px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px}
.emptywrap svg{width:42px;height:42px;stroke:var(--line-2);stroke-width:1.3;fill:none}
.emptywrap h2{font-family:var(--exp);font-stretch:var(--exp-w);font-size:24px;font-weight:800;text-transform:uppercase}
.emptywrap p{font-family:var(--mono);font-size:12px;color:var(--mut)}
@media (max-width:1080px){.cart-grid{grid-template-columns:1fr}.summary{position:static}}
@media (max-width:680px){.lhd{display:none}.lrowc{grid-template-columns:64px 1fr auto;gap:14px}.lrowc .th{width:64px;height:64px}.lrowc .ea,.lrowc .stepper{grid-column:2}.lrowc .lt{grid-column:3}.lrowc .rm{grid-column:3;justify-self:end}}
/* ══ Order table — readability (Directions → Order table) ════════
     Levers chosen to survive the runtime theme sheet: type scale,
     ink contrast, column rules and numeral alignment — no row fills. */

  /* tabular figures in every variant so the price columns line up digit-for-digit */
  .lrowc .ea,.lrowc .lt,.lrowc .stepper span,.srow span{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}
/* LEGIBLE · default — more air per row + stronger type hierarchy:
     darker part name, a larger ink-black line total, brighter unit price. */
  body[data-cart="legible"] .lrowc{padding-top:24px;padding-bottom:24px}
body[data-cart="legible"] .lrowc .nm{font-size:16.5px;color:var(--ink)}
body[data-cart="legible"] .lrowc .meta{font-size:11px}
body[data-cart="legible"] .lrowc .ea{font-size:12px;color:var(--ink-2)}
body[data-cart="legible"] .lrowc .lt{font-size:18px;color:var(--ink)}
body[data-cart="legible"] .lhd{color:var(--ink-2)}
/* LEDGER — accountant's grid: vertical rules fence off the numeric
     block and the column heads sit on a heavy ink underline. */
  body[data-cart="ledger"] .lhd{border-bottom:2px solid var(--ink);color:var(--ink-2)}
body[data-cart="ledger"] .lrowc{border-bottom-color:var(--line-2)}
body[data-cart="ledger"] .lhd .r,
  body[data-cart="ledger"] .lrowc .stepper{position:relative}
body[data-cart="ledger"] .lrowc .ea,
  body[data-cart="ledger"] .lrowc .lt{border-left:1px solid var(--line-2);padding-left:20px}
body[data-cart="ledger"] .lrowc .lt{font-weight:700;color:var(--ink)}
/* STANDARD — original compact table, no extra rules */

body[data-bg="gen001"]::before{background:repeating-linear-gradient(0deg,transparent 0 15px,color-mix(in srgb,var(--ink) 5%,transparent) 15px 16px)}
.steps{display:flex;align-items:center;gap:0;margin:22px 0 30px}
.step{display:flex;align-items:center;gap:11px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.step .n{width:24px;height:24px;border:1px solid var(--line-2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--mut)}
.step.on{color:var(--ink)}
.step.on .n{background:var(--acc);border-color:var(--acc);color:#fff}
.step.done .n{background:var(--ink);border-color:var(--ink);color:var(--card)}
.step.done{color:var(--ink-2)}
/* dark / dramatic grounds: --ink is light, so flip the chip's numeral to the dark paper ground */
  body[data-tone="dark"] .step.done .n,
  body[data-drama="1"] .step.done .n,
  body[data-tone="dark"] .coi .th .q,
  body[data-drama="1"] .coi .th .q{color:var(--paper)}
.steps .bar{width:54px;height:1px;background:var(--faint);margin:0 22px}
.co-grid{display:grid;grid-template-columns:1fr 380px;gap:48px;align-items:start}
.fsec{border:1px solid var(--line);border-radius:var(--r);background:var(--card);margin-bottom:26px;box-shadow:0 1px 2px rgba(22,22,26,.03)}
.fsec .fh{display:flex;align-items:baseline;gap:13px;padding:20px 26px 16px}
.fsec .fh h3{font-family:var(--exp);font-stretch:var(--exp-w);font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:.01em}
.fbody{padding:6px 26px 26px}
.ff{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.field{display:flex;flex-direction:column;gap:8px}
.field.full{grid-column:1/-1}
.field label{font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}
.field input,.field select{height:48px;border:1px solid var(--line-2);border-radius:var(--r);background:var(--surface);padding:0 14px;font-family:var(--sans);font-size:14.5px;color:var(--ink);outline:none;transition:border-color .15s,background .15s}
.field input::placeholder{color:var(--faint)}
.field input:focus,.field select:focus{border-color:var(--ink);background:var(--card)}
.opt{display:flex;align-items:flex-start;gap:13px;border:1px solid var(--line-2);border-radius:var(--r);padding:15px 16px;cursor:pointer;margin-top:10px;transition:border-color .15s,background .15s}
.opt:first-child{margin-top:0}
.opt:not(.on):hover{border-color:var(--mut)}
.opt.on{border-color:var(--ink);background:var(--surface)}
.opt .radio{width:18px;height:18px;border:1px solid var(--line-2);border-radius:50%;flex:none;margin-top:1px;display:flex;align-items:center;justify-content:center}
.opt.on .radio{border-color:var(--acc)}
.opt.on .radio::after{content:"";width:9px;height:9px;border-radius:50%;background:var(--acc)}
.opt .ot{font-size:14px;font-weight:600}
.opt .od{font-family:var(--mono);font-size:10.5px;color:var(--mut);margin-top:4px}
.opt .op{margin-left:auto;font-family:var(--mono);font-size:13px;font-weight:600;white-space:nowrap}
.opt .op.free{color:var(--ok)}
.co-summary{border:1px solid var(--line);border-radius:var(--r);background:var(--card);position:sticky;top:170px;overflow:hidden;box-shadow:0 1px 2px rgba(22,22,26,.03)}
.co-summary .sh{padding:18px 22px;border-bottom:1px solid var(--line);font-family:var(--exp);font-stretch:var(--exp-w);font-size:14px;font-weight:800;text-transform:uppercase;letter-spacing:.01em}
.co-items{padding:8px 22px;max-height:280px;overflow-y:auto}
.coi{display:grid;grid-template-columns:48px 1fr auto;gap:13px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}
.coi:last-child{border-bottom:0}
.coi .th{width:48px;height:48px;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--plate);position:relative}
.coi .th image-slot{width:100%;height:100%}
.coi .th .q{position:absolute;top:-7px;right:-7px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--ink);color:#fff;font-family:var(--mono);font-size:9px;display:flex;align-items:center;justify-content:center;border:2px solid var(--surface)}
.coi .nm{font-size:12.5px;font-weight:600;line-height:1.3}
.coi .pnl{font-family:var(--mono);font-size:9px;color:var(--mut);margin-top:3px}
.coi .lt{font-family:var(--mono);font-size:12.5px;font-weight:600;white-space:nowrap}
.co-tot{padding:18px 22px;border-top:1px solid var(--line)}
.srow{display:flex;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:12px;color:var(--ink-2);padding:6px 0;border-bottom:0}
.srow.total{font-size:17px;font-weight:600;color:var(--ink);padding-top:13px;margin-top:7px;border-top:1px solid var(--line-2)}
.co-tot .btn{margin-top:18px}
.co-tot .note{font-family:var(--mono);font-size:10px;color:var(--mut);text-align:center;margin-top:13px;line-height:1.7}
.confirm{border:1px solid var(--line);border-radius:var(--r);padding:60px 40px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;background:var(--card);box-shadow:0 1px 2px rgba(22,22,26,.03)}
.confirm .tick{width:60px;height:60px;border-radius:50%;background:var(--ok);display:flex;align-items:center;justify-content:center}
.confirm .tick svg{width:30px;height:30px;stroke:#fff;stroke-width:2.4;fill:none}
.confirm h2{font-family:var(--exp);font-stretch:var(--exp-w);font-size:28px;font-weight:800;text-transform:uppercase}
.confirm p{font-family:var(--mono);font-size:12.5px;color:var(--mut);max-width:46ch;line-height:1.7}
.confirm .ono{font-family:var(--mono);font-size:13px;font-weight:600;border:1px solid var(--line-2);padding:10px 18px}
@media (max-width:1080px){.co-grid{grid-template-columns:1fr}.co-summary{position:static}}
@media (max-width:680px){.ff{grid-template-columns:1fr}.steps .bar{width:22px;margin:0 10px}.step span:not(.n){display:none}}