/* A dedicated named view-transition group puts the dancing mask above page content. */
#sj-chika-top-cover{position:fixed;inset:0;width:100%;height:100%;background:transparent;pointer-events:none;view-transition-name:sj-chika-cover;z-index:2147483001}
html.sj-chika-transition::view-transition{z-index:2147483647!important;pointer-events:none!important}
html.sj-chika-transition::view-transition-group(sj-chika-cover){z-index:2147483647!important;isolation:isolate;pointer-events:none;transform:none!important;width:100vw!important;height:100dvh!important;background:var(--sj-surface,#fff);mask:url('/theme/edly/learning/assets/chika-d26782980076653d217e.gif') center / 0 no-repeat;-webkit-mask:url('/theme/edly/learning/assets/chika-d26782980076653d217e.gif') center / 0 no-repeat;animation:sj-chika-top-dance 1700ms both!important}
html.sj-chika-transition::view-transition-old(sj-chika-cover),
html.sj-chika-transition::view-transition-new(sj-chika-cover){animation:none!important;opacity:0!important;mix-blend-mode:normal!important}
@keyframes sj-chika-top-dance{0%{mask-size:0;-webkit-mask-size:0;opacity:0}10%,80%{mask-size:50vmax;-webkit-mask-size:50vmax;opacity:1}100%{mask-size:50vmax;-webkit-mask-size:50vmax;opacity:0}}
@media(prefers-reduced-motion:reduce){html.sj-chika-transition::view-transition-group(sj-chika-cover){animation:none!important;background:transparent!important;mask:none!important;-webkit-mask:none!important}}

/* Settings follows the chosen palette on both layouts. */
html body #sj-settings-trigger#sj-settings-trigger.sj-settings-trigger{background:var(--sj-accent,#00cddd)!important;color:var(--sj-accent-ink,#071522)!important;border:1px solid var(--sj-border,#d7e3ed)!important;border-radius:10px!important;box-sizing:border-box!important;box-shadow:none!important;font-size:13px!important;line-height:1.3!important}
html body #sj-settings-trigger#sj-settings-trigger :is(svg,span){color:var(--sj-accent-ink,#071522)!important}
html body #sj-settings-trigger#sj-settings-trigger>span{font-size:inherit!important;line-height:inherit!important}
html body #sj-settings-trigger#sj-settings-trigger:focus-visible{outline-color:var(--sj-accent-ink,#071522)!important}
@media(min-width:992px){
 html body #s3-premium-rail #sj-settings-trigger#sj-settings-trigger{order:2147483647!important;margin-top:auto!important;margin-bottom:8px!important;flex-shrink:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-height:72px!important;padding:10px 5px!important;gap:6px!important}
 html body #sj-settings-trigger#sj-settings-trigger svg{width:28px!important;height:28px!important;flex:none!important}
 html body>#sj-settings-trigger#sj-settings-trigger.sj-settings-trigger{position:fixed!important;left:10px!important;bottom:10px!important;top:auto!important;right:auto!important;z-index:2147482000!important;width:76px!important;min-height:72px!important;display:flex!important;flex-direction:column!important;gap:6px!important;padding:10px 5px!important}
}
@media(max-width:991px){
 html body #sj-settings-trigger#sj-settings-trigger.sj-settings-trigger{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;padding:8px!important}
 html body #sj-settings-trigger#sj-settings-trigger.sj-settings-trigger svg{width:24px!important;height:24px!important}
}

/* Bao retains its cyan frame and symmetric pale-yellow fill in every palette/mode. */
html body #s3-premium-rail#s3-premium-rail#s3-premium-rail#s3-premium-rail#s3-premium-rail [data-s3-baohantu-link] svg{box-sizing:border-box!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;max-width:36px!important;max-height:36px!important;flex-shrink:0!important;padding:3px!important;background:linear-gradient(135deg,#fffef1 0%,#fff9c9 25%,#fff2a3 50%,#fff9c9 75%,#fffef1 100%)!important;border:2px solid #00cddd!important;border-radius:8px!important;box-shadow:none!important;filter:none!important;outline:none!important;color:#e31f35!important;fill:#e31f35!important;stroke:none!important}
html body #s3-premium-rail#s3-premium-rail#s3-premium-rail#s3-premium-rail#s3-premium-rail [data-s3-baohantu-link] svg text{fill:#e31f35!important;stroke:none!important}