.user-auth[data-v-4214d3cb]{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.3);box-shadow:0 6px 20px #0000001a;transition:all .3s ease;min-width:280px;max-width:320px}.user-auth[data-v-4214d3cb]:hover{transform:translateY(-2px);box-shadow:0 12px 35px #00000026}.auth-loading[data-v-4214d3cb]{display:flex;align-items:center;justify-content:center;padding:1rem}.spinner-small[data-v-4214d3cb]{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin-4214d3cb 1s linear infinite}@keyframes spin-4214d3cb{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.signed-out[data-v-4214d3cb]{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.sign-in-btn[data-v-4214d3cb]{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;border-radius:20px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 12px #3498db4d;white-space:nowrap}.sign-in-btn[data-v-4214d3cb]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3498db66;background:linear-gradient(135deg,#2980b9,#3498db)}.sign-in-btn[data-v-4214d3cb]:disabled{opacity:.7;cursor:not-allowed;transform:none}.google-icon[data-v-4214d3cb]{font-size:1.1rem}.auth-description[data-v-4214d3cb]{color:#7f8c8d;font-size:.75rem;margin:0;line-height:1.3;text-align:center}.signed-in[data-v-4214d3cb]{display:flex;align-items:center;gap:1rem;width:100%}.user-info[data-v-4214d3cb]{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.user-avatar[data-v-4214d3cb]{width:36px;height:36px;border-radius:50%;border:2px solid rgba(52,152,219,.3);flex-shrink:0;box-shadow:0 2px 6px #0000001a}.user-details[data-v-4214d3cb]{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.user-name[data-v-4214d3cb]{color:#2c3e50;font-weight:600;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sync-status[data-v-4214d3cb]{font-size:.7rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sync-status.syncing[data-v-4214d3cb]{color:#ffc107;animation:pulse-4214d3cb 1.5s ease-in-out infinite}.sync-status.synced[data-v-4214d3cb]{color:#27ae60}.sync-status.not-synced[data-v-4214d3cb]{color:#7f8c8d}@keyframes pulse-4214d3cb{0%,to{opacity:1}50%{opacity:.6}}.user-actions[data-v-4214d3cb]{display:flex;gap:.5rem;flex-shrink:0}.sync-btn[data-v-4214d3cb],.sign-out-btn[data-v-4214d3cb]{width:32px;height:32px;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:.85rem;flex-shrink:0}.sync-btn[data-v-4214d3cb]{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;box-shadow:0 2px 8px #28a7454d}.sync-btn[data-v-4214d3cb]:hover:not(:disabled){transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #28a74566}.sign-out-btn[data-v-4214d3cb]{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;box-shadow:0 2px 8px #dc35454d}.sign-out-btn[data-v-4214d3cb]:hover:not(:disabled){transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #dc354566}.sync-btn[data-v-4214d3cb]:disabled,.sign-out-btn[data-v-4214d3cb]:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-error[data-v-4214d3cb]{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;padding:.6rem .8rem;border-radius:8px;font-size:.8rem;cursor:pointer;transition:all .3s ease;width:100%;box-sizing:border-box;animation:slideIn-4214d3cb .3s ease-out}.auth-error[data-v-4214d3cb]:hover{background:linear-gradient(135deg,#c82333,#dc3545)}.error-icon[data-v-4214d3cb]{flex-shrink:0}.error-message[data-v-4214d3cb]{flex:1;line-height:1.4}.error-close[data-v-4214d3cb]{background:none;border:none;color:#fff;cursor:pointer;font-size:1rem;padding:0;flex-shrink:0}@keyframes slideIn-4214d3cb{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.app.dark-mode .user-auth[data-v-4214d3cb]{background:#282828f2;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 25px #0000004d}.app.dark-mode .user-auth[data-v-4214d3cb]:hover{box-shadow:0 12px 35px #0006}.app.dark-mode .auth-description[data-v-4214d3cb]{color:#b0b0b0}.app.dark-mode .user-name[data-v-4214d3cb]{color:#e8e8e8}.app.dark-mode .sync-status.synced[data-v-4214d3cb]{color:#2ecc71}.app.dark-mode .sync-status.not-synced[data-v-4214d3cb]{color:#ffffff80}.app.dark-mode .user-avatar[data-v-4214d3cb]{border:2px solid rgba(74,158,255,.3)}.app.dark-mode .sign-in-btn[data-v-4214d3cb]{background:linear-gradient(135deg,#4a9eff,#357abd);box-shadow:0 4px 15px #4a9eff4d}.app.dark-mode .sign-in-btn[data-v-4214d3cb]:hover:not(:disabled){background:linear-gradient(135deg,#357abd,#4a9eff);box-shadow:0 6px 20px #4a9eff66}@media (max-width: 768px){.user-auth[data-v-4214d3cb]{padding:.5rem;gap:.35rem;min-width:240px;max-width:280px}.signed-in[data-v-4214d3cb]{flex-direction:column;align-items:stretch;gap:.5rem}.user-info[data-v-4214d3cb],.user-actions[data-v-4214d3cb]{justify-content:center}.sign-in-btn[data-v-4214d3cb]{padding:.45rem .9rem;font-size:.75rem}.auth-description[data-v-4214d3cb]{font-size:.65rem;line-height:1.2}}@media (max-width: 480px){.user-auth[data-v-4214d3cb]{padding:.4rem;gap:.3rem;min-width:220px;max-width:260px}.user-info[data-v-4214d3cb]{gap:.35rem}.user-avatar[data-v-4214d3cb]{width:28px;height:28px}.user-name[data-v-4214d3cb]{font-size:.75rem}.sync-status[data-v-4214d3cb]{font-size:.6rem}.sync-btn[data-v-4214d3cb],.sign-out-btn[data-v-4214d3cb]{width:26px;height:26px;font-size:.7rem}.sign-in-btn[data-v-4214d3cb]{padding:.4rem .8rem;font-size:.7rem}.auth-error[data-v-4214d3cb]{padding:.4rem .5rem;font-size:.7rem}.auth-description[data-v-4214d3cb]{font-size:.6rem;line-height:1.1}}@media (max-width: 360px){.user-auth[data-v-4214d3cb]{padding:.35rem;gap:.25rem;min-width:200px;max-width:240px}.signed-in[data-v-4214d3cb]{gap:.4rem}.user-info[data-v-4214d3cb]{gap:.3rem}.user-avatar[data-v-4214d3cb]{width:26px;height:26px}.user-name[data-v-4214d3cb]{font-size:.7rem}.sync-status[data-v-4214d3cb]{font-size:.55rem}.sync-btn[data-v-4214d3cb],.sign-out-btn[data-v-4214d3cb]{width:24px;height:24px;font-size:.65rem}.sign-in-btn[data-v-4214d3cb]{padding:.35rem .7rem;font-size:.65rem}.auth-error[data-v-4214d3cb]{padding:.35rem .45rem;font-size:.65rem}.auth-description[data-v-4214d3cb]{font-size:.55rem;line-height:1.1}}.app[data-v-95f5bc48]{min-height:100vh;background:linear-gradient(135deg,#74b9ff,#0984e3,#00b894);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.header[data-v-95f5bc48]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.5rem 0;text-align:center;box-shadow:0 2px 20px #0000001a}.header h1[data-v-95f5bc48]{margin:0;font-size:2.2rem;color:#2c3e50;font-weight:700}.subtitle[data-v-95f5bc48]{margin:.25rem 0 0;color:#7f8c8d;font-size:1rem;line-height:1.3}.container[data-v-95f5bc48]{max-width:1200px;margin:0 auto;padding:2rem 1rem}.loading[data-v-95f5bc48],.filter-loading[data-v-95f5bc48]{text-align:center;padding:4rem 0;color:#fff}.filter-loading[data-v-95f5bc48]{padding:2rem 0}.spinner[data-v-95f5bc48]{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin-95f5bc48 1s linear infinite;margin:0 auto 1rem}@keyframes spin-95f5bc48{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error[data-v-95f5bc48]{background:#e74c3ce6;color:#fff;padding:2rem;border-radius:10px;text-align:center}.retry-btn[data-v-95f5bc48]{background:#fff;color:#e74c3c;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;font-weight:600;margin-top:1rem}.filters[data-v-95f5bc48]{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;align-items:center}.filters-row[data-v-95f5bc48]{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.search-box[data-v-95f5bc48]{position:relative;flex:1;min-width:200px;max-width:none}.search-input[data-v-95f5bc48]{width:90%;padding:.75rem 2.5rem .75rem 1rem;border:none;border-radius:25px;font-size:1rem;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000001a}.search-input[data-v-95f5bc48]:focus{outline:none;box-shadow:0 4px 20px #0003}.clear-btn[data-v-95f5bc48]{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#7f8c8d;font-size:1.2rem}.level-filter[data-v-95f5bc48],.voice-filter[data-v-95f5bc48]{display:flex;align-items:center;gap:.5rem;color:#fff;font-weight:600;white-space:nowrap;flex-shrink:0}.level-select[data-v-95f5bc48],.voice-select[data-v-95f5bc48]{padding:.5rem;border:none;border-radius:5px;background:#ffffffe6;cursor:pointer}.results-summary[data-v-95f5bc48]{color:#fff;margin-bottom:1rem;text-align:center}.grammar-list[data-v-95f5bc48]{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.grammar-card[data-v-95f5bc48]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:2.5rem 1.5rem 1.5rem;box-shadow:0 8px 25px #0000001a;transition:transform .3s ease,box-shadow .3s ease;position:relative}.grammar-card[data-v-95f5bc48]:hover{transform:translateY(-5px);box-shadow:0 12px 35px #00000026}.grammar-number-top[data-v-95f5bc48]{position:absolute;top:-12px;right:-12px;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;box-shadow:0 4px 12px #3498db4d;border:3px solid rgba(255,255,255,.95);z-index:10;transition:all .3s ease}.grammar-card:hover .grammar-number-top[data-v-95f5bc48]{transform:scale(1.1);box-shadow:0 6px 16px #3498db66}.card-header[data-v-95f5bc48]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.grammar-title[data-v-95f5bc48]{display:flex;flex-direction:column;gap:.25rem}.kanji[data-v-95f5bc48],.kana[data-v-95f5bc48]{font-size:1.5rem;font-weight:700;color:#2c3e50}.level-badge[data-v-95f5bc48]{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:700;color:#fff}.level-1[data-v-95f5bc48]{background:#e74c3c}.level-2[data-v-95f5bc48]{background:#e67e22}.level-3[data-v-95f5bc48]{background:#f39c12}.level-4[data-v-95f5bc48]{background:#27ae60}.level-5[data-v-95f5bc48]{background:#3498db}.level-default[data-v-95f5bc48]{background:#95a5a6}.meaning[data-v-95f5bc48],.usage[data-v-95f5bc48],.examples[data-v-95f5bc48],.sensei-note[data-v-95f5bc48]{margin-bottom:1rem;line-height:1.6}.meaning strong[data-v-95f5bc48],.usage strong[data-v-95f5bc48],.examples strong[data-v-95f5bc48],.sensei-note strong[data-v-95f5bc48]{color:#2c3e50;display:block;margin-bottom:.5rem}.usage code[data-v-95f5bc48]{background:#f8f9fa;padding:.25rem .5rem;border-radius:4px;font-family:Courier New,monospace;color:#e74c3c}.example-text[data-v-95f5bc48]{background:#f8f9fa;padding:1rem;border-radius:8px;border-left:4px solid #3498db;white-space:pre-line;font-size:.95rem;line-height:1.7}.parsed-examples[data-v-95f5bc48]{display:flex;flex-direction:column;gap:1rem}.example-item[data-v-95f5bc48]{background:#f8f9fa;padding:1rem;border-radius:8px;border-left:4px solid #3498db}.japanese-text-container[data-v-95f5bc48]{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.5rem}.japanese-text[data-v-95f5bc48]{font-size:1rem;font-weight:600;color:#2c3e50;line-height:1.6;flex:1}.audio-play-btn[data-v-95f5bc48]{background:linear-gradient(135deg,#27ae60,#2ecc71);border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;color:#fff;transition:all .3s ease;box-shadow:0 2px 8px #27ae604d;flex-shrink:0}.audio-play-btn[data-v-95f5bc48]:hover{transform:translateY(-2px) scale(1.1);box-shadow:0 4px 12px #27ae6066;background:linear-gradient(135deg,#2ecc71,#27ae60)}.audio-play-btn[data-v-95f5bc48]:active{transform:translateY(0) scale(1.05);box-shadow:0 2px 6px #27ae604d}.myanmar-text[data-v-95f5bc48]{font-size:.95rem;color:#7f8c8d;line-height:1.7;font-style:italic}.examples-header[data-v-95f5bc48]{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.examples-header strong[data-v-95f5bc48]{margin-bottom:0!important}.play-all-btn[data-v-95f5bc48]{background:linear-gradient(135deg,#f39c12,#e67e22);border:none;border-radius:20px;padding:.4rem .8rem;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;color:#fff;transition:all .3s ease;box-shadow:0 2px 8px #f39c124d;flex-shrink:0;font-weight:600;white-space:nowrap}.play-all-btn[data-v-95f5bc48]:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px #f39c1266;background:linear-gradient(135deg,#e67e22,#f39c12)}.play-all-btn[data-v-95f5bc48]:active{transform:translateY(0) scale(1.02);box-shadow:0 2px 6px #f39c124d}.play-all-btn.active[data-v-95f5bc48],.play-all-btn.playing[data-v-95f5bc48]{background:linear-gradient(135deg,#e74c3c,#c0392b);animation:playingPulse-95f5bc48 1.5s ease-in-out infinite}.play-all-btn.active[data-v-95f5bc48]:hover,.play-all-btn.playing[data-v-95f5bc48]:hover{background:linear-gradient(135deg,#c0392b,#e74c3c)}@keyframes playingPulse-95f5bc48{0%,to{box-shadow:0 2px 8px #e74c3c4d;transform:scale(1)}50%{box-shadow:0 4px 16px #e74c3c99;transform:scale(1.02)}}.japanese-text ruby[data-v-95f5bc48]{ruby-align:center;ruby-position:over}.japanese-text rt[data-v-95f5bc48]{font-size:.7em;color:#555;font-weight:400;line-height:1.2;text-align:center;display:block;margin-bottom:2px}.japanese-text ruby[data-v-95f5bc48]{display:inline-block;text-align:center;vertical-align:baseline;white-space:nowrap;line-height:1}.japanese-text ruby>rt[data-v-95f5bc48]{display:block;font-size:.7em;line-height:1.2;text-align:center;color:#555;font-weight:400;margin-bottom:2px;white-space:nowrap}.japanese-text ruby>rb[data-v-95f5bc48]{display:block;line-height:1.4}.sensei-note[data-v-95f5bc48]{background:#fff3cd;padding:1rem;border-radius:8px;border-left:4px solid #ffc107}.empty-state[data-v-95f5bc48]{text-align:center;color:#fff;padding:4rem 0}.empty-state h3[data-v-95f5bc48]{font-size:2rem;margin-bottom:1rem}.back-to-top[data-v-95f5bc48]{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;border-radius:50%;font-size:1.5rem;font-weight:700;cursor:pointer;box-shadow:0 4px 15px #3498db4d;transition:all .3s ease;z-index:1000;display:flex;align-items:center;justify-content:center}.back-to-top[data-v-95f5bc48]:hover{transform:translateY(-3px) scale(1.1);box-shadow:0 6px 20px #3498db66;background:linear-gradient(135deg,#2980b9,#3498db)}.back-to-top[data-v-95f5bc48]:active{transform:translateY(-1px) scale(1.05)}.favorites-toggle[data-v-95f5bc48]{padding:.75rem 1.5rem;border:none;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;background:#ffffffe6;color:#2c3e50;box-shadow:0 4px 15px #0000001a}.favorites-toggle[data-v-95f5bc48]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.favorites-toggle.active[data-v-95f5bc48]{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.flashcard-toggle[data-v-95f5bc48]{padding:.75rem 1.5rem;border:none;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;background:#ffffffe6;color:#2c3e50;box-shadow:0 4px 15px #0000001a;flex-shrink:0;white-space:nowrap}.flashcard-toggle[data-v-95f5bc48]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.flashcard-toggle.active[data-v-95f5bc48]{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.card-header-right[data-v-95f5bc48]{display:flex;align-items:center;gap:.75rem}.favorite-btn[data-v-95f5bc48]{background:none;border:none;font-size:1.5rem;cursor:pointer;transition:all .3s ease;padding:.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem}.favorite-btn[data-v-95f5bc48]:hover{background:#ffc1071a;transform:scale(1.1)}.favorite-btn.active[data-v-95f5bc48]{color:#ffc107;animation:favoriteAdded-95f5bc48 .3s ease}.favorite-btn[data-v-95f5bc48]:not(.active){color:#bdc3c7}@keyframes favoriteAdded-95f5bc48{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.flashcard-container[data-v-95f5bc48]{display:flex;flex-direction:column;align-items:center;gap:2rem;max-width:800px;margin:0 auto}.flashcard-nav[data-v-95f5bc48]{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:400px;gap:2rem}.nav-btn[data-v-95f5bc48]{padding:.75rem 1.5rem;border:none;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;box-shadow:0 4px 15px #3498db4d}.nav-btn[data-v-95f5bc48]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3498db66}.nav-btn[data-v-95f5bc48]:disabled{opacity:.5;cursor:not-allowed;transform:none}.flashcard-counter[data-v-95f5bc48]{font-size:1.2rem;font-weight:700;color:#fff;text-align:center;min-width:100px}.mobile-swipe-info[data-v-95f5bc48]{display:none;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:400px}.swipe-counter[data-v-95f5bc48]{font-size:1.2rem;font-weight:700;color:#fff;text-align:center}.swipe-instructions[data-v-95f5bc48]{display:flex;align-items:center;gap:1rem;background:#ffffff1a;padding:.75rem 1.5rem;border-radius:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffffe6;font-size:.9rem;font-weight:600}.swipe-icon[data-v-95f5bc48]{font-size:1.2rem;animation:swipeHint-95f5bc48 2s ease-in-out infinite}.swipe-text[data-v-95f5bc48]{white-space:nowrap}@keyframes swipeHint-95f5bc48{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.flashcard-stack[data-v-95f5bc48]{position:relative;width:100%;max-width:750px;min-height:500px;display:flex;align-items:center;justify-content:center;perspective:1000px;overflow:hidden;padding:20px;box-sizing:border-box}.flashcard[data-v-95f5bc48]{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:2.5rem 1.5rem 1.5rem;box-shadow:0 8px 25px #0000001a;transition:transform .3s ease,box-shadow .3s ease;position:absolute;width:calc(100% - 40px);max-width:710px;min-height:450px;color:#2c3e50;overflow:visible;box-sizing:border-box}.flashcard-active[data-v-95f5bc48]{z-index:20;position:relative}.flashcard-stacked[data-v-95f5bc48]{pointer-events:none;cursor:default}.flashcard-stacked .card-header[data-v-95f5bc48]{margin-bottom:2rem}.flashcard-stacked .meaning[data-v-95f5bc48],.flashcard-stacked .usage[data-v-95f5bc48],.flashcard-stacked .examples[data-v-95f5bc48],.flashcard-stacked .sensei-note[data-v-95f5bc48]{display:none}.flashcard[data-v-95f5bc48]:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(255,255,255,.05) 100%);pointer-events:none}.flashcard[data-v-95f5bc48]:hover{box-shadow:0 30px 80px #667eea66,0 10px 30px #764ba24d,inset 0 1px #ffffff4d}.flashcard .grammar-number-top[data-v-95f5bc48]{width:50px;height:50px;font-size:1.3rem;top:-20px;right:-20px;background:linear-gradient(135deg,#ff6b6b,#ee5a52);border:4px solid rgba(255,255,255,.9);box-shadow:0 8px 25px #ff6b6b66}.flashcard .kanji[data-v-95f5bc48],.flashcard .kana[data-v-95f5bc48]{font-size:1.5rem;color:#2c3e50;font-weight:700}.flashcard .grammar-number-top[data-v-95f5bc48]{width:32px;height:32px;font-size:.9rem;top:-12px;right:-12px;background:linear-gradient(135deg,#3498db,#2980b9);border:3px solid rgba(255,255,255,.95);box-shadow:0 4px 12px #3498db4d}.flashcard .favorite-btn[data-v-95f5bc48]:not(.active){color:#bdc3c7}.flashcard .favorite-btn.active[data-v-95f5bc48]{color:#ffc107}.flashcard.swipe-animating[data-v-95f5bc48]{transform:scale(.98);transition:transform .3s ease}.slider-navigation[data-v-95f5bc48]{width:100%;max-width:600px;display:flex;flex-direction:column;gap:1rem;align-items:center}.slider-container[data-v-95f5bc48]{width:100%;position:relative;padding:0 1rem}.card-slider[data-v-95f5bc48]{width:100%;height:8px;border-radius:4px;background:#fff3;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none;transition:all .3s ease}.card-slider[data-v-95f5bc48]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#3498db,#2980b9);cursor:pointer;box-shadow:0 2px 8px #3498db66;transition:all .3s ease}.card-slider[data-v-95f5bc48]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #3498db99}.card-slider[data-v-95f5bc48]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#3498db,#2980b9);cursor:pointer;border:none;box-shadow:0 2px 8px #3498db66;transition:all .3s ease}.card-slider[data-v-95f5bc48]::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 4px 12px #3498db99}.card-slider[data-v-95f5bc48]::-moz-range-track{height:8px;border-radius:4px;background:#fff3;border:none}.card-slider[data-v-95f5bc48]{background:linear-gradient(to right,#3498db 0%,#3498db var(--progress),rgba(255,255,255,.2) var(--progress),rgba(255,255,255,.2) 100%)}.slider-labels[data-v-95f5bc48]{display:flex;justify-content:space-between;margin-top:.5rem;color:#fffc;font-size:.85rem;font-weight:600}.slider-info[data-v-95f5bc48]{display:flex;flex-direction:column;align-items:center;gap:.75rem}.current-card-info[data-v-95f5bc48]{color:#ffffffe6;font-size:.95rem;font-weight:600;text-align:center}.progress-dots[data-v-95f5bc48]{display:flex;gap:.5rem;align-items:center}.progress-dot[data-v-95f5bc48]{width:8px;height:8px;border-radius:50%;background:#ffffff4d;transition:all .3s ease}.progress-dot.filled[data-v-95f5bc48]{background:#3498dbcc;transform:scale(1.1)}.progress-dot.active[data-v-95f5bc48]{background:#3498db;transform:scale(1.3);box-shadow:0 0 8px #3498db99}.shuffle-controls[data-v-95f5bc48]{display:flex;gap:.75rem;align-items:center;justify-content:center;margin-top:.5rem}.shuffle-btn[data-v-95f5bc48],.reset-shuffle-btn[data-v-95f5bc48],.auto-advance-btn[data-v-95f5bc48]{padding:.6rem 1.2rem;border:none;border-radius:20px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;background:#ffffffe6;color:#2c3e50;box-shadow:0 3px 12px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:.5rem;white-space:nowrap}.shuffle-btn[data-v-95f5bc48]:hover:not(:disabled),.reset-shuffle-btn[data-v-95f5bc48]:hover,.auto-advance-btn[data-v-95f5bc48]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 16px #00000026}.shuffle-btn[data-v-95f5bc48]:disabled,.auto-advance-btn[data-v-95f5bc48]:disabled{opacity:.5;cursor:not-allowed;transform:none}.shuffle-btn.active[data-v-95f5bc48]{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff;animation:shuffleActive-95f5bc48 .5s ease}.reset-shuffle-btn[data-v-95f5bc48]{background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff}.reset-shuffle-btn[data-v-95f5bc48]:hover{background:linear-gradient(135deg,#7f8c8d,#95a5a6)}.auto-advance-btn[data-v-95f5bc48]{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff}.auto-advance-btn[data-v-95f5bc48]:hover:not(:disabled){background:linear-gradient(135deg,#2ecc71,#27ae60)}.auto-advance-btn.active[data-v-95f5bc48]{background:linear-gradient(135deg,#e74c3c,#c0392b);animation:autoAdvanceActive-95f5bc48 1.5s ease-in-out infinite}.auto-advance-btn.active[data-v-95f5bc48]:hover{background:linear-gradient(135deg,#c0392b,#e74c3c)}@keyframes autoAdvanceActive-95f5bc48{0%,to{box-shadow:0 3px 12px #e74c3c4d;transform:scale(1)}50%{box-shadow:0 5px 20px #e74c3c99;transform:scale(1.02)}}.shuffle-indicator[data-v-95f5bc48]{margin-left:.5rem;font-size:.9em;opacity:.8;animation:shuffleIndicator-95f5bc48 2s ease-in-out infinite}@keyframes shuffleActive-95f5bc48{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes shuffleIndicator-95f5bc48{0%,to{opacity:.8}50%{opacity:1}}.keyboard-hints[data-v-95f5bc48]{display:flex;gap:2rem;color:#fffc;font-size:.9rem;text-align:center}.keyboard-hints span[data-v-95f5bc48]{background:#ffffff1a;padding:.5rem 1rem;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 1024px){.search-box[data-v-95f5bc48]{min-width:180px}.flashcard-toggle[data-v-95f5bc48]{padding:.6rem .8rem;font-size:.85rem}.level-filter label[data-v-95f5bc48],.voice-filter label[data-v-95f5bc48],.level-select[data-v-95f5bc48],.voice-select[data-v-95f5bc48]{font-size:.9rem}}@media (max-width: 900px) and (min-width: 769px){.search-box[data-v-95f5bc48]{min-width:150px}.flashcard-toggle[data-v-95f5bc48]{padding:.5rem .7rem;font-size:.8rem}.level-select[data-v-95f5bc48],.voice-select[data-v-95f5bc48]{padding:.4rem;font-size:.9rem}.level-filter[data-v-95f5bc48],.voice-filter[data-v-95f5bc48]{gap:.3rem}.level-filter label[data-v-95f5bc48],.voice-filter label[data-v-95f5bc48]{font-size:.85rem;min-width:fit-content}}@media (max-width: 768px){.header h1[data-v-95f5bc48]{font-size:2rem}.container[data-v-95f5bc48]{padding:1rem .5rem}.filters[data-v-95f5bc48]{flex-direction:column;align-items:stretch;padding:0 .5rem;gap:1rem}.search-box[data-v-95f5bc48]{min-width:auto;max-width:none;width:100%;order:1}.search-input[data-v-95f5bc48]{width:calc(100% - 1rem);min-width:0;box-sizing:border-box}.level-filter[data-v-95f5bc48]{justify-content:center;order:2}.filters-row[data-v-95f5bc48]{display:flex;justify-content:space-between;align-items:center;gap:1rem;order:3}.voice-filter[data-v-95f5bc48]{flex:1;justify-content:flex-start}.flashcard-toggle[data-v-95f5bc48]{flex-shrink:0}.grammar-list[data-v-95f5bc48]{grid-template-columns:1fr;padding:0 .5rem}.grammar-card[data-v-95f5bc48]{padding:1rem}.card-header[data-v-95f5bc48]{flex-direction:column;gap:1rem}.flashcard-container[data-v-95f5bc48]{max-width:100%;padding:0 .5rem;gap:1.5rem}.desktop-nav[data-v-95f5bc48]{display:none}.mobile-swipe-info[data-v-95f5bc48]{display:flex}.flashcard-nav[data-v-95f5bc48]{max-width:100%;gap:1rem}.nav-btn[data-v-95f5bc48]{padding:.6rem 1rem;font-size:.9rem}.flashcard-counter[data-v-95f5bc48]{font-size:1rem;min-width:80px}.flashcard-stack[data-v-95f5bc48]{max-width:100%;min-height:400px;padding:15px;overflow:hidden}.flashcard[data-v-95f5bc48]{padding:2.5rem 1.5rem 1.5rem;min-height:350px;width:calc(100% - 30px);max-width:calc(100% - 30px);margin:0}.flashcard .kanji[data-v-95f5bc48],.flashcard .kana[data-v-95f5bc48]{font-size:1.8rem}.keyboard-hints[data-v-95f5bc48]{display:none}.slider-navigation[data-v-95f5bc48]{max-width:100%;gap:.75rem}.slider-container[data-v-95f5bc48]{padding:0 .5rem}.card-slider[data-v-95f5bc48]{height:6px}.card-slider[data-v-95f5bc48]::-webkit-slider-thumb{width:18px;height:18px}.card-slider[data-v-95f5bc48]::-moz-range-thumb{width:18px;height:18px}.slider-labels[data-v-95f5bc48]{font-size:.8rem;margin-top:.25rem}.current-card-info[data-v-95f5bc48]{font-size:.9rem}.progress-dots[data-v-95f5bc48]{gap:.4rem}.progress-dot[data-v-95f5bc48]{width:6px;height:6px}}@media (max-width: 480px){.container[data-v-95f5bc48]{padding:1rem .25rem}.filters[data-v-95f5bc48]{padding:0 .25rem}.search-input[data-v-95f5bc48]{width:calc(100% - .5rem);padding:.75rem 2.5rem .75rem .75rem}.grammar-list[data-v-95f5bc48]{padding:0 .25rem}.grammar-card[data-v-95f5bc48]{padding:.75rem}.flashcard-container[data-v-95f5bc48]{padding:0 .25rem;gap:.75rem;width:100%;max-width:100%;box-sizing:border-box}.flashcard-nav[data-v-95f5bc48]{flex-direction:column;gap:.75rem;align-items:center;width:100%;max-width:100%}.nav-btn[data-v-95f5bc48]{padding:.5rem .75rem;font-size:.8rem;width:110px;max-width:45%}.flashcard-counter[data-v-95f5bc48]{order:-1;font-size:.85rem}.flashcard-stack[data-v-95f5bc48]{max-width:100%;min-height:320px;padding:10px;overflow:hidden}.flashcard[data-v-95f5bc48]{padding:1.75rem .75rem .75rem;min-height:280px;border-radius:12px;width:calc(100% - 20px);max-width:calc(100% - 20px);margin:0;box-sizing:border-box}.flashcard .grammar-number-top[data-v-95f5bc48]{width:30px;height:30px;font-size:.9rem;top:-10px;right:-10px}.flashcard .kanji[data-v-95f5bc48],.flashcard .kana[data-v-95f5bc48]{font-size:1.3rem;word-break:break-word}.flashcard .card-header[data-v-95f5bc48]{flex-direction:column;gap:.5rem;align-items:flex-start}.flashcard .meaning[data-v-95f5bc48],.flashcard .usage[data-v-95f5bc48],.flashcard .examples[data-v-95f5bc48],.flashcard .sensei-note[data-v-95f5bc48]{margin-bottom:.75rem;word-wrap:break-word;overflow-wrap:break-word}.flashcard .example-item[data-v-95f5bc48]{padding:.75rem}.keyboard-hints[data-v-95f5bc48]{font-size:.7rem;gap:.5rem;flex-wrap:wrap;justify-content:center}.keyboard-hints span[data-v-95f5bc48]{padding:.3rem .6rem;font-size:.65rem}}.app.dark-mode[data-v-95f5bc48]{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}.app.dark-mode .header[data-v-95f5bc48]{background:#1e1e1ef2;box-shadow:0 2px 20px #0000004d}.app.dark-mode .header h1[data-v-95f5bc48]{color:#e8e8e8}.app.dark-mode .subtitle[data-v-95f5bc48]{color:#b0b0b0}.app.dark-mode .level-filter[data-v-95f5bc48],.app.dark-mode .voice-filter[data-v-95f5bc48]{color:#e8e8e8}.app.dark-mode .level-select[data-v-95f5bc48],.app.dark-mode .voice-select[data-v-95f5bc48],.app.dark-mode .search-input[data-v-95f5bc48]{background:#282828e6;color:#e8e8e8;border:1px solid rgba(255,255,255,.1)}.app.dark-mode .search-input[data-v-95f5bc48]::placeholder{color:#888}.app.dark-mode .clear-btn[data-v-95f5bc48]{color:#b0b0b0}.app.dark-mode .flashcard-toggle[data-v-95f5bc48]{background:#282828e6;color:#e8e8e8;border:1px solid rgba(255,255,255,.1)}.app.dark-mode .flashcard-toggle[data-v-95f5bc48]:hover{background:#323232e6}.app.dark-mode .flashcard-toggle.active[data-v-95f5bc48]{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:1px solid transparent}.app.dark-mode .grammar-card[data-v-95f5bc48],.app.dark-mode .flashcard[data-v-95f5bc48]{background:#282828f2;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 25px #0000004d}.app.dark-mode .grammar-card[data-v-95f5bc48]:hover,.app.dark-mode .flashcard[data-v-95f5bc48]:hover{box-shadow:0 12px 35px #0006}.app.dark-mode .kanji[data-v-95f5bc48],.app.dark-mode .kana[data-v-95f5bc48],.app.dark-mode .meaning strong[data-v-95f5bc48],.app.dark-mode .usage strong[data-v-95f5bc48],.app.dark-mode .examples strong[data-v-95f5bc48],.app.dark-mode .sensei-note strong[data-v-95f5bc48]{color:#e8e8e8}.app.dark-mode .meaning[data-v-95f5bc48],.app.dark-mode .usage[data-v-95f5bc48],.app.dark-mode .examples[data-v-95f5bc48]{color:#d0d0d0}.app.dark-mode .usage code[data-v-95f5bc48]{background:#3c3c3ccc;color:#ff6b6b;border:1px solid rgba(255,255,255,.1)}.app.dark-mode .example-item[data-v-95f5bc48]{background:#323232cc;border-left:4px solid #4a9eff;border:1px solid rgba(255,255,255,.05)}.app.dark-mode .japanese-text[data-v-95f5bc48]{color:#e8e8e8}.app.dark-mode .japanese-text rt[data-v-95f5bc48]{color:#b0b0b0}.app.dark-mode .myanmar-text[data-v-95f5bc48]{color:#b0b0b0}.app.dark-mode .sensei-note[data-v-95f5bc48]{background:#3c321ecc;border-left:4px solid #ffc107;border:1px solid rgba(255,193,7,.2);color:#f0f0f0}.app.dark-mode .error[data-v-95f5bc48]{background:#e74c3ce6;border:1px solid rgba(231,76,60,.3)}.app.dark-mode .retry-btn[data-v-95f5bc48]{background:#e8e8e8;color:#e74c3c}.app.dark-mode .nav-btn[data-v-95f5bc48]{background:linear-gradient(135deg,#4a9eff,#357abd);border:1px solid rgba(74,158,255,.3)}.app.dark-mode .nav-btn[data-v-95f5bc48]:hover:not(:disabled){box-shadow:0 6px 20px #4a9eff66}.app.dark-mode .back-to-top[data-v-95f5bc48]{background:linear-gradient(135deg,#4a9eff,#357abd);border:1px solid rgba(74,158,255,.3)}.app.dark-mode .back-to-top[data-v-95f5bc48]:hover{background:linear-gradient(135deg,#357abd,#4a9eff);box-shadow:0 6px 20px #4a9eff66}.app.dark-mode .card-slider[data-v-95f5bc48]{background:linear-gradient(to right,#4a9eff 0%,#4a9eff var(--progress),rgba(255,255,255,.1) var(--progress),rgba(255,255,255,.1) 100%)}.app.dark-mode .card-slider[data-v-95f5bc48]::-webkit-slider-thumb{background:linear-gradient(135deg,#4a9eff,#357abd);box-shadow:0 2px 8px #4a9eff66}.app.dark-mode .card-slider[data-v-95f5bc48]::-webkit-slider-thumb:hover{box-shadow:0 4px 12px #4a9eff99}.app.dark-mode .card-slider[data-v-95f5bc48]::-moz-range-thumb{background:linear-gradient(135deg,#4a9eff,#357abd);box-shadow:0 2px 8px #4a9eff66}.app.dark-mode .card-slider[data-v-95f5bc48]::-moz-range-thumb:hover{box-shadow:0 4px 12px #4a9eff99}.app.dark-mode .card-slider[data-v-95f5bc48]::-moz-range-track{background:#ffffff1a}.app.dark-mode .slider-labels[data-v-95f5bc48]{color:#ffffffb3}.app.dark-mode .current-card-info[data-v-95f5bc48]{color:#fffc}.app.dark-mode .progress-dot[data-v-95f5bc48]{background:#fff3}.app.dark-mode .progress-dot.filled[data-v-95f5bc48]{background:#4a9effcc}.app.dark-mode .progress-dot.active[data-v-95f5bc48]{background:#4a9eff;box-shadow:0 0 8px #4a9eff99}.app.dark-mode .shuffle-btn[data-v-95f5bc48],.app.dark-mode .reset-shuffle-btn[data-v-95f5bc48]{background:#282828e6;color:#e8e8e8;border:1px solid rgba(255,255,255,.1)}.app.dark-mode .shuffle-btn[data-v-95f5bc48]:hover:not(:disabled),.app.dark-mode .reset-shuffle-btn[data-v-95f5bc48]:hover{background:#323232e6;box-shadow:0 5px 16px #0000004d}.app.dark-mode .shuffle-btn.active[data-v-95f5bc48]{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff;border:1px solid transparent}.app.dark-mode .reset-shuffle-btn[data-v-95f5bc48]{background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff;border:1px solid transparent}.app.dark-mode .reset-shuffle-btn[data-v-95f5bc48]:hover{background:linear-gradient(135deg,#7f8c8d,#95a5a6)}.app.dark-mode .shuffle-indicator[data-v-95f5bc48]{color:#fffc}.app.dark-mode .audio-play-btn[data-v-95f5bc48]{background:linear-gradient(135deg,#2ecc71,#27ae60);box-shadow:0 2px 8px #2ecc714d}.app.dark-mode .audio-play-btn[data-v-95f5bc48]:hover{background:linear-gradient(135deg,#27ae60,#2ecc71);box-shadow:0 4px 12px #2ecc7166}.app.dark-mode .audio-play-btn[data-v-95f5bc48]:active{box-shadow:0 2px 6px #2ecc714d}.app.dark-mode .play-all-btn[data-v-95f5bc48]{background:linear-gradient(135deg,#f39c12,#e67e22);box-shadow:0 2px 8px #f39c124d}.app.dark-mode .play-all-btn[data-v-95f5bc48]:hover{background:linear-gradient(135deg,#e67e22,#f39c12);box-shadow:0 4px 12px #f39c1266}.app.dark-mode .play-all-btn[data-v-95f5bc48]:active{box-shadow:0 2px 6px #f39c124d}.app.dark-mode .play-all-btn.active[data-v-95f5bc48],.app.dark-mode .play-all-btn.playing[data-v-95f5bc48]{background:linear-gradient(135deg,#e74c3c,#c0392b)}.app.dark-mode .play-all-btn.active[data-v-95f5bc48]:hover,.app.dark-mode .play-all-btn.playing[data-v-95f5bc48]:hover{background:linear-gradient(135deg,#c0392b,#e74c3c)}.audio-error-notification[data-v-95f5bc48]{position:fixed;top:2rem;left:50%;transform:translate(-50%);z-index:2000;cursor:pointer;animation:slideInDown-95f5bc48 .3s ease-out}.audio-error-content[data-v-95f5bc48]{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;padding:1rem 1.5rem;border-radius:10px;box-shadow:0 8px 25px #e74c3c66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:1rem;max-width:400px;min-width:300px}.audio-error-icon[data-v-95f5bc48]{font-size:1.5rem;flex-shrink:0}.audio-error-message[data-v-95f5bc48]{flex:1;font-size:.9rem;line-height:1.4}.audio-error-close[data-v-95f5bc48]{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:.25rem;border-radius:50%;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.audio-error-close[data-v-95f5bc48]:hover{background:#fff3;transform:scale(1.1)}@keyframes slideInDown-95f5bc48{0%{opacity:0;transform:translate(-50%) translateY(-100%)}to{opacity:1;transform:translate(-50%) translateY(0)}}.app.dark-mode .audio-error-content[data-v-95f5bc48]{background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 8px 25px #c0392b66}@media (max-width: 768px){.audio-error-notification[data-v-95f5bc48]{top:1rem;left:1rem;right:1rem;transform:none}.audio-error-content[data-v-95f5bc48]{min-width:auto;max-width:none;width:100%}}@media (max-width: 480px){.audio-error-notification[data-v-95f5bc48]{top:.5rem;left:.5rem;right:.5rem}.audio-error-content[data-v-95f5bc48]{padding:.75rem 1rem;gap:.75rem}.audio-error-message[data-v-95f5bc48]{font-size:.85rem}.audio-error-icon[data-v-95f5bc48]{font-size:1.3rem}}.header-content[data-v-95f5bc48]{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:2rem;max-width:1200px;margin:0 auto;padding:0 1rem}.header-text[data-v-95f5bc48]{text-align:left;flex:1}@media (max-width: 768px){.header[data-v-95f5bc48]{padding:.75rem 0}.header-content[data-v-95f5bc48]{flex-direction:column;gap:.75rem;padding:0 .5rem}.header h1[data-v-95f5bc48]{font-size:1.6rem;margin:0}.subtitle[data-v-95f5bc48]{font-size:.85rem;margin:.1rem 0 0;line-height:1.2}.header-text[data-v-95f5bc48]{text-align:center}}@media (max-width: 480px){.header[data-v-95f5bc48]{padding:.5rem 0}.header-content[data-v-95f5bc48]{padding:0 .25rem;gap:.5rem}.header h1[data-v-95f5bc48]{font-size:1.4rem;margin:0}.subtitle[data-v-95f5bc48]{font-size:.75rem;margin:.05rem 0 0;line-height:1.1}}@media (max-width: 360px){.header[data-v-95f5bc48]{padding:.4rem 0}.header-content[data-v-95f5bc48]{gap:.4rem;padding:0 .15rem}.header h1[data-v-95f5bc48]{font-size:1.2rem}.subtitle[data-v-95f5bc48]{font-size:.7rem;margin:0}}