/* Motion explains navigation and interaction; reading content stays still. */
:is(.primary-button,.secondary-button,.studio-learning-entry,.selection-study-choice,.selection-study-mode){position:relative;isolation:isolate;overflow:hidden}
.site-click-wave{position:absolute;left:50%;top:50%;width:220px;height:220px;border-radius:50%;background:currentColor;pointer-events:none;z-index:-1}
:is(button,a,[role=button]){transition:background-color .18s ease,border-color .18s ease,color .18s ease}
:is(.primary-button,.secondary-button,.studio-learning-entry,.selection-study-choice,.selection-study-mode):active:not(:disabled){translate:0 1px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  :is(.studio-learning-entry,.selection-study-choice,.selection-study-mode,.library-category,.profile-metric){transition:transform .24s cubic-bezier(.2,.7,.3,1),box-shadow .24s,border-color .18s}
  :is(.studio-learning-entry,.selection-study-choice,.selection-study-mode,.library-category):hover{transform:translateY(-4px)}
  :is(.studio-learning-entry,.selection-study-choice):hover :is(.studio-entry-arrow,.selection-study-choice-action){translate:5px 0;transition:translate .24s ease}
  .studio-learning-entry:hover img{animation:siteMascotHello .65s ease-in-out 1;transform-origin:50% 85%}
  .brand:hover .brand-mark{animation:siteMascotHello .55s ease-in-out 1;transform-origin:50% 90%}
}
.selection-study-shell,.studio-time-plan,.studio-audio-choice,.studio-audio-player,.studio-audio-advanced,.home-info-banner,.settings-dialog[open],dialog[open],.profile-metric,.admin-panel:not([hidden]){animation:sitePanelIn .34s cubic-bezier(.2,.7,.3,1) both}
.studio-learning-entry,.selection-study-choice{animation:siteCardIn .4s cubic-bezier(.2,.7,.3,1) both}.studio-learning-entry:nth-child(2),.selection-study-choice:nth-child(2){animation-delay:55ms}.studio-learning-entry:nth-child(3){animation-delay:110ms}.studio-learning-entry:nth-child(4){animation-delay:165ms}
dialog[open]::backdrop{animation:siteBackdropIn .22s ease both}
details>summary{transition:color .18s,background-color .18s}details[open]>summary{color:var(--pine,#247754)}
.studio-audio-visual span{transform-origin:center;animation:none}.studio-audio-player[data-playing=true] .studio-audio-visual span{animation:siteAudioBeat .95s ease-in-out infinite}.studio-audio-player[data-playing=true] .studio-audio-visual span:nth-child(2n){animation-delay:-.35s}.studio-audio-player[data-playing=true] .studio-audio-visual span:nth-child(3n){animation-delay:-.65s}
:is(.studio-results,.studio-summary,.practice-results,.studio-result,.profile-learning-empty,[role=tabpanel]):not([hidden]){animation:sitePanelIn .32s ease-out both}
.studio-task{animation:siteBackdropIn .22s ease-out both}
:is(.studio-difficulty-option,.studio-duration-presets button,.duration-presets button){transition:background-color .2s,border-color .2s,transform .2s}
.studio-difficulty-option:has(input:checked){animation:siteSelected .27s ease-out 1}
.studio-paused:not([hidden]){animation:siteBackdropIn .18s ease both}.studio-paused:not([hidden]) button{animation:siteCardIn .25s ease both}
.site-utility-footer .nav-button:active{translate:0 1px}.site-utility-footer .nav-button.active svg{animation:siteSelected .3s ease-out 1}
.site-motion-hidden :is(.pine-growth-scene,.studio-audio-visual) *{animation-play-state:paused!important}
@keyframes sitePanelIn{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes siteCardIn{from{opacity:.4;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes siteBackdropIn{from{opacity:0}to{opacity:1}}
@keyframes siteMascotHello{0%,100%{transform:rotate(0)}25%{transform:rotate(-3deg) translateY(-2px)}65%{transform:rotate(3deg) translateY(-2px)}}
@keyframes siteAudioBeat{0%,100%{transform:scaleY(.45);opacity:.65}45%{transform:scaleY(1);opacity:1}}
@keyframes siteSelected{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}
@media(prefers-reduced-motion:reduce){:is(.selection-study-shell,.studio-time-plan,.studio-audio-choice,.studio-audio-player,.studio-audio-advanced,.home-info-banner,dialog[open],.profile-metric,.admin-panel,.studio-learning-entry,.selection-study-choice,.studio-results,.studio-summary,.practice-results,.studio-result,.profile-learning-empty,.studio-difficulty-option,.studio-paused,.nav-button svg,.studio-audio-visual span,.studio-task,[role=tabpanel]){animation:none!important;transition:none!important}dialog::backdrop{animation:none!important}.site-click-wave{display:none}:is(.primary-button,.secondary-button,.studio-learning-entry,.selection-study-choice,.selection-study-mode):active{translate:none!important}}