.study-tools{grid-template-columns:repeat(3,minmax(0,1fr))}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#spelling-view{max-width:940px;margin:auto;color:#405d49}.spell-heading h1{font-size:clamp(28px,5vw,38px);margin:22px 0 14px}.spell-heading p{color:#748369;line-height:1.8;overflow-wrap:anywhere}
.spell-panel,.spell-result{max-width:760px;margin:28px auto;background:#fffdf7;border:1px solid #dce4d2;border-radius:24px;padding:28px}.spell-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:14px}.spell-toolbar label{display:flex;align-items:center;gap:10px}.spell-toolbar select{padding:10px;border:1px solid #dce4d2;border-radius:10px;color:inherit;background:#fff;font:inherit;max-width:100%}
.spell-prompt{text-align:center;padding:22px 0}.spell-paw{font-size:32px;display:block;text-align:center}.spell-prompt h2{font-size:clamp(25px,5vw,35px);line-height:1.7;margin:14px 0 20px;overflow-wrap:anywhere}.spell-prompt p{font-size:14px;color:#748369}.spell-prompt .secondary-button{width:auto;display:inline-block}
#spelling-form>label{font-size:14px;font-weight:700}#spelling-input{width:100%;padding:16px;margin-top:10px;border:1.5px solid #b9c9ab;border-radius:12px;color:#405d49;background:#fff;font:inherit;font-size:24px;min-width:0;box-sizing:border-box}#spelling-input:disabled{background:#f1f3e9;opacity:1;color:#557c62}#spelling-rule{font-size:12px;color:#748369;line-height:1.8}#spelling-feedback{min-height:30px;font-size:14px;line-height:1.8;color:#557c62;margin:16px 0}#spelling-status{color:#a0674c;line-height:1.8;text-align:center;min-height:24px}
.spell-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0}.spell-actions .primary-button{flex:1;min-width:160px}.spell-answer{display:flex;flex-direction:column;align-items:center;gap:14px;background:#f1f3e9;border:1px dashed #bccdaf;border-radius:16px;padding:24px;text-align:center}.spell-answer strong{font-size:30px;overflow-wrap:anywhere;max-width:100%}.spell-answer span{line-height:1.8}.spell-answer .secondary-button{width:auto}
.spell-result{text-align:center;line-height:1.9}.spell-result h2{font-size:24px}.spell-result .review-tags{margin-bottom:24px}.spell-result .cards-actions a{display:inline-block;text-decoration:none}.spell-result>.primary-button{display:block;text-decoration:none}
.review-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:28px 0}.review-options section{display:flex;flex-direction:column;border:1px solid #dce4d2;border-radius:20px;background:#fffdf7;padding:26px}.review-options section>span{font-size:32px;color:#789675}.review-options h2{font-size:22px;margin:14px 0}.review-options p{font-size:14px;color:#748369;line-height:1.9;flex:1}.review-options a{display:block;text-align:center;text-decoration:none}.review-due-list{padding:24px;border:1px solid #dce4d2;border-radius:20px;background:#f1f3e9}.review-due-list h2{font-size:20px;margin-top:0}.review-due-list>div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #dce4d2;line-height:1.7}.review-due-list>div strong{overflow-wrap:anywhere;min-width:0}.review-due-list>div span{max-width:65%;text-align:right;overflow-wrap:anywhere}.review-due-list>p{color:#748369;line-height:1.8}
#spelling-view button:disabled{opacity:.5;cursor:default}#spelling-view :is(input,select,button):focus-visible{outline:3px solid #789675;outline-offset:3px}
@media(max-width:900px){.mode-grid{grid-template-columns:1fr}.study-tools{grid-template-columns:1fr}}
@media(max-width:600px){.spell-panel,.spell-result{padding:20px 16px}.spell-toolbar label{width:100%;justify-content:space-between}.spell-toolbar select{min-width:0}.spell-prompt{padding:18px 0}.review-options{grid-template-columns:1fr}.review-options section{padding:20px}.review-due-list{padding:18px}#spelling-input{font-size:21px}.spell-heading p{font-size:14px}.spell-result .cards-actions>*{width:100%;text-align:center}}
@media(max-width:600px){.spell-toolbar{gap:10px}.spell-toolbar label{width:auto;max-width:100%;font-size:12px;gap:6px}.spell-toolbar select{padding:8px;max-width:180px}.spell-prompt{padding:12px 0}.spell-prompt .spell-paw{font-size:25px}.spell-prompt p{margin:8px 0}.spell-prompt h2{margin:8px 0 14px;font-size:27px}#spelling-feedback{min-height:20px;margin:8px 0}.spell-actions{margin:10px 0}#spelling-input{padding:12px}}