@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--primary:#12cdec;--primary-hover:#0ebbd8;--text-main:#111827;--text-secondary:#4b5563;--text-muted:#6b7280;--bg-main:#f9fafb;--bg-card:#fff;--border-color:#e5e7eb;--btn-dark:#111827;--btn-dark-hover:#1f2937;--badge-basic-bg:#ccfbf1;--badge-basic-text:#0d9488;--badge-elem-bg:#e0f2fe;--badge-elem-text:#0284c7;--badge-inter-bg:#dbeafe;--badge-inter-text:#2563eb;--badge-upper-bg:#e7e5e4;--badge-upper-text:#57534e;--badge-adv-bg:#dcfce7;--badge-adv-text:#16a34a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}.kizuna-app[data-v-822fc758]{flex-direction:column;min-height:100vh;display:flex}.container[data-v-822fc758]{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.header[data-v-822fc758]{background-color:var(--bg-card);border-bottom:1px solid var(--border-color);z-index:50;position:sticky;top:0}.header-inner[data-v-822fc758]{justify-content:space-between;align-items:center;height:72px;display:flex}.logo[data-v-822fc758]{align-items:center;gap:12px;display:flex}.logo-text[data-v-822fc758]{letter-spacing:-.025em;color:var(--text-main);font-size:1.25rem;font-weight:800}.header-right[data-v-822fc758]{align-items:center;gap:32px;display:flex}.nav-links[data-v-822fc758]{gap:24px;display:flex}.nav-link[data-v-822fc758]{color:var(--text-secondary);font-size:.95rem;font-weight:500;transition:color .2s}.nav-link[data-v-822fc758]:hover{color:var(--text-main)}.avatar-btn[data-v-822fc758]{background-color:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .2s;display:flex}.avatar-btn[data-v-822fc758]:hover{background-color:#e5e7eb}.main-content[data-v-822fc758]{flex:1;padding:64px 0 80px}.hero[data-v-822fc758]{margin-bottom:48px}.hero-title[data-v-822fc758]{letter-spacing:-.05em;color:var(--text-main);margin-bottom:16px;font-size:3rem;font-weight:800}.highlight[data-v-822fc758]{color:var(--primary)}.hero-desc[data-v-822fc758]{color:var(--text-secondary);font-size:1.125rem;line-height:1.6}.cards-grid[data-v-822fc758]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px;margin-bottom:64px;display:grid}.card[data-v-822fc758]{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #00000006}.card[data-v-822fc758]:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -4px #00000006}.card-img-wrapper[data-v-822fc758]{height:140px;position:relative;overflow:hidden}.card-img[data-v-822fc758]{object-fit:cover;width:100%;height:100%;transition:transform .5s}.card:hover .card-img[data-v-822fc758]{transform:scale(1.05)}.card-body[data-v-822fc758]{flex-direction:column;flex:1;padding:24px;display:flex}.card-header[data-v-822fc758]{align-items:center;gap:12px;margin-bottom:12px;display:flex}.card-title[data-v-822fc758]{margin:0;font-size:1.25rem;font-weight:700}.badge[data-v-822fc758]{letter-spacing:.05em;border-radius:4px;padding:4px 8px;font-size:.65rem;font-weight:700}.badge-n5[data-v-822fc758]{color:#16a34a;background-color:#dcfce7}.badge-n4[data-v-822fc758]{color:#0284c7;background-color:#e0f2fe}.badge-n3[data-v-822fc758]{color:#2563eb;background-color:#dbeafe}.badge-n2[data-v-822fc758]{color:#0d9488;background-color:#ccfbf1}.badge-n1[data-v-822fc758]{color:#9333ea;background-color:#f3e8ff}.card-text[data-v-822fc758]{color:var(--text-secondary);flex:1;margin-bottom:24px;font-size:.9rem;line-height:1.5}.btn[data-v-822fc758]{border-radius:8px;justify-content:center;align-items:center;width:100%;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-dark[data-v-822fc758]{background-color:var(--btn-dark);color:#fff}.btn-dark[data-v-822fc758]:hover{background-color:var(--btn-dark-hover)}.btn-primary[data-v-822fc758]{background-color:var(--primary);color:#fff;width:auto;padding:12px 32px}.btn-primary[data-v-822fc758]:hover{background-color:var(--primary-hover)}.placement-banner[data-v-822fc758]{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;align-items:center;gap:32px;padding:32px 48px;display:flex;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #00000006}.banner-icon-bg[data-v-822fc758]{background-color:#e0f9fd;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.banner-icon-bg svg[data-v-822fc758]{color:var(--primary)}.banner-content[data-v-822fc758]{flex:1}.banner-title[data-v-822fc758]{color:var(--text-main);margin-bottom:8px;font-size:1.5rem;font-weight:700}.banner-text[data-v-822fc758]{color:var(--text-secondary);font-size:1.05rem}.footer[data-v-822fc758]{background-color:var(--bg-card);border-top:1px solid var(--border-color);padding:48px 0}.footer-inner[data-v-822fc758]{flex-direction:column;align-items:center;gap:24px;display:flex}.footer-links[data-v-822fc758]{gap:32px;display:flex}.footer-links a[data-v-822fc758]{color:var(--text-secondary);font-size:.95rem;font-weight:500;transition:color .2s}.footer-links a[data-v-822fc758]:hover{color:var(--text-main)}.copyright[data-v-822fc758]{color:#9ca3af;align-items:center;gap:8px;font-size:.875rem;display:flex}@media (width<=1024px){.cards-grid[data-v-822fc758]{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.header-inner[data-v-822fc758]{padding:0 16px}.nav-links[data-v-822fc758]{display:none}.hero-title[data-v-822fc758]{font-size:2.25rem}.cards-grid[data-v-822fc758]{grid-template-columns:1fr}.placement-banner[data-v-822fc758]{text-align:center;flex-direction:column;padding:32px 24px}.footer-links[data-v-822fc758]{flex-wrap:wrap;justify-content:center;gap:16px}}.dashboard-wrapper[data-v-2b81766d]{color:#111827;background-color:#f3f4f6;background-image:radial-gradient(#d1d5db 1px,#0000 1px);background-size:20px 20px;justify-content:center;align-items:flex-start;min-height:100vh;padding:40px 24px;font-family:Inter,sans-serif;display:flex}.dashboard-container[data-v-2b81766d]{background:#fff;border:4px solid #8b5cf6;border-radius:12px;flex-direction:column;width:100%;max-width:1200px;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.d-header[data-v-2b81766d]{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;height:80px;padding:0 48px;display:flex}.header-left[data-v-2b81766d]{align-items:center;gap:16px;display:flex}.logo-box[data-v-2b81766d]{background-color:#111827;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.logo-text-group[data-v-2b81766d]{flex-direction:column;display:flex}.logo-main[data-v-2b81766d]{letter-spacing:-.02em;font-size:1.1rem;font-weight:800}.logo-sub[data-v-2b81766d]{color:#06b6d4;letter-spacing:.05em;font-size:.65rem;font-weight:800}.d-nav[data-v-2b81766d]{gap:32px;display:flex}.nav-link[data-v-2b81766d]{color:#6b7280;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-link.active[data-v-2b81766d]{color:#111827;font-weight:700}.nav-link[data-v-2b81766d]:hover{color:#111827}.header-right[data-v-2b81766d]{align-items:center;gap:24px;display:flex}.bell-btn[data-v-2b81766d]{cursor:pointer;color:#4b5563;background:0 0;border:none;margin-top:5px}.user-avatar img[data-v-2b81766d]{border:2px solid #fff;border-radius:50%;width:36px;height:36px;box-shadow:0 0 0 1px #e5e7eb}.d-main[data-v-2b81766d]{padding:48px}.top-section[data-v-2b81766d]{justify-content:space-between;align-items:flex-end;margin-bottom:48px;display:flex}.title-area[data-v-2b81766d]{max-width:500px}.status-badge[data-v-2b81766d]{color:#0284c7;letter-spacing:.05em;background-color:#e0f2fe;border-radius:9999px;margin-bottom:16px;padding:6px 12px;font-size:.7rem;font-weight:800;display:inline-block}.level-title[data-v-2b81766d]{letter-spacing:-.04em;color:#111827;margin:0 0 12px;font-size:3.5rem;font-weight:900}.level-desc[data-v-2b81766d]{color:#6b7280;margin:0;font-size:1.1rem;line-height:1.6}.progress-area[data-v-2b81766d]{width:280px;margin-bottom:24px}.progress-header[data-v-2b81766d]{justify-content:space-between;align-items:flex-end;margin-bottom:8px;display:flex}.progress-label[data-v-2b81766d]{font-size:.95rem;font-weight:700}.progress-value[data-v-2b81766d]{color:#06b6d4;font-size:.95rem;font-weight:700}.progress-bar-bg[data-v-2b81766d]{background-color:#e5e7eb;border-radius:4px;height:8px;overflow:hidden}.progress-bar-fill[data-v-2b81766d]{background-color:#06b6d4;border-radius:4px;height:100%}.progress-sub[data-v-2b81766d]{color:#9ca3af;text-align:right;margin:8px 0 0;font-size:.8rem;font-weight:500}.cards-grid[data-v-2b81766d]{grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:64px;display:grid}.skill-card[data-v-2b81766d]{cursor:pointer;background:#fff;border:1px solid #f3f4f6;border-radius:16px;flex-direction:column;padding:28px;transition:box-shadow .2s,transform .2s;display:flex;box-shadow:0 2px 4px #00000003}.skill-card[data-v-2b81766d]:hover{transform:translateY(-2px);box-shadow:0 12px 20px -5px #0000000d}.card-icon[data-v-2b81766d]{color:#374151;background-color:#f9fafb;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:24px;display:flex}.card-title[data-v-2b81766d]{margin:0 0 12px;font-size:1.25rem;font-weight:800}.card-desc[data-v-2b81766d]{color:#6b7280;flex-grow:1;margin:0 0 32px;font-size:.9rem;line-height:1.5}.card-footer[data-v-2b81766d]{border-top:1px solid #0000;justify-content:space-between;align-items:center;padding-top:16px;display:flex}.card-progress[data-v-2b81766d]{color:#9ca3af;letter-spacing:.05em;font-size:.75rem;font-weight:700}.bottom-section[data-v-2b81766d]{grid-template-columns:2fr 1fr;gap:64px;display:grid}.section-title[data-v-2b81766d]{margin:0 0 24px;font-size:1.4rem;font-weight:800}.exams-list[data-v-2b81766d]{flex-direction:column;gap:16px;display:flex}.exam-item[data-v-2b81766d]{background-color:#fafafa;border:1px solid #f3f4f6;border-radius:12px;align-items:center;padding:20px 24px;display:flex}.exam-date[data-v-2b81766d]{background:#fff;border:1px solid #f3f4f6;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:60px;height:60px;margin-right:24px;display:flex;box-shadow:0 1px 2px #00000005}.exam-month[data-v-2b81766d]{color:#9ca3af;font-size:.7rem;font-weight:800}.exam-day[data-v-2b81766d]{color:#111827;font-size:1.3rem;font-weight:800;line-height:1.1}.exam-info[data-v-2b81766d]{flex-grow:1}.exam-title[data-v-2b81766d]{margin:0 0 6px;font-size:1.05rem;font-weight:700}.exam-subtitle[data-v-2b81766d]{color:#9ca3af;margin:0;font-size:.85rem}.exam-btn[data-v-2b81766d]{color:#111827;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:700;transition:all .2s}.exam-btn[data-v-2b81766d]:not(.disabled-btn):hover{background:#f9fafb;border-color:#d1d5db}.exam-btn.disabled-btn[data-v-2b81766d]{color:#9ca3af;cursor:not-allowed;background:0 0;border-color:#f3f4f6}.tools-list[data-v-2b81766d]{flex-direction:column;display:flex}.tool-item[data-v-2b81766d]{color:#4b5563;cursor:pointer;border-bottom:1px solid #f3f4f6;align-items:center;padding:16px 0;transition:color .2s;display:flex}.tool-item[data-v-2b81766d]:hover{color:#111827}.tool-item[data-v-2b81766d]:last-child{border-bottom:none}.tool-icon[data-v-2b81766d]{color:#9ca3af;margin-right:16px;display:flex}.tool-label[data-v-2b81766d]{font-size:.95rem;font-weight:600}.d-footer[data-v-2b81766d]{background:#fff;border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:32px 48px;display:flex}.footer-left[data-v-2b81766d]{align-items:center;display:flex}.mini-logo[data-v-2b81766d]{background-color:#111827;border-radius:2px;width:16px;height:16px;margin-right:12px}.footer-brand[data-v-2b81766d]{margin-right:24px;font-size:.9rem;font-weight:900}.footer-copy[data-v-2b81766d]{color:#9ca3af;font-size:.85rem;font-weight:500}.footer-right[data-v-2b81766d]{gap:32px;display:flex}.footer-right a[data-v-2b81766d]{color:#9ca3af;letter-spacing:.05em;font-size:.8rem;font-weight:700;text-decoration:none;transition:color .2s}.footer-right a[data-v-2b81766d]:hover{color:#6b7280}@media (width<=1024px){.cards-grid[data-v-2b81766d]{grid-template-columns:repeat(2,1fr)}.bottom-section[data-v-2b81766d]{grid-template-columns:1fr;gap:48px}}@media (width<=768px){.d-header[data-v-2b81766d]{padding:0 24px}.d-nav[data-v-2b81766d]{display:none}.d-main[data-v-2b81766d],.d-footer[data-v-2b81766d]{padding:32px 24px}.top-section[data-v-2b81766d]{flex-direction:column;align-items:flex-start;gap:32px}.cards-grid[data-v-2b81766d]{grid-template-columns:1fr}.exam-item[data-v-2b81766d]{flex-direction:column;align-items:flex-start;gap:16px}.exam-date[data-v-2b81766d]{margin:0}}.fc-modal-overlay[data-v-2b81766d]{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fc-modal-content[data-v-2b81766d]{background:#fff;border-radius:16px;width:90%;max-width:600px;animation:.3s ease-out forwards modalIn-2b81766d;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@keyframes modalIn-2b81766d{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fc-modal-header[data-v-2b81766d]{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:24px;display:flex}.fc-modal-header h2[data-v-2b81766d]{color:#111827;margin:0;font-size:1.25rem;font-weight:800}.fc-modal-close[data-v-2b81766d]{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px;transition:all .2s}.fc-modal-close[data-v-2b81766d]:hover{color:#111827;background-color:#f3f4f6}.fc-modal-body[data-v-2b81766d]{padding:24px}.fc-modal-body>p[data-v-2b81766d]{color:#6b7280;margin:0 0 24px;font-size:.95rem}.fc-mode-grid[data-v-2b81766d]{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.fc-mode-card[data-v-2b81766d]{text-align:center;cursor:pointer;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s}.fc-mode-card[data-v-2b81766d]:hover{background-color:#f8ffff;border-color:#12cdec;transform:translateY(-2px);box-shadow:0 4px 6px -1px #12cdec1a}.fc-mode-card h3[data-v-2b81766d]{color:#111827;margin:16px 0 8px;font-size:1.05rem;font-weight:700}.fc-mode-card p[data-v-2b81766d]{color:#6b7280;margin:0;font-size:.8rem}.icon-box[data-v-2b81766d]{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto;display:flex}.vocab-icon[data-v-2b81766d]{color:#4f46e5;background:#e0e7ff}.gram-icon[data-v-2b81766d]{color:#16a34a;background:#dcfce7}.kanji-icon[data-v-2b81766d]{color:#ea580c;background:#ffedd5}.grammar-list-overlay[data-v-2fb880ca]{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.grammar-list-modal[data-v-2fb880ca]{background:#fff;border-radius:16px;flex-direction:column;width:90%;max-width:800px;max-height:85vh;animation:.3s ease-out modalFadeIn-2fb880ca;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes modalFadeIn-2fb880ca{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-2fb880ca]{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:24px;display:flex}.modal-header h2[data-v-2fb880ca]{color:#111827;margin:0;font-size:1.25rem;font-weight:800}.close-btn[data-v-2fb880ca]{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.close-btn[data-v-2fb880ca]:hover{color:#111827;background-color:#f3f4f6}.modal-body[data-v-2fb880ca]{padding:24px;overflow-y:auto}.grammar-list-grid[data-v-2fb880ca]{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;display:grid}.grammar-list-item[data-v-2fb880ca]{cursor:pointer;text-align:left;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:4px;padding:16px;transition:all .2s;display:flex}.grammar-list-item[data-v-2fb880ca]:hover{border-color:#bae6fd;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0284c71a}.grammar-list-item.active[data-v-2fb880ca]{background-color:#f0f9ff;border-color:#0ea5e9;box-shadow:0 0 0 2px #0ea5e933}.item-key[data-v-2fb880ca]{color:#0ea5e9;letter-spacing:.05em;margin-bottom:4px;font-size:.7rem;font-weight:800}.item-title[data-v-2fb880ca]{color:#111827;font-size:1.1rem;font-weight:800}.item-reading[data-v-2fb880ca]{color:#6b7280;font-size:.85rem}.coming-soon-overlay[data-v-2fb880ca]{z-index:999;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.coming-soon-modal[data-v-2fb880ca]{text-align:center;background:#fff;border-radius:10px;width:300px;padding:30px}.coming-soon-modal h2[data-v-2fb880ca]{margin-bottom:10px}.coming-soon-modal button[data-v-2fb880ca]{color:#fff;cursor:pointer;background:#12cdec;border:none;border-radius:6px;margin-top:15px;padding:8px 16px}.layout-container[data-v-2fb880ca]{color:#111827;background-color:#f9fafb;min-height:100vh;font-family:Inter,system-ui,sans-serif;display:flex}.sidebar[data-v-2fb880ca]{background-color:#fff;border-right:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;width:260px;height:100vh;display:flex;position:sticky;top:0}.sidebar-header[data-v-2fb880ca]{border-bottom:1px solid #f3f4f6;align-items:center;gap:12px;padding:24px;display:flex}.logo-icon[data-v-2fb880ca]{background-color:#12cdec;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.logo-text h2[data-v-2fb880ca]{margin:0;font-size:.95rem;font-weight:800}.logo-text p[data-v-2fb880ca]{color:#6b7280;margin:2px 0 0;font-size:.75rem}.sidebar-nav[data-v-2fb880ca]{flex-direction:column;flex-grow:1;gap:8px;padding:24px 16px;display:flex}.nav-item[data-v-2fb880ca]{color:#4b5563;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.nav-item[data-v-2fb880ca]:hover{color:#111827;background-color:#f3f4f6}.nav-item.active[data-v-2fb880ca]{color:#0284c7;background-color:#e0f9fd}.nav-item.active svg[data-v-2fb880ca]{color:#12cdec}.sidebar-footer[data-v-2fb880ca]{border-top:1px solid #f3f4f6;padding:24px}.upgrade-btn[data-v-2fb880ca]{color:#fff;background-color:#12cdec;border-radius:8px;width:100%;padding:12px;font-size:.9rem;font-weight:700;transition:background-color .2s}.upgrade-btn[data-v-2fb880ca]:hover{background-color:#0ebbd8}.main-content[data-v-2fb880ca]{flex-direction:column;flex-grow:1;min-width:0;display:flex}.top-header[data-v-2fb880ca]{z-index:10;background-color:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:72px;padding:0 40px;display:flex;position:sticky;top:0}.header-left[data-v-2fb880ca]{align-items:center;gap:40px;display:flex}.brand[data-v-2fb880ca]{align-items:center;gap:8px;display:flex}.brand-name[data-v-2fb880ca]{font-size:1.1rem;font-weight:800}.top-nav[data-v-2fb880ca]{gap:24px;display:flex}.top-nav a[data-v-2fb880ca]{color:#6b7280;font-size:.9rem;font-weight:600;transition:color .2s}.top-nav a[data-v-2fb880ca]:hover{color:#111827}.top-nav a.active[data-v-2fb880ca]{color:#111827;border-bottom:2px solid #111827;margin-bottom:-26px;padding-bottom:24px}.header-right[data-v-2fb880ca]{align-items:center;gap:20px;display:flex}.search-bar[data-v-2fb880ca]{background-color:#f3f4f6;border-radius:8px;align-items:center;gap:8px;width:240px;padding:8px 16px;display:flex}.search-bar input[data-v-2fb880ca]{color:#111827;background:0 0;border:none;outline:none;width:100%;font-size:.9rem}.search-bar input[data-v-2fb880ca]::placeholder{color:#9ca3af}.bell-btn[data-v-2fb880ca]{color:#4b5563;background:0 0}.avatar[data-v-2fb880ca]{border-radius:50%;width:36px;height:36px}.lesson-container[data-v-2fb880ca]{width:100%;max-width:860px;margin:0 auto;padding:40px}.breadcrumb[data-v-2fb880ca]{color:#9ca3af;align-items:center;gap:8px;margin-bottom:24px;font-size:.85rem;font-weight:500;display:flex}.breadcrumb .current[data-v-2fb880ca]{color:#111827;font-weight:600}.lesson-header[data-v-2fb880ca]{justify-content:space-between;align-items:flex-start;margin-bottom:48px;display:flex}.lesson-badge[data-v-2fb880ca]{color:#0284c7;letter-spacing:.05em;background-color:#e0f9fd;border-radius:6px;margin-bottom:16px;padding:6px 12px;font-size:.7rem;font-weight:800;display:inline-block}.lesson-title-main[data-v-2fb880ca]{margin-bottom:8px;position:relative}.furigana[data-v-2fb880ca]{color:#6b7280;margin-bottom:2px;font-size:.85rem;font-weight:600;display:block}.grammar-point[data-v-2fb880ca]{margin:0;font-size:2.5rem;font-weight:900;line-height:1.2}.romaji[data-v-2fb880ca]{color:#9ca3af;font-size:1.25rem;font-weight:500}.grammar-meaning[data-v-2fb880ca]{color:#4b5563;margin:0;font-size:1.1rem;font-style:italic}.mark-learned-btn[data-v-2fb880ca]{color:#fff;background-color:#111827;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;font-weight:600;transition:background-color .2s;display:flex}.mark-learned-btn[data-v-2fb880ca]:hover{background-color:#1f2937}.lesson-section[data-v-2fb880ca]{margin-bottom:48px}.section-title[data-v-2fb880ca]{align-items:center;gap:12px;margin-bottom:20px;font-size:1.1rem;font-weight:800;display:flex}.section-icon[data-v-2fb880ca]{color:#12cdec}.structure-card[data-v-2fb880ca]{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:32px}.structure-formula[data-v-2fb880ca]{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;display:flex}.formula-box[data-v-2fb880ca]{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:4px;padding:16px 24px;display:flex;box-shadow:0 1px 2px #00000005}.formula-box.highlight[data-v-2fb880ca]{border-color:#bae6fd;box-shadow:0 4px 12px #0284c70d}.formula-label[data-v-2fb880ca]{color:#9ca3af;font-size:.75rem;font-weight:600}.formula-value[data-v-2fb880ca]{color:#111827;font-size:1.1rem;font-weight:800}.text-primary[data-v-2fb880ca]{color:#0284c7}.formula-plus[data-v-2fb880ca]{color:#12cdec;font-size:1.5rem;font-weight:700}.structure-note[data-v-2fb880ca]{color:#4b5563;margin:0;font-size:.95rem;line-height:1.6}.usage-grid[data-v-2fb880ca]{grid-template-columns:1fr 1fr;gap:24px;display:grid}.usage-card[data-v-2fb880ca]{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;gap:16px;padding:24px;display:flex;box-shadow:0 1px 3px #00000005}.usage-icon[data-v-2fb880ca]{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.icon-green[data-v-2fb880ca]{color:#16a34a;background-color:#dcfce7}.icon-orange[data-v-2fb880ca]{color:#ea580c;background-color:#ffedd5}.usage-card p[data-v-2fb880ca]{color:#4b5563;margin:0;font-size:.9rem;line-height:1.5}.examples-list[data-v-2fb880ca]{flex-direction:column;gap:16px;display:flex;position:relative}.example-card[data-v-2fb880ca]{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;gap:20px;padding:24px;display:flex;box-shadow:0 1px 3px #00000005}.example-num[data-v-2fb880ca]{color:#12cdec;font-size:1rem;font-weight:800}.example-content[data-v-2fb880ca]{flex-grow:1}.jp-text[data-v-2fb880ca]{color:#111827;margin:0 0 8px;font-size:1.1rem;font-weight:500;line-height:2.2}.grammar-highlight[data-v-2fb880ca]{color:#0284c7;border-bottom:2px solid #bae6fd;padding-bottom:2px;font-weight:700}.en-text[data-v-2fb880ca]{color:#6b7280;margin:0;font-size:.95rem;font-style:italic}.progress-indicator[data-v-2fb880ca]{z-index:5;background:#fff;border:1px solid #e5e7eb;border-radius:20px;align-items:center;gap:12px;padding:8px 16px;display:flex;position:absolute;bottom:-16px;right:24px;box-shadow:0 4px 6px -1px #0000001a}.progress-bar-small[data-v-2fb880ca]{background-color:#e5e7eb;border-radius:2px;width:60px;height:4px}.progress-fill[data-v-2fb880ca]{background-color:#12cdec;border-radius:2px;height:100%}.progress-text[data-v-2fb880ca]{color:#4b5563;font-size:.75rem;font-weight:700}.lesson-banner[data-v-2fb880ca]{background:linear-gradient(135deg,#a5f3fc 0%,#38bdf8 100%);border-radius:16px;justify-content:center;align-items:center;height:160px;margin-bottom:48px;display:flex;position:relative;overflow:hidden}.banner-overlay[data-v-2fb880ca]{text-align:center;color:#fff;text-shadow:0 2px 4px #0000001a}.banner-jp[data-v-2fb880ca]{letter-spacing:.1em;margin:0 0 8px;font-size:2rem;font-weight:900}.banner-en[data-v-2fb880ca]{letter-spacing:.2em;opacity:.9;margin:0;font-size:.9rem;font-weight:700}.lesson-pagination[data-v-2fb880ca]{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding-top:24px;display:flex}.prev-lesson[data-v-2fb880ca]{flex-direction:column;gap:4px;display:flex}.pagination-label[data-v-2fb880ca]{color:#9ca3af;letter-spacing:.05em;font-size:.7rem;font-weight:800}.pagination-link[data-v-2fb880ca]{color:#111827;align-items:center;gap:8px;font-weight:700;text-decoration:none;transition:color .2s;display:flex}.pagination-link[data-v-2fb880ca]:hover{color:#12cdec}.next-btn[data-v-2fb880ca]{color:#fff;background-color:#12cdec;border-radius:8px;align-items:center;gap:12px;padding:14px 24px;font-size:.95rem;font-weight:700;transition:background-color .2s;display:flex}.next-btn[data-v-2fb880ca]:hover{background-color:#0ebbd8}@media (width<=1024px){.usage-grid[data-v-2fb880ca]{grid-template-columns:1fr}}@media (width<=768px){.sidebar[data-v-2fb880ca]{display:none}.top-header[data-v-2fb880ca]{padding:0 20px}.top-nav[data-v-2fb880ca]{display:none}.lesson-container[data-v-2fb880ca]{padding:24px 20px}.lesson-header[data-v-2fb880ca]{flex-direction:column;gap:24px}.lesson-pagination[data-v-2fb880ca]{flex-direction:column;align-items:flex-start;gap:24px}.next-btn[data-v-2fb880ca]{justify-content:center;width:100%}}.layout-container[data-v-d5a93918]{color:#111827;background-color:#f9fafb;min-height:100vh;font-family:Inter,system-ui,sans-serif;display:flex}.sidebar[data-v-d5a93918]{background-color:#fff;border-right:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;width:260px;height:100vh;display:flex;position:sticky;top:0}.sidebar-header[data-v-d5a93918]{border-bottom:1px solid #f3f4f6;align-items:center;gap:12px;padding:24px;display:flex}.logo-icon[data-v-d5a93918]{background-color:#12cdec;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.logo-text h2[data-v-d5a93918]{margin:0;font-size:.95rem;font-weight:800}.logo-text p[data-v-d5a93918]{color:#6b7280;margin:2px 0 0;font-size:.75rem}.sidebar-nav[data-v-d5a93918]{flex-direction:column;flex-grow:1;gap:8px;padding:24px 16px;display:flex}.nav-item[data-v-d5a93918]{color:#4b5563;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.nav-item[data-v-d5a93918]:hover{color:#111827;background-color:#f3f4f6}.nav-item.active[data-v-d5a93918]{color:#0284c7;background-color:#e0f9fd}.nav-item.active svg[data-v-d5a93918]{color:#12cdec}.sidebar-footer[data-v-d5a93918]{border-top:1px solid #f3f4f6;padding:24px}.upgrade-btn[data-v-d5a93918]{color:#fff;cursor:pointer;background-color:#12cdec;border:none;border-radius:8px;width:100%;padding:12px;font-size:.9rem;font-weight:700;transition:background-color .2s}.upgrade-btn[data-v-d5a93918]:hover{background-color:#0ebbd8}.main-content[data-v-d5a93918]{background:#fff;flex-direction:column;flex-grow:1;min-width:0;display:flex}.top-header[data-v-d5a93918]{z-index:10;background-color:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:72px;padding:0 40px;display:flex;position:sticky;top:0}.header-left[data-v-d5a93918]{align-items:center;gap:40px;display:flex}.brand[data-v-d5a93918]{align-items:center;gap:8px;display:flex}.brand-name[data-v-d5a93918]{font-size:1.1rem;font-weight:800}.top-nav[data-v-d5a93918]{gap:24px;display:flex}.top-nav a[data-v-d5a93918]{color:#6b7280;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .2s}.top-nav a[data-v-d5a93918]:hover{color:#111827}.top-nav a.active[data-v-d5a93918]{color:#111827;border-bottom:2px solid #111827;margin-bottom:-26px;padding-bottom:24px}.header-right[data-v-d5a93918]{align-items:center;gap:20px;display:flex}.search-bar[data-v-d5a93918]{background-color:#f3f4f6;border-radius:8px;align-items:center;gap:8px;width:240px;padding:8px 16px;display:flex}.search-bar input[data-v-d5a93918]{color:#111827;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:.9rem}.search-bar input[data-v-d5a93918]::placeholder{color:#9ca3af}.bell-btn[data-v-d5a93918]{color:#4b5563;cursor:pointer;background:0 0;border:none}.avatar[data-v-d5a93918]{border-radius:50%;width:36px;height:36px}.page-container[data-v-d5a93918]{width:100%;max-width:900px;margin:0 auto;padding:40px}.breadcrumb[data-v-d5a93918]{color:#9ca3af;align-items:center;gap:8px;margin-bottom:24px;font-size:.85rem;font-weight:500;display:flex}.breadcrumb .current[data-v-d5a93918]{color:#111827;font-weight:600}.page-header-actions[data-v-d5a93918]{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:32px;display:flex}.page-title[data-v-d5a93918]{color:#111827;letter-spacing:-.02em;margin:0 0 8px;font-size:2.25rem;font-weight:900}.page-subtitle[data-v-d5a93918]{color:#6b7280;margin:0;font-size:1.05rem;font-style:italic}.header-buttons[data-v-d5a93918]{gap:12px;display:flex}.btn[data-v-d5a93918]{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.btn-outline[data-v-d5a93918]{color:#4b5563;background-color:#fff;border-color:#e5e7eb}.btn-outline[data-v-d5a93918]:hover{color:#111827;background-color:#f9fafb}.btn-primary[data-v-d5a93918]{color:#fff;background-color:#12cdec}.btn-primary[data-v-d5a93918]:hover{background-color:#0ebbd8}.btn-select-wrapper[data-v-d5a93918]{display:flex;position:relative}.btn-select[data-v-d5a93918]{appearance:none;color:#fff;cursor:pointer;background-color:#12cdec;border:1px solid #0000;border-radius:8px;outline:none;padding:10px 40px 10px 20px;font-family:inherit;font-size:.9rem;font-weight:700;transition:all .2s}.btn-select[data-v-d5a93918]:hover{background-color:#0ebbd8}.btn-select-wrapper .dropdown-icon[data-v-d5a93918]{pointer-events:none;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.filters-row[data-v-d5a93918]{gap:16px;margin-bottom:32px;display:flex}.search-input-box[data-v-d5a93918]{background-color:#f9fafb;border:1px solid #f3f4f6;border-radius:8px;flex-grow:1;align-items:center;gap:12px;padding:12px 16px;display:flex}.search-input-box input[data-v-d5a93918]{background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:.95rem}.search-input-box input[data-v-d5a93918]::placeholder{color:#9ca3af}.select-dropdown-box[data-v-d5a93918]{width:180px;position:relative}.select-dropdown-box select[data-v-d5a93918]{appearance:none;color:#4b5563;cursor:pointer;background-color:#f9fafb;border:1px solid #f3f4f6;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:.95rem;font-weight:600}.dropdown-icon[data-v-d5a93918]{pointer-events:none;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.vocab-cards[data-v-d5a93918]{flex-direction:column;gap:24px;margin-bottom:48px;display:flex}.vocab-item[data-v-d5a93918]{border:1px solid #f3f4f6;border-radius:12px;padding:24px;box-shadow:0 2px 4px #00000003}.vocab-top[data-v-d5a93918]{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.badge-row[data-v-d5a93918]{align-items:center;gap:12px;margin-bottom:12px;display:flex}.vocab-num[data-v-d5a93918]{color:#12cdec;font-size:.95rem;font-weight:800}.type-badge[data-v-d5a93918]{letter-spacing:.05em;border-radius:4px;padding:4px 8px;font-size:.65rem;font-weight:800;display:inline-block}.badge-noun[data-v-d5a93918]{color:#0284c7;background-color:#e0f9fd}.badge-verb[data-v-d5a93918]{color:#16a34a;background-color:#dcfce7}.badge-adj[data-v-d5a93918]{color:#ea580c;background-color:#ffedd5}.badge-adv[data-v-d5a93918]{color:#7e22ce;background-color:#f3e8ff}.badge-pron[data-v-d5a93918]{color:#be185d;background-color:#fce7f3}.badge-phrase[data-v-d5a93918]{color:#4338ca;background-color:#e0e7ff}.word-wrapper[data-v-d5a93918]{align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.word-main[data-v-d5a93918]{color:#111827;margin:0;font-size:1.5rem;font-weight:800}.word-romaji[data-v-d5a93918]{color:#9ca3af;font-size:1.05rem;font-weight:500}.word-meaning[data-v-d5a93918]{color:#4b5563;margin:0;font-size:1rem;font-weight:500}.audio-btn[data-v-d5a93918]{color:#12cdec;cursor:pointer;background-color:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.audio-btn[data-v-d5a93918]:hover{background-color:#e0f9fd}.example-area[data-v-d5a93918]{background-color:#f9fafb;border-left:3px solid;border-radius:0 8px 8px 0;padding:16px 20px}.border-noun[data-v-d5a93918]{border-left-color:#12cdec}.border-verb[data-v-d5a93918]{border-left-color:#10b981}.border-adj[data-v-d5a93918]{border-left-color:#f59e0b}.border-adv[data-v-d5a93918]{border-left-color:#9333ea}.border-pron[data-v-d5a93918]{border-left-color:#db2777}.border-phrase[data-v-d5a93918]{border-left-color:#4f46e5}.ex-jp[data-v-d5a93918]{color:#4b5563;margin:0 0 8px;font-size:.95rem;font-style:italic;font-weight:700}.ex-romaji[data-v-d5a93918]{color:#9ca3af;margin:0;font-size:.85rem}.pagination-container[data-v-d5a93918]{justify-content:center;align-items:center;gap:8px;display:flex}.page-link[data-v-d5a93918]{color:#4b5563;cursor:pointer;background-color:#fff;border:1px solid #f3f4f6;border-radius:8px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 8px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.page-link[data-v-d5a93918]:hover:not(:disabled){background-color:#f9fafb}.page-link[data-v-d5a93918]:disabled,.page-link.disabled[data-v-d5a93918]{opacity:.5;cursor:not-allowed}.page-link.active[data-v-d5a93918]{color:#fff;background-color:#12cdec;border-color:#12cdec}.page-ellipsis[data-v-d5a93918]{color:#9ca3af;margin:0 4px;font-weight:600}@media (width<=768px){.sidebar[data-v-d5a93918]{display:none}.top-header[data-v-d5a93918]{padding:0 20px}.top-nav[data-v-d5a93918]{display:none}.page-container[data-v-d5a93918]{padding:24px 20px}.page-header-actions[data-v-d5a93918]{flex-direction:column;gap:20px}.filters-row[data-v-d5a93918]{flex-direction:column}.select-dropdown-box[data-v-d5a93918]{width:100%}}.modal-overlay[data-v-d5a93918]{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#11182780;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content[data-v-d5a93918]{background-color:#fff;border-radius:16px;width:100%;max-width:450px;animation:.3s ease-out modalIn-d5a93918;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes modalIn-d5a93918{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header[data-v-d5a93918]{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:24px;display:flex}.modal-header h2[data-v-d5a93918]{color:#111827;margin:0;font-size:1.25rem;font-weight:800}.modal-close[data-v-d5a93918]{color:#9ca3af;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s;display:flex}.modal-close[data-v-d5a93918]:hover{color:#111827}.modal-body[data-v-d5a93918]{padding:24px}.form-group[data-v-d5a93918]{margin-bottom:20px}.form-group label[data-v-d5a93918]{color:#4b5563;margin-bottom:8px;font-size:.9rem;font-weight:600;display:block}.form-select[data-v-d5a93918]{appearance:none;color:#111827;cursor:pointer;background-color:#f9fafb;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;border:1px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:.95rem;font-weight:500;transition:border-color .2s}.form-select[data-v-d5a93918]:focus{border-color:#12cdec}.p-note p[data-v-d5a93918]{color:#6b7280;margin:0;font-size:.85rem;font-style:italic;line-height:1.5}.modal-footer[data-v-d5a93918]{background-color:#f9fafb;border-top:1px solid #f3f4f6;border-bottom-right-radius:16px;border-bottom-left-radius:16px;justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.coming-soon-overlay[data-v-d5a93918]{z-index:999;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.coming-soon-modal[data-v-d5a93918]{text-align:center;background:#fff;border-radius:10px;width:300px;padding:30px}.coming-soon-modal h2[data-v-d5a93918]{margin-bottom:10px}.coming-soon-modal button[data-v-d5a93918]{color:#fff;cursor:pointer;background:#12cdec;border:none;border-radius:6px;margin-top:15px;padding:8px 16px}.app-layout[data-v-8455fe96]{color:#111827;background-color:#fff;min-height:100vh;font-family:Inter,system-ui,sans-serif;display:flex}.sidebar[data-v-8455fe96]{background-color:#fdfdfd;border-right:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;width:260px;height:100vh;display:flex;position:sticky;top:0}.sidebar-header[data-v-8455fe96]{padding:32px 24px 16px}.brand-title[data-v-8455fe96]{color:#111827;letter-spacing:-.02em;margin:0 0 4px;font-size:1.25rem;font-weight:800}.brand-subtitle[data-v-8455fe96]{color:#12cdec;letter-spacing:.02em;margin:0;font-size:.8rem;font-weight:700}.sidebar-nav[data-v-8455fe96]{flex-direction:column;flex-grow:1;gap:8px;padding:16px;display:flex}.nav-item[data-v-8455fe96]{color:#4b5563;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.nav-item[data-v-8455fe96]:hover{color:#111827;background-color:#f3f4f6}.nav-item.active[data-v-8455fe96]{color:#0284c7;background-color:#e0f9fd}.nav-item.active svg[data-v-8455fe96]{color:#12cdec}.sidebar-footer[data-v-8455fe96]{border-top:1px solid #f3f4f6;padding:24px}.user-profile[data-v-8455fe96]{align-items:center;gap:12px;display:flex}.avatar-icon[data-v-8455fe96]{color:#12cdec;background-color:#e0f9fd;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.user-info[data-v-8455fe96]{flex-direction:column;display:flex}.user-name[data-v-8455fe96]{color:#111827;font-size:.85rem;font-weight:700}.user-progress[data-v-8455fe96]{color:#6b7280;font-size:.7rem;font-weight:500}.main-content[data-v-8455fe96]{flex-direction:column;flex-grow:1;min-width:0;display:flex}.page-container[data-v-8455fe96]{width:100%;max-width:1000px;margin:0 auto;padding:48px 40px}.page-header[data-v-8455fe96]{margin-bottom:32px}.page-title[data-v-8455fe96]{color:#111827;letter-spacing:-.02em;margin:0 0 12px;font-size:2.25rem;font-weight:900}.page-subtitle[data-v-8455fe96]{color:#6b7280;margin:0;font-size:1.1rem}.search-section[data-v-8455fe96]{margin-bottom:24px}.search-box[data-v-8455fe96]{background-color:#f9fafb;border:1px solid #f3f4f6;border-radius:12px;align-items:center;gap:12px;padding:14px 20px;display:flex}.search-box input[data-v-8455fe96]{color:#111827;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:1rem}.search-box input[data-v-8455fe96]::placeholder{color:#9ca3af}.kanji-toolbar[data-v-8455fe96]{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.lesson-title[data-v-8455fe96]{color:#111827;margin:0;font-size:1.5rem;font-weight:800}.lesson-pagi[data-v-8455fe96]{align-items:center;gap:12px;display:flex}.lesson-nav-btn[data-v-8455fe96]{cursor:pointer;color:#4b5563;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.lesson-nav-btn[data-v-8455fe96]:hover:not(:disabled){background-color:#f9fafb;border-color:#d1d5db}.lesson-nav-btn[data-v-8455fe96]:disabled{opacity:.5;cursor:not-allowed}.lesson-select[data-v-8455fe96]{appearance:none;color:#111827;cursor:pointer;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #e5e7eb;border-radius:8px;padding:8px 36px 8px 16px;font-family:inherit;font-size:.95rem;font-weight:600}.lesson-select[data-v-8455fe96]:focus{border-color:#12cdec;outline:none}.kanji-grid[data-v-8455fe96]{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;margin-bottom:48px;display:grid}.kanji-card[data-v-8455fe96]{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;padding:24px;transition:transform .2s,box-shadow .2s;display:flex}.kanji-card[data-v-8455fe96]:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000d}.kanji-header[data-v-8455fe96]{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.kanji-char[data-v-8455fe96]{color:#111827;font-size:3.5rem;font-weight:500;line-height:1}.level-badge[data-v-8455fe96]{color:#12cdec;background-color:#e0f9fd;border-radius:4px;padding:4px 8px;font-size:.65rem;font-weight:800}.kanji-meaning[data-v-8455fe96]{color:#111827;margin:0 0 20px;font-size:1.1rem;font-weight:800}.amhan-text[data-v-8455fe96]{color:#12cdec;margin-right:4px}.reading-section[data-v-8455fe96]{border-top:1px solid #f3f4f6;flex-direction:column;gap:12px;margin-top:auto;padding-top:16px;display:flex}.reading-group[data-v-8455fe96]{flex-direction:column;gap:4px;display:flex}.reading-label[data-v-8455fe96]{color:#9ca3af;letter-spacing:.05em;font-size:.65rem;font-weight:800}.reading-value[data-v-8455fe96]{color:#4b5563;font-size:.85rem;font-weight:600}.load-more-section[data-v-8455fe96]{justify-content:center;display:flex}.load-more-btn[data-v-8455fe96]{color:#fff;cursor:pointer;background-color:#111827;border:none;border-radius:30px;padding:14px 28px;font-family:inherit;font-size:.95rem;font-weight:700;transition:background-color .2s}.load-more-btn[data-v-8455fe96]:hover{background-color:#1f2937}@media (width<=768px){.sidebar[data-v-8455fe96]{display:none}.page-container[data-v-8455fe96]{padding:24px 20px}.kanji-grid[data-v-8455fe96]{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.kanji-grid[data-v-8455fe96]{grid-template-columns:1fr}}.k-modal-overlay[data-v-8455fe96]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background-color:#f3f4f6d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.k-modal-content[data-v-8455fe96]{background-color:#fff;border:1px solid #e5e7eb;border-radius:24px;flex-direction:column;width:100%;max-width:500px;display:flex;position:relative;box-shadow:0 10px 25px -5px #0000000d}.k-modal-close[data-v-8455fe96]{color:#9ca3af;cursor:pointer;z-index:10;background:0 0;border:none;border-radius:50%;padding:8px;transition:all .2s;position:absolute;top:20px;right:20px}.k-modal-close[data-v-8455fe96]:hover{color:#4b5563;background-color:#f3f4f6}.k-modal-inner[data-v-8455fe96]{flex-direction:column;align-items:center;padding:48px 32px 32px;display:flex}.k-level-tag[data-v-8455fe96]{color:#6b7280;letter-spacing:.05em;background-color:#f3f4f6;border-radius:100px;margin-bottom:24px;padding:6px 16px;font-size:.75rem;font-weight:800}.k-big-char[data-v-8455fe96]{color:#111827;margin-bottom:20px;font-size:7rem;font-weight:800;line-height:1.1}.k-audio-row[data-v-8455fe96]{align-items:center;gap:12px;margin-bottom:32px;display:flex}.k-audio-btn[data-v-8455fe96]{color:#12cdec;cursor:pointer;background-color:#e0f9fd;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:opacity .2s;display:flex}.k-audio-btn[data-v-8455fe96]:hover{opacity:.8}.k-kunyomi-big[data-v-8455fe96]{flex-direction:column;display:flex}.k-kun-p[data-v-8455fe96]{color:#111827;font-size:1.5rem;font-weight:800}.k-info-cards[data-v-8455fe96]{gap:16px;width:100%;margin-bottom:16px;display:flex}.k-info-box[data-v-8455fe96]{background-color:#f9fafb;border-radius:12px;flex-direction:column;flex:1;gap:6px;padding:20px;display:flex}.k-box-label[data-v-8455fe96]{color:#9ca3af;letter-spacing:.05em;font-size:.7rem;font-weight:800}.k-box-value[data-v-8455fe96]{color:#111827;font-size:1.1rem;font-weight:800}.k-example-card[data-v-8455fe96]{text-align:left;background-color:#f4fcfe;border-radius:12px;width:100%;margin-bottom:32px;padding:20px}.k-ex-section[data-v-8455fe96]{flex-direction:column;display:flex}.k-ex-label[data-v-8455fe96]{color:#12cdec;letter-spacing:.05em;margin-bottom:8px;font-size:.7rem;font-weight:800}.k-ex-jp[data-v-8455fe96]{color:#4b5563;margin:0 0 6px;font-size:1.25rem;font-weight:600}.k-ex-vi[data-v-8455fe96]{color:#6b7280;margin:0;font-size:.95rem}.k-modal-actions[data-v-8455fe96]{justify-content:space-between;gap:16px;width:100%;display:flex}.k-btn-nav[data-v-8455fe96]{color:#111827;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;height:52px;font-size:1rem;font-weight:700;transition:all .2s;display:flex}.k-btn-nav[data-v-8455fe96]:hover:not(:disabled){background-color:#f9fafb;border-color:#d1d5db}.k-btn-nav[data-v-8455fe96]:disabled{opacity:.4;cursor:not-allowed}.k-btn-nav.primary-nav[data-v-8455fe96]{color:#fff;background-color:#12cdec;border:none}.k-btn-nav.primary-nav[data-v-8455fe96]:hover:not(:disabled){opacity:.9;background-color:#0fbddb}.coming-soon-overlay[data-v-8455fe96]{z-index:999;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.coming-soon-modal[data-v-8455fe96]{text-align:center;background:#fff;border-radius:10px;width:300px;padding:30px}.coming-soon-modal h2[data-v-8455fe96]{margin-bottom:10px}.coming-soon-modal button[data-v-8455fe96]{color:#fff;cursor:pointer;background:#12cdec;border:none;border-radius:6px;margin-top:15px;padding:8px 16px}.layout-container[data-v-ab0c7a07]{color:#111827;background-color:#fff;min-height:100vh;font-family:Inter,system-ui,sans-serif;display:flex}.sidebar[data-v-ab0c7a07]{background-color:#fff;border-right:1px solid #e5e7eb;flex-direction:column;flex-shrink:0;width:260px;height:100vh;display:flex;position:sticky;top:0}.sidebar-header[data-v-ab0c7a07]{border-bottom:1px solid #f3f4f6;align-items:center;gap:12px;padding:24px;display:flex}.logo-icon[data-v-ab0c7a07]{background-color:#12cdec;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.logo-text h2[data-v-ab0c7a07]{margin:0;font-size:.95rem;font-weight:800}.logo-text p[data-v-ab0c7a07]{color:#6b7280;margin:2px 0 0;font-size:.75rem}.sidebar-nav[data-v-ab0c7a07]{flex-direction:column;flex-grow:1;gap:8px;padding:24px 16px;display:flex}.nav-item[data-v-ab0c7a07]{color:#4b5563;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.nav-item[data-v-ab0c7a07]:hover{color:#111827;background-color:#f3f4f6}.nav-item.active[data-v-ab0c7a07]{color:#0284c7;background-color:#e0f9fd}.nav-item.active svg[data-v-ab0c7a07]{color:#12cdec}.main-content[data-v-ab0c7a07]{background:#fff;flex-direction:column;flex-grow:1;display:flex}.empty-state[data-v-ab0c7a07]{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;display:flex}.empty-state h2[data-v-ab0c7a07]{color:#4b5563;margin-bottom:24px}.btn-primary[data-v-ab0c7a07]{color:#fff;cursor:pointer;background-color:#12cdec;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:700}.flashcard-container[data-v-ab0c7a07]{width:100%;max-width:900px;margin:0 auto;padding:40px}.fc-breadcrumb[data-v-ab0c7a07]{color:#9ca3af;align-items:center;gap:8px;margin-bottom:40px;font-size:.85rem;font-weight:600;display:flex}.fc-breadcrumb a[data-v-ab0c7a07]{color:#9ca3af;text-decoration:none;transition:color .2s}.fc-breadcrumb a[data-v-ab0c7a07]:hover{color:#4b5563}.fc-breadcrumb .current[data-v-ab0c7a07]{color:#111827;font-weight:700}.fc-header[data-v-ab0c7a07]{justify-content:space-between;align-items:flex-end;margin-bottom:40px;display:flex}.fc-titles h1[data-v-ab0c7a07]{color:#111827;letter-spacing:-.02em;margin:0 0 8px;font-size:2rem;font-weight:800}.fc-titles p[data-v-ab0c7a07]{color:#6b7280;margin:0;font-size:1rem}.fc-progress[data-v-ab0c7a07]{flex-direction:column;align-items:flex-end;gap:8px;width:150px;display:flex}.progress-text[data-v-ab0c7a07]{color:#12cdec;font-size:.9rem;font-weight:800}.progress-bar-bg[data-v-ab0c7a07]{background-color:#f3f4f6;border-radius:6px;width:100%;height:6px;overflow:hidden}.progress-bar-fill[data-v-ab0c7a07]{background-color:#12cdec;border-radius:6px;height:100%;transition:width .3s}.card-area[data-v-ab0c7a07]{perspective:1000px;margin-bottom:32px}.flashcard-box[data-v-ab0c7a07]{cursor:pointer;background-color:#fff;border:1px solid #f3f4f6;border-radius:20px;flex-direction:column;align-items:center;min-height:400px;padding:40px 60px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.flashcard-box[data-v-ab0c7a07]:hover{box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000006}.fc-top-info[data-v-ab0c7a07]{color:#9ca3af;letter-spacing:.1em;text-transform:uppercase;margin-bottom:40px;font-size:.8rem;font-weight:700}.fc-main-word[data-v-ab0c7a07]{color:#111827;text-align:center;margin-bottom:24px;font-size:5rem;font-weight:800;line-height:1.2}.fc-romaji-row[data-v-ab0c7a07]{align-items:center;gap:12px;margin-bottom:20px;display:flex}.romaji-text[data-v-ab0c7a07]{color:#6b7280;font-size:1.5rem;font-weight:500}.audio-btn[data-v-ab0c7a07]{color:#4b5563;cursor:pointer;background-color:#f9fafb;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .2s;display:flex}.audio-btn[data-v-ab0c7a07]:hover{background-color:#f3f4f6}.fc-divider[data-v-ab0c7a07]{border:none;border-top:1px solid #f3f4f6;width:70%;margin:30px 0}.fc-meaning-area[data-v-ab0c7a07]{flex-direction:column;gap:24px;width:100%;max-width:600px;display:flex}.meaning-row[data-v-ab0c7a07],.example-row[data-v-ab0c7a07]{align-items:flex-start;gap:40px;display:flex}.label-text[data-v-ab0c7a07]{color:#9ca3af;letter-spacing:.05em;text-transform:uppercase;flex-shrink:0;width:80px;padding-top:4px;font-size:.8rem;font-weight:800}.val-text[data-v-ab0c7a07]{color:#111827;font-size:1.25rem;font-weight:700}.example-content[data-v-ab0c7a07]{flex-direction:column;gap:8px;display:flex}.jp-ex[data-v-ab0c7a07]{color:#111827;margin:0;font-size:1.1rem;font-weight:500}.vi-ex[data-v-ab0c7a07]{color:#6b7280;margin:0;font-size:.95rem;font-style:italic}.flip-hint[data-v-ab0c7a07]{color:#9ca3af;margin-top:auto;padding-top:20px;font-size:.9rem;font-style:italic;font-weight:500}.fc-controls[data-v-ab0c7a07]{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.left-controls[data-v-ab0c7a07]{align-items:center;gap:16px;display:flex}.nav-btn[data-v-ab0c7a07]{color:#111827;cursor:pointer;background-color:#fff;border:1px solid #f3f4f6;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex}.nav-btn[data-v-ab0c7a07]:hover:not(:disabled){background-color:#f9fafb}.nav-btn[data-v-ab0c7a07]:disabled{opacity:.4;cursor:not-allowed}.flip-btn[data-v-ab0c7a07]{color:#fff;cursor:pointer;background-color:#111827;border:none;border-radius:12px;height:48px;padding:0 32px;font-size:1rem;font-weight:600;transition:background-color .2s}.flip-btn[data-v-ab0c7a07]:hover{background-color:#1f2937}.known-btn[data-v-ab0c7a07]{color:#12cdec;cursor:pointer;background-color:#fff;border:1.5px solid #12cdec;border-radius:24px;align-items:center;gap:8px;height:48px;padding:0 24px;font-size:1rem;font-weight:700;transition:all .2s;display:flex}.known-btn[data-v-ab0c7a07]:hover{background-color:#e0f9fd}.info-boxes[data-v-ab0c7a07]{gap:20px;display:flex}.info-box[data-v-ab0c7a07]{background-color:#f9fafb;border-radius:12px;flex-direction:column;flex:1;gap:8px;padding:20px;display:flex}.info-label[data-v-ab0c7a07]{color:#9ca3af;letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;font-weight:700}.info-val[data-v-ab0c7a07]{color:#111827;font-size:1rem;font-weight:600}@media (width<=768px){.sidebar[data-v-ab0c7a07]{display:none}.flashcard-box[data-v-ab0c7a07]{padding:30px 20px}.fc-main-word[data-v-ab0c7a07]{font-size:3.5rem}.meaning-row[data-v-ab0c7a07],.example-row[data-v-ab0c7a07]{flex-direction:column;gap:8px}.fc-controls[data-v-ab0c7a07]{flex-direction:column;gap:20px}.info-boxes[data-v-ab0c7a07]{flex-direction:column}}.coming-soon-overlay[data-v-ab0c7a07]{z-index:999;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.coming-soon-modal[data-v-ab0c7a07]{text-align:center;background:#fff;border-radius:10px;width:300px;padding:30px}.coming-soon-modal h2[data-v-ab0c7a07]{margin-bottom:10px}.coming-soon-modal button[data-v-ab0c7a07]{color:#fff;cursor:pointer;background:#12cdec;border:none;border-radius:6px;margin-top:15px;padding:8px 16px}