:root{--glass-bg:color-mix(in srgb,var(--paper)55%,transparent);--glass-bg-strong:color-mix(in srgb,var(--paper)92%,transparent);--glass-bg-subtle:color-mix(in srgb,var(--paper)78%,transparent);--glass-border:color-mix(in srgb,var(--foreground)12%,transparent);--glass-highlight:color-mix(in srgb,var(--paper)80%,transparent);--glass-shadow:0 8px 32px color-mix(in srgb,var(--foreground)12%,transparent);--glass-blur:22px;--glass-blur-strong:30px;--glass-scrim:color-mix(in srgb,var(--foreground)58%,transparent);--glass-saturate:1.6}html[data-theme=dark],.dark{--glass-bg:color-mix(in srgb,var(--paper)66%,transparent);--glass-bg-strong:color-mix(in srgb,var(--paper)92%,transparent);--glass-bg-subtle:color-mix(in srgb,var(--paper)80%,transparent);--glass-border:color-mix(in srgb,var(--foreground)16%,transparent);--glass-highlight:color-mix(in srgb,var(--foreground)12%,transparent);--glass-shadow:0 8px 32px color-mix(in srgb,var(--foreground)28%,transparent);--glass-scrim:color-mix(in srgb,var(--foreground)62%,transparent)}.glass,.glass-strong,.glass-subtle{border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-highlight);border-radius:20px}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur))saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur))saturate(var(--glass-saturate))}.glass-strong{background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(var(--glass-blur-strong))saturate(1.35);backdrop-filter:blur(var(--glass-blur-strong))saturate(1.35)}.glass-subtle{background:var(--glass-bg-subtle);-webkit-backdrop-filter:blur(16px)saturate(1.2);backdrop-filter:blur(16px)saturate(1.2)}.glass-scrim{background:var(--glass-scrim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.glass-hover:hover{box-shadow:0 12px 36px color-mix(in srgb,var(--foreground)16%,transparent),inset 0 1px 0 var(--glass-highlight);transform:translateY(-2px)}.tutorials-wallpaper{z-index:-1;background:radial-gradient(circle at 12% 18%,color-mix(in srgb,var(--primary)13%,transparent),transparent 32%),linear-gradient(135deg,color-mix(in srgb,var(--primary)4%,var(--background)),var(--background));position:absolute;inset:0;overflow:hidden}.tutorials-wallpaper:before,.tutorials-wallpaper:after{content:"";background:color-mix(in srgb,var(--primary)22%,transparent);filter:blur(70px);border-radius:999px;width:22rem;height:22rem;position:absolute}.tutorials-wallpaper:before{inset-block-start:8%;inset-inline-end:5%}.tutorials-wallpaper:after{opacity:.55;inset-block-end:4%;inset-inline-start:8%}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass,.glass-strong,.glass-subtle,.glass-scrim{background:var(--paper);-webkit-backdrop-filter:none;backdrop-filter:none}.glass-scrim{background:color-mix(in srgb,var(--foreground)55%,transparent)}}@media (prefers-reduced-transparency:reduce){.glass,.glass-strong,.glass-subtle{background:var(--paper);-webkit-backdrop-filter:none;backdrop-filter:none}.glass-scrim{background:color-mix(in srgb,var(--foreground)62%,transparent);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-reduced-motion:reduce){.glass-hover,.glass-hover:hover{transition:none;transform:none}}@media (max-width:640px){.glass,.glass-subtle{--glass-blur:12px}}