:root{--violet-1:#302340;--violet-2:#3c225c10;--violet-3:#3e2463;--violet-4:#41246b;--violet-6:#45275f06;--violet-8:#513474;--violet-9:#59436e;--violet-10:#5c4172;--violet-12:#623e8d;--violet-13:#624083;--violet-14:#634187;--violet-15:#653b8f;--violet-16:#68408d;--violet-17:#6a399c;--violet-18:#6f5588;--violet-19:#70499c1a;--violet-20:#7345a0;--violet-21:#73588d;--violet-22:#7750a4;--violet-23:#7850a4;--violet-24:#785792;--violet-25:#795397;--violet-26:#7a5d91;--violet-28:#80628f;--violet-29:#8261a5;--violet-30:#82748f;--violet-31:#84768f;--violet-33:#887594;--violet-34:#8a7a98;--violet-35:#8d7b9c;--violet-36:#927aa4;--violet-37:#967fab;--violet-38:#9988a7;--violet-39:#9a89a8;--violet-40:#9d77c2;--violet-41:#a092ad;--violet-43:#a984d0;--violet-44:#a985d4;--violet-45:#aa8bc5;--violet-46:#aa8bce;--violet-47:#aa9bb5;--violet-48:#aaa0b3;--violet-49:#ab8ada;--violet-50:#ad96be;--violet-51:#b191d426;--violet-52:#e0d6eb;--violet-53:#b3a6bf;--violet-54:#bba3d7;--violet-55:#c2b6cd;--violet-56:#c5a0f0;--violet-57:#c6b3df;--violet-58:#c8b9dc;--violet-62:#dbd0e8;--violet-63:#dcd3e6;--violet-65:#dfd4eb;--violet-66:#e0d4ec;--violet-67:#8254bb;--violet-68:#e2d9ea;--violet-69:#e5ddeb;--violet-70:#e7deef;--violet-71:#e7dfef;--violet-73:#ece4f5;--violet-74:#ede7f4;--violet-76:#eee6f7;--violet-78:#ece4f5;--violet-79:#f1ebf6;--violet-80:#f1edf5;--violet-81:#f2ebfb;--violet-82:#f3ecfa;--violet-83:#f5f2fa;--violet-84:#f6f0fc;--violet-85:#f7f0ff;--violet-86:#fbf9fe}
body.side-b{--violet-1:#233040;--violet-2:#223d5c10;--violet-3:#244163;--violet-4:#24456b;--violet-6:#27415f06;--violet-8:#345174;--violet-9:#43576e;--violet-10:#415872;--violet-12:#3e628d;--violet-13:#405f83;--violet-14:#416187;--violet-15:#3b628f;--violet-16:#40638d;--violet-17:#39679c;--violet-18:#556c88;--violet-19:#496f9c1a;--violet-20:#456fa0;--violet-21:#58708d;--violet-22:#5077a4;--violet-23:#5077a4;--violet-24:#577292;--violet-25:#537297;--violet-26:#5d7591;--violet-28:#62778f;--violet-29:#6180a5;--violet-30:#74808f;--violet-31:#76828f;--violet-33:#758394;--violet-34:#7a8898;--violet-35:#7b8a9c;--violet-36:#7a8da4;--violet-37:#7f93ab;--violet-38:#8896a7;--violet-39:#8997a8;--violet-40:#779ac2;--violet-41:#929ead;--violet-43:#84a7d0;--violet-44:#85a9d4;--violet-45:#8ba6c5;--violet-46:#8baace;--violet-47:#9ba7b5;--violet-48:#a0a9b3;--violet-49:#8aafda;--violet-50:#96a8be;--violet-51:#91b0d426;--violet-52:#93b2d6;--violet-53:#a6b2bf;--violet-54:#a3bbd7;--violet-55:#b6c1cd;--violet-56:#a0c5f0;--violet-57:#b3c7df;--violet-58:#b9c9dc;--violet-62:#d0dbe8;--violet-63:#d3dce6;--violet-65:#d4dfeb;--violet-66:#d4dfec;--violet-67:#d8e0e9;--violet-68:#d9e1ea;--violet-69:#dde3eb;--violet-70:#dee6ef;--violet-71:#dfe6ef;--violet-73:#dfebf9;--violet-74:#e7edf4;--violet-76:#e6eef7;--violet-78:#e7f0fa;--violet-79:#ebf0f6;--violet-80:#edf1f5;--violet-81:#ebf2fb;--violet-82:#ecf2fa;--violet-83:#f2f6fa;--violet-84:#f0f6fc;--violet-85:#f0f7ff;--violet-86:#f9fbfe}
@font-face{font-family:Nunito;src:url(nunito.ttf)}*{box-sizing:border-box}body{margin:0;background:var(--violet-83);color:var(--violet-1);font-family:Nunito,system-ui,sans-serif;display:flex;min-height:100vh}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer;border:0}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--violet-49);outline-offset:4px}button:disabled{cursor:default}aside{width:274px;flex-shrink:0;background:var(--violet-3);color:var(--violet-85);padding:38px 30px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;overflow:auto}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit;font-size:23px;letter-spacing:-1px}.brand-icon{border:1px solid var(--violet-46);border-radius:12px;width:42px;height:42px;display:grid;place-items:center;font-size:28px;background:var(--violet-8)}.side-intro{margin-top:77px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--violet-57)}.side-intro h2{font-size:28px;line-height:1.35;letter-spacing:-.8px;margin:17px 0}.side-intro p,.side-bottom p{color:var(--violet-58);font-size:13px;line-height:1.8}.side-bottom{margin-top:auto;padding-top:40px}.flower{color:var(--violet-56);font-size:114px;font-weight:normal;line-height:1.1;margin-bottom:18px}.collection{font-size:9px;letter-spacing:1.6px;color:var(--violet-57);margin-bottom:10px}.side-bottom strong{font-size:14px}main{margin-left:274px;padding:32px clamp(24px,5vw,86px);width:calc(100% - 274px);max-width:1530px}header{display:flex;justify-content:space-between;gap:14px;font-size:10px;letter-spacing:1px;color:var(--violet-30);align-items:center}.crumb span{margin:0 12px;color:var(--violet-55)}.save-note{letter-spacing:0;display:flex;align-items:center;gap:7px}.save-note i{width:6px;height:6px;background:#7b9b82;border-radius:50%}.intro{display:flex;align-items:center;justify-content:space-between;margin:53px 0 34px;gap:20px}.purple{color:var(--violet-29)}h1{font-size:clamp(30px,3.2vw,45px);line-height:1.2;letter-spacing:-1.7px;margin:12px 0}.intro p{font-size:14px;color:var(--violet-31);margin:0}.learned{border-left:1px solid var(--violet-63);padding-left:28px;white-space:nowrap}.learned span{display:block;font-size:34px;color:var(--violet-23);line-height:1.1}.learned small{font-size:11px;color:var(--violet-31)}.toolbar{display:flex;align-items:center;gap:14px;margin-bottom:21px;flex-wrap:wrap}.modes{display:flex;gap:4px;padding:5px;border:1px solid var(--violet-68);border-radius:12px;background:var(--violet-74);margin-right:auto}.modes button{border-radius:8px;background:transparent;color:var(--violet-33);padding:10px 13px;font-size:14px}.modes span{font-size:12px;margin-left:8px}.modes button.active{background:#fff;color:var(--violet-14);box-shadow:0 2px 5px var(--violet-2)}.set-label{font-size:10px;display:flex;flex-direction:column;color:var(--violet-34);gap:3px}select{border:0;background:transparent;font-size:12px;color:var(--violet-9);max-width:170px;cursor:pointer}.quiet{border:1px solid var(--violet-62);border-radius:9px;background:transparent;color:var(--violet-18);padding:11px 14px;font-size:12px}.study{background:#fff;border:1px solid var(--violet-70);box-shadow:0 12px 40px var(--violet-6);border-radius:20px;padding:26px 34px 24px;min-height:365px}.card-top{display:flex;justify-content:space-between;font-size:10px;color:var(--violet-39);letter-spacing:1.4px}.card-label{color:var(--violet-24)}.progress{background:var(--violet-79);height:3px;border-radius:8px;margin-top:15px;overflow:hidden}#bar{height:100%;background:var(--violet-44);transition:width .3s}.sentence{font-size:clamp(24px,2.3vw,33px);line-height:1.9;text-align:center;padding:36px 0 14px;letter-spacing:-.7px;overflow-wrap:anywhere}.blank{display:inline-block;vertical-align:baseline;width:155px;max-width:95%;background:var(--violet-81);border:0;border-bottom:2px solid var(--violet-52);border-radius:5px 5px 0 0;padding:0 8px;color:var(--violet-17);text-align:center;font-size:.85em;outline:none;height:46px;line-height:46px}.blank:focus{background:var(--violet-73);border-bottom-color:var(--violet-20);box-shadow:0 0 0 3px var(--violet-51)}.blank[disabled]{opacity:1;color:var(--violet-13);-webkit-text-fill-color:var(--violet-13)}.clue{display:flex;align-items:center;justify-content:center;gap:10px;margin:4px 0 27px}.clue span{font-size:9px;color:var(--violet-48);letter-spacing:1.4px}.clue strong{font-size:13px;font-weight:normal;background:var(--violet-78);color:var(--violet-25);border-radius:6px;padding:5px 12px}.card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--violet-80);padding-top:21px;margin-top:13px;gap:10px}.card-footer>div{display:flex;align-items:center;gap:17px}.text-button{background:transparent;color:var(--violet-37);font-size:12px;padding:6px 0}.text-button:hover{color:var(--violet-15)}.key-hint{font-size:10px;color:var(--violet-53)}.primary{background:var(--violet-22);color:#fff;border-radius:10px;padding:13px 22px;font-size:13px;box-shadow:0 4px 10px var(--violet-19);transition:background .15s}.primary:hover{background:var(--violet-12)}.primary span{margin-left:23px}.below{display:flex;align-items:center;justify-content:space-between;padding:20px 4px;font-size:12px;color:var(--violet-38)}.below strong{font-weight:normal;color:var(--violet-28)}.round-dot{display:inline-block;background:var(--violet-45);width:6px;height:6px;border-radius:50%;margin-right:8px}.divider{margin:0 12px}footer{display:flex;justify-content:space-between;border-top:1px solid var(--violet-69);margin-top:20px;padding:22px 4px;color:var(--violet-47);font-size:11px}.options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 auto 20px;max-width:580px}.options:empty{display:none}.option{display:flex;gap:13px;align-items:center;text-align:left;border:1px solid var(--violet-71);border-radius:10px;background:var(--violet-86);padding:13px 16px;color:var(--violet-10)}.option small{border:1px solid var(--violet-66);padding:2px 7px;border-radius:5px;color:var(--violet-50)}.option:hover{border-color:var(--violet-40);background:var(--violet-82)}.option.wrong{background:#fff0ef;border-color:#d18d88}.option.right{background:#eff8f0;border-color:#86b391}.feedback{font-size:13px;line-height:1.7;text-align:center;color:var(--violet-26);min-height:0}.feedback:not(:empty){padding:12px;border-radius:9px;background:var(--violet-84);margin-bottom:13px}.feedback.good{background:#edf7ef;color:#41774a}.feedback.bad{background:#fff2ee;color:#a25b48}.finish{text-align:center;padding:42px}.finish-icon{color:var(--violet-43);font-size:50px;margin:12px}.finish h2{font-size:29px;letter-spacing:-1px;margin:8px}.finish p{font-size:14px;color:var(--violet-35)}.finish-buttons{display:flex;justify-content:center;gap:10px;margin-top:27px}[hidden]{display:none!important}@media(min-width:1500px){main{margin-right:auto;margin-left:max(274px,calc((100vw - 1256px)/2))}}@media(max-width:1080px){aside{width:225px;padding:30px 23px}main{margin-left:225px;width:calc(100% - 225px);padding:28px}.save-note{display:none}.modes span{margin-left:4px}.modes button{padding:9px}.key-hint{display:none}.intro{margin-top:37px}}@media(max-width:760px){body{display:block}aside{position:static;width:100%;padding:17px 23px}.brand{font-size:20px}.brand-icon{width:33px;height:33px;font-size:23px;border-radius:9px}.side-intro,.side-bottom{display:none}main{margin:0;width:100%;padding:24px 18px}.intro{margin:30px 0 25px}.intro p{max-width:290px;font-size:12px}.learned{padding-left:16px}.learned span{font-size:27px}.learned small{font-size:9px}.toolbar{gap:10px}.modes{width:100%;margin:0}.modes button{flex:1;padding:12px}.set-label{margin-right:auto}.study{padding:22px 19px;min-height:340px}.sentence{padding-top:30px;font-size:27px;line-height:1.9}.blank{width:140px}.card-footer{gap:8px}.primary{padding:13px 16px}.primary span{margin-left:12px}footer{font-size:10px;gap:20px;line-height:1.6}.options{gap:8px}.option{padding:12px 10px;font-size:14px}.finish{padding:32px 17px}.finish-buttons{flex-direction:column}.clue{flex-wrap:wrap}.finish h2{font-size:25px}}
/* Focused practice layout */
body{display:block}main{margin:0 auto;width:100%;max-width:960px;padding:22px 28px}.compact-header{margin-bottom:22px;letter-spacing:0;gap:16px}.compact-brand{color:var(--violet-16);text-decoration:none;font-size:25px;white-space:nowrap}.compact-brand span{font-size:14px;margin-left:8px}.compact-header .modes{margin:0;padding:4px}.compact-header .modes button{font-size:12px;padding:9px 16px}.study{min-height:330px;padding:25px 32px}.sentence{padding:30px 0 14px;font-size:32px}.clue{margin-bottom:22px}.card-footer{margin-top:18px}.translation{display:grid;grid-template-columns:1fr 1fr;text-align:left;background:#e7f4e9;border:1px solid #cce5d1;border-radius:12px;margin:16px 0 22px;overflow:hidden}.translation>div{padding:20px 22px}.translation>div+div{background:#dcefe0;border-left:1px solid #c8e0cc}.translation span{font-size:10px;letter-spacing:1.4px;color:#61866a}.translation p{color:#2e593a;font-size:19px;line-height:1.55;margin:10px 0 0;overflow-wrap:anywhere}.below{padding:17px 4px}.practice-settings{border-top:1px solid var(--violet-67);padding:16px 4px;color:var(--violet-36);font-size:12px}.practice-settings summary{cursor:pointer;width:fit-content}.settings-inner{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:18px}.practice-settings p{font-size:10px;color:var(--violet-41)}.saved-count{margin-left:auto;font-size:12px}.set-label{font-size:11px;gap:5px}footer{margin:0;border:0;padding:10px 4px;font-size:11px}.feedback:not(:empty){margin-bottom:8px}@media(max-width:760px){main{margin:0 auto;width:100%;padding:15px 15px}.compact-header{margin-bottom:15px;flex-wrap:wrap}.compact-header .modes{width:auto}.compact-header .modes button{padding:8px 10px}.compact-brand{font-size:23px}.compact-brand span{font-size:12px;margin-left:4px}.study{padding:20px 18px;min-height:320px}.sentence{font-size:27px;padding-top:24px}.translation{grid-template-columns:1fr}.translation>div{padding:16px 18px}.translation>div+div{border-left:0;border-top:1px solid #c8e0cc}.translation p{font-size:18px}.settings-inner{gap:16px}.saved-count{margin-left:0}.below{font-size:11px}.divider{margin:0 8px}}@media(max-width:390px){.compact-header{justify-content:center}.compact-header .modes{width:100%}}
/* Keep navigation above the exercise and make the clue easy to read. */
.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.header-actions #next{white-space:nowrap}.clue{flex-direction:column;gap:9px}.clue span{font-size:13px;letter-spacing:1.1px}.clue strong{font-size:32px;line-height:1.5;padding:4px 15px;text-align:center}.card-footer:has(#check[hidden]){display:none}.feedback:empty{display:none}@media(max-width:760px){.compact-header{align-items:center}.header-actions{gap:8px}.header-actions #next{padding:10px 14px;font-size:12px}.clue strong{font-size:27px}.clue span{font-size:12px}.compact-header .header-actions .modes{width:auto}}@media(max-width:520px){.header-actions{width:100%;justify-content:space-between;flex-wrap:nowrap}.compact-header .header-actions .modes{flex:1}.compact-header .header-actions .modes button{padding:9px 6px;font-size:11px}.header-actions #next span{margin-left:5px}}

/* A single, readable Spanish translation beneath the exercise. */
.translation{grid-template-columns:1fr;text-align:center;background:#e7f4e9}.translation>div{padding:22px 24px}.translation p{font-size:30px;line-height:1.5;margin-top:9px}.clue strong{font-size:25px;line-height:1.45;padding:3px 12px}.clue span{font-size:11px}@media(max-width:760px){.translation>div{padding:20px 17px}.translation p{font-size:26px}.clue strong{font-size:22px}.clue span{font-size:10px}}

/* Compact section and level navigation. */
.compact-brand span{font-size:22px;letter-spacing:-.5px;text-transform:none}
.study-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px}
.sections{display:flex;gap:6px}.sections button{border:1px solid var(--violet-65);border-radius:10px;background:transparent;padding:10px 18px;color:var(--violet-21);font:inherit;font-size:12px;letter-spacing:1px;cursor:pointer}.sections button.active{background:var(--violet-76);border-color:var(--violet-54);color:var(--violet-4)}
.study-nav label{display:flex;gap:9px;align-items:center;font-size:13px;color:var(--violet-21)}.study-nav select{width:auto;margin:0;padding:9px 28px 9px 12px;border:1px solid var(--violet-65);border-radius:10px;background:#fff;color:var(--violet-4);font:inherit}
@media(max-width:600px){.compact-brand span{font-size:21px}.study-nav{gap:8px}.sections button{padding:9px 12px}.study-nav select{max-width:160px}.study-nav label{gap:5px}}

/* Alternate practice side and answer presentation. */
main{position:relative;padding-top:56px}.side-toggle{position:absolute;right:28px;top:14px;background:var(--violet-76);border:1px solid var(--violet-54);color:var(--violet-16);border-radius:8px;padding:6px 12px;font-size:12px}.study-nav{margin:18px 0 0}.option{font-size:32px;overflow-wrap:anywhere;min-width:0}.option small{font-size:12px;flex-shrink:0}.options{max-width:100%}.blank.answered,.option.right,.translation p{color:#46D180}.blank.answered{background:#eff8f0;border-bottom-color:#46D180}.option.right{border-color:#46D180}.blank:empty{vertical-align:baseline}.translation span{color:#46D180}
@media(max-width:760px){main{padding-top:50px}.side-toggle{right:15px;top:12px}.option{font-size:27px;padding:12px 10px}}
@media(max-width:380px){.options{grid-template-columns:1fr}}

body.side-c{--violet-1:#402423;--violet-2:#5c242210;--violet-3:#632624;--violet-4:#6b2624;--violet-6:#5f292706;--violet-8:#743634;--violet-9:#6e4443;--violet-10:#724241;--violet-12:#8d403e;--violet-13:#834240;--violet-14:#874341;--violet-15:#8f3e3b;--violet-16:#8d4240;--violet-17:#9c3c39;--violet-18:#885755;--violet-19:#9c4b491a;--violet-20:#a04845;--violet-21:#8d5a58;--violet-22:#a45350;--violet-23:#a45350;--violet-24:#925957;--violet-25:#975553;--violet-26:#915f5d;--violet-28:#8f6362;--violet-29:#a56361;--violet-30:#8f7574;--violet-31:#8f7776;--violet-33:#947675;--violet-34:#987b7a;--violet-35:#9c7c7b;--violet-36:#a47b7a;--violet-37:#ab807f;--violet-38:#a78988;--violet-39:#a88a89;--violet-40:#c27977;--violet-41:#ad9392;--violet-43:#d08684;--violet-44:#d48785;--violet-45:#c58d8b;--violet-46:#ce8d8b;--violet-47:#b59c9b;--violet-48:#b3a1a0;--violet-49:#da8c8a;--violet-50:#be9796;--violet-51:#d4939126;--violet-52:#d69593;--violet-53:#bfa7a6;--violet-54:#d7a5a3;--violet-55:#cdb7b6;--violet-56:#f0a2a0;--violet-57:#dfb4b3;--violet-58:#dcbab9;--violet-62:#e8d1d0;--violet-63:#e6d4d3;--violet-65:#ebd5d4;--violet-66:#ecd5d4;--violet-67:#e9d9d8;--violet-68:#eadad9;--violet-69:#ebdddd;--violet-70:#efdfde;--violet-71:#efdfdf;--violet-73:#f9e0df;--violet-74:#f4e7e7;--violet-76:#f7e7e6;--violet-78:#fae8e7;--violet-79:#f6ebeb;--violet-80:#f5eded;--violet-81:#fbebeb;--violet-82:#faecec;--violet-83:#faf2f2;--violet-84:#fcf0f0;--violet-85:#fff0f0;--violet-86:#fef9f9}
.brand-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.side-toggle{position:static;flex-shrink:0}.compact-header{flex-wrap:wrap}main{padding-top:22px}@media(max-width:760px){main{padding-top:15px}.brand-controls{gap:9px}}

/* Center the clue between the exercise label and counter on every side. */
.card-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);align-items:center;gap:12px}.card-top .card-label{line-height:1.6}.card-top #counter{justify-self:end;white-space:nowrap}.card-top .clue{margin:0;gap:5px;min-width:0;text-align:center;letter-spacing:normal}.card-top .clue strong{max-width:100%;overflow-wrap:anywhere}.card-top .clue span{letter-spacing:1.1px}
@media(max-width:760px){.card-top{gap:8px}.card-top .card-label{font-size:9px;letter-spacing:.6px}.card-top #counter{font-size:9px;letter-spacing:.5px}}

/* Compact six-answer choices beneath the persistent translation. */
.option{font-size:23px;line-height:1.35;padding:12px 16px}.translation{margin:4px 0 22px}@media(max-width:760px){.option{font-size:20px;padding:11px 10px}}

/* Free sentence browsing and neutral answer backgrounds. */
.browse-controls{display:flex;gap:5px;flex-shrink:0}.browse-controls button{width:34px;height:36px;border:1px solid currentColor;border-radius:8px;background:transparent;color:inherit;font-size:20px;line-height:1}.browse-controls button:disabled{opacity:.3;cursor:default}.header-actions{flex-wrap:wrap}.translation{background:#E7F4E9}.blank.answered,.option.right,.option.right:hover{background:#eff8f0}.translation p{margin-top:0}
@media(max-width:520px){.header-actions{flex-wrap:wrap;gap:7px}.header-actions .browse-controls{flex:none}.compact-header .header-actions .modes{min-width:0}.browse-controls button{width:30px;height:34px}}

.all-in{display:inline-flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.5px;border:1px solid currentColor;border-radius:8px;padding:7px 10px;background:transparent;color:inherit}.all-in span{font-size:9px;letter-spacing:0}.all-in.active{background:#263747;color:#fff;border-color:#263747}.side-toggle:disabled{opacity:.45;cursor:default}

/* Main controls sit between the exercise and section selection. */
.compact-header{margin:20px 0 0}.study-nav{margin-top:16px}@media(max-width:760px){.compact-header{margin:16px 0 0}}

.session-report{text-align:left;margin:24px 0;border-top:1px solid #ddd;padding-top:18px}.session-report pre{font:inherit;font-size:16px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}

/* Let long answers fit, without exposing their length before typing. */
.blank{--blank-min:155px;max-width:100%}.blank.answered{width:max-content;min-width:min(var(--blank-min),100%);height:auto;min-height:46px;white-space:normal;overflow-wrap:anywhere}.progress{height:6px}.card-top #counter{font-size:18px;letter-spacing:.5px;font-weight:700}
@media(max-width:760px){.blank{--blank-min:140px}.card-top #counter{font-size:16px;letter-spacing:0}}

/* One blue theme across all sentence variants. */
body,body.side-b,body.side-c{--violet-1:#233040;--violet-2:#223d5c10;--violet-3:#244163;--violet-4:#24456b;--violet-6:#27415f06;--violet-8:#345174;--violet-9:#43576e;--violet-10:#415872;--violet-12:#3e628d;--violet-13:#405f83;--violet-14:#416187;--violet-15:#3b628f;--violet-16:#40638d;--violet-17:#39679c;--violet-18:#556c88;--violet-19:#496f9c1a;--violet-20:#456fa0;--violet-21:#58708d;--violet-22:#5077a4;--violet-23:#5077a4;--violet-24:#577292;--violet-25:#537297;--violet-26:#5d7591;--violet-28:#62778f;--violet-29:#6180a5;--violet-30:#74808f;--violet-31:#76828f;--violet-33:#758394;--violet-34:#7a8898;--violet-35:#7b8a9c;--violet-36:#7a8da4;--violet-37:#7f93ab;--violet-38:#8896a7;--violet-39:#8997a8;--violet-40:#779ac2;--violet-41:#929ead;--violet-43:#84a7d0;--violet-44:#85a9d4;--violet-45:#8ba6c5;--violet-46:#8baace;--violet-47:#9ba7b5;--violet-48:#a0a9b3;--violet-49:#8aafda;--violet-50:#96a8be;--violet-51:#91b0d426;--violet-52:#93b2d6;--violet-53:#a6b2bf;--violet-54:#a3bbd7;--violet-55:#b6c1cd;--violet-56:#a0c5f0;--violet-57:#b3c7df;--violet-58:#b9c9dc;--violet-62:#d0dbe8;--violet-63:#d3dce6;--violet-65:#d4dfeb;--violet-66:#d4dfec;--violet-67:#d8e0e9;--violet-68:#d9e1ea;--violet-69:#dde3eb;--violet-70:#dee6ef;--violet-71:#dfe6ef;--violet-73:#dfebf9;--violet-74:#e7edf4;--violet-76:#e6eef7;--violet-78:#e7f0fa;--violet-79:#ebf0f6;--violet-80:#edf1f5;--violet-81:#ebf2fb;--violet-82:#ecf2fa;--violet-83:#f2f6fa;--violet-84:#f0f6fc;--violet-85:#f0f7ff;--violet-86:#f9fbfe}
.option.learning-answer{grid-column:1 / -1;justify-content:center;text-align:center;font-size:28px;padding:22px;line-height:1.5;min-height:88px}@media(max-width:760px){.option.learning-answer{font-size:24px;padding:18px}}

.learning-action{text-align:center;margin:0 0 16px}.learning-action:empty{display:none}.learning-action .learning-answer{display:inline-flex;flex-wrap:wrap;gap:8px;width:fit-content;max-width:100%;min-height:0;padding:9px 16px;align-items:baseline}.learning-answer .meaning-link{font-size:.65em;font-weight:400;color:#000}

/* Inline clues and two-step navigation. */
.card-top{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.card-top #counter{justify-self:center}.card-top #next{justify-self:end;white-space:nowrap;padding:10px 14px}.card-top #next:disabled{opacity:.45;cursor:default}.card-top #next span{margin-left:6px}.blank.inline-clue{width:auto;min-width:min(var(--blank-min),100%);height:auto;min-height:46px;white-space:normal;overflow-wrap:anywhere}.blank::placeholder{color:#397ba8;opacity:1}.learning-action{margin:20px 0 0}.learning-action .learning-answer{color:#7750a4;border-color:#e0d6eb;background:#ece4f5}.learning-action .learning-answer:hover{background:#ece4f5}.learning-action .learning-answer.right{color:#46D180;border-color:#46D180;background:#eff8f0}.learning-card .blank.answered{background:#e6f1fc;border-color:#69a7d3;color:#2876ad}.learning-card .translation{background:#e6f1fc;border-color:#bad6ea}.learning-card .translation p{color:#2876ad}
@media(max-width:760px){.card-top #next{font-size:11px;padding:9px 8px}.card-top #counter{font-size:16px}.card-top{gap:6px}.card-top .card-label{font-size:8px}}

/* Blue is reserved for the already-filled learning example. */
.study:not(.learning-card) .blank{background:#eff8f0;border-bottom-color:#46D180;color:#46D180}.study:not(.learning-card) .blank:focus{background:#eff8f0;border-bottom-color:#46D180;box-shadow:0 0 0 3px #46D18026}.study:not(.learning-card) .blank::placeholder{color:#46D180}.study:not(.learning-card) .translation{background:#E7F4E9;border-color:#cce5d1}.study:not(.learning-card) .translation p{color:#46D180}.learning-action .learning-answer.right:hover{background:#eff8f0}

/* Normal exercises: blue prompt, green completed answer. */
.study:not(.learning-card) .blank:not(.answered){background:#e6f1fc;border-bottom-color:#69a7d3;color:#2876ad}.study:not(.learning-card) .blank:not(.answered):focus{background:#e6f1fc;border-bottom-color:#69a7d3;box-shadow:0 0 0 3px #69a7d326}.study:not(.learning-card) .blank::placeholder{color:#2876ad}

/* Learning examples turn green once acknowledged. */
.learning-card.answer-confirmed .blank.answered{background:#eff8f0;border-color:#46D180;color:#46D180}.learning-card.answer-confirmed .translation{background:#E7F4E9;border-color:#cce5d1}.learning-card.answer-confirmed .translation p{color:#46D180}

/* Header clue, adjacent navigation, and centered learning action. */
.card-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}
.card-top .clue{flex-direction:column;justify-self:center;gap:3px}
.card-top .clue strong{font-size:20px;line-height:1.35;padding:4px 10px}
.card-navigation{display:flex;align-items:center;justify-content:flex-end;gap:12px;white-space:nowrap}
.learning-action{display:flex;justify-content:center}
.learning-action .learning-answer{margin-inline:auto}
@media(max-width:600px){.card-top{grid-template-columns:minmax(0,1fr) auto}.card-top .card-label{grid-column:1 / -1}.card-top .clue{grid-column:1;justify-self:center}.card-navigation{grid-column:2;gap:8px}.card-top .clue strong{font-size:18px}}

/* Stable answer geometry and learning action between translations. */
.blank,.blank:empty,.blank.answered{vertical-align:middle;line-height:46px;min-height:46px}
.card-top .clue strong{font-size:24px}
.learning-action{margin:8px 0 20px}
@media(max-width:600px){.card-top .clue strong{font-size:21px}}

/* Larger standalone clue and editable end-of-session word map. */
.card-top .clue strong{font-size:27px;padding:7px 14px}
.performance{margin:24px 0;text-align:left}.finish .review-help{margin:0 0 8px;font-size:15px}
#reviewCounts{font-size:14px;margin:0 0 15px;color:#52677b}
.word-performance{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.word-result{border:1px solid;border-radius:10px;padding:13px 12px;font-size:18px;font-weight:700;overflow-wrap:anywhere;transition:background .15s}
.word-result.review-ready{background:#E7F4E9;border-color:#9bceac;color:#226b40}
.word-result.review-selected{background:#fce8e8;border-color:#e4a5a5;color:#a33434}
.word-result:hover{filter:brightness(.97)}.finish-buttons .primary:disabled{opacity:.5;cursor:default}
@media(max-width:600px){.card-top .clue strong{font-size:24px}.word-performance{grid-template-columns:repeat(2,minmax(0,1fr))}.word-result{font-size:17px}}

.review-selection-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:15px}.review-selection-controls #reviewCounts{margin:0}.review-selection-controls button{flex-shrink:0}

/* Optional detail panels keep the exercise and results compact. */
.session-report summary,.level-groups summary{cursor:pointer;color:#40638d;font-size:15px;font-weight:700;line-height:1.5}.session-report[open] pre{margin-top:18px}
.level-groups{margin-top:14px;padding:12px 15px;border:1px solid #d8e0e9;border-radius:10px;background:#f9fbfe}.level-groups p{font-size:14px;color:#62778f;margin:12px 0}
.level-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.level-choice{padding:10px;border-radius:8px;border:1px solid #cbd9e7;background:white;color:#40638d;font-size:14px}.level-choice[aria-pressed="true"]{background:#dcecfb;border-color:#5077a4;color:#244163;font-weight:700}.group-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px;flex-wrap:wrap}.group-actions span{font-size:14px;color:#62778f}.group-actions button:disabled{opacity:.45;cursor:default}
.study-timers{padding:14px 18px;margin-bottom:16px;border:1px solid #c4d9e7;border-radius:14px;background:#f3f8fc;display:flex;align-items:center;flex-wrap:wrap;gap:12px}.study-timers>div{display:flex;flex-wrap:wrap;gap:12px 24px;flex:1}.study-timers span{font-variant-numeric:tabular-nums}.study-timers p{width:100%;margin:0;color:#526778;font-size:13px}.study[inert]{opacity:.65}.hint-tools{display:flex;align-items:center;justify-content:center;gap:12px;margin:12px 0}.hint-tools span{font-size:23px;letter-spacing:2px;color:#244e6b}.report-table{width:100%;border-collapse:collapse;font-size:14px}.report-table th,.report-table td{text-align:left;padding:12px;border-bottom:1px solid #d9e3e9}.report-scroll{overflow:auto}.study-report{margin:24px 0;padding:20px;background:white;border:1px solid #d9e3e9;border-radius:16px}.report-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.report-filters label{display:grid;gap:5px}.report-filters input{padding:8px;max-width:180px}
/* Header: hint/time left, Spanish clue centered, navigation right. */
.card-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:16px}.card-top .clue{grid-column:2;grid-row:1;justify-self:center;text-align:center}.card-time{grid-column:1;grid-row:1;justify-self:start;display:flex;align-items:center;justify-content:flex-start;gap:12px;white-space:nowrap;font-size:16px;letter-spacing:0}.card-time strong{font-variant-numeric:tabular-nums}.card-time #letterHint{padding:8px 12px;font-size:14px}.card-navigation{grid-column:3;grid-row:1;justify-self:end}.timer-status:empty,.hint-tools:has(#letterHintText:empty){display:none}.timer-status{display:block;text-align:center;font-size:13px;color:#7b403c;margin-top:8px}
@media(max-width:760px){.card-top{gap:8px;grid-template-columns:minmax(0,1fr) auto}.card-top .clue{grid-column:1 / -1;grid-row:1;justify-self:center}.card-navigation{grid-column:2;grid-row:2}.card-time{grid-column:1;grid-row:2;justify-self:start;flex-wrap:wrap;gap:6px;font-size:15px}.card-top .clue strong{font-size:24px}}
/* Keep successful choices vivid, including disabled answer buttons. */
.option.right,.option.right:hover,.learning-action .learning-answer.right,.learning-action .learning-answer.right:hover{background:#E7F4E9;border:2px solid #46D180;color:#46D180;opacity:1;box-shadow:0 0 0 2px #46D18020}
.option.right:disabled,.learning-action .learning-answer.right:disabled{opacity:1;filter:none}.option.right small{color:#23844d;border-color:#46D180;background:#d2f3df}

.answer-tools{flex-wrap:wrap;gap:12px}.audio-toggle{white-space:nowrap;font-size:14px;padding:8px 12px}.audio-toggle[aria-pressed="true"]{background:#edf2f7;color:#52657a;border-color:#c8d3e0}

/* Hint eliminations stay readable, with no grid movement. */
.option.hint-eliminated,.option.hint-eliminated:disabled{position:relative;overflow:visible;background:#eef1f5;border-color:#c8d0db;color:#667386;opacity:1;text-decoration:line-through;text-decoration-thickness:2px;cursor:default;box-shadow:none;filter:none}
.option.hint-eliminated small{opacity:.5;text-decoration:none}.option.hint-burst{animation:hint-impact .55s ease-out}.option.hint-burst::after{content:'💥';position:absolute;pointer-events:none;right:8px;top:-12px;font-size:30px;text-decoration:none;animation:hint-pop .8s ease-out forwards}
@keyframes hint-impact{0%{transform:scale(1)}20%{transform:scale(1.035) rotate(-1deg);background:#fff0cf}40%{transform:translateX(3px) rotate(1deg)}65%{transform:translateX(-2px)}100%{transform:none}}
@keyframes hint-pop{0%{opacity:0;transform:scale(.3)}25%{opacity:1;transform:scale(1.15)}65%{opacity:1;transform:scale(1)}100%{opacity:0;transform:translateY(-12px) scale(1.3)}}
@media(prefers-reduced-motion:reduce){.option.hint-burst{animation:none}.option.hint-burst::after{content:none;animation:none}}

.study-nav .sections{flex-wrap:wrap}.study-nav{flex-wrap:wrap}

.spelling-correction{color:#c83e4d!important;text-decoration:underline;text-decoration-color:#c83e4d;text-underline-offset:4px}.audio-toggle{display:inline-flex;align-items:center;gap:8px;min-width:122px;transition:background-color .15s,color .15s}.audio-toggle::before{content:'';width:26px;height:15px;border-radius:12px;background:radial-gradient(circle at 8px 7.5px,#fff 5px,transparent 5.5px),#a7b2c1;flex-shrink:0}.audio-toggle[aria-pressed="true"]{background:#e8f2ef;border-color:#b6d2c5;color:#376955}.audio-toggle[aria-pressed="true"]::before{background:radial-gradient(circle at 18px 7.5px,#fff 5px,transparent 5.5px),#6c9c88}.audio-toggle[aria-pressed="false"]{background:#eef1f5;border-color:#cbd3dd;color:#657384}

/* Quiet, persistent audio controls beside the hint. */
.card-time{flex-wrap:wrap;gap:8px;letter-spacing:0}.card-time #replayAudio{font-size:12px;white-space:nowrap}.card-time .quiet{padding:8px 10px}.study.answer-revealed .blank.answered{background:#E7F4E9;border-color:#a6c8ae}.study.answer-revealed .spelling-correction{color:#c83e4d!important}

.lesson-next-actions #autoAudio{min-width:34px;width:34px;height:34px;padding:4px;display:inline-flex;align-items:center;justify-content:center;font-size:19px;line-height:1;border-radius:8px}.lesson-next-actions #autoAudio::before{display:none}

body.previewing main>:not(.lesson-preview):not(.account-bar):not(.compact-header):not(.preview-language){display:none!important}.lesson-preview{text-align:center}.preview-start{font-size:22px;padding:16px 38px;margin:6px auto 16px}.lesson-preview h2{font-size:25px;margin:10px 0}.lesson-preview p{color:#68788d}.preview-words{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:24px}.preview-word{padding:17px 14px;border:1px solid #8254bb;background:#ece4f5;color:#7750a4;border-radius:12px;font-size:20px;font-weight:800}.preview-word small{font-size:13px;font-weight:500;color:#222}.preview-word.heard{background:#e7f4e9;border-color:#46D180;color:#258a50}.lesson-score{display:flex;justify-content:flex-end;align-items:center;gap:9px;font-size:13px;margin:0 4px 10px;color:#506f8e}.lesson-score strong{background:#e1edfa;border-radius:10px;padding:5px 12px;color:#245d9c;font-size:18px}

.lesson-next-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:18px}.lesson-next-actions #replayAudio{font-size:13px;white-space:nowrap}.lesson-next-actions #next{white-space:nowrap}.lesson-next-actions .audio-toggle{flex-shrink:0}.brand-controls #practiceLinks{display:inline-flex}.brand-controls .account-bar{margin:0;gap:10px;flex-wrap:wrap;letter-spacing:0}.brand-controls .account-bar a{text-decoration:none;white-space:nowrap}.compact-header{align-items:flex-start}.header-actions{margin-left:auto}body.previewing main>.compact-header{display:flex!important}body.previewing .compact-header .header-actions,body.previewing .brand-controls>.side-toggle,body.previewing .brand-controls>.all-in{display:none!important}@media(max-width:520px){.lesson-next-actions{gap:7px}.lesson-next-actions #next{padding:11px 13px}.lesson-next-actions #replayAudio{font-size:12px}}

.card-navigation .lesson-score{margin:0;gap:5px;flex-direction:column;font-size:10px;line-height:1.2}.card-navigation .lesson-score strong{font-size:17px;padding:3px 9px}.lesson-next-actions #completeLesson{margin-right:auto;white-space:nowrap;font-size:12px}@media(max-width:560px){.lesson-next-actions{flex-wrap:wrap}.lesson-next-actions #completeLesson{flex-basis:100%;margin-bottom:5px;text-align:left}.card-navigation{gap:9px}}

.session-setup{display:flex;justify-content:center;align-items:center;gap:8px;margin:22px 0 0;color:#8490a0;flex-wrap:wrap}.session-setup button{background:transparent;color:#63748a;padding:6px 4px;font-size:13px;font-weight:600;border-radius:5px}.session-setup button:hover{color:#285f96;background:#f0f5fb}.card-navigation .lesson-score{display:flex;flex-direction:row}

.lesson-jump-actions{display:flex;align-items:center;gap:7px;margin-right:auto;flex-wrap:wrap}.lesson-jump-actions .quiet{font-size:12px;padding:9px 11px;white-space:nowrap}.lesson-next-actions .lesson-jump-actions #completeLesson{margin:0;flex-basis:auto;text-align:center}.lesson-jump-actions .browse-controls{display:flex;gap:4px}.lesson-jump-actions .browse-controls button{width:32px;height:35px}@media(max-width:900px){.lesson-next-actions{flex-wrap:wrap}.lesson-jump-actions{flex-basis:100%;margin-bottom:5px}}@media(max-width:380px){.lesson-jump-actions{gap:4px}.lesson-jump-actions .quiet{font-size:11px;padding:9px 7px}.lesson-jump-actions .browse-controls button{width:28px}}

.lesson-preview .preview-home{display:inline-block;margin-top:24px;text-decoration:none;padding:10px 20px;font-size:14px;border:1px solid #bdd0e4;border-radius:9px;background:#f0f5fc;color:#356b9e}.lesson-preview .preview-home:hover{background:#e3eefb}

.option.type-match:not(.right):not(.wrong):not(.hint-eliminated){background:#e5f0fd;border-color:#6e9dd0;box-shadow:0 0 0 1px #93b6df}

.home-icon{width:20px;height:20px;display:inline-block;vertical-align:middle;flex-shrink:0}.account-bar a:has(.home-icon){display:inline-flex;align-items:center;gap:6px}.preview-top-actions{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;margin:6px auto 20px}.preview-top-actions .preview-start{margin:0}.lesson-preview .preview-top-actions .preview-home{display:inline-flex;align-items:center;gap:7px;margin:0;padding:13px 18px}

.preview-top-actions .preview-start,.lesson-preview .preview-top-actions .preview-home{height:60px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.session-setup button{font-size:16px;font-weight:700;padding:8px 6px}.account-bar a:has(.home-icon){border:1px solid #bdd0e4;border-radius:9px;padding:9px 12px;background:#f0f5fc;color:#356b9e}.account-bar a:has(.home-icon):hover{background:#e3eefb}@media(max-width:520px){.preview-top-actions{gap:9px;flex-wrap:nowrap}.preview-top-actions .preview-start{font-size:18px;padding:10px 14px;min-width:0}.lesson-preview .preview-top-actions .preview-home{padding:10px 12px;gap:5px}.preview-top-actions .preview-start,.lesson-preview .preview-top-actions .preview-home{height:56px}.session-setup button{font-size:15px}}

.header-actions{gap:8px}.header-actions .all-in{background:#eef0f3;color:#687583;border-color:#c6cdd5;font-size:12px;padding:10px 12px;min-height:39px;letter-spacing:0}.header-actions .all-in[aria-pressed=true]{background:#d5f3df;color:#237944;border-color:#46D180}.header-actions .all-in[aria-pressed=false]{background:#eef0f3;color:#687583;border-color:#c6cdd5}.lesson-next-actions #sideToggle{position:static;margin:0;padding:9px 11px;white-space:nowrap;font-size:12px}@media(max-width:900px){.header-actions{justify-content:flex-start}.lesson-next-actions #sideToggle{margin-right:auto}}

.lesson-next-actions .lesson-jump-actions #sideToggle{margin:0}

@media(max-width:760px){.card-top .card-time{grid-column:1;grid-row:1}.card-top .card-navigation{grid-column:2;grid-row:1}.card-top .clue{grid-column:1 / -1;grid-row:2;justify-self:center;margin:6px 0 0;max-width:100%}.card-top .clue strong{max-width:100%;overflow-wrap:anywhere}}

/* Keep sentence variation between the two browse arrows. */
.lesson-next-actions .lesson-jump-actions{margin-right:auto}
.lesson-jump-actions .browse-controls{align-items:center}
.lesson-next-actions .browse-controls #sideToggle{width:auto;height:35px;margin:0;padding:7px 11px;white-space:nowrap;font-size:12px}
.hint-bulb{display:inline-block;font-size:1.05em;line-height:1;vertical-align:-.05em}

.lesson-next-actions .browse-controls #sideToggle{width:35px;padding:4px;font-size:21px;line-height:1}

.dice-icon{display:inline-block;transform-origin:center;pointer-events:none}

.finish-buttons .finish-home{display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;border:1px solid #bdd0e4;border-radius:9px;padding:12px 18px;color:#356b9e;background:#f0f5fc;font-size:14px;white-space:nowrap}
.finish-buttons .finish-home:hover{background:#e3eefb}

.word-result.review-ready{background:#edf0f3;border-color:#d4dbe2;color:#8793a0}
.word-result.review-selected{background:#e0f4e7;border-color:#46D180;color:#246c43;box-shadow:0 0 0 1px #46d18035}
.review-selection-controls{justify-content:flex-end;gap:7px}
.review-selection-controls #reviewCounts{margin-right:auto}
.review-selection-controls button{font-size:13px;padding:9px 12px}

.preview-words{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.preview-words .preview-word{flex:0 1 calc((100% - 24px)/3);min-width:min(230px,100%);max-width:100%}
.preview-bottom-actions{display:flex;justify-content:center;margin-top:20px}
.preview-bottom-actions button{border:1px solid #bdd0e4;border-radius:9px;padding:10px 18px;color:#356b9e;background:#f0f5fc;font-size:14px}
.preview-bottom-actions button:hover{background:#e3eefb}

.preview-top-actions #previewEnd{height:60px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border:1px solid #bdd0e4;border-radius:9px;padding:13px 18px;color:#356b9e;background:#f0f5fc;font-size:14px;white-space:nowrap}
.preview-top-actions #previewEnd:hover{background:#e3eefb}
@media(max-width:520px){.preview-top-actions{flex-wrap:wrap}.preview-top-actions #previewEnd{height:56px;padding:10px 12px}.preview-top-actions .preview-start{flex:0 1 auto}}

.finish-buttons .finish-home{margin-right:auto}
@media(max-width:760px){.finish-buttons .finish-home{align-self:flex-start;margin-right:0}}

.finish-home-group{display:flex;align-items:center;gap:9px;margin-right:auto}.finish-home-group .finish-home{margin:0}.game-launch{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:12px 18px;border-radius:9px;border:1px solid #8254bb;background:#ece4f5;color:#7750a4;font-size:14px;white-space:nowrap;font-weight:800}.game-launch:hover{background:#ece4f5}.game-launch>span{margin:0}@media(max-width:760px){.finish-home-group{align-self:flex-start;margin-right:0}}

.split-account{display:inline-flex!important;flex-direction:row;align-items:stretch;border:1px solid #b5c9df!important;border-radius:10px;padding:0!important;overflow:hidden;text-decoration:none}.split-account>span{padding:8px 18px}.split-account>small{display:block;border-left:1px solid #b5c9df;background:#edf3fb;padding:8px 14px;font-size:11px;align-content:center;text-align:center;box-sizing:border-box}.locked-level,.locked-course{opacity:.48;filter:grayscale(1);cursor:default}.locked-level{background:#edf0f3!important;pointer-events:none}.extra-access{outline:2px solid #bf9ee9;background:#f7f2ff!important}.extra-access-label{color:#7953a5;font-size:12px;font-weight:700}.password-warning{padding:12px;background:#fff5de;border-radius:10px;font-size:14px;line-height:1.5}

.split-account[hidden]{display:none!important}.teacher-dashboard-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;box-sizing:border-box;padding:9px 14px!important;border:1px solid #afc5dd!important;border-radius:10px;background:#edf3fb;text-decoration:none!important;color:#365d84;font-size:13px;font-weight:700;white-space:nowrap}.teacher-dashboard-button[hidden]{display:none!important}

.all-in .study-status-dot{display:inline-block;width:11px;height:11px;flex:0 0 11px;border-radius:50%;background:#9aa4ae}.all-in[aria-pressed=true] .study-status-dot{background:#46D180}.all-in #allInStatus{font-size:11px;font-weight:700}

.blind-toggle{font-size:23px!important;padding:6px 9px!important;line-height:1;flex-shrink:0}.blind-toggle[hidden],.blind-intro[hidden]{display:none!important}.blind-toggle,.blind-toggle[aria-pressed=true]{background:radial-gradient(ellipse at center,#fff 35%,#fff 48%,#e3f7e9 78%,#b9edcd 100%)!important;border:1px solid #46D180!important}.blind-toggle:hover{background:radial-gradient(ellipse at center,#fff 35%,#fff 48%,#dcf5e4 78%,#a9e8c1 100%)!important;box-shadow:0 0 0 2px #46D18026}.translation[role=button]{cursor:pointer;max-height:600px;transition:max-height .35s ease,padding .35s ease,margin .35s ease,opacity .25s ease,transform .35s ease}.translation[role=button]:focus-visible{outline:2px solid #4386c7;outline-offset:4px}.blind-mode #translation{max-height:0!important;min-height:0!important;margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important;border-width:0!important;opacity:0;transform:scale(.94);overflow:hidden;visibility:hidden;pointer-events:none}.blind-intro{display:flex;align-items:center;gap:14px;padding:12px 16px;margin:12px 0;background:#edf3fb;border:1px solid #c6d7e8;border-radius:12px;color:#36566f;font-size:13px;line-height:1.5}.blind-intro button{flex-shrink:0}.blind-flight{position:fixed;z-index:10000;pointer-events:none;font-size:34px;line-height:1}@media(prefers-reduced-motion:reduce){.translation[role=button]{transition:none}}
.blind-mode #translation{transition:max-height .35s ease,padding .35s ease,margin .35s ease,opacity .25s ease,transform .35s ease,visibility 0s linear .35s}
@media(prefers-reduced-motion:reduce){.blind-mode #translation{transition:none}}

body.previewing .compact-header .header-actions{display:flex!important}.all-in #allInStatus{display:none!important}.preview-browse-bar{display:flex;justify-content:flex-start;align-items:center;gap:12px;margin-top:22px;flex-wrap:wrap}.preview-browse-bar .browse-controls{display:flex;gap:8px}.preview-browse-bar .side-toggle{position:static;margin:0}body.previewing .compact-header{flex-wrap:wrap;gap:16px}

#answerModeControls[hidden]{display:none!important}.preview-browse-bar #previewDice{display:inline-flex;align-items:center;justify-content:center;padding:0;width:34px;height:36px;line-height:1}.preview-browse-bar #previewDice .dice-icon{margin:0;line-height:1}.preview-browse-bar #previewSkip{margin:0}

.listen-feedback{display:flex;flex-direction:column;align-items:center;gap:5px;max-width:230px}.listen-feedback #audioCreditNote{font-size:11px;line-height:1.35;color:#68788b;text-align:center}.listen-feedback #audioCreditNote[hidden]{display:none!important}
#options .option.wrong,#options .option.wrong:disabled,#options .option.wrong:hover{background:#f7c7cd!important;border:2px solid #df5e6c!important;color:#aa172b!important;opacity:1!important;box-shadow:0 0 0 1px #df5e6c20}
#options .option.wrong small,#options .option.wrong:disabled small{color:#aa172b!important;opacity:1!important}

.blind-toggle,.blind-toggle[aria-pressed=true],.blind-toggle:hover{background:#46D180!important;border-color:#32ba6b!important}
body.previewing .compact-header .header-actions{display:none!important}.session-setup{gap:8px;font-size:14px}.session-study{display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:#45677c;font-weight:700;white-space:nowrap}.session-study input{width:14px;height:14px;accent-color:#46D180;cursor:pointer}.session-setup #sessionTranslation{white-space:nowrap}.preference-status{display:block;margin:8px auto 0;font-size:12px;color:#a34747}.preference-status[hidden]{display:none}.account-preferences{padding:14px 0 22px;border-bottom:1px solid #dce6ef;margin-bottom:20px}.account-preferences h2{margin-top:0}.account-preferences .session-setup{margin:10px 0 0;justify-content:flex-start}.account-preferences .session-setup button{white-space:normal}
.session-setup button{font-size:13px;padding:6px 4px;max-width:100%}.session-setup #sessionTranslation{white-space:normal}.account-preferences .session-setup #sessionTranslation{text-align:left}

.blind-toggle,.blind-toggle[aria-pressed=true],.blind-toggle:hover{background:#d9f1df!important;border-color:#91cba3!important}

.session-setup button[data-checkbox=true]{display:inline-flex;align-items:center;gap:6px}.session-setup button[data-checkbox=true]::before{content:'';display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;flex:0 0 14px;border:1px solid #87959e;border-radius:3px;background:white;color:white;font-size:12px;line-height:1}.session-setup button[data-checkbox=true][aria-checked=true]::before{content:'✓';background:#46D180;border-color:#35b970}.session-setup button[data-eyes=true]::after{content:'🔍';font-size:16px}.session-setup button:focus-visible{outline:2px solid #4386c7;outline-offset:3px}

.audio-credit-banner{display:block;padding:13px 18px;margin:12px 0 16px;border:1px solid #efc3d5;border-radius:10px;background:#fbe4ed;color:#8d4e68;text-align:center;font-size:15px;line-height:1.6}.audio-credit-banner[hidden]{display:none!important}#options .option.wrong,#options .option.wrong:disabled,#options .option.wrong:hover{background:#fbe4ed!important;border-color:#e8b4ca!important;color:#97516d!important;box-shadow:none!important}#options .option.wrong small,#options .option.wrong:disabled small{background:#fbe4ed!important;color:#97516d!important;border-color:#e8b4ca!important}.preview-browse-bar #previewGame{margin-left:auto}.preview-language{display:flex;justify-content:flex-end;margin-top:16px}.settings-inner{flex-wrap:wrap}.inline-language{display:inline-flex}.inline-language .ui-language{margin:0}.flag-preferences{display:flex;flex-wrap:wrap;gap:14px;margin-top:18px}.flag-preferences label{display:flex;flex-direction:column;gap:6px;font-size:13px}.flag-preferences select{max-width:240px;border:1px solid #c5d7e8;border-radius:8px;padding:9px;background:white}

.account-preferences .session-setup{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.account-preferences .session-setup>span[aria-hidden=true]{display:none}.account-preferences .session-setup>button{font-size:14px;text-align:left}.profile-flag{display:flex;flex-direction:column;gap:7px;min-width:190px;font-size:13px}.flag-picker{position:relative;margin:0;font-size:14px}.flag-picker summary,.flag-picker-options button{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #c5d7e8;border-radius:9px;background:white;color:#315e8b;cursor:pointer}.flag-picker summary{list-style:none}.flag-picker summary::-webkit-details-marker{display:none}.flag-picker summary::after{content:'▾';margin-left:auto}.flag-picker img{width:28px;height:19px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px #23486520;flex-shrink:0}.flag-picker-options{position:absolute;z-index:40;top:calc(100% + 5px);left:0;right:0;max-height:260px;overflow:auto;padding:5px;background:white;border:1px solid #c5d7e8;border-radius:10px;box-shadow:0 8px 20px #23486520}.flag-picker-options button{width:100%;border:0;text-align:left}.flag-picker-options button:hover,.flag-picker-options button[aria-pressed=true]{background:#e7f4e9}

.motto-preference{display:flex;flex-direction:column;gap:7px;margin:20px 0 16px;font-size:14px}.motto-preference select{width:100%;max-width:100%;padding:10px;border:1px solid #c5d7e8;border-radius:9px;background:white;white-space:normal}

.account-preferences{border-bottom:0;border-top:1px solid #dce6ef;margin-top:26px;margin-bottom:0;padding-top:24px;padding-bottom:0}

.account-home-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;margin:0;border:1px solid #b8cce0;background:#edf3fb;border-radius:9px;text-decoration:none;min-height:40px}.access-page:has(.account-panel){display:flex;flex-direction:column;align-items:center;min-height:100vh}.account-language-outside{width:min(470px,calc(100% - 30px));margin:0 auto 32px;padding:0 8px;justify-content:flex-end}.account-language-outside .ui-language-options{top:auto;bottom:calc(100% + 8px)}

.account-panel{width:min(470px,calc(100% - 30px))!important;box-sizing:border-box}

.preview-language{display:none;justify-content:flex-end;margin:28px 0 4px}body.previewing main>.preview-language{display:flex!important}.preview-language .ui-language-options{top:auto;bottom:calc(100% + 8px)}

.practice-home-brand{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.practice-home-brand small{font-size:12px;color:#668197}#favoriteWord[aria-pressed="true"]{background:#e7f4e9;border-color:#46D180}

.practice-language{display:flex;justify-content:flex-end;margin-top:14px}body.previewing main>.practice-language{display:none!important}#favoriteWord{background:#fff7cf;border:1px solid #ffe47a;color:#514f45}#favoriteWord[aria-pressed="true"]{background:#fff2b8;border-color:#ffe47a}

.lesson-next-actions #favoriteWord{display:inline-flex;align-items:center;justify-content:center;text-align:center;align-self:center;gap:5px;margin:0}.lesson-next-actions{align-items:center}

body.previewing #favoriteWord,.study[hidden] #favoriteWord{display:none!important}.game-launch{border-color:#8254bb}.preview-word{border-color:#8254bb}.learning-action .learning-answer:not(.right){border-color:#8254bb}

.feedback.review-notice:not(:empty){background:#fbe4ed;border:1px solid #efc3d5;color:#8d4e68;font-size:15px;padding:13px 18px;line-height:1.6}.game-launch{border:2px solid #8254bb}.preview-word{border:2px solid #8254bb}.learning-action .learning-answer:not(.right){border:2px solid #8254bb}#favoriteWord,#favoriteWord[aria-pressed="true"]{border:2px solid #ffe47a}

#favoriteWord[aria-pressed="false"],#favoriteWord[aria-pressed="false"]:hover{background:#fff9df;color:#514f45}#favoriteWord[aria-pressed="true"],#favoriteWord[aria-pressed="true"]:hover{background:#fff2b8;color:#514f45}

#favoriteWord[aria-pressed="false"],#favoriteWord[aria-pressed="false"]:hover{border:2px solid #f5edcc}

#previewHome,.account-bar a:has(.home-icon){background:#d5f3df!important;border:2px solid #46D180!important;color:#226b40!important}#previewHome:hover,.account-bar a:has(.home-icon):hover{background:#c4ecd2!important}

a.pitru-home-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#d5f3df!important;border:2px solid #46D180!important;color:#297748!important;border-radius:9px;padding:9px 14px;text-decoration:none}a.pitru-home-button:hover{background:#c4ecd2!important}

.finish-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.finish-top #nextLesson{font-size:14px;white-space:nowrap;text-decoration:none}.blind-toggle{display:inline-flex!important;align-items:center;justify-content:center;box-sizing:border-box;width:40px;height:36px;min-width:40px;padding:0!important;line-height:1;border-radius:9px!important}

/* Keep phone lessons focused, with browsing below the exercise. */
.mobile-lesson-navigation{display:none}
@media(max-width:600px){
 body:has(#study) .practice-logout{display:none!important}
 body:has(#study) .split-account>[data-username]{display:none}
 body:has(#study) .split-account small{border:0;padding:0;font-size:13px}
 .lesson-next-actions #favoriteWord{width:44px;height:44px;min-width:44px;max-width:44px;padding:0;flex:0 0 44px;border-radius:9px;box-sizing:border-box;font-size:24px;line-height:1;gap:0}
 .lesson-next-actions #favoriteWord span{display:none}
 .lesson-next-actions #autoAudio{width:44px;height:44px;min-width:44px;font-size:22px}
 .lesson-next-actions #replayAudio{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;font-size:0;border:1px solid #bdd0e4;border-radius:9px;background:#f0f5fc;color:#356b9e}
 .lesson-next-actions #replayAudio::after{content:'▶';font-size:25px;line-height:1}
 .lesson-next-actions{gap:7px;flex-wrap:nowrap}
 .lesson-next-actions #next{min-width:0;white-space:normal;padding:10px 12px;font-size:13px;margin-left:auto}
 .lesson-next-actions .listen-feedback{display:flex;align-items:center;flex:0 0 44px}
 .mobile-lesson-navigation{display:block;margin:14px 0 12px}
 .mobile-lesson-navigation .lesson-jump-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:6px;margin:0}
 .mobile-lesson-navigation .lesson-jump-actions button{min-height:40px}
 .mobile-lesson-navigation .browse-controls{align-items:center}
 .mobile-lesson-navigation #completeLesson{margin:0}
 body:has(#study[hidden]) .mobile-lesson-navigation,body.previewing .mobile-lesson-navigation{display:none!important}
 body:has(#study) .compact-header{flex-direction:column;align-items:stretch}
 body:has(#study) .brand-controls,body:has(#study) #practiceLinks{width:100%}
 body:has(#study) .account-bar{width:100%;justify-content:flex-start;gap:9px}
 body:has(#study) .practice-home-brand{flex-basis:100%;align-items:flex-start}
 body:has(#study) .header-actions{margin-left:0;justify-content:flex-start;flex-wrap:wrap}
}

.audio-credit-banner,.feedback.review-notice:not(:empty){background:#fff1f6;border-color:#f4dce7}
@media(max-width:600px){
 .mobile-lesson-navigation .browse-controls button,
 .preview-browse-bar .browse-controls button,
 .preview-browse-bar #previewDice{
  display:inline-flex;align-items:center;justify-content:center;
  width:36px;min-width:36px;height:40px;min-height:40px;
  padding:0;margin:0;font-size:22px;line-height:1;box-sizing:border-box;
 }
 .mobile-lesson-navigation .dice-icon,.preview-browse-bar .dice-icon{
  display:block;margin:0;padding:0;line-height:1;font-size:22px;
 }
}

/* One shared vector avoids unequal left/right font glyphs on every device. */
.audio-credit-banner,.feedback.review-notice:not(:empty){background:#fff8fb;border-color:#f7e6ee}
.browse-controls :is(#previousCard,#forwardCard,#previewPrevious,#previewForward,#sideToggle,#previewDice){
 display:inline-flex!important;align-items:center;justify-content:center;
 width:36px!important;min-width:36px;height:40px!important;min-height:40px;
 padding:0!important;margin:0;box-sizing:border-box;line-height:1;
}
.browse-controls :is(#previousCard,#forwardCard,#previewPrevious,#previewForward){font-size:0!important}
.browse-controls :is(#previousCard,#forwardCard,#previewPrevious,#previewForward)::before{
 content:'';display:block;flex:0 0 22px;width:22px;height:22px;
 background:currentColor;mask:url('/navigation-arrow.svg') center/contain no-repeat;
}
.browse-controls :is(#previousCard,#previewPrevious)::before{transform:rotate(180deg)}
.browse-controls :is(#sideToggle,#previewDice) .dice-icon{display:block;margin:0;padding:0;font-size:22px;line-height:1}

/* Matching compact badges for translation visibility and lesson score. */
.card-navigation .lesson-score strong,.card-navigation #blindToggle{height:36px;min-height:36px;min-width:40px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;line-height:1;font-size:18px;border-radius:9px}.card-navigation #blindToggle{padding:0!important;font-size:19px}

/* Compact labels before the full phone layout is needed. */
@media(min-width:601px) and (max-width:1100px){
 .lesson-next-actions #favoriteWord{width:44px;min-width:44px;max-width:44px;height:44px;padding:0;flex:0 0 44px;font-size:24px;gap:0}
 .lesson-next-actions #favoriteWord span{display:none}
 .lesson-next-actions #replayAudio{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;font-size:0;border:1px solid #bdd0e4;border-radius:9px;background:#f0f5fc;color:#356b9e}
 .lesson-next-actions #replayAudio::after{content:'▶';font-size:25px;line-height:1}
}
.card-navigation{column-gap:4px!important}.card-navigation .lesson-score{margin:0!important}
.finish{padding-top:18px}.finish-top{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:center;margin-bottom:8px}
.finish-top .eyebrow{justify-self:start}.finish-top .finish-icon{font-size:32px;margin:0;line-height:1.2}.finish-top #nextLesson{justify-self:end;white-space:normal;text-align:right}.finish h2{margin-top:8px}
.finish-favorite-drop{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:2px solid #ffe47a;background:#fff9df;color:#514f45;border-radius:10px;padding:9px 13px;text-decoration:none;font-weight:800}
.finish-favorite-drop.drop-ready{border-style:dashed}.finish-favorite-drop.drop-active,.finish-favorite-drop.word-saved{background:#fff2b8;border-color:#f2cf52}
#finishFavoriteStatus{font-size:12px;color:#56816b}#wordPerformance [draggable=true]{cursor:grab;touch-action:none}
.favorite-drag-ghost{position:fixed;z-index:100;pointer-events:none;transform:translate(-50%,-50%);padding:10px 15px;border:2px solid #ffe47a;background:#fff9df;color:#514f45;border-radius:10px;box-shadow:0 5px 20px #23304025}

body:has(#study) main{padding-top:6px}
#study{margin-top:0}
#study .translation>div{padding:9px 16px}
#study .translation p{margin:0;font-size:26px;line-height:1.5}
.finish-home-group{flex-wrap:wrap;align-items:center;position:relative}
.finish-favorite-drop{position:relative;gap:7px;min-height:44px}
#finishFavoriteStatus{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#wordPerformance [data-favorite-word]{cursor:grab;touch-action:none;user-select:none}
#wordPerformance [data-favorite-word]:active{cursor:grabbing}
.favorite-drop-toast{position:absolute;left:50%;bottom:calc(100% + 7px);transform:translateX(-50%);z-index:15;background:#fff9df;color:#514f45;border:1px solid #ffe47a;border-radius:10px;padding:7px 12px;font-size:13px;white-space:nowrap;pointer-events:none;animation:favorite-evaporate 4s ease-out forwards}
@keyframes favorite-evaporate{0%{opacity:0;translate:0 6px}10%,65%{opacity:1}100%{opacity:0;translate:0 -35px}}
@media(max-width:600px){#study .translation p{font-size:23px;line-height:1.45}.favorite-drop-toast{max-width:calc(100vw - 40px);white-space:normal;min-width:180px}}
@media(prefers-reduced-motion:reduce){.favorite-drop-toast{animation:none}}

body:has(#study) main{padding-top:12px}.favorite-sink{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;gap:0}.favorite-sink>span:first-child{font-size:18px}.favorite-sink>span:last-child{font-size:19px;margin-top:-2px}
.memory-session #allIn,.memory-session .study-nav,.memory-session #groupLevels,.memory-session #previewGame,.memory-session #again,.memory-session #review{display:none!important}

.memory-cloud-button{display:inline-flex;align-items:center;justify-content:center;background:transparent url('/memories-cloud.svg') center/100% 100% no-repeat!important;border:0!important;box-shadow:none!important;color:#367ca4!important;min-height:60px;padding:16px 30px!important;font:inherit;font-weight:800;text-decoration:none;cursor:pointer}
.memories-heading{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.memories-heading h1{margin:0}.memory-finish-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:16px}.memory-finish-actions:not(:has(> :not([hidden]))){display:none}

.memory-session #study,.memory-session #finish{border:3px solid #91caeb;border-radius:55px 70px 58px 76px / 35px 45px 38px 48px;box-shadow:0 0 0 5px #edf8ff,0 8px 28px #91caeb22}.memory-session #nextLesson{min-width:160px;text-align:center}

.literal-toggle{width:42px;min-width:42px;height:40px;padding:0!important;display:inline-flex;align-items:center;justify-content:center;background:#eef0f2!important;border:2px solid #b9c1c8!important;border-radius:9px;font-size:20px;filter:grayscale(1)}.literal-toggle.active{background:#e7f4e9!important;border-color:#83c79a!important;filter:none}#sentence .literal-word{font:inherit;color:inherit;cursor:pointer;text-decoration:none}#sentence .literal-word:focus-visible{outline:2px solid #dec46c;outline-offset:3px;border-radius:3px}#sentence .literal-selected,#answerSpanish .literal-selected{font:inherit;color:inherit;text-decoration:underline;text-decoration-color:#d7b53c;text-decoration-thickness:3px;text-underline-offset:5px}

.literal-toggle[hidden]{display:none!important}

/* Translation word wrappers must not inherit the legacy tiny caption-span styling. */
#answerSpanish .literal-translation,#sentence .literal-word{font-family:inherit!important;font-size:inherit!important;font-weight:inherit!important;font-style:inherit!important;line-height:inherit!important;letter-spacing:inherit!important;color:inherit!important;text-decoration:none!important}
#sentence .literal-selected,#answerSpanish .literal-selected{background:#fff0a6!important;border-radius:3px;box-shadow:0 0 0 2px #fff0a6;text-decoration:none!important}

#answerSpanish .literal-counterpart{cursor:pointer}#answerSpanish .literal-counterpart:focus-visible{outline:2px solid #dec46c;outline-offset:3px;border-radius:3px}

.finish-rewards{background:#eaf4ff;border:2px solid #8db7dc;border-radius:22px;padding:20px;display:flex;justify-content:center;gap:34px;flex-wrap:wrap;text-align:center;margin:12px 0 18px}.finish-rewards>div{display:flex;flex-direction:column;gap:7px}.finish-rewards strong{font-size:40px;color:#2869a1;font-variant-numeric:tabular-nums}.finish-rewards small{color:#278252;font-size:16px;font-weight:800}.finish-rewards p{flex-basis:100%;margin:0;color:#447596}.repeat-practice-note{background:#fff8fb;border:1px solid #f7e6ee;border-radius:12px;padding:12px 16px;color:#92576d;font-size:15px}.repeat-practice-note[hidden]{display:none}.bonus-arrival{animation:bonus-pop .65s ease-out}@keyframes bonus-pop{0%{transform:scale(.96)}55%{transform:scale(1.035);box-shadow:0 0 0 6px #46d18022}100%{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.bonus-arrival{animation:none}}

#study{--lesson-text-size:32px;--lesson-gap:20px}#study .sentence,#study .translation p{font-size:var(--lesson-text-size)!important;line-height:1.65}#study .sentence{padding-top:var(--lesson-gap);padding-bottom:0;margin-top:0;margin-bottom:0}#study .translation{margin-top:var(--lesson-gap)}#study .translation>div{padding:0 14px}#study .translation p{margin:0}#study .learning-answer{margin-top:var(--lesson-gap);margin-bottom:0}.repeat-practice-note{max-width:100%;margin:12px auto;padding:10px 15px;font-size:14px;background:#fff8fb}.lesson-loading{max-width:900px;margin:24px auto;padding:60px 24px;background:white;border:1px solid #d8e6f3;border-radius:18px;text-align:center;color:#4d7292;font:18px system-ui;min-height:220px;box-sizing:border-box}@media(max-width:760px){#study{--lesson-text-size:27px;--lesson-gap:16px}}

#study .learning-action{margin:0}

/* Paired preview words and independently adjustable exercise counts. */
.preview-words{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.preview-words .preview-word{min-width:0;max-width:100%;width:100%;overflow-wrap:anywhere}.preference-count{display:inline-block;padding:2px 7px;border-radius:6px;background:#e4effb;color:#235d94;cursor:pointer;font:inherit;font-weight:800}.preference-count:focus-visible{outline:2px solid #468cca;outline-offset:2px}@media(max-width:480px){.preview-words .preview-word{padding:14px 8px;font-size:17px}}

/* Compact, centered session totals; empty bonus/rank lines take no space. */
#finishRewardBubble{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;justify-items:center;width:min(100%,420px);margin:12px auto 16px;padding:12px 16px;gap:10px 18px;border-radius:16px}
#finishRewardBubble>div{width:100%;align-items:center;justify-content:center;text-align:center;gap:4px;min-width:0}
#finishRewardBubble strong{font-size:32px;line-height:1.15}
#finishRewardBubble small{font-size:14px}
#finishRewardBubble p{grid-column:1/-1;width:100%;text-align:center}
#finishRewardBubble small:empty,#finishRewardBubble p:empty{display:none}
/* Hiding the translation must retain a readable gap before answer choices. */
body.blind-mode #study #options:not(:empty){margin-top:var(--lesson-gap,20px)}

/* Give each memory action a distinct cloud silhouette. */
.memory-cloud-button.memory-cloud-quick{background-image:url('/memory-quick-cloud.svg')!important}
.memory-cloud-button.memory-cloud-pre{background-image:url('/memory-pre-cloud-v3.svg')!important}
.memory-cloud-button.memory-cloud-return{background-image:url('/memory-return-cloud.svg')!important;text-align:center!important}

/* The celebration icon belongs inside the points/time summary, at its left edge. */
.finish-top{grid-template-columns:minmax(0,1fr) auto}
#finishRewardBubble{grid-template-columns:auto repeat(2,minmax(0,1fr))}
#finishRewardBubble>.finish-icon{font-size:30px;line-height:1;margin:0;align-self:center;justify-self:center}
@media(max-width:480px){#finishRewardBubble{column-gap:10px;padding:12px}#finishRewardBubble>.finish-icon{font-size:26px}}

/* Preview corners: Home at left, Skip immediately before Start at right. */
.preview-top-actions{justify-content:space-between;align-items:flex-start;flex-wrap:nowrap;width:100%;gap:14px}
.preview-launch-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-left:auto;min-width:0}
.preview-top-actions #previewHome{flex-shrink:0}
.preview-launch-actions #startLesson{margin:0}
#practiceLinks .practice-home-brand{flex-direction:row;align-items:center;flex-wrap:wrap;gap:9px}
#practiceLinks .practice-favorites-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 12px;border:2px solid #f3e7a5;border-radius:9px;background:#fff9d9;color:#665d30;font-size:13px;font-weight:800;line-height:1.3;text-decoration:none}
#practiceLinks .practice-favorites-link:hover{background:#fff3bd;border-color:#efdf88}
body.previewing #practiceFavorites{display:none}
@media(max-width:520px){
 .preview-top-actions{gap:8px}
 .preview-launch-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;flex:1;align-items:stretch}
 .lesson-preview .preview-top-actions #previewHome{height:56px;padding:8px;gap:4px;font-size:12px}
 .preview-top-actions .preview-launch-actions #previewEnd{white-space:normal;height:56px;padding:6px;font-size:12px;line-height:1.2;min-width:0}
 .preview-launch-actions #startLesson{height:56px;min-width:0;padding:6px;font-size:15px;line-height:1.2;white-space:normal}
}
#practiceLinks .practice-home-brand{flex-wrap:nowrap;min-width:0;max-width:100%}
#practiceLinks .practice-home-brand>.pitru-home-button{flex-shrink:0}
#practiceLinks .practice-favorites-link{white-space:normal!important;text-align:center;min-width:0}
@media(max-width:520px){
 .preview-top-actions{align-items:stretch}
 .lesson-preview .preview-top-actions #previewHome,.preview-top-actions .preview-launch-actions #previewEnd,.preview-launch-actions #startLesson{height:auto;min-height:56px;overflow-wrap:anywhere}
}

/* X-Ray is the word-pair tool; the magnifier controls translation visibility. */
.literal-toggle{width:auto;min-width:42px;gap:6px;padding:0 10px!important}
.literal-toggle .xray-label{font-size:14px;font-weight:800;line-height:1;letter-spacing:0}

/* Favorite-word lessons have their own warm yellow frame from preview to results. */
.favorite-session #lessonPreview,.favorite-session #study,.favorite-session #finish{border:3px solid #f3de8b;border-radius:55px 70px 58px 76px / 35px 45px 38px 48px;box-shadow:0 0 0 5px #fffbed,0 8px 28px #edce6b22}
#finish #nextLesson.favorite-return{background:#fff9d9;color:#665d30;border:2px solid #f3e7a5;border-radius:10px;padding:11px 15px;text-align:center}
#finish #nextLesson.favorite-return:hover{background:#fff3bd;border-color:#efdf88}
.favorite-session #finishRewardBubble{background:#fffbed;border-color:#f3e7a5}
.favorite-session #finishRewardBubble strong{color:#665d30}

main>#feedback:not(:empty),main>#audioCreditNote,main>#repeatPracticeNote{background:#fff8fb;border:1px solid #f7e6ee;border-radius:10px;color:#8d4e68;padding:12px 16px;margin:12px 0;font-size:14px;line-height:1.5;text-align:center}main>#feedback:empty{display:none}

.page-title-home{color:inherit;font:inherit;text-decoration:none;cursor:pointer;border-radius:5px}.page-title-home:focus-visible{outline:2px solid #76abd3;outline-offset:5px}

h1>a.page-title-home{font:inherit;line-height:inherit;color:inherit;display:inline;border:0;background:transparent;padding:0;min-height:0;text-decoration:none}

#finishRewardBubble>.finish-total-score{grid-column:1/-1;display:flex;flex-direction:column;gap:5px;border-top:1px solid #c5d9eb;padding-top:10px;margin-top:2px}#finishRewardBubble>.finish-total-score strong{font-size:26px}

.sentence-audio-controls{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0}.sentence-audio-controls #replayAudio{min-height:42px}.lesson-next-actions .slow-audio{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;min-width:42px;padding:0;border:1px solid #bdd0e4;border-radius:9px;background:#f0f5fc;font-size:25px;line-height:1}.lesson-next-actions .slow-audio:hover{background:#e5f1fc;border-color:#8eb7d7}.lesson-next-actions .slow-audio:disabled{opacity:.5;cursor:default}@media(max-width:1100px){.lesson-next-actions .slow-audio{width:44px;height:44px;min-width:44px}}
@media(max-width:380px){.lesson-next-actions{flex-wrap:wrap}.lesson-next-actions #next{flex-basis:100%;width:100%;margin-left:0}}

#finishRewardBubble .finish-reward-note{display:block;margin-top:7px;padding:8px 10px;border:1px solid #f7e6ee;border-radius:9px;background:#fff8fb;color:#8d4e68;font-size:12px;line-height:1.4;text-align:center}
/* One compact, proportionate action row on phones. */
@media(max-width:600px){
 .lesson-next-actions{--phone-action-size:36px;gap:5px;flex-wrap:nowrap;align-items:center}
 .lesson-next-actions #favoriteWord,.lesson-next-actions #slowAudio,.lesson-next-actions #autoAudio,.lesson-next-actions #replayAudio{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:var(--phone-action-size);height:var(--phone-action-size);min-width:var(--phone-action-size);max-width:var(--phone-action-size);min-height:var(--phone-action-size);max-height:var(--phone-action-size);flex:0 0 var(--phone-action-size);padding:0;border-radius:7px;line-height:1}
 .lesson-next-actions #favoriteWord{font-size:20px}
 .lesson-next-actions #slowAudio{font-size:20.5px}
 .lesson-next-actions #autoAudio{font-size:18px}
 .lesson-next-actions #replayAudio{font-size:0}
 .lesson-next-actions #replayAudio::after{font-size:20.5px;line-height:1}
 .lesson-next-actions .sentence-audio-controls{gap:0;flex:0 0 var(--phone-action-size)}
 .lesson-next-actions .listen-feedback{flex:0 0 var(--phone-action-size)}
 .lesson-next-actions #next{box-sizing:border-box;flex:0 1 auto;flex-basis:auto;width:auto;height:var(--phone-action-size);min-height:var(--phone-action-size);max-height:var(--phone-action-size);min-width:0;margin-left:auto;padding:4px 8px;font-size:12px;line-height:1.1;white-space:normal;display:inline-flex;align-items:center;justify-content:center}
}

.preview-launch-actions .resume-lesson{display:inline-flex;align-items:center;justify-content:center;background:#e7f4e9;border:2px solid #79c99b;color:#256e43;text-align:center;text-decoration:none}.preview-launch-actions:has(.resume-lesson:not([hidden])){flex-wrap:wrap}

.finish-breakdown{margin:12px auto 20px;padding-left:24px;max-width:650px;text-align:left;font-size:14px;line-height:1.6}.finish-breakdown .reward-gain{color:#218448}.finish-breakdown .reward-fault{color:#b65360}

@media(max-width:760px){.finish-home-group>.finish-home{order:0}.finish-home-group>#finishFavoriteDrop{order:1}.finish-home-group>#playGame{order:2}.finish-home-group>#finishFavoriteStatus{order:3}}

/* End-of-session score transfer and grouped explanations. */
.finish-top .finish-title{font-size:clamp(18px,2.3vw,24px);font-weight:900;color:#181b20;letter-spacing:0;line-height:1.3;margin:0;text-align:left}
#finishRewardBubble{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,700px);max-width:700px;margin:14px auto 18px;padding:18px 14px;gap:12px;align-items:center;position:relative}
#finishRewardBubble>div{min-width:0;align-items:center;justify-content:center;gap:5px;text-align:center}
#finishRewardBubble .finish-earned{position:relative;padding-left:24px}
#finishRewardBubble .finish-icon{position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:25px;margin:0}
#finishRewardBubble>.finish-total-score{grid-column:auto;border-top:0;border-left:1px solid #c5d9eb;border-right:1px solid #c5d9eb;padding:8px;margin:0;align-self:stretch}
#finishRewardBubble strong,#finishRewardBubble>.finish-total-score strong{font-size:clamp(22px,4vw,36px);line-height:1.2;overflow-wrap:anywhere}
#finishRewardBubble small{font-size:12px}#finishRewardBubble>div>span:not(.finish-icon){font-size:13px}#finishRewardBubble>p{grid-column:1/-1;font-size:12px}
.finish-breakdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0;width:100%;max-width:850px;margin:12px auto 20px;font-size:14px;line-height:1.6}
.finish-breakdown[hidden]{display:none}.finish-breakdown>section{border:1px solid;border-radius:14px;padding:15px 18px;min-width:0;text-align:left}.finish-gains{background:#edf9ef;border-color:#bbdfc6!important}.finish-faults{background:#fff1f5;border-color:#efd0da!important}.finish-breakdown h3{font-size:16px;margin:0 0 7px;font-weight:900}.finish-gains h3{color:#287845}.finish-faults h3{color:#a34e65}.finish-breakdown ul{margin:0;padding-left:19px}.finish-breakdown li+li{margin-top:5px}
.points-transfer{position:fixed;z-index:2000;pointer-events:none;font:900 23px Nunito,system-ui,sans-serif;color:#269254;text-shadow:0 1px 8px #fff}
.points-receiving{animation:points-receive 1.1s ease-out}@keyframes points-receive{40%{transform:scale(1.13);color:#218448}}
@media(max-width:520px){.finish-breakdown{grid-template-columns:1fr}#finishRewardBubble{gap:5px;padding:14px 7px}#finishRewardBubble .finish-earned{padding-left:16px}#finishRewardBubble .finish-icon{font-size:18px}#finishRewardBubble>div>span:not(.finish-icon){font-size:11px}}
@media(prefers-reduced-motion:reduce){.points-receiving{animation:none}}

#finish #again{background:#e6f2ff;border:2px solid #78a9d5;color:#255d8c;border-radius:10px;font-weight:800}#finish #again:hover{background:#d8eafe;border-color:#5c93c3}

/* Favorite practice uses yellow prompts and controls, with green/pink feedback. */
body.favorite-session{background:#fffdf3}
.favorite-session :is(#lessonPreview,#study,#finish){--favorite-ink:#514c37;--favorite-border:#edd47b;--favorite-soft:#fff9dc;--favorite-fill:#fff1b6}
.favorite-session :is(#lessonPreview,#study,#finish) .primary,
.favorite-session #finish #again{background:#ffefab;border:2px solid #e9cc68;color:#514c37;box-shadow:0 3px 10px #e9cc6824}
.favorite-session :is(#lessonPreview,#study,#finish) .primary:hover,
.favorite-session #finish #again:hover{background:#ffe896;border-color:#dfbd54}
.favorite-session :is(#lessonPreview,#study) .quiet:not(:where(.blind-toggle,#favoriteWord,.pitru-home-button)),
.favorite-session :is(#lessonPreview,#study) .browse-controls button,
.favorite-session #study :is(#replayAudio,#slowAudio,#autoAudio){background:#fff8d6;border-color:#edd47b;color:#514c37}
.favorite-session :is(#lessonPreview,#study) .quiet:not(:where(.blind-toggle,#favoriteWord,.pitru-home-button)):hover,
.favorite-session :is(#lessonPreview,#study) .browse-controls button:hover,
.favorite-session #study :is(#replayAudio,#slowAudio,#autoAudio):hover{background:#fff0b4;border-color:#e3c45e}
.favorite-session #study .progress{background:#fff7d6}
.favorite-session #study #bar{background:#e8c74f}
.favorite-session #study .clue strong{background:#fff1b6;border:1px solid #edd47b;color:#514c37}
.favorite-session #study:not(.learning-card) .blank:not(.answered),
.favorite-session #study.learning-card:not(.answer-confirmed) .blank.answered{background:#fff4c5;border-color:#e5c65d;color:#514c37;-webkit-text-fill-color:#514c37}
.favorite-session #study:not(.learning-card) .blank:not(.answered):focus{background:#fff0b1;border-color:#d9b440;box-shadow:0 0 0 3px #e8c74f29}
.favorite-session #study .blank:not(.answered)::placeholder{color:#76683f;-webkit-text-fill-color:#76683f}
.favorite-session #study .lesson-score strong{background:#fff4c5;color:#514c37;border:1px solid #edd47b}
.favorite-session #study #options .option:not(.right):not(.wrong):not(.hint-eliminated){background:#fffbed;border-color:#efdf9b;color:#514c37}
.favorite-session #study #options .option:not(.right):not(.wrong):not(.hint-eliminated):hover,
.favorite-session #study #options .option.type-match:not(.right):not(.wrong):not(.hint-eliminated){background:#ffefad;border-color:#dabc52;box-shadow:0 0 0 1px #edd47b}
.favorite-session #study #options .option:not(.right):not(.wrong):not(.hint-eliminated) small{background:#fff4c5;border-color:#e9d68d;color:#615735}
.favorite-session #study .learning-answer:not(.right){background:#fff1b6;border-color:#e5c65d;color:#514c37}
.favorite-session #study .learning-answer:not(.right):hover{background:#ffeaa0;border-color:#dabc52}
.favorite-session #lessonPreview .preview-word:not(.heard){background:#fff4c5;border-color:#e5cf77;color:#514c37}
.favorite-session #lessonPreview .preview-word:not(.heard):hover{background:#ffecab;border-color:#dabc52}
.favorite-session .modes{background:#fff9e4;border-color:#eedf9e}
.favorite-session .modes button{color:#645c3f}
.favorite-session .modes button.active{background:#ffefad;color:#514c37;box-shadow:0 1px 5px #e9d27744}
.favorite-session .session-setup button{color:#645c3f}
.favorite-session #finishRewardBubble strong{color:#514c37}
.favorite-session #finishRewardBubble>.finish-total-score{border-left-color:#ecdfa2;border-right-color:#ecdfa2}

#practiceLinks .practice-favorites-link,#practiceLinks .practice-favorites-link:hover{background:#fff2b8;border-color:#ffe47a;color:#514f45}

/* Favorites translations follow the same warm yellow palette as their prompts. */
.favorite-session #study .translation{background:#fff4c5;border-color:#edd47b}
.favorite-session #study .translation p,.favorite-session #study .translation span{color:#514c37}
.favorite-session #study #blindToggle,.favorite-session #study #blindToggle:hover{background:#fff1b6!important;border-color:#e5c65d!important;color:#514c37}
.group-actions-top{justify-content:flex-start;margin:10px 0 12px}.level-choices .group-inline-start{grid-column:1/-1;justify-self:start;margin:4px 0 8px;padding:10px 16px;font-size:14px}.group-inline-start:disabled,.group-actions-top button:disabled{opacity:.45;cursor:default}