*,::after,::before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:rgba(108,92,231,.35);color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.2)}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 50%,rgba(108,92,231,.06) 0,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(162,155,254,.04) 0,transparent 50%);pointer-events:none;z-index:0}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes yola-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes yola-glow{0%,100%{filter:drop-shadow(0 0 12px rgba(108,92,231,.2))}50%{filter:drop-shadow(0 0 24px rgba(108,92,231,.35))}}@keyframes glitch{0%,100%{transform:translate(0);opacity:1;clip-path:inset(0 0 0 0)}20%{transform:translate(-3px,2px);opacity:.8;clip-path:inset(40% 0 0 0)}40%{transform:translate(3px,-1px);opacity:.6;clip-path:inset(0 0 60% 0)}60%{transform:translate(-2px,-2px);opacity:.9;clip-path:inset(20% 0 80% 0)}80%{transform:translate(2px,1px);opacity:.7;clip-path:inset(70% 0 0 0)}}@keyframes notifySlideIn{from{transform:translateX(120%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes notifySlideOut{from{transform:translateX(0);opacity:1}to{transform:translateX(120%);opacity:0}}.notify-item{animation:.35s cubic-bezier(.16,1,.3,1) forwards notifySlideIn}.notify-item.out{animation:.35s cubic-bezier(.16,1,.3,1) forwards notifySlideOut}