@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;800&display=swap";.modal-overlay[data-v-951c92d8]{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-content[data-v-951c92d8]{background:var(--bg-surface);border-radius:12px;box-shadow:0 20px 25px #00000026;max-width:400px;width:100%;max-height:90vh;overflow:auto;padding:24px;scrollbar-width:none;-ms-overflow-style:none}.modal-content[data-v-951c92d8]::-webkit-scrollbar{display:none}.modal-header[data-v-951c92d8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-header h2[data-v-951c92d8]{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.close-btn[data-v-951c92d8]{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s;line-height:1}.close-btn[data-v-951c92d8]:hover{background:var(--bg-primary);color:var(--text-primary)}.auth-form[data-v-951c92d8]{display:flex;flex-direction:column;gap:16px;width:100%}.form-group[data-v-951c92d8]{display:flex;flex-direction:column;gap:8px}.form-label[data-v-951c92d8]{font-weight:500;color:var(--text-primary);font-size:14px}.form-input[data-v-951c92d8]{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;font-size:16px;background:var(--bg-surface);color:var(--text-primary);transition:border-color .2s;box-sizing:border-box}.form-input[data-v-951c92d8]:focus{outline:none;border-color:var(--primary-blue)}.btn[data-v-951c92d8]{width:100%;padding:12px 16px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.btn--google[data-v-951c92d8]{background:#fff;color:#333;border:2px solid var(--border-color)}.btn--google[data-v-951c92d8]:hover:not(:disabled){background:var(--bg-primary);border-color:var(--text-secondary)}.btn--primary[data-v-951c92d8]{background:var(--primary-blue);color:var(--bg-surface)}.btn--primary[data-v-951c92d8]:hover:not(:disabled){background:var(--blue-hover)}.btn[data-v-951c92d8]:disabled{opacity:.6;cursor:not-allowed}.auth-subtitle[data-v-951c92d8]{margin-bottom:24px}.auth-subtitle p[data-v-951c92d8]{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.5}.password-input-container[data-v-951c92d8]{position:relative;display:flex;align-items:center;width:100%}.password-input[data-v-951c92d8]{padding-right:40px}.password-toggle-btn[data-v-951c92d8]{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:6px;border-radius:4px;font-size:16px;color:var(--text-secondary);transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:28px;height:28px}.password-toggle-btn[data-v-951c92d8]:hover{color:var(--text-primary);background:var(--bg-primary)}.forgot-password[data-v-951c92d8]{margin-top:8px;text-align:right}.forgot-password a[data-v-951c92d8]{color:var(--primary-blue);text-decoration:none;font-size:14px;font-weight:500}.forgot-password a[data-v-951c92d8]:hover{text-decoration:underline}.error-message[data-v-951c92d8]{color:var(--error-red);font-size:14px;margin-top:8px}.warning-message[data-v-951c92d8]{color:var(--warning-amber);font-size:14px;margin-top:8px;padding:8px;background-color:#fbbf241a;border:1px solid var(--warning-amber);border-radius:4px}.divider[data-v-951c92d8]{display:flex;align-items:center;margin:20px 0;color:var(--text-secondary);font-size:14px}.divider[data-v-951c92d8]:before,.divider[data-v-951c92d8]:after{content:"";flex:1;height:1px;background:var(--border-color)}.divider span[data-v-951c92d8]{padding:0 16px}.google-icon[data-v-951c92d8]{width:20px;height:20px}.auth-footer[data-v-951c92d8]{margin-top:24px;text-align:center;padding-top:16px;border-top:1px solid var(--border-color)}.auth-footer p[data-v-951c92d8]{margin:0;color:var(--text-secondary);font-size:14px}.signup-link[data-v-951c92d8]{background:none;border:none;color:var(--primary-blue);cursor:pointer;font-size:14px;text-decoration:underline;padding:0;margin-left:4px}.signup-link[data-v-951c92d8]:hover{color:var(--blue-hover)}.auth-modal-overlay[data-v-3ed39e0e]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.auth-modal[data-v-3ed39e0e]{background:#fff;border-radius:8px;padding:32px;max-width:400px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0000004d}.auth-modal-header[data-v-3ed39e0e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.auth-modal-header h2[data-v-3ed39e0e]{margin:0;color:var(--text-primary);font-size:24px}.close-btn[data-v-3ed39e0e]{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-secondary);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.close-btn[data-v-3ed39e0e]:hover{color:var(--text-primary)}.auth-form[data-v-3ed39e0e]{display:flex;flex-direction:column;gap:16px}.form-group[data-v-3ed39e0e]{display:flex;flex-direction:column;gap:4px}.form-group label[data-v-3ed39e0e]{font-weight:500;color:var(--text-primary);font-size:14px}.form-group input[data-v-3ed39e0e]{padding:12px;border:1px solid var(--border-color);border-radius:4px;font-size:16px;transition:border-color .2s;width:100%;box-sizing:border-box}.form-group input[data-v-3ed39e0e]:focus{outline:none;border-color:var(--primary-blue)}.password-input-container[data-v-3ed39e0e]{position:relative;display:flex;align-items:center;width:100%}.password-input[data-v-3ed39e0e]{padding-right:40px;width:100%;box-sizing:border-box}.password-toggle-btn[data-v-3ed39e0e]{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:6px;border-radius:4px;font-size:16px;color:var(--text-secondary);transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:28px;height:28px}.password-toggle-btn[data-v-3ed39e0e]:hover{color:var(--text-primary);background:var(--bg-primary)}.error-message[data-v-3ed39e0e]{color:var(--error-red);font-size:14px;margin-top:8px}.warning-message[data-v-3ed39e0e]{color:var(--warning-amber);font-size:14px;margin-top:8px;padding:8px;background-color:#fbbf241a;border:1px solid var(--warning-amber);border-radius:4px}.submit-btn[data-v-3ed39e0e]{background:var(--primary-blue);color:#fff;border:none;padding:12px;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s}.submit-btn[data-v-3ed39e0e]:hover:not(:disabled){background:var(--blue-hover)}.submit-btn[data-v-3ed39e0e]:disabled{background:var(--text-secondary);cursor:not-allowed}.divider[data-v-3ed39e0e]{display:flex;align-items:center;margin:20px 0;color:var(--text-secondary);font-size:14px}.divider[data-v-3ed39e0e]:before,.divider[data-v-3ed39e0e]:after{content:"";flex:1;height:1px;background:var(--border-color)}.divider span[data-v-3ed39e0e]{padding:0 16px}.google-signin-btn[data-v-3ed39e0e]{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;border:1px solid var(--border-color);border-radius:6px;background:#fff;color:var(--text-primary);font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.google-signin-btn[data-v-3ed39e0e]:hover:not(:disabled){background:var(--bg-primary);border-color:var(--text-secondary)}.google-signin-btn[data-v-3ed39e0e]:disabled{opacity:.6;cursor:not-allowed}.google-icon[data-v-3ed39e0e]{width:20px;height:20px}.auth-footer[data-v-3ed39e0e]{margin-top:24px;text-align:center;padding-top:16px;border-top:1px solid var(--border-color)}.auth-footer p[data-v-3ed39e0e]{margin:0;color:var(--text-secondary);font-size:14px}.login-link[data-v-3ed39e0e]{background:none;border:none;color:var(--primary-blue);cursor:pointer;font-size:14px;text-decoration:underline;padding:0;margin-left:4px}.login-link[data-v-3ed39e0e]:hover{color:var(--blue-hover)}.user-profile[data-v-aa2200d6]{position:relative;display:inline-block}.user-info[data-v-aa2200d6]{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:20px;background:var(--bg-primary);cursor:pointer;transition:background-color .2s}.user-info[data-v-aa2200d6]:hover{background:var(--border-color)}.user-avatar[data-v-aa2200d6]{width:32px;height:32px;border-radius:50%;background:var(--primary-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.user-email[data-v-aa2200d6]{font-weight:500;color:var(--text-primary);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}@media (max-width: 768px){.user-email[data-v-aa2200d6]{max-width:80px;font-size:13px}.user-info[data-v-aa2200d6]{padding:6px 10px;gap:6px}.user-avatar[data-v-aa2200d6]{width:28px;height:28px;font-size:13px}.dropdown-arrow[data-v-aa2200d6]{font-size:9px}}@media (max-width: 480px){.user-email[data-v-aa2200d6]{max-width:60px;font-size:12px}.user-info[data-v-aa2200d6]{padding:5px 8px;gap:5px}.user-avatar[data-v-aa2200d6]{width:24px;height:24px;font-size:12px}}.dropdown-arrow[data-v-aa2200d6]{font-size:10px;color:var(--text-secondary);transition:transform .2s}.dropdown-arrow.rotated[data-v-aa2200d6]{transform:rotate(180deg)}.dropdown-menu[data-v-aa2200d6]{position:absolute;top:100%;right:0;margin-top:4px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:150px;z-index:1000}.dropdown-item[data-v-aa2200d6]{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:background-color .2s;font-size:14px;color:var(--text-primary)}.dropdown-item[data-v-aa2200d6]:hover{background:var(--bg-primary)}.dropdown-divider[data-v-aa2200d6]{height:1px;background:var(--border-color);margin:4px 12px;width:calc(100% - 24px)}.notification-toast[data-v-57dc4aa9]{position:fixed;bottom:20px;right:20px;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-radius:12px;box-shadow:0 8px 32px #0000001f;min-width:320px;max-width:450px;animation:slideIn-57dc4aa9 .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2)}.notification-toast.success[data-v-57dc4aa9]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 8px 32px #10b9814d}.notification-toast.error[data-v-57dc4aa9]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 8px 32px #ef44444d}.notification-toast.info[data-v-57dc4aa9]{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 8px 32px #3b82f64d}.notification-toast.warning[data-v-57dc4aa9]{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 8px 32px #f59e0b4d}.notification-content[data-v-57dc4aa9]{display:flex;align-items:center;gap:12px;flex:1}.notification-icon[data-v-57dc4aa9]{font-size:20px;flex-shrink:0}.notification-message[data-v-57dc4aa9]{font-size:14px;font-weight:500;line-height:1.4}.notification-message a[data-v-57dc4aa9]{color:#fff;text-decoration:underline;font-weight:600;transition:all .2s;padding:2px 4px;border-radius:4px;background:#ffffff1a}.notification-message a[data-v-57dc4aa9]:hover{background:#fff3;text-decoration:none;transform:translateY(-1px)}.notification-close[data-v-57dc4aa9]{background:#ffffff1a;border:none;color:#fff;font-size:18px;cursor:pointer;padding:4px;margin-left:12px;border-radius:6px;transition:all .2s;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.notification-close[data-v-57dc4aa9]:hover{background:#fff3;transform:scale(1.1)}@keyframes slideIn-57dc4aa9{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.notification-toast[data-v-57dc4aa9]{bottom:10px;right:10px;left:10px;min-width:auto;max-width:none}}.app-header[data-v-d7f7f9ea]{background:var(--bg-surface);border-bottom:1px solid var(--border-color);box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.header-content[data-v-d7f7f9ea]{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:64px;position:relative}.logo-link[data-v-d7f7f9ea]{text-decoration:none;color:inherit}.logo-image[data-v-d7f7f9ea]{height:64px;width:auto;display:block;object-fit:contain;transition:opacity .2s ease-in-out}.logo[data-v-d7f7f9ea]{display:flex;align-items:center;height:64px;min-width:120px;z-index:20}.nav-links[data-v-d7f7f9ea]{display:flex;gap:32px;align-items:center;position:absolute;left:50%;transform:translate(-50%);z-index:10}.nav-link[data-v-d7f7f9ea]{text-decoration:none;color:var(--text-secondary);font-weight:500;transition:color .2s;padding:8px 0}.nav-link[data-v-d7f7f9ea]:hover{color:var(--text-primary)}.nav-link.router-link-active[data-v-d7f7f9ea]{color:var(--primary-blue);border-bottom:2px solid var(--primary-blue)}.auth-section[data-v-d7f7f9ea]{display:flex;align-items:center;justify-content:flex-end;height:64px;gap:12px;min-width:200px;z-index:20}.theme-toggle-btn[data-v-d7f7f9ea]{background:none;border:none;padding:8px;border-radius:6px;cursor:pointer;font-size:20px;transition:all .2s;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.theme-toggle-btn[data-v-d7f7f9ea]:hover{background:var(--bg-primary);color:var(--text-primary);transform:scale(1.1)}.theme-icon[data-v-d7f7f9ea]{display:block;width:20px;height:20px}.auth-container[data-v-d7f7f9ea]{width:200px;display:flex;justify-content:flex-end;align-items:center;height:100%}@media (max-width: 1200px){.header-content[data-v-d7f7f9ea]{padding:0 16px}.logo[data-v-d7f7f9ea]{min-width:100px}.auth-section[data-v-d7f7f9ea]{min-width:180px}}@media (max-width: 900px){.header-content[data-v-d7f7f9ea]{padding:0 12px}.logo[data-v-d7f7f9ea]{min-width:80px}.auth-section[data-v-d7f7f9ea]{min-width:160px}.nav-links[data-v-d7f7f9ea]{gap:24px}}@media (max-width: 768px){.header-content[data-v-d7f7f9ea]{flex-wrap:wrap;height:auto;padding:12px 16px;position:static}.logo[data-v-d7f7f9ea]{height:48px;min-width:auto;z-index:auto}.nav-links[data-v-d7f7f9ea]{position:static;left:auto;transform:none;order:3;width:100%;justify-content:center;margin-top:12px;gap:24px;z-index:auto}.auth-section[data-v-d7f7f9ea]{min-width:auto;z-index:auto}.auth-buttons[data-v-d7f7f9ea]{gap:8px}.auth-btn[data-v-d7f7f9ea]{padding:6px 12px;font-size:13px}.auth-container[data-v-d7f7f9ea]{width:auto;min-width:120px;height:auto}.auth-section[data-v-d7f7f9ea]{height:auto;gap:8px;min-width:auto;z-index:auto}.theme-toggle-btn[data-v-d7f7f9ea]{padding:6px}.theme-icon[data-v-d7f7f9ea]{width:18px;height:18px}}@media (max-width: 480px){.header-content[data-v-d7f7f9ea]{padding:8px 12px;gap:8px}.logo-image[data-v-d7f7f9ea]{height:48px}.auth-container[data-v-d7f7f9ea]{width:auto;min-width:100px}.auth-btn[data-v-d7f7f9ea]{padding:6px 10px;font-size:12px}.theme-toggle-btn[data-v-d7f7f9ea]{padding:5px}.theme-icon[data-v-d7f7f9ea]{width:16px;height:16px}.nav-links[data-v-d7f7f9ea]{gap:16px;margin-top:8px}.nav-link[data-v-d7f7f9ea]{font-size:14px}}.auth-buttons[data-v-d7f7f9ea]{display:flex;gap:12px}.auth-btn[data-v-d7f7f9ea]{padding:8px 16px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;font-size:14px}.signin-btn[data-v-d7f7f9ea]{background:var(--primary-blue);color:#fff;border:1px solid var(--primary-blue)}.signin-btn[data-v-d7f7f9ea]:hover{background:var(--blue-hover);border-color:var(--blue-hover)}.auth-loading[data-v-d7f7f9ea]{display:flex;align-items:center;justify-content:center;padding:8px 16px}.loading-spinner[data-v-d7f7f9ea]{width:20px;height:20px;border:2px solid var(--border-color);border-top:2px solid var(--primary-blue);border-radius:50%;animation:spin-d7f7f9ea 1s linear infinite}@keyframes spin-d7f7f9ea{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-main[data-v-d7f7f9ea]{min-height:calc(100vh - 64px);background:var(--bg-primary)}body,#app{font-family:Nunito,Segoe UI,Arial,sans-serif;background:var(--bg-primary);margin:0;padding:0}*{box-sizing:border-box}:root{--primary-blue: #6690ff;--primary-orange: #e19f5d;--primary-yellow: #f2cd4a;--success-green: #4ade80;--warning-amber: #fbbf24;--error-red: #f87171;--info-cyan: #38bdf8;--premium-purple: #a78bfa;--accent-pink: #f472b6;--bg-primary: #f8fafc;--bg-surface: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--border-color: #e2e8f0;--blue-hover: #4a7aff}[data-theme=dark]{--bg-primary: #0f0f0f;--bg-surface: #1a1a1a;--text-primary: #ffffff;--text-secondary: #a0a0a0;--border-color: #333333;--blue-hover: #6366f1}html,body,#app,*{--primary-blue: #6690ff;--primary-orange: #e19f5d;--primary-yellow: #f2cd4a;--success-green: #4ade80;--warning-amber: #fbbf24;--error-red: #f87171;--premium-purple: #a78bfa;--info-cyan: #38bdf8;--accent-pink: #f472b6;--bg-primary: #f8fafc;--bg-surface: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--border-color: #e2e8f0;--blue-hover: #4a7aff}[data-theme=dark] html,[data-theme=dark] body,[data-theme=dark] #app,[data-theme=dark] *{--bg-primary: #0f0f0f;--bg-surface: #1a1a1a;--text-primary: #ffffff;--text-secondary: #a0a0a0;--border-color: #333333;--blue-hover: #6366f1}.text-xs{font-size:.75rem;font-weight:500}.text-sm{font-size:.875rem;font-weight:400}.text-base{font-size:1rem;font-weight:400}.text-lg{font-size:1.125rem;font-weight:500}h1{font-size:2rem;font-weight:700}h2{font-size:1.5rem;font-weight:600}h3{font-size:1.25rem;font-weight:600}.space-1{margin-bottom:.25rem}.space-2{margin-bottom:.5rem}.space-3{margin-bottom:.75rem}.space-4{margin-bottom:1rem}.space-6{margin-bottom:1.5rem}.space-8{margin-bottom:2rem}.space-12{margin-bottom:3rem}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-md{box-shadow:0 4px 6px #0000001a}.shadow-lg{box-shadow:0 10px 15px #0000001a}.shadow-xl{box-shadow:0 20px 25px #00000026}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-content{background:var(--bg-surface);border-radius:8px;box-shadow:var(--shadow-lg);max-width:90vw;max-height:90vh;overflow:auto;width:100%;scrollbar-width:none;-ms-overflow-style:none}.modal-content::-webkit-scrollbar{display:none}.modal-header{padding:24px 24px 16px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-body{padding:16px 24px}.modal-footer{padding:16px 24px 24px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:12px}.close-btn{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s;line-height:1}.close-btn:hover{background:var(--bg-primary);color:var(--text-primary)}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:500;line-height:1;white-space:nowrap}.badge--language{background:var(--primary-blue);color:#fff}.badge--age{background:var(--info-cyan);color:#fff}.badge--content-type{background:var(--premium-purple);color:#fff}.badge--theme{background:var(--primary-orange);color:#fff}.badge--status.success{background:var(--success-green);color:#fff}.badge--status.warning{background:var(--warning-amber);color:#92400e}.badge--status.error{background:var(--error-red);color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;line-height:1;border:none;cursor:pointer;transition:all .2s;text-decoration:none}.btn--primary:hover:not(:disabled){background:var(--blue-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn--secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn--secondary:hover:not(:disabled){background:var(--bg-primary);border-color:var(--primary-blue);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--secondary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn--google{background:#fff;color:#374151;border:1px solid var(--border-color);padding:12px 16px;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:8px;width:100%;justify-content:center}.btn--google:hover:not(:disabled){background:var(--bg-primary);box-shadow:var(--shadow-md)}.btn--google:disabled{opacity:.6;cursor:not-allowed}.btn--icon{padding:8px;border-radius:6px;background:transparent;border:none;cursor:pointer;transition:all .2s}.btn--icon:hover{background:var(--bg-primary)}.form-group{margin-bottom:16px}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:4px}.form-input{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;background:var(--bg-surface);color:var(--text-primary);transition:border-color .2s}.form-input:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #6690ff1a}.form-input.error{border-color:var(--error-red)}.form-input.success{border-color:var(--success-green)}.form-input.disabled{background:var(--bg-primary);color:var(--text-secondary);cursor:not-allowed}.word-chip{display:inline-flex;align-items:center;padding:6px 12px;background:transparent;color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;font-weight:500;transition:all .2s;cursor:pointer}.word-chip.selected{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}.word-chip:hover:not(.selected){background:var(--bg-primary);border-color:var(--primary-blue)}.word-pair{display:flex;align-items:center;gap:8px}.word-pair__original{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.word-pair__translation{font-size:1rem;font-weight:500;color:var(--text-secondary)}.word-pair__divider{color:var(--text-secondary);font-weight:400}.words-display{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;padding:16px;box-shadow:var(--shadow-sm);transition:all .2s}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.card-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.card-subtitle{font-size:.875rem;color:var(--text-secondary);margin:4px 0 0}.card-meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-secondary);margin-top:12px}.spinner{width:20px;height:20px;border:2px solid var(--border-color);border-top:2px solid var(--primary-blue);border-radius:50%;animation:spin 1s linear infinite}.spinner--large{width:40px;height:40px;border-width:3px}.skeleton{background:linear-gradient(90deg,var(--border-color) 25%,var(--bg-primary) 50%,var(--border-color) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.w-full{width:100%}.h-full{height:100%}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.rounded{border-radius:6px}.rounded-lg{border-radius:8px}@media (max-width: 768px){.modal-content{max-width:95vw;margin:8px}.modal-header,.modal-body,.modal-footer{padding-left:16px;padding-right:16px}.btn{padding:10px 16px;font-size:1rem}.word-pair{flex-direction:column;align-items:flex-start;gap:4px}}.modal-overlay[data-v-80da0a37]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content[data-v-80da0a37]{background:var(--bg-surface, #ffffff);border-radius:8px;max-width:500px;max-height:85vh;width:90%;position:relative;display:flex;flex-direction:column;scrollbar-width:none;-ms-overflow-style:none}.modal-content[data-v-80da0a37]::-webkit-scrollbar{display:none}.modal-header[data-v-80da0a37]{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color, #e2e8f0)}.modal-header h2[data-v-80da0a37]{margin:0;color:var(--text-primary, #1e293b);font-size:1.125rem;font-weight:600;text-align:left}.close-btn[data-v-80da0a37]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary, #64748b);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.close-btn[data-v-80da0a37]:hover{background:var(--bg-primary, #f8fafc)}.modal-body[data-v-80da0a37]{padding:1rem 1.5rem;text-align:left;overflow-y:auto;flex:1;scrollbar-width:none;-ms-overflow-style:none}.modal-body[data-v-80da0a37]::-webkit-scrollbar{display:none}.input-section[data-v-80da0a37]{margin-bottom:1.5rem;text-align:left}.form-row[data-v-80da0a37]{display:flex;gap:1rem;margin-bottom:1rem;text-align:left}.form-group[data-v-80da0a37]{flex:1;margin-bottom:0;text-align:left}.form-group[data-v-80da0a37]:not(.form-row .form-group){margin-bottom:1rem;text-align:left}.form-group label[data-v-80da0a37]{display:block;margin-bottom:.25rem;font-weight:600;color:var(--text-primary, #1e293b);font-size:.875rem;text-align:left}.form-input[data-v-80da0a37]{width:100%;padding:.5rem;border:1px solid var(--border-color, #e2e8f0);border-radius:6px;font-size:.875rem;font-weight:500;background:var(--bg-surface, #ffffff);color:var(--text-primary, #1e293b);transition:border-color .2s;text-align:left}.form-input option[data-v-80da0a37]{font-weight:600;color:var(--text-primary, #1e293b)}.form-input[data-v-80da0a37]:focus{outline:none;border-color:var(--primary-blue, #6690ff)}.words-display[data-v-80da0a37]{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start}.word-chip[data-v-80da0a37]{display:inline-block;padding:.5rem .75rem;background:transparent;color:var(--text-primary, #1e293b);border:1px solid var(--border-color, #e2e8f0);border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.word-chip.selected[data-v-80da0a37]{background:var(--primary-blue, #6690ff);color:#fff;border-color:var(--primary-blue, #6690ff)}.word-chip[data-v-80da0a37]:hover:not(.selected){background:var(--bg-primary, #f8fafc);border-color:var(--primary-blue, #6690ff)}.related-words-loading[data-v-80da0a37]{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;color:var(--text-secondary, #64748b);font-size:.875rem}.loading-spinner.small[data-v-80da0a37]{width:16px;height:16px;border-width:1px}.related-words-section[data-v-80da0a37]{margin-top:.75rem}.related-words-label[data-v-80da0a37]{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary, #1e293b);margin-bottom:.5rem;text-align:left}.related-words-display[data-v-80da0a37]{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start}.age-indicator[data-v-80da0a37]{margin-top:.75rem;text-align:left}.age-badge[data-v-80da0a37]{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:transparent;color:var(--text-secondary, #64748b);border:1px solid var(--border-color, #e2e8f0);border-radius:4px;font-size:.75rem;font-weight:400}.story-section[data-v-80da0a37]{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color, #e2e8f0);text-align:left}.story-section h3[data-v-80da0a37]{margin:0 0 .75rem;color:var(--text-primary, #1e293b);font-size:1rem;font-weight:600;text-align:left}.story-content[data-v-80da0a37]{background:var(--bg-primary, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:6px;padding:.75rem;line-height:1.5;color:var(--text-primary, #1e293b);font-size:.875rem;text-align:left}.story-content[data-v-80da0a37] strong,.story-content[data-v-80da0a37] b{font-weight:700;color:var(--primary-blue, #6690ff)}.loading-section[data-v-80da0a37]{text-align:center;padding:1.5rem}.loading-spinner[data-v-80da0a37]{width:32px;height:32px;border:2px solid var(--border-color, #e2e8f0);border-top:2px solid var(--primary-blue, #6690ff);border-radius:50%;animation:spin-80da0a37 1s linear infinite;margin:0 auto .75rem}@keyframes spin-80da0a37{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-section[data-v-80da0a37]{margin-top:.75rem;text-align:left}.error-message[data-v-80da0a37]{color:var(--error-red, #f87171);background:#fef2f2;padding:.5rem;border-radius:4px;border:1px solid #fecaca;font-size:.875rem;text-align:left}.modal-footer[data-v-80da0a37]{display:flex;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--border-color, #e2e8f0);justify-content:flex-end;background:var(--bg-surface, #ffffff);border-radius:0 0 8px 8px}.btn[data-v-80da0a37]{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn[data-v-80da0a37]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-80da0a37]{background:var(--primary-blue, #6690ff);color:#fff}.btn-primary[data-v-80da0a37]:hover:not(:disabled){background:var(--blue-hover, #4a7aff)}.btn-secondary[data-v-80da0a37]{background:var(--primary-orange, #e19f5d);color:#fff}.btn-secondary[data-v-80da0a37]:hover:not(:disabled){background:#d18f4d}.btn-cancel[data-v-80da0a37]{background:var(--bg-primary, #f8fafc);color:var(--text-primary, #1e293b);border:1px solid var(--border-color, #e2e8f0)}.btn-cancel[data-v-80da0a37]:hover{background:var(--border-color, #e2e8f0)}.modal-overlay[data-v-cd55f205]{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-cd55f205]{background:var(--bg-surface);border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header[data-v-cd55f205]{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 16px;border-bottom:1px solid var(--border-color)}.modal-header h2[data-v-cd55f205]{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.close-btn[data-v-cd55f205]{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:4px;border-radius:4px;transition:color .2s}.close-btn[data-v-cd55f205]:hover{color:var(--text-primary)}.modal-body[data-v-cd55f205]{padding:24px}.input-section[data-v-cd55f205]{margin-bottom:24px}.form-group[data-v-cd55f205]{margin-bottom:20px}.form-group label[data-v-cd55f205]{display:block;margin-bottom:8px;font-weight:500;color:var(--text-primary);font-size:.875rem}.form-input[data-v-cd55f205]{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;background:var(--bg-surface);color:var(--text-primary)}.form-input[data-v-cd55f205]:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #6690ff1a}textarea.form-input[data-v-cd55f205]{resize:vertical;min-height:80px}.info-row[data-v-cd55f205]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.words-display[data-v-cd55f205]{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start}.word-chip[data-v-cd55f205]{display:inline-block;padding:.5rem .75rem;background:transparent;color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;font-weight:500;transition:all .2s;height:32px;line-height:1;display:flex;align-items:center}.word-chip.selected[data-v-cd55f205]{background:var(--primary-blue);color:var(--bg-surface);border-color:var(--primary-blue)}.language-badge[data-v-cd55f205]{display:inline-flex;align-items:center;background:var(--primary-blue);color:var(--bg-surface);padding:6px 12px;border-radius:6px;font-size:.75rem;font-weight:500;height:32px;line-height:1}.age-indicator[data-v-cd55f205]{display:flex;align-items:center}.age-badge[data-v-cd55f205]{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:4px;font-size:.75rem;font-weight:400}.generation-status[data-v-cd55f205]{text-align:center;padding:32px 16px}.loading-spinner[data-v-cd55f205]{width:40px;height:40px;border:4px solid var(--border-color);border-top:4px solid var(--primary-blue);border-radius:50%;animation:spin-cd55f205 1s linear infinite;margin:0 auto 16px}@keyframes spin-cd55f205{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-note[data-v-cd55f205]{color:var(--text-secondary);font-size:.875rem;margin-top:8px}.error-section[data-v-cd55f205]{text-align:center;padding:24px;background:var(--bg-primary);border:1px solid var(--error-red);border-radius:8px;margin-bottom:16px}.error-message[data-v-cd55f205]{color:var(--error-red);margin-bottom:16px}.retry-btn[data-v-cd55f205]{background:var(--error-red);color:var(--bg-surface);border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.875rem;transition:background-color .2s}.retry-btn[data-v-cd55f205]:hover{background:var(--error-red);opacity:.8}.modal-footer[data-v-cd55f205]{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px 24px;border-top:1px solid var(--border-color)}.cancel-btn[data-v-cd55f205]{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-color);padding:10px 20px;border-radius:6px;cursor:pointer;font-size:.875rem;transition:all .2s}.cancel-btn[data-v-cd55f205]:hover{background:var(--bg-primary);border-color:var(--text-secondary)}.generate-btn[data-v-cd55f205]{background:var(--primary-blue);color:var(--bg-surface);border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:background-color .2s}.generate-btn[data-v-cd55f205]:hover:not(:disabled){background:var(--blue-hover)}.generate-btn[data-v-cd55f205]:disabled{background:var(--text-secondary);cursor:not-allowed}@media (max-width: 640px){.modal-content[data-v-cd55f205]{width:95%;margin:20px}.modal-header[data-v-cd55f205],.modal-body[data-v-cd55f205],.modal-footer[data-v-cd55f205]{padding-left:16px;padding-right:16px}}.home-container[data-v-035b976b]{text-align:center;margin-top:2rem;max-width:600px;margin-left:auto;margin-right:auto;color:var(--text-primary);background:var(--bg-surface);border-radius:16px;box-shadow:0 2px 16px #1e225a12;padding:2rem 2rem 2.5rem}.subtitle[data-v-035b976b]{color:var(--text-secondary);font-size:1rem;margin-bottom:2rem}.input-group[data-v-035b976b]{display:flex;gap:1rem;margin-top:2rem;align-items:center}@media (max-width: 768px){.input-group[data-v-035b976b]{flex-direction:column;gap:.75rem;margin-top:1.5rem}.term-input[data-v-035b976b],.language-select[data-v-035b976b]{flex:none;width:100%}.home-container[data-v-035b976b]{margin-top:1rem;padding:1.5rem 1rem 2rem;max-width:100%;margin-left:1rem;margin-right:1rem}.subtitle[data-v-035b976b]{font-size:.9rem;margin-bottom:1.5rem}.lookup-btn[data-v-035b976b]{margin-top:1rem;padding:.75rem 1.5rem;width:100%}.create-buttons-container[data-v-035b976b]{flex-wrap:nowrap;gap:.25rem;margin-bottom:.75rem}.create-btn[data-v-035b976b]{padding:.4rem .5rem;font-size:.75rem;min-width:0;flex:0 0 auto}.btn-text[data-v-035b976b]{font-size:.75rem}.btn-icon[data-v-035b976b]{width:14px;height:14px}}.term-input[data-v-035b976b]{flex:2;padding:.75rem;border-radius:8px;border:1px solid var(--border-color);font-size:1rem;background:var(--bg-surface);color:var(--text-primary);transition:border .2s}.term-input[data-v-035b976b]:focus{border:1.5px solid var(--primary-blue);outline:none}.language-select[data-v-035b976b]{flex:1;padding:.75rem;border-radius:8px;border:1px solid var(--border-color, #e2e8f0);font-size:1rem;background:var(--bg-surface, #ffffff);color:var(--text-primary, #1e293b);cursor:pointer}.lookup-btn[data-v-035b976b]{margin-top:1.5rem;padding:.75rem 2rem;background:var(--primary-blue, #6690ff);color:var(--bg-surface);border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;box-shadow:0 2px 8px #6690ff33;transition:background .2s,box-shadow .2s}.lookup-btn[data-v-035b976b]:hover:not(:disabled){background:var(--blue-hover, #4a7aff);box-shadow:0 4px 16px #6690ff4d}.lookup-btn[data-v-035b976b]:disabled{opacity:.6;cursor:not-allowed}.error-box[data-v-035b976b]{margin-top:1.5rem;padding:1rem;background:var(--error-red, #f87171);color:var(--bg-surface);border-radius:8px;text-align:left}.response-container[data-v-035b976b]{margin-top:2rem;text-align:left;position:relative}.response-box[data-v-035b976b]{background:var(--bg-primary, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;padding:1.5rem;line-height:1.6;color:var(--text-primary, #1e293b)}.response-content[data-v-035b976b]{line-height:1.6;color:var(--text-primary, #1e293b)}.create-buttons-container[data-v-035b976b]{display:flex;gap:.5rem;justify-content:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color, #e2e8f0)}.create-btn[data-v-035b976b]{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;border:1px solid var(--border-color, #e2e8f0);border-radius:6px;cursor:pointer;background:var(--bg-surface, #ffffff);transition:all .2s ease;color:var(--text-secondary, #64748b);font-size:.875rem;font-weight:500;white-space:nowrap;min-width:0;flex-shrink:0}.create-btn[data-v-035b976b]:hover{border-color:var(--primary-blue, #6690ff);background:var(--primary-blue, #6690ff);color:var(--bg-surface)}.create-btn[data-v-035b976b]:disabled{opacity:.5;cursor:not-allowed;border-color:var(--border-color, #e2e8f0);background:var(--bg-surface, #ffffff);color:var(--text-secondary, #64748b)}.create-btn[data-v-035b976b]:disabled:hover{border-color:var(--border-color, #e2e8f0);background:var(--bg-surface, #ffffff);color:var(--text-secondary, #64748b)}.btn-icon[data-v-035b976b]{width:16px;height:16px}.btn-text[data-v-035b976b]{font-weight:500}.story-btn[data-v-035b976b]:hover{border-color:var(--premium-purple);background:var(--premium-purple)}.flashcard-btn[data-v-035b976b]:hover{border-color:var(--success-green);background:var(--success-green)}.image-btn[data-v-035b976b]:hover{border-color:var(--warning-amber);background:var(--warning-amber)}.error-link[data-v-035b976b]{color:var(--primary-blue);text-decoration:none;font-weight:600}.error-link[data-v-035b976b]:hover{text-decoration:underline;color:var(--blue-hover)}.about-container[data-v-00746312]{max-width:800px;margin:2rem auto;background:var(--bg-surface);border-radius:16px;box-shadow:0 2px 16px #1e225a12;padding:2rem 2rem 2.5rem;color:var(--text-primary);text-align:center}h1[data-v-00746312]{color:var(--text-primary);font-weight:800;letter-spacing:1px;margin-bottom:1rem}h2[data-v-00746312]{color:var(--text-primary);font-weight:600;margin:2rem 0 1rem}p[data-v-00746312]{margin-bottom:1rem;line-height:1.6}a[data-v-00746312]{color:var(--primary-blue);text-decoration:none;font-weight:500;transition:color .2s}a[data-v-00746312]:hover{color:var(--blue-hover);text-decoration:underline}.stats-section[data-v-00746312]{margin:2rem 0;padding:1.5rem;background:var(--bg-primary);border-radius:12px}.stats-grid[data-v-00746312]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin-top:1rem}.stat-item[data-v-00746312]{text-align:center;padding:16px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 4px #0000001a}.stat-number[data-v-00746312]{font-size:24px;font-weight:700;color:var(--primary-blue);margin-bottom:4px}.stat-label[data-v-00746312]{font-size:12px;color:var(--text-secondary);text-transform:uppercase;font-weight:500}@media (max-width: 768px){.about-container[data-v-00746312]{margin:1rem;padding:1.5rem}.stats-grid[data-v-00746312]{grid-template-columns:repeat(2,1fr)}}.flip-card-container[data-v-dbfacdf8]{perspective:1000px;width:100%;height:100%;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flip-card-container[data-v-dbfacdf8]:focus{outline:none}.flip-card[data-v-dbfacdf8]{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s ease-in-out;-webkit-tap-highlight-color:transparent}.flip-card[data-v-dbfacdf8]:focus{outline:none}.flip-card.flipped[data-v-dbfacdf8]{transform:rotateY(180deg)}.card-front[data-v-dbfacdf8],.card-back[data-v-dbfacdf8]{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:12px;box-shadow:0 4px 20px #0000001a;background:var(--bg-surface, #ffffff);border:2px solid var(--border-color, #e2e8f0);box-shadow:0 4px 20px #0000001a,0 0 0 1px #ffffff1a}.card-back[data-v-dbfacdf8]{transform:rotateY(180deg)}[data-theme=dark] .card-front[data-v-dbfacdf8],[data-theme=dark] .card-back[data-v-dbfacdf8]{background:#2a2a2a;border:2px solid #404040;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff1a,0 4px 12px #0000004d}.card-content[data-v-dbfacdf8]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:2rem;text-align:center;position:relative}.word-display[data-v-dbfacdf8]{flex:1;display:flex;align-items:center;justify-content:center;width:100%}.word-input[data-v-dbfacdf8],.word-text[data-v-dbfacdf8]{font-size:2rem;font-weight:600;color:var(--text-primary, #1e293b);text-align:center;width:100%;max-width:300px}.word-input[data-v-dbfacdf8]{background:transparent;border:none;outline:none;padding:.5rem;border-radius:8px;transition:background-color .2s}.word-input[data-v-dbfacdf8]:focus{background:var(--bg-primary, #f8fafc)}.translation-section[data-v-dbfacdf8]{margin-bottom:1.5rem;min-height:60px;display:flex;align-items:center;justify-content:center}.translation-input[data-v-dbfacdf8],.translation-text[data-v-dbfacdf8]{font-size:1.5rem;font-weight:500;color:var(--primary-blue, #6690ff);text-align:center;width:100%;max-width:300px}.translation-input[data-v-dbfacdf8]{background:transparent;border:none;outline:none;padding:.5rem;border-radius:8px;transition:background-color .2s}.translation-input[data-v-dbfacdf8]:focus{background:var(--bg-primary, #f8fafc)}.examples-section[data-v-dbfacdf8]{width:100%;max-width:400px;min-height:120px;max-height:160px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.example-navigation[data-v-dbfacdf8]{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;height:100%}.nav-btn[data-v-dbfacdf8]{background:transparent;color:var(--primary-blue, #6690ff);border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;font-weight:700;transition:all .2s;flex-shrink:0}.nav-btn[data-v-dbfacdf8]:hover:not(:disabled){background:#6690ff1a;color:var(--blue-hover, #4a7aff);transform:scale(1.1)}.nav-btn[data-v-dbfacdf8]:disabled{color:var(--text-secondary, #64748b);cursor:not-allowed;transform:none;opacity:.5}.example-content[data-v-dbfacdf8]{flex:1;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 .5rem;overflow:hidden}.example-input[data-v-dbfacdf8],.example-text[data-v-dbfacdf8]{font-size:1rem;color:var(--text-primary, #1e293b);text-align:center;line-height:1.6;font-style:italic;width:100%;max-height:140px;overflow-y:auto;padding:.5rem;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;scrollbar-width:thin;scrollbar-color:var(--text-secondary, #64748b) transparent}.example-text[data-v-dbfacdf8]::-webkit-scrollbar{width:4px}.example-text[data-v-dbfacdf8]::-webkit-scrollbar-track{background:transparent}.example-text[data-v-dbfacdf8]::-webkit-scrollbar-thumb{background:var(--text-secondary, #64748b);border-radius:2px}.example-text[data-v-dbfacdf8]::-webkit-scrollbar-thumb:hover{background:var(--text-primary, #1e293b)}.example-input[data-v-dbfacdf8]{background:transparent;border:none;outline:none;padding:.5rem;border-radius:8px;resize:none;transition:background-color .2s}.example-input[data-v-dbfacdf8]:focus{background:var(--bg-primary, #f8fafc)}.flip-hint[data-v-dbfacdf8]{position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);font-size:.8rem;color:var(--text-secondary, #64748b);opacity:.7;white-space:nowrap}@media (max-width: 768px){.card-content[data-v-dbfacdf8]{padding:1.5rem}.word-input[data-v-dbfacdf8],.word-text[data-v-dbfacdf8]{font-size:1.5rem}.translation-input[data-v-dbfacdf8],.translation-text[data-v-dbfacdf8]{font-size:1.2rem}.example-input[data-v-dbfacdf8],.example-text[data-v-dbfacdf8]{font-size:.9rem}}@media (max-width: 480px){.card-content[data-v-dbfacdf8]{padding:1rem}.word-input[data-v-dbfacdf8],.word-text[data-v-dbfacdf8]{font-size:1.3rem}.translation-input[data-v-dbfacdf8],.translation-text[data-v-dbfacdf8]{font-size:1.1rem}.example-input[data-v-dbfacdf8],.example-text[data-v-dbfacdf8]{font-size:.85rem}}.flashcard-viewer-overlay[data-v-2fc570f0]{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-theme=dark] .flashcard-viewer-overlay[data-v-2fc570f0]{background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.flashcard-container[data-v-2fc570f0]{width:90vw;max-width:35rem;height:60vh;max-height:25rem;min-width:20rem;min-height:15rem}.flashcard-viewer-overlay[data-v-2fc570f0]:focus{outline:none}.flashcard-viewer-overlay[data-v-2fc570f0] *{-webkit-tap-highlight-color:transparent}.flashcard-viewer-overlay[data-v-2fc570f0] *:focus{outline:none}@media (max-width: 768px){.flashcard-container[data-v-2fc570f0]{width:95vw;height:50vh;max-width:none;max-height:none}}@media (max-width: 480px){.flashcard-container[data-v-2fc570f0]{width:98vw;height:60vh;min-height:18rem}}.confirmation-modal{max-width:480px;width:100%}.header-content{display:flex;align-items:center;gap:12px}.icon-container{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--bg-primary)}.icon-container.danger{background:#f871711a}.icon-container.warning{background:#fbbf241a}.icon-container.info{background:#38bdf81a}.icon{font-size:1.25rem}.modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.modal-body{padding:20px 24px}.message{margin:0 0 12px;color:var(--text-primary);font-size:1rem;line-height:1.5}.details{margin-top:12px;padding:12px;background:var(--bg-primary);border-radius:6px;color:var(--text-secondary);font-size:.875rem;line-height:1.4}.modal-footer{padding:16px 24px 24px;display:flex;justify-content:flex-end;gap:12px}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;min-width:80px;justify-content:center}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--secondary{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color)}.btn--secondary:hover:not(:disabled){background:var(--border-color)}.btn--primary{background:var(--primary-blue);color:#fff}.btn--primary:hover:not(:disabled){background:var(--blue-hover)}.btn--warning{background:var(--warning-amber);color:#fff}.btn--warning:hover:not(:disabled){background:#f59e0b}.btn--danger{background:var(--error-red);color:#fff}.btn--danger:hover:not(:disabled){background:#ef4444}.loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 480px){.confirmation-modal{margin:16px;max-width:none}.modal-footer{flex-direction:column-reverse}.btn{width:100%}}.flashcard-dashboard[data-v-0ad7564a]{max-width:1200px;margin:0 auto;padding:24px}.flashcards-header[data-v-0ad7564a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.search-filters[data-v-0ad7564a]{display:flex;gap:12px;flex:1}.search-box[data-v-0ad7564a]{flex:1;max-width:300px}.language-filter[data-v-0ad7564a]{min-width:120px}.search-input[data-v-0ad7564a],.language-select[data-v-0ad7564a]{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;outline:none;transition:border-color .2s;background:var(--bg-surface);color:var(--text-primary)}.search-input[data-v-0ad7564a]:focus,.language-select[data-v-0ad7564a]:focus{border-color:var(--primary-blue)}.language-select[data-v-0ad7564a]{cursor:pointer}.stats[data-v-0ad7564a]{display:flex;gap:24px}.stat-item[data-v-0ad7564a]{color:var(--text-secondary);font-size:.9rem}.stat-item strong[data-v-0ad7564a]{color:var(--text-primary)}.loading-state[data-v-0ad7564a],.error-state[data-v-0ad7564a],.empty-state[data-v-0ad7564a]{text-align:center;padding:60px 20px}.spinner[data-v-0ad7564a]{width:40px;height:40px;border:4px solid var(--border-color);border-top:4px solid var(--primary-blue);border-radius:50%;animation:spin-0ad7564a 1s linear infinite;margin:0 auto 16px}@keyframes spin-0ad7564a{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-state p[data-v-0ad7564a]{color:var(--error-red);margin-bottom:16px}.retry-btn[data-v-0ad7564a]{padding:8px 16px;background:var(--text-secondary);color:#fff;border:none;border-radius:4px;cursor:pointer}.empty-state .empty-icon[data-v-0ad7564a]{font-size:64px;margin-bottom:16px}.empty-state h3[data-v-0ad7564a]{margin:0 0 8px;color:var(--text-primary)}.empty-state p[data-v-0ad7564a]{color:var(--text-secondary);margin-bottom:24px}.flashcards-grid[data-v-0ad7564a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-bottom:24px}.flashcard-item[data-v-0ad7564a]{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:20px;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #0000001a}.flashcard-item[data-v-0ad7564a]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.flashcard-header[data-v-0ad7564a]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.flashcard-header h3[data-v-0ad7564a]{margin:0;color:var(--text-primary);font-size:20px;font-weight:600}.flashcard-actions[data-v-0ad7564a]{display:flex;gap:8px}.remove-btn[data-v-0ad7564a]{background:none;border:none;color:var(--text-secondary);font-size:1.2rem;font-weight:700;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s;line-height:1}.remove-btn[data-v-0ad7564a]:hover{background:var(--border-color);color:var(--error-red)}.flashcard-translation[data-v-0ad7564a]{font-size:18px;color:var(--text-secondary);margin-bottom:12px;font-weight:500}.flashcard-examples[data-v-0ad7564a]{margin-bottom:16px}.example-sentence[data-v-0ad7564a]{font-size:14px;color:var(--text-secondary);font-style:italic;margin-bottom:4px;line-height:1.4}.more-examples[data-v-0ad7564a]{font-size:12px;color:var(--text-secondary);font-style:italic}.flashcard-meta[data-v-0ad7564a]{display:flex;justify-content:space-between;align-items:center;font-size:12px}.badge[data-v-0ad7564a]{padding:4px 8px;border-radius:6px;font-size:.7rem;font-weight:500;text-transform:uppercase}.badge--language[data-v-0ad7564a]{background:var(--primary-blue);color:var(--bg-surface)}.template-badge[data-v-0ad7564a]{background:#6690ff1a;color:var(--primary-blue);padding:4px 8px;border-radius:12px;font-weight:500;text-transform:capitalize}.pagination[data-v-0ad7564a]{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px;padding:16px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px}.pagination-btn[data-v-0ad7564a]{background:var(--primary-blue);color:var(--bg-surface);border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s}.pagination-btn[data-v-0ad7564a]:hover:not(.disabled){background:var(--blue-hover)}.pagination-btn.disabled[data-v-0ad7564a]{background:var(--border-color);color:var(--text-secondary);cursor:not-allowed}.page-info[data-v-0ad7564a]{color:var(--text-secondary);font-size:.9rem;font-weight:500}@media (max-width: 768px){.flashcards-header[data-v-0ad7564a]{flex-direction:column;align-items:stretch}.search-filters[data-v-0ad7564a]{flex-direction:column}.search-box[data-v-0ad7564a]{max-width:none}.stats[data-v-0ad7564a]{justify-content:center}.flashcards-grid[data-v-0ad7564a]{grid-template-columns:1fr;gap:16px}.pagination[data-v-0ad7564a]{flex-direction:row;gap:8px;padding:12px;flex-wrap:wrap;justify-content:center}.pagination-btn[data-v-0ad7564a]{padding:6px 12px;font-size:.8rem;min-width:80px}.page-info[data-v-0ad7564a]{font-size:.8rem;white-space:nowrap}}.my-words-page[data-v-b4149fef]{max-width:800px;margin:0 auto;padding:24px}.loading[data-v-b4149fef],.error[data-v-b4149fef],.empty-state[data-v-b4149fef]{text-align:center;padding:64px 24px}.loading-spinner[data-v-b4149fef]{width:40px;height:40px;border:4px solid var(--border-color);border-top:4px solid var(--primary-blue);border-radius:50%;animation:spin-b4149fef 1s linear infinite;margin:0 auto 16px}@keyframes spin-b4149fef{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error p[data-v-b4149fef]{color:var(--error-red);margin-bottom:16px}.retry-btn[data-v-b4149fef]{background:var(--primary-blue);color:var(--bg-surface);border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9rem}.retry-btn[data-v-b4149fef]:hover{background:var(--blue-hover)}.empty-state[data-v-b4149fef]{color:var(--text-secondary)}.empty-icon[data-v-b4149fef]{font-size:4rem;margin-bottom:16px}.empty-state h3[data-v-b4149fef]{color:var(--text-primary);margin-bottom:8px}.cta-btn[data-v-b4149fef]{display:inline-block;background:var(--primary-blue);color:var(--bg-surface);text-decoration:none;padding:12px 24px;border-radius:8px;margin-top:16px;font-weight:500}.cta-btn[data-v-b4149fef]:hover{background:var(--blue-hover)}.words-header[data-v-b4149fef]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.search-filters[data-v-b4149fef]{display:flex;gap:12px;flex:1}.search-box[data-v-b4149fef]{flex:1;max-width:300px}.language-filter[data-v-b4149fef]{min-width:120px}.search-input[data-v-b4149fef],.language-select[data-v-b4149fef]{width:100%;padding:12px 16px;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;outline:none;transition:border-color .2s;background:var(--bg-surface);color:var(--text-primary)}.search-input[data-v-b4149fef]:focus,.language-select[data-v-b4149fef]:focus{border-color:var(--primary-blue)}.language-select[data-v-b4149fef]{cursor:pointer}.stats[data-v-b4149fef]{display:flex;gap:24px}.stat-item[data-v-b4149fef]{color:var(--text-secondary);font-size:.9rem}.stat-item strong[data-v-b4149fef]{color:var(--text-primary)}.words-list[data-v-b4149fef]{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;margin-bottom:24px}.word-row[data-v-b4149fef]{border-bottom:1px solid var(--border-color);transition:all .2s}.word-row[data-v-b4149fef]:last-child{border-bottom:none}.word-row[data-v-b4149fef]:hover,.word-row.expanded[data-v-b4149fef]{background:var(--bg-primary)}.word-main[data-v-b4149fef]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;cursor:pointer;transition:background-color .2s}.word-main[data-v-b4149fef]:hover{background:var(--bg-primary)}.word-info[data-v-b4149fef]{flex:1;min-width:0}.word-pair[data-v-b4149fef]{display:flex;align-items:center;gap:8px}.word-text[data-v-b4149fef],.translation-text[data-v-b4149fef]{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.translation-text[data-v-b4149fef]{color:var(--primary-blue)}.separator[data-v-b4149fef]{color:var(--text-secondary);font-weight:400}.word-meta[data-v-b4149fef]{display:flex;align-items:center;gap:12px;flex-shrink:0}.language-badge[data-v-b4149fef]{background:var(--primary-blue);color:#fff;padding:4px 8px;border-radius:6px;font-size:.7rem;font-weight:500;text-transform:uppercase}.remove-btn[data-v-b4149fef]{background:none;border:none;color:var(--text-secondary);font-size:1.2rem;font-weight:700;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s;line-height:1}.remove-btn[data-v-b4149fef]:hover{background:var(--border-color);color:var(--error-red)}.word-details[data-v-b4149fef]{padding:0 20px 20px;border-top:1px solid var(--border-color);background:var(--bg-primary)}.explanation[data-v-b4149fef],.examples[data-v-b4149fef]{margin-top:16px}.explanation h4[data-v-b4149fef],.examples h4[data-v-b4149fef]{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.explanation p[data-v-b4149fef]{font-size:.9rem;color:var(--text-secondary);line-height:1.5;margin:0}.markdown-content[data-v-b4149fef]{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.markdown-content[data-v-b4149fef] h1,.markdown-content[data-v-b4149fef] h2,.markdown-content[data-v-b4149fef] h3,.markdown-content[data-v-b4149fef] h4,.markdown-content[data-v-b4149fef] h5,.markdown-content[data-v-b4149fef] h6{color:var(--text-primary);margin-top:16px;margin-bottom:8px;font-weight:600}.markdown-content[data-v-b4149fef] h1{font-size:1.4rem}.markdown-content[data-v-b4149fef] h2{font-size:1.3rem}.markdown-content[data-v-b4149fef] h3{font-size:1.2rem}.markdown-content[data-v-b4149fef] h4{font-size:1.1rem}.markdown-content[data-v-b4149fef] h5{font-size:1rem}.markdown-content[data-v-b4149fef] h6{font-size:.9rem}.markdown-content[data-v-b4149fef] p{margin-bottom:12px}.markdown-content[data-v-b4149fef] ul,.markdown-content[data-v-b4149fef] ol{margin:12px 0;padding-left:20px}.markdown-content[data-v-b4149fef] li{margin-bottom:4px}.markdown-content[data-v-b4149fef] blockquote{border-left:4px solid var(--primary-blue);padding-left:16px;margin:16px 0;color:var(--text-secondary);font-style:italic}.markdown-content[data-v-b4149fef] code{background:var(--bg-primary);padding:2px 6px;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem}.markdown-content[data-v-b4149fef] pre{background:var(--bg-primary);padding:16px;border-radius:8px;overflow-x:auto;margin:16px 0}.markdown-content[data-v-b4149fef] pre code{background:none;padding:0}.markdown-content[data-v-b4149fef] strong{font-weight:600;color:var(--text-primary)}.markdown-content[data-v-b4149fef] em{font-style:italic}.markdown-content[data-v-b4149fef] a{color:var(--primary-blue);text-decoration:none}.markdown-content[data-v-b4149fef] a:hover{text-decoration:underline}.examples ul[data-v-b4149fef]{margin:0;padding-left:20px}.examples li[data-v-b4149fef]{font-size:.9rem;color:var(--text-secondary);line-height:1.5;margin-bottom:4px}.examples li[data-v-b4149fef]:last-child{margin-bottom:0}.no-content[data-v-b4149fef]{margin-top:16px;text-align:center;color:var(--text-secondary);font-style:italic}.no-content p[data-v-b4149fef]{margin:0;font-size:.9rem}.pagination[data-v-b4149fef]{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px;padding:16px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px}.pagination-btn[data-v-b4149fef]{background:var(--primary-blue);color:var(--bg-surface);border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s}.pagination-btn[data-v-b4149fef]:hover:not(.disabled){background:var(--blue-hover)}.pagination-btn.disabled[data-v-b4149fef]{background:var(--border-color);color:var(--text-secondary);cursor:not-allowed}.page-info[data-v-b4149fef]{color:var(--text-secondary);font-size:.9rem;font-weight:500}@media (max-width: 768px){.words-header[data-v-b4149fef]{flex-direction:column;align-items:stretch}.search-filters[data-v-b4149fef]{flex-direction:column}.search-box[data-v-b4149fef]{max-width:none}.stats[data-v-b4149fef]{justify-content:center}.word-main[data-v-b4149fef]{flex-direction:column;align-items:flex-start;gap:12px}.word-meta[data-v-b4149fef]{align-self:flex-end}.word-pair[data-v-b4149fef]{flex-direction:column;align-items:flex-start;gap:4px}.separator[data-v-b4149fef]{display:none}.pagination[data-v-b4149fef]{flex-direction:row;gap:8px;padding:12px;flex-wrap:wrap;justify-content:center}.pagination-btn[data-v-b4149fef]{padding:6px 12px;font-size:.8rem;min-width:80px}.page-info[data-v-b4149fef]{font-size:.8rem;white-space:nowrap}}.my-stories-page[data-v-bb1a551d]{max-width:800px;margin:0 auto;padding:2rem;min-height:100vh;background:var(--bg-primary)}.loading[data-v-bb1a551d],.error[data-v-bb1a551d],.empty-state[data-v-bb1a551d]{text-align:center;padding:4rem 2rem}.loading-spinner[data-v-bb1a551d]{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--primary-blue);border-radius:50%;animation:spin-bb1a551d 1s linear infinite;margin:0 auto 1rem}@keyframes spin-bb1a551d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error[data-v-bb1a551d]{color:var(--error-red)}.retry-btn[data-v-bb1a551d]{background:var(--primary-blue);color:var(--bg-surface);border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;margin-top:1rem}.empty-state[data-v-bb1a551d]{color:var(--text-secondary)}.empty-icon[data-v-bb1a551d]{font-size:3rem;margin-bottom:1rem}.cta-btn[data-v-bb1a551d]{display:inline-block;background:var(--primary-blue);color:var(--bg-surface);text-decoration:none;padding:.75rem 1.5rem;border-radius:6px;margin-top:1rem;transition:background-color .2s}.cta-btn[data-v-bb1a551d]:hover{background:var(--blue-hover)}.stories-header[data-v-bb1a551d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.search-filters[data-v-bb1a551d]{display:flex;gap:1rem;flex-wrap:wrap}.search-box[data-v-bb1a551d]{flex:1;min-width:200px}.search-input[data-v-bb1a551d],.language-select[data-v-bb1a551d]{width:100%;padding:.5rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;outline:none;transition:border-color .2s;background:var(--bg-surface);color:var(--text-primary)}.search-input[data-v-bb1a551d]:focus,.language-select[data-v-bb1a551d]:focus{border-color:var(--primary-blue)}.language-select[data-v-bb1a551d]{cursor:pointer}.stats[data-v-bb1a551d]{display:flex;gap:24px}.stat-item[data-v-bb1a551d]{color:var(--text-secondary);font-size:.9rem}.stat-item strong[data-v-bb1a551d]{color:var(--text-primary)}.stories-list[data-v-bb1a551d]{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;margin-bottom:24px}.story-row[data-v-bb1a551d]{border-bottom:1px solid var(--border-color);transition:all .2s}.story-row[data-v-bb1a551d]:last-child{border-bottom:none}.story-row[data-v-bb1a551d]:hover,.story-row.expanded[data-v-bb1a551d]{background:var(--bg-primary)}.story-main[data-v-bb1a551d]{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 20px;cursor:pointer;transition:background-color .2s}.story-main[data-v-bb1a551d]:hover{background:var(--bg-primary)}.story-info[data-v-bb1a551d]{flex:1;min-width:0}.story-header[data-v-bb1a551d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.story-title[data-v-bb1a551d]{font-size:1.1rem;font-weight:600;color:var(--text-primary);flex:1;min-width:0}.story-chips[data-v-bb1a551d]{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-left:1rem}.theme-badge[data-v-bb1a551d]{background:var(--primary-orange);color:var(--bg-surface);padding:4px 8px;border-radius:6px;font-size:.7rem;font-weight:500;text-transform:capitalize;min-width:80px;text-align:center;white-space:nowrap}.language-badge[data-v-bb1a551d]{background:var(--primary-blue);color:var(--bg-surface);padding:4px 8px;border-radius:6px;font-size:.7rem;font-weight:500;text-transform:capitalize;min-width:100px;text-align:center;white-space:nowrap}.age-badge[data-v-bb1a551d]{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;padding:.25rem .5rem;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:4px;font-size:.75rem;font-weight:400;min-width:110px;text-align:center;white-space:nowrap}.story-words[data-v-bb1a551d]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.words-label[data-v-bb1a551d]{font-size:.8rem;color:var(--text-secondary);font-weight:500}.words-container[data-v-bb1a551d]{display:flex;flex-wrap:wrap;gap:.25rem}.word-chip[data-v-bb1a551d]{background:var(--bg-primary);color:var(--text-primary);padding:2px 6px;border-radius:4px;font-size:.75rem;font-weight:500}.story-bottom[data-v-bb1a551d]{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.story-actions[data-v-bb1a551d]{display:flex;align-items:center;gap:12px;flex-shrink:0}.remove-btn[data-v-bb1a551d]{background:none;border:none;color:var(--text-secondary);font-size:1.2rem;font-weight:700;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s;line-height:1}.remove-btn[data-v-bb1a551d]:hover{background:var(--border-color);color:var(--error-red)}.story-details[data-v-bb1a551d]{padding:0 20px 20px;border-top:1px solid var(--border-color);background:var(--bg-primary)}.story-content[data-v-bb1a551d]{margin-top:16px}.story-content h4[data-v-bb1a551d]{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.markdown-content[data-v-bb1a551d]{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.markdown-content[data-v-bb1a551d] h1,.markdown-content[data-v-bb1a551d] h2,.markdown-content[data-v-bb1a551d] h3,.markdown-content[data-v-bb1a551d] h4,.markdown-content[data-v-bb1a551d] h5,.markdown-content[data-v-bb1a551d] h6{color:var(--text-primary);margin-top:16px;margin-bottom:8px;font-weight:600}.markdown-content[data-v-bb1a551d] h1{font-size:1.4rem}.markdown-content[data-v-bb1a551d] h2{font-size:1.3rem}.markdown-content[data-v-bb1a551d] h3{font-size:1.2rem}.markdown-content[data-v-bb1a551d] h4{font-size:1.1rem}.markdown-content[data-v-bb1a551d] h5{font-size:1rem}.markdown-content[data-v-bb1a551d] h6{font-size:.9rem}.markdown-content[data-v-bb1a551d] p{margin-bottom:12px}.markdown-content[data-v-bb1a551d] ul,.markdown-content[data-v-bb1a551d] ol{margin:12px 0;padding-left:20px}.markdown-content[data-v-bb1a551d] li{margin-bottom:4px}.markdown-content[data-v-bb1a551d] blockquote{border-left:4px solid var(--primary-blue);padding-left:16px;margin:16px 0;color:var(--text-secondary);font-style:italic}.pagination[data-v-bb1a551d]{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.pagination-btn[data-v-bb1a551d]{background:var(--primary-blue);color:var(--bg-surface);border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;transition:background-color .2s}.pagination-btn[data-v-bb1a551d]:hover:not(.disabled){background:var(--blue-hover)}.pagination-btn.disabled[data-v-bb1a551d]{background:var(--text-secondary);cursor:not-allowed}.page-info[data-v-bb1a551d]{color:var(--text-secondary);font-size:.9rem}@media (max-width: 768px){.my-stories-page[data-v-bb1a551d]{padding:1rem}.stories-header[data-v-bb1a551d]{flex-direction:column;align-items:stretch}.search-filters[data-v-bb1a551d]{flex-direction:column}.story-main[data-v-bb1a551d]{flex-direction:column;align-items:stretch;gap:12px}.story-header[data-v-bb1a551d]{flex-direction:column;align-items:flex-start;gap:8px}.story-bottom[data-v-bb1a551d]{margin-top:8px}.story-chips[data-v-bb1a551d]{margin-left:0}.story-actions[data-v-bb1a551d]{margin-top:0}.story-words[data-v-bb1a551d]{margin-top:8px}.pagination[data-v-bb1a551d]{flex-direction:row;gap:8px;padding:12px;flex-wrap:wrap;justify-content:center}.pagination-btn[data-v-bb1a551d]{padding:6px 12px;font-size:.8rem;min-width:80px}.page-info[data-v-bb1a551d]{font-size:.8rem;white-space:nowrap}}.my-images-page[data-v-55daa4b1]{max-width:1200px;margin:0 auto;padding:24px}.loading[data-v-55daa4b1],.error[data-v-55daa4b1],.empty-state[data-v-55daa4b1]{text-align:center;padding:60px 20px}.loading-spinner[data-v-55daa4b1]{width:40px;height:40px;border:4px solid var(--border-color);border-top:4px solid var(--primary-blue);border-radius:50%;animation:spin-55daa4b1 1s linear infinite;margin:0 auto 16px}@keyframes spin-55daa4b1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error[data-v-55daa4b1]{color:var(--error-red)}.retry-btn[data-v-55daa4b1]{background:var(--error-red);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;margin-top:16px}.empty-state[data-v-55daa4b1]{color:var(--text-secondary)}.empty-icon[data-v-55daa4b1]{font-size:4rem;margin-bottom:16px}.cta-btn[data-v-55daa4b1]{display:inline-block;background:var(--primary-blue);color:#fff;text-decoration:none;padding:12px 24px;border-radius:6px;margin-top:16px;transition:background-color .2s}.cta-btn[data-v-55daa4b1]:hover{background:var(--blue-hover)}.images-header[data-v-55daa4b1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.search-filters[data-v-55daa4b1]{display:flex;gap:12px;flex-wrap:wrap;flex:1}.search-input[data-v-55daa4b1],.language-select[data-v-55daa4b1],.status-select[data-v-55daa4b1]{padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:.875rem;background:var(--bg-surface);color:var(--text-primary)}.search-input[data-v-55daa4b1]{min-width:200px}.stats[data-v-55daa4b1]{display:flex;align-items:center;gap:16px}.stat-item[data-v-55daa4b1]{color:var(--text-secondary);font-size:.875rem}.refresh-btn[data-v-55daa4b1]{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);padding:8px;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.refresh-btn[data-v-55daa4b1]:hover:not(:disabled){background:var(--border-color)}.refresh-btn[data-v-55daa4b1]:disabled{opacity:.6;cursor:not-allowed}.refresh-icon[data-v-55daa4b1]{width:18px;height:18px}.refresh-spinner[data-v-55daa4b1]{width:18px;height:18px;border:2px solid var(--border-color);border-top:2px solid var(--text-primary);border-radius:50%;animation:spin-55daa4b1 1s linear infinite}.images-grid[data-v-55daa4b1]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;margin-bottom:32px}.image-card[data-v-55daa4b1]{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .2s;box-shadow:0 1px 3px #0000001a}.image-card[data-v-55daa4b1]:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.image-card.pending[data-v-55daa4b1]{border-color:var(--warning-amber)}.image-card.failed[data-v-55daa4b1]{border-color:var(--error-red)}.image-container[data-v-55daa4b1]{position:relative;width:100%;height:200px;background:var(--bg-primary);display:flex;align-items:center;justify-content:center}.image-placeholder[data-v-55daa4b1]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);text-align:center;padding:20px}.image-placeholder.failed[data-v-55daa4b1]{color:var(--error-red)}.placeholder-spinner[data-v-55daa4b1]{width:32px;height:32px;border:3px solid var(--border-color);border-top:3px solid var(--warning-amber);border-radius:50%;animation:spin-55daa4b1 1s linear infinite;margin-bottom:12px}.placeholder-icon[data-v-55daa4b1],.failed-icon[data-v-55daa4b1]{font-size:2rem;margin-bottom:8px}.generated-image[data-v-55daa4b1]{width:100%;height:100%;object-fit:cover;cursor:pointer;transition:transform .2s ease}.generated-image[data-v-55daa4b1]:hover{transform:scale(1.02)}.image-metadata[data-v-55daa4b1]{padding:16px}.image-details[data-v-55daa4b1]{margin-bottom:12px}.image-title[data-v-55daa4b1]{margin:8px 0}.title-text[data-v-55daa4b1]{font-size:.875rem;color:var(--text-secondary);font-style:italic;margin:0;line-height:1.4}.word-pair[data-v-55daa4b1]{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.original-word[data-v-55daa4b1]{font-weight:600;color:var(--text-primary)}.separator[data-v-55daa4b1]{color:var(--text-secondary)}.translated-word[data-v-55daa4b1]{font-weight:600;color:var(--primary-blue)}.image-badges[data-v-55daa4b1]{display:flex;gap:6px;flex-wrap:wrap}.language-badge[data-v-55daa4b1],.age-badge[data-v-55daa4b1],.status-badge[data-v-55daa4b1]{padding:2px 6px;border-radius:4px;font-size:.75rem;font-weight:500}.language-badge[data-v-55daa4b1]{background:var(--primary-blue);color:var(--bg-surface)}.age-badge[data-v-55daa4b1]{background:var(--premium-purple);color:var(--bg-surface)}.status-badge[data-v-55daa4b1]{text-transform:capitalize}.status-badge.pending[data-v-55daa4b1]{background:var(--warning-amber);color:var(--text-primary)}.status-badge.completed[data-v-55daa4b1]{background:var(--success-green);color:var(--bg-surface)}.status-badge.failed[data-v-55daa4b1]{background:var(--error-red);color:var(--bg-surface)}.image-actions[data-v-55daa4b1]{margin-top:12px;display:flex;justify-content:flex-end}.remove-btn[data-v-55daa4b1]{background:none;border:none;color:var(--text-secondary);font-size:1.2rem;font-weight:700;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s;line-height:1}.remove-btn[data-v-55daa4b1]:hover{background:var(--border-color);color:var(--error-red)}.pagination[data-v-55daa4b1]{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:32px}.pagination-btn[data-v-55daa4b1]{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-color);padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .2s}.pagination-btn[data-v-55daa4b1]:hover:not(.disabled){background:var(--bg-primary);border-color:var(--text-secondary)}.pagination-btn.disabled[data-v-55daa4b1]{opacity:.5;cursor:not-allowed}.page-info[data-v-55daa4b1]{color:var(--text-secondary);font-size:.875rem}.pending-warning[data-v-55daa4b1]{background:var(--warning-amber);border:1px solid var(--warning-amber);border-radius:8px;padding:16px;margin-bottom:24px}.warning-content[data-v-55daa4b1]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.warning-icon[data-v-55daa4b1]{font-size:1.2rem;flex-shrink:0}.warning-text[data-v-55daa4b1]{flex:1;min-width:0}.warning-text p[data-v-55daa4b1]{margin:0;color:var(--text-primary);font-size:.875rem;line-height:1.4}.clear-pending-btn[data-v-55daa4b1]{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-color);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s;flex-shrink:0}.clear-pending-btn[data-v-55daa4b1]:hover:not(:disabled){background:var(--bg-primary);border-color:var(--text-secondary)}.clear-pending-btn[data-v-55daa4b1]:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 640px){.warning-content[data-v-55daa4b1]{flex-direction:column;align-items:flex-start;gap:8px}.clear-pending-btn[data-v-55daa4b1]{align-self:stretch}}@media (max-width: 768px){.my-images-page[data-v-55daa4b1]{padding:16px}.images-header[data-v-55daa4b1]{flex-direction:column;align-items:stretch}.search-filters[data-v-55daa4b1]{flex-direction:column}.search-input[data-v-55daa4b1]{min-width:auto}.images-grid[data-v-55daa4b1]{grid-template-columns:1fr;gap:16px}.word-pair[data-v-55daa4b1]{flex-direction:column;align-items:flex-start;gap:4px}.separator[data-v-55daa4b1]{display:none}.pagination[data-v-55daa4b1]{flex-direction:row;gap:8px;padding:12px;flex-wrap:wrap;justify-content:center}.pagination-btn[data-v-55daa4b1]{padding:6px 12px;font-size:.8rem;min-width:80px}.page-info[data-v-55daa4b1]{font-size:.8rem;white-space:nowrap}}.user-preferences-page[data-v-acd9e757]{max-width:800px;margin:0 auto;padding:16px}.container[data-v-acd9e757]{background:var(--bg-surface);border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.page-title[data-v-acd9e757]{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 24px;padding:24px 24px 0}.section[data-v-acd9e757]{padding:24px;border-bottom:1px solid var(--border-color)}.section[data-v-acd9e757]:last-child{border-bottom:none}.section-title[data-v-acd9e757]{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.section-description[data-v-acd9e757]{color:var(--text-secondary);margin:0 0 16px;line-height:1.4;font-size:14px}.info-item[data-v-acd9e757]{margin-bottom:16px}.info-item label[data-v-acd9e757]{display:block;font-weight:500;color:var(--text-primary);margin-bottom:6px;font-size:14px}.info-text[data-v-acd9e757]{padding:10px 0;font-size:14px;color:var(--text-primary);min-height:20px;display:flex;align-items:center;font-weight:500}.form-grid[data-v-acd9e757]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.subsection[data-v-acd9e757]{margin-top:24px;padding-top:24px;border-top:1px solid var(--border-color)}.subsection-title[data-v-acd9e757]{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.form-input[data-v-acd9e757]{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;transition:border-color .2s}.form-input[data-v-acd9e757]:focus{outline:none;border-color:var(--primary-blue)}.form-input.error[data-v-acd9e757]{border-color:var(--error-red)}.form-input.success[data-v-acd9e757]{border-color:var(--success-green)}.form-input.disabled[data-v-acd9e757]{background-color:var(--bg-primary);color:var(--text-secondary);cursor:not-allowed}.language-select[data-v-acd9e757]{width:100%;padding:10px 12px;border-radius:6px;border:1px solid var(--border-color);font-size:14px;background:var(--bg-surface, #ffffff);color:var(--text-primary, #1e293b);cursor:pointer;transition:border-color .2s}.language-select[data-v-acd9e757]:focus{outline:none;border-color:var(--primary-blue)}.password-input-container[data-v-acd9e757]{position:relative;display:flex;align-items:center}.password-input[data-v-acd9e757]{padding-right:40px}.password-toggle-btn[data-v-acd9e757]{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;font-size:16px;color:var(--text-secondary);transition:color .2s}.password-toggle-btn[data-v-acd9e757]:hover{color:var(--text-primary);background:var(--bg-primary)}.validation-errors[data-v-acd9e757]{margin-top:8px}.validation-errors .error-message[data-v-acd9e757]{color:var(--error-red);font-size:12px;margin-bottom:4px;display:flex;align-items:center}.validation-errors .error-message[data-v-acd9e757]:before{content:"⚠️";margin-right:4px;font-size:10px}.validation-success[data-v-acd9e757]{margin-top:8px}.validation-success .success-message[data-v-acd9e757]{color:var(--success-green);font-size:12px;font-weight:500}.verified-badge[data-v-acd9e757]{color:var(--success-green);font-weight:500}.unverified-badge[data-v-acd9e757]{color:var(--error-red);font-weight:500;display:flex;align-items:center;gap:12px}.resend-btn[data-v-acd9e757]{background:var(--primary-blue);color:#fff;border:none;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .2s}.resend-btn[data-v-acd9e757]:hover:not(:disabled){background:var(--blue-hover)}.resend-btn[data-v-acd9e757]:disabled{background:var(--text-secondary);cursor:not-allowed}.button-item[data-v-acd9e757]{display:flex;align-items:flex-end}.section-actions[data-v-acd9e757]{margin-top:20px;display:flex;justify-content:flex-start}.btn[data-v-acd9e757]{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn[data-v-acd9e757]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-acd9e757]{background:var(--primary-blue);color:#fff}.btn-primary[data-v-acd9e757]:hover:not(:disabled){background:var(--blue-hover)}.btn-secondary[data-v-acd9e757]{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary[data-v-acd9e757]:hover:not(:disabled){background:var(--border-color)}.btn-danger[data-v-acd9e757]{background:var(--error-red);color:#fff}.btn-danger[data-v-acd9e757]:hover:not(:disabled){background:var(--error-red);opacity:.8}@media (max-width: 768px){.user-preferences-page[data-v-acd9e757]{padding:12px}.section[data-v-acd9e757]{padding:20px}.form-grid[data-v-acd9e757]{grid-template-columns:1fr;gap:12px}.button-item[data-v-acd9e757]{margin-top:8px}}.forgot-password-page[data-v-35a59dc0]{min-height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:20px}.container[data-v-35a59dc0]{width:100%;max-width:400px}.forgot-password-card[data-v-35a59dc0]{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000001a;padding:32px}.header[data-v-35a59dc0]{text-align:center;margin-bottom:32px}.header h1[data-v-35a59dc0]{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 12px}.header p[data-v-35a59dc0]{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0}.forgot-password-form[data-v-35a59dc0]{display:flex;flex-direction:column;gap:20px}.form-group[data-v-35a59dc0]{display:flex;flex-direction:column;gap:8px}.form-group label[data-v-35a59dc0]{font-weight:500;color:var(--text-primary);font-size:14px}.form-input[data-v-35a59dc0]{padding:12px;border:1px solid var(--border-color);border-radius:6px;font-size:16px;transition:border-color .2s}.form-input[data-v-35a59dc0]:focus{outline:none;border-color:var(--primary-blue)}.error-message[data-v-35a59dc0]{color:var(--error-red);font-size:14px;padding:8px;background-color:#f871711a;border:1px solid var(--error-red);border-radius:4px}.warning-message[data-v-35a59dc0]{color:var(--warning-amber);font-size:14px;padding:8px;background-color:#fbbf241a;border:1px solid var(--warning-amber);border-radius:4px}.submit-btn[data-v-35a59dc0]{background:var(--primary-blue);color:#fff;border:none;padding:12px;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s}.submit-btn[data-v-35a59dc0]:hover:not(:disabled){background:var(--blue-hover)}.submit-btn[data-v-35a59dc0]:disabled{background:var(--text-secondary);cursor:not-allowed}.links[data-v-35a59dc0]{margin-top:24px;display:flex;flex-direction:column;gap:12px;text-align:center}.back-link[data-v-35a59dc0],.login-link[data-v-35a59dc0]{color:var(--primary-blue);text-decoration:none;font-size:14px;font-weight:500}.back-link[data-v-35a59dc0]:hover,.login-link[data-v-35a59dc0]:hover{text-decoration:underline}@media (max-width: 480px){.forgot-password-card[data-v-35a59dc0]{padding:24px}.header h1[data-v-35a59dc0]{font-size:20px}}.user-avatar[data-v-55ad5244]{display:flex;align-items:center;justify-content:center;background:var(--primary-blue);color:#fff;border-radius:50%;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.user-avatar.small[data-v-55ad5244]{width:24px;height:24px;font-size:12px}.user-avatar.medium[data-v-55ad5244]{width:32px;height:32px;font-size:14px}.user-avatar.large[data-v-55ad5244]{width:40px;height:40px;font-size:16px}.discover-container[data-v-a4312621]{max-width:1200px;margin:0 auto;padding:24px}.search-filter-section[data-v-a4312621]{margin-bottom:32px}.search-filter-row[data-v-a4312621]{display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap}.search-container[data-v-a4312621]{flex:1;min-width:300px;max-width:500px}.search-input-wrapper[data-v-a4312621]{position:relative;width:100%}.search-input[data-v-a4312621]{width:100%;padding:12px 48px 12px 16px;border:2px solid var(--border-color);border-radius:8px;font-size:16px;transition:border-color .2s;background:var(--bg-surface);color:var(--text-primary)}.search-input[data-v-a4312621]:focus{outline:none;border-color:var(--primary-blue)}.search-btn[data-v-a4312621]{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:18px;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .2s}.search-btn[data-v-a4312621]:hover{background:#6690ff1a}.filters-toggle-btn[data-v-a4312621]{padding:8px 16px;background:transparent;color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease;height:40px;white-space:nowrap;width:120px;justify-content:center;flex-shrink:0}.filters-toggle-btn[data-v-a4312621]:hover{background:var(--bg-primary);border-color:var(--text-secondary)}.filters-toggle-btn.active[data-v-a4312621]{background:var(--text-secondary);color:var(--bg-surface);border-color:var(--text-secondary)}.filters-toggle-btn.active[data-v-a4312621]:hover{background:var(--text-primary)}.filter-icon[data-v-a4312621]{font-size:14px}.filter-text[data-v-a4312621]{font-size:14px;font-weight:500}.filter-controls[data-v-a4312621]{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;justify-content:center;max-height:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease,margin .3s ease;opacity:0;margin-top:0}.filter-controls.show[data-v-a4312621]{max-height:200px;opacity:1;margin-top:16px}.filter-group[data-v-a4312621]{display:flex;flex-direction:column;gap:4px}.filter-group label[data-v-a4312621]{font-size:12px;color:var(--text-secondary);font-weight:500}.filter-select[data-v-a4312621]{padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;background:var(--bg-surface);color:var(--text-primary);min-width:120px;height:40px}.clear-filters-btn[data-v-a4312621]{padding:8px 16px;background:transparent;color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s;height:40px;white-space:nowrap}.clear-filters-btn[data-v-a4312621]:hover{background:var(--bg-primary);border-color:var(--text-secondary)}.content-section[data-v-a4312621]{min-height:400px}.loading-state[data-v-a4312621],.error-state[data-v-a4312621],.empty-state[data-v-a4312621]{text-align:center;padding:60px 20px}.spinner[data-v-a4312621]{width:40px;height:40px;border:4px solid var(--border-color);border-top:4px solid var(--primary-blue);border-radius:50%;animation:spin-a4312621 1s linear infinite;margin:0 auto 16px}@keyframes spin-a4312621{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-state p[data-v-a4312621]{color:var(--error-red);margin-bottom:16px}.retry-btn[data-v-a4312621]{padding:8px 16px;background:var(--primary-blue);color:var(--bg-surface);border:none;border-radius:6px;cursor:pointer}.empty-state .empty-icon[data-v-a4312621]{font-size:64px;margin-bottom:16px}.empty-state h3[data-v-a4312621]{margin:0 0 8px;color:var(--text-primary)}.empty-state p[data-v-a4312621]{color:var(--text-secondary);margin-bottom:24px}.content-grid[data-v-a4312621]{column-count:3;column-gap:24px;margin-bottom:32px}.content-card[data-v-a4312621]{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .2s;box-shadow:0 2px 8px #0000001a;break-inside:avoid;page-break-inside:avoid;margin-bottom:24px;display:inline-block;width:100%}.content-card--flashcard .card-content[data-v-a4312621]{cursor:pointer}.content-card[data-v-a4312621]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.card-content[data-v-a4312621]{padding:20px;display:flex;flex-direction:column;height:100%}.card-body[data-v-a4312621]{flex:1;margin-bottom:16px}.card-title[data-v-a4312621]{margin:0 0 8px;color:var(--text-primary);font-size:18px;font-weight:600}.card-subtitle[data-v-a4312621]{margin:0 0 12px;color:var(--text-secondary);font-size:14px;line-height:1.6;word-wrap:break-word;overflow-wrap:break-word}.card-subtitle[data-v-a4312621] p{margin:0 0 8px}.card-subtitle[data-v-a4312621] p:last-child{margin-bottom:0}.card-subtitle[data-v-a4312621] strong{color:var(--text-primary);font-weight:600}.card-subtitle[data-v-a4312621] em{font-style:italic}.card-subtitle[data-v-a4312621] code{background:var(--bg-secondary);padding:2px 4px;border-radius:3px;font-family:monospace;font-size:12px}.card-examples[data-v-a4312621]{margin-top:12px}.example-sentence[data-v-a4312621]{font-size:12px;color:var(--text-secondary);margin-bottom:4px;line-height:1.3}.card-theme[data-v-a4312621]{margin-top:8px;font-size:12px;color:var(--text-secondary)}.theme-label[data-v-a4312621]{font-weight:500}.card-explanation[data-v-a4312621]{margin-top:8px;font-size:12px;color:var(--text-secondary);line-height:1.3}.image-preview[data-v-a4312621]{margin-bottom:12px;border-radius:8px;overflow:hidden;cursor:pointer;width:100%}.image-preview img[data-v-a4312621]{width:100%;height:auto;display:block;transition:transform .2s;object-fit:contain}.image-preview:hover img[data-v-a4312621]{transform:scale(1.02)}.card-header[data-v-a4312621]{display:flex;flex-direction:column;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--border-color);margin-bottom:16px}.card-footer[data-v-a4312621]{display:flex;flex-direction:column;gap:12px;padding-top:12px;border-top:1px solid var(--border-color);margin-top:auto;width:100%;min-width:0}.user-section[data-v-a4312621]{display:flex;align-items:center;gap:4px;width:100%;min-width:0}.user-section[data-v-a4312621] .user-avatar{flex-shrink:0}.user-email[data-v-a4312621]{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 200px;min-width:0;max-width:none}.date[data-v-a4312621]{font-size:12px;color:var(--text-secondary);white-space:nowrap;flex-shrink:0;min-width:fit-content}.card-badges[data-v-a4312621]{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-start}.content-type-badge[data-v-a4312621],.language-badge[data-v-a4312621],.age-badge[data-v-a4312621]{border:1px solid var(--border-color);color:var(--text-secondary);padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500;background:transparent}.load-more-section[data-v-a4312621]{text-align:center;margin-top:32px}.load-more-btn[data-v-a4312621]{padding:12px 24px;background:var(--primary-blue);color:var(--bg-surface);border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s}.load-more-btn[data-v-a4312621]:hover:not(:disabled){background:var(--blue-hover)}.load-more-btn[data-v-a4312621]:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.discover-container[data-v-a4312621]{padding:16px}.search-filter-row[data-v-a4312621]{flex-direction:column;align-items:stretch;gap:12px}.search-container[data-v-a4312621]{min-width:auto;max-width:none}.filters-toggle-btn[data-v-a4312621]{width:100%;justify-content:center}.filter-controls[data-v-a4312621]{flex-direction:column;align-items:stretch;gap:8px}.filter-group[data-v-a4312621],.filter-select[data-v-a4312621],.clear-filters-btn[data-v-a4312621]{width:100%}.content-grid[data-v-a4312621]{column-count:1;column-gap:0}.card-content[data-v-a4312621]{padding:16px}.card-title[data-v-a4312621]{font-size:16px}.card-subtitle[data-v-a4312621]{font-size:13px}.card-footer[data-v-a4312621]{gap:10px}.user-section[data-v-a4312621]{flex-direction:row;align-items:center;gap:4px;width:100%}.user-email[data-v-a4312621]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.date[data-v-a4312621]{flex-shrink:0;min-width:fit-content}.card-badges[data-v-a4312621]{justify-content:flex-start;width:100%}.card-header[data-v-a4312621]{gap:6px}}@media (min-width: 769px) and (max-width: 1024px){.content-grid[data-v-a4312621]{column-count:2}}@media (min-width: 1025px){.content-grid[data-v-a4312621]{column-count:3}}