/* V32 PRISM: the ground is a spectrum. Pastel prism bands (pink > apricot > lemon > mint > sky > periwinkle > orchid) drift with scroll progress (--sp); ink stays near-black. Hero (#top / art.css) untouched. */
:root {
  --paper: #F7F3FF; --ink: #15121F; --mute: rgba(21,18,31,.72); --line: rgba(21,18,31,.16); --invert: #F7F3FF;
  --red: #B3173F; --amber: #9A1B45;
  --prism: linear-gradient(90deg, #FF5C8A, #FF9A3C, #F2D21B, #34C98A, #2FB7F0, #6C6CFF, #C25CFF);
  --prism-v: linear-gradient(180deg, #FF5C8A, #FF9A3C, #F2D21B, #34C98A, #2FB7F0, #6C6CFF, #C25CFF);
}
html { background: #F7F3FF; }
body { background-color: #F7F3FF;
  background-image: radial-gradient(70vmax 45vmax at 88% 6%, rgba(255,255,255,.62), transparent 62%), radial-gradient(60vmax 40vmax at 6% 94%, rgba(255,255,255,.5), transparent 60%),
    linear-gradient(168deg, #FFD0E0 0%, #FFDDBA 14%, #FFF3B0 28%, #CDF3C9 43%, #B6E8FF 58%, #C9C4FF 73%, #EBC3FF 87%, #FFD0E0 100%);
  background-size: 100% 100%, 100% 100%, 100% 560vh; background-attachment: fixed; background-repeat: no-repeat;
  background-position: 0 0, 0 0, 50% calc(var(--sp, 0) * 100%); color: var(--ink); }
#top { --paper: #05080c; --ink: #EDE6D8; --mute: rgba(237,230,216,.72); --line: rgba(237,230,216,.16); --red: #E8372C; color-scheme: dark; }
.hd::before { background: color-mix(in srgb, #F7F3FF 70%, transparent); backdrop-filter: blur(10px); }
.hd.dark::before { background: transparent; backdrop-filter: none; }
.fr, .mo2, .sec, .wk-set .wk { background: transparent; }
.wk-set .wk { --w-paper: transparent !important; --w-tint: rgba(255,255,255,.35) !important; box-shadow: none; }
.fr-film, .mr-box { background: rgba(255,255,255,.5); }
.mr-box { border-color: rgba(21,18,31,.18); }
.card figure.mat { background: rgba(255,255,255,.6); }
/* spectrum replaces the red points and threads */
.kick::before, .dv-h::before, .ft .logo::before, .hold .lb::before, .sv-row.on .tt::before { background: var(--prism); }
.hd::after { background: var(--prism); height: 2px; }
.wh-idx, .sv-list { border-top: 0; border-image: var(--prism) 1; border-top: 2px solid; }
::selection { background: #6C6CFF; color: #fff; }
:focus-visible { outline-color: #4A3FE0 !important; }
.tl i::after, .mo-bar i { background: var(--prism); }
#work::before { background: none; }
.fr-kind { color: color-mix(in srgb, var(--c) 40%, #15121F); }
.m-steps > span, .m-steps > span:first-child { color: #4b4858 !important; }
.lb.no, .amb.lb, .kick.amb, .mo2 .mo-list .amb, .mo2 .mo-list button .amb.lb { color: #8E1237 !important; }
.mo2 .sec-en { color: var(--ink); } .mo2 .mo-list small { color: #34313f; } .mo2 .mute, .mo2 .mo-note { color: rgba(21,18,31,.8); }
.aw-tag, .chip { background: rgba(255,255,255,.55); }.mf, .aw, .sv, .ap, .ft, .wh { background: transparent; }
@media (min-width: 761px) { .nav { background: transparent; } }
a.chip.go, .chip.go, a.go.chip { color: #fff; background: #15121F; border-color: #15121F; }
.aw-bar, .aw-filters, .aw-ctl { background: rgba(255,255,255,.4); }