.juku-language{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;font:500 12px/1.4 sans-serif;color:#5e574e;position:relative;z-index:45}
.juku-language[hidden]{display:none}
.juku-language select{font:inherit;border:1px solid #c9c0b1;border-radius:18px;background:rgba(251,247,239,.94);color:#3e382f;padding:8px 24px 8px 10px;width:128px;max-width:36vw;cursor:pointer;min-height:36px}
.juku-language select:focus-visible{outline:2px solid #bd3e26;outline-offset:3px}
.juku-language-status{position:fixed;right:16px;bottom:16px;z-index:70;max-width:min(360px,85vw);margin:0;padding:10px 14px;border:1px solid #d6cbbc;border-radius:10px;background:#fbf7ef;color:#51483f;box-shadow:0 3px 18px #33271116;font:13px/1.5 sans-serif}
.juku-language-status:empty{display:none}
.juku-language-status button{font:inherit;color:#b93f27;background:#fffdf9;border:1px solid #d6cbbb;border-radius:6px;padding:5px 8px;margin-top:6px;cursor:pointer}
html[data-translated] .hero h1{font-size:clamp(32px,4.8vw,72px);max-width:19em;overflow-wrap:break-word}
html[data-translated] .nav{gap:16px}html[data-translated] .nav ul{gap:16px}
.juku-language-floating{position:fixed;top:12px;right:16px}
@media(max-width:950px){.nav{gap:10px!important}.nav ul{gap:10px!important}.juku-language select{width:100px;font-size:11px}.nav>.btn{font-size:12px}}
@media(max-width:640px){.juku-language select{width:88px;padding-right:10px}.juku-language{gap:3px}.juku-language .language-symbol{display:none}html[data-translated] .hero h1{font-size:30px}header nav{gap:10px}header .brand span{display:none}}

/* Non-blocking progress, centered without a toast or page dimming. */
.juku-language-status.is-loading{inset:50% auto auto 50%;transform:translate(-50%,-22px);width:max-content;max-width:min(320px,85vw);height:auto;margin:0;padding:54px 0 0;border:0;border-radius:0;background:transparent;box-shadow:none;pointer-events:none;font:500 14px/1.5 sans-serif;text-align:center;color:#51483f;overflow-wrap:anywhere}
.juku-language-status.is-loading>span{display:inline-block;max-width:100%;padding:4px 10px;border-radius:6px;background:rgba(251,247,239,.94)}
.juku-language-status.is-loading::after{content:"";position:absolute;top:0;left:50%;margin-left:-22px;width:44px;height:44px;box-sizing:border-box;border:3px solid rgba(100,91,77,.18);border-top-color:rgba(100,91,77,.8);border-radius:50%;opacity:.48;animation:juku-language-spin 1.1s linear infinite}
@keyframes juku-language-spin{to{transform:rotate(360deg)}}
/* A page with a video player: the progress badge sits in the bottom-left corner, small, instead of over the picture. */
body:has(video[data-lesson-id]) .juku-language-status.is-loading{inset:auto auto 12px 12px;transform:none;padding:0 0 0 30px;min-height:22px;max-width:min(220px,60vw);font-size:12px;text-align:left}
body:has(video[data-lesson-id]) .juku-language-status.is-loading::after{top:0;left:0;margin-left:0;width:22px;height:22px;border-width:2px}
@media(prefers-reduced-motion:reduce){.juku-language-status.is-loading::after{animation:none;border-style:dotted}}