:root{--study-ease:cubic-bezier(.2,.75,.25,1);--study-duration:.26s}@view-transition{navigation:auto}::view-transition-old(root){animation:.13s ease-out both study-route-out}::view-transition-new(root){animation:study-route-in var(--study-duration) var(--study-ease) both}@keyframes study-route-out{to{opacity:0;transform:translateY(-3px)}}@keyframes study-route-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes study-page-in{0%{opacity:0;transform:perspective(1400px) translateX(var(--study-page-offset,12px)) rotateY(var(--study-page-angle,-.4deg))}to{opacity:1;transform:none}}@keyframes study-feedback-in{0%{opacity:0;transform:translateY(5px)scale(.99)}to{opacity:1;transform:none}}.cr-page{animation:study-page-in .3s var(--study-ease) both;transform-origin:0;min-width:0}.cr-page[data-direction=back]{--study-page-offset:-12px;--study-page-angle:.4deg}html[data-theme=piano] :is(button,.p-button,.cn-topics a,.cn-start){touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .16s var(--study-ease),box-shadow .16s var(--study-ease),border-color .16s ease,background-color .16s ease}html[data-theme=piano] :is(button,.p-button).study-pressed:not(:disabled){transform:translateY(2px)scale(.985)!important}html[data-theme=piano] :is(button,a,input,select,textarea,summary):focus-visible{outline-offset:4px;outline:3px solid #337aa8!important}html[data-theme=piano] .cn-topics a:hover{transform:translate(3px)}html[data-theme=piano] .cn-topics a[aria-current=page]{border-left:3px solid #275f83;font-weight:700;background:#edf4fa!important}.cr-feedback,.cr-save-confirmation{animation:study-feedback-in .22s var(--study-ease) both}.cr-learning-progress{background:#f6f9fc;border:1px solid #cfdae4;border-radius:14px;gap:8px;margin:0 0 24px;padding:16px 18px;display:grid}.cr-learning-progress>div{justify-content:space-between;gap:12px;font-size:12px;line-height:1.5;display:flex}.cr-learning-progress progress{background:#dce5ed;border-radius:8px;width:100%;height:7px;margin:0;display:block}.cr-learning-progress progress::-webkit-progress-bar{background:#dce5ed}.cr-learning-progress progress::-webkit-progress-value{transition:width .35s var(--study-ease);background:#275f83}.cr-learning-progress progress::-moz-progress-bar{background:#275f83}.cr-learning-progress small{font-size:11px;line-height:1.5}.cr-save-confirmation{z-index:80;color:#17452f;pointer-events:none;background:#eff9f3;border:1px solid #a8c6bc;border-radius:16px;max-width:calc(100vw - 40px);padding:15px 20px;font-size:13px;position:fixed;bottom:78px;right:24px;box-shadow:0 10px 30px #17223518}.study-motion-toggle{z-index:60;opacity:.94;min-height:36px;font:11px/1.4 Arial,Helvetica,sans-serif;position:fixed;bottom:14px;right:18px;padding:8px 12px!important}@media (max-width:760px){.study-motion-toggle{font-size:10px;bottom:10px;right:12px}.cr-save-confirmation{bottom:68px;right:14px}.cr-page{--study-page-offset:7px}.cr-learning-progress>div{flex-wrap:wrap}}html[data-study-motion=reduced] *,html[data-study-motion=reduced] :before,html[data-study-motion=reduced] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}html[data-study-motion=reduced]::view-transition-old(root){animation:none!important}html[data-study-motion=reduced]::view-transition-new(root){animation:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}::view-transition-old(root){animation:none!important}::view-transition-new(root){animation:none!important}}