.grain{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}.experience-panel{background:radial-gradient(circle at 88% 16%, rgb(var(--ambient-glow-rgb) / 22%), transparent 30%), linear-gradient(145deg, var(--sidebar-highlight) 0%, var(--sidebar) 48%, var(--sidebar-deep) 100%)}.experience-panel:before{aspect-ratio:1;border:1px solid rgb(var(--sidebar-detail-rgb) / 18%);border-radius:var(--radius);width:min(34vw,32rem);box-shadow:0 0 0 4.5rem rgb(var(--sidebar-detail-rgb) / 4%), 0 0 0 9rem rgb(var(--sidebar-detail-rgb) / 2.5%);content:"";pointer-events:none;position:absolute;inset:8% auto auto 66%}.experience-panel:after{content:"";pointer-events:none;background-image:linear-gradient(#ffffff07 1px,#0000 1px),linear-gradient(90deg,#ffffff07 1px,#0000 1px);background-size:5.5rem 5.5rem;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 32%,#0000);mask-image:linear-gradient(#0000,#000 32%,#0000)}.access-panel{background:radial-gradient(circle at 14% 88%, rgb(var(--ambient-glow-rgb) / 7%), transparent 30%), var(--background)}.login-reveal{animation:.92s cubic-bezier(.32,.72,0,1) both login-rise;animation-delay:var(--delay,0s)}.live-signal{animation:2.8s cubic-bezier(.32,.72,0,1) infinite status-breathe}@keyframes login-rise{0%{opacity:0;transform:translateY(2rem)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes status-breathe{0%,to{opacity:.58;transform:scale(.82)}46%{opacity:1;transform:scale(1.12)}}.no-reveal .login-reveal{animation:none}@media (prefers-reduced-motion:reduce){.login-reveal,.live-signal{animation:none}}@media (width<=62rem){.experience-panel:before{width:30rem;inset:12% -10rem auto auto}}