:root{--bb-midnight: #0e1218;--bb-chalk: #f5f7ef;--bb-signal: #d6ff38;--bb-indigo: #5b43f1;--bb-indigo-soft: #998aff;--bb-indigo-pale: #b7abff;--bb-slate: #657080;--bb-text-2: #c5c7ca;--bb-text-3: #8e93a8;--bb-hair: rgba(245, 247, 239, .28);--bb-line: rgba(255, 255, 255, .15);--bb-surface: #151a24;--bb-surface-2: #1b2230;--bb-radius: 6px;--ink: var(--bb-midnight);--paper: var(--bb-chalk);--lime: var(--bb-signal);--purple: var(--bb-indigo);--line: var(--bb-line);--midnight: var(--bb-midnight);--chalk: var(--bb-chalk);--signal: var(--bb-signal);--indigo: var(--bb-indigo)}body:before{content:"";position:fixed;inset:0;z-index:9997;pointer-events:none;background:url(/assets/grain.png) repeat 0 0/160px 160px;opacity:.09;transform:translateZ(0);will-change:transform}