:root{color:#34473d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--page-glow:#e1ebe2d9;background:#f5f3ec;font-family:Inter,ui-rounded,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% 0%, var(--page-glow), transparent 42%), #f5f3ec;min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}.app-shell{width:min(100% - 40px,920px);margin:0 auto;padding:56px 0 72px}.home-screen{box-sizing:border-box;place-content:center;min-height:100svh;display:grid}.data-state{color:#53665b;text-align:center;place-content:center;min-height:100svh;font-size:1.25rem;font-weight:700;display:grid}.inline-data-state{min-height:280px}.welcome{text-align:center;margin-bottom:42px}.eyebrow{color:#8c6546;letter-spacing:.13em;text-transform:uppercase;margin:0 0 8px;font-size:.82rem;font-weight:750}.welcome h1,.screen-header h1{color:#24372e;letter-spacing:-.035em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.4rem,6vw,4rem);font-weight:600;line-height:1.05}.welcome>p:last-child{color:#6b766f;margin:14px 0 0;font-size:1.1rem}.main-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.menu-button{color:#2d4036;min-height:112px;font:inherit;text-align:left;cursor:pointer;background:#ffffffe0;border:1px solid #dbe1dc;border-radius:22px;grid-template-columns:52px 1fr 24px;align-items:center;gap:16px;padding:20px 24px;font-size:1.15rem;font-weight:700;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid;box-shadow:0 8px 28px #34463c12}.menu-button:hover{border-color:#a9baaf;transform:translateY(-2px);box-shadow:0 12px 34px #34463c1c}.menu-button:focus-visible,.back-button:focus-visible,.vocabulary-filter select:focus-visible,.speaker-button:focus-visible{outline-offset:3px;outline:3px solid #d6a66f}.menu-icon{color:#456052;background:#edf3ee;border-radius:16px;place-items:center;width:52px;height:52px;font-family:Georgia,Times New Roman,serif;font-size:1.35rem;font-weight:700;display:grid}.arrow{color:#9ca8a1;font-size:2rem;font-weight:400}.screen-header{text-align:center;margin-bottom:36px;padding-top:56px;position:relative}.vocabulary-screen{width:min(96vw,1800px)}.back-button{color:#405348;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d9e0da;border-radius:14px;padding:8px 16px;font-weight:700;position:absolute;top:0;left:0}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.vocabulary-filters{flex-wrap:wrap;justify-content:center;gap:16px;margin:0 auto 28px;display:flex}.vocabulary-filter{color:#405348;gap:9px;width:min(100%,300px);font-weight:750;display:grid}.vocabulary-filter select{color:#2f4438;min-height:50px;font:inherit;cursor:pointer;background:#fff;border:2px solid #d2dcd4;border-radius:15px;padding:10px 44px 10px 16px}.vocabulary-grid{grid-template-columns:repeat(auto-fill,280px);justify-content:center;gap:20px;display:grid}.vocabulary-card{aspect-ratio:1;background:#fff;border:1px solid #d3d9d4;border-radius:14px;flex-direction:column;width:280px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 28px #34463c14}.vocabulary-image-wrap{background:#edf2ed;flex:0 0 78.571%;min-height:0;position:relative}.vocabulary-image{object-fit:cover;width:100%;height:100%;display:block}.vocabulary-label{color:#fff;letter-spacing:.015em;overflow-wrap:anywhere;text-align:center;text-wrap:balance;text-transform:uppercase;background:#707070;flex:auto;place-items:center;min-width:0;padding:6px 10px;font-size:clamp(1.2rem,1.25vw,1.58rem);font-weight:700;line-height:.98;display:grid}.speaker-button{color:#26372f;width:44px;height:44px;font:inherit;cursor:pointer;background:#ffffffeb;border:2px solid #ffffffe6;border-radius:50%;place-items:center;font-size:1.1rem;display:grid;position:absolute;bottom:10px;right:10px;box-shadow:0 6px 18px #23312929}.speaker-icon{width:22px;height:22px;display:block}.speaker-button:hover{background:#fff;transform:translateY(-1px)}.vocabulary-empty{color:#64736a;text-align:center;place-items:center;min-height:180px;margin:18px auto;font-size:1.2rem;font-weight:750;display:grid}.learning-card,.placeholder-panel{background:#ffffffe6;border:1px solid #dce2dd;border-radius:22px;box-shadow:0 8px 28px #34463c0f}.learning-card{overflow:hidden}.image-placeholder{color:#758278;text-align:center;background:#e9f0e9;place-content:center;gap:6px;min-height:150px;padding:16px;display:grid}.image-placeholder span{font-weight:700}.image-placeholder small,.sentence-card small{color:#89958c;word-break:break-all}.card-copy{padding:22px}.card-copy h2,.placeholder-panel h2{color:#293d32;margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.55rem}.card-copy p,.placeholder-panel p{color:#6d7871;margin:7px 0 0}.placeholder-panel{text-align:center;padding:70px 28px}.placeholder-panel>span{color:#b2875f;margin-bottom:20px;font-size:3rem;display:block}.settings-panel{background:#ffffffe6;border:1px solid #dce2dd;border-radius:24px;max-width:680px;margin:0 auto;padding:34px;box-shadow:0 8px 28px #34463c0f}.settings-heading{align-items:center;gap:18px;margin-bottom:30px;display:flex}.settings-heading>span{color:#52705e;background:#e8f0ea;border-radius:17px;flex:none;place-items:center;width:56px;height:56px;font-size:1.6rem;display:grid}.settings-heading h2{color:#293d32;margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.55rem}.settings-heading p{color:#6d7871;margin:6px 0 0}.setting-field{color:#405348;gap:9px;margin-top:22px;font-weight:750;display:grid}.setting-field select{color:#2f4438;width:100%;min-height:56px;font:inherit;cursor:pointer;background:#fff;border:2px solid #d2dcd4;border-radius:15px;padding:10px 44px 10px 16px}.setting-field select:focus-visible{outline-offset:2px;outline:3px solid #d6a66f}.sentence-difficulty-row{grid-template-columns:minmax(160px,1fr) minmax(220px,1.4fr);align-items:center;gap:14px}.voice-warning{color:#785d38;background:#fff6e6;border-radius:12px;margin:10px 0 0;padding:10px 14px}.test-voice-button{margin-top:28px}.settings-divider{background:#dfe5e0;height:1px;margin:34px 0}.difficulty-heading{margin-bottom:8px}.sentence-session{width:min(100% - 40px,1040px);min-height:100svh}.word-training-session{width:min(100% - 40px,1180px);min-height:100svh}.word-training-prep{place-content:center;min-height:100svh;display:grid;position:relative}.prep-home-button{top:34px}.prep-panel{text-align:center;background:#ffffffeb;border:1px solid #dce2dd;border-radius:28px;width:min(100%,620px);padding:38px;box-shadow:0 10px 34px #34463c12}.prep-panel h1{color:#24372e;letter-spacing:-.035em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.4rem,6vw,4rem);font-weight:600;line-height:1.05}.prep-fields{text-align:left;gap:20px;margin:34px 0;display:grid}.prep-note{color:#64736a;margin:-12px 0 22px;font-weight:700}.prep-start-button{width:min(100%,300px)}.session-header{grid-template-columns:140px minmax(180px,340px) 140px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:grid}.session-progress{color:#405348;text-align:center}.progress-track{background:#dfe7e1;border-radius:999px;height:8px;margin-top:9px;overflow:hidden}.progress-track span{border-radius:inherit;background:#789783;height:100%;transition:width .25s;display:block}.quiet-action,.primary-action,.secondary-action{min-height:50px;font:inherit;cursor:pointer;border-radius:15px;padding:11px 20px;font-weight:750}.quiet-action,.secondary-action{color:#43574b;background:#ffffffe0;border:1px solid #d5ded7}.exercise-panel{background:#ffffffe6;border:1px solid #dce2dd;border-radius:28px;padding:28px;box-shadow:0 10px 34px #34463c12}.word-training-panel{background:#ffffffe6;border:1px solid #dce2dd;border-radius:28px;padding:30px;box-shadow:0 10px 34px #34463c12}.training-word-prompt{text-align:center;margin-bottom:26px}.training-word-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.training-word-row h1{color:#24372e;letter-spacing:-.035em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.4rem,7vw,4.5rem);font-weight:700;line-height:1}.listening-prompt>.eyebrow:not(.listening-instruction){display:none}.prompt-speaker-button{color:#26372f;width:58px;height:58px;font:inherit;cursor:pointer;background:#fff;border:2px solid #d7e0d9;border-radius:50%;place-items:center;font-size:1.35rem;display:grid;box-shadow:0 6px 18px #23312914}.prompt-speaker-button .speaker-icon{width:28px;height:28px}.large-speaker-button{width:132px;height:132px;margin:4px auto 0}.large-speaker-button .speaker-icon{width:60px;height:60px}.training-image-options{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),220px));justify-content:center;gap:18px;width:100%;display:grid}.training-image-options.training-options-4{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),220px))}.training-image-options.training-options-6{grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),230px))}.training-image-options.training-options-8{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),220px))}.training-image-option{box-sizing:border-box;cursor:pointer;background:0 0;border:3px solid #0000;min-width:0;max-width:100%;padding:0}.training-image-option:disabled,.training-word-option:disabled{cursor:default}.training-image-card{box-sizing:border-box;aspect-ratio:560/440;background:#edf2ed;border:1px solid #d3d9d4;border-radius:14px;width:100%;max-width:100%;margin:0 auto;display:block;overflow:hidden;box-shadow:0 8px 24px #34463c12}.training-target-card-wrap{justify-items:center;gap:16px;margin-bottom:24px;display:grid;position:relative}.hidden-training-target{display:none}.training-target-card{aspect-ratio:560/440;background:#edf2ed;border:1px solid #d3d9d4;border-radius:14px;width:min(100%,560px);overflow:hidden;box-shadow:0 8px 24px #34463c12}.training-card-image{object-fit:contain;width:100%;height:100%;display:block}.training-word-options{grid-template-columns:repeat(auto-fit,minmax(150px,220px));justify-content:center;gap:14px;padding:10px 0;display:grid}.training-word-options.training-options-4{grid-template-columns:repeat(4,minmax(150px,220px))}.training-word-options.training-options-6{grid-template-columns:repeat(3,minmax(160px,230px))}.training-word-options.training-options-8{grid-template-columns:repeat(4,minmax(150px,220px))}.training-word-option{color:#2f4438;min-height:62px;font:inherit;text-transform:uppercase;cursor:pointer;background:#fff;border:2px solid #ccd8cf;border-radius:16px;padding:13px 24px;font-size:1.25rem;font-weight:700;transition:transform .15s,border-color .18s,background .18s;box-shadow:0 4px 10px #34463c0f}.position-options .training-word-option{text-transform:none;font-weight:650}.training-image-option:hover:not(:disabled),.training-word-option:hover:not(:disabled),.prompt-speaker-button:hover{transform:translateY(-2px)}.compact-success{min-height:auto;margin:0 0 22px;font-size:clamp(1.8rem,4vw,2.8rem)}.completed-word{color:#2d4036;text-align:center;margin:-8px 0 22px;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700}.listening-feedback-image{aspect-ratio:560/440;background:#edf2ed;border:1px solid #d3d9d4;border-radius:14px;width:min(100%,340px);margin:-8px auto 24px;overflow:hidden;box-shadow:0 8px 24px #34463c12}.typing-answer-area{justify-items:center;gap:16px;margin:24px auto 0;display:grid}.typing-answer-input{color:#263b31;width:min(100%,620px);min-height:70px;font:inherit;text-align:center;background:#fff;border:2px solid #ccd8cf;border-radius:18px;padding:14px 20px;font-size:clamp(1.4rem,4vw,2.1rem);font-weight:700}.typing-answer-input:focus-visible{outline-offset:3px;outline:3px solid #d6a66f}.typing-error{background:#fff9ed;border-color:#d5b27d;animation:.32s gentle-nudge}.typing-hint{color:#785d38;text-align:center;background:#fff6e6;border-radius:14px;margin:0;padding:10px 16px;font-weight:750}.typing-correct-answer{justify-items:center;gap:8px;min-width:min(100%,420px);padding:16px 22px 18px;display:grid}.typing-correct-label{font-size:1rem;font-weight:650}.typing-correct-word{text-align:center;font-size:clamp(2.7rem,8vw,5.3rem);font-weight:800;line-height:1}.assisted-model-answer{color:#2c4035;width:fit-content;max-width:100%;box-shadow:none;text-align:center;background:0 0;border:0;justify-items:center;gap:8px;padding:16px 24px 18px;font-weight:750;display:grid}.assisted-model-answer strong,.assisted-model-answer .typing-correct-word{color:#2c4035;font-size:clamp(1.8rem,4.25vw,3.05rem);font-weight:800;line-height:1.12}.assisted-model-answer strong{font-family:Inter,ui-rounded,Segoe UI,system-ui,sans-serif;font-weight:650}.typing-correct-answer.assisted-model-answer .typing-correct-word{font-size:clamp(2.55rem,7.65vw,4.75rem)}.check-answer-button{width:min(100%,260px)}.sentence-image{object-fit:contain;background:#edf2ed;border-radius:20px;width:100%;height:clamp(260px,43vh,460px);display:block}.position-question-block{text-align:center;margin:26px 0 6px}.position-question-block h1{color:#24372e;letter-spacing:-.035em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,5vw,3.4rem);font-weight:700;line-height:1.08}.position-answer-line{margin-top:18px}.position-options{margin-top:12px}.answer-line{color:#2c4035;text-align:center;border-bottom:3px solid #b7c5bb;flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;min-height:84px;margin:26px 0 22px;padding:16px 18px;font-family:Inter,ui-rounded,Segoe UI,system-ui,sans-serif;font-size:clamp(1.35rem,3vw,2rem);font-weight:500;line-height:1.3;display:flex}.answer-line>span:not(.answer-prompt){padding:5px 2px;font-weight:500}.answer-line strong{font-family:inherit;font-size:inherit;font-weight:600}.answer-prompt{color:#929c95;font-family:Inter,ui-rounded,Segoe UI,system-ui,sans-serif;font-size:1rem}.answer-complete{background:#f1f7f1;border-color:#86a88e}.guided-sentence{color:#2c4035;text-align:center;border-bottom:3px solid #b7c5bb;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;min-height:100px;margin:26px 0 18px;padding:18px;font-family:Inter,ui-rounded,Segoe UI,system-ui,sans-serif;font-size:clamp(1.35rem,3vw,2rem);font-weight:500;line-height:1.3;display:flex}.guided-sentence strong{font-family:inherit;font-size:inherit;font-weight:600}.sentence-blank{color:#405348;min-width:96px;min-height:48px;font:inherit;cursor:pointer;background:#fff;border:2px solid #c8d5cc;border-radius:14px;padding:6px 16px;font-weight:600}.sentence-blank:disabled{cursor:default;opacity:1}.sentence-blank-filled{background:#f1f7f1;border-color:#91a798}.sentence-writing-input{color:#405348;width:clamp(110px,18vw,190px);min-height:50px;font:inherit;text-align:center;background:#fff;border:2px solid #c8d5cc;border-radius:14px;padding:6px 14px;font-weight:600}.sentence-writing-input:focus-visible{outline-offset:3px;outline:3px solid #d6a66f}.guided-writing-correction{color:#785d38;text-align:center;background:#fff6e6;border-radius:14px;justify-items:center;gap:6px;width:fit-content;max-width:100%;margin:0 auto 18px;padding:12px 18px;font-weight:700;display:grid}.guided-writing-correction strong{color:#3f4f45;font-size:clamp(1.35rem,3vw,2rem)}.guided-writing-correction.assisted-model-answer strong{font-size:clamp(1.7rem,4.25vw,2.9rem)}.free-writing-area{justify-items:center;gap:18px;margin:26px auto 0;display:grid}.free-writing-input{resize:vertical;color:#263b31;width:min(100%,720px);min-height:132px;font:inherit;background:#fff;border:2px solid #ccd8cf;border-radius:18px;padding:18px 20px;font-size:clamp(1.25rem,3vw,1.8rem);font-weight:600;line-height:1.35}.free-writing-input:focus-visible{outline-offset:3px;outline:3px solid #d6a66f}.free-writing-correction{color:#785d38;text-align:center;background:#fff6e6;border-radius:14px;justify-items:center;gap:8px;max-width:min(100%,760px);padding:16px 22px 18px;font-weight:700;display:grid}.free-writing-correction strong{color:#2c4035;font-family:Inter,ui-rounded,Segoe UI,system-ui,sans-serif;font-size:clamp(1.7rem,4vw,2.8rem);font-weight:650;line-height:1.15}.free-writing-correction.assisted-model-answer strong{font-size:clamp(1.8rem,4.25vw,3.05rem)}.sentence-writing-check-button{margin:4px auto 0;display:block}.gentle-error-message{color:#785d38;text-align:center;background:#fff6e6;border-radius:14px;margin:0 auto 12px;padding:10px 16px;font-weight:750}.typing-hint.assisted-model-answer,.guided-writing-correction.assisted-model-answer,.free-writing-correction.assisted-model-answer,.gentle-error-message.assisted-model-answer{color:#2c4035;box-shadow:none;background:0 0;border:0}.typing-hint.assisted-model-answer,.gentle-error-message.assisted-model-answer{padding:8px 10px}.typing-hint.assisted-model-answer .typing-correct-label{color:#64736a;font-size:.98rem;font-weight:650}.word-pool{flex-wrap:wrap;place-content:center;gap:14px;min-height:150px;padding:18px;display:flex}.word-tile{color:#2f4438;min-height:58px;font:inherit;cursor:pointer;background:#fff;border:2px solid #ccd8cf;border-radius:16px;padding:12px 22px;font-size:1.2rem;font-weight:650;transition:opacity .18s,transform .15s,border-color .18s,background .18s;box-shadow:0 4px 10px #34463c0f}.word-tile:hover:not(:disabled){border-color:#91a798;transform:translateY(-2px)}.word-tile:focus-visible,.sentence-blank:focus-visible,.quiet-action:focus-visible,.primary-action:focus-visible,.secondary-action:focus-visible,.prompt-speaker-button:focus-visible,.training-image-option:focus-visible,.training-word-option:focus-visible{outline-offset:3px;outline:3px solid #d6a66f}.word-tile:disabled{opacity:0;pointer-events:none}.correct-hint-glow,.tile-hint{box-sizing:border-box;background:#effaff;animation:1.6s ease-in-out infinite correct-hint-pulse;box-shadow:0 0 0 4px #38bdf840,0 0 22px #38bdf8a6;border-color:#38bdf8!important}.wrong-answer-glow,.tile-error,.typing-error{box-sizing:border-box;background:#fff9ed;animation:.32s gentle-nudge;box-shadow:0 0 0 4px #f59e0b2e,0 0 18px #f59e0b85;border-color:#f59e0b!important}.typing-correct-answer.correct-hint-glow,.guided-writing-correction.correct-hint-glow,.free-writing-correction.correct-hint-glow,.gentle-error-message.correct-hint-glow{border:3px solid #38bdf8}.training-image-option.correct-hint-glow,.training-image-option.tile-hint,.training-image-option.wrong-answer-glow,.training-image-option.tile-error{box-shadow:none;background:0 0;border-radius:16px;border-color:#0000!important}.training-image-option.correct-hint-glow,.training-image-option.tile-hint{animation:none}.training-image-option.correct-hint-glow .training-image-card,.training-image-option.tile-hint .training-image-card{border-radius:inherit;border-color:#38bdf8;animation:1.6s ease-in-out infinite correct-hint-pulse;box-shadow:0 0 0 4px #38bdf840,0 0 22px #38bdf8a6}.training-image-option.wrong-answer-glow .training-image-card,.training-image-option.tile-error .training-image-card{border-radius:inherit;border-color:#f59e0b;box-shadow:0 0 0 4px #f59e0b2e,0 0 18px #f59e0b85}@keyframes correct-hint-pulse{0%,to{box-shadow:0 0 0 4px #38bdf840,0 0 22px #38bdf8a6}50%{box-shadow:0 0 0 6px #38bdf852,0 0 30px #38bdf8c7}}@media (prefers-reduced-motion:reduce){.correct-hint-glow,.tile-hint{animation:none}}.success-message{color:#52755d;place-items:center;min-height:150px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,5vw,3.4rem);font-weight:700;display:grid}.session-finish{text-align:center;place-content:center;justify-items:center;min-height:100svh;display:grid}.session-finish h1{color:#24372e;margin:4px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.4rem,6vw,4rem)}.finish-mark{color:#52755d;background:#e3eee5;border-radius:50%;place-items:center;width:86px;height:86px;margin-bottom:24px;font-size:2.5rem;display:grid}.finish-summary{color:#68766e;margin:18px 0 32px;font-size:1.2rem}.session-results{width:min(100% - 40px,760px)}.results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(100%,620px);margin:22px 0 28px;display:grid}.result-card{background:#ffffffe6;border:1px solid #dce2dd;border-radius:18px;justify-items:center;gap:7px;padding:15px 16px;display:grid}.result-card span{color:#68766e;font-size:.92rem;font-weight:750}.result-card strong{color:#293d32;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.55rem,3.6vw,2.35rem);line-height:1}.result-card-primary{background:#eef6ef;grid-column:1/-1}.result-card-primary strong{font-size:clamp(2.2rem,6vw,3.4rem)}.finish-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.primary-action{color:#fff;background:#52755d;border:1px solid #52755d}@keyframes gentle-nudge{0%,to{transform:translate(0)}35%{transform:translate(-5px)}70%{transform:translate(5px)}}@media (width<=680px){.app-shell{width:min(100% - 28px,920px);padding-top:36px}.main-menu,.card-grid{grid-template-columns:1fr}.vocabulary-screen{width:min(100% - 28px,920px)}.vocabulary-filters{grid-template-columns:1fr;display:grid}.vocabulary-filter{width:100%}.vocabulary-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.vocabulary-card{justify-self:center;width:100%;max-width:280px}.vocabulary-label{font-size:clamp(1.05rem,5.2vw,1.42rem)}.menu-button{min-height:92px}.screen-header{padding-top:64px}.sentence-session{width:min(100% - 24px,1040px)}.word-training-session{width:min(100% - 24px,1180px)}.word-training-prep{align-content:start;padding-top:92px}.prep-panel{padding:28px 18px}.session-header{grid-template-columns:1fr 1fr;gap:12px}.session-progress{grid-area:1/1/auto/-1;margin-bottom:4px}.exercise-panel{padding:14px}.word-training-panel{padding:16px}.large-speaker-button{width:106px;height:106px}.large-speaker-button .speaker-icon{width:48px;height:48px}.training-image-options{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px}.training-image-options.training-options-4,.training-image-options.training-options-6,.training-image-options.training-options-8,.training-word-options.training-options-4,.training-word-options.training-options-6,.training-word-options.training-options-8{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.training-image-card,.training-target-card{max-width:220px}.listening-feedback-image{width:min(100%,280px)}.training-word-options{grid-template-columns:1fr}.training-word-option{width:100%;min-height:56px;font-size:1.05rem}.settings-panel{padding:24px 18px}.sentence-difficulty-row{grid-template-columns:1fr}.sentence-image{height:clamp(220px,38vh,360px)}.word-pool{gap:10px;padding:10px 2px}.word-tile{min-height:54px;padding:10px 17px;font-size:1.08rem}}