.spell-hero{margin:20px 0 24px;padding:30px 34px;border:1px solid #e5ddff;border-radius:24px;background:linear-gradient(115deg,#f0edff,#faf4ff);color:#202545}.spell-hero h1{font-size:clamp(24px,3.5vw,36px);line-height:1.35;margin:10px 0}.spell-hero p{color:#727692}.spell-links{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 0}.spell-links a{border:1px solid #d7cef7;border-radius:999px;padding:9px 18px;color:#5e46c7;font-weight:650;background:#fff}.spell-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 25px}.spell-stats>div{padding:24px 20px;border:1px solid #e6e4f4;border-radius:18px;background:#fff;display:flex;flex-direction:column;gap:10px}.spell-stats strong{font-size:30px;color:#6350d9}.spell-stats small{font-size:16px;color:#9395ad}.spell-stats span{color:#7b7d94;font-size:14px}.spell-settings{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:26px;align-items:center;margin-bottom:26px}.spell-settings h2{font-size:20px;margin:0 0 8px}.spell-settings p{font-size:13px;color:#7a7c93;margin:0}.spell-settings label{font-weight:600;font-size:14px}.spell-settings input[type=range]{display:block;width:100%;margin:14px 0;accent-color:#7762ee}.spell-settings input[type=checkbox]{accent-color:#7762ee;width:17px;height:17px}.spell-check{display:flex;gap:10px;align-items:center}.spell-settings #spell-settings-status{grid-column:1/-1;font-size:12px}.spell-chapters{display:grid;gap:24px}.spell-chapter-title{display:flex;align-items:center;gap:15px;margin-bottom:20px}.spell-chapter-title>span{display:grid;place-items:center;flex-shrink:0;width:52px;height:52px;border-radius:15px;background:#eeebff;color:#715be1;font-size:26px;font-weight:750}.spell-chapter-title h2{font-size:20px;margin:0 0 6px}.spell-chapter-title p{margin:0;color:#9191a7;font-size:13px}.spell-unit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.spell-unit{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:19px;border:1px solid #e8e5f5;border-radius:14px;background:#fdfcfe;min-width:0}.spell-unit h3{font-size:15px;line-height:1.5;margin:0 0 8px}.spell-unit p,.spell-unit span{font-size:12px;color:#87849d;margin:4px 0}.spell-unit-actions{display:flex;flex-direction:column;gap:7px;flex-shrink:0}.spell-arena{max-width:900px;margin:26px auto;border-radius:24px;border-top:4px solid #8b6efa;box-shadow:0 15px 45px #5842a512;padding:35px 36px}.spell-arena-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.spell-arena h1{font-size:28px;margin:10px 0}.spell-arena-top p{color:#7e7b98;font-size:14px;line-height:1.6}.spell-hud{display:flex;justify-content:space-between;gap:16px;padding:18px 0 10px;color:#746799;font-size:14px}.spell-overall-progress,.spell-clock progress{width:100%;height:8px;appearance:none;accent-color:#8570ed;border-radius:10px;overflow:hidden}.spell-overall-progress::-webkit-progress-bar,.spell-clock progress::-webkit-progress-bar{background:#edeaf5}.spell-overall-progress::-webkit-progress-value,.spell-clock progress::-webkit-progress-value{background:#8a70ef}.spell-clock{margin:22px 0 15px;color:#9290a5;font-size:12px}.spell-clock progress{display:block;height:5px;margin-top:10px}.spell-arena input#spell-input{display:block;width:100%;text-align:center;padding:26px 12px;border:2px solid #a394ed;border-radius:18px;background:#fff;color:#353152;box-shadow:0 0 0 5px #f0edff;font-size:24px;min-height:98px;outline:none;font-family:inherit}.spell-arena input#spell-input::placeholder{color:#a3a5bd;font-size:17px}.spell-arena input#spell-input:disabled{opacity:.65;background:#fbfafc}.spell-arena input#spell-input.spell-correct{border-color:#37c790;background:#ecfff5;animation:spell-good .5s ease}.spell-arena input#spell-input.spell-wrong{border-color:#f06b80;background:#fff2f4;animation:spell-shake .35s ease}.spell-controls{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 24px}.spell-controls button{flex:1;min-width:150px;padding:14px}.spell-controls .btn.primary{background:#8064e9;border-color:#8064e9}.spell-feedback{min-height:27px;margin:10px 0;color:#766294;text-align:center;font-size:14px}.spell-saving{font-size:12px;color:#9a94ae;text-align:center;margin:0 0 24px}.spell-answered{padding:16px;background:#faf9fd;border-radius:14px}.spell-answered summary{cursor:pointer;color:#827694;font-size:13px}.spell-bottom-links{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:20px;flex-wrap:wrap}.spell-bottom-links .spell-links{margin:0}.spell-bottom-links .spell-links a{font-size:12px;padding:7px 12px}.spell-answer{display:grid;grid-template-columns:1fr auto;gap:9px;padding:17px 0;border-bottom:1px solid #e9e6f0;word-break:break-word}.spell-answer strong{color:#50426c}.spell-answer>span{font-size:13px;color:#89938c}.spell-answer.incorrect>span{color:#cd6b79}.spell-answer p{margin:0;color:#95909f;font-size:13px}.spell-answer button{justify-self:end}.spell-result{margin-bottom:25px}.spell-result .spell-stats{margin:0}.spell-result p{color:#8b839a;font-size:13px;margin-top:20px}.spell-result-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.spell-review h2{font-size:20px}.spell-export{display:flex;gap:9px;flex-wrap:wrap;margin:5px 0 20px}.spell-wrong-group{border-top:1px solid #eee8f5;padding:22px 0}.spell-wrong-group>summary{font-size:17px;font-weight:650;cursor:pointer;margin-bottom:18px;color:#605079}.spell-wrong-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;border-top:1px solid #f0edf6}.spell-wrong-row>div:last-child{display:flex;gap:7px;flex-wrap:wrap;flex-shrink:0}.spell-wrong-row p{font-size:14px;color:#8c849e;margin:7px 0}.spell-wrong-row span{font-size:12px;color:#aaa0b5}.spell-memory-word{text-align:center;margin:20px 0 26px}.spell-memory-word h2{font-size:35px;color:#645080;overflow-wrap:anywhere}.spell-memory-word p{font-size:14px;color:#958aa6}.spell-streak{display:flex;justify-content:center;gap:10px;margin:23px 0}.spell-streak span{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#eee9fa;color:#b2a4d0;font-size:14px}.spell-streak span.filled{background:#8264ed;color:#fff}.spell-keyboard{margin-top:20px}.spell-keyboard .vocab-keyboard{display:block;position:static;background:#f4efff}.spelling-active #app{background:radial-gradient(ellipse at top,#efeaff 0,transparent 65%)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes spell-good{50%{box-shadow:0 0 0 8px #5ddd9f22}}@keyframes spell-shake{25%,75%{transform:translateX(-3px)}50%{transform:translateX(3px)}}@media(max-width:800px){.spell-unit-grid{grid-template-columns:1fr}.spell-settings{grid-template-columns:1fr 1fr}.spell-settings>div{grid-column:1/-1}.spell-stats>div{padding:18px 13px}.spell-stats strong{font-size:25px}.spell-wrong-row{align-items:flex-start;flex-direction:column;gap:12px}}@media(max-width:550px){.spell-hero{padding:24px 20px}.spell-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.spell-settings{grid-template-columns:1fr;gap:20px}.spell-arena{padding:24px 17px;margin:12px 0}.spell-arena-top{flex-direction:column;gap:8px}.spell-arena h1{font-size:24px}.spell-arena input#spell-input{font-size:20px;min-height:86px;padding:22px 8px}.spell-arena input#spell-input::placeholder{font-size:14px}.spell-controls button{min-width:120px;font-size:13px}.spell-chapter-title h2{font-size:16px}.spell-unit{gap:8px;padding:16px 12px}.spell-unit h3{font-size:14px}.spell-unit-actions .btn{font-size:12px;padding:8px 10px}.spell-memory-word h2{font-size:28px}.spell-answer{grid-template-columns:1fr}.spell-answer button{justify-self:start}.spell-hud{gap:8px;font-size:12px}.spell-links a{padding:8px 13px;font-size:13px}}@media(prefers-reduced-motion:reduce){.spell-arena input#spell-input.spell-correct,.spell-arena input#spell-input.spell-wrong{animation:none}}
.spell-settings,.spell-chapter,.spell-result,.spell-review,.spell-wrongbook{padding:26px}@media(max-width:550px){.spell-settings,.spell-chapter,.spell-result,.spell-review,.spell-wrongbook{padding:18px}}
.spell-native-player{display:none;position:fixed;bottom:14px;right:18px;z-index:70;width:min(420px,calc(100vw - 36px));padding:14px 18px;border:1px solid #dfd4fb;border-radius:18px;background:#fff;box-shadow:0 7px 30px #51428c24}.spelling-player-visible .spell-native-player{display:grid;gap:8px}.spell-native-player strong{font-size:13px;color:#7560a4}.spell-native-player audio{display:block;width:100%;height:42px}.spell-native-player>span{font-size:12px;color:#92869e}.spelling-player-visible{padding-bottom:135px}@media(max-width:550px){.spell-native-player{bottom:10px;right:12px;width:calc(100vw - 24px);padding:11px 14px}}