.spelling-focus-page{min-height:100dvh;padding:32px 28px;background:#fcfcfd;color:#17243b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}.spelling-focus-shell{width:min(100%,920px);min-height:calc(100dvh - 64px);margin:0 auto;display:flex;flex-direction:column}.spelling-focus-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;flex-shrink:0}.spelling-focus-header h1{margin:0;color:#647084;font-size:14px;font-weight:500;letter-spacing:.08em}.spelling-focus-back{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:8px 0;color:#707b8c;font-size:14px}.spelling-focus-header .spelling-focus-count{justify-self:end;padding:0;background:none;border:0;box-shadow:none;border-radius:0;color:#677285;font-size:14px;font-weight:500;font-variant-numeric:tabular-nums}.spelling-focus-progress{grid-column:1/-1;height:3px;margin-top:-6px;overflow:hidden;background:#edf0f5;border-radius:4px}.spelling-focus-progress span{display:block;height:100%;background:#5678de;transition:width .18s ease}.spelling-focus-practice{flex:1;display:flex;flex-direction:column;min-width:0;padding:32px 0 12px}.spelling-focus-center{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:24px 0 48px}.spelling-focus-meaning{max-width:760px;font-size:clamp(22px,2.4vw,30px);font-weight:550;line-height:1.65;text-align:center;text-wrap:pretty}.spelling-focus-audio{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin:12px 0 20px;padding:6px 12px;color:#778399;border-radius:24px;font-size:13px}.spelling-focus-audio:hover{background:#f0f3f9;color:#4164c8}.spelling-focus-answer{width:min(100%,800px);margin-top:12px;color:#243651;text-align:center}.spelling-focus-input,.spelling-focus-letters{display:block;width:100%;min-height:112px;margin:0;padding:12px 0;border:0;border-radius:0;background:transparent;box-shadow:none;color:inherit;font-family:Arial,Helvetica,sans-serif;font-size:clamp(36px,6vw,72px);font-weight:600;line-height:1.3;letter-spacing:.045em;text-align:center;caret-color:#5474d9}.spelling-focus-input:focus{outline:none;box-shadow:none}.spelling-focus-input:focus-visible{box-shadow:0 1px 0 #e5eaf4}.spelling-focus-input::placeholder,.spelling-focus-placeholder{color:#a4adbc;font-family:inherit;font-size:clamp(24px,3vw,34px);font-weight:400;letter-spacing:.035em}.spelling-focus-letters{overflow-wrap:anywhere}.spelling-focus-letter-stage{position:relative;display:grid}.spelling-focus-letter-stage>*{grid-area:1/1}.spelling-focus-letter-stage .spelling-focus-input,.spelling-focus-letter-stage .spelling-focus-letters{font-size:var(--spelling-font-size)!important}.spelling-focus-correction{pointer-events:none;white-space:pre-wrap;animation:spelling-correction-in .22s ease-out}.spelling-focus-correction [data-status=correct]{color:#16815e}.spelling-focus-correction [data-status=wrong]{color:#cf404c}.spelling-focus-correction [data-status=missing]{color:#bd850d}.spelling-focus-answer[data-feedback=wrong] .spelling-focus-input,.spelling-focus-answer[data-feedback=wrong] .spelling-focus-letter-stage>.spelling-focus-letters:not(.spelling-focus-correction){color:transparent;caret-color:transparent;box-shadow:none}.spelling-focus-answer[data-feedback=wrong] .spelling-focus-input::placeholder,.spelling-focus-answer[data-feedback=wrong] .spelling-focus-placeholder{color:transparent}@keyframes spelling-correction-in{0%{opacity:.2;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.spelling-focus-answer[data-feedback=correct]{color:#16815e}.spelling-focus-answer[data-feedback=wrong]{color:#c64a50}.spelling-focus-feedback{min-height:28px;margin-top:20px;color:#929bac;font-size:14px;line-height:1.6}.spelling-focus-actions{display:flex;flex-direction:column;align-items:center;gap:14px;margin:0 auto 36px}.spelling-focus-submit{min-width:220px;min-height:50px;padding:12px 40px;border-radius:14px;background:#315ecf;color:#fff;font-size:16px;font-weight:600;transition:background .15s}.spelling-focus-submit:hover{background:#244db4}.spelling-focus-submit:disabled{background:#edf0f5;color:#a0a9b8;cursor:default}.spelling-focus-shortcut{color:#949dab;font-size:12px}.spelling-focus-tools{display:flex;align-items:center;justify-content:center;gap:14px;color:#a4adba;font-size:12px}.spelling-focus-tools button{min-height:36px;padding:6px;color:#818c9c}.spelling-focus-tools button:hover{color:#315ecf}.spelling-focus-back:focus-visible,.spelling-focus-page button:focus-visible{outline:2px solid #7895e5;outline-offset:4px}.spelling-focus-touch .spelling-focus-center{padding-bottom:16px}.spelling-focus-touch .spelling-focus-practice{padding-bottom:360px}.spelling-focus-touch .spelling-mobile-keyboard{max-width:680px;left:50%;right:auto;transform:translateX(-50%);border-radius:16px 16px 0 0}@media (max-width:640px){.spelling-focus-page{padding:18px 20px}.spelling-focus-shell{min-height:calc(100dvh - 36px)}.spelling-focus-header{gap:16px}.spelling-focus-back,.spelling-focus-header .spelling-focus-count,.spelling-focus-header h1{font-size:12px}.spelling-focus-practice{padding-top:16px}.spelling-focus-center{padding:16px 0 28px}.spelling-focus-audio{margin:6px 0 10px}.spelling-focus-input,.spelling-focus-letters{min-height:88px;font-size:42px}.spelling-focus-feedback{margin-top:10px;font-size:12px}.spelling-focus-actions{margin-bottom:18px}.spelling-focus-touch .spelling-focus-practice{padding-bottom:330px}}.spelling-loading-skeleton .spelling-focus-center{padding-bottom:16px}.spelling-loading-skeleton .spelling-focus-practice{padding-bottom:360px}.spelling-loading-skeleton .spelling-focus-actions{display:none}@media (max-width:640px){.spelling-loading-skeleton .spelling-focus-practice{padding-bottom:330px}}@media (hover:hover) and (pointer:fine){.spelling-loading-skeleton .spelling-focus-center{padding-bottom:48px}.spelling-loading-skeleton .spelling-focus-practice{padding-bottom:12px}.spelling-loading-skeleton .spelling-focus-actions{display:flex}}@media (prefers-reduced-motion:reduce){.spelling-focus-progress span{transition:none}.spelling-focus-correction{animation:none}}