/* V33: mobile-first interactive level journey and word discovery */
body.zito-reference .ref-level-card,body.zito-reference .z22-discovery-card{position:relative;isolation:isolate;overflow:hidden;transform:none;opacity:1;transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s, border-color .4s,background .4s!important;will-change:auto}
body.zito-reference .ref-level-card::before,body.zito-reference .z22-discovery-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 22%,rgba(225,232,240,.7) 48%,transparent 73%);transform:translateX(-125%);transition:transform .95s ease;z-index:0}
body.zito-reference .ref-level-card>* ,body.zito-reference .z22-discovery-card>*{position:relative;z-index:1}
body.zito-reference .ref-level-card.z33-appeared::before,body.zito-reference .z22-discovery-card.z33-appeared::before{transform:translateX(130%)}
body.zito-reference .ref-level-card.z33-appeared,body.zito-reference .z22-discovery-card.z33-appeared{border-color:#b3bec9!important;box-shadow:0 16px 36px rgba(25,37,49,.085);transform:translateY(-3px)}
body.zito-reference .ref-level-card.z33-current{border-color:#7d8f9e!important;background:linear-gradient(145deg,#fff 55%,#eef2f6)!important;box-shadow:0 14px 38px rgba(29,40,52,.12)}
body.zito-reference .z22-discovery-card.z33-current{background:linear-gradient(135deg,#f4f7fa,#dce5ed)!important;border-color:#8b9fae!important;box-shadow:0 16px 35px rgba(25,37,49,.13)}
body.zito-reference .z22-discovery-card strong{display:inline-block;width:max-content;max-width:100%;background:linear-gradient(105deg,#1d2a37 10%,#a2b5c5 38%,#f8fafc 49%,#728799 60%,#1d2a37 83%);background-size:260% 100%;background-position:100% 50%;color:#233444;-webkit-background-clip:text;background-clip:text}
body.zito-reference .z22-discovery-card.z33-current strong{-webkit-text-fill-color:transparent;animation:z33WordShine 2.2s ease-in-out 1 both}
@keyframes z33WordShine{from{background-position:100% 50%}to{background-position:0 50%}}
body.zito-reference .ref-levels .ref-wrap{position:relative}
body.zito-reference .z33-level-progress{margin:10px 0 24px;background:#e4e9ee;border-radius:999px;height:4px;overflow:hidden}
body.zito-reference .z33-level-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#647789,#e3edf4,#718595);transition:width .35s ease}
body.zito-reference .z33-level-hint{color:#607080;font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 9px}
body.zito-reference .z22-match{border:1px solid #cbd5de!important;background:linear-gradient(145deg,#f8fafc,#e9eef3)!important}
body.zito-reference .z22-match-options button{transition:transform .15s ease,background .2s ease,border-color .2s ease!important}
body.zito-reference .z22-match-options button:active{transform:scale(.96)!important}
body.zito-reference .z22-match-options button:focus-visible{outline:3px solid #889aab;outline-offset:3px}
@media(max-width:700px){body.zito-reference .ref-level-card{min-height:0!important;padding:24px 20px!important}body.zito-reference .ref-level-grid{gap:16px!important}body.zito-reference .z22-discovery-card{min-height:145px!important}body.zito-reference .z22-discovery-words{gap:16px!important}body.zito-reference .z22-match{margin-top:25px!important}}
@media(prefers-reduced-motion:reduce){body.zito-reference .ref-level-card,body.zito-reference .z22-discovery-card,body.zito-reference .z22-match-options button{transition:none!important;animation:none!important;transform:none!important}body.zito-reference .z22-discovery-card.z33-current strong{animation:none!important;background:none!important;-webkit-text-fill-color:#233444!important}body.zito-reference .ref-level-card::before,body.zito-reference .z22-discovery-card::before{display:none}}