:root{--iae-primary:#4f46e5;--iae-primary-d:#3730a3;--iae-success:#16a34a;--iae-warning:#d97706;--iae-danger:#dc2626;--iae-gray-50:#f9fafb;--iae-gray-100:#f3f4f6;--iae-gray-200:#e5e7eb;--iae-gray-400:#9ca3af;--iae-gray-600:#4b5563;--iae-gray-800:#1f2937;--iae-radius:12px;--iae-radius-sm:8px;--iae-shadow:0 2px 12px rgba(0,0,0,.10);--iae-shadow-md:0 4px 24px rgba(0,0,0,.14);--iae-font:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--iae-transition:0.22s ease}.iae-app{font-family:var(--iae-font);max-width:860px;margin:0 auto;color:var(--iae-gray-800)}.iae-app-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:18px 0 14px;border-bottom:2px solid var(--iae-gray-200);margin-bottom:20px}.iae-app-title{font-size:1.5rem;font-weight:700;color:var(--iae-primary);margin:0}.iae-user-badge{display:inline-flex;align-items:center;gap:4px;background:var(--iae-gray-100);border-radius:20px;padding:4px 12px;font-size:.85rem;color:var(--iae-gray-600);margin-top:4px}.iae-level-icon{font-size:1rem}.iae-mode-tabs{display:flex;gap:4px;background:var(--iae-gray-100);border-radius:10px;padding:4px}.iae-mode-tab{background:none;border:none;border-radius:8px;padding:6px 14px;font-size:.82rem;font-weight:600;cursor:pointer;color:var(--iae-gray-600);transition:background var(--iae-transition),color var(--iae-transition)}.iae-mode-tab.iae-active,.iae-mode-tab:hover{background:#fff;color:var(--iae-primary);box-shadow:0 1px 4px rgb(0 0 0 / .08)}.iae-panel{background:#fff;border-radius:var(--iae-radius);border:1px solid var(--iae-gray-200);padding:22px;margin-bottom:18px;box-shadow:var(--iae-shadow)}.iae-config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:16px}.iae-field{display:flex;flex-direction:column;gap:6px}.iae-field label{font-size:.82rem;font-weight:600;color:var(--iae-gray-600);letter-spacing:.02em}.iae-field select,.iae-field input[type="text"],.iae-field input[type="number"]{border:1.5px solid var(--iae-gray-200);border-radius:var(--iae-radius-sm);padding:8px 12px;font-size:.9rem;color:var(--iae-gray-800);background:var(--iae-gray-50);transition:border-color var(--iae-transition);width:100%}.iae-field select:focus,.iae-field input:focus{outline:none;border-color:var(--iae-primary);background:#fff}.iae-exercise-types-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin-top:8px}.iae-type-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;border:2px solid var(--iae-gray-200);border-radius:var(--iae-radius-sm);cursor:pointer;transition:border-color var(--iae-transition),background var(--iae-transition);background:var(--iae-gray-50);text-align:center}.iae-type-card input[type="radio"]{display:none}.iae-type-card:hover{border-color:var(--iae-primary);background:#fff}.iae-type-card.iae-type-selected,.iae-type-card:has(input:checked){border-color:var(--iae-primary);background:#eef2ff}.iae-type-icon{font-size:1.4rem}.iae-type-label{font-size:.75rem;font-weight:600;color:var(--iae-gray-600);line-height:1.2}.iae-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 20px;border-radius:var(--iae-radius-sm);border:none;font-size:.9rem;font-weight:600;cursor:pointer;text-decoration:none;transition:background var(--iae-transition),transform .1s,opacity var(--iae-transition);white-space:nowrap}.iae-btn:disabled{opacity:.55;cursor:not-allowed}.iae-btn:active{transform:scale(.97)}.iae-btn-full{width:100%}.iae-btn-sm{padding:6px 14px;font-size:.82rem}.iae-btn-xs{padding:4px 10px;font-size:.78rem}.iae-btn-primary{background:var(--iae-primary);color:#fff}.iae-btn-primary:hover{background:var(--iae-primary-d)}.iae-btn-success{background:var(--iae-success);color:#fff}.iae-btn-success:hover{background:#15803d}.iae-btn-secondary{background:var(--iae-gray-200);color:var(--iae-gray-800)}.iae-btn-secondary:hover{background:var(--iae-gray-400);color:#fff}.iae-btn-ghost{background:#fff0;color:var(--iae-primary);border:1.5px solid var(--iae-primary)}.iae-btn-ghost:hover{background:var(--iae-primary);color:#fff}.iae-btn-suggested{background:linear-gradient(135deg,#7c3aed,var(--iae-primary));color:#fff}.iae-btn-suggested:hover{opacity:.9}.iae-btn-danger{background:var(--iae-danger);color:#fff}.iae-btn-danger:hover{background:#b91c1c}.iae-btn-spinner{animation:iae-spin .8s linear infinite}@keyframes iae-spin{to{transform:rotate(360deg)}}.iae-suggested-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px dashed var(--iae-gray-200)}.iae-suggested-reasoning{font-size:.82rem;color:var(--iae-gray-600);font-style:italic;background:#f5f3ff;border-radius:var(--iae-radius-sm);padding:8px 12px;width:100%}.iae-mode-desc{background:var(--iae-gray-100);border-radius:var(--iae-radius-sm);padding:10px 14px;font-size:.88rem;color:var(--iae-gray-600);margin-bottom:14px}.iae-info-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:var(--iae-radius-sm);padding:10px 14px;font-size:.86rem;color:#1d4ed8;margin-bottom:16px}.iae-personalization-details{border:1px solid var(--iae-gray-200);border-radius:var(--iae-radius-sm);padding:10px 14px;margin-bottom:16px}.iae-personalization-details summary{cursor:pointer;font-size:.88rem;font-weight:600;color:var(--iae-gray-600);list-style:none}.iae-personalization-details summary::marker,.iae-personalization-details summary::-webkit-details-marker{display:none}.iae-personalization-body{padding-top:14px}.iae-eval-counter{text-align:center;font-size:.86rem;color:var(--iae-gray-600);margin-top:10px}.iae-eval-progress-bar{height:6px;background:var(--iae-gray-200);border-radius:3px;margin-top:6px;overflow:hidden}.iae-eval-progress-fill{height:100%;background:var(--iae-primary);border-radius:3px;transition:width .4s ease}.iae-exercise-area{display:grid;grid-template-columns:1fr 1.6fr;gap:18px;margin-bottom:18px}@media (max-width:640px){.iae-exercise-area{grid-template-columns:1fr}}.iae-image-panel{background:#fff;border-radius:var(--iae-radius);border:1px solid var(--iae-gray-200);overflow:hidden;box-shadow:var(--iae-shadow)}.iae-exercise-img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.iae-image-tags{display:flex;flex-wrap:wrap;gap:5px;padding:10px}.iae-tag{display:inline-block;padding:3px 9px;border-radius:20px;font-size:.75rem;font-weight:600}.iae-tag-type{background:#e0e7ff;color:var(--iae-primary)}.iae-tag-lang{background:#dcfce7;color:var(--iae-success)}.iae-tag-level{background:#fef9c3;color:#92400e}.iae-tag-mode{background:#fce7f3;color:#9d174d}.iae-exercise-panel{background:#fff;border-radius:var(--iae-radius);border:1px solid var(--iae-gray-200);padding:20px;box-shadow:var(--iae-shadow);display:flex;flex-direction:column;gap:12px}.iae-instruction{background:var(--iae-gray-100);border-radius:var(--iae-radius-sm);padding:10px 14px;font-size:.88rem;font-weight:600;color:var(--iae-gray-600)}.iae-content-box{background:var(--iae-gray-50);border-left:4px solid var(--iae-primary);padding:12px 16px;border-radius:0 var(--iae-radius-sm) var(--iae-radius-sm) 0;font-size:.95rem;line-height:1.6;white-space:pre-wrap}.iae-question{font-size:.88rem;font-weight:600;color:var(--iae-gray-600);margin:0}.iae-answer-textarea{width:100%;min-height:80px;border:1.5px solid var(--iae-gray-200);border-radius:var(--iae-radius-sm);padding:10px;font-size:.9rem;font-family:var(--iae-font);resize:vertical;transition:border-color var(--iae-transition);box-sizing:border-box}.iae-answer-textarea:focus{outline:none;border-color:var(--iae-primary)}.iae-word-order-area{display:flex;flex-direction:column;gap:10px}.iae-word-tokens-source,.iae-word-order-drop-zone{display:flex;flex-wrap:wrap;gap:8px;padding:12px;border-radius:var(--iae-radius-sm);min-height:50px;border:1.5px dashed var(--iae-gray-200)}.iae-word-order-drop-zone{border-color:var(--iae-primary);background:#f5f3ff;min-height:60px}.iae-word-order-drop-zone.iae-dragover{background:#ede9fe}.iae-drop-hint{font-size:.82rem;color:var(--iae-gray-400);align-self:center}.iae-word-token{padding:5px 12px;background:#fff;border:1.5px solid var(--iae-primary);border-radius:20px;font-size:.88rem;cursor:grab;user-select:none;transition:box-shadow var(--iae-transition)}.iae-word-token:active{cursor:grabbing}.iae-word-token.iae-dragging{opacity:.5}.iae-options-list{display:flex;flex-direction:column;gap:8px}.iae-option-btn{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1.5px solid var(--iae-gray-200);border-radius:var(--iae-radius-sm);background:var(--iae-gray-50);cursor:pointer;text-align:left;font-size:.9rem;transition:border-color var(--iae-transition),background var(--iae-transition);width:100%}.iae-option-btn:hover{border-color:var(--iae-primary);background:#eef2ff}.iae-option-btn.iae-selected{border-color:var(--iae-primary);background:#eef2ff;font-weight:600}.iae-option-btn.iae-correct{border-color:var(--iae-success);background:#dcfce7;color:var(--iae-success)}.iae-option-btn.iae-wrong{border-color:var(--iae-danger);background:#fee2e2;color:var(--iae-danger)}.iae-option-letter{min-width:26px;height:26px;border-radius:50%;background:var(--iae-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700}.iae-chat-messages{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--iae-gray-50);border-radius:var(--iae-radius-sm);max-height:200px;overflow-y:auto}.iae-chat-bubble{max-width:80%;padding:8px 12px;border-radius:12px;font-size:.88rem;line-height:1.4}.iae-chat-bubble.iae-other{background:var(--iae-gray-200);align-self:flex-start;border-bottom-left-radius:2px}.iae-chat-bubble.iae-self{background:var(--iae-primary);color:#fff;align-self:flex-end;border-bottom-right-radius:2px}.iae-chat-sender{font-size:.72rem;font-weight:600;margin-bottom:2px;color:var(--iae-gray-600)}.iae-hint-bar{display:flex;flex-direction:column;gap:6px}.iae-hint-text{font-size:.82rem;color:var(--iae-warning);background:#fffbeb;border-radius:var(--iae-radius-sm);padding:8px 12px;border:1px solid #fde68a}.iae-result-panel{background:#fff;border-radius:var(--iae-radius);border:1px solid var(--iae-gray-200);padding:22px;margin-bottom:18px;box-shadow:var(--iae-shadow)}.iae-result-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.iae-result-label{font-size:.82rem;color:var(--iae-gray-400);margin:0 0 4px}.iae-result-title{font-size:1.3rem;font-weight:700;margin:0}.iae-score-circle{background:var(--iae-primary);color:#fff;border-radius:50%;width:64px;height:64px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;flex-shrink:0}.iae-score-max{font-size:.7rem;opacity:.7}.iae-metrics{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.iae-metric{display:grid;grid-template-columns:90px 1fr 36px;align-items:center;gap:10px}.iae-metric-label{font-size:.82rem;color:var(--iae-gray-600)}.iae-metric-bar{height:8px;background:var(--iae-gray-100);border-radius:4px;overflow:hidden}.iae-metric-fill{height:100%;border-radius:4px;transition:width .6s ease;width:0%}.iae-fill-accuracy{background:var(--iae-primary)}.iae-fill-grammar{background:var(--iae-success)}.iae-fill-coherence{background:var(--iae-warning)}.iae-metric-val{font-size:.82rem;font-weight:700;text-align:right}.iae-feedback-box{background:var(--iae-gray-50);border-radius:var(--iae-radius-sm);padding:12px 16px;margin-bottom:12px}.iae-feedback-title{font-weight:700;font-size:.88rem;margin-bottom:6px}.iae-feedback-text{font-size:.88rem;line-height:1.6;margin:0}.iae-explanation-box{background:#f0f9ff;border:1px solid #bae6fd;border-radius:var(--iae-radius-sm);padding:12px 16px;margin-bottom:12px}.iae-explanation-title{font-weight:700;font-size:.88rem;color:#0369a1;margin-bottom:4px}.iae-explanation-text{font-size:.85rem;line-height:1.5;margin:0;color:#0c4a6e}.iae-xp-earned{margin:12px 0}.iae-xp-badge{display:inline-block;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;font-weight:700;padding:4px 12px;border-radius:20px;font-size:.9rem;margin-bottom:6px;animation:iae-pop .4s ease}@keyframes iae-pop{0%{transform:scale(.5);opacity:0}80%{transform:scale(1.1)}100%{transform:scale(1);opacity:1}}.iae-xp-bar-wrap{display:flex;align-items:center;gap:8px}.iae-xp-bar{flex:1;height:8px;background:var(--iae-gray-200);border-radius:4px;overflow:hidden}.iae-xp-fill{height:100%;background:linear-gradient(90deg,#7c3aed,var(--iae-primary));border-radius:4px;transition:width .8s ease}.iae-xp-label{font-size:.78rem;color:var(--iae-gray-600);white-space:nowrap}.iae-result-actions{display:flex;gap:10px;margin-top:16px}.iae-result-actions .iae-btn{flex:1}.iae-eval-final{background:#fff;border-radius:var(--iae-radius);border:2px solid var(--iae-primary);padding:28px 22px;text-align:center;margin-bottom:18px}.iae-eval-final h3{font-size:1.5rem;font-weight:700;color:var(--iae-primary);margin-bottom:18px}.iae-eval-summary{display:flex;justify-content:center;gap:32px;margin-bottom:20px}.iae-eval-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.iae-eval-stat-value{font-size:2rem;font-weight:700;color:var(--iae-primary)}.iae-eval-stat-label{font-size:.82rem;color:var(--iae-gray-400)}.iae-empty-state{text-align:center;padding:48px 24px;background:var(--iae-gray-50);border-radius:var(--iae-radius);border:1px dashed var(--iae-gray-200)}.iae-empty-state .iae-empty-icon{font-size:3rem;margin-bottom:12px}.iae-empty-state h3{font-size:1.2rem;font-weight:700;margin-bottom:8px}.iae-empty-state p{font-size:.88rem;color:var(--iae-gray-600)}.iae-login-required{background:#fff7ed;border:1px solid #fed7aa;border-radius:var(--iae-radius-sm);padding:16px;font-size:.9rem}.iae-toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.iae-toast{background:var(--iae-gray-800);color:#fff;padding:12px 18px;border-radius:var(--iae-radius-sm);font-size:.88rem;font-family:var(--iae-font);box-shadow:var(--iae-shadow-md);pointer-events:auto;display:flex;align-items:center;gap:8px;animation:iae-slidein .3s ease;max-width:320px}.iae-toast.iae-toast-success{background:var(--iae-success)}.iae-toast.iae-toast-error{background:var(--iae-danger)}.iae-toast.iae-toast-info{background:var(--iae-primary)}@keyframes iae-slidein{from{transform:translateX(110%);opacity:0}to{transform:translateX(0);opacity:1}}@media (max-width:540px){.iae-app-header{flex-direction:column;align-items:flex-start}.iae-mode-tabs{flex-wrap:wrap}.iae-result-header{flex-direction:column;gap:12px}.iae-eval-summary{gap:16px}}.iae-quota-bar-wrap{margin:0 0 14px;padding:10px 14px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}.iae-quota-label{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#6b7280;margin-bottom:0}.iae-quota-track{height:10px;background:#e5e7eb;border-radius:9999px;overflow:hidden}.iae-quota-fill{height:100%;background:var(--iae-primary,#4f46e5);border-radius:9999px;transition:width .5s ease;min-width:2px}.iae-quota-fill.iae-quota-warning{background:#f59e0b}.iae-quota-fill.iae-quota-danger{background:#ef4444}.iae-quota-exceeded-msg{margin-top:6px;font-size:.78rem;color:#dc2626;font-weight:600}.iae-exercise-header{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}.iae-exercise-header .iae-instruction{flex:1 1 auto}#iae-new-image-btn{flex-shrink:0;margin-top:2px;font-size:.75rem;padding:4px 10px;border-radius:6px;white-space:nowrap;display:none}#iae-read-btn.iae-btn-ghost{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;padding:4px 10px;font-size:.75rem;border-radius:6px;white-space:nowrap;cursor:pointer;transition:all 0.2s ease;display:none}#iae-read-btn.iae-btn-ghost:hover{background:#dcfce7;border-color:#86efac}#iae-read-btn.iae-btn-ghost:disabled{opacity:.6;cursor:not-allowed}.iae-exercise-header-actions{display:flex;gap:6px;flex-shrink:0;margin-left:auto}.iae-direction-field{margin-top:16px;padding-top:16px;border-top:1px solid var(--iae-gray-200)}.iae-direction-toggle{display:flex;gap:10px;margin-top:6px}.iae-dir-option{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--iae-gray-50);border:2px solid var(--iae-gray-200);border-radius:10px;cursor:pointer;transition:all 0.2s ease;flex:1;justify-content:center;font-size:.88rem;user-select:none}.iae-dir-option:hover{border-color:#a5b4fc;background:#eef2ff}.iae-dir-option input[type="radio"]{display:none}.iae-dir-option.iae-dir-selected{border-color:var(--iae-primary);background:#eef2ff;box-shadow:0 0 0 3px rgb(79 70 229 / .12);font-weight:600}.iae-dir-icon{font-size:1.2rem}.iae-dir-label{font-weight:inherit}@media (min-width:900px){.iae-app{max-width:1200px}.iae-main-layout{display:grid;grid-template-columns:320px 1fr;gap:20px 28px;align-items:start}.iae-main-layout .iae-sidebar-col{grid-column:1;grid-row:1}.iae-main-layout .iae-exercise-area{grid-column:2}.iae-main-layout .iae-result-panel,.iae-main-layout .iae-eval-final{grid-column:2}.iae-sidebar-col{position:sticky;top:20px}}.iae-quota-bar-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.iae-quota-pct-text{font-size:.78rem;font-weight:700;color:var(--iae-gray-600)}.iae-quota-tokens{font-size:.75rem;color:var(--iae-gray-400)}@media (max-width:540px){.iae-quota-bar-wrap{padding:8px 10px}.iae-exercise-header{gap:6px}.iae-main-layout{display:block}.iae-glossary-modal .iae-modal-box{max-width:95vw}}.iae-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99990;display:flex;align-items:center;justify-content:center}.iae-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / .45)}.iae-modal-box{position:relative;z-index:1;background:#fff;border-radius:var(--iae-radius,12px);box-shadow:var(--iae-shadow-md,0 4px 24px rgb(0 0 0 / .14));max-width:700px;width:90vw;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.iae-modal-lg{max-width:800px}.iae-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--iae-gray-200,#e5e7eb);background:var(--iae-gray-50,#f9fafb)}.iae-modal-header h3{margin:0;font-size:1.1rem;font-weight:700;color:var(--iae-gray-800,#1f2937)}.iae-modal-close{background:none;border:none;font-size:1.3rem;cursor:pointer;color:var(--iae-gray-400,#9ca3af);padding:4px 8px;border-radius:6px;transition:color .15s,background .15s}.iae-modal-close:hover{color:var(--iae-danger,#dc2626);background:#fee2e2}.iae-modal-body{padding:20px;overflow-y:auto;flex:1}body.iae-modal-open{overflow:hidden}