@import "https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap";@layer theme{html{--bg:#0a0a0b;--fg:#fff;--alpha:#6cff8d;--beta:#6d52ed;--text:#8a8a8e;--muted:#5a5a5e;--link:deepskyblue;--selection:white;--selection-bg:#0f9a;--neutral:#8888;--happy:var(--alpha);--special:var(--beta);--angry:#a20;--lame:#3338;--pad:.5em;--space:1em;--round:.5em;--surface-panel:oklch(18.7619% .00401504 286.006/.82);--surface-sidebar:oklch(16.4671% .00415129 285.935/.64);--surface-control:oklch(21.9065% .00579955 285.911/.78);--surface-message:oklch(21.9065% .00579955 285.911/.72);--plate:var(--surface-control);--control-plate:var(--surface-control);--lines:#2a2a2e;--lines-strong:#403f46;--line-soft:color-mix(in oklch, var(--lines), transparent 10%);--lines-thickness:2px;--anim:.2s;--inactive:.9;--box-shadow:0 25px 80px #0006, inset 0 0 1px #fff2, inset 0 1px 0 #fff1;--shadow:var(--box-shadow);--frosted:blur(18px) saturate(1.2);--text-shadow:.05em .08em .1em #0008;--panel-width:640px;--panel-height:856px;--panel-radius:16px;--sidebar-width:59px;--sidebar-height:415px;--sidebar-radius:40px;--motion-instant:90ms;--motion-fast:.12s;--motion-medium:var(--anim);--motion-slow:.28s;--motion-view:.24s;--motion-panel:.32s;--ease-soft:cubic-bezier(.2, 0, 0, 1);--ease-enter:cubic-bezier(.16, 1, .3, 1);--ease-exit:cubic-bezier(.7, 0, .84, 0);--ease-panel:cubic-bezier(.22, 1, .36, 1);--ease-sticky:cubic-bezier(.16, 1, .3, 1);--motion-bouncy:cubic-bezier(.34, 1.56, .64, 1);--motion-hover-y:-1px;--motion-press-y:1px;--motion-press-scale:.975;--motion-entrance-y:8px;--motion-panel-x:18px;--motion-stagger-step:22ms}@media (prefers-reduced-motion:reduce){html{--anim:1ms;--motion-instant:1ms;--motion-fast:1ms;--motion-medium:1ms;--motion-slow:1ms;--motion-view:1ms;--motion-panel:1ms;--motion-hover-y:0;--motion-press-y:0;--motion-press-scale:1;--motion-entrance-y:0;--motion-panel-x:0;--motion-stagger-step:0s}*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:color-mix(in oklch, var(--alpha), transparent 55%) transparent;-webkit-tap-highlight-color:transparent;margin:0;padding:0}::selection{color:var(--selection);background:var(--selection-bg);text-shadow:var(--text-shadow)}::-webkit-scrollbar{width:8px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:color-mix(in oklch, var(--alpha), transparent 55%);border-radius:1em}::-webkit-scrollbar-thumb:hover{background:color-mix(in oklch, var(--alpha), transparent 35%)}a{color:var(--link)}a:visited{color:color-mix(in oklch, var(--link), rebeccapurple)}a:hover{color:color-mix(in oklch, var(--link), white)}a:active{color:color-mix(in oklch, var(--link), black)}}@layer base,components;@layer utilities{.x-motion-pop{animation:x-motion-pop var(--motion-medium) var(--ease-sticky) both}.x-motion-stage-in{animation:x-motion-stage-in var(--motion-view) var(--ease-enter) both}.x-motion-list-item-in{animation:x-motion-list-item-in var(--motion-view) var(--ease-enter) both}.x-motion-shimmer{position:relative;overflow:hidden}.x-motion-shimmer:after{content:"";border-radius:inherit;background:linear-gradient(100deg, transparent 10%, color-mix(in oklch, var(--fg), transparent 88%) 46%, transparent 82%);opacity:.45;pointer-events:none;animation:1.35s ease-in-out infinite x-motion-shimmer;position:absolute;inset:0;transform:translate(-105%)}@keyframes x-motion-pop{0%{opacity:0;transform:translateY(.25em)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes x-motion-stage-in{0%{opacity:0;transform:translateY(var(--motion-entrance-y)) scale(.992)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes x-motion-list-item-in{0%{opacity:0;transform:translateY(calc(var(--motion-entrance-y) * .8)) scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes x-motion-shimmer{0%{transform:translate(-105%)}55%,to{transform:translate(105%)}}}html{font-family:Nunito Sans,sans-serif}.z-content>*+*{margin-top:var(--pad)}