.app-overlay{--overlay-enter-ms:360ms;--overlay-exit-ms:240ms;--overlay-fade-ms:calc(var(--overlay-enter-ms) * .6);--overlay-ease-fade:cubic-bezier(.22,.61,.36,1);--overlay-ease-move:cubic-bezier(.3,0,.1,1);--overlay-ease-exit:cubic-bezier(.4,0,.6,1);position:fixed;inset:0;z-index:200;display:flex}.app-overlay[data-variant=sidebar]{justify-content:flex-end}.app-overlay[data-variant=modal]{align-items:center;justify-content:center;padding:24px}.app-overlay__backdrop{position:absolute;inset:0;border:0;padding:0;background:#07090bcc;backdrop-filter:blur(6px);opacity:0;transition:opacity var(--overlay-enter-ms) var(--overlay-ease-fade)}.app-overlay[data-state=open] .app-overlay__backdrop{opacity:1}.app-overlay[data-state=closing] .app-overlay__backdrop{transition:opacity var(--overlay-exit-ms) var(--overlay-ease-exit)}.app-modal,.app-sidebar{position:relative;color:var(--frost);background:var(--night);outline:none}.app-sidebar{display:flex;flex-direction:column;width:min(440px,100vw);height:100%;overflow:auto;padding:24px 22px 36px;border-left:1px solid var(--line-night);box-shadow:-28px 0 80px #0008;transform:translate3d(100%,0,0);opacity:0;transition:transform var(--overlay-enter-ms) var(--overlay-ease-move),opacity var(--overlay-fade-ms) var(--overlay-ease-fade)}.app-overlay[data-state=open] .app-sidebar{transform:translateZ(0);opacity:1}.app-overlay[data-state=closing] .app-sidebar{transition:transform var(--overlay-exit-ms) var(--overlay-ease-exit),opacity var(--overlay-exit-ms) var(--overlay-ease-exit)}.app-modal{width:min(640px,100%);max-height:min(860px,calc(100dvh - 48px));overflow:auto;padding:32px 28px 36px;border:1px solid var(--line-night);box-shadow:0 30px 90px #0008;transform:translate3d(0,40px,0) scale(.96);opacity:0;transition:transform var(--overlay-enter-ms) var(--overlay-ease-move),opacity var(--overlay-fade-ms) var(--overlay-ease-fade)}.app-overlay[data-state=open] .app-modal{transform:translateZ(0) scale(1);opacity:1}.app-overlay[data-state=closing] .app-modal{transform:translate3d(0,16px,0) scale(.98);transition:transform var(--overlay-exit-ms) var(--overlay-ease-exit),opacity var(--overlay-exit-ms) var(--overlay-ease-exit)}.app-overlay__head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.app-overlay__copy{min-width:0}.app-overlay__copy p{margin:0 0 8px;color:color-mix(in srgb,var(--sky-deep) 55%,var(--frost));font:400 10px/1 var(--font-mono);letter-spacing:.7px}.app-overlay__copy h2{margin:0;color:var(--frost);font:500 clamp(26px,3vw,32px)/1.15 var(--font-display);letter-spacing:-.4px}.app-overlay__close{flex:0 0 auto;width:44px;height:44px;border:1px solid var(--line-night);color:var(--frost);background:transparent;font-size:28px;line-height:1}.app-overlay__body{min-width:0}.app-overlay__body>p{margin:0 0 16px;color:var(--night-secondary);font-size:14px;line-height:1.45}@media (prefers-reduced-motion:reduce){.app-overlay{--overlay-enter-ms:0s;--overlay-exit-ms:0s}.app-modal,.app-overlay[data-state=closing] .app-modal,.app-overlay[data-state=closing] .app-sidebar,.app-sidebar{transform:none}}