.bg-layer{pointer-events:none;z-index:0;position:fixed;inset:0}.bg-grid{background-image:linear-gradient(to right, var(--grid-line) 1px, transparent 1px), linear-gradient(to bottom, var(--grid-line) 1px, transparent 1px);background-position:-1px -1px;background-size:96px 96px}.bg-dots-base{background-image:radial-gradient(circle, var(--dot-base) 1px, transparent 1.4px);background-size:24px 24px}.bg-dots-torch{background-image:radial-gradient(circle, var(--dot-bright) 1.4px, transparent 1.8px);opacity:.95;-webkit-mask-image:radial-gradient(circle var(--torch-radius) at var(--mx) var(--my), #000 0%, #000000a6 35%, #0000 75%);-webkit-mask-image:radial-gradient(circle var(--torch-radius) at var(--mx) var(--my), #000 0%, #000000a6 35%, #0000 75%);mask-image:radial-gradient(circle var(--torch-radius) at var(--mx) var(--my), #000 0%, #000000a6 35%, #0000 75%);background-size:24px 24px;transition:opacity .25s}.bg-vignette{background:radial-gradient(ellipse at top, transparent 0%, var(--bg) 75%);opacity:.6}[data-theme=light] .bg-vignette{opacity:.3}
.topbar{background:color-mix(in oklab, var(--bg) 75%, transparent);will-change:transform;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}