:root{--t-fast: .14s;--t-base: .2s;--t-slow: .28s;--ease: cubic-bezier(.32, .72, .33, 1)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(.6)}60%{transform:scale(1.15)}to{transform:scale(1)}}body{transition:background-color var(--t-base) ease,color var(--t-base) ease}.pressable{transition:transform var(--t-fast) ease,background-color var(--t-fast) ease,border-color var(--t-fast) ease,color var(--t-fast) ease}.pressable:active{transform:scale(.96)}.rise,.fresh{animation:rise var(--t-base) var(--ease)}.pop{animation:pop .26s var(--ease)}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#08090b8c;display:flex;align-items:flex-end;justify-content:center;z-index:10;opacity:0;pointer-events:none;transition:opacity var(--t-base) ease}.backdrop.on{opacity:1;pointer-events:auto}.sheet{width:100%;max-width:560px;padding:16px;padding-bottom:calc(16px + var(--tg-safe-bottom, 0px));border-radius:16px 16px 0 0;background:var(--tg-theme-bg-color, #fff);color:var(--tg-theme-text-color, #111);box-shadow:0 -12px 32px #0006;max-height:88vh;overflow-y:auto;overscroll-behavior:contain;transform:translateY(100%);transition:transform var(--t-slow) var(--ease),background-color var(--t-base) ease}.backdrop.on .sheet{transform:translateY(0)}.sheet-content{animation:rise var(--t-base) var(--ease)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.card{background:var(--tg-theme-secondary-bg-color, #f4f4f5)}.aurora{display:none}.design-glass .aurora{display:block;position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:-1;pointer-events:none;overflow:hidden}.design-glass .aurora:before,.design-glass .aurora:after{content:"";position:absolute;width:55vmax;height:55vmax;border-radius:50%;filter:blur(90px);opacity:.5}.design-glass .aurora:before{background:radial-gradient(circle,color-mix(in srgb,var(--tg-theme-button-color, #2481cc) 55%,transparent),transparent 70%);top:-10vmax;left:-12vmax;animation:aurora-a 26s ease-in-out infinite alternate}.design-glass .aurora:after{background:radial-gradient(circle,color-mix(in srgb,var(--tg-theme-link-color, #2481cc) 45%,transparent),transparent 70%);bottom:-14vmax;right:-10vmax;animation:aurora-b 34s ease-in-out infinite alternate}@keyframes aurora-a{0%{transform:translate(0) scale(1)}to{transform:translate(16vmax,10vmax) scale(1.15)}}@keyframes aurora-b{0%{transform:translate(0) scale(1.1)}to{transform:translate(-14vmax,-12vmax) scale(.95)}}@supports (backdrop-filter: blur(1px)) and (background: color-mix(in srgb,red 50%,transparent)){.design-glass .card{background:color-mix(in srgb,var(--tg-theme-secondary-bg-color, #f4f4f5) 62%,transparent);backdrop-filter:blur(16px) saturate(1.35);-webkit-backdrop-filter:blur(16px) saturate(1.35);border:1px solid color-mix(in srgb,var(--tg-theme-text-color, #111) 9%,transparent);box-shadow:0 8px 24px color-mix(in srgb,var(--tg-theme-text-color, #111) 7%,transparent)}.design-glass .sheet{background:color-mix(in srgb,var(--tg-theme-bg-color, #fff) 82%,transparent);backdrop-filter:blur(24px) saturate(1.35);-webkit-backdrop-filter:blur(24px) saturate(1.35)}}.design-glass button.pressable:active{box-shadow:0 0 16px color-mix(in srgb,var(--tg-theme-button-color, #2481cc) 45%,transparent)}
