/* Generated once from the Midnight Mill design (see docs/website/Website Design System.md), then owned
   here: shared components and motion. Colours are tokens only (tokens.css). */
body{margin:0;background:var(--ground)}
*{box-sizing:border-box}
a{color:var(--accent)}
a:hover{color:var(--ink)}
.q{font-family:var(--font-sans);color:var(--ink);background:var(--ground);overflow:clip;position:relative}
.serif{font-family:var(--font-serif)}
.mono{font-family:var(--font-mono)}
.wrap{max-width:var(--content);margin:0 auto;padding:0 var(--gutter);position:relative}
.h2{font-family:var(--font-display);font-weight:500;font-size:var(--text-h2);line-height:1.02;letter-spacing:-.04em;margin:0;text-wrap:balance;background:linear-gradient(180deg,var(--ink-head) 35%,var(--ink-3) 120%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.glass{background:var(--glass);backdrop-filter:blur(22px) saturate(1.6);-webkit-backdrop-filter:blur(22px) saturate(1.6);border-bottom:1px solid rgb(var(--fg) / .07)}
.card{border:1px solid transparent !important;background:linear-gradient(rgb(var(--surface-dark-rgb) / .52),rgb(var(--surface-dark-rgb) / .52)) padding-box,linear-gradient(170deg,rgb(var(--fg) / .18),rgb(var(--fg) / .04) 38%,rgb(var(--glow) / .14)) border-box !important;border-radius:24px;box-shadow:inset 0 1px 0 rgb(var(--fg) / .05);backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5)}
.paper{background:#FFFFFF;color:var(--paper-ink);border-radius:24px;box-shadow:0 1px 2px rgb(var(--shade) / calc(.2 * var(--shade-k))),0 24px 60px rgb(var(--shade) / calc(.45 * var(--shade-k)))}
.pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:6px 12px;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.btn:active{transform:scale(var(--press))}
.btn-hot{color:var(--on-accent);background:var(--accent);box-shadow:0 0 0 1px rgb(var(--glow) / .35),0 8px 30px rgb(var(--glow) / .22),inset 0 1px 0 rgb(var(--fg) / .5)}
.btn-hot:hover{color:var(--on-accent);transform:translateY(-2px);box-shadow:0 0 0 6px rgb(var(--glow) / .16),0 16px 40px rgb(var(--glow) / .25)}
.btn-ghost{color:var(--ink);background:rgb(var(--fg) / .04);border:1px solid rgb(var(--fg) / .14)}
.btn-ghost:hover{color:var(--ink-max);background:rgb(var(--fg) / .08);transform:translateY(-2px)}
.nav a.nl{color:var(--ink-3);text-decoration:none;font-size:var(--text-small);padding:10px 12px;border-radius:999px;transition:color 160ms,background 160ms;white-space:nowrap}
.nav a.nl:hover{color:var(--ink-max);background:rgb(var(--fg) / .06)}
.term{all:unset;cursor:help;position:relative;color:inherit;border-bottom:1.5px dashed rgb(var(--glow) / .7);padding-bottom:1px}
.term .tip b{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-1);margin-bottom:6px;font-weight:500}
.term:hover .tip,.term:focus .tip{opacity:1;transform:translate(-50%,0)}
.blob{position:absolute;border-radius:50%}
@keyframes drift{0%{transform:translate(0,0) scale(1)}100%{transform:translate(60px,40px) scale(1.12)}}
.grid-bg{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgb(var(--fg) / .035) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--fg) / .035) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 20%,transparent 75%)}
.w{display:inline-block;animation:develop 1100ms var(--ease-enter) both}
@keyframes develop{0%{opacity:0;filter:blur(14px);transform:translateY(18px)}100%{opacity:1;filter:blur(0);transform:none}}
.fade-up{animation:develop 900ms var(--ease-enter) both}
.swap{animation:swap 600ms var(--ease-enter) both}
.lift:hover{transform:translateY(-4px);border-color:rgb(var(--glow) / .3)}
@media (max-width:640px){.wrap{padding:0 var(--gutter-phone)}.hide-sm{display:none !important}}
.q{isolation:isolate}
.atmo{position:absolute;border-radius:50%;pointer-events:none;z-index:-1;filter:blur(110px)}
.a1{width:900px;height:700px;left:-18%;top:22%;background:radial-gradient(closest-side,rgb(var(--sage-glow) / .20),transparent)}
.a2{width:800px;height:700px;right:-16%;top:48%;background:radial-gradient(closest-side,rgb(var(--ink-rgb) / .04),transparent)}
.a3{width:1000px;height:700px;left:20%;top:76%;background:radial-gradient(closest-side,rgb(var(--sage-glow) / .14),transparent)}
.eyebrow{font-family:var(--font-sans);font-size:15px;font-weight:500;color:var(--accent-2)}
.gl-row{transition:background 300ms ease,padding 300ms var(--ease-enter)}
.gl-row:hover{padding-left:16px !important;background:linear-gradient(90deg,rgb(var(--glow) / .06),transparent)}
.disp{font-family:var(--font-serif) !important}
.sg{font-family:var(--font-display)}
.hand{font-family:var(--font-hand);font-weight:600}
.bh-c{position:absolute;width:0;height:0}
.bh-c>*{position:absolute;left:0;top:0;transform:translate(-50%,-50%);border-radius:50%}
.bh-glow{background:radial-gradient(closest-side,rgb(var(--sage-mint-rgb) / .42),rgb(var(--sage-glow) / .18) 45%,rgb(var(--sage-glow) / .05) 70%,transparent);animation:breathe 5s ease-in-out infinite}
.disk{background:conic-gradient(from 0deg,rgb(var(--glow) / .25) 0deg,rgb(var(--glow) / .95) 40deg,#FFFFFF 62deg,rgb(var(--k-200-240-222) / .9) 90deg,rgb(var(--glow) / .35) 150deg,rgb(var(--glow) / .7) 215deg,#FFFFFF 250deg,rgb(var(--glow) / .55) 290deg,rgb(var(--glow) / .25) 360deg);-webkit-mask:radial-gradient(closest-side,transparent 45%,#000 51%,#000 74%,transparent 100%);mask:radial-gradient(closest-side,transparent 45%,#000 51%,#000 74%,transparent 100%);filter:blur(1px) drop-shadow(0 0 22px rgb(var(--glow) / .75));transform:translate(-50%,-50%) perspective(1400px) rotateX(75deg);animation:disk 9s linear infinite}
@keyframes disk{from{transform:translate(-50%,-50%) perspective(1400px) rotateX(75deg) rotateZ(0deg)}to{transform:translate(-50%,-50%) perspective(1400px) rotateX(75deg) rotateZ(360deg)}}
.disk-front,.disk-back{border-radius:0 !important}
.disk-front{-webkit-mask-image:radial-gradient(ellipse 30% 40% at 50% 50%,#000 55%,transparent 100%),linear-gradient(to bottom,transparent 49%,#000 54%);-webkit-mask-composite:source-in;mask-image:radial-gradient(ellipse 30% 40% at 50% 50%,#000 55%,transparent 100%),linear-gradient(to bottom,transparent 49%,#000 54%);mask-composite:intersect}
.disk-back{clip-path:none}
.disk-front>.disk,.disk-back>.disk{position:absolute;left:50%;top:50%}
.lensarc{background:conic-gradient(from 270deg,rgb(var(--glow) / 0),rgb(var(--glow) / .55) 60deg,rgb(var(--fg) / .9) 90deg,rgb(var(--glow) / .55) 120deg,rgb(var(--glow) / 0) 180deg,rgb(var(--glow) / .12) 270deg,rgb(var(--glow) / 0) 360deg);-webkit-mask:radial-gradient(closest-side,transparent 74%,#000 80%,#000 88%,transparent 100%);mask:radial-gradient(closest-side,transparent 74%,#000 80%,#000 88%,transparent 100%);filter:blur(2px) drop-shadow(0 0 10px rgb(var(--glow) / .6));animation:breathe 4.4s ease-in-out infinite}
.horizon{background:radial-gradient(closest-side,rgb(var(--k-10-42-34) / .92) 52%,rgb(var(--k-10-42-34) / .55) 70%,transparent)}
.stone-h{filter:drop-shadow(0 0 40px rgb(var(--sage-mint-rgb) / .7))}
.stone-spin{width:100%;height:100%;animation:spinS 16s linear infinite}
.photon{border:0;box-shadow:0 0 16px 5px rgb(var(--glow) / .30),inset 0 0 16px 5px rgb(var(--glow) / .22);animation:breathe 3.6s ease-in-out infinite}
.stars{position:absolute;left:-10%;right:-10%;top:-60px;bottom:-40px;pointer-events:none;background-image:radial-gradient(1.2px 1.2px at 8% 20%,rgb(var(--fg) / .55),transparent),radial-gradient(1px 1px at 22% 70%,rgb(var(--fg) / .4),transparent),radial-gradient(1.4px 1.4px at 35% 12%,rgb(var(--fg) / .5),transparent),radial-gradient(1px 1px at 48% 88%,rgb(var(--fg) / .35),transparent),radial-gradient(1.2px 1.2px at 63% 18%,rgb(var(--fg) / .5),transparent),radial-gradient(1px 1px at 77% 62%,rgb(var(--fg) / .4),transparent),radial-gradient(1.4px 1.4px at 90% 30%,rgb(var(--fg) / .55),transparent),radial-gradient(1px 1px at 95% 80%,rgb(var(--fg) / .35),transparent),radial-gradient(1px 1px at 4% 85%,rgb(var(--fg) / .4),transparent),radial-gradient(1.2px 1.2px at 56% 50%,rgb(var(--fg) / .3),transparent);animation:twinkle 6s ease-in-out infinite alternate}
@keyframes twinkle{from{opacity:.5}to{opacity:1}}
.sA{offset-path:path("M50 270 L58 251 L69 234 L84 216 L102 200 L123 185 L147 170 L174 157 L203 145 L234 134 L266 125 L300 117 L335 110 L371 105 L407 101 L443 99 L479 98 L515 99 L550 100 L584 104 L617 108 L648 113 L678 120 L705 128 L731 136 L754 145 L775 155 L794 166 L810 177 L824 188 L835 200 L843 212 L848 224 L851 236 L852 247 L850 259 L846 270 L839 281 L830 291 L820 301 L807 310 L793 318 L778 326 L761 333 L743 339 L725 344 L706 348 L686 352 L666 355 L646 356 L626 357 L606 358 L587 357 L568 356 L550 354 L533 352 L517 348 L502 345 L488 341 L476 336 L465 331 L455 326 L447 321 L440 315 L435 310 L431 304 L428 299 L427 294 L427 288 L428 283 L430 279 L434 274 L438 270 L443 266 L448 263 L455 260 L462 257 L469 255 L476 253 L484 252 L491 251 L499 250 L506 250 L513 250 L520 250 L526 251 L532 252 L537 253 L542 254 L546 255 L550 256")}
.sB{offset-path:path("M1050 270 L1042 289 L1031 306 L1016 324 L998 340 L977 355 L953 370 L926 383 L897 395 L866 406 L834 415 L800 423 L765 430 L729 435 L693 439 L657 441 L621 442 L585 441 L550 440 L516 436 L483 432 L452 427 L422 420 L395 412 L369 404 L346 395 L325 385 L306 374 L290 363 L276 352 L265 340 L257 328 L252 316 L249 304 L248 293 L250 281 L254 270 L261 259 L270 249 L280 239 L293 230 L307 222 L322 214 L339 207 L357 201 L375 196 L394 192 L414 188 L434 185 L454 184 L474 183 L494 182 L513 183 L532 184 L550 186 L567 188 L583 192 L598 195 L612 199 L624 204 L635 209 L645 214 L653 219 L660 225 L665 230 L669 236 L672 241 L673 246 L673 252 L672 257 L670 261 L666 266 L662 270 L657 274 L652 277 L645 280 L638 283 L631 285 L624 287 L616 288 L609 289 L601 290 L594 290 L587 290 L580 290 L574 289 L568 288 L563 287 L558 286 L554 285 L550 284")}
.sC{offset-path:path("M550 55 L586 58 L621 62 L655 68 L688 74 L719 81 L748 89 L775 98 L801 108 L824 118 L846 129 L865 141 L881 152 L896 165 L908 177 L918 190 L925 202 L931 215 L933 228 L934 240 L932 253 L929 265 L923 277 L915 288 L906 299 L894 309 L881 319 L867 329 L851 337 L834 345 L816 352 L797 359 L777 365 L756 370 L735 374 L714 377 L692 380 L671 382 L649 383 L628 384 L607 384 L586 383 L567 381 L547 379 L529 377 L511 373 L495 370 L479 365 L465 361 L452 356 L439 351 L429 345 L419 339 L411 334 L404 328 L398 322 L394 315 L391 309 L389 303 L388 298 L388 292 L390 286 L392 281 L395 276 L400 271 L405 267 L411 263 L417 259 L424 256 L431 252 L439 250 L447 248 L455 246 L464 244 L472 243 L480 242 L488 241 L497 241 L504 241 L512 242 L519 243 L525 243 L532 245 L537 246 L542 247 L547 249 L551 250 L555 252 L558 254 L560 255 L562 257")}
.spiral{left:0 !important;top:0 !important;offset-rotate:0deg;offset-anchor:50% 50%;animation:spiral 8s cubic-bezier(.4,0,.9,.55) infinite !important}
@keyframes spiral{0%{offset-distance:0%;opacity:0;transform:scale(1)}8%{opacity:1}72%{opacity:1;transform:scale(.75)}100%{offset-distance:100%;opacity:0;transform:scale(.12)}}
.pt{position:absolute;left:0;top:0;width:4px;height:4px;border-radius:50%;background:var(--ink);box-shadow:0 0 8px rgb(var(--glow) / .9);offset-rotate:0deg;offset-anchor:50% 50%;animation:spiralp 5s cubic-bezier(.4,0,.9,.55) infinite}
@keyframes spiralp{0%{offset-distance:0%;opacity:0}10%{opacity:.9}100%{offset-distance:100%;opacity:0}}
.lit>.wrap{max-width:1264px;border:1px solid transparent !important;background:radial-gradient(120% 70% at 50% 0%,rgb(var(--glow) / .10),transparent 60%) padding-box,linear-gradient(180deg,var(--surface),var(--k-0d0f0e)) padding-box,linear-gradient(180deg,rgb(var(--fg) / .14),rgb(var(--fg) / .03) 50%,rgb(var(--glow) / .10)) border-box !important;border-radius:44px;padding-top:72px;padding-bottom:72px;box-shadow:inset 0 1px 0 rgb(var(--fg) / .06)}
@media (min-width:641px){.lit>.wrap{padding-left:64px;padding-right:64px}}
.annot2{font-size:30px;line-height:1;color:var(--ink-2);transform:rotate(-4deg);display:inline-flex;align-items:flex-end;gap:6px}
.atmo.a4{width:900px;height:600px;right:-10%;top:34%;background:radial-gradient(closest-side,rgb(var(--sage-glow) / .16),transparent)}
.atmo.a5{width:700px;height:600px;left:-8%;top:62%;background:radial-gradient(closest-side,rgb(var(--k-130-170-200) / .07),transparent)}
.atmo.a6{width:900px;height:600px;left:30%;top:90%;background:radial-gradient(closest-side,rgb(var(--sage-glow) / .14),transparent)}
.lede{font-size:var(--text-lede);line-height:1.6;color:var(--ink-3);max-width:640px;margin:0;text-wrap:pretty}
.nav a.cur{color:var(--ink-max);background:rgb(var(--fg) / .07)}
.term .tip{position:absolute;left:50%;bottom:calc(100% + 12px);width:min(280px,80vw);transform:translate(-50%,8px);padding:14px 16px;border-radius:18px;background:var(--tip);border:1px solid rgb(var(--fg) / .14);box-shadow:0 20px 50px rgb(var(--shade) / calc(.5 * var(--shade-k)));font:400 14px/1.5 var(--font-sans);color:var(--ink);opacity:0;pointer-events:none;transition:opacity 220ms ease,transform 320ms var(--ease-enter);z-index:20;text-align:left;letter-spacing:0;text-transform:none}
.aurora{position:absolute;inset:-20% -10% auto -10%;height:1000px;pointer-events:none;filter:blur(90px)}
.lift{transition:transform 320ms var(--ease-enter),border-color 320ms}
@keyframes swap{0%{opacity:0;filter:blur(8px);transform:translateY(10px)}100%{opacity:1;filter:none;transform:none}}
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion: no-preference){
    .rv{animation:rv linear both;animation-timeline:view();animation-range:entry 0% entry 80%}
    @keyframes rv{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}
  }
}
.frost{background:rgb(var(--k-254-254-252) / .86) !important;border:1px solid rgb(var(--k-254-254-252) / .7);backdrop-filter:blur(22px) saturate(1.8);-webkit-backdrop-filter:blur(22px) saturate(1.8);box-shadow:0 1px 0 rgb(var(--k-254-254-252) / .8) inset,0 20px 50px rgb(var(--shade) / calc(.35 * var(--shade-k))) !important}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;font:500 15px/1 var(--font-sans);text-decoration:none;transition:transform 160ms var(--ease-enter),box-shadow 300ms ease;cursor:pointer;border:0}
.bento6,.bento7{grid-template-columns:repeat(4,minmax(0,1fr)) !important}
.bento6>:nth-child(1),.bento7>:nth-child(1){grid-column:span 2;grid-row:span 2}
.bento6>:nth-child(6){grid-column:span 4}
.bento7>:nth-child(6),.bento7>:nth-child(7){grid-column:span 2}
@media (max-width:900px){.bento6,.bento7{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.bento6>:nth-child(6){grid-column:span 2}}
@media (max-width:600px){.bento6,.bento7{grid-template-columns:1fr !important}.bento6>*,.bento7>*{grid-column:auto !important;grid-row:auto !important}}
.illo{position:relative;flex:1;min-height:200px;border-radius:20px;margin-bottom:8px;overflow:hidden;background:radial-gradient(80% 70% at 50% 30%,rgb(var(--glow) / .12),transparent 70%),rgb(var(--fg) / .02);border:1px solid rgb(var(--fg) / .06)}
/* shared by every page (moved from page css): texture, the mill's turn and breath, the switch, tabs, the FAQ */
.btn--tiny{min-height:44px;padding:0 var(--space-5);font-size:var(--text-small);gap:var(--space-2)}
.ph{display:inline-block;padding:1px 8px;border-radius:var(--radius-pill);background:rgb(var(--fg) / .06);border:1px dashed rgb(var(--fg) / .22);font:500 .82em/1.6 var(--font-mono);color:var(--ink-2);white-space:nowrap}
@keyframes spinS{to{transform:rotate(360deg)}}
@keyframes breathe{0%,100%{opacity:.7;transform:translate(-50%,-50%) scale(.96)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.04)}}
.tab{all:unset;box-sizing:border-box;display:flex;gap:16px;align-items:flex-start;width:100%;padding:20px 22px;border-radius:22px;cursor:pointer;transition:background 220ms ease,border-color 220ms ease;border:1px solid transparent}
.tab:hover{background:rgb(var(--fg) / .04)}
.seg{all:unset;box-sizing:border-box;padding:12px 20px;min-height:44px;border-radius:999px;font-size:var(--text-small);font-weight:500;cursor:pointer;transition:background 220ms,color 220ms;display:inline-flex;align-items:center;gap:8px}
details{border-bottom:1px solid rgb(var(--fg) / .08)}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 4px;font:500 clamp(18px,2vw,21px)/1.35 var(--font-sans);color:var(--ink)}
summary::-webkit-details-marker{display:none}
summary .plus{flex:none;width:36px;height:36px;border-radius:50%;border:1px solid rgb(var(--fg) / .14);display:grid;place-items:center;transition:transform 320ms var(--ease-enter),background 220ms}
details[open] summary .plus{transform:rotate(45deg);background:rgb(var(--ink-rgb) / .14);border-color:rgb(var(--ink-rgb) / .4)}
details p{margin:0 0 24px;padding:0 4px;color:var(--ink-3);font-size:17px;line-height:1.65;max-width:760px}
details[open] p{animation:develop 500ms var(--ease-enter) both}
.grain{position:absolute;inset:0;width:100%;height:100%;opacity:.09;mix-blend-mode:overlay;pointer-events:none;z-index:-1}
/* light theme: what the light boards change beyond the tokens */
:root[data-theme="light"] .card{background:rgba(255,255,255,.62) !important;border:1px solid rgba(255,255,255,.8) !important;box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 10px 30px rgb(var(--ink-light-rgb) / .05) !important}
:root[data-theme="light"] .frost{box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 20px 50px rgb(var(--ink-light-rgb) / .12) !important}
:root[data-theme="light"] .grid-bg{opacity:.8}
:root[data-theme="light"] .phone{box-shadow:0 0 0 1px rgb(var(--ink-light-rgb) / .12),0 40px 80px rgb(var(--ink-light-rgb) / .18),0 0 120px rgb(var(--sage-400-rgb) / .18) !important}
:root[data-theme="light"] .lit>.wrap{background:radial-gradient(120% 70% at 50% 0%,rgb(var(--sage-text-rgb) / .06),transparent 62%),var(--k-fbfaf7) !important;border:1px solid rgb(var(--ink-light-rgb) / .07) !important}
:root[data-theme="light"] .lensarc{opacity:.7;background:conic-gradient(from 270deg,rgb(var(--sage-400-rgb) / 0),rgb(var(--sage-400-rgb) / .35) 60deg,rgba(255,255,255,.95) 90deg,rgb(var(--sage-400-rgb) / .35) 120deg,rgb(var(--sage-400-rgb) / 0) 180deg,rgb(var(--sage-400-rgb) / 0) 360deg) !important;filter:blur(2px) !important}
:root[data-theme="light"] .viz{background:#FFFFFF !important;border:1px solid rgb(var(--ink-light-rgb) / .09) !important}
:root[data-theme="light"] .photon{border:0 !important;box-shadow:0 0 16px 5px rgb(var(--sage-text-rgb) / .16),inset 0 0 16px 5px rgb(var(--sage-text-rgb) / .12) !important}
:root[data-theme="light"] .btn-hot{box-shadow:0 8px 24px rgb(var(--sage-text-rgb) / .22) !important}
:root[data-theme="light"] .paper{box-shadow:0 1px 2px rgb(var(--paper-ink-rgb) / .05),0 24px 60px rgb(var(--paper-ink-rgb) / .12)}
:root[data-theme="light"] .term .tip b{color:var(--k-a6e3c8)}
:root[data-theme="light"] .h2{background:none !important;-webkit-text-fill-color:currentColor !important}
:root[data-theme="light"] .disk{opacity:1;background:conic-gradient(from 0deg,rgb(var(--sage-text-rgb) / .22) 0deg,rgb(var(--sage-text-rgb) / .75) 40deg,rgb(var(--sage-mint-rgb) / .95) 62deg,rgb(var(--sage-text-rgb) / .7) 90deg,rgb(var(--sage-text-rgb) / .2) 150deg,rgb(var(--sage-text-rgb) / .6) 215deg,rgb(var(--sage-mint-rgb) / .9) 250deg,rgb(var(--sage-text-rgb) / .4) 290deg,rgb(var(--sage-text-rgb) / .22) 360deg) !important;filter:blur(.8px) drop-shadow(0 0 14px rgb(var(--sage-text-rgb) / .3)) !important}
:root[data-theme="light"] .grain{opacity:.07;mix-blend-mode:multiply}
:root[data-theme="light"] .disk{-webkit-mask:radial-gradient(closest-side,transparent 26%,#000 34%,#000 74%,transparent 100%) !important;mask:radial-gradient(closest-side,transparent 26%,#000 34%,#000 74%,transparent 100%) !important}
:root[data-theme="light"] .bh-glow{opacity:.8;background:radial-gradient(closest-side,rgb(var(--sage-400-rgb) / .22),rgb(var(--sage-400-rgb) / .06) 55%,transparent) !important}
:root[data-theme="light"] .term .tip{background:var(--k-1b1c1a);color:var(--k-f5f4f0);border-color:transparent}
:root[data-theme="light"] .horizon{background:radial-gradient(closest-side,rgb(var(--sage-400-rgb) / .42) 50%,rgb(var(--sage-400-rgb) / .22) 68%,rgb(var(--sage-400-rgb) / .06) 86%,transparent) !important}
:root[data-theme="light"] .nv,:root[data-theme="light"] .wrapper-t,:root[data-theme="light"] .step3{background:rgba(255,255,255,.6) !important}
:root[data-theme="light"] .aurora{opacity:.6}
/* what a save is (a chip, a pile card, a share target): the kind's soft ground and its icon's colour */
.kind--reel{background:var(--plum-soft)}.kind--reel .ic{color:var(--plum)}
.kind--pdf{background:var(--ocean-soft)}.kind--pdf .ic{color:var(--ocean-2)}
.kind--voice{background:var(--clay-soft)}.kind--voice .ic{color:var(--warn)}
.kind--link{background:var(--accent-soft)}.kind--link .ic{color:var(--accent-2)}