.cl-tutorial h2{text-align:center;font-size:1.3rem;margin:0 0 20px}
.cl-tutorial ul{list-style:none;padding:0;margin:0;display:grid;gap:18px}
.cl-tutorial li{display:flex;gap:17px;align-items:center;font-size:clamp(15px,1.05vw,18px);line-height:1.65}
.cl-tutorial [hidden]{display:none!important}
.cl-tutorial-icon{--cl-tutorial-duration:4.8s;--cl-tutorial-delay:0s;flex:0 0 48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#fff3ce;color:#9e6800}
.cl-tutorial-icon svg{display:block;width:44px;height:44px;overflow:visible}
.cl-tutorial-fill{fill:#ffe6a0;fill-opacity:.55}
.cl-tutorial-icon.languages{--cl-tutorial-delay:-.6s}
.cl-tutorial-icon.match{--cl-tutorial-delay:-1.2s}
.cl-tutorial-icon.repeat{--cl-tutorial-delay:-1.8s}
.cl-tutorial-icon :is(.cl-tutorial-signal,.cl-tutorial-bubble,.cl-tutorial-halo,.cl-tutorial-play,.cl-tutorial-orbit){transform-box:fill-box;transform-origin:center;animation-duration:var(--cl-tutorial-duration);animation-delay:var(--cl-tutorial-delay);animation-timing-function:cubic-bezier(.4,0,.2,1);animation-iteration-count:infinite}
.cl-tutorial-signal{animation-name:cl-tutorial-signal}
.cl-tutorial-bubble{animation-name:cl-tutorial-bubble}
.cl-tutorial-bubble-secondary{animation-direction:reverse}
.cl-tutorial-halo{opacity:.3;animation-name:cl-tutorial-halo}
.cl-tutorial-play{animation-name:cl-tutorial-play}
.cl-tutorial-orbit{animation-name:cl-tutorial-orbit}
.cl-tutorial[hidden] *,.cl-tutorial ul[hidden] *{animation-play-state:paused}
.cl-tutorial-gate p{line-height:1.7;text-align:center}
.cl-tutorial-gate button{display:block;margin:auto;border:0;border-radius:14px;background:#ffd04f;color:#674000;padding:13px 23px;font:inherit;cursor:pointer}
@keyframes cl-tutorial-signal{0%,15%,80%,100%{opacity:.35}35%,55%{opacity:1}}
@keyframes cl-tutorial-bubble{0%,15%,80%,100%{transform:translateY(0)}40%,55%{transform:translateY(-1.5px)}}
@keyframes cl-tutorial-halo{0%,15%,80%,100%{transform:scale(.94);opacity:.25}40%,55%{transform:scale(1.04);opacity:.65}}
@keyframes cl-tutorial-play{0%,20%,70%,100%{transform:scale(1)}40%{transform:scale(.92)}}
@keyframes cl-tutorial-orbit{0%,15%{transform:rotate(0)}80%,100%{transform:rotate(360deg)}}
body.cl-guest-v2 #language-dialog .cl-dialog-head:empty{display:none}
#language-dialog .cl-dialog-head{padding:12px 16px;border:0}#language-dialog .cl-dialog-head>button{display:none}#language-dialog .cl-dialog-head .cl-search{width:100%;margin:0}
body.cl-guest-v2 #language-dialog .cl-language-tabs{display:flex;flex-wrap:wrap;align-items:center;padding:8px 18px;gap:6px 10px;flex-shrink:0}
body.cl-guest-v2 #language-dialog .cl-language-tabs>button{box-sizing:border-box;height:44px;flex:0 0 auto;padding:8px 14px;font-size:16px;line-height:1.5;white-space:nowrap}
body.cl-guest-v2 #language-dialog .cl-language-tabs>.dialog-done{position:static;transform:none;margin-left:auto;border:0;border-radius:11px;background:#ffd04f;color:#784c00;padding:8px 22px;width:auto;min-width:0;height:44px;font:inherit;font-size:16px;font-weight:700;line-height:1.5;cursor:pointer}
body.cl-guest-v2 #language-dialog .cl-language-tabs>.dialog-done:focus-visible{outline:2px solid #9e6800;outline-offset:2px}
@media(max-width:520px){body.cl-guest-v2 #language-dialog .cl-language-tabs{padding:6px 12px;gap:4px}body.cl-guest-v2 #language-dialog .cl-language-tabs>button{padding:8px 10px;font-size:15px}body.cl-guest-v2 #language-dialog .cl-language-tabs>.dialog-done{padding:8px 14px;font-size:15px}}
#language-dialog .cl-language-list{padding-top:8px;gap:6px 12px}#language-dialog .cl-language-group{margin:6px 0 3px}#language-dialog .cl-onboarding-note{font-size:13px;margin:7px 18px}#language-dialog .cl-upcoming-popover{position:fixed;z-index:10;display:flex;align-items:center;gap:12px;width:245px;max-width:calc(100vw - 30px);padding:13px 15px;border:1px solid #ffe29b;border-radius:15px;background:#fff8dd;box-shadow:0 10px 30px #54370d26;color:#684a10;font-size:13px;line-height:1.45}#language-dialog .cl-upcoming-popover button{flex:0 0 35px}.cl-access-hint{margin:0;padding:12px 20px;background:#fff6d4;color:#6b490c;font-size:14px;line-height:1.6}.cl-a-menu-status{padding:10px 14px;border-radius:12px;background:#fff6d4;color:#6e4e13}
@media(prefers-reduced-motion:reduce){.cl-tutorial *{animation:none!important}}
