@view-transition{navigation:auto}::view-transition-old(root){animation:hd-exit .16s ease both}::view-transition-new(root){animation:hd-enter .38s cubic-bezier(.2,.8,.2,1) both}@keyframes hd-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes hd-exit{to{opacity:0}}@keyframes hd-reveal{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}html{scroll-behavior:smooth}button,a,input,select,summary{transition:background-color .2s,color .2s,border-color .2s,box-shadow .25s,transform .25s cubic-bezier(.2,.8,.2,1)}button:not(:disabled):active,.button:active{transform:scale(.97)}input:focus,select:focus{outline:2px solid #2487ff;outline-offset:3px;box-shadow:0 0 0 6px #2487ff14}.hd-revealed{animation:hd-reveal .55s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--reveal-delay,0ms)}.bank-question,.card,.creator-card,.branch-card,.subject-card{transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .25s}details[open]>:not(summary){animation:hd-enter .25s ease both}.bank-loading{animation:hd-loading 1.7s ease-in-out infinite}@keyframes hd-loading{50%{opacity:.5}}@media(hover:hover) and (pointer:fine){.card:hover,.bank-question:hover{transform:translateY(-3px);box-shadow:0 14px 42px #172c4a0a}button:not(:disabled):hover,.button:hover{transform:translateY(-2px)}.study-nav a:not(.brand):hover{color:#2487ff}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}::view-transition-old(root),::view-transition-new(root){animation:none!important}}

.subject-content,.unit-body,.subject-detail{animation:hd-enter .32s cubic-bezier(.16,1,.3,1) both}.branch-item,.semester-item,.subject-item{transition:background .22s,box-shadow .25s,transform .25s cubic-bezier(.16,1,.3,1)}.branch-item.active,.semester-item.active,.subject-item.active{box-shadow:0 5px 20px #2487ff0e}.mobile-menu{transition:transform .42s cubic-bezier(.16,1,.3,1),opacity .3s,visibility .3s}@media(hover:hover) and (pointer:fine){.branch-item:hover,.semester-item:hover,.subject-item:hover{transform:translateX(3px)}}