.learning-strip{margin:-4px 0 21px;border:1px solid #3a2e4c;border-radius:11px;background:linear-gradient(100deg,#231c30,#19171f);padding:15px 17px;display:flex;justify-content:space-between;align-items:center;gap:15px}.learning-strip>div:first-child{position:relative;padding-left:31px}.learning-spark{color:#b799ef;position:absolute;left:0;top:2px;font-size:20px}.learning-strip strong{font-size:12px;font-weight:500;display:block;color:#ded1f1}.learning-strip small{font-size:10px;color:#a294b5;display:block;margin-top:5px}.learning-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.learning-buttons .secondary{font-size:11px;padding:9px 11px}.learning-buttons svg{width:14px;height:14px}.learning-buttons button[aria-pressed=true]{background:#9c7bf6;color:#171121;border-color:#b394fc}.learning-tip{position:fixed;z-index:100;width:310px;max-width:calc(100vw - 24px);padding:17px;background:#282032;border:1px solid #9c7bf6;border-radius:12px;box-shadow:0 16px 70px #0009;color:#f1e7fc}.learning-tip .tip-label{font-size:9px;letter-spacing:1px;color:#bc9fe6;margin-bottom:6px}.learning-tip h3{font-family:Manrope,var(--font);font-size:17px;font-weight:650;margin:0 20px 8px 0;letter-spacing:-.4px}.learning-tip p{font-size:12px;line-height:1.6;color:#c4b5d5;margin:0 0 13px}.learning-tip .tip-controls{display:flex;gap:6px;align-items:center;justify-content:space-between}.learning-tip .primary,.learning-tip .secondary{padding:8px 12px;font-size:11px}.learning-tip .tip-close{position:absolute;right:8px;top:9px;padding:5px;color:#a990c0;font-size:16px}.tip-target{outline:2px solid #b48bfd!important;outline-offset:4px!important;box-shadow:0 0 18px #ac78ff22!important}.learning-tip .tip-dismiss{font-size:10px;color:#b298c6;padding:4px}.academy-hero{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px;align-items:center}.academy-hero p{color:#b1a0c4;font-size:12px;line-height:1.6;margin:0;max-width:530px}.academy-status{flex-shrink:0;border:1px solid #4b385e;border-radius:10px;padding:13px 18px;background:#281f33;text-align:center}.academy-status strong{display:block;font-family:Manrope,var(--font);font-size:24px;color:#d4b7fa}.academy-status small{color:#a28bba;font-size:9px}.academy-section-label{font-size:10px;letter-spacing:1.5px;color:#a58abf;font-weight:500;margin:23px 0 11px}.course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.course-card{display:flex;align-items:flex-start;gap:12px;text-align:left;border:1px solid #3c304a;border-radius:10px;padding:16px;background:#211b2b;justify-content:flex-start}.course-card:hover{background:#2d223c;border-color:#6d4b8e}.course-number{width:29px;height:29px;border-radius:8px;background:#392c48;display:grid;place-items:center;color:#cba8f4;font-weight:600;flex-shrink:0}.course-card strong{font-size:13px;font-weight:500}.course-card p{font-size:10px;color:#a999b8;line-height:1.5;margin:6px 0}.course-card small{font-size:9px;color:#b395cc}.course-card>span:last-child{margin-left:auto;color:#aa8ad0;font-size:13px}.course-card.complete{border-color:#39745e}.course-card.complete .course-number{background:#203d32;color:#70d5b3}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:23px}.lesson-prose h3{font-family:Manrope,var(--font);font-size:16px;color:#eee1fc;margin:21px 0 8px}.lesson-prose p{font-size:12px;line-height:1.75;color:#b9aac7}.lesson-prose p:first-child{margin-top:0}.lesson-side{border:1px solid #40314e;background:#211929;border-radius:9px;padding:16px;height:fit-content}.lesson-side strong{display:block;font-size:11px;color:#d2b8ec;margin-bottom:12px}.lesson-side .term-chip{font-size:10px;padding:6px 8px;background:#30233e;border:1px solid #513a64;border-radius:5px;color:#c6a8df;display:block;text-align:left;margin:6px 0;width:100%;justify-content:flex-start}.lesson-side .primary{font-size:10px;padding:10px;margin-top:12px;width:100%}.lesson-visual{border:1px solid #3b3046;border-radius:10px;padding:14px 9px;background:#16151d;margin-bottom:18px}.lesson-visual svg{width:100%;height:auto;max-height:240px;stroke:none}.lesson-visual svg text{font-family:var(--font);font-size:11px;fill:#baabc9}.lesson-visual svg .caption{font-size:10px;fill:#8f7c9f}.lesson-visual .visual-caption{font-size:10px;color:#a28bb9;margin:4px 7px 0;line-height:1.5}.lesson-controls{display:flex;gap:8px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-top:25px;border-top:1px solid #382b45;padding-top:18px}.lesson-quiz{margin-top:20px}.lesson-quiz fieldset{border:1px solid #3c2e48;border-radius:8px;margin:12px 0;padding:13px}.lesson-quiz legend{font-size:12px;color:#dbcaec;padding:0 5px}.lesson-quiz label{display:flex;gap:8px;padding:9px;background:#251c30;border:1px solid #3b2c47;border-radius:5px;font-size:11px;color:#bcacc9;margin:6px 0;cursor:pointer;align-items:flex-start}.lesson-quiz input{accent-color:#aa82f1;margin-top:1px}.lesson-quiz .answer-feedback{font-size:11px;padding:9px;border-radius:5px;line-height:1.6}.answer-feedback.right{background:#1e342b;color:#9edabf}.answer-feedback.wrong{background:#3c2632;color:#e2a8be}.quiz-result{margin-top:15px;padding:17px;background:#292035;border:1px solid #674785;border-radius:10px;color:#d6b5f9;font-size:12px;line-height:1.6}.quiz-result strong{font-size:23px;display:block;margin-bottom:4px}.glossary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.term-card{border:1px solid #3f304e;border-radius:9px;padding:16px;background:#211a2b}.term-card h3{margin:6px 0;font-size:14px;font-weight:500;color:#e2d1f1}.term-card .pronunciation{font-size:10px;color:#ac8acc;display:flex;align-items:center;gap:8px}.listen-btn{font-size:10px;color:#bb9adc;border:1px solid #4c365f;border-radius:4px;padding:3px 6px}.term-card p{font-size:11px;line-height:1.6;color:#b8a7c9;margin:11px 0}.term-example{border-left:2px solid #875db1;padding-left:10px;color:#d1b5e8;font-size:11px;line-height:1.6}.term-example small{display:block;font-size:8px;letter-spacing:.8px;color:#9277aa;margin-bottom:4px}.term-detail{max-width:630px;margin:auto}.term-detail h3{font-size:25px;margin:7px 0 12px;color:#dbc0f9}.term-detail .term-example{margin:20px 0}.terms-test-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;gap:15px}.terms-test-header p{font-size:12px;color:#b5a1c7;margin:0;line-height:1.6}.learning-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.course-note{font-size:10px;line-height:1.6;color:#9c87b0;margin-top:14px}.course-progress-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #3b2b47;padding:10px 0;font-size:11px;color:#c5acda}.course-progress-row small{color:#9d82b4}.mini-score{color:#c9a5f2;font-size:12px}.tour-finished{text-align:center;padding:5px}.tour-finished .tour-check{font-size:31px;color:#8ddebf;margin-bottom:7px}.tour-finished h3{margin-right:0}.tour-finished .tip-controls{justify-content:center}.learning-tip a{font-size:10px}
@media(max-width:1100px){.learning-strip{align-items:flex-start}.learning-strip>div:first-child{padding-left:0}.learning-spark{display:none}.learning-strip strong{font-size:11px}.learning-strip small{max-width:170px;line-height:1.5}.learning-buttons .secondary{font-size:10px;padding:8px}}@media(max-width:700px){.learning-strip{flex-direction:column;padding:13px;gap:12px}.learning-strip small{max-width:none}.learning-buttons{width:100%;gap:6px}.learning-buttons .secondary{flex:1;white-space:nowrap;min-height:34px}.learning-buttons .secondary svg{display:none}.learning-strip .text-btn{width:100%;justify-content:flex-start}.course-grid,.glossary-grid{grid-template-columns:1fr}.lesson-layout{grid-template-columns:1fr}.lesson-side{display:flex;flex-wrap:wrap;gap:5px}.lesson-side strong{width:100%;margin-bottom:4px}.lesson-side .term-chip{width:auto;margin:0}.lesson-side .primary{margin-top:5px}.academy-hero{align-items:flex-start;gap:12px}.academy-hero p{font-size:11px}.academy-status{padding:10px;min-width:85px}.academy-status strong{font-size:21px}.lesson-controls{gap:10px}.lesson-controls button{font-size:10px}.terms-test-header{align-items:flex-start;flex-direction:column}.learning-tip{padding:15px}.learning-tip h3{font-size:16px}.learning-tip p{font-size:11px}.learning-strip .learning-buttons .text-btn[hidden]{display:none}}

.learning-tip.context-tip{pointer-events:none}.learning-tip.context-tip .tip-close{pointer-events:auto}

.candle-narrow{display:none}@media(max-width:600px){.lesson-visual .candle-wide{display:none}.lesson-visual .candle-narrow{display:block;max-height:none}.lesson-visual .candle-narrow text{font-size:16px}.lesson-visual .candle-narrow .caption{font-size:14px}}