*{box-sizing:border-box;margin:0;padding:0}body{color:#333;-webkit-font-smoothing:antialiased;background:#fafafa;font-family:Segoe UI,system-ui,-apple-system,sans-serif}#app{min-height:100vh}.quiz-container[data-v-30084e38]{max-width:900px;min-height:100vh;margin:0 auto;padding:24px;position:relative}.all-completed[data-v-30084e38]{text-align:center;flex-direction:column;grid-area:1/1/-1/-1;justify-content:center;align-items:center;width:100%;padding:80px 20px;display:flex}.all-completed-icon[data-v-30084e38]{margin-bottom:24px;font-size:80px;animation:1s infinite bounce-30084e38}@keyframes bounce-30084e38{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.all-completed-title[data-v-30084e38]{color:#1a3a2a;white-space:nowrap;margin:0 0 12px;font-size:32px;font-weight:700}.all-completed-desc[data-v-30084e38]{color:#666;white-space:nowrap;margin:0 0 32px;font-size:18px}.btn-back-home[data-v-30084e38]{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:24px;padding:12px 32px;font-size:16px;font-weight:600;transition:all .2s}.btn-back-home[data-v-30084e38]:hover{background:#45a049;box-shadow:0 4px 12px #4caf504d}.mnemonic-section[data-v-30084e38]{background:linear-gradient(135deg,#fef9e7 0%,#fff8e1 100%);border:1px solid #f9e79f;border-left:4px solid #d4a853;border-radius:12px;align-items:flex-start;gap:16px;margin-top:24px;padding:20px;display:flex;box-shadow:0 2px 8px #f9e79f4d}.mnemonic-icon[data-v-30084e38]{color:#fff;background:#d4a853;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;display:flex;box-shadow:0 2px 4px #0000001a}.mnemonic-body[data-v-30084e38]{flex-direction:column;flex:1;gap:12px;display:flex}.mnemonic-item[data-v-30084e38]{align-items:baseline;gap:10px;display:flex}.mnemonic-tag[data-v-30084e38]{color:#7d6608;background:#f9e79f;border-radius:12px;flex-shrink:0;padding:3px 10px;font-size:13px;font-weight:600;display:inline-block}.mnemonic-text[data-v-30084e38]{color:#5d4e37;font-size:15px;line-height:1.6}.quiz-header[data-v-30084e38]{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.header-right[data-v-30084e38]{align-items:center;gap:12px;display:flex}.search-wrapper[data-v-30084e38]{position:relative}.btn-search-toggle[data-v-30084e38]{cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .2s;display:flex}.btn-search-toggle[data-v-30084e38]:hover{background:#f5f9ff;border-color:#42a5f5}.btn-search-toggle.active[data-v-30084e38]{color:#fff;background:#42a5f5;border-color:#42a5f5}.search-input-wrapper[data-v-30084e38]{align-items:center;gap:8px;margin-bottom:16px;display:flex}.search-overlay[data-v-30084e38]{z-index:200;background:#0006;justify-content:center;align-items:flex-start;padding-top:200px;display:flex;position:fixed;inset:0}.search-overlay-content[data-v-30084e38]{background:#fff;border-radius:16px;width:500px;max-height:600px;padding:16px;position:relative;overflow-y:auto;box-shadow:0 8px 32px #0003}.search-compare-row[data-v-30084e38]{justify-content:flex-end;margin-bottom:8px;display:flex}.btn-go-compare[data-v-30084e38]{color:#d4a853;cursor:pointer;background:#fff8e1;border:1px solid #d4a853;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .2s}.btn-go-compare[data-v-30084e38]:hover{color:#fff;background:#d4a853}.btn-clear[data-v-30084e38]{cursor:pointer;color:#999;background:#f0f0f0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.btn-clear[data-v-30084e38]:hover{color:#333;background:#e0e0e0}.search-results-overlay[data-v-30084e38]{padding:8px 0}.search-no-result-overlay[data-v-30084e38]{text-align:center;color:#999;padding:40px 20px;font-size:16px}.search-dropdown[data-v-30084e38]{display:none}.btn-back[data-v-30084e38]{cursor:pointer;color:#555;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:8px 16px;font-size:14px;transition:all .2s}.btn-back[data-v-30084e38]:hover{background:#f5f5f5;border-color:#ccc}.progress[data-v-30084e38]{color:#1a3a2a;font-size:20px;font-weight:700}.mode-badge[data-v-30084e38]{color:#666;background:#f0f0f0;border-radius:20px;padding:4px 12px;font-size:13px}.quiz-body[data-v-30084e38]{grid-template-rows:auto auto auto;grid-template-columns:48px 1fr 48px;justify-items:center;gap:16px;max-width:800px;margin:0 auto;padding-top:20px;display:grid}.word-card[data-v-30084e38]{text-align:center;grid-area:1/2;margin-bottom:0;position:relative}.options-grid[data-v-30084e38]{grid-area:2/2;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;display:grid}.nav-side.nav-left[data-v-30084e38]{grid-area:2/1}.nav-side.nav-right[data-v-30084e38]{grid-area:2/3}.bottom-actions[data-v-30084e38]{grid-area:4/2}.mnemonic-section[data-v-30084e38]{grid-area:3/2;margin-top:8px}.nav-hint[data-v-30084e38]{grid-area:5/2}.quiz-center[data-v-30084e38]{flex-direction:column;flex:1;align-items:center;max-width:700px;display:flex}.nav-side[data-v-30084e38]{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:2px solid #e0e0e0;border-radius:50%;flex-shrink:0;justify-content:center;align-self:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex}.nav-side[data-v-30084e38]:hover:not(.disabled){background:#f0f7f4;border-color:#1a3a2a}.nav-side.disabled[data-v-30084e38]{opacity:.3;cursor:default}.nav-arrow[data-v-30084e38]{color:#555;justify-content:center;align-items:center;width:100%;height:100%;font-size:28px;line-height:1;display:flex}.word-card[data-v-30084e38]{text-align:center;margin-bottom:40px;position:relative}.btn-speak[data-v-30084e38]{color:#fff;cursor:pointer;background:#d4a853;border:none;border-radius:50%;width:36px;height:36px;font-size:18px;transition:transform .2s;position:absolute;top:-10px;right:-40px}.btn-speak[data-v-30084e38]:hover{transform:scale(1.1)}.word-actions[data-v-30084e38]{justify-content:center;gap:12px;margin-top:4px;display:flex}.btn-familiar[data-v-30084e38]{color:#ccc;cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:all .2s;display:flex}.btn-familiar[data-v-30084e38]:hover{color:#d4a853;border-color:#d4a853}.btn-familiar.active[data-v-30084e38]{color:#fff;background:#d4a853;border-color:#d4a853}.btn-compare[data-v-30084e38]{color:#ccc;cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .2s;display:flex}.btn-compare[data-v-30084e38]:hover{color:#42a5f5;border-color:#42a5f5}.btn-compare.active[data-v-30084e38]{color:#fff;background:#42a5f5;border-color:#42a5f5}.word-text[data-v-30084e38]{color:#1a3a2a;letter-spacing:1px;margin:0;font-size:48px;font-weight:700}.word-no[data-v-30084e38]{color:#999;margin-top:8px;font-size:14px}.correct-count[data-v-30084e38]{color:#4caf50;background:#e8f5e9;border-radius:10px;margin-left:8px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.options-grid[data-v-30084e38]{grid-template-columns:1fr 1fr;gap:12px;width:100%;display:grid}.option-btn[data-v-30084e38]{cursor:pointer;text-align:left;color:#333;background:#fff;border:2px solid #e8e8e8;border-radius:12px;align-items:flex-start;gap:12px;padding:16px 20px;font-size:15px;transition:all .2s;display:flex}.option-btn[data-v-30084e38]:hover:not(:disabled){background:#fffdf5;border-color:#d4a853}.option-btn.selected[data-v-30084e38]{background:#fff8e1;border-color:#d4a853}.option-btn.correct[data-v-30084e38]{background:#e8f5e9;border-color:#4caf50}.option-btn.wrong[data-v-30084e38]{background:#ffebee;border-color:#f44336}.option-btn[data-v-30084e38]:disabled{cursor:default}.option-label[data-v-30084e38]{color:#666;background:#f0f0f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:600;display:inline-flex}.option-btn.correct .option-label[data-v-30084e38]{color:#fff;background:#4caf50}.option-btn.wrong .option-label[data-v-30084e38]{color:#fff;background:#f44336}.option-text[data-v-30084e38]{white-space:pre-line;padding-top:3px;line-height:1.5}.option-content[data-v-30084e38]{flex-direction:column;gap:4px;display:flex}.option-wrong-word[data-v-30084e38]{color:#f44336;font-size:12px;font-weight:600}.bottom-actions[data-v-30084e38]{justify-content:center;width:100%;margin-top:20px;display:flex}.btn-dont-know[data-v-30084e38]{color:#f44336;cursor:pointer;background:#fff;border:2px solid #f44336;border-radius:12px;padding:12px 40px;font-size:16px;font-weight:600;transition:all .2s}.btn-dont-know[data-v-30084e38]:hover{color:#fff;background:#f44336}.nav-hint[data-v-30084e38]{color:#bbb;margin-top:32px;font-size:13px}.search-section[data-v-30084e38]{width:100%;margin-top:24px}.search-input[data-v-30084e38]{box-sizing:border-box;border:2px solid #e0e0e0;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-size:14px;transition:border-color .2s}.search-input[data-v-30084e38]:focus{border-color:#42a5f5}.search-results[data-v-30084e38]{background:#fff;border:1px solid #e0e0e0;border-radius:12px;max-height:300px;margin-top:12px;overflow-y:auto}.search-item[data-v-30084e38]{border-bottom:1px solid #f0f0f0;align-items:center;gap:12px;padding:12px 16px;display:flex}.search-item[data-v-30084e38]:last-child{border-bottom:none}.search-word[data-v-30084e38]{color:#1a3a2a;min-width:100px;font-weight:600}.search-meaning[data-v-30084e38]{color:#666;flex:1;font-size:14px}.search-btns[data-v-30084e38]{gap:8px;display:flex}.search-btn-compare[data-v-30084e38],.search-btn-familiar[data-v-30084e38]{cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s;display:flex}.search-btn-compare[data-v-30084e38]{color:#ccc}.search-btn-compare[data-v-30084e38]:hover{color:#42a5f5;border-color:#42a5f5}.search-btn-compare.active[data-v-30084e38]{color:#fff;background:#42a5f5;border-color:#42a5f5}.search-btn-familiar[data-v-30084e38]{color:#ccc}.search-btn-familiar[data-v-30084e38]:hover{color:#d4a853;border-color:#d4a853}.search-btn-familiar.active[data-v-30084e38]{color:#fff;background:#d4a853;border-color:#d4a853}.flash-container[data-v-77b3bbba]{max-width:900px;min-height:100vh;margin:0 auto;padding:24px;position:relative}.flash-header[data-v-77b3bbba]{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.header-right[data-v-77b3bbba]{align-items:center;gap:12px;display:flex;position:relative}.search-wrapper[data-v-77b3bbba]{position:relative}.btn-search-toggle[data-v-77b3bbba]{cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .2s;display:flex}.btn-search-toggle[data-v-77b3bbba]:hover{background:#f5f9ff;border-color:#42a5f5}.btn-search-toggle.active[data-v-77b3bbba]{color:#fff;background:#42a5f5;border-color:#42a5f5}.search-dropdown[data-v-77b3bbba]{z-index:100;background:#fff;border:2px solid #42a5f5;border-radius:12px;align-items:center;gap:8px;padding:8px 12px;display:flex;position:absolute;top:44px;right:0;box-shadow:0 4px 12px #00000026}.search-input[data-v-77b3bbba]{border:1px solid #e0e0e0;border-radius:8px;outline:none;width:240px;padding:8px 12px;font-size:14px}.btn-clear[data-v-77b3bbba]{cursor:pointer;color:#666;background:#f0f0f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;transition:all .2s;display:flex}.btn-clear[data-v-77b3bbba]:hover{color:#333;background:#e0e0e0}.search-results-float[data-v-77b3bbba]{display:none}.search-overlay[data-v-77b3bbba]{z-index:200;background:#0006;justify-content:center;align-items:flex-start;padding-top:120px;display:flex;position:fixed;inset:0}.search-overlay-content[data-v-77b3bbba]{background:#fff;border-radius:16px;width:500px;max-height:600px;padding:16px;position:relative;overflow-y:auto;box-shadow:0 8px 32px #0003}.btn-go-compare[data-v-77b3bbba]{color:#d4a853;cursor:pointer;background:#fff8e1;border:1px solid #d4a853;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .2s}.search-compare-row[data-v-77b3bbba]{justify-content:flex-end;margin-bottom:8px;display:flex}.btn-go-compare[data-v-77b3bbba]:hover{color:#fff;background:#d4a853}.search-input-wrapper[data-v-77b3bbba]{align-items:center;gap:8px;margin-bottom:16px;display:flex}.search-results-overlay[data-v-77b3bbba]{padding:8px 0}.search-no-result-overlay[data-v-77b3bbba]{text-align:center;color:#999;padding:40px 20px;font-size:16px}.search-no-result[data-v-77b3bbba]{display:none}.btn-back[data-v-77b3bbba]{cursor:pointer;color:#555;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:8px 16px;font-size:14px;transition:all .2s}.btn-back[data-v-77b3bbba]:hover{background:#f5f5f5;border-color:#ccc}.progress[data-v-77b3bbba]{color:#1a3a2a;font-size:20px;font-weight:700}.mode-badge[data-v-77b3bbba]{color:#666;background:#f0f0f0;border-radius:20px;padding:4px 12px;font-size:13px}.flash-body[data-v-77b3bbba]{justify-content:center;align-items:center;gap:16px;min-height:600px;display:flex}.flash-center[data-v-77b3bbba]{flex-direction:column;flex:1;align-items:center;max-width:700px;display:flex}.nav-side[data-v-77b3bbba]{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:2px solid #e0e0e0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex}.nav-side[data-v-77b3bbba]:hover:not(.disabled){background:#f0f7f4;border-color:#1a3a2a}.nav-side.disabled[data-v-77b3bbba]{opacity:.3;cursor:default}.nav-arrow[data-v-77b3bbba]{color:#555;justify-content:center;align-items:center;font-size:28px;line-height:1;display:flex}.word-card[data-v-77b3bbba]{text-align:center;margin-bottom:40px;position:relative}.btn-speak[data-v-77b3bbba]{color:#fff;cursor:pointer;background:#d4a853;border:none;border-radius:50%;width:36px;height:36px;font-size:18px;transition:transform .2s;position:absolute;top:-10px;right:-40px}.btn-speak[data-v-77b3bbba]:hover{transform:scale(1.1)}.word-actions[data-v-77b3bbba]{justify-content:center;gap:12px;margin-top:4px;display:flex}.btn-familiar[data-v-77b3bbba]{color:#ccc;cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:all .2s;display:flex}.btn-familiar[data-v-77b3bbba]:hover{color:#d4a853;border-color:#d4a853}.btn-familiar.active[data-v-77b3bbba]{color:#fff;background:#d4a853;border-color:#d4a853}.btn-compare[data-v-77b3bbba]{color:#ccc;cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .2s;display:flex}.btn-compare[data-v-77b3bbba]:hover{color:#42a5f5;border-color:#42a5f5}.btn-compare.active[data-v-77b3bbba]{color:#fff;background:#42a5f5;border-color:#42a5f5}.word-text[data-v-77b3bbba]{color:#1a3a2a;letter-spacing:1px;margin:0;font-size:48px;font-weight:700}.word-phonetic[data-v-77b3bbba]{color:#999;margin:4px 0 0;font-size:16px;font-style:italic}.word-no[data-v-77b3bbba]{color:#999;margin-top:8px;font-size:14px}.word-info[data-v-77b3bbba]{width:100%;margin-bottom:32px}.meaning-section[data-v-77b3bbba],.derivatives-section[data-v-77b3bbba]{background:#fff;border:2px solid #e8e8e8;border-radius:12px;margin-bottom:16px;padding:20px 24px}.section-label[data-v-77b3bbba]{color:#999;text-transform:uppercase;letter-spacing:1px;margin:0 0 8px;font-size:13px;font-weight:600}.derivatives-toggle[data-v-77b3bbba]{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.derivatives-toggle[data-v-77b3bbba]:hover{color:#666}.toggle-arrow[data-v-77b3bbba]{color:#ccc;font-size:16px;transition:transform .2s}.toggle-arrow.open[data-v-77b3bbba]{transform:rotate(90deg)}.derivatives-body[data-v-77b3bbba]{overflow:hidden}.slide-enter-active[data-v-77b3bbba],.slide-leave-active[data-v-77b3bbba]{transition:all .25s}.slide-enter-from[data-v-77b3bbba],.slide-leave-to[data-v-77b3bbba]{opacity:0;max-height:0}.slide-enter-to[data-v-77b3bbba],.slide-leave-from[data-v-77b3bbba]{opacity:1;max-height:200px}.meaning-text[data-v-77b3bbba]{color:#333;white-space:pre-line;margin:0;font-size:18px;line-height:1.6}.derivatives-text[data-v-77b3bbba]{color:#555;white-space:pre-line;margin:0;font-size:16px;line-height:1.6}.auto-play-control[data-v-77b3bbba]{align-items:center;gap:16px;margin-bottom:24px;display:flex}.toggle-switch[data-v-77b3bbba]{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;display:flex}.toggle-switch input[data-v-77b3bbba]{display:none}.toggle-slider[data-v-77b3bbba]{background:#e0e0e0;border-radius:16px;width:56px;height:32px;transition:background .3s;position:relative}.toggle-switch input:checked+.toggle-slider[data-v-77b3bbba]{background:#d4a853}.toggle-knob[data-v-77b3bbba]{background:#fff;border-radius:50%;width:26px;height:26px;transition:transform .3s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000026}.toggle-switch input:checked+.toggle-slider .toggle-knob[data-v-77b3bbba]{transform:translate(24px)}.toggle-label[data-v-77b3bbba]{color:#666;font-size:14px;font-weight:500}.play-count[data-v-77b3bbba]{color:#d4a853;background:#fff8e1;border-radius:20px;padding:6px 12px;font-size:14px;font-weight:600}.nav-hint[data-v-77b3bbba]{color:#bbb;margin-top:32px;font-size:13px}.search-section[data-v-77b3bbba]{width:100%;margin-top:24px}.search-input[data-v-77b3bbba]{box-sizing:border-box;border:2px solid #e0e0e0;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-size:14px;transition:border-color .2s}.search-input[data-v-77b3bbba]:focus{border-color:#42a5f5}.search-results[data-v-77b3bbba]{background:#fff;border:1px solid #e0e0e0;border-radius:12px;max-height:300px;margin-top:12px;overflow-y:auto}.search-item[data-v-77b3bbba]{border-bottom:1px solid #f0f0f0;align-items:center;gap:12px;padding:12px 16px;display:flex}.search-item[data-v-77b3bbba]:last-child{border-bottom:none}.search-word[data-v-77b3bbba]{color:#1a3a2a;min-width:100px;font-weight:600}.search-meaning[data-v-77b3bbba]{color:#666;flex:1;font-size:14px}.search-btns[data-v-77b3bbba]{gap:8px;display:flex}.search-btn-compare[data-v-77b3bbba],.search-btn-familiar[data-v-77b3bbba]{cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s;display:flex}.search-btn-compare[data-v-77b3bbba]{color:#ccc}.search-btn-compare[data-v-77b3bbba]:hover{color:#42a5f5;border-color:#42a5f5}.search-btn-compare.active[data-v-77b3bbba]{color:#fff;background:#42a5f5;border-color:#42a5f5}.search-btn-familiar[data-v-77b3bbba]{color:#ccc}.search-btn-familiar[data-v-77b3bbba]:hover{color:#d4a853;border-color:#d4a853}.search-btn-familiar.active[data-v-77b3bbba]{color:#fff;background:#d4a853;border-color:#d4a853}.btn-copy[data-v-77b3bbba]{color:#42a5f5;cursor:pointer;background:#fff;border:1px solid #42a5f5;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.btn-copy[data-v-77b3bbba]:hover{color:#fff;background:#42a5f5}.btn-copy-icon[data-v-77b3bbba]{font-size:16px}.btn-copy-text[data-v-77b3bbba]{font-size:13px}.mnemonic-section[data-v-77b3bbba]{background:linear-gradient(135deg,#fef9e7 0%,#fff8e1 100%);border:1px solid #f9e79f;border-left:4px solid #d4a853;border-radius:12px;align-items:flex-start;gap:16px;margin-top:20px;padding:20px;display:flex;box-shadow:0 2px 8px #f9e79f4d}.mnemonic-icon[data-v-77b3bbba]{color:#fff;background:#d4a853;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;display:flex;box-shadow:0 2px 4px #0000001a}.mnemonic-body[data-v-77b3bbba]{flex-direction:column;flex:1;gap:12px;display:flex}.mnemonic-item[data-v-77b3bbba]{align-items:baseline;gap:10px;display:flex}.mnemonic-tag[data-v-77b3bbba]{color:#7d6608;background:#f9e79f;border-radius:12px;flex-shrink:0;padding:3px 10px;font-size:13px;font-weight:600;display:inline-block}.mnemonic-text[data-v-77b3bbba]{color:#5d4e37;font-size:15px;line-height:1.6}.copy-toast[data-v-77b3bbba]{color:#fff;white-space:nowrap;background:#4caf50;border-radius:6px;margin-top:8px;padding:8px 16px;font-size:13px;animation:.2s fadeIn-77b3bbba;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000026}@keyframes fadeIn-77b3bbba{0%{opacity:0;transform:translate(-50%)translateY(-4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.match-container[data-v-cc2cbbc4]{max-width:900px;min-height:100vh;margin:0 auto;padding:24px}.match-header[data-v-cc2cbbc4]{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.btn-back[data-v-cc2cbbc4]{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;padding:8px 20px;font-size:14px;transition:all .2s}.btn-back[data-v-cc2cbbc4]:hover{background:#f5f5f5}.match-progress[data-v-cc2cbbc4]{color:#1a3a2a;font-size:22px;font-weight:700}.match-title[data-v-cc2cbbc4]{color:#999;font-size:14px}.match-hint[data-v-cc2cbbc4]{text-align:center;color:#aaa;margin-bottom:28px;font-size:14px}.match-board[data-v-cc2cbbc4]{grid-template-columns:1fr 1fr;align-items:start;gap:32px;display:grid}.match-column[data-v-cc2cbbc4]{flex-direction:column;gap:10px;display:flex}.column-label[data-v-cc2cbbc4]{text-align:center;color:#bbb;text-transform:uppercase;letter-spacing:2px;margin-bottom:4px;font-size:13px;font-weight:600}.match-item[data-v-cc2cbbc4]{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:2px solid #e8e8e8;border-radius:10px;justify-content:space-between;align-items:center;min-height:48px;padding:14px 18px;transition:all .2s;display:flex}.left-item[data-v-cc2cbbc4]{justify-content:center}.right-item[data-v-cc2cbbc4]{justify-content:flex-start}.match-word[data-v-cc2cbbc4]{color:#1a3a2a;font-size:17px;font-weight:600}.match-meaning[data-v-cc2cbbc4]{color:#555;flex:1;font-size:14px}.match-check[data-v-cc2cbbc4]{color:#4caf50;flex-shrink:0;margin-left:8px;font-size:16px;font-weight:700}.match-item.selected[data-v-cc2cbbc4]{background:#e3f2fd;border-color:#2196f3;box-shadow:0 0 0 3px #2196f326}.match-item.matched[data-v-cc2cbbc4]{cursor:default;opacity:.7;background:#e8f5e9;border-color:#4caf50}.match-item.match-anim[data-v-cc2cbbc4]{animation:.5s matchPulse-cc2cbbc4}@keyframes matchPulse-cc2cbbc4{0%{transform:scale(1)}50%{background:#c8e6c9;border-color:#4caf50;transform:scale(1.05)}to{transform:scale(1)}}.match-item.error[data-v-cc2cbbc4]{background:#ffebee;border-color:#f44336;animation:.4s shake-cc2cbbc4}@keyframes shake-cc2cbbc4{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.match-completed[data-v-cc2cbbc4]{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.completed-icon[data-v-cc2cbbc4]{margin-bottom:24px;font-size:80px;animation:1s infinite bounce-cc2cbbc4}@keyframes bounce-cc2cbbc4{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.completed-title[data-v-cc2cbbc4]{color:#1a3a2a;white-space:nowrap;margin:0 0 12px;font-size:32px;font-weight:700}.completed-desc[data-v-cc2cbbc4]{color:#666;white-space:nowrap;margin:0 0 32px;font-size:18px}.btn-back-home[data-v-cc2cbbc4]{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:24px;padding:12px 32px;font-size:16px;font-weight:600;transition:all .2s}.btn-back-home[data-v-cc2cbbc4]:hover{background:#45a049;box-shadow:0 4px 12px #4caf504d}.home-page[data-v-651ffe6c]{max-width:900px;min-height:100vh;margin:0 auto;padding:40px 24px}.home-header[data-v-651ffe6c]{text-align:center;margin-bottom:48px;position:relative}.title[data-v-651ffe6c]{color:#1a3a2a;margin:0 0 8px;font-size:36px;font-weight:700}.subtitle[data-v-651ffe6c]{color:#888;margin:0;font-size:16px}.entries-row[data-v-651ffe6c]{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;display:grid}.entry-card[data-v-651ffe6c]{cursor:pointer;border:2px solid;border-radius:16px;align-items:center;gap:16px;min-height:72px;padding:20px 24px;transition:all .2s;display:flex}.entry-card[data-v-651ffe6c]:hover{transform:translateY(-2px)}.entry-icon[data-v-651ffe6c]{background:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex;box-shadow:0 2px 6px #0000000f}.familiar-entry[data-v-651ffe6c]{background:#f1f8e9;border-color:#e8f5e9}.familiar-entry[data-v-651ffe6c]:hover{background:#e8f5e9;border-color:#a5d6a7;box-shadow:0 4px 12px #4caf501f}.familiar-icon[data-v-651ffe6c]{color:#d4a853}.unknown-entry[data-v-651ffe6c]{background:#fff5f5;border-color:#fce4ec}.unknown-entry[data-v-651ffe6c]:hover{background:#ffebee;border-color:#ef9a9a;box-shadow:0 4px 12px #f443361f}.unknown-icon[data-v-651ffe6c]{color:#f44336;font-weight:700}.compare-entry[data-v-651ffe6c]{background:#f5f9ff;border-color:#e3f2fd}.compare-entry[data-v-651ffe6c]:hover{background:#e3f2fd;border-color:#90caf9;box-shadow:0 4px 12px #42a5f51f}.compare-icon[data-v-651ffe6c]{color:#42a5f5;font-size:20px}.entry-info[data-v-651ffe6c]{flex-direction:column;flex:1;gap:2px;display:flex}.entry-label[data-v-651ffe6c]{color:#1a3a2a;font-size:16px;font-weight:600}.entry-count[data-v-651ffe6c]{color:#888;font-size:13px}.entry-arrow[data-v-651ffe6c]{color:#ccc;flex-shrink:0;font-size:24px}.section-title[data-v-651ffe6c]{color:#1a3a2a;margin:0 0 20px;font-size:18px;font-weight:600}.mode-selector[data-v-651ffe6c]{margin-bottom:40px}.mode-selector-header[data-v-651ffe6c]{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.mode-selector-header .section-title[data-v-651ffe6c]{margin-bottom:0}.group-selector-header .section-title[data-v-651ffe6c]{margin-bottom:0}.flash-toggle[data-v-651ffe6c]{align-items:center;gap:10px;display:flex}.flash-toggle-label[data-v-651ffe6c]{color:#1a3a2a;font-size:16px;font-weight:600}.switch[data-v-651ffe6c]{width:48px;height:26px;display:inline-block;position:relative}.switch input[data-v-651ffe6c]{opacity:0;width:0;height:0}.slider[data-v-651ffe6c]{cursor:pointer;background-color:#ccc;border-radius:26px;transition:all .3s;position:absolute;inset:0}.slider[data-v-651ffe6c]:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.slider[data-v-651ffe6c]{background-color:#4caf50}input:checked+.slider[data-v-651ffe6c]:before{transform:translate(22px)}.tooltip-trigger[data-v-651ffe6c]{color:#666;cursor:help;background:#e0e0e0;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;font-weight:700;display:inline-flex;position:relative}.tooltip-trigger[data-v-651ffe6c]:hover:after{content:attr(title);color:#fff;white-space:nowrap;z-index:10;pointer-events:none;background:#333;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:400;position:absolute;bottom:130%;left:50%;transform:translate(-50%)}.mode-cards[data-v-651ffe6c]{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.mode-card[data-v-651ffe6c]{cursor:pointer;background:#fff;border:2px solid #e8e8e8;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:24px;transition:all .2s;display:flex}.mode-card[data-v-651ffe6c]:hover{background:#fffdf5;border-color:#d4a853}.mode-card.active[data-v-651ffe6c]{background:#fff8e1;border-color:#d4a853;box-shadow:0 0 0 3px #d4a85326}.mode-card.flash-card.active[data-v-651ffe6c]{background:#e3f2fd;border-color:#42a5f5;box-shadow:0 0 0 3px #42a5f526}.mode-icon[data-v-651ffe6c]{font-size:32px}.mode-name[data-v-651ffe6c]{color:#1a3a2a;font-size:16px;font-weight:600}.mode-desc[data-v-651ffe6c]{color:#999;font-size:13px}.group-selector[data-v-651ffe6c]{margin-bottom:40px}.group-selector-header[data-v-651ffe6c]{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.group-selector-header .start-section[data-v-651ffe6c]{opacity:0;visibility:hidden;background:0 0;border:none;flex-shrink:0;align-items:center;gap:12px;padding:0;transition:opacity .2s,visibility .2s;display:flex}.group-selector-header .start-section.visible[data-v-651ffe6c]{opacity:1;visibility:visible}.group-selector-header .start-info[data-v-651ffe6c]{color:#1a3a2a;white-space:nowrap;font-size:14px;font-weight:600}.group-selector-header .btn-start[data-v-651ffe6c]{white-space:nowrap;padding:8px 20px;font-size:14px}.group-grid[data-v-651ffe6c]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.group-btn[data-v-651ffe6c]{cursor:pointer;background:#fff;border:2px solid #e8e8e8;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:20px 16px;transition:all .2s;display:flex}.group-btn[data-v-651ffe6c]:hover{background:#f0f7f4;border-color:#1a3a2a;transform:translateY(-2px);box-shadow:0 4px 12px #1a3a2a1a}.group-range[data-v-651ffe6c]{color:#1a3a2a;font-size:15px;font-weight:600}.group-count[data-v-651ffe6c]{color:#666;font-size:13px}.group-size[data-v-651ffe6c]{color:#999;background:#f0f0f0;border-radius:10px;padding:2px 8px;font-size:12px}.group-remaining[data-v-651ffe6c]{color:#f57c00;background:#fff3e0;border-radius:10px;padding:2px 8px;font-size:12px;font-weight:600}.group-btn.selected[data-v-651ffe6c]{background:#e8f5e9;border-color:#4caf50;box-shadow:0 4px 12px #4caf5033}.group-btn.selected[data-v-651ffe6c]:hover{background:#e8f5e9;border-color:#45a049}.btn-start[data-v-651ffe6c]{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:12px;padding:14px 48px;font-size:18px;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #4caf504d}.btn-start[data-v-651ffe6c]:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 6px 16px #4caf5066}.btn-start[data-v-651ffe6c]:active{transform:translateY(0)}.detail-page[data-v-651ffe6c]{max-width:900px;min-height:100vh;margin:0 auto;padding:40px 24px}.detail-header[data-v-651ffe6c]{align-items:center;gap:20px;margin-bottom:32px;display:flex}.btn-start-wrong[data-v-651ffe6c]{color:#fff;cursor:pointer;background:#ef5350;border:none;border-radius:8px;margin-left:auto;padding:10px 24px;font-size:15px;font-weight:600;transition:all .2s}.btn-start-wrong[data-v-651ffe6c]:hover{background:#e53935;transform:translateY(-1px);box-shadow:0 4px 12px #ef53504d}.btn-back[data-v-651ffe6c]{cursor:pointer;color:#555;background:#fff;border:1px solid #e0e0e0;border-radius:8px;flex-shrink:0;padding:8px 16px;font-size:14px;transition:all .2s}.btn-back[data-v-651ffe6c]:hover{background:#f5f5f5;border-color:#ccc}.detail-title[data-v-651ffe6c]{color:#1a3a2a;margin:0;font-size:24px;font-weight:700}.detail-title-row[data-v-651ffe6c]{align-items:center;gap:12px;display:flex}.detail-empty[data-v-651ffe6c]{text-align:center;color:#999;padding:60px 20px}.detail-empty p[data-v-651ffe6c]{margin:0;font-size:16px}.detail-empty-hint[data-v-651ffe6c]{color:#bbb;margin-top:8px;font-size:13px}.detail-grid[data-v-651ffe6c]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.detail-item[data-v-651ffe6c]{border:2px solid;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;transition:all .2s;display:flex}.detail-item[data-v-651ffe6c]:hover{box-shadow:0 2px 8px #0000000f}.familiar-item[data-v-651ffe6c]{background:#f1f8e9;border-color:#e8f5e9}.familiar-item[data-v-651ffe6c]:hover{border-color:#a5d6a7}.unknown-item[data-v-651ffe6c]{background:#fff5f5;border-color:#fce4ec}.unknown-item[data-v-651ffe6c]:hover{border-color:#ef9a9a}.compare-item[data-v-651ffe6c]{background:#f5f9ff;border-color:#e3f2fd}.compare-item[data-v-651ffe6c]:hover{border-color:#90caf9}.wrong-entry[data-v-651ffe6c]{background:#fff5f5;border-color:#fce4ec}.wrong-entry[data-v-651ffe6c]:hover{background:#fce4ec;border-color:#ef9a9a;box-shadow:0 4px 12px #f443361f}.wrong-icon[data-v-651ffe6c]{color:#f44336;font-size:20px;font-weight:700}.wrong-item[data-v-651ffe6c]{background:#fff5f5;border-color:#fce4ec}.wrong-item[data-v-651ffe6c]:hover{border-color:#ef9a9a}.completed-entry[data-v-651ffe6c]{background:#f1f8e9;border-color:#e8f5e9}.completed-entry[data-v-651ffe6c]:hover{background:#e8f5e9;border-color:#a5d6a7;box-shadow:0 4px 12px #4caf501f}.completed-icon[data-v-651ffe6c]{color:#4caf50;font-size:20px;font-weight:700}.completed-item[data-v-651ffe6c]{background:#f1f8e9;border-color:#e8f5e9}.completed-item[data-v-651ffe6c]:hover{border-color:#a5d6a7}.search-entry[data-v-651ffe6c]{background:#f0f7ff;border-color:#e3f2fd}.search-entry[data-v-651ffe6c]:hover{background:#e3f2fd;border-color:#90caf9;box-shadow:0 4px 12px #2196f31f}.search-icon[data-v-651ffe6c]{font-size:28px}.compare-checkbox[data-v-651ffe6c]{cursor:pointer;accent-color:#4caf50;flex-shrink:0;width:18px;height:18px}.compare-item.selected[data-v-651ffe6c]{background:#e8f5e9;border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033}.btn-compare-table[data-v-651ffe6c]{color:#fff;cursor:pointer;background:#4caf50;border:1px solid #4caf50;border-radius:8px;flex-shrink:0;margin-left:auto;padding:8px 20px;font-size:14px;font-weight:600;transition:all .2s}.btn-compare-table[data-v-651ffe6c]:hover{background:#45a049;transform:translateY(-1px);box-shadow:0 4px 12px #4caf504d}.compare-table-modal[data-v-651ffe6c]{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.compare-table-content[data-v-651ffe6c]{background:#fff;border-radius:12px;flex-direction:column;width:90%;max-width:1200px;max-height:85vh;display:flex;box-shadow:0 8px 32px #0003}.compare-table-header[data-v-651ffe6c]{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.compare-table-header h2[data-v-651ffe6c]{color:#1a3a2a;margin:0;font-size:20px;font-weight:600}.compare-table-title-row[data-v-651ffe6c]{align-items:center;gap:12px;display:flex}.btn-play-all[data-v-651ffe6c]{cursor:pointer;background:#e8f5e9;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:all .2s;display:flex}.btn-play-all[data-v-651ffe6c]:hover{background:#c8e6c9;transform:scale(1.1)}.table-drag-handle[data-v-651ffe6c]{cursor:grab;color:#999;text-align:center;-webkit-user-select:none;user-select:none;width:40px;padding:8px}.table-drag-handle[data-v-651ffe6c]:active{cursor:grabbing}.dragging-row[data-v-651ffe6c]{opacity:.5;background:#e3f2fd}.btn-close[data-v-651ffe6c]{cursor:pointer;color:#666;background:#f5f5f5;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .2s;display:flex}.btn-close[data-v-651ffe6c]:hover{color:#333;background:#e0e0e0}.btn-table-delete[data-v-651ffe6c]{cursor:pointer;color:#ff5252;background:#fff;border:1px solid #ff5252;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:all .2s;display:flex}.btn-table-delete[data-v-651ffe6c]:hover{color:#fff;background:#ff5252;transform:scale(1.1)}.compare-table-body[data-v-651ffe6c]{padding:24px;overflow:auto}.compare-table-footer[data-v-651ffe6c]{border-top:1px solid #e0e0e0;justify-content:flex-end;padding:16px 24px;display:flex}.compare-table-actions[data-v-651ffe6c]{align-items:center;gap:12px;display:flex}.btn-save-group[data-v-651ffe6c]{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:6px;padding:10px 20px;font-size:14px;transition:all .2s}.btn-save-group[data-v-651ffe6c]:hover{background:#45a049;transform:translateY(-1px)}.compare-table[data-v-651ffe6c]{border-collapse:collapse;width:100%;font-size:15px}.compare-table thead[data-v-651ffe6c]{z-index:10;background:#f5f5f5;position:sticky;top:0}.compare-table th[data-v-651ffe6c]{text-align:left;color:#1a3a2a;border-bottom:2px solid #e0e0e0;padding:12px 16px;font-weight:600}.compare-table td[data-v-651ffe6c]{vertical-align:top;border-bottom:1px solid #f0f0f0;padding:16px}.compare-table tr[data-v-651ffe6c]:hover{background:#f9f9f9}.table-word-cell[data-v-651ffe6c]{vertical-align:top}.table-word-row[data-v-651ffe6c]{align-items:center;gap:8px;display:flex}.table-word-name[data-v-651ffe6c]{color:#2196f3;font-size:16px;font-weight:600;line-height:1.3}.table-word-phonetic[data-v-651ffe6c]{color:#999;margin-top:2px;font-size:12px;font-weight:400;line-height:1.3;display:block}.btn-speak[data-v-651ffe6c]{color:#666;cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:all .2s;display:flex}.btn-speak[data-v-651ffe6c]:hover{color:#2196f3;background:#e3f2fd;border-color:#2196f3}.table-meaning[data-v-651ffe6c]{color:#333;line-height:1.6}.table-derivatives[data-v-651ffe6c]{color:#666;font-size:14px;line-height:1.6}.detail-info[data-v-651ffe6c]{flex-direction:column;flex:1;gap:4px;display:flex}.detail-word[data-v-651ffe6c]{color:#1a3a2a;font-size:16px;font-weight:600}.detail-meaning[data-v-651ffe6c]{color:#666;font-size:13px}.btn-unmark[data-v-651ffe6c]{color:#999;cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s;display:flex}.btn-unmark[data-v-651ffe6c]:hover{color:#f44336;background:#ffebee;border-color:#f44336}.btn-add-to-group[data-v-651ffe6c]{color:#999;cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .2s;display:flex}.btn-add-to-group[data-v-651ffe6c]:hover{color:#4caf50;background:#e8f5e9;border-color:#4caf50}.add-group-modal[data-v-651ffe6c]{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.add-group-content[data-v-651ffe6c]{background:#fff;border-radius:12px;width:90%;max-width:400px;padding:24px;box-shadow:0 8px 32px #0003}.add-group-content h3[data-v-651ffe6c]{color:#333;margin:0 0 20px;font-size:18px}.no-groups[data-v-651ffe6c]{text-align:center;color:#999;padding:40px 0}.group-list[data-v-651ffe6c]{max-height:300px;margin-bottom:20px;overflow-y:auto}.group-item[data-v-651ffe6c]{cursor:pointer;border:1px solid #e0e0e0;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px 16px;transition:all .2s;display:flex}.group-item[data-v-651ffe6c]:hover{background:#f1f8e9;border-color:#4caf50}.group-item .group-name[data-v-651ffe6c]{color:#333;font-size:15px;font-weight:500}.group-item .group-count[data-v-651ffe6c]{color:#999;font-size:13px}.btn-cancel[data-v-651ffe6c]{color:#666;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:8px;width:100%;padding:12px;font-size:14px;transition:all .2s}.save-group-dialog[data-v-651ffe6c]{background:#fff;border-radius:12px;width:90%;max-width:400px;padding:24px;box-shadow:0 8px 32px #0003}.save-group-dialog h3[data-v-651ffe6c]{color:#1a3a2a;margin:0 0 16px;font-size:18px;font-weight:600}.group-name-input[data-v-651ffe6c]{border:2px solid #e0e0e0;border-radius:8px;width:100%;margin-bottom:16px;padding:12px;font-size:14px;transition:border-color .2s}.group-name-input[data-v-651ffe6c]:focus{border-color:#4caf50;outline:none}.save-group-actions[data-v-651ffe6c]{justify-content:flex-end;gap:12px;display:flex}.btn-cancel[data-v-651ffe6c]{color:#666;cursor:pointer;background:#f5f5f5;border:none;border-radius:6px;padding:8px 20px;font-size:14px;transition:all .2s}.btn-cancel[data-v-651ffe6c]:hover{background:#e0e0e0}.btn-save[data-v-651ffe6c]{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:6px;padding:8px 20px;font-size:14px;transition:all .2s}.btn-save[data-v-651ffe6c]:hover{background:#45a049}.compare-groups-section[data-v-651ffe6c]{border-top:2px solid #e0e0e0;margin-top:32px;padding-top:32px}.groups-title-row[data-v-651ffe6c]{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.groups-title-left[data-v-651ffe6c]{align-items:center;gap:16px;display:flex}.groups-title[data-v-651ffe6c]{color:#1a3a2a;margin:0;font-size:18px;font-weight:600}.groups-select-btns[data-v-651ffe6c]{align-items:center;gap:8px;display:flex}.groups-title-actions[data-v-651ffe6c]{align-items:center;gap:10px;display:flex}.btn-select-groups[data-v-651ffe6c]{color:#4caf50;cursor:pointer;background:#fff;border:1px solid #4caf50;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .2s}.btn-select-groups[data-v-651ffe6c]:hover{background:#e8f5e9}.btn-select-groups.active[data-v-651ffe6c]{color:#fff;background:#4caf50}.groups-list[data-v-651ffe6c]{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.group-card[data-v-651ffe6c]{cursor:pointer;background:#fff;border:2px solid #e8f5e9;border-radius:12px;padding:16px;transition:all .2s}.group-card[data-v-651ffe6c]:hover{border-color:#4caf50;box-shadow:0 4px 12px #4caf5033}.group-card.group-selected[data-v-651ffe6c]{background:#f1f8f4;border-color:#4caf50;box-shadow:0 4px 12px #4caf504d}.group-header[data-v-651ffe6c]{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.group-header-left[data-v-651ffe6c]{align-items:center;gap:8px;display:flex}.group-checkbox[data-v-651ffe6c]{cursor:pointer;accent-color:#4caf50;width:18px;height:18px}.group-name[data-v-651ffe6c]{color:#1a3a2a;font-size:16px;font-weight:600}.btn-start-compare-quiz[data-v-651ffe6c]{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:600;transition:all .2s}.btn-start-compare-quiz[data-v-651ffe6c]:hover:not(:disabled){background:#45a049;box-shadow:0 2px 8px #4caf504d}.btn-start-compare-quiz[data-v-651ffe6c]:disabled{cursor:not-allowed;background:#ccc}.group-actions[data-v-651ffe6c]{gap:8px;display:flex}.btn-load-group[data-v-651ffe6c],.btn-delete-group[data-v-651ffe6c]{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:all .2s;display:flex}.btn-load-group[data-v-651ffe6c]{color:#2196f3;background:#e3f2fd}.btn-load-group[data-v-651ffe6c]:hover{color:#fff;background:#2196f3}.btn-delete-group[data-v-651ffe6c]{color:#f44336;background:#ffebee}.btn-delete-group[data-v-651ffe6c]:hover{color:#fff;background:#f44336}.group-words[data-v-651ffe6c]{flex-wrap:wrap;gap:8px;display:flex}.group-word-tag[data-v-651ffe6c]{color:#666;background:#f5f5f5;border-radius:16px;padding:4px 12px;font-size:13px}.toast-success[data-v-651ffe6c]{color:#fff;z-index:10000;background:#4caf50;border-radius:8px;padding:12px 24px;font-size:15px;font-weight:600;position:fixed;bottom:40px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #4caf504d}.toast-enter-active[data-v-651ffe6c],.toast-leave-active[data-v-651ffe6c]{transition:all .3s}.toast-enter-from[data-v-651ffe6c],.toast-leave-to[data-v-651ffe6c]{opacity:0;transform:translate(-50%)translateY(20px)}.compare-two-columns[data-v-651ffe6c]{grid-template-columns:1fr 1fr;gap:16px;display:grid}.compare-column[data-v-651ffe6c]{flex-direction:column;gap:8px;display:flex}.compare-column .detail-item[data-v-651ffe6c]{cursor:grab;-webkit-user-select:none;user-select:none;justify-content:flex-start;gap:12px}.compare-column .detail-item .btn-unmark[data-v-651ffe6c]{flex-shrink:0;margin-left:auto}.compare-column .detail-item[data-v-651ffe6c]:active{cursor:grabbing}.drag-handle[data-v-651ffe6c]{color:#ccc;letter-spacing:1px;flex-shrink:0;margin-right:8px;font-size:14px}.compare-column .detail-item.dragging[data-v-651ffe6c]{opacity:.4;background:#e3f2fd;border-color:#42a5f5}.compare-column .detail-item.drag-over[data-v-651ffe6c]{background:#e3f2fd;border-color:#42a5f5;transform:scale(1.02)}.search-page-content[data-v-651ffe6c]{max-width:800px;margin:0 auto;padding:0 24px}.search-page-content .search-input-wrapper[data-v-651ffe6c]{background:#fff;border:2px solid #e0e0e0;border-radius:12px;align-items:center;margin-bottom:24px;padding:0 16px;transition:border-color .2s;display:flex}.search-page-content .search-input-wrapper[data-v-651ffe6c]:focus-within{border-color:#4caf50}.search-page-input[data-v-651ffe6c]{background:0 0;border:none;outline:none;flex:1;padding:14px 0;font-size:16px}.search-page-content .btn-clear[data-v-651ffe6c]{cursor:pointer;color:#999;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:flex}.search-page-content .btn-clear[data-v-651ffe6c]:hover{color:#666}.search-results-list[data-v-651ffe6c]{flex-direction:column;gap:8px;display:flex}.search-result-item[data-v-651ffe6c]{background:#fff;border:1px solid #e8e8e8;border-radius:10px;justify-content:space-between;align-items:center;padding:14px 18px;transition:all .2s;display:flex}.search-result-item[data-v-651ffe6c]:hover{border-color:#4caf50;box-shadow:0 2px 8px #4caf501a}.search-result-info[data-v-651ffe6c]{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.search-result-word[data-v-651ffe6c]{color:#1a3a2a;white-space:nowrap;font-size:17px;font-weight:600}.search-result-meaning[data-v-651ffe6c]{color:#666;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.search-result-btns[data-v-651ffe6c]{flex-shrink:0;gap:8px;margin-left:12px;display:flex}.search-btn-familiar[data-v-651ffe6c],.search-btn-compare[data-v-651ffe6c]{cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .2s;display:flex}.search-btn-familiar[data-v-651ffe6c]:hover{background:#fff8e1;border-color:#ffc107}.search-btn-familiar.active[data-v-651ffe6c]{color:#f57f17;background:#fff8e1;border-color:#ffc107}.search-btn-compare[data-v-651ffe6c]:hover{background:#e3f2fd;border-color:#2196f3}.search-btn-compare.active[data-v-651ffe6c]{color:#1976d2;background:#e3f2fd;border-color:#2196f3}.header-actions[data-v-651ffe6c]{align-items:center;gap:12px;display:flex;position:absolute;top:20px;right:20px}.btn-data[data-v-651ffe6c]{color:#555;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:18px;align-items:center;gap:4px;padding:6px 12px;font-size:14px;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000014}.btn-data[data-v-651ffe6c]:hover{background:#f5f5f5;border-color:#bbb;transform:translateY(-1px)}.btn-data-icon[data-v-651ffe6c]{font-size:16px}.btn-data-text[data-v-651ffe6c]{font-size:13px}.btn-help[data-v-651ffe6c]{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:50%;flex-shrink:0;width:36px;height:36px;font-size:20px;font-weight:700;transition:all .2s;box-shadow:0 2px 8px #00000026}.btn-help[data-v-651ffe6c]:hover{background:#45a049;transform:scale(1.1)}.btn-import-file[data-v-651ffe6c]{color:#fff;cursor:pointer;background:#4caf50;border-radius:20px;padding:10px 28px;font-size:15px;transition:all .2s;display:inline-block}.btn-import-file[data-v-651ffe6c]:hover{background:#45a049}.import-feedback[data-v-651ffe6c]{margin-top:16px;font-size:14px}.import-feedback.success[data-v-651ffe6c]{color:#4caf50}.import-feedback.error[data-v-651ffe6c]{color:#f44336}.help-modal[data-v-651ffe6c]{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.help-content[data-v-651ffe6c]{background:#fff;border-radius:16px;flex-direction:column;width:90%;max-width:800px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 8px 32px #0003}.help-header[data-v-651ffe6c]{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:24px;display:flex}.help-header h2[data-v-651ffe6c]{color:#1a3a2a;margin:0;font-size:24px}.btn-close-help[data-v-651ffe6c]{cursor:pointer;background:#f5f5f5;border:none;border-radius:50%;width:36px;height:36px;font-size:20px;transition:all .2s}.btn-close-help[data-v-651ffe6c]:hover{background:#e0e0e0}.help-body[data-v-651ffe6c]{padding:24px;overflow-y:auto}.help-section[data-v-651ffe6c]{margin-bottom:28px}.help-section[data-v-651ffe6c]:last-child{margin-bottom:0}.help-section h3[data-v-651ffe6c]{color:#1a3a2a;margin:0 0 12px;font-size:18px;font-weight:600}.help-section ul[data-v-651ffe6c]{margin:0;padding-left:20px}.help-section li[data-v-651ffe6c]{color:#555;margin-bottom:8px;line-height:1.6}.help-section li[data-v-651ffe6c]:last-child{margin-bottom:0}.help-section strong[data-v-651ffe6c]{color:#1a3a2a;font-weight:600}.btn-select-all[data-v-651ffe6c]{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:6px;padding:6px 16px;font-size:13px;transition:all .2s}.btn-select-all[data-v-651ffe6c]:hover{background:#45a049}.btn-deselect-all[data-v-651ffe6c]{color:#666;cursor:pointer;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;padding:6px 16px;font-size:13px;transition:all .2s}.btn-deselect-all[data-v-651ffe6c]:hover{background:#e0e0e0}