.fi-wrap{max-width:580px;margin:1.5rem auto;font-family:inherit;user-select:none}.fi-tabs{display:flex;gap:4px;padding:0 8px}.fi-tab{flex:1;padding:8px 4px;border:2px solid #d8eef8;border-bottom:none;background:#f0f9fe;border-radius:10px 10px 0 0;font-weight:700;cursor:pointer;color:#aaa;font-size:.82rem;transition:.15s;text-align:center}.fi-tab.active{background:#fff;color:#00a0e9;padding-bottom:10px;z-index:2}.fi-box{background:#fff;border:2px solid #d8eef8;border-radius:0 0 16px 16px;padding:1.2rem;box-shadow:0 4px #d8eef8;min-height:380px}.fi-wrap:not(:has(.fi-tabs)) .fi-box{border-radius:16px}.fi-progress-bar{background:#e5e5e5;height:12px;border-radius:8px;overflow:hidden;margin-bottom:8px}.fi-progress-fill{background:#00a0e9;height:100%;width:0%;transition:width .4s}.fi-stats{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:6px}.fi-count{font-size:1rem;color:#666}.fi-controls{display:flex;gap:5px;flex-wrap:wrap}.fi-btn{background:#fff;border:2px solid #d8eef8;border-bottom:3px solid #d8eef8;border-radius:8px;padding:4px 8px;color:#00a0e9;font-weight:700;cursor:pointer;font-size:.86rem}.fi-wrong-btn{border-color:#ff4b4b!important;color:#ff4b4b!important}.fi-quiz-area{text-align:center}.fi-question-wrap{background:#f0f9fe;border:2px dashed #00a0e9;border-radius:14px;padding:1rem 1.2rem;margin-bottom:.6rem}.fi-jp{font-size:1rem;color:#555;margin-bottom:.5rem;line-height:1.6}.fi-display{font-size:1.4rem;font-weight:800;line-height:1.6;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.3em}.fi-display-text{color:#222}.fi-blank-box{display:inline-flex;align-items:center;gap:.3em}.fi-blank{display:inline-block;min-width:2.4em;border-bottom:3px solid #00a0e9;text-align:center;font-size:1.4rem;font-weight:800;color:#00a0e9;padding:0 .2em}.fi-blank.filled-correct{color:#3a8c00;border-color:#78c800}.fi-blank.filled-wrong{color:#c20;border-color:#ff4b4b}.fi-speak-btn{background:none;border:none;font-size:1.1rem;cursor:pointer;color:#00a0e9;padding:0 2px;line-height:1;transition:transform .1s}.fi-speak-btn:hover{transform:scale(1.2)}.fi-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:1rem}.fi-choice{padding:14px 10px;border-radius:12px;border:2px solid #d8eef8;border-bottom:3px solid #d8eef8;background:#fff;font-weight:800;cursor:pointer;font-size:1.3rem;transition:.12s;text-align:center}.fi-choice:hover:not(:disabled){border-color:#00a0e9;background:#f0f9fe}.fi-choice.correct{border-color:#78c800!important;background:#f7fff0!important;color:#3a8c00}.fi-choice.wrong{border-color:#ff4b4b!important;background:#fff0f0!important;color:#c20;animation:fiShake .35s}.fi-choice:disabled{cursor:default}.fi-sentence-hint{font-size:.88rem;color:#777;margin-bottom:.5rem;line-height:1.6;font-style:italic}.fi-sentence-display{font-size:1.15rem;font-weight:700;line-height:2;display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;gap:.25em;color:#222}.fi-sentence-blank{display:inline-block;min-width:5em;border-bottom:3px solid #00a0e9;text-align:center;font-size:1.1rem;font-weight:800;color:#00a0e9;padding:0 .3em}.fi-sentence-blank.filled-correct{color:#3a8c00;border-color:#78c800}.fi-sentence-blank.filled-wrong{color:#c20;border-color:#ff4b4b}.fi-s-choices{display:flex;flex-direction:column;gap:8px;margin-top:1rem}.fi-s-choice{width:100%;padding:11px 14px;border-radius:12px;border:2px solid #d8eef8;border-bottom:3px solid #d8eef8;background:#fff;font-weight:700;cursor:pointer;font-size:1rem;transition:.12s;text-align:left;line-height:1.4}.fi-s-choice:hover:not(:disabled){border-color:#00a0e9;background:#f0f9fe}.fi-s-choice.correct{border-color:#78c800!important;background:#f7fff0!important;color:#3a8c00}.fi-s-choice.wrong{border-color:#ff4b4b!important;background:#fff0f0!important;color:#c20;animation:fiShake .35s}.fi-s-choice:disabled{cursor:default}.fi-answer-hint{margin:.8rem 0 0;padding:.6rem 1rem;background:#f0fff0;border:1px solid #78c800;border-radius:8px;font-size:.93rem;color:#3a8c00;text-align:left;line-height:1.6}.fi-next-btn{margin-top:1rem;padding:10px 2.4rem;background:#00a0e9;color:#fff;border:none;border-radius:10px;font-weight:700;font-size:1rem;cursor:pointer;transition:opacity .15s}.fi-next-btn:hover{opacity:.85}.fi-complete{font-size:1.3rem;font-weight:800;background:#f0f9fe;padding:1.2rem;border-radius:14px;border:2px dashed #00a0e9;text-align:center}.fi-footer{display:flex;gap:1rem;margin-top:1.2rem;flex-wrap:wrap;border-top:1px solid #d8eef8;padding-top:.8rem}.fi-reset-btn,.fi-clear-btn{background:none;border:none;color:#00a0e9;font-size:.92rem;cursor:pointer;text-decoration:underline}.fi-input-wrap{margin-top:1rem;display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap}.fi-input{padding:.6rem 1rem;border:2px solid #d8eef8;border-radius:10px;font-size:1.1rem;font-family:inherit;width:220px;text-align:center;outline:none;transition:border-color .15s}.fi-input:focus{border-color:#00a0e9}.fi-input.fi-input-correct{border-color:#78c800;background:#f7fff0;color:#3a8c00}.fi-input.fi-input-wrong{border-color:#ff4b4b;background:#fff0f0;animation:fiShake .35s}.fi-submit-btn{padding:.6rem 1.2rem;background:#00a0e9;color:#fff;border:none;border-radius:10px;font-weight:700;font-size:1rem;cursor:pointer;transition:opacity .15s}.fi-submit-btn:hover{opacity:.85}.fi-hint-text{margin-top:.5rem;font-size:.85rem;color:var(--text-sub, #888);text-align:center}.fi-accents{display:flex;flex-wrap:wrap;gap:4px;background:var(--bg-soft, #f5f5f5);border-radius:8px;padding:8px;margin-top:.6rem;justify-content:center}.fi-accent-btn{min-width:32px;height:32px;border:1px solid var(--border, #d8eef8);background:#fff;color:#333;cursor:pointer;border-radius:4px;font-size:1rem;transition:background .1s}.fi-accent-btn:hover{background:#f0f9fe;border-color:#00a0e9}@keyframes fiShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media(max-width:480px){.fi-tab{font-size:.6rem;padding:6px 2px}.fi-display{font-size:1.1rem}.fi-blank{font-size:1.1rem;min-width:2em}.fi-choice{font-size:1.1rem;padding:12px 8px}.fi-s-choice{font-size:.9rem}.fi-stats{flex-direction:column;align-items:flex-start}}