/* Shared control shape, including controls inserted after login. */
body :is(button,.tab-link,.btn-primary,.btn-ghost,#bot-open,select){border-radius:14px!important}
body main .btn-ghost,body main .account-pages button,body main .auth-toggle-btn{background:#142231;border:1px solid #344b60}
body main .account-pages [aria-pressed=true],body #auth .auth-toggle-btn.active{background:#213c52;border-color:#578aaf}
body .studio-footer button{padding:7px 11px;background:#121e2b}
.press-wave{position:fixed;z-index:2147483647;pointer-events:none;border-radius:50%;border:2px solid #b0e4ff;box-shadow:0 0 12px #63caff80;width:18px;height:18px;transform:translate(-50%,-50%);animation:routix-wave .48s ease-out forwards}
@keyframes routix-wave{to{opacity:0;transform:translate(-50%,-50%) scale(3.4)}}
@media(prefers-reduced-motion:no-preference){
body main .tab-panel.active{animation:panel-arrive .44s cubic-bezier(.17,.76,.2,1) both}
@keyframes panel-arrive{from{opacity:.15;transform:translateY(14px) scale(.985);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
body #plans.active .plan-mini{animation:row-arrive .42s backwards}.plan-mini:nth-child(2){animation-delay:65ms!important}.plan-mini:nth-child(3){animation-delay:130ms!important}.plan-mini:nth-child(4){animation-delay:195ms!important}
@keyframes row-arrive{from{opacity:0;transform:translateX(-22px)}}
#bot-auth[open] .qr-sheet{animation:qr-rise .45s cubic-bezier(.18,.85,.23,1.12) both}
@keyframes qr-rise{from{opacity:.2;transform:perspective(800px) rotateX(8deg) translateY(22px) scale(.96)}}
body .hero .route-art{opacity:.45}.route-art .pulse{stroke:#def6ff;filter:drop-shadow(0 0 4px #65ceff);animation-duration:3.6s}
body main :is(button,.btn-primary,.btn-ghost):active{scale:.96}
}
@media(hover:hover){body main :is(.btn-primary,.btn-ghost,.account-overview button):hover{box-shadow:0 0 0 1px #75c8ff70,0 5px 20px #318bcb30}}