@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:#8627ff;--text:#8a8a8e;--muted:#5a5a5e;--link:deepskyblue;--selection:white;--selection-bg:#0f9a;--neutral:#8888;--happy:var(--alpha);--special:var(--beta);--angry:#a20;--danger:#f26d5b;--warning:#ffb800;--plan-max:#ffb800;--lame:#3338;--pad:.5em;--space:1em;--round:.5em;--surface-panel-solid:#131315;--surface-dialog:var(--surface-panel-solid);--surface-panel:oklch(18.7619% .00401504 286.006/.82);--surface-panel-strong:oklch(18.7619% .00401504 286.006/.94);--surface-sidebar:oklch(16.4671% .00415129 285.935/.64);--surface-sidebar-strong:oklch(16.4671% .00415129 285.935/.86);--surface-control-solid:#1a1a1a;--surface-control:oklch(21.7786% 7.45058e-9 none/.78);--surface-message:oklch(21.7786% 7.45058e-9 none/.72);--plate:var(--surface-control);--control-plate:var(--surface-control);--lines:#fff1;--lines-strong:#ffffff2e;--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);--shadow-soft:0 .75em 2.5em #0007;--shadow-float:0 1.1em 2.6em #0008, inset 0 1px 0 #fff1;--menu-radius:calc(var(--round) * 1.5);--scrim:color-mix(in oklch, var(--bg), transparent 45%);--surface-raised:#171717;--surface-button:#3a3e46;--surface-button-hover:#474c56;--edge-highlight:inset 0 1px 0 #ffffff12;--ease-lift:cubic-bezier(.22, 1, .36, 1);--frosted:blur(18px) saturate(1.2);--frosted-strong:blur(36px) saturate(1.15) brightness(.72);--text-shadow:.05em .08em .1em #0008;--focus-ring:0 0 0 2px color-mix(in oklch, var(--fg), transparent 55%);--brand-cyan:#49ffff;--gradient-brand:linear-gradient(135deg, var(--alpha), var(--beta));--gradient-upsell:linear-gradient(180deg, color-mix(in oklch, var(--beta), #fff 12%), color-mix(in oklch, var(--beta), #000 12%));--upsell-shine:linear-gradient(105deg, transparent 38%, #ffffff59 50%, transparent 62%);--app-backdrop:radial-gradient(120% 90% at 88% -20%, color-mix(in oklch, var(--beta), transparent 82%), transparent 50%), var(--bg);--modality-audio:var(--brand-cyan);--modality-image:#8627ff;--modality-music:#ff5fd2;--modality-video:#6cff8d;--modality-accent:var(--alpha);--ella-accent-text-hover:var(--fg);--ella-accent-text-shadow:none;--ella-menu-surface:#151517;--ella-hover-line:color-mix(in oklch, var(--fg), transparent 78%);--ella-hover-surface:color-mix(in oklch, var(--fg), transparent 94%);--ella-active-surface:color-mix(in oklch, var(--fg), transparent 92%);--ella-active-surface-hover:color-mix(in oklch, var(--fg), transparent 88%);--ella-active-bar:var(--alpha);--ella-selected-line:color-mix(in oklch, var(--fg), transparent 55%);--ella-selected-outline:inset 0 0 0 1px var(--ella-selected-line);--panel-width:640px;--panel-height:856px;--panel-radius:16px;--sidebar-width:59px;--sidebar-height:415px;--sidebar-radius:40px;--studio-radius-s:.3rem;--studio-radius-m:.5rem;--studio-radius-l:1rem;--studio-surface-0:#0a0a0b;--studio-surface-1:linear-gradient(160deg, #17171a 0%, #121214 55%, #101013 100%);--studio-surface-2:linear-gradient(160deg, #1f1f23 0%, #17171a 100%);--studio-line:#fff1;--studio-line-top:#ffffff2e;--studio-shadow:.1em .2em 1em #0004;--studio-blur:blur(14px) saturate(1.15);--studio-anim-fast:.1s;--studio-anim:.3s;--motion-interface:1;--motion-shimmer:1;--motion-stagger:1;--motion-shimmer-duration:1.35s;--motion-shimmer-opacity:1}html[data-motion-interface=off]{--motion-interface:0}html[data-motion-shimmer=off]{--motion-shimmer:0;--motion-shimmer-opacity:0}html[data-motion-stagger=off]{--motion-stagger:0}@media (prefers-reduced-motion:reduce){html{--motion-interface:0;--motion-shimmer:0;--motion-shimmer-opacity:0;--motion-stagger:0}}html{--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:calc(-1px * var(--motion-interface));--motion-press-y:calc(1px * var(--motion-interface));--motion-press-scale:calc(1 - (.025 * var(--motion-interface)));--motion-entrance-y:calc(8px * var(--motion-interface));--motion-panel-x:calc(18px * var(--motion-interface));--motion-stagger-step:calc(22ms * var(--motion-stagger))}@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}*,: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;animation:x-motion-shimmer var(--motion-shimmer-duration) ease-in-out infinite;pointer-events:none;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%{opacity:var(--motion-shimmer-opacity);transform:translate(-105%)}55%,to{opacity:var(--motion-shimmer-opacity);transform:translate(105%)}}}html{font-family:Nunito Sans,sans-serif}.z-content>*+*{margin-top:var(--pad)}
