/* Panel motion never hides content or delays form interaction. */
@media(prefers-reduced-motion:no-preference){
main>section,.auth-box{animation:panel-enter .45s ease-out}
.input-panel,.source{animation:panel-enter .5s ease-out}
.source:nth-child(2){animation-duration:.58s}.source:nth-child(3){animation-duration:.66s}
aside nav a,button,.secondary,.primary{transition:background-color .2s,border-color .2s,box-shadow .2s,transform .2s}
button:hover:not(:disabled),a.secondary:hover{transform:translateY(-2px);box-shadow:0 5px 16px #0002}
button:active:not(:disabled){transform:translateY(0)}
aside nav a:hover{transform:translateX(3px)}
input,select,textarea{transition:border-color .2s,box-shadow .2s}
input:focus,select:focus,textarea:focus{box-shadow:0 0 0 3px #c9f27a12}
dialog[open]{animation:panel-enter .2s ease-out}
@keyframes panel-enter{from{opacity:.3;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
}
.google-auth{margin:22px 0}.google-auth[hidden]{display:none}
.google-button{width:100%;min-height:46px;border:1px solid #747775;border-radius:6px;background:#fff;color:#1f1f1f;display:flex;justify-content:center;align-items:center;gap:12px;font-size:14px;font-weight:550;cursor:pointer}
.google-button img{width:20px;height:20px}.google-button:disabled{cursor:not-allowed;opacity:.65;transform:none}
.google-divider{display:flex;align-items:center;gap:14px;color:#a8b7a6;font-size:12px;margin:20px 0}
.google-divider:before,.google-divider:after{content:"";height:1px;background:#344438;flex:1}


/* Shared motion for authenticated and account pages. */
@media(prefers-reduced-motion:no-preference){
main>section,.auth-box,.input-panel,.source{animation:none}
.brand img{transition:transform .3s ease,filter .3s ease;animation:dd-logo-glow 6s ease-in-out infinite alternate}
.brand:hover img{transform:translateY(-3px) rotate(-5deg);filter:drop-shadow(0 0 8px #b8e87166)}
.brand:focus-visible img{transform:translateY(-2px)}
.auth-links a{transition:transform .22s ease,background-color .22s ease,border-color .22s ease}
.auth-links a:hover{transform:translateY(-2px)}
.source,.input-panel,.user-control-card,.domain{transition:border-color .25s ease,box-shadow .25s ease}
.source:hover,.input-panel:hover,.user-control-card:hover,.domain:hover{border-color:#657c50;box-shadow:0 8px 24px #0002}
.dd-revealing{animation:dd-panel-reveal .65s cubic-bezier(.2,.7,.2,1) both}
main .hero,.auth-shell{position:relative;isolation:isolate}
main .hero:before,.auth-shell:before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 75% 15%,#c9f7791a,transparent 65%);animation:dd-panel-light 10s ease-in-out infinite alternate}
@keyframes dd-panel-reveal{from{opacity:.4;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes dd-panel-light{from{opacity:.2}to{opacity:1}}
@keyframes dd-logo-glow{from{filter:drop-shadow(0 0 0 #b8e87100)}to{filter:drop-shadow(0 0 6px #b8e87144)}}
}
@media(prefers-reduced-motion:reduce){.dd-revealing{animation:none!important}.brand img{animation:none!important;transition:none!important;transform:none!important}}