.screen{animation:screenIn .3s ease-out}@keyframes screenIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.logo-dark{display:none}[data-theme=dark] .logo-dark{display:block}[data-theme=dark] .logo-light{display:none}.app-screen{background:radial-gradient(ellipse at top,var(--c-body-glow-1),transparent 60%),radial-gradient(ellipse at bottom right,var(--c-body-glow-2),transparent 60%),linear-gradient(180deg,var(--c-body-grad-top) 0%,var(--c-body-grad-bot) 100%);background-attachment:fixed}html:not([data-theme=dark]) .app-screen{background:radial-gradient(ellipse at top left,rgba(224,63,181,.06),transparent 60%),radial-gradient(ellipse at bottom right,rgba(79,124,255,.055),transparent 60%),var(--c-bg-base);background-attachment:fixed;position:relative;isolation:isolate}html:not([data-theme=dark]) .app-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E")}