/* GENERATED by tools/build_themes.py – do not edit. Neutral-theme colours for every rule that used the red palette. */

/* ---- from elvaro/style.css ---- */
html[data-neutral] body { background: color-mix(in srgb, var(--th-acc) 15%, #fff); }
html[data-neutral] .bg { background: linear-gradient(135deg, color-mix(in srgb, var(--th-acc) 9%, #fff) 0%, color-mix(in srgb, var(--th-acc) 16%, #fff) 42%, color-mix(in srgb, var(--th-acc) 35%, #fff) 100%); }
html[data-neutral] .b1 { background: var(--th-accl); }
html[data-neutral] .b2 { background: color-mix(in srgb, var(--th-acc) 35%, #fff); }
html[data-neutral] .b3 { background: var(--th-accl); }
html[data-neutral] .shell { background: linear-gradient(160deg, rgba(255, 255, 255, .92), color-mix(in srgb, color-mix(in srgb, var(--th-acc) 4%, #fff) 82%, transparent) 55%, color-mix(in srgb, color-mix(in srgb, var(--th-acc) 7%, #fff) 80%, transparent)); box-shadow: 0 50px 90px -50px color-mix(in srgb, var(--th-shadow) 50%, transparent), 0 0 0 10px rgba(255, 255, 255, .3); }
html[data-neutral] .shell::before { background: radial-gradient(closest-side, var(--th-dark), transparent); }
html[data-neutral] .ping { background: color-mix(in srgb, var(--th-dark2) 100%, var(--th-dark)); }
html[data-neutral] .btn-ac { background: var(--th-dark); box-shadow: 0 8px 20px -10px var(--th-shadow), 0 0 0 1px rgba(0, 0, 0, .06) inset; }
html[data-neutral] .btn-ac:hover { box-shadow: 0 14px 26px -12px var(--th-shadow); }
html[data-neutral] .avatar { background: linear-gradient(140deg, color-mix(in srgb, var(--th-acc) 15%, #fff), color-mix(in srgb, var(--th-acc) 35%, #fff)); box-shadow: 0 0 0 3px var(--th-shadow), 0 8px 18px -10px rgba(0, 0, 0, .4); }
html[data-neutral] .pop-h span { background: var(--th-dark); }
html[data-neutral] .pop-sm button.on { background: var(--th-dark); }
html[data-neutral] .sw.wine { background: color-mix(in srgb, var(--th-dark2) 62%, var(--th-dark)); }
html[data-neutral] .sw.ember { background: color-mix(in srgb, var(--th-acc) 57%, var(--th-dark2)); }
html[data-neutral] .sw.brown { background: color-mix(in srgb, var(--th-acc) 20%, var(--th-dark2)); }
html[data-neutral] .rb.on { background: radial-gradient(circle at 30% 25%, color-mix(in srgb, var(--th-dark2) 27%, var(--th-dark)), #1e100c); }
html[data-neutral] .stat:hover { box-shadow: var(--shadow), 0 24px 40px -26px color-mix(in srgb, var(--th-shadow) 40%, transparent); }
html[data-neutral] .contact { background: linear-gradient(160deg, rgba(255, 255, 255, .98), color-mix(in srgb, color-mix(in srgb, var(--th-acc) 4%, #fff) 94%, transparent)); }
html[data-neutral] .fab-btn { background: linear-gradient(145deg, var(--th-dark), var(--th-dark2)); box-shadow: 0 18px 34px -12px var(--th-shadow), 0 0 0 4px rgba(255, 255, 255, .7); }
html[data-neutral] .fab-btn::before { box-shadow: 0 0 0 0 var(--th-shadow); }
html[data-neutral] .c-av { background: radial-gradient(circle at 70% 20%, var(--th-dark), transparent 60%), linear-gradient(160deg, color-mix(in srgb, var(--th-acc) 9%, #fff), color-mix(in srgb, var(--th-acc) 35%, #fff)); }
html[data-neutral] .u-ic { background: linear-gradient(145deg, color-mix(in srgb, var(--th-acc) 11%, #fff), color-mix(in srgb, var(--th-acc) 20%, #fff)); }
html[data-neutral] .t-g { background: color-mix(in srgb, var(--th-acc) 11%, transparent); color: var(--th-dark); }
html[data-neutral] .t-b { background: color-mix(in srgb, var(--th-acc) 12%, transparent); color: var(--th-dark); }
html[data-neutral] .t-o { background: color-mix(in srgb, var(--th-accl) 24%, transparent); color: var(--th-acc); }
html[data-neutral] .t-r { background: color-mix(in srgb, var(--th-acc) 16%, transparent); color: var(--th-acc); }
html[data-neutral] .chart-box .tip { background: var(--th-dark); }
html[data-neutral] .app::after { background: radial-gradient(160px circle at var(--mx, 50%) var(--my, 0), var(--th-dark), transparent 70%); }
html[data-neutral] .a-ic { background: linear-gradient(145deg, var(--th-dark), var(--th-dark2)); }
html[data-neutral] .a-tx em.live { background: color-mix(in srgb, var(--th-acc) 12%, transparent); color: var(--th-acc); }
html[data-neutral] .pin[aria-pressed="true"] { background: var(--th-dark); }
html[data-neutral] .cal-d.is-today { box-shadow: 0 0 0 2px var(--th-shadow); }
html[data-neutral] .cal-d .dts i { background: var(--k, var(--th-dark)); }
html[data-neutral] .ev-d { background: var(--th-dark); }
html[data-neutral] .n-card::before { background: var(--th-dark); }
html[data-neutral] .mission { background: radial-gradient(120% 120% at 100% 0%, color-mix(in srgb, var(--th-dark2) 20%, var(--th-dark)) 0%, #3a1d1e 45%, #1e130f 85%); box-shadow: 0 30px 60px -34px color-mix(in srgb, var(--th-shadow) 70%, transparent); }
html[data-neutral] .foot { background: radial-gradient(90% 140% at 100% 0%, color-mix(in srgb, var(--th-dark2) 20%, var(--th-dark)), #2b1d19 60%, #1a100d); }
html[data-neutral] .m-card { box-shadow: 0 50px 90px -30px color-mix(in srgb, var(--th-shadow) 60%, transparent); }
html[data-neutral] .m-res li button:hover, html[data-neutral] .m-res li button.act { background: var(--th-dark); }

/* ---- from elvaro/pages.css ---- */
html[data-neutral] .top { background: color-mix(in srgb, color-mix(in srgb, var(--th-acc) 8%, #fff) 92%, transparent); }
html[data-neutral] .rail { background: radial-gradient(140% 55% at 0% 0%, color-mix(in srgb, var(--th-dark2) 20%, var(--th-dark)), #2b1d19 60%, #1a100d); }
@media (max-width: 860px) {
  html[data-neutral] .rail { background: radial-gradient(140% 160% at 0% 0%, color-mix(in srgb, var(--th-dark2) 20%, var(--th-dark)), #2b1d19 60%, #1a100d); }
}
html[data-neutral] .callout { background: var(--th-dark); }
html[data-neutral] .tr-cat::before { background: var(--th-dark); }
html[data-neutral] .tr-cat .u-ic { background: var(--th-dark); }
html[data-neutral] .tr-empty { background: radial-gradient(90% 140% at 100% 0%, color-mix(in srgb, var(--th-dark2) 20%, var(--th-dark)), #2b1d19 60%, #1a100d); }
html[data-neutral] .toc a.on { background: var(--th-dark); }
html[data-neutral] .legal .cta { background: var(--th-dark); }
html[data-neutral] .card { box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 16px 34px -28px color-mix(in srgb, var(--th-shadow) 45%, transparent); }
html[data-neutral] .app, html[data-neutral] .n-card, html[data-neutral] .doc, html[data-neutral] .faq, html[data-neutral] .q, html[data-neutral] .tr-cat, html[data-neutral] .ev { box-shadow: 0 0 0 1px var(--line), 0 10px 22px -20px color-mix(in srgb, var(--th-shadow) 45%, transparent); }
html[data-neutral] .hero-l::before { background: radial-gradient(closest-side, color-mix(in srgb, var(--th-acc) 9%, transparent), transparent); }
html[data-neutral] .h-latest { box-shadow: 0 0 0 1px var(--line), 0 8px 18px -14px color-mix(in srgb, var(--th-shadow) 50%, transparent); }
html[data-neutral] .h-latest:hover { box-shadow: 0 0 0 1px color-mix(in srgb, var(--th-shadow) 25%, transparent), 0 12px 22px -14px color-mix(in srgb, var(--th-shadow) 55%, transparent); }
html[data-neutral] .h-latest span { background: var(--th-dark); }
html[data-neutral] .stat .s-h .i { background: var(--th-dark); }
html[data-neutral] .nu-d { background: var(--th-dark); }
html[data-neutral] .ark::after { background: radial-gradient(120% 90% at 100% 0%, color-mix(in srgb, var(--th-accl) 12%, transparent), transparent 55%),
    linear-gradient(160deg, color-mix(in srgb, color-mix(in srgb, var(--th-dark2) 0%, var(--th-dark)) 82%, transparent) 0%, color-mix(in srgb, color-mix(in srgb, var(--th-dark2) 20%, var(--th-dark)) 64%, transparent) 45%, color-mix(in srgb, color-mix(in srgb, var(--th-dark2) 0%, var(--th-dark)) 88%, transparent) 100%); }
html[data-neutral] .tile small.live { color: var(--th-acc); }
html[data-neutral] .tile small.live i { background: color-mix(in srgb, var(--th-dark2) 100%, var(--th-dark)); box-shadow: 0 0 0 3px color-mix(in srgb, var(--th-shadow) 18%, transparent); }
html[data-neutral] .launcher { box-shadow: 0 1px 0 rgba(255, 255, 255, .9) inset, 0 24px 48px -34px color-mix(in srgb, var(--th-shadow) 50%, transparent); }
html[data-neutral] .launcher::before { background: linear-gradient(90deg, var(--th-dark), var(--th-dark), var(--hl)); }
html[data-neutral] .l-ic { background: var(--th-dark); box-shadow: 0 12px 22px -12px var(--th-shadow); }
html[data-neutral] .content > .hero { box-shadow: 0 1px 0 rgba(255, 255, 255, .9) inset, 0 24px 48px -34px color-mix(in srgb, var(--th-shadow) 50%, transparent); }
html[data-neutral] .tile.hl { background: linear-gradient(150deg, var(--th-dark), var(--th-dark)); box-shadow: 0 16px 30px -16px var(--th-shadow), 0 0 0 1px rgba(0, 0, 0, .04) inset; }
html[data-neutral] .tile.hl:hover, html[data-neutral] .tile.hl:focus-visible { background: linear-gradient(150deg, var(--th-dark), color-mix(in srgb, var(--th-dark2) 0%, var(--th-dark))); }
html[data-neutral] .vpop { background: radial-gradient(120% 100% at 100% 0%, color-mix(in srgb, var(--th-dark2) 20%, var(--th-dark)), #2b1d19 62%, #1a100d); }
html[data-neutral] .vfab { background: radial-gradient(circle at 30% 25%, color-mix(in srgb, var(--th-dark2) 27%, var(--th-dark)), #1e100c); }
html[data-neutral] .gm-land { stroke: color-mix(in srgb, var(--th-accl) 42%, transparent); }
html[data-neutral] .gm-arc { stroke: var(--th-accl); filter: drop-shadow(0 0 3px color-mix(in srgb, var(--th-shadow) 70%, transparent)); }
html[data-neutral] .gm-comet { filter: drop-shadow(0 0 5px var(--th-shadow)) drop-shadow(0 0 10px color-mix(in srgb, var(--th-shadow) 80%, transparent)); }
html[data-neutral] .gm-dot { fill: var(--th-accl); }
html[data-neutral] .gm-ping { stroke: var(--th-accl); }
html[data-neutral] .gm-lbl.hq { fill: var(--th-accl); }
html[data-neutral] .gm-hq-dot { stroke: var(--th-acc); }
html[data-neutral] .gm-hq-ring { stroke: var(--th-accl); }
html[data-neutral] .gm-legend i { background: var(--th-accl); box-shadow: 0 0 0 2px #2b1d19, 0 0 0 3px color-mix(in srgb, var(--th-shadow) 40%, transparent); }
html[data-neutral] .gm-legend i.hq { box-shadow: 0 0 0 2px var(--th-shadow), 0 0 8px var(--th-shadow); }
html[data-neutral] .foot { background: radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--th-dark2) 20%, var(--th-dark)) 0%, #2b1d19 55%, #160c0a 100%); }
html[data-neutral] .f-orb.o1 { background: color-mix(in srgb, color-mix(in srgb, var(--th-dark2) 62%, var(--th-dark)) 55%, transparent); }
html[data-neutral] .f-orb.o2 { background: color-mix(in srgb, var(--th-accl) 32%, transparent); }
html[data-neutral] .f-orb.o3 { background: color-mix(in srgb, var(--th-accl) 35%, transparent); }
html[data-neutral] .tile.hl { box-shadow: 0 12px 22px -14px var(--th-shadow); }
html[data-neutral] .cta-band { background: radial-gradient(120% 140% at 100% 0%, color-mix(in srgb, var(--th-dark2) 31%, var(--th-dark)) 0%, color-mix(in srgb, var(--th-dark2) 0%, var(--th-dark)) 45%, #2b1d19 100%); box-shadow: 0 30px 60px -36px color-mix(in srgb, var(--th-shadow) 80%, transparent); }
html[data-neutral] .cta-eyebrow i { box-shadow: 0 0 0 3px color-mix(in srgb, var(--th-shadow) 25%, transparent); }
html[data-neutral] .auth-art::after { background: linear-gradient(180deg, rgba(43, 29, 25, 0) 35%, rgba(26, 12, 10, .78) 100%),
    radial-gradient(120% 90% at 100% 0%, color-mix(in srgb, var(--th-accl) 12%, transparent), transparent 55%),
    linear-gradient(160deg, color-mix(in srgb, color-mix(in srgb, var(--th-dark2) 0%, var(--th-dark)) 80%, transparent) 0%, color-mix(in srgb, color-mix(in srgb, var(--th-dark2) 20%, var(--th-dark)) 60%, transparent) 45%, color-mix(in srgb, color-mix(in srgb, var(--th-dark2) 0%, var(--th-dark)) 86%, transparent) 100%); }
@media (max-width: 860px) {
  html[data-neutral] .rail { box-shadow: 0 18px 36px -18px color-mix(in srgb, var(--th-shadow) 45%, transparent), 0 2px 8px color-mix(in srgb, var(--th-shadow) 6%, transparent); }
  html[data-neutral] .rail .rb.on, html[data-neutral] .rail .rb[aria-expanded="true"] { background: var(--th-dark); box-shadow: 0 8px 16px -10px var(--th-shadow); }
}
html[data-neutral] .bg { background: linear-gradient(135deg, color-mix(in srgb, var(--th-acc) 6%, #fff) 0%, color-mix(in srgb, var(--th-acc) 15%, #fff) 45%, var(--th-accl) 100%); }
html[data-neutral] .bg .b1 { background: color-mix(in srgb, var(--th-accl) 35%, transparent); }
html[data-neutral] .bg .b2 { background: color-mix(in srgb, var(--th-accl) 22%, transparent); }
html[data-neutral] .bg .b3 { background: color-mix(in srgb, var(--th-acc) 14%, transparent); }
html[data-neutral] .ark::after { background: radial-gradient(70% 60% at 8% 0%, color-mix(in srgb, color-mix(in srgb, var(--th-acc) 9%, #fff) 38%, transparent), transparent 60%),
    linear-gradient(200deg, color-mix(in srgb, color-mix(in srgb, var(--th-acc) 75%, var(--th-dark2)) 50%, transparent) 0%, color-mix(in srgb, color-mix(in srgb, var(--th-acc) 58%, var(--th-dark2)) 50%, transparent) 30%, color-mix(in srgb, color-mix(in srgb, var(--th-dark2) 99%, var(--th-dark)) 62%, transparent) 58%, color-mix(in srgb, color-mix(in srgb, var(--th-dark2) 50%, var(--th-dark)) 86%, transparent) 100%); }
html[data-neutral] .auth-art::after { background: linear-gradient(180deg, color-mix(in srgb, var(--th-acc) 0%, transparent) 40%, color-mix(in srgb, color-mix(in srgb, var(--th-dark2) 0%, var(--th-dark)) 82%, transparent) 100%),
    radial-gradient(70% 60% at 8% 0%, color-mix(in srgb, color-mix(in srgb, var(--th-acc) 9%, #fff) 35%, transparent), transparent 60%),
    linear-gradient(200deg, color-mix(in srgb, color-mix(in srgb, var(--th-acc) 75%, var(--th-dark2)) 50%, transparent) 0%, color-mix(in srgb, color-mix(in srgb, var(--th-acc) 58%, var(--th-dark2)) 52%, transparent) 30%, color-mix(in srgb, color-mix(in srgb, var(--th-dark2) 99%, var(--th-dark)) 64%, transparent) 58%, color-mix(in srgb, color-mix(in srgb, var(--th-dark2) 50%, var(--th-dark)) 88%, transparent) 100%); }
html[data-neutral] .cta-band { background: radial-gradient(60% 90% at 0% 0%, rgba(255, 255, 255, .7), transparent 60%),
    linear-gradient(100deg, color-mix(in srgb, var(--th-acc) 9%, #fff) 0%, color-mix(in srgb, var(--th-acc) 20%, #fff) 24%, var(--th-accl) 44%, color-mix(in srgb, var(--th-acc) 58%, var(--th-dark2)) 62%, color-mix(in srgb, var(--th-dark2) 99%, var(--th-dark)) 80%, color-mix(in srgb, var(--th-dark2) 50%, var(--th-dark)) 100%); box-shadow: 0 30px 60px -34px color-mix(in srgb, var(--th-shadow) 75%, transparent), 0 0 0 1px rgba(255, 255, 255, .5) inset; }
html[data-neutral] .cta-eyebrow { background: var(--th-dark); }
html[data-neutral] .cta-eyebrow i { background: var(--th-accl); }
html[data-neutral] .cta-band p { color: var(--th-dark); }
html[data-neutral] .cta-btns .btn-ac { background: var(--th-dark); box-shadow: 0 12px 24px -12px color-mix(in srgb, var(--th-shadow) 80%, transparent); }
html[data-neutral] .cta-btns .btn-ghost { box-shadow: 0 0 0 1px color-mix(in srgb, var(--th-shadow) 18%, transparent); }
@media (max-width: 1080px) {
  html[data-neutral] .cta-band { background: radial-gradient(80% 50% at 0% 0%, rgba(255, 255, 255, .7), transparent 60%),
    linear-gradient(175deg, color-mix(in srgb, var(--th-acc) 9%, #fff) 0%, color-mix(in srgb, var(--th-acc) 20%, #fff) 30%, var(--th-accl) 52%, color-mix(in srgb, var(--th-acc) 58%, var(--th-dark2)) 70%, color-mix(in srgb, var(--th-dark2) 99%, var(--th-dark)) 86%, color-mix(in srgb, var(--th-dark2) 50%, var(--th-dark)) 100%); }
}
html[data-neutral] .rail { background: radial-gradient(140% 55% at 0% 0%, color-mix(in srgb, var(--th-dark2) 99%, var(--th-dark)) 0%, color-mix(in srgb, var(--th-dark2) 50%, var(--th-dark)) 38%, color-mix(in srgb, var(--th-dark2) 10%, var(--th-dark)) 75%, color-mix(in srgb, var(--th-dark2) 0%, var(--th-dark)) 100%); }
html[data-neutral] .mission { background: radial-gradient(70% 80% at 100% 0%, color-mix(in srgb, var(--th-accl) 45%, transparent), transparent 60%),
  radial-gradient(120% 120% at 100% 0%, color-mix(in srgb, var(--th-acc) 58%, var(--th-dark2)) 0%, color-mix(in srgb, var(--th-dark2) 78%, var(--th-dark)) 35%, color-mix(in srgb, var(--th-dark2) 22%, var(--th-dark)) 70%, color-mix(in srgb, var(--th-dark2) 0%, var(--th-dark)) 100%); box-shadow: 0 30px 60px -34px color-mix(in srgb, var(--th-shadow) 70%, transparent); }
html[data-neutral] .foot { background: radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--th-dark2) 78%, var(--th-dark)) 0%, color-mix(in srgb, var(--th-dark2) 22%, var(--th-dark)) 50%, color-mix(in srgb, var(--th-dark2) 0%, var(--th-dark)) 100%); }
html[data-neutral] .f-orb.o1 { background: color-mix(in srgb, color-mix(in srgb, var(--th-dark2) 99%, var(--th-dark)) 60%, transparent); }
html[data-neutral] .f-orb.o2 { background: color-mix(in srgb, var(--th-accl) 38%, transparent); }
html[data-neutral] .f-orb.o3 { background: color-mix(in srgb, var(--th-accl) 45%, transparent); }
html[data-neutral] .vpop { background: linear-gradient(160deg, color-mix(in srgb, var(--th-dark2) 78%, var(--th-dark)) 0%, color-mix(in srgb, var(--th-dark2) 22%, var(--th-dark)) 60%, color-mix(in srgb, var(--th-dark2) 0%, var(--th-dark)) 100%); }
html[data-neutral] .promo-ark { box-shadow: 0 30px 60px -30px color-mix(in srgb, var(--th-shadow) 60%, transparent), 0 0 0 1px rgba(255, 255, 255, .6); }
html[data-neutral] .promo-ark::after { background: linear-gradient(180deg, transparent 58%, color-mix(in srgb, color-mix(in srgb, var(--th-dark2) 0%, var(--th-dark)) 55%, transparent) 82%, color-mix(in srgb, color-mix(in srgb, var(--th-dark2) 0%, var(--th-dark)) 85%, transparent) 100%); }
html[data-neutral] .promo-ark .pa-bar { background: color-mix(in srgb, var(--th-acc) 45%, transparent); }
html[data-neutral] .pa-btns .btn-ac { color: var(--fl-deep, var(--th-acc)); }
@media (max-width: 860px) {
  html[data-neutral] .promo-ark img { box-shadow: 0 20px 40px -24px color-mix(in srgb, var(--th-shadow) 60%, transparent); }
  html[data-neutral] .promo-ark .pa-bar { background: linear-gradient(120deg, color-mix(in srgb, var(--th-dark2) 99%, var(--th-dark)), color-mix(in srgb, var(--th-dark2) 50%, var(--th-dark))); }
}
html[data-neutral] .promo-ark img { box-shadow: 0 24px 48px -26px color-mix(in srgb, var(--th-shadow) 65%, transparent), 0 0 0 1px rgba(255, 255, 255, .6); }
html[data-neutral] .promo-ark .pa-bar { background: linear-gradient(110deg, color-mix(in srgb, var(--th-acc) 58%, var(--th-dark2)) 0%, color-mix(in srgb, var(--th-dark2) 99%, var(--th-dark)) 40%, color-mix(in srgb, var(--th-dark2) 50%, var(--th-dark)) 100%); }
html[data-neutral] .hslider::before { background: radial-gradient(closest-side, color-mix(in srgb, var(--th-accl) 28%, transparent), color-mix(in srgb, var(--th-acc) 12%, transparent) 55%, transparent); }
html[data-neutral] .hs-slide .pa-bar { background: linear-gradient(110deg, color-mix(in srgb, color-mix(in srgb, var(--th-acc) 58%, var(--th-dark2)) 94%, transparent) 0%, color-mix(in srgb, color-mix(in srgb, var(--th-dark2) 99%, var(--th-dark)) 94%, transparent) 42%, color-mix(in srgb, color-mix(in srgb, var(--th-dark2) 50%, var(--th-dark)) 96%, transparent) 100%); box-shadow: 0 18px 34px -18px color-mix(in srgb, var(--th-shadow) 80%, transparent); }
html[data-neutral] .hs-slide .pa-bar.soft { box-shadow: 0 16px 30px -20px color-mix(in srgb, var(--th-shadow) 60%, transparent); }
html[data-neutral] .hs-arrow:hover { background: var(--th-dark); }
html[data-neutral] .hs-dots button { background: color-mix(in srgb, var(--th-acc) 22%, transparent); }
html[data-neutral] .hs-dots button.on { background: color-mix(in srgb, var(--th-acc) 22%, transparent); }
html[data-neutral] .hs-dots button.on::after { background: linear-gradient(90deg, color-mix(in srgb, var(--th-acc) 58%, var(--th-dark2)), color-mix(in srgb, var(--th-dark2) 78%, var(--th-dark))); }
html[data-neutral] .content > .hero .hs-img::after { background: linear-gradient(180deg, transparent, color-mix(in srgb, color-mix(in srgb, var(--th-dark2) 0%, var(--th-dark)) 55%, transparent)); }
html[data-neutral] .content > .hero:has(.hslider) { background: radial-gradient(60% 70% at 0% 0%, color-mix(in srgb, var(--th-accl) 16%, transparent), transparent 70%),
  radial-gradient(55% 60% at 30% 100%, color-mix(in srgb, var(--th-acc) 7%, transparent), transparent 70%), #fff; }
html[data-neutral] .content > .hero:has(.hslider) h1 .h-sub { background: linear-gradient(90deg, color-mix(in srgb, var(--th-dark2) 78%, var(--th-dark)), color-mix(in srgb, var(--th-dark2) 99%, var(--th-dark)) 45%, color-mix(in srgb, var(--th-acc) 58%, var(--th-dark2))); }
html[data-neutral] .content > .hero:has(.hslider) .stats { background: linear-gradient(135deg, color-mix(in srgb, var(--th-acc) 5%, #fff), color-mix(in srgb, var(--th-acc) 9%, #fff)); border: 1px solid color-mix(in srgb, var(--th-acc) 10%, transparent); box-shadow: 0 14px 30px -24px color-mix(in srgb, var(--th-shadow) 45%, transparent); }
html[data-neutral] .content > .hero:has(.hslider) .stat + .stat { border-left: 1px solid color-mix(in srgb, var(--th-acc) 12%, transparent); }
html[data-neutral] .content > .hero:has(.hslider) .stat .s-h .i { color: var(--th-acc); }
html[data-neutral] .content > .hero:has(.hslider) .stat .n { color: var(--th-acc); }
html[data-neutral] .foot { background: linear-gradient(180deg, color-mix(in srgb, var(--th-dark2) 50%, var(--th-dark)) 0%, color-mix(in srgb, var(--th-dark2) 3%, var(--th-dark)) 100%); }
html[data-neutral] .foot { background: linear-gradient(180deg, color-mix(in srgb, var(--th-acc) 0%, transparent) 0, color-mix(in srgb, color-mix(in srgb, var(--th-dark2) 50%, var(--th-dark)) 55%, transparent) 60px, color-mix(in srgb, var(--th-dark2) 50%, var(--th-dark)) 130px, color-mix(in srgb, var(--th-dark2) 3%, var(--th-dark)) 100%); }
@media (max-width: 860px) {
  html[data-neutral] .foot { background: linear-gradient(180deg, color-mix(in srgb, var(--th-acc) 0%, transparent) 0, color-mix(in srgb, color-mix(in srgb, var(--th-dark2) 50%, var(--th-dark)) 55%, transparent) 45px, color-mix(in srgb, var(--th-dark2) 50%, var(--th-dark)) 100px, color-mix(in srgb, var(--th-dark2) 3%, var(--th-dark)) 100%); }
}
html[data-neutral] .foot { background: radial-gradient(38% 120px at 78% 40px, color-mix(in srgb, color-mix(in srgb, var(--th-acc) 8%, #fff) 75%, transparent), transparent 70%),
    radial-gradient(55% 340px at 88% 120px, color-mix(in srgb, color-mix(in srgb, var(--th-acc) 75%, var(--th-dark2)) 55%, transparent), transparent 72%),
    radial-gradient(50% 380px at 8% 180px, color-mix(in srgb, color-mix(in srgb, var(--th-acc) 58%, var(--th-dark2)) 50%, transparent), transparent 72%),
    radial-gradient(70% 50% at 50% 100%, color-mix(in srgb, color-mix(in srgb, var(--th-dark2) 0%, var(--th-dark)) 55%, transparent), transparent 70%),
    linear-gradient(180deg, color-mix(in srgb, color-mix(in srgb, var(--th-acc) 9%, #fff) 0%, transparent) 0, color-mix(in srgb, var(--th-accl) 70%, transparent) 50px, color-mix(in srgb, var(--th-acc) 58%, var(--th-dark2)) 105px, color-mix(in srgb, var(--th-dark2) 99%, var(--th-dark)) 190px, color-mix(in srgb, var(--th-dark2) 78%, var(--th-dark)) 48%, color-mix(in srgb, var(--th-dark2) 50%, var(--th-dark)) 76%, color-mix(in srgb, var(--th-dark2) 3%, var(--th-dark)) 100%); }
html[data-neutral] .foot .f-orb.o1 { background: color-mix(in srgb, var(--th-accl) 35%, transparent); }
html[data-neutral] .foot .f-orb.o2 { background: color-mix(in srgb, var(--th-accl) 40%, transparent); }
html[data-neutral] .foot .f-orb.o3 { background: color-mix(in srgb, var(--th-accl) 22%, transparent); }
html[data-neutral] .foot .f-glass { background: linear-gradient(150deg, color-mix(in srgb, var(--th-acc) 26%, transparent), color-mix(in srgb, var(--th-acc) 18%, transparent)); box-shadow: 0 1px 0 rgba(255, 255, 255, .22) inset, 0 30px 60px -30px color-mix(in srgb, var(--th-shadow) 60%, transparent); }
html[data-neutral] .foot h4 { color: var(--th-accl); }
@media (max-width: 860px) {
  html[data-neutral] .foot { background: radial-gradient(70% 160px at 85% 50px, color-mix(in srgb, color-mix(in srgb, var(--th-acc) 75%, var(--th-dark2)) 50%, transparent), transparent 72%),
      radial-gradient(70% 220px at 0% 140px, color-mix(in srgb, var(--th-accl) 45%, transparent), transparent 72%),
      linear-gradient(180deg, color-mix(in srgb, color-mix(in srgb, var(--th-acc) 9%, #fff) 0%, transparent) 0, color-mix(in srgb, var(--th-accl) 70%, transparent) 36px, color-mix(in srgb, var(--th-acc) 58%, var(--th-dark2)) 80px, color-mix(in srgb, var(--th-dark2) 99%, var(--th-dark)) 150px, color-mix(in srgb, var(--th-dark2) 78%, var(--th-dark)) 45%, color-mix(in srgb, var(--th-dark2) 50%, var(--th-dark)) 75%, color-mix(in srgb, var(--th-dark2) 3%, var(--th-dark)) 100%); }
}
@media (min-width: 861px) {
  html[data-neutral] .rail { background: radial-gradient(120% 220px at 0% 0%, color-mix(in srgb, color-mix(in srgb, var(--th-acc) 15%, #fff) 45%, transparent), transparent 70%),
    radial-gradient(140% 300px at 100% 60px, color-mix(in srgb, color-mix(in srgb, var(--th-acc) 75%, var(--th-dark2)) 50%, transparent), transparent 72%),
    linear-gradient(180deg, color-mix(in srgb, var(--th-acc) 58%, var(--th-dark2)) 0%, color-mix(in srgb, var(--th-dark2) 99%, var(--th-dark)) 22%, color-mix(in srgb, var(--th-dark2) 78%, var(--th-dark)) 48%, color-mix(in srgb, var(--th-dark2) 50%, var(--th-dark)) 74%, color-mix(in srgb, var(--th-dark2) 3%, var(--th-dark)) 100%); }
}
html[data-neutral] .mission { background: radial-gradient(45% 55% at 92% 6%, color-mix(in srgb, color-mix(in srgb, var(--th-acc) 15%, #fff) 50%, transparent), transparent 70%),
  radial-gradient(60% 70% at 100% 0%, color-mix(in srgb, color-mix(in srgb, var(--th-acc) 75%, var(--th-dark2)) 55%, transparent), transparent 72%),
  radial-gradient(55% 70% at 0% 100%, color-mix(in srgb, color-mix(in srgb, var(--th-dark2) 0%, var(--th-dark)) 55%, transparent), transparent 72%),
  linear-gradient(135deg, color-mix(in srgb, var(--th-dark2) 50%, var(--th-dark)) 0%, color-mix(in srgb, var(--th-dark2) 78%, var(--th-dark)) 32%, color-mix(in srgb, var(--th-dark2) 99%, var(--th-dark)) 58%, color-mix(in srgb, var(--th-acc) 58%, var(--th-dark2)) 84%, color-mix(in srgb, var(--th-acc) 75%, var(--th-dark2)) 100%); }
html[data-neutral] .mission .m-glow { background: radial-gradient(closest-side, color-mix(in srgb, var(--th-accl) 90%, transparent), transparent 70%); }
html[data-neutral] .mission { background: radial-gradient(30% 40% at 96% 4%, color-mix(in srgb, var(--th-accl) 45%, transparent), transparent 70%),
  radial-gradient(45% 55% at 100% 0%, color-mix(in srgb, var(--th-accl) 40%, transparent), transparent 72%),
  radial-gradient(55% 70% at 0% 100%, color-mix(in srgb, color-mix(in srgb, var(--th-dark2) 0%, var(--th-dark)) 55%, transparent), transparent 72%),
  linear-gradient(135deg, color-mix(in srgb, var(--th-dark2) 34%, var(--th-dark)) 0%, color-mix(in srgb, var(--th-dark2) 65%, var(--th-dark)) 30%, color-mix(in srgb, var(--th-dark2) 91%, var(--th-dark)) 58%, color-mix(in srgb, var(--th-dark2) 99%, var(--th-dark)) 84%, color-mix(in srgb, var(--th-dark2) 100%, var(--th-dark)) 100%); }
@media (min-width: 861px) {
  html[data-neutral]:not(.rail-min) .rail-verse { box-shadow: 0 1px 0 rgba(255, 255, 255, .2) inset, 0 14px 28px -18px color-mix(in srgb, var(--th-shadow) 70%, transparent); }
  html[data-neutral] .rv-h .i { color: var(--th-accl); }
  html[data-neutral] .rv-h b { color: var(--th-accl); }
  html[data-neutral] .rv-ref { color: var(--th-accl); }
  html[data-neutral] .rv-act button.speaking { background: var(--th-accl); color: var(--th-dark); }
}
html[data-neutral] .foot .f-orb.o1 { background: color-mix(in srgb, var(--th-accl) 35%, transparent); }
html[data-neutral] .foot .f-orb.o2 { background: color-mix(in srgb, var(--th-acc) 18%, transparent); }
html[data-neutral] .foot .f-orb.o3 { background: color-mix(in srgb, var(--th-accl) 22%, transparent); }
html[data-neutral] .foot .f-glass { box-shadow: 0 1px 0 #fff inset, 0 0 0 1px color-mix(in srgb, var(--th-shadow) 6%, transparent), 0 30px 60px -36px color-mix(in srgb, var(--th-shadow) 35%, transparent); }
html[data-neutral] .foot h4 { color: var(--th-acc); }
html[data-neutral] .foot .f-col a:hover { color: var(--th-acc); }
html[data-neutral] .foot .f-col a:hover .i { color: var(--th-acc); }
html[data-neutral] .foot .f-row a:hover { color: var(--th-acc); }
html[data-neutral] .foot::after { color: var(--th-acc); }
html[data-neutral] .foot .f-orb.o1 { background: color-mix(in srgb, color-mix(in srgb, var(--th-acc) 75%, var(--th-dark2)) 50%, transparent); }
html[data-neutral] .foot .f-orb.o2 { background: color-mix(in srgb, var(--th-acc) 26%, transparent); }
html[data-neutral] .foot .f-orb.o3 { background: color-mix(in srgb, var(--th-accl) 32%, transparent); }
html[data-neutral] .content > .pg-head { background: radial-gradient(38% 140% at 100% 0%, color-mix(in srgb, color-mix(in srgb, var(--th-acc) 12%, #fff) 50%, transparent), transparent 62%),
    linear-gradient(100deg, #fff 0%, #fff 44%, color-mix(in srgb, var(--th-acc) 10%, #fff) 56%, var(--th-accl) 66%, color-mix(in srgb, var(--th-acc) 75%, var(--th-dark2)) 76%, color-mix(in srgb, var(--th-acc) 58%, var(--th-dark2)) 86%, color-mix(in srgb, var(--th-dark2) 99%, var(--th-dark)) 94%, color-mix(in srgb, var(--th-dark2) 61%, var(--th-dark)) 100%); box-shadow: 0 1px 0 #fff inset, 0 24px 48px -34px color-mix(in srgb, var(--th-shadow) 55%, transparent); }
html[data-neutral] .content > .pg-head::after { background: radial-gradient(closest-side, color-mix(in srgb, color-mix(in srgb, var(--th-acc) 16%, #fff) 55%, transparent), transparent); }
html[data-neutral] .content > .pg-head h1::after { background: linear-gradient(90deg, color-mix(in srgb, var(--th-dark2) 78%, var(--th-dark)), color-mix(in srgb, var(--th-acc) 58%, var(--th-dark2)), color-mix(in srgb, var(--th-acc) 75%, var(--th-dark2))); }
html[data-neutral] .content > .pg-head .crumbs a:hover { color: var(--th-acc); }
html[data-neutral] .content > .pg-head .crumbs b { color: var(--th-acc); }
html[data-neutral] .content > .pg-head .pg-act .btn-ghost { color: var(--th-acc); box-shadow: 0 10px 22px -14px color-mix(in srgb, var(--th-shadow) 70%, transparent); }
html[data-neutral] .content > .pg-head .seg-tabs { box-shadow: 0 10px 22px -14px color-mix(in srgb, var(--th-shadow) 70%, transparent); }
@media (max-width: 860px) {
  html[data-neutral] .content > .pg-head { background: radial-gradient(80% 60% at 100% 100%, color-mix(in srgb, color-mix(in srgb, var(--th-acc) 12%, #fff) 40%, transparent), transparent 65%),
      linear-gradient(172deg, #fff 0%, #fff 52%, color-mix(in srgb, var(--th-acc) 10%, #fff) 64%, var(--th-accl) 74%, color-mix(in srgb, var(--th-acc) 75%, var(--th-dark2)) 84%, color-mix(in srgb, var(--th-acc) 58%, var(--th-dark2)) 94%, color-mix(in srgb, var(--th-dark2) 99%, var(--th-dark)) 100%); }
}
html[data-neutral][data-accent="wine"] .btn-ac { background: linear-gradient(135deg, color-mix(in srgb, var(--th-dark2) 99%, var(--th-dark)) 0%, color-mix(in srgb, var(--th-dark2) 78%, var(--th-dark)) 55%, color-mix(in srgb, var(--th-dark2) 50%, var(--th-dark)) 100%); box-shadow: 0 10px 22px -12px color-mix(in srgb, var(--th-shadow) 85%, transparent), 0 1px 0 rgba(255, 255, 255, .25) inset; }
html[data-neutral][data-accent="wine"] .btn-ac:hover { background: linear-gradient(135deg, color-mix(in srgb, var(--th-acc) 58%, var(--th-dark2)) 0%, color-mix(in srgb, var(--th-dark2) 99%, var(--th-dark)) 50%, color-mix(in srgb, var(--th-dark2) 78%, var(--th-dark)) 100%); box-shadow: 0 16px 28px -14px color-mix(in srgb, var(--th-shadow) 85%, transparent); }
html[data-neutral] .btn-ghost:hover { color: var(--th-acc); box-shadow: 0 0 0 1px color-mix(in srgb, var(--th-shadow) 35%, transparent), 0 10px 20px -16px color-mix(in srgb, var(--th-shadow) 60%, transparent); }
html[data-neutral][data-accent="wine"] .chip.on, html[data-neutral][data-accent="wine"] .seg-tabs a.on { background: linear-gradient(135deg, color-mix(in srgb, var(--th-dark2) 99%, var(--th-dark)), color-mix(in srgb, var(--th-dark2) 50%, var(--th-dark))); box-shadow: 0 8px 16px -10px color-mix(in srgb, var(--th-shadow) 80%, transparent); }
html[data-neutral][data-accent="wine"] .chip.on em { background: var(--th-accl); color: var(--th-dark); }
html[data-neutral] .chip:not(.on):hover { box-shadow: 0 0 0 1px color-mix(in srgb, var(--th-shadow) 30%, transparent); color: var(--th-acc); }
html[data-neutral] .seg-tabs a:not(.on):hover { color: var(--th-acc); }
html[data-neutral] .card.panel { border-color: color-mix(in srgb, var(--th-acc) 8%, transparent); }
html[data-neutral] .u-ic { background: linear-gradient(145deg, color-mix(in srgb, var(--th-acc) 8%, #fff), color-mix(in srgb, var(--th-acc) 17%, #fff)); color: var(--th-acc); }
html[data-neutral] .u-row:hover, html[data-neutral] .a-row:hover, html[data-neutral] .a-row.on { background: linear-gradient(90deg, color-mix(in srgb, var(--th-accl) 14%, transparent), color-mix(in srgb, var(--th-accl) 5%, transparent)); }
html[data-neutral] .a-row.on { box-shadow: inset 3px 0 0 var(--th-shadow); }
html[data-neutral] .n-card::before { background: linear-gradient(90deg, color-mix(in srgb, var(--th-dark2) 78%, var(--th-dark)), color-mix(in srgb, var(--th-acc) 58%, var(--th-dark2)), color-mix(in srgb, var(--th-acc) 75%, var(--th-dark2))); }
html[data-neutral] .n-card:hover { box-shadow: 0 0 0 1px color-mix(in srgb, var(--th-shadow) 20%, transparent), 0 20px 36px -24px color-mix(in srgb, var(--th-shadow) 55%, transparent); }
html[data-neutral][data-accent="wine"] .cal-d.is-today { box-shadow: 0 0 0 2px var(--th-shadow); }
html[data-neutral][data-accent="wine"] .cal-d.sel { background: linear-gradient(135deg, color-mix(in srgb, var(--th-dark2) 99%, var(--th-dark)), color-mix(in srgb, var(--th-dark2) 50%, var(--th-dark))); box-shadow: 0 10px 20px -12px color-mix(in srgb, var(--th-shadow) 80%, transparent); }
html[data-neutral][data-accent="wine"] .cal-d.sel .dts i { background: var(--th-accl); }
html[data-neutral] .ev .nu-d, html[data-neutral] .ev-d { background: linear-gradient(135deg, color-mix(in srgb, var(--th-dark2) 99%, var(--th-dark)), color-mix(in srgb, var(--th-dark2) 50%, var(--th-dark))); }
html[data-neutral] details.faq[open] > summary { color: var(--th-acc); }
html[data-neutral] details.faq[open] { box-shadow: inset 3px 0 0 var(--th-shadow); }
html[data-neutral] .c-av { background: radial-gradient(70% 90% at 80% 10%, color-mix(in srgb, color-mix(in srgb, var(--th-acc) 12%, #fff) 70%, transparent), transparent 60%), linear-gradient(135deg, color-mix(in srgb, var(--th-acc) 75%, var(--th-dark2)), color-mix(in srgb, var(--th-dark2) 99%, var(--th-dark)) 55%, color-mix(in srgb, var(--th-dark2) 50%, var(--th-dark))); }
html[data-neutral] .a-search:focus-within, html[data-neutral] .input:focus-within, html[data-neutral] .search-pill:focus-visible { box-shadow: 0 0 0 2px var(--th-shadow), 0 0 0 6px color-mix(in srgb, var(--th-shadow) 12%, transparent); }
html[data-neutral] .toc a.on, html[data-neutral] .toc a[aria-current] { color: var(--th-acc); box-shadow: inset 3px 0 0 var(--th-shadow); }
html[data-neutral] .auth-art::after { background: linear-gradient(180deg, color-mix(in srgb, var(--th-acc) 5%, transparent) 0%, color-mix(in srgb, var(--th-acc) 35%, transparent) 40%, color-mix(in srgb, color-mix(in srgb, var(--th-dark2) 10%, var(--th-dark)) 88%, transparent) 78%, color-mix(in srgb, color-mix(in srgb, var(--th-dark2) 0%, var(--th-dark)) 96%, transparent) 100%),
    linear-gradient(200deg, color-mix(in srgb, var(--th-accl) 35%, transparent) 0%, color-mix(in srgb, var(--th-accl) 30%, transparent) 30%, color-mix(in srgb, var(--th-acc) 38%, transparent) 60%, color-mix(in srgb, color-mix(in srgb, var(--th-dark2) 50%, var(--th-dark)) 50%, transparent) 100%); }
html[data-neutral] .auth-art .aa-tx h1 { text-shadow: 0 2px 18px color-mix(in srgb, var(--th-shadow) 45%, transparent); }
html[data-neutral] .auth-art cite { color: var(--th-accl); }
html[data-neutral] .auth-card h2::after { background: linear-gradient(90deg, color-mix(in srgb, var(--th-dark2) 78%, var(--th-dark)), color-mix(in srgb, var(--th-acc) 58%, var(--th-dark2)), color-mix(in srgb, var(--th-acc) 75%, var(--th-dark2))); }
html[data-neutral] .auth-card .field label a, html[data-neutral] .auth-help a { color: var(--th-acc); }
html[data-neutral] .legacy .pf-wrap > .pg-head { background: radial-gradient(38% 140% at 100% 0%, color-mix(in srgb, color-mix(in srgb, var(--th-acc) 12%, #fff) 50%, transparent), transparent 62%),
    linear-gradient(100deg, #fff 0%, #fff 44%, color-mix(in srgb, var(--th-acc) 10%, #fff) 56%, var(--th-accl) 66%, color-mix(in srgb, var(--th-acc) 75%, var(--th-dark2)) 76%, color-mix(in srgb, var(--th-acc) 58%, var(--th-dark2)) 86%, color-mix(in srgb, var(--th-dark2) 99%, var(--th-dark)) 94%, color-mix(in srgb, var(--th-dark2) 61%, var(--th-dark)) 100%); box-shadow: 0 1px 0 #fff inset, 0 24px 48px -34px color-mix(in srgb, var(--th-shadow) 55%, transparent); }
html[data-neutral] .legacy .pf-wrap > .pg-head h1::after { background: linear-gradient(90deg, color-mix(in srgb, var(--th-dark2) 78%, var(--th-dark)), color-mix(in srgb, var(--th-acc) 58%, var(--th-dark2)), color-mix(in srgb, var(--th-acc) 75%, var(--th-dark2))); }
html[data-neutral] .legacy .pf-wrap > .pg-head .crumbs b { color: var(--th-acc); }
@media (max-width: 860px) {
  html[data-neutral] .legacy .pf-wrap > .pg-head { background: linear-gradient(172deg, #fff 0%, #fff 52%, color-mix(in srgb, var(--th-acc) 10%, #fff) 64%, var(--th-accl) 74%, color-mix(in srgb, var(--th-acc) 75%, var(--th-dark2)) 84%, color-mix(in srgb, var(--th-acc) 58%, var(--th-dark2)) 94%, color-mix(in srgb, var(--th-dark2) 99%, var(--th-dark)) 100%); }
}
html[data-neutral] .legacy .c1-cover::after { background: linear-gradient(100deg, color-mix(in srgb, color-mix(in srgb, var(--th-dark2) 10%, var(--th-dark)) 88%, transparent) 0%, color-mix(in srgb, color-mix(in srgb, var(--th-dark2) 78%, var(--th-dark)) 60%, transparent) 40%, color-mix(in srgb, var(--th-accl) 42%, transparent) 72%, color-mix(in srgb, var(--th-accl) 35%, transparent) 100%) !important; }
html[data-neutral] .auth.solo::before { background: radial-gradient(closest-side, color-mix(in srgb, var(--th-accl) 32%, transparent), color-mix(in srgb, var(--th-accl) 14%, transparent) 55%, transparent); }
html[data-neutral] .auth.solo .auth-card { box-shadow: 0 1px 0 #fff inset, 0 30px 60px -36px color-mix(in srgb, var(--th-shadow) 50%, transparent); }
@media (min-width: 861px) {
  html[data-neutral][data-design="atrium"] .rail { background: linear-gradient(180deg, color-mix(in srgb, color-mix(in srgb, var(--th-dark2) 20%, var(--th-dark)) 58%, transparent) 0%, color-mix(in srgb, color-mix(in srgb, var(--th-dark2) 0%, var(--th-dark)) 64%, transparent) 45%, rgba(43, 29, 25, .78) 100%),
    radial-gradient(120% 220px at 0% 0%, color-mix(in srgb, color-mix(in srgb, var(--th-acc) 15%, #fff) 28%, transparent), transparent 70%),
    radial-gradient(140% 300px at 100% 60px, color-mix(in srgb, var(--th-accl) 30%, transparent), transparent 72%),
    linear-gradient(180deg, color-mix(in srgb, var(--th-acc) 58%, var(--th-dark2)) 0%, color-mix(in srgb, var(--th-dark2) 99%, var(--th-dark)) 22%, color-mix(in srgb, var(--th-dark2) 78%, var(--th-dark)) 48%, color-mix(in srgb, var(--th-dark2) 50%, var(--th-dark)) 74%, color-mix(in srgb, var(--th-dark2) 3%, var(--th-dark)) 100%); }
}
html[data-neutral] .hero .h-latest span { color: var(--th-acc); }
html[data-neutral] .hero .h-latest:hover b { color: var(--th-acc); }
html[data-neutral] .launcher, html[data-neutral] .panel.launcher { box-shadow: 0 1px 0 rgba(255, 255, 255, .9) inset, 0 24px 48px -34px color-mix(in srgb, var(--th-shadow) 50%, transparent); }
html[data-neutral] .launcher #appGrid .tile:hover, html[data-neutral] .launcher #appGrid .tile:focus-visible { border-color: color-mix(in srgb, var(--th-acc) 18%, transparent); box-shadow: 0 14px 26px -20px color-mix(in srgb, var(--th-shadow) 55%, transparent); }
html[data-neutral] .gl-tile:hover, html[data-neutral] .gl-tile:focus-visible { box-shadow: 0 22px 40px -24px color-mix(in srgb, var(--th-shadow) 55%, transparent); }
html[data-neutral] .gl-when em { background: var(--th-dark); }
html[data-neutral] .gl-live { background: linear-gradient(140deg, color-mix(in srgb, var(--th-dark2) 31%, var(--th-dark)), color-mix(in srgb, var(--th-dark2) 78%, var(--th-dark)) 55%, color-mix(in srgb, var(--th-dark2) 100%, var(--th-dark))); }
html[data-neutral] .launcher #appGrid .tile { background: var(--ground, color-mix(in srgb, var(--th-acc) 9%, #fff)); }
html[data-neutral] .launcher #appGrid .tile:hover, html[data-neutral] .launcher #appGrid .tile:focus-visible { border-color: color-mix(in srgb, var(--th-acc) 18%, transparent); }

/* ---- from elvaro/portal.css ---- */
html[data-neutral] .content > .alert-error { color: var(--th-dark); background: color-mix(in srgb, var(--th-acc) 6%, #fff); box-shadow: 0 0 0 1px color-mix(in srgb, var(--th-shadow) 25%, transparent); }
html[data-neutral] .vid-bar { background: var(--th-dark); }
html[data-neutral] .auth-art::after { background: linear-gradient(180deg, color-mix(in srgb, color-mix(in srgb, var(--th-dark2) 0%, var(--th-dark)) 55%, transparent), color-mix(in srgb, color-mix(in srgb, var(--th-dark2) 0%, var(--th-dark)) 90%, transparent)); }
html[data-neutral] .auth-card .alert-error { background: color-mix(in srgb, var(--th-acc) 6%, #fff); color: var(--th-dark); }
html[data-neutral] .auth-card .alert-warn { background: color-mix(in srgb, var(--th-acc) 8%, #fff); color: var(--th-dark); }
html[data-neutral] .auth-card .caps { color: var(--th-dark); }

/* ---- from elvaro/legacy.css ---- */
html[data-neutral] .legacy .status-strip.down .dot { background: color-mix(in srgb, var(--th-dark2) 100%, var(--th-dark)); }
html[data-neutral] .legacy .th-bg { background: radial-gradient(ellipse 30% 58% at 50% 0%, color-mix(in srgb, color-mix(in srgb, var(--th-dark2) 100%, var(--th-dark)) 72%, transparent) 0%, color-mix(in srgb, var(--th-acc) 42%, transparent) 46%, transparent 80%),
  radial-gradient(ellipse 78% 190px at 50% calc(var(--th-box) + 6px), color-mix(in srgb, var(--th-dark2) 100%, var(--th-dark)) 0%, color-mix(in srgb, color-mix(in srgb, var(--th-dark2) 100%, var(--th-dark)) 95%, transparent) 32%, color-mix(in srgb, color-mix(in srgb, var(--th-dark2) 42%, var(--th-dark)) 50%, transparent) 62%, transparent 86%),
  linear-gradient(180deg, #14030a 0, color-mix(in srgb, var(--th-dark2) 0%, var(--th-dark)) calc(var(--th-box) * .3), color-mix(in srgb, var(--th-dark2) 0%, var(--th-dark)) calc(var(--th-box) * .55), color-mix(in srgb, var(--th-dark2) 50%, var(--th-dark)) calc(var(--th-box) * .8), color-mix(in srgb, var(--th-dark2) 100%, var(--th-dark)) var(--th-box), color-mix(in srgb, var(--th-acc) 35%, #fff) calc(var(--th-box) + 50px), color-mix(in srgb, var(--th-acc) 12%, #fff) calc(var(--th-box) + 95px), #ffffff calc(var(--th-box) + 140px), #ffffff calc(100% - 40px), var(--ground) 100%); }
html[data-neutral] .legacy .th-meta { text-shadow: 0 1px 12px color-mix(in srgb, var(--th-shadow) 55%, transparent); }
html[data-neutral] .legacy .th h1 { text-shadow: 0 2px 30px color-mix(in srgb, var(--th-shadow) 45%, transparent); }
html[data-neutral] .legacy .th-sub { text-shadow: 0 1px 18px color-mix(in srgb, var(--th-shadow) 70%, transparent), 0 0 2px color-mix(in srgb, var(--th-shadow) 35%, transparent); }
html[data-neutral] .legacy .th-cmd { box-shadow: 0 34px 70px -30px color-mix(in srgb, var(--th-shadow) 55%, transparent), inset 0 1px 0 rgba(255, 255, 255, .7); }
html[data-neutral] .legacy .th-cmd:focus-within { box-shadow: 0 0 0 4px rgba(255, 255, 255, .28), 0 34px 70px -30px color-mix(in srgb, var(--th-shadow) 65%, transparent); }
html[data-neutral] .legacy .th-t.live i { box-shadow: 0 0 0 0 color-mix(in srgb, var(--th-shadow) 50%, transparent); }
html[data-neutral] .legacy .th-app { color: color-mix(in srgb, var(--th-acc) 55%, transparent); }
html[data-neutral] .legacy .th-cur em { background: color-mix(in srgb, color-mix(in srgb, var(--th-dark2) 62%, var(--th-dark)) 70%, transparent); }
html[data-neutral] .legacy .scan { box-shadow: 0 0 18px 4px color-mix(in srgb, var(--th-shadow) 50%, transparent); }
html[data-neutral] .legacy .footer { background: radial-gradient(ellipse 30% 58% at 50% 100%, color-mix(in srgb, color-mix(in srgb, var(--th-dark2) 100%, var(--th-dark)) 60%, transparent) 0%, color-mix(in srgb, var(--th-acc) 36%, transparent) 46%, transparent 80%),
  radial-gradient(ellipse 78% 190px at 50% 132px, color-mix(in srgb, var(--th-dark2) 100%, var(--th-dark)) 0%, color-mix(in srgb, color-mix(in srgb, var(--th-dark2) 100%, var(--th-dark)) 95%, transparent) 32%, color-mix(in srgb, color-mix(in srgb, var(--th-dark2) 42%, var(--th-dark)) 50%, transparent) 62%, transparent 86%),
  linear-gradient(180deg, var(--ground) 0, #ffffff 20px, #ffffff 36px, color-mix(in srgb, var(--th-acc) 12%, #fff) 56px, color-mix(in srgb, var(--th-acc) 35%, #fff) 80px, color-mix(in srgb, var(--th-dark2) 100%, var(--th-dark)) 112px, color-mix(in srgb, var(--th-dark2) 50%, var(--th-dark)) 172px, color-mix(in srgb, var(--th-dark2) 0%, var(--th-dark)) 262px, color-mix(in srgb, var(--th-dark2) 0%, var(--th-dark)) 400px, #14030a 100%); }
html[data-neutral] .legacy[data-page="dashboard"] .topbar:not(.is-scrolled) { box-shadow: 0 26px 50px -30px color-mix(in srgb, var(--th-shadow) 65%, transparent), inset 0 1px 0 rgba(255, 255, 255, .4); }
html[data-neutral] .legacy .t-orange { background: color-mix(in srgb, var(--th-acc) 54%, var(--th-dark2)); }
html[data-neutral] .legacy .dw { background: color-mix(in srgb, var(--th-acc) 45%, transparent); }
html[data-neutral] .legacy .dw-top { background: radial-gradient(420px circle at 90% -20%, color-mix(in srgb, var(--th-accl) 25%, transparent), transparent 60%), var(--hero-bg, linear-gradient(120deg, color-mix(in srgb, var(--th-dark2) 0%, var(--th-dark)), color-mix(in srgb, var(--th-dark2) 0%, var(--th-dark)))); }
html[data-neutral] .legacy .ap-card::after { background: radial-gradient(220px circle at var(--mx, 50%) var(--my, 50%), var(--amber), color-mix(in srgb, color-mix(in srgb, var(--th-dark2) 60%, var(--th-dark)) 60%, transparent) 42%, transparent 72%); }
html[data-neutral] .legacy .rs-banner { background: radial-gradient(420px circle at 95% -30%, color-mix(in srgb, var(--th-accl) 25%, transparent), transparent 60%), var(--hero-bg, linear-gradient(120deg, color-mix(in srgb, var(--th-dark2) 0%, var(--th-dark)), color-mix(in srgb, var(--th-dark2) 0%, var(--th-dark)))); }
html[data-neutral] .legacy .ft-pdf { background: linear-gradient(135deg, color-mix(in srgb, var(--th-dark2) 100%, var(--th-dark)), color-mix(in srgb, var(--th-dark2) 73%, var(--th-dark))); }
html[data-neutral] .legacy .ft-ppt { background: linear-gradient(135deg, color-mix(in srgb, var(--th-acc) 72%, var(--th-dark2)), color-mix(in srgb, var(--th-acc) 30%, var(--th-dark2))); }
html[data-neutral] .legacy .hp-hero { background: radial-gradient(560px circle at 90% -30%, color-mix(in srgb, var(--th-accl) 28%, transparent), transparent 60%), radial-gradient(420px circle at 5% 120%, color-mix(in srgb, var(--th-acc) 40%, transparent), transparent 60%), var(--hero-bg, linear-gradient(120deg, color-mix(in srgb, var(--th-dark2) 0%, var(--th-dark)), color-mix(in srgb, var(--th-dark2) 0%, var(--th-dark)))); }
html[data-neutral] .legacy .ps-banner { color: var(--th-dark); }
html[data-neutral] .legacy .pf-card { box-shadow: var(--shadow-t, 0 1px 3px color-mix(in srgb, var(--th-shadow) 8%, transparent)); }
html[data-neutral] .legacy .pf-btn.gold { background: var(--btn-bg, linear-gradient(180deg, var(--th-accl), color-mix(in srgb, var(--th-acc) 54%, var(--th-dark2)))); }
html[data-neutral] .legacy .av { background: linear-gradient(135deg, var(--th-accl), color-mix(in srgb, var(--th-acc) 50%, var(--th-dark2))); color: var(--th-dark); }
html[data-neutral] .legacy .mini-av.a1 { background: linear-gradient(135deg, var(--primary), color-mix(in srgb, var(--th-dark2) 16%, var(--th-dark))); }
html[data-neutral] .legacy .mini-av.a4 { background: linear-gradient(135deg, color-mix(in srgb, var(--th-acc) 46%, var(--th-dark2)), color-mix(in srgb, var(--th-acc) 20%, var(--th-dark2))); }
html[data-neutral] .legacy .mini-av.a6 { background: linear-gradient(135deg, color-mix(in srgb, var(--th-dark2) 100%, var(--th-dark)), color-mix(in srgb, var(--th-dark2) 61%, var(--th-dark))); }
html[data-neutral] .legacy .c1-cover { background: color-mix(in srgb, var(--th-dark2) 0%, var(--th-dark)); }
html[data-neutral] .legacy .c1-cover::after { background: linear-gradient(100deg, color-mix(in srgb, color-mix(in srgb, var(--th-dark2) 0%, var(--th-dark)) 92%, transparent) 0%, color-mix(in srgb, color-mix(in srgb, var(--th-dark2) 0%, var(--th-dark)) 55%, transparent) 45%, color-mix(in srgb, var(--th-acc) 20%, transparent) 100%); }
html[data-neutral] .legacy .c1-cover-fx { background: radial-gradient(380px circle at 15% 110%, color-mix(in srgb, var(--th-accl) 30%, transparent), transparent 65%); }
html[data-neutral] .legacy .c1-avatar::before { box-shadow: 0 6px 20px color-mix(in srgb, var(--th-shadow) 25%, transparent); }
html[data-neutral] .legacy .c1-avatar .pct { box-shadow: 0 2px 6px color-mix(in srgb, var(--th-shadow) 12%, transparent); }
html[data-neutral] .legacy .pf-drawer { background: color-mix(in srgb, var(--th-acc) 45%, transparent); }
html[data-neutral] .legacy .pf-field .err { color: var(--th-acc); }
html[data-neutral] .legacy .pf-field.bad input { border-color: var(--th-acc); }