@layer components{:root{--m-spring:cubic-bezier(.22, 1.2, .36, 1);--m-exit:cubic-bezier(.4, 0, 1, 1);--m-press-ease:cubic-bezier(.2, .9, .3, 1.2);--m-safe-b:calc(env(safe-area-inset-bottom) / 2);--m-tabbar-h:calc(64px + var(--m-safe-b));--m-bar-h:calc(56px + env(safe-area-inset-top));--m-chrome-b:calc(var(--m-tabbar-h) + 32px)}.m-app{transform-origin:50% 0;max-width:480px;height:100dvh;transition:transform .2s var(--m-exit), border-radius .2s var(--m-exit);margin:0 auto;position:relative;overflow:hidden}.m-app.m-behind{transition:transform .38s var(--m-spring), border-radius .38s var(--m-spring);border-radius:16px;transform:scale(.96)}.m-tap{-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none}.m-press{transition:transform .12s var(--m-press-ease);position:relative}.m-press:active{transform:scale(.96)}.m-press.m-card:active{transform:scale(.98)}.m-press:before{content:"";z-index:3;pointer-events:none;mix-blend-mode:screen;opacity:0;background:#6aeefd;transition:opacity .16s;position:absolute;inset:0}.m-press:active:before{opacity:.22;transition:opacity 40ms}.m-wipe-host{overflow:hidden}.m-wipe{z-index:4;pointer-events:none;background:linear-gradient(115deg,#0000 35%,#ffffffeb 48% 54%,#0000 66%);position:absolute;inset:-10%;transform:translate(-120%)}.m-flash>.m-wipe{animation:.17s cubic-bezier(.4,0,.6,1) forwards m-wipe}@keyframes m-wipe{to{transform:translate(120%)}}.m-blade{pointer-events:none;z-index:0;animation:m-blade-in .26s var(--m-spring) backwards;position:absolute}.m-blade:before,.m-blade:after{content:"";clip-path:polygon(3% 22%,100% 0,95% 100%,0 80%);position:absolute;inset:0}.m-blade:before{background:#fc0c93;transform:translate(3px,3px)}.m-blade:after{background:#fe0000}@keyframes m-blade-in{0%{opacity:0;transform:scale(.86)rotate(2.5deg)}}.m-sk{background:#0e0e54;display:block;position:relative;overflow:hidden}.m-sk:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000 30%,#6aeefd29 50%,#0000 70%);animation:1.2s linear infinite m-shimmer;position:absolute;inset:0;transform:translate(-100%)}.m-sk>img{opacity:0;transition:opacity .32s ease-out,transform .52s cubic-bezier(.22,1,.36,1);transform:scale(1.05)}.m-sk[data-loaded]:after{opacity:0;animation:none}.m-sk[data-loaded]>img{opacity:1;transform:none}@keyframes m-shimmer{to{transform:translate(100%)}}.m-screen{--p:0;scrollbar-width:none;height:100dvh;padding-bottom:calc(var(--m-chrome-b) + 8px);overflow:hidden auto}.m-screen::-webkit-scrollbar{display:none}.m-bar-bg{opacity:var(--p);-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);background:#001e40b8;border-bottom:1px solid #ffffff24}.m-bar-title{opacity:var(--p);transform:translateY(calc((1 - var(--p)) * 10px)) rotate(-4deg)}.m-big-title{opacity:calc(1 - var(--p));transform:translateY(calc(var(--p) * -12px)) scale(calc(1 - var(--p) * .3));transform-origin:0 100%}.m-blur-bar{-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);background:#001e40c7}.m-enter{animation:m-enter .38s var(--m-spring) backwards}@keyframes m-enter{0%{opacity:0;transform:translate(16px)}}.m-rise{animation:m-rise .38s var(--m-spring) backwards;animation-delay:calc(min(var(--i,0), 14) * 35ms)}@keyframes m-rise{0%{opacity:0;transform:translateY(24px)}}.m-seg-ink{transition:transform .3s var(--m-spring)}.m-seg-ink:after{content:"";clip-path:polygon(4% 0,100% 0,96% 100%,0 100%);background:#6aeefd;position:absolute;inset:0 24%}.m-tick-in{animation:m-tick-in .34s var(--m-spring) 90ms backwards}@keyframes m-tick-in{0%{opacity:0;clip-path:inset(-20% 100% -20% -10%);transform:translate(-28px)}to{clip-path:inset(-20% -10%)}}.m-tick-out{animation:m-tick-out .2s var(--m-exit) forwards}@keyframes m-tick-out{0%{clip-path:inset(-20% -10%)}to{opacity:0;clip-path:inset(-20% -10% -20% 70%);transform:translate(44px)}}.m-tb-blade{transition:transform .34s var(--m-spring)}.m-tb[aria-current=page] svg{color:#6aeefd;animation:m-pop .28s var(--m-spring)}@keyframes m-pop{40%{transform:scale(1.22)}}.m-scrim{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00001480;animation:.32s ease-out backwards m-fade}.m-sheet{animation:m-sheet-in .38s var(--m-spring) backwards}@keyframes m-sheet-in{0%{transform:translateY(100%)}}@keyframes m-fade{0%{opacity:0}}.m-sheet-body{overscroll-behavior:contain;scrollbar-width:none}.m-sheet-body::-webkit-scrollbar{display:none}.m-sheet-strip:before{content:"";clip-path:polygon(0 0,100% 0,100% 70%,0 100%);background:#001e40;position:absolute;inset:0}.m-sheet-strip:after{content:"";clip-path:polygon(0 0,100% 0,97% 100%,0 100%);background:#fe0000;width:46%;height:5px;position:absolute;bottom:0;left:0}.m-toast{animation:2.2s linear forwards m-toast}@keyframes m-toast{0%{opacity:0;animation-timing-function:var(--m-spring);transform:translateY(16px)rotate(-3deg)}14%{opacity:1;transform:rotate(-3deg)}86%{opacity:1;animation-timing-function:var(--m-exit);transform:rotate(-3deg)}to{opacity:0;transform:translateY(8px)rotate(-3deg)}}@media (prefers-reduced-motion:reduce){.m-enter,.m-rise,.m-sheet,.m-blade,.m-tick-in{animation-name:m-fade}.m-tick-out{animation-name:m-fade-out}@keyframes m-fade-out{to{opacity:0}}.m-wipe,.m-sk:after{display:none}.m-press:active,.m-press.m-card:active,.m-app.m-behind{transform:none}.m-tb[aria-current=page] svg{animation:none}.m-sk>img{transition:opacity .16s;transform:none}.m-tb-blade,.m-seg-ink,.m-app{transition:opacity .16s}.m-big-title,.m-bar-title{transform:none}.m-toast{animation-name:m-toast-fade}@keyframes m-toast-fade{0%{opacity:0;transform:rotate(-3deg)}14%,86%{opacity:1;transform:rotate(-3deg)}to{opacity:0;transform:rotate(-3deg)}}}}