:root{--motion-press:.14s;--motion-fast:.18s;--motion-control:.28s;--motion-route:.38s;--motion-sheet:.42s;--motion-ease-out:cubic-bezier(.2, .8, .2, 1);--motion-ease-in:cubic-bezier(.4, 0, 1, 1);--motion-ease-in-out:cubic-bezier(.45, 0, .55, 1);--motion-spring:cubic-bezier(.32, .72, 0, 1);--motion-spring-snappy:cubic-bezier(.25, .9, .3, 1.04);--motion-spring-bouncy:cubic-bezier(.34, 1.3, .64, 1);--depth-perspective:1100px;--depth-tilt-max:6;--depth-shadow:0 2px 4px #1010140a, 0 22px 44px -18px #10101447;--depth-glare:#ffffff4d}.dark{--depth-shadow:0 2px 4px #0000004d, 0 26px 50px -18px #000000b3;--depth-glare:#ffffff1f}@supports (transition-timing-function:linear(0, 1)){:root{--motion-spring:linear(0, .0326, .1088, .2054, .308, .4078, .5001, .5827, .6547, .7164, .7686, .8122, .8483, .8779, .9022, .9218, .9377, .9505, .9608, .969, .9755, .9807, .9848, .9881, .9906, .9927, .9943, .9955, .9965, .9973, .9979, .9983, .9987, 1);--motion-spring-snappy:linear(0, .0327, .1124, .217, .3312, .4446, .5505, .6452, .727, .7956, .8517, .8964, .9312, .9574, .9768, .9904, .9997, 1.0057, 1.0091, 1.0107, 1.0111, 1.0107, 1.0097, 1.0086, 1.0073, 1.006, 1.0049, 1.0038, 1.0029, 1.0022, 1.0016, 1.0011, 1.0007, 1);--motion-spring-bouncy:linear(0, .0497, .1698, .3245, .4873, .6401, .7724, .8792, .9595, 1.0152, 1.0499, 1.0678, 1.073, 1.0697, 1.0611, 1.0498, 1.0379, 1.0267, 1.017, 1.0091, 1.0032, .999, .9964, .9951, .9947, .9949, .9955, .9963, .9972, .998, .9987, .9993, .9998, 1)}}.app-screen{min-height:100dvh}html{scroll-padding-top:calc(3.75rem + var(--safe-top))}.page-shell{min-height:calc(100vh - 3.75rem - var(--safe-top));min-height:calc(100dvh - 3.75rem - var(--safe-top));scroll-margin-top:calc(3.75rem + var(--safe-top))}@media (min-width:1024px){html{scroll-padding-top:calc(4.25rem + var(--safe-top))}.page-shell{min-height:calc(100vh - 4.25rem - var(--safe-top));min-height:calc(100dvh - 4.25rem - var(--safe-top));scroll-margin-top:calc(4.25rem + var(--safe-top))}}.route-motion{--route-x:0px;--route-y:0px;--route-z:0px;--route-rx:0deg;--route-ry:0deg;--route-scale:1;animation:motion-route-enter var(--motion-route) var(--motion-spring) backwards;transform-origin:50% 32%}.route-motion[data-motion=initial],.route-motion[data-current=false]{animation:none}.route-motion[data-motion=tab-forward]{--route-x:8px;--route-z:-24px;--route-ry:-2deg}.route-motion[data-motion=tab-back]{--route-x:-8px;--route-z:-24px;--route-ry:2deg}.route-motion[data-motion=forward]{--route-x:28px;--route-z:-48px;--route-ry:-5deg}.route-motion[data-motion=back]{--route-x:-28px;--route-z:-48px;--route-ry:5deg}.route-motion[data-motion=present]{--route-y:32px;--route-z:-60px;--route-rx:7deg}.route-motion[data-motion=dismiss]{--route-y:-10px;--route-z:-24px}.route-motion[data-motion=utility]{--route-y:12px;--route-z:-20px;--route-rx:3deg}.route-motion[data-motion=fade]{--route-z:-16px}@keyframes motion-route-enter{0%{opacity:0;transform:perspective(1400px) translate3d(var(--route-x), var(--route-y), var(--route-z)) rotateX(var(--route-rx)) rotateY(var(--route-ry)) scale(var(--route-scale))}to{opacity:1;transform:none}}@media (min-width:768px){.route-motion[data-motion=forward]{--route-x:14px;--route-ry:-3deg}.route-motion[data-motion=back]{--route-x:-14px;--route-ry:3deg}.route-motion[data-motion=present]{--route-y:18px;--route-rx:4deg}.route-motion[data-motion=utility]{--route-y:8px}}.motion-pressable{transition:transform var(--motion-sheet) var(--motion-spring-snappy), opacity var(--motion-fast) ease-out}.motion-pressable:active{transition-duration:var(--motion-press), var(--motion-fast);transition-timing-function:ease-out;transform:scale(.96)}.motion-card,[data-depth-tilt]{--depth-lift:0px;--depth-scale:1;transition:transform var(--motion-sheet) var(--motion-spring-snappy), box-shadow var(--motion-control) var(--motion-ease-out)}:is(.motion-card,[data-depth-tilt]):is(:hover,:active){transform:perspective(var(--depth-perspective)) translate3d(0, var(--depth-lift), 0) rotateX(calc(var(--depth-py,0) * var(--depth-tilt-max) * -1deg)) rotateY(calc(var(--depth-px,0) * var(--depth-tilt-max) * 1deg)) scale(var(--depth-scale))}.motion-card:active{--depth-scale:.985}[data-depth-tilt]:active{--depth-scale:.96}[data-depth-active]{transition-duration:.14s, var(--motion-control);transition-timing-function:ease-out, var(--motion-ease-out)}.motion-media-image{transition:transform var(--motion-route) var(--motion-ease-out)}.motion-fab-icon{transition:transform var(--motion-fast) ease-out}.group:active .motion-fab-icon{transform:rotate(45deg)scale(.9)}@media (hover:hover) and (pointer:fine){.motion-card:hover{--depth-lift:-3px;box-shadow:var(--depth-shadow)}:is(.motion-card,[data-depth-tilt]):after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(circle at calc(50% + var(--depth-px,0) * 50%) calc(50% + var(--depth-py,0) * 50%), var(--depth-glare), transparent 60%);opacity:0;transition:opacity var(--motion-control) ease-out;position:absolute;inset:0}:is(.motion-card,[data-depth-tilt]):hover:after{opacity:1}.group:hover .motion-media-image{transform:scale(1.025)}.group:hover .motion-fab-icon{transform:scale(1.05)}}.motion-horizontal-scroll{overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;-webkit-overflow-scrolling:touch}.motion-horizontal-scroll>*{scroll-snap-align:start}@keyframes motion-sheet-intro{0%{opacity:0;transform:perspective(800px)translate3d(0,28px,-60px)rotateX(28deg)}}@keyframes motion-fade-in{0%{opacity:0}to{opacity:1}}.animate-sheet-in{transform-origin:50% 100%;animation:motion-sheet-intro var(--motion-sheet) var(--motion-spring-snappy) backwards}.animate-fade-in{animation:motion-fade-in var(--motion-fast) ease-out}.animate-rise{animation:motion-rise .56s var(--motion-spring) backwards}.motion-enter{transition:opacity var(--motion-route) var(--motion-ease-out), transform var(--motion-route) var(--motion-ease-out)}@starting-style{.motion-enter{opacity:0;transform:translateY(10px)}}.motion-reveal{animation:motion-depth-in var(--motion-route) var(--motion-ease-out) backwards}@supports (animation-timeline:view()){.motion-reveal{animation:linear backwards motion-depth-in;animation-timeline:view();animation-range:entry 5% entry 70%}.motion-parallax{animation:linear both motion-parallax;animation-timeline:view();animation-range:cover}}@keyframes motion-depth-in{0%{opacity:0;transform:perspective(var(--depth-perspective)) translate3d(0, 44px, -90px) rotateX(16deg)}45%{opacity:1}}@keyframes motion-parallax{0%{translate:0 -5%;scale:1.12}to{translate:0 5%;scale:1.12}}.motion-float{animation:6s ease-in-out infinite motion-float}@keyframes motion-float{0%,to{transform:perspective(600px)translate(0,0)rotateX(0)rotateY(0)}50%{transform:perspective(600px)translate3d(0,-6px,14px)rotateX(10deg)rotateY(-12deg)}}::view-transition-group(*){animation-duration:.36s;animation-timing-function:var(--motion-spring)}::view-transition-old(*){animation-duration:.36s;animation-timing-function:var(--motion-spring)}::view-transition-new(*){animation-duration:.36s;animation-timing-function:var(--motion-spring)}@keyframes motion-rise{0%{opacity:0;transform:perspective(900px)translate3d(0,18px,-40px)rotateX(9deg)}}.motion-tabbar-shell{transition:opacity var(--motion-control) ease-out, transform var(--motion-control) ease-out}.motion-tabbar-body{transition:padding var(--motion-control) ease-out, transform var(--motion-control) ease-out}.motion-tab-item{transition:color var(--motion-control) ease-out}.motion-tab-icon{transition:opacity var(--motion-control) ease-out, transform var(--motion-control) ease-out}.motion-tab-label{transition:max-height var(--motion-control) ease-out, opacity var(--motion-control) ease-out, transform var(--motion-control) ease-out}.tab-active-pill{border:1px solid rgb(var(--glass-border));background-color:rgb(var(--surface) / .72);box-shadow:var(--glass-rim), 0 3px 12px -6px #00000038;pointer-events:none;transition:transform var(--motion-sheet) var(--motion-spring), opacity var(--motion-fast) ease;border-radius:9999px;position:absolute;inset-block-start:0;inset-inline-start:0}.dark .tab-active-pill{background-color:rgb(var(--surface-elevated) / .74);box-shadow:var(--glass-rim), 0 3px 14px -6px #00000080}.ios-switch{transition:background-color var(--motion-control) var(--motion-ease-out), border-color var(--motion-control) var(--motion-ease-out), box-shadow var(--motion-control) var(--motion-ease-out)}.ios-switch-thumb{transition:transform var(--motion-control) var(--motion-spring);transform:translate(0,0)}.ios-switch[data-checked=true] .ios-switch-thumb{transform:translate(18px)}.ios-switch:active .ios-switch-thumb{transform:translate(2px)scaleX(1.08)}.ios-switch[data-checked=true]:active .ios-switch-thumb{transform:translate(16px)scaleX(1.08)}.segmented-control{grid-template-columns:repeat(var(--segment-count), minmax(0, 1fr));display:grid;position:relative}.segmented-pill{width:calc(var(--segment-width) - var(--segment-adjust));border:1px solid rgb(var(--border));background:rgb(var(--surface));transform:translate3d(var(--segment-offset), 0, 0);transition:transform var(--motion-control) var(--motion-spring);pointer-events:none;border-radius:9999px;position:absolute;inset-block:.25rem;inset-inline-start:.25rem;box-shadow:0 1px 3px #0000001a,0 3px 8px -4px #00000014}.dark .segmented-pill{background:color-mix(in oklab, rgb(var(--tone-gray)) 34%, rgb(var(--surface-2)));border-color:#ffffff0f;box-shadow:inset 0 1px #ffffff14,0 1px 3px #0006}.motion-modal-root{opacity:1}.motion-modal-root[data-open=false]{pointer-events:none}.motion-modal-backdrop{opacity:0;transition:opacity var(--motion-fast) ease-out}.motion-modal-root[data-open=true] .motion-modal-backdrop{opacity:1}.motion-sheet{opacity:0;transition:transform var(--motion-sheet) var(--motion-spring), opacity var(--motion-fast) ease-out;transform:translateY(28px)scale(.99)}.motion-modal-root[data-open=true] .motion-sheet{opacity:1;transform:translate(0,0)scale(1)}.motion-scroll-region{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}@media (min-width:640px){.motion-sheet{transform:translateY(12px)scale(.97)}}@keyframes motion-tab-pop{0%{transform:scale(.86)}58%{transform:scale(1.1)}to{transform:scale(1)}}.animate-tab-pop{animation:motion-tab-pop var(--motion-control) var(--motion-ease-out)}@keyframes motion-control-pop{0%{opacity:.45;transform:scale(.76)rotate(-8deg)}65%{opacity:1;transform:scale(1.08)rotate(1deg)}to{opacity:1;transform:scale(1)rotate(0)}}.animate-control-pop{animation:motion-control-pop var(--motion-control) var(--motion-spring-bouncy)}@keyframes motion-symbol-bounce{0%{transform:scale(.78)}55%{transform:scale(1.16)}to{transform:scale(1)}}.animate-symbol-bounce{animation:motion-symbol-bounce var(--motion-control) var(--motion-ease-out)}.motion-word{animation:motion-word-in .9s var(--motion-spring) backwards;animation-delay:calc(var(--words-delay,0s) + var(--word-index,0) * 70ms);display:inline-block}@keyframes motion-word-in{0%{opacity:0;filter:blur(10px);transform:translateY(.55em)}60%{filter:blur()}}.motion-blur-in{animation:motion-blur-in .82s var(--motion-spring) backwards;animation-delay:var(--blur-delay,0s)}@keyframes motion-blur-in{0%{opacity:0;filter:blur(8px);transform:translateY(14px)scale(.985)}}@media (hover:hover) and (pointer:fine){[data-spotlight]:before{content:"";z-index:0;border-radius:inherit;pointer-events:none;background:radial-gradient(22rem circle at calc(50% + var(--depth-px,0) * 50%) calc(50% + var(--depth-py,0) * 50%), rgb(var(--primary) / .55), rgb(var(--accent) / .2) 35%, transparent 65%);opacity:0;transition:opacity var(--motion-control) var(--motion-ease-out);padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}[data-spotlight]:hover:before{opacity:1}}.edge-fade-x{--fade-start:0px;-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--fade-start), #000 calc(100% - 2.5rem), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--fade-start), #000 calc(100% - 2.5rem), transparent)}@property --fade-start{syntax:"<length>";inherits:false;initial-value:0}@supports (animation-timeline:scroll()){.edge-fade-x{animation:linear both edge-fade-start;animation-timeline:scroll(self inline);animation-range:0 4rem}@keyframes edge-fade-start{to{--fade-start:2.5rem}}}.motion-live-dot{background:currentColor;border-radius:9999px;flex-shrink:0;display:inline-block;position:relative}.motion-live-dot:after{content:"";border-radius:inherit;animation:motion-live-ping 1.8s var(--motion-ease-out) infinite;background:currentColor;position:absolute;inset:0}@keyframes motion-live-ping{0%{opacity:.65;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}.motion-digit{animation:motion-digit-in .42s var(--motion-spring-snappy) backwards;display:inline-block}@keyframes motion-digit-in{0%{opacity:0;filter:blur(3px);transform:translateY(-45%)}}.motion-sheen:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 30%,#ffffff61 48%,#0000 66%);position:absolute;inset:0;transform:translate(-120%)}@media (hover:hover) and (pointer:fine){.motion-sheen:hover:after{transition:transform .9s var(--motion-ease-out);transform:translate(120%)}}@layer components{.motion-skeleton{isolation:isolate;background:rgb(var(--skeleton-base));position:relative;overflow:hidden}}.motion-skeleton:after{content:"";background:linear-gradient(100deg, transparent 20%, rgb(var(--skeleton-shine)) 50%, transparent 80%);animation:motion-skeleton-sweep 1.6s var(--motion-ease-out) infinite;animation-delay:var(--skeleton-delay,0s);position:absolute;inset:0;transform:translate(-100%)}@keyframes motion-skeleton-sweep{60%,to{transform:translate(100%)}}.motion-skeleton-screen{animation:motion-skeleton-in .32s var(--motion-ease-out) .14s both}@keyframes motion-skeleton-in{0%{opacity:0}}.motion-ring-spin .avatar-ring:before,.avatar-ring.motion-ring-spin:before{animation:7s linear infinite motion-ring-turn}@media (hover:hover) and (pointer:fine){.group:hover .avatar-ring:before{animation:2.4s linear infinite motion-ring-turn}}@keyframes motion-ring-turn{to{transform:rotate(1turn)}}@property --motion-count{syntax:"<integer>";inherits:false;initial-value:0}@keyframes motion-count-up{0%{--motion-count:0}}.motion-count{--motion-count:var(--count-to);counter-reset:motion-count var(--motion-count);animation:motion-count-up .9s var(--motion-ease-out) both}.motion-count:after{content:counter(motion-count)}@media (prefers-reduced-motion:reduce){.route-motion:not([data-motion=initial]){--route-x:0px;--route-y:0px;--route-scale:1;animation:.14s ease-out backwards motion-route-enter!important}.motion-sheet{transition-duration:.12s!important;transform:none!important}.motion-modal-backdrop{transition-duration:.12s!important}.animate-tab-pop,.animate-control-pop,.animate-symbol-bounce,.animate-rise,.motion-reveal,.motion-parallax,.motion-float,.motion-count,.motion-word,.motion-blur-in,.motion-digit,.motion-live-dot:after,.avatar-ring:before{animation:none!important}.motion-skeleton:after{display:none}.motion-skeleton-screen{animation-duration:1ms!important}.motion-sheen:after{display:none}:is(.motion-card,[data-depth-tilt]):is(:hover,:active){transform:scale(var(--depth-scale))!important}.motion-enter{transition:none!important}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}