.skin-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.skin-bg-base,.skin-bg-tint{position:absolute;inset:0}.skin-bg-base{background:var(--surface-page)}.skin-bg-base:before{content:"";position:absolute;inset:0;background-image:var(--skin-grain);background-size:256px 256px;opacity:.18}:root[data-skin=chameleon] .skin-bg-base,:root[data-skin=holo] .skin-bg-base,:root[data-skin=plum] .skin-bg-base{background:radial-gradient(90% 60% at 50% -6%,var(--surface-lamp),var(--surface-page) 66%)}:root[data-skin=chameleon] .skin-bg-base:before,:root[data-skin=desk] .skin-bg-base:before,:root[data-skin=holo] .skin-bg-base:before,:root[data-skin=plum] .skin-bg-base:before{background-image:var(--skin-grain);background-size:256px 256px;opacity:.04}:root[data-skin=felt] .skin-bg-base{background:radial-gradient(90% 60% at 50% -6%,var(--surface-lamp),var(--surface-page) 70%)}:root[data-skin=felt] .skin-bg-base:before{background-image:var(--skin-fibre);background-size:256px 256px;opacity:.35}:root[data-skin=desk] .skin-bg-base{background:linear-gradient(180deg,var(--surface-page) 0,color-mix(in oklch,var(--surface-page) 96%,var(--ink)) 55%,color-mix(in oklch,var(--surface-page) 88%,var(--ink)) 100%)}:root[data-skin=holo] .skin-bg-base:after{content:"";position:absolute;inset:-20%;background:radial-gradient(40% 35% at 20% 30%,var(--holo-1),transparent 70%),radial-gradient(35% 30% at 80% 25%,var(--holo-2),transparent 70%),radial-gradient(40% 40% at 60% 85%,var(--holo-3),transparent 70%),radial-gradient(30% 30% at 15% 90%,var(--holo-4),transparent 70%);animation:skin-holo-drift 70s ease-in-out infinite alternate;will-change:transform}.skin-bg[data-paused] .skin-bg-base:after{animation-play-state:paused}@keyframes skin-holo-drift{0%{transform:translate3d(-2%,0,0)}to{transform:translate3d(2%,-2%,0)}}.skin-bg-tint{opacity:0;display:none;background:radial-gradient(120% 90% at 50% -10%,oklch(var(--tint-l) var(--tint-c) var(--tint-h)/var(--tint-alpha)),transparent 72%);transition:opacity .9s ease}.skin-bg-tint[data-on]{opacity:1}:root[data-skin=chameleon] .skin-bg-tint{display:block}:root{--skin-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.5  0 0 0 0 0.5  0 0 0 0 0.5  0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='256' height='256' filter='url(%23n)'/%3E%3C/svg%3E");--skin-fibre:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.02 .3' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 0.95  0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='256' height='256' filter='url(%23f)'/%3E%3C/svg%3E")}@media (prefers-reduced-motion:reduce){.skin-bg-tint{transition:none}:root[data-skin=holo] .skin-bg-base:after{animation:none}}@media (forced-colors:active),(prefers-contrast:more){.skin-bg{display:none}}