/* Rank badge system v2. Tier colour via --rk; future paid styles hook in via [data-style] (none shipped). */
.rkcard{margin:16px 0;padding:16px 18px;border:1px solid var(--line2);border-radius:14px;background:var(--card);color:var(--text)}
.rkcard-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.rkcard-h h2{margin:0;font-size:1.05rem;color:var(--text)}
.rkcard-h a{color:var(--text);font-size:.9rem;text-decoration:underline;text-underline-offset:3px}
.rk-newbie{--rk:#64748b;--rk2:#94a3b8}
.rk-hello_world{--rk:#16a34a;--rk2:#4ade80}
.rk-debugger{--rk:#0891b2;--rk2:#22d3ee}
.rk-fine_tuner{--rk:#0f9d89;--rk2:#2fd3b8}
.rk-benchmark_breaker{--rk:#b8d42e;--rk2:#b8d42e}
.rk-frontier{--rk:#8a99ad;--rk2:#c9d4e3;--rkg:linear-gradient(120deg,#eef3f8,#c9d4e3 40%,#8a99ad 70%,#eef3f8)}
.rkpill{position:relative;display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 6px;border-radius:999px;font-size:.8rem;font-weight:700;line-height:1.2;color:var(--text);white-space:nowrap;
 background-color:color-mix(in srgb,var(--card) 84%,var(--rk) 16%);backdrop-filter:blur(6px);transition:box-shadow .2s}
.rkpill::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:var(--rkg,linear-gradient(120deg,var(--rk),var(--rk2)));
 -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.rkpill svg{width:14px;height:14px;flex:none;stroke:var(--rk);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rkpill:hover,.rknode:hover .rkpill{box-shadow:0 0 0 3px color-mix(in srgb,var(--rk) 18%,transparent),0 0 14px color-mix(in srgb,var(--rk) 35%,transparent)}
.rktrack{list-style:none;margin:0!important;padding:0!important;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));position:relative}
.rktrack::before{content:"";position:absolute;left:8%;right:8%;top:9px;height:2px;background:var(--line2);border-radius:2px}
.rknode{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:0 4px}
.rkdot{width:20px;height:20px;border-radius:50%;border:2px solid var(--rk);background:var(--card);position:relative;z-index:1;box-sizing:border-box}
.rk-frontier .rkdot{border-color:transparent;background:linear-gradient(var(--card),var(--card)) padding-box,var(--rkg) border-box}
.rknode.done .rkdot{background:var(--rk)}
.rknode.here .rkdot{box-shadow:0 0 0 4px color-mix(in srgb,var(--rk) 30%,transparent)}
.rknode .rkmeta{font-size:.75rem;color:var(--text2);line-height:1.3}
.rkhere{font-size:.7rem;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.04em}
.rkprog{margin:12px 0 0;font-size:.85rem;color:var(--text)}
.rkcard .rknote{margin:10px 0 0;font-size:.8rem;color:var(--text2)}
@media (max-width:700px){.rktrack{grid-template-columns:1fr;gap:10px}.rktrack::before{left:9px;right:auto;top:10px;bottom:10px;width:2px;height:auto}
 .rknode{flex-direction:row;text-align:left;gap:10px;padding:0}.rknode .rkmeta{margin-left:auto}}
.detail>.meta.bnote{font-family:inherit;font-size:.9rem;letter-spacing:normal}

/* v5: real rank shield art (ranks-v3/cut) instead of dots; no bronze/orange */
.rk-benchmark_breaker{--rk:#5b7fa6;--rk2:#a9c4de}
.rkbadge{width:56px;height:56px;object-fit:contain;position:relative;z-index:1;display:block;filter:drop-shadow(0 2px 6px rgba(0,0,0,.45))}
.rktrack::before{top:28px}
.rknode.here .rkbadge{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--rk) 60%,transparent))}
.rkcard{padding:22px 24px!important}
@media (max-width:700px){.rktrack::before{left:28px}.rknode{flex-direction:row;flex-wrap:wrap;text-align:left;justify-content:flex-start}}
/* badge motion: Cyber = circuit glow pulse + light sweep; Wizard = rainbow liquid morph + pulsing aura (wz-C); Spark static. CSS only, galaxy colors. */
@property --bwa{syntax:'<angle>';inherits:false;initial-value:0deg}
@property --bsx{syntax:'<percentage>';inherits:false;initial-value:-60%}
/* Cyber (owner pick 2026-10-22, option E): teal/blue/purple/green gradient slides across the badge art, 4s loop. Needs <span class="cy-E"> around the img; the overlay is masked to the art, the img itself is never dimmed/greyed. */
html body:not(#zz) img:not(#zz)[src*="badges/cyber"]{-webkit-mask:none!important;mask:none!important;filter:none!important;opacity:1!important;animation:none!important;box-shadow:none!important;border-radius:50%}
html body:not(#zz) .cy-E{position:relative;display:inline-block;isolation:isolate;line-height:0;vertical-align:middle}
html body:not(#zz) .cy-E>img{display:block;margin:0!important}
html body:not(#zz) .cy-E:not(#zz)::after{content:"";position:absolute;inset:0;mix-blend-mode:color;pointer-events:none;-webkit-mask:url(/d/assets/badges/cyber.webp) center/contain no-repeat!important;mask:url(/d/assets/badges/cyber.webp) center/contain no-repeat!important;background-color:transparent!important;background-image:linear-gradient(110deg,#2dd4bf 0%,#3b82f6 20%,#8b5cf6 40%,#22c55e 60%,#2dd4bf 80%,#3b82f6 100%)!important;background-size:250% 100%!important;animation:cyE 4s linear infinite}
@keyframes cyE{from{background-position:0% 0}to{background-position:-200% 0}}
html body:not(#zz) .nbdg .cy-E{width:100%;height:100%}html body:not(#zz) .nbdg .cy-E>img{width:100%!important;height:100%!important}
html body:not(#zz) .un .cy-E{margin-right:4px}
html body:not(#zz) .tart .cy-E{margin-left:auto;margin-right:auto}html body:not(#zz) .tier>.cy-E{margin:0 auto 0 24px!important;align-self:flex-start}
@media (prefers-reduced-motion:reduce){html body:not(#zz) .cy-E:not(#zz)::after{animation:none!important;display:none!important}}
/* Wizard (owner pick 2026-10-22, option C): Liquid Morph + Pulsing Aura - soft rainbow blobs drift/melt over the art (masked, colour blend), blob-shaped aura behind morphs, pulses and cycles hue. Full rainbow is an owner-approved Wizard-only exception. Needs <span class="wz-C"> around the img; the img itself is never dimmed/greyed. */
html body:not(#zz) img:not(#zz)[src*="badges/wizard"]{background:none!important;padding:0!important;animation:none!important;filter:none!important;opacity:1!important;-webkit-mask:none!important;mask:none!important;border-radius:50%}
html body:not(#zz) .wz-C{position:relative;display:inline-block;isolation:isolate;line-height:0;vertical-align:middle}
html body:not(#zz) .wz-C>img{display:block;margin:0!important;position:relative;z-index:1}
html body:not(#zz) .wz-C:not(#zz)::after{content:""!important;position:absolute;inset:0;z-index:2;pointer-events:none;-webkit-mask:url(/d/assets/badges/wizard.webp) center/contain no-repeat!important;mask:url(/d/assets/badges/wizard.webp) center/contain no-repeat!important;mix-blend-mode:color;background:radial-gradient(circle at 25% 30%,#ff3b3b,transparent 35%),radial-gradient(circle at 75% 25%,#ffe14a,transparent 35%),radial-gradient(circle at 75% 75%,#2bb8ff,transparent 35%),radial-gradient(circle at 25% 75%,#ff4fd8,transparent 35%),radial-gradient(circle at 50% 50%,#3ddc84,transparent 30%),linear-gradient(135deg,#7a5cff,#ff9a1f)!important;background-size:150% 150%!important;animation:wzC-melt 7s ease-in-out infinite alternate,wzC-hue 9s linear infinite}
html body:not(#zz) .wz-C:not(#zz)::before{content:""!important;position:absolute;inset:-14%;z-index:0;border-radius:50%;pointer-events:none;--b:6px;background:radial-gradient(circle,#ff4fd8,#7a5cff 40%,#2bb8ff 60%,transparent 72%)!important;filter:blur(6px);animation:wzC-morph 5s ease-in-out infinite,wzC-hue 9s linear infinite reverse}
@keyframes wzC-melt{0%{background-position:0% 0%}33%{background-position:100% 30%}66%{background-position:40% 100%}100%{background-position:80% 60%}}
@keyframes wzC-hue{to{filter:hue-rotate(360deg) blur(var(--b,0px))}}
@keyframes wzC-morph{0%,100%{border-radius:50% 45% 55% 48%;transform:scale(.95) rotate(0);opacity:.5}50%{border-radius:42% 58% 46% 60%;transform:scale(1.06) rotate(60deg);opacity:.75}}
html body:not(#zz) .nbdg .wz-C{width:100%;height:100%}html body:not(#zz) .nbdg .wz-C>img{width:100%!important;height:100%!important}
html body:not(#zz) .un .wz-C{margin-right:4px}
html body:not(#zz) .tart .wz-C{margin-left:auto;margin-right:auto}html body:not(#zz) .tier>.wz-C{margin:0 auto 0 24px!important;align-self:flex-start}
@media (prefers-reduced-motion:reduce){html body:not(#zz) .wz-C:not(#zz){animation:none!important;filter:none!important}html body:not(#zz) .wz-C:not(#zz)::after,html body:not(#zz) .wz-C:not(#zz)::before{animation:none!important;display:none!important}}
/* thread avatar: drop decorative overlay that hid the letter */
body.v-d.dskin:not(#dz) main .av::before,body.v-d.dskin:not(#dz) main .av::after{content:none!important;display:none!important}

/* tier name colors (owner 2026-10-21): Spark sky, Cyber teal, Wizard green + soft glow. */
html:not(#zz) :is(.n-spark,.paid-turbo,.rkc-turbo){color:#7dd3fc!important;-webkit-text-fill-color:#7dd3fc!important;background:none!important;text-shadow:none!important}
html:not(#zz) :is(.n-blaze,.n-cyber,.paid-overclocked,.rkc-overclocked){color:#2dd4bf!important;-webkit-text-fill-color:#2dd4bf!important;background:none!important;text-shadow:none!important}
html:not(#zz) :is(.n-legend,.n-wizard,.paid-max_compute,.rkc-max-compute){color:#b8d42e!important;-webkit-text-fill-color:#b8d42e!important;background:none!important;filter:none!important;text-shadow:0 0 8px rgba(184,212,46,.55),0 0 2px rgba(184,212,46,.4)!important}
html[data-theme=light]:not(#zz) :is(.n-spark,.paid-turbo,.rkc-turbo){color:#0b63a8!important;-webkit-text-fill-color:#0b63a8!important}
html[data-theme=light]:not(#zz) :is(.n-blaze,.n-cyber,.paid-overclocked,.rkc-overclocked){color:#0f766e!important;-webkit-text-fill-color:#0f766e!important}
html[data-theme=light]:not(#zz) :is(.n-legend,.n-wizard,.paid-max_compute,.rkc-max-compute){color:#3f5800!important;-webkit-text-fill-color:#3f5800!important;text-shadow:0 0 6px rgba(63,88,0,.28)!important}
html:not(#zz) .n-founding{color:#b69cff!important;-webkit-text-fill-color:#b69cff!important;background:none!important;text-shadow:0 0 8px rgba(182,156,255,.45)!important}
html[data-theme=light]:not(#zz) .n-founding{color:#6d28d9!important;-webkit-text-fill-color:#6d28d9!important;text-shadow:none!important}
/* Cyber: the tier-card art rule (.tart img filter:none!important) beat the animation; exempt badges */
html body:not(#zz) .v-d .tart img:not(#zz)[src*="badges/wizard"]{filter:revert-layer}
/* board pages at phone width: inline New thread button instead of the floating + that covered the reply count */
@media (max-width:600px){html body:not(#zz) .ffab{display:none!important}html body:not(#zz) :is(.fbar3,.fbtools) .fnew{display:flex!important;width:100%;margin:8px 0 0}}
/* tier cards: perk rows line up, centered note under the row */
html:not(#zz) .v-d .perk{align-content:start!important;align-items:start!important;grid-auto-rows:max-content!important}
html:not(#zz) .v-d .tnote{text-align:center;color:var(--mut,#9aa3ad);font-size:14px;margin:20px auto 0;grid-column:1/-1}
/* home section labels ~20% bigger, tidy, no wrap */
html:not(#zz) .v-d .sh h2{font-size:16.5px!important;letter-spacing:.2em!important;white-space:nowrap!important}
@media (max-width:420px){html:not(#zz) .v-d .sh h2{font-size:15px!important;letter-spacing:.16em!important}}
/* poll card: Trace Bolt, green tokens, 48px answer rows */
html:not(#zz) .v-d .poll .sh h2{display:inline-flex;align-items:center;gap:8px}
html:not(#zz) .v-d .pbolt{display:inline-block}html:not(#zz) .v-d .pbolt.pbl{display:none}
html[data-theme=light]:not(#zz) .v-d .pbolt{display:none}html[data-theme=light]:not(#zz) .v-d .pbolt.pbl{display:inline-block}
html:not(#zz) .v-d .poll .opt{min-height:48px!important;display:flex;align-items:center}
html:not(#zz) .v-d .poll .opt .fill{background:rgba(184,212,46,.18)!important}
html[data-theme=light]:not(#zz) .v-d .poll .opt .fill{background:rgba(63,88,0,.14)!important}
html:not(#zz) .v-d .poll .opt .pc{color:#b8d42e!important}html[data-theme=light]:not(#zz) .v-d .poll .opt .pc{color:#3f5800!important}
/* Wizard name: green -> violet fade + soft glow (crisp at chat size; almost none in light). Founding: solid purple + slow shimmer. */
html:not(#zz):not(#zy) :is(.n-legend,.n-wizard,.paid-max_compute,.rkc-max-compute){background:linear-gradient(90deg,#b8d42e,#b69cff)!important;-webkit-background-clip:text!important;background-clip:text!important;color:#b8d42e!important;-webkit-text-fill-color:transparent!important;text-shadow:none!important;filter:drop-shadow(0 0 3px rgba(184,212,46,.28)) drop-shadow(0 0 5px rgba(182,156,255,.18))!important}
html[data-theme=light]:not(#zz):not(#zy) :is(.n-legend,.n-wizard,.paid-max_compute,.rkc-max-compute){background:linear-gradient(90deg,#3f5800,#6d28d9)!important;-webkit-background-clip:text!important;background-clip:text!important;color:#3f5800!important;filter:drop-shadow(0 0 1px rgba(109,40,217,.12))!important}
html:not(#zz):not(#zy) :is(.n-legend,.n-wizard) img{-webkit-text-fill-color:initial}
@property --fsx{syntax:'<percentage>';inherits:false;initial-value:150%}
html:not(#zz):not(#zy) .n-founding{background:linear-gradient(100deg,#b69cff 0 calc(var(--fsx) - 12%),#ece6ff var(--fsx),#b69cff calc(var(--fsx) + 12%) 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:#b69cff!important;-webkit-text-fill-color:transparent!important;text-shadow:none!important;filter:none!important;animation:fshim 5s linear infinite}
html[data-theme=light]:not(#zz):not(#zy) .n-founding{background:linear-gradient(100deg,#6d28d9 0 calc(var(--fsx) - 12%),#7c3aed var(--fsx),#6d28d9 calc(var(--fsx) + 12%) 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:#6d28d9!important}
@keyframes fshim{0%{--fsx:-30%}55%,100%{--fsx:130%}}
@media (prefers-reduced-motion:reduce){html:not(#zz):not(#zy) .n-founding{animation:none!important;--fsx:200%}}
/* Wizard name: slow green<->violet gradient shift (glow kept); static under reduced motion */
html:not(#zz):not(#zy) :is(.n-legend,.n-wizard,.paid-max_compute,.rkc-max-compute){background-image:linear-gradient(90deg,#b8d42e,#b69cff,#b8d42e)!important;background-size:200% 100%!important;animation:wzname 6s ease-in-out infinite alternate}
html[data-theme=light]:not(#zz):not(#zy) :is(.n-legend,.n-wizard,.paid-max_compute,.rkc-max-compute){background-image:linear-gradient(90deg,#3f5800,#6d28d9,#3f5800)!important}
@keyframes wzname{from{background-position:0% 50%}to{background-position:100% 50%}}
@media (prefers-reduced-motion:reduce){html:not(#zz):not(#zy) :is(.n-legend,.n-wizard,.paid-max_compute,.rkc-max-compute){animation:none!important;background-position:0% 50%!important}}
@media (min-width:421px){html:not(#zz) .v-d .sh h2{font-size:15px!important}}
/* Wizard name: cosmic tri-fade green -> teal -> violet, slow flow (owner 10/21) */
html:not(#zz):not(#zy) :is(.n-legend,.n-wizard,.paid-max_compute,.rkc-max-compute){background-image:linear-gradient(90deg,#b8d42e,#2dd4bf,#b69cff,#2dd4bf,#b8d42e)!important;background-size:300% 100%!important}
html[data-theme=light]:not(#zz):not(#zy) :is(.n-legend,.n-wizard,.paid-max_compute,.rkc-max-compute){background-image:linear-gradient(90deg,#3f5800,#0f766e,#6d28d9,#0f766e,#3f5800)!important}
/* Wizard fade picker: fixed swatch classes (IDs from a fixed table; no server CSS) */
.fa-lime{--fa:#b8d42e}html[data-theme=light] .fa-lime{--fa:#3f5800}
.fb-lime{--fb:#b8d42e}html[data-theme=light] .fb-lime{--fb:#3f5800}
.fc-lime{--fc:#b8d42e}html[data-theme=light] .fc-lime{--fc:#3f5800}
html body:not(#zz):not(#zy) .fadepick .fp-sw.sw-lime{background:#b8d42e!important}html[data-theme=light] body:not(#zz):not(#zy) .fadepick .fp-sw.sw-lime{background:#3f5800!important}
.fa-teal{--fa:#2dd4bf}html[data-theme=light] .fa-teal{--fa:#0f766e}
.fb-teal{--fb:#2dd4bf}html[data-theme=light] .fb-teal{--fb:#0f766e}
.fc-teal{--fc:#2dd4bf}html[data-theme=light] .fc-teal{--fc:#0f766e}
html body:not(#zz):not(#zy) .fadepick .fp-sw.sw-teal{background:#2dd4bf!important}html[data-theme=light] body:not(#zz):not(#zy) .fadepick .fp-sw.sw-teal{background:#0f766e!important}
.fa-sky{--fa:#7dd3fc}html[data-theme=light] .fa-sky{--fa:#0b63a8}
.fb-sky{--fb:#7dd3fc}html[data-theme=light] .fb-sky{--fb:#0b63a8}
.fc-sky{--fc:#7dd3fc}html[data-theme=light] .fc-sky{--fc:#0b63a8}
html body:not(#zz):not(#zy) .fadepick .fp-sw.sw-sky{background:#7dd3fc!important}html[data-theme=light] body:not(#zz):not(#zy) .fadepick .fp-sw.sw-sky{background:#0b63a8!important}
.fa-ice{--fa:#cfe9ff}html[data-theme=light] .fa-ice{--fa:#1b3550}
.fb-ice{--fb:#cfe9ff}html[data-theme=light] .fb-ice{--fb:#1b3550}
.fc-ice{--fc:#cfe9ff}html[data-theme=light] .fc-ice{--fc:#1b3550}
html body:not(#zz):not(#zy) .fadepick .fp-sw.sw-ice{background:#cfe9ff!important}html[data-theme=light] body:not(#zz):not(#zy) .fadepick .fp-sw.sw-ice{background:#1b3550!important}
.fa-mint{--fa:#7fe0c8}html[data-theme=light] .fa-mint{--fa:#0b6b55}
.fb-mint{--fb:#7fe0c8}html[data-theme=light] .fb-mint{--fb:#0b6b55}
.fc-mint{--fc:#7fe0c8}html[data-theme=light] .fc-mint{--fc:#0b6b55}
html body:not(#zz):not(#zy) .fadepick .fp-sw.sw-mint{background:#7fe0c8!important}html[data-theme=light] body:not(#zz):not(#zy) .fadepick .fp-sw.sw-mint{background:#0b6b55!important}
.fa-blue{--fa:#5aa9ff}html[data-theme=light] .fa-blue{--fa:#1d5fb8}
.fb-blue{--fb:#5aa9ff}html[data-theme=light] .fb-blue{--fb:#1d5fb8}
.fc-blue{--fc:#5aa9ff}html[data-theme=light] .fc-blue{--fc:#1d5fb8}
html body:not(#zz):not(#zy) .fadepick .fp-sw.sw-blue{background:#5aa9ff!important}html[data-theme=light] body:not(#zz):not(#zy) .fadepick .fp-sw.sw-blue{background:#1d5fb8!important}
.fa-indigo{--fa:#a5b4fc}html[data-theme=light] .fa-indigo{--fa:#4338ca}
.fb-indigo{--fb:#a5b4fc}html[data-theme=light] .fb-indigo{--fb:#4338ca}
.fc-indigo{--fc:#a5b4fc}html[data-theme=light] .fc-indigo{--fc:#4338ca}
html body:not(#zz):not(#zy) .fadepick .fp-sw.sw-indigo{background:#a5b4fc!important}html[data-theme=light] body:not(#zz):not(#zy) .fadepick .fp-sw.sw-indigo{background:#4338ca!important}
.fa-white{--fa:#eef1ec}html[data-theme=light] .fa-white{--fa:#14160f}
.fb-white{--fb:#eef1ec}html[data-theme=light] .fb-white{--fb:#14160f}
.fc-white{--fc:#eef1ec}html[data-theme=light] .fc-white{--fc:#14160f}
html body:not(#zz):not(#zy) .fadepick .fp-sw.sw-white{background:#eef1ec!important}html[data-theme=light] body:not(#zz):not(#zy) .fadepick .fp-sw.sw-white{background:#14160f!important}
.fa-violet{--fa:#b69cff}html[data-theme=light] .fa-violet{--fa:#6d28d9}
.fb-violet{--fb:#b69cff}html[data-theme=light] .fb-violet{--fb:#6d28d9}
.fc-violet{--fc:#b69cff}html[data-theme=light] .fc-violet{--fc:#6d28d9}
html body:not(#zz):not(#zy) .fadepick .fp-sw.sw-violet{background:#b69cff!important}html[data-theme=light] body:not(#zz):not(#zy) .fadepick .fp-sw.sw-violet{background:#6d28d9!important}
html:not(#zz):not(#zy):not(#zx) .n-legend.nfade{background-image:linear-gradient(90deg,var(--fa),var(--fb),var(--fc),var(--fb),var(--fa))!important}
html:not(#zz) .fadepick{margin:28px 0;padding:20px;border:1px solid var(--line);border-radius:10px;background:var(--card)}html:not(#zz) .fadepick h2{font-size:18px;margin:0 0 6px}html:not(#zz) .fp-prev{font-size:22px;font-weight:700;margin:14px 0}html:not(#zz) .fp-slot{border:0;padding:0;margin:12px 0}html:not(#zz) .fp-slot legend{font-size:13px;color:var(--mut);margin-bottom:6px}html:not(#zz) .fp-row{display:flex;flex-wrap:wrap;gap:10px}
html body:not(#zz) .fadepick .fp-sw{width:44px!important;height:44px!important;min-width:44px;border-radius:50%!important;border:2px solid var(--line2)!important;padding:0!important;cursor:pointer}html body:not(#zz) .fadepick .fp-sw[aria-pressed=true]{outline:3px solid var(--text)!important;outline-offset:2px}html:not(#zz) .fp-act{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
/* tri-fade: violet band widened and held mid-cycle so dark mode clearly lands on #b69cff */
html:not(#zz):not(#zy) :is(.n-legend,.n-wizard,.paid-max_compute,.rkc-max-compute){background-image:linear-gradient(90deg,#b8d42e 0%,#2dd4bf 24%,#b69cff 42%,#b69cff 58%,#2dd4bf 76%,#b8d42e 100%)!important;background-size:300% 100%!important;animation:wzname3 8s ease-in-out infinite}
html[data-theme=light]:not(#zz):not(#zy) :is(.n-legend,.n-wizard,.paid-max_compute,.rkc-max-compute){background-image:linear-gradient(90deg,#3f5800 0%,#0f766e 24%,#6d28d9 42%,#6d28d9 58%,#0f766e 76%,#3f5800 100%)!important}
html:not(#zz):not(#zy):not(#zx) .n-legend.nfade{background-image:linear-gradient(90deg,var(--fa) 0%,var(--fb) 24%,var(--fc) 42%,var(--fc) 58%,var(--fb) 76%,var(--fa) 100%)!important}
@keyframes wzname3{0%,8%{background-position:0% 50%}42%,58%{background-position:50% 50%}92%,100%{background-position:100% 50%}}
@media (prefers-reduced-motion:reduce){html:not(#zz):not(#zy) :is(.n-legend,.n-wizard,.paid-max_compute,.rkc-max-compute){animation:none!important;background-position:0% 50%!important}}
/* picker: visible check on the selected swatch */
html body:not(#zz) .fadepick .fp-sw{position:relative}
html body:not(#zz) .fadepick .fp-sw[aria-pressed=true]::after{content:"✓"!important;display:grid!important;place-items:center;position:absolute;right:-4px;bottom:-4px;width:20px;height:20px;border-radius:50%;background:var(--text)!important;color:var(--bg)!important;font-size:13px;font-weight:800;line-height:1}
html:not(#zz) .fadepick .fp-slot legend b{color:var(--text);font-weight:600}