.level-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:20px}.level-tab{border:2px solid var(--line);border-bottom-width:4px;border-radius:13px;padding:11px 8px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:14px;font-weight:900;background:var(--surface)}.level-tab:hover{border-color:#75519d;color:var(--text)}.level-tab.active{border-color:var(--purple);border-bottom-color:#643b91;background:var(--purple-tint);color:var(--purple-light)}.level-subtitle{font-size:13px;color:var(--muted);line-height:1.65;margin:-5px 0 22px}.level-overview{padding:18px;border:2px solid var(--line);border-radius:15px;margin-bottom:25px;background:var(--surface)}.level-overview>div{display:flex;justify-content:space-between;gap:12px;font-size:13px;margin-bottom:10px}.level-overview p{font-size:12px;color:var(--muted);margin-top:10px;line-height:1.6}.path-node.available .lesson-button{background:#7444ad;box-shadow:0 8px 0 #492867;color:#e5cdff}.path-node.available .lesson-button::before{border-color:#aa77dd}.exercise-difficulty{margin-left:auto;font-size:10px;padding:3px 7px;border-radius:7px;letter-spacing:.4px;background:#272130;color:#c6b0e3}.exercise-tag{display:flex;align-items:center;gap:6px}.exercise-source{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:20px;font-size:10px;color:var(--muted)}.exercise-source a{font-size:10px}.course-find{display:flex;gap:8px;margin-bottom:22px}.course-find input{flex:1;min-width:0;background:var(--surface);border:2px solid var(--line);border-radius:11px;color:var(--text);padding:10px 12px}.module-index{display:grid;gap:8px;margin:20px 0}.module-index a{display:flex;align-items:center;gap:12px;border:2px solid var(--line);border-radius:11px;padding:12px;font-size:13px}.module-index a span{flex:1}.module-index small{color:var(--muted)}.interview-card{margin-top:20px}.interview-card .badge{margin-bottom:15px}.practice-filters{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.practice-filters select{background:var(--surface);border:2px solid var(--line);border-radius:11px;padding:9px;color:var(--text);font-size:13px}.interview-list{display:flex;flex-wrap:wrap;gap:8px}.interview-list .button{font-size:11px}.sound-preview{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.sound-preview .button{font-size:10px;padding:8px 10px;min-height:38px}.volume-slider{width:115px;accent-color:var(--purple)}.coverage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}.coverage-item{padding:17px;border:2px solid var(--line);border-radius:13px}.coverage-item strong{display:block;font-size:14px;margin-bottom:7px}.coverage-item p{font-size:12px;color:var(--muted);line-height:1.65}.coverage-item .badge{margin-top:10px}.feedback-correct .feedback-icon{animation:success-pop .45s cubic-bezier(.2,1.6,.4,1)}.feedback-wrong .feedback-icon{animation:gentle-shake .36s ease}.feedback-correct .feedback-copy,.feedback-wrong .feedback-copy{animation:feedback-rise .25s ease-out}.match-tile.just-matched{animation:pair-pop .42s cubic-bezier(.2,1.5,.4,1)}.answer-option.selected{animation:selection-tap .15s ease-out}.question-enter{animation:question-arrive .25s ease-out}.result-mascot{animation:mascot-celebrate .7s cubic-bezier(.2,1.3,.4,1)}.reward-confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:5}.reward-confetti i{position:absolute;left:50%;top:25%;width:8px;height:12px;border-radius:2px;background:var(--confetti-color,var(--purple));animation:confetti-fall 1.15s var(--confetti-delay,0s) ease-out both;transform:rotate(var(--confetti-spin,0deg))}.lesson-progress .progress-fill{transition:width .45s cubic-bezier(.2,.85,.3,1)}.path-node.completed .lesson-button:hover svg{animation:success-pop .3s ease-out}.motion-off *,.motion-off *::before,.motion-off *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}@keyframes success-pop{0%{transform:scale(.65) rotate(-8deg)}60%{transform:scale(1.12) rotate(4deg)}100%{transform:scale(1) rotate(0)}}@keyframes gentle-shake{20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}100%{transform:translateX(0)}}@keyframes feedback-rise{from{opacity:.5;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes pair-pop{40%{transform:scale(1.055)}100%{transform:scale(1)}}@keyframes selection-tap{50%{transform:scale(.985)}}@keyframes question-arrive{from{opacity:.2;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes mascot-celebrate{0%{transform:translateY(15px) scale(.8)}55%{transform:translateY(-10px) rotate(-4deg)}80%{transform:translateY(1px) rotate(3deg)}100%{transform:translateY(0) rotate(0)}}@keyframes confetti-fall{0%{opacity:0;translate:0 0;rotate:0deg}15%{opacity:1}100%{opacity:0;translate:var(--confetti-x,150px) var(--confetti-y,400px);rotate:var(--confetti-spin,210deg)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:600px){.level-tab{font-size:12px;gap:5px;padding:11px 4px}.level-tab svg{width:18px}.level-subtitle{font-size:12px}.coverage-grid{grid-template-columns:1fr}.exercise-tag{flex-wrap:wrap;font-size:10px}.exercise-difficulty{margin-left:0}.level-overview{padding:14px}.course-find{flex-wrap:wrap}.exercise-source{flex-wrap:wrap}.sound-preview .button{flex:1}}
.setting-row input.volume-slider{width:110px;height:22px;flex:0 0 110px}.module-index .topic-row{border:2px solid var(--line);border-radius:11px;margin-bottom:8px}.module-index .topic-row:last-child{border:2px solid var(--line)}.lesson-footer.feedback-correct,.lesson-footer.feedback-wrong{max-height:50dvh;overflow-y:auto}.correct-answer code{display:block;max-height:130px;overflow:auto;white-space:pre-wrap;line-height:1.65}.course-unit{scroll-margin-top:24px}
.result-screen{justify-content:flex-start}.result-screen>*{flex-shrink:0}.result-screen>.result-mascot{margin-top:auto}.result-screen>.result-note{margin-bottom:auto;font-size:12px}.result-screen .result-stats{margin:24px auto 16px}.result-screen .result-streak{margin-top:16px}
.level-tabs{grid-template-columns:repeat(4,minmax(0,1fr))!important}.chapter-jump{display:grid;gap:8px;margin:20px 0 32px;color:var(--muted);font-size:13px;font-weight:800}.chapter-jump select{width:100%;min-width:0;background:var(--surface);color:var(--text);border:2px solid var(--line);border-radius:13px;padding:14px;font:inherit}.curriculum-chapter{scroll-margin-top:24px}.chapter-heading{padding:20px 2px 24px;border-top:2px solid var(--line);margin-top:24px}.chapter-heading h2{font-size:25px;line-height:1.25;margin:8px 0}.chapter-heading .muted{font-size:13px}.unit-banner h3{font-size:21px;line-height:1.3;margin:8px 0}.course-unit{scroll-margin-top:24px}.topic-row span small{display:block;font-size:11px;color:var(--muted);margin-top:4px}@media(max-width:540px){.level-tab{font-size:12px;padding:10px 3px;gap:4px}.level-tab svg{width:16px}.chapter-heading h2{font-size:22px}}