#learningDialog{box-sizing:border-box;position:fixed;inset:0;width:100%;height:100%;width:100dvw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;overflow:hidden;background:radial-gradient(ellipse at 90% 0,#253b3e 0,transparent 40%),#101c29;color:#e8efec;font-family:inherit;z-index:16000;backdrop-filter:none}
#learningDialog:not([open]){display:none!important}
#learningDialog[open]{display:flex!important;flex-direction:column;align-items:stretch;justify-content:flex-start}
#learningDialog::backdrop{background:#08131af5}
#learningDialog *{box-sizing:border-box;min-width:0}
#learningDialog button,#learningDialog select{font-family:inherit;min-height:44px;font-size:15px;touch-action:manipulation;border-radius:12px;cursor:pointer;max-width:100%;white-space:normal}
#learningDialog button:focus-visible,#learningDialog select:focus-visible{outline:3px solid #91e6bb;outline-offset:3px}
#learningDialog button:disabled{cursor:default;opacity:.52}
#learningDialog [hidden]{display:none!important}
.vlHeader{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:calc(15px + env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 15px max(20px,env(safe-area-inset-left));background:#15232ee8;border-bottom:1px solid #ead39a36}
.vlEyebrow{display:block;letter-spacing:1.8px;color:#d6bd81;font-size:10px;font-weight:800}
#learningDialog h2{margin:5px 0 0;font-size:23px;color:#faecd0}
#learningDialog .vlClose{flex-shrink:0;width:44px;min-width:44px;font-size:25px;background:#ffffff09;color:#e8efed;border:1px solid #b9c9cf40}
.vlBody{flex:1 1 auto;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:22px max(20px,env(safe-area-inset-right)) calc(22px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));width:100%;scrollbar-gutter:stable}
.vlBody>*{max-width:860px;margin-left:auto;margin-right:auto}
.vlTabs{display:flex;gap:8px;margin-bottom:22px;background:#0a17237a;padding:5px;border:1px solid #77908132;border-radius:16px}
.vlTabs button{flex:1;background:transparent;color:#adbdc9;border:1px solid transparent;font-weight:750;padding:8px}
.vlTabs button[aria-selected=true]{background:#2b453e;color:#e4f9df;border-color:#91b99a65}
.vlStats{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:20px}
.vlStat{display:flex;flex-direction:column;gap:5px;padding:13px 8px;background:#ffffff05;border:1px solid #adbec026;border-radius:13px;text-align:center}
.vlStat strong{font-size:25px;color:#e9d39b;line-height:1.2}
.vlStat:first-child strong{color:#95e1b5}
.vlStat span{font-size:11px;color:#b6c5cd}
.vlHero{padding:30px;border:1px solid #c8b78369;border-radius:20px;background:linear-gradient(135deg,#2a3f39cc,#1b2d3dd9);box-shadow:0 14px 40px #00000021;margin-bottom:20px}
#learningDialog h3{font-size:25px;line-height:1.45;color:#faeacc;margin:11px 0 12px;word-break:keep-all;overflow-wrap:anywhere}
.vlHero p,.vlGrowthIntro p{font-size:14px;color:#c0d0da;line-height:1.8;margin:10px 0 20px;word-break:keep-all;overflow-wrap:anywhere}
#learningDialog .vlPrimary{display:inline-block;padding:13px 22px;margin:7px 7px 0 0;border:1px solid #f3dfa0;background:linear-gradient(120deg,#efdba3,#c2a46a);color:#17272c;font-weight:850;box-shadow:0 4px 13px #0002}
#learningDialog .vlSecondary{padding:11px 15px;background:#ffffff07;border:1px solid #91a7b75c;color:#dfebe9;line-height:1.5}
.vlHero>.vlSecondary{margin:7px 7px 0 0}
#learningDialog .vlTextButton{display:block;margin-top:15px;color:#bcd1d9;background:none;border:0;text-decoration:underline;text-underline-offset:4px;padding:9px 3px;font-size:13px}
.vlSteps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}
.vlSteps>div{padding:16px;background:#ffffff04;border:1px solid #adc5cf22;border-radius:14px}
.vlStepNumber{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;border:1px solid #d0b66e6b;border-radius:50%;font-size:12px;font-weight:900;color:#eed593}
.vlSteps h4{font-size:16px;margin:11px 0 7px;color:#e8ecd9}.vlSteps p{font-size:12px;color:#a9becb;line-height:1.65;margin:0;word-break:keep-all}
.vlNote{font-size:12px!important;line-height:1.8!important;color:#a9bcc7!important;word-break:keep-all;overflow-wrap:anywhere}
.vlCoverage,.vlLocal{font-size:12px;color:#9db5c1;line-height:1.7;margin-top:16px;margin-bottom:8px}
.vlLocal{border-top:1px solid #a6bdcd21;padding-top:16px;margin-top:23px}
.vlWarning{padding:13px 16px;background:#513b2c;border:1px solid #e4b985;color:#ffe3b9;border-radius:12px;font-size:13px;line-height:1.7;overflow-wrap:anywhere}
.vlNotice{padding:10px 13px;border:1px solid #88b5d335;border-radius:10px;background:#7db8df0b;color:#bcd9e7;font-size:12px;line-height:1.75}
.vlGrowthIntro h3{margin-top:0!important}.vlGrowthIntro p{margin-bottom:15px}
.vlLevelRow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;font-size:14px;color:#c8d6dc}
#learningDialog select{background:#213748;color:#f7ead0;border:1px solid #9bb2be70;padding:9px 38px 9px 15px;min-width:135px}
.vlWordGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}
#learningDialog .vlWordCard{display:block;align-self:stretch;text-align:left;padding:16px;background:linear-gradient(130deg,#1c3040,#182a35);border:1px solid #a0b9c237;color:#e6efec;line-height:1.5}
#learningDialog .vlWordCard:hover{border-color:#d6c180a6;background:#263c44}
.vlWordTop{display:flex;align-items:center;justify-content:space-between;gap:8px}.vlWordTop strong{font-size:19px;color:#f6e8c1;overflow-wrap:anywhere}.vlWordTop small{flex-shrink:0;font-size:10px;color:#91baa5}
.vlWordMeaning{display:block;margin:6px 0 13px;font-size:12px;color:#b9c9d0;overflow-wrap:anywhere}
.vlTrack{display:flex;gap:6px}.vlTrack span{flex:1;padding:5px 3px;text-align:center;background:#0c1b2680;color:#7996a9;border:1px solid #768f9c30;border-radius:7px;font-size:11px;white-space:nowrap}.vlTrack span.passed{background:#27443b;color:#b4e5c0;border-color:#9dccaa66}
.vlQuestion{padding:25px;background:linear-gradient(150deg,#223746,#152734);border:1px solid #aabfcb42;border-radius:19px}
.vlQuestionMeta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12px;line-height:1.6;color:#d4c290;margin-bottom:12px}
#learningDialog progress{appearance:none;width:100%;height:5px;border:0;border-radius:4px;background:#071623;display:block;margin:10px 0 20px;overflow:hidden}#learningDialog progress::-webkit-progress-bar{background:#071623}#learningDialog progress::-webkit-progress-value{background:#91d8ae}#learningDialog progress::-moz-progress-bar{background:#91d8ae}
.vlQuestionInstruction{color:#b4c8d4;font-size:13px;line-height:1.7;margin:0 0 8px}
#learningDialog .vlPrompt{font-size:clamp(24px,3vw,33px);line-height:1.6;margin:12px 0 18px;word-break:normal;overflow-wrap:anywhere}
#learningDialog .vlSpeak{padding:6px 14px;background:#ffffff05;border:1px solid #99b6c150;color:#bbd6d8;margin:-5px 0 16px;font-size:12px}
.vlChoices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#learningDialog .vlChoice{padding:15px;text-align:left;background:#223d51;border:1px solid #789eae59;color:#f2f5ec;line-height:1.55;min-height:61px;overflow-wrap:anywhere;font-size:16px}
#learningDialog .vlChoice:hover:not(:disabled){background:#34566a;border-color:#c3cfb3}
#learningDialog .vlChoice.correct{border-color:#97e1b0;background:#254e3b;color:#dbffe4;opacity:1}
#learningDialog .vlChoice.incorrect{border-color:#e8a392;background:#583631;color:#ffdbcf;opacity:1}
.vlActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.vlActions button:first-child{flex:2}.vlActions button:last-child{flex:1}
.vlFeedback{margin-top:21px;border-top:1px solid #d2e5e028;padding-top:18px;line-height:1.75;color:#d9e8ec;overflow-wrap:anywhere}.vlFeedback h4{font-size:19px;margin:0 0 12px;color:#f7dfb2}.vlFeedback.good h4{color:#a2e7b8}.vlFeedback.bad h4{color:#f2b6a5}.vlFeedback>strong{font-size:18px;color:#efe6c7}.vlExample{font-size:16px;color:#e3ecee;line-height:1.8;margin:12px 0 7px}.vlDefinition{font-size:14px;color:#acc9d8;line-height:1.75;margin:6px 0}.vlDue{font-size:12px!important;color:#bed3ae!important;line-height:1.7}
.vlComplete{border-color:#94c7a078}
body #startMenu #btnMenuLearning{display:flex;grid-column:1/-1!important;align-items:center;justify-content:space-between;gap:10px;text-align:left;background:linear-gradient(120deg,#476340a6,#304957c7);border-color:#d1be808a;color:#f7e7b8;order:2}
#btnMenuLearning small{display:block;font-size:11px;font-weight:400;color:#c1d2c4;margin-top:5px}#learningMenuCount{font-size:12px;white-space:nowrap;color:#f0d693;font-weight:850}
@media(max-width:520px){.vlHeader{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.vlBody{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right));padding-top:16px}.vlTabs{margin-bottom:16px}.vlStats{gap:5px}.vlStat{padding:12px 3px}.vlStat strong{font-size:23px}.vlStat span{font-size:10px}.vlHero{padding:21px 17px}#learningDialog h3{font-size:22px}.vlHero .vlPrimary{width:100%;margin-right:0}.vlSteps{gap:7px}.vlSteps>div{padding:12px 9px}.vlSteps p{font-size:11px}.vlWordGrid{grid-template-columns:1fr}.vlQuestion{padding:18px 14px}.vlChoices{grid-template-columns:1fr;gap:8px}#learningDialog .vlChoice{min-height:54px;padding:12px 14px}.vlActions{gap:7px}.vlActions .vlSecondary{font-size:12px!important;padding:10px 8px!important}#learningDialog .vlPrompt{font-size:25px}.vlQuestion>.vlPrimary{width:100%;margin-right:0}.vlEyebrow{font-size:9px;letter-spacing:1.3px}}
@media(max-height:560px) and (min-width:600px){.vlHeader{padding-top:calc(9px + env(safe-area-inset-top));padding-bottom:9px}#learningDialog h2{font-size:19px}.vlBody{padding-top:14px}.vlTabs{margin-bottom:13px}.vlQuestion{padding:20px}.vlQuestionMeta{margin-bottom:8px}}