.home-page[data-v-6613fe2f]{margin:-108px 0 0;padding:0}.hero-section[data-v-6613fe2f]{will-change:transform;background-image:url(/hero-home.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:center;align-items:flex-end;width:100vw;height:620px;margin:0 calc(50% - 50vw);padding-top:108px;padding-bottom:30px;transition:transform .1s ease-out;animation:1.5s ease-out backgroundFadeIn-6613fe2f;display:flex;position:relative;overflow:hidden}.hero-section[data-v-6613fe2f]:before{content:"";z-index:0;background:linear-gradient(#0000001a 0%,#0000004d 50%,#00000080 100%);position:absolute;inset:0}.hero-section[data-v-6613fe2f]:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#667eea26 0%,#0000 50%);width:200%;height:200%;animation:20s linear infinite rotate-6613fe2f;position:absolute;top:-50%;left:-50%}@keyframes backgroundFadeIn-6613fe2f{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes rotate-6613fe2f{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-image[data-v-6613fe2f]{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.info-banner[data-v-6613fe2f]{z-index:1;-webkit-backdrop-filter:blur(20px)saturate(180%);border-radius:var(--radius-lg);color:#fff;background:linear-gradient(135deg,#667eeaf2 0%,#764ba2f2 100%);border:1px solid #fff3;justify-content:center;align-items:center;gap:12px;max-width:90%;padding:18px 28px;font-size:15px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 8px 32px #0000004d,inset 0 0 0 1px #ffffff1a,0 2px 8px #667eea66}.info-banner[data-v-6613fe2f]:hover{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);transform:translateY(-4px)scale(1.02);box-shadow:0 12px 40px #0006,inset 0 0 0 1px #ffffff26,0 4px 16px #667eea80}.banner-icon[data-v-6613fe2f]{font-size:24px}.banner-text[data-v-6613fe2f]{line-height:1.5}.features-grid[data-v-6613fe2f]{background:var(--color-bg-primary);grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:28px;padding:56px 0 64px;display:grid}.feature-card[data-v-6613fe2f]{cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(circle at 0 0,#f5fbff 0%,#fff 40%,#f7f9fc 100%);border:1px solid #94a3b838;border-radius:24px;flex-direction:column;padding:26px;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px #0f172a29,inset 0 0 0 1px #ffffffb3}.dark{color:#d1d5db;background:radial-gradient(circle at 0 0,#252525 0%,#1a1a1a 40%,#0f0f0f 100%);border:1px solid #60a5fa;box-shadow:0 24px 55px #000000e6,inset 0 0 0 1px #60a5fa66}.feature-card[data-v-6613fe2f]:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle at top,#3b82f629,#0000 55%);transition:opacity .35s;position:absolute;inset:0}.feature-card[data-v-6613fe2f]:hover{border-color:#3b82f6;transform:translateY(-6px)scale(1.01);box-shadow:0 24px 55px #0f172a38,inset 0 0 0 1px #bfdbfee6}.feature-card[data-v-6613fe2f]:hover:before{opacity:1}.card-header[data-v-6613fe2f]{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.card-image[data-v-6613fe2f]{background:linear-gradient(135deg,#e0f2ff 0%,#c4e5ff 35%,#f5fbff 100%);border-radius:18px;width:100%;height:210px;margin-bottom:18px;overflow:hidden;box-shadow:0 12px 36px #2563eb59}.dark{background:linear-gradient(135deg,#1e1e1e 0%,#151515 35%,#0a0a0a 100%);box-shadow:0 12px 36px #000000e6}.card-image img[data-v-6613fe2f]{object-fit:cover;mix-blend-mode:multiply;width:100%;height:100%;transition:transform .45s}.feature-card:hover .card-image img[data-v-6613fe2f]{transform:scale(1.06)translateY(-2px)}.card-icon-wrapper[data-v-6613fe2f]{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:72px;height:72px;transition:all .3s;display:flex;box-shadow:0 4px 12px #0000001a}.feature-card:hover .card-icon-wrapper[data-v-6613fe2f]{transform:scale(1.08)rotate(-3deg)}.card-icon[data-v-6613fe2f]{filter:drop-shadow(0 2px 4px #0000001a);font-size:40px}.card-arrow[data-v-6613fe2f]{background:var(--color-bg-tertiary);width:36px;height:36px;color:var(--color-text-tertiary);opacity:0;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.feature-card:hover .card-arrow[data-v-6613fe2f]{opacity:1;background:var(--color-accent);color:#fff;transform:translate(4px)}.card-content[data-v-6613fe2f]{flex:1}.card-title[data-v-6613fe2f]{color:var(--color-text-primary);letter-spacing:-.01em;margin:0 0 10px;font-size:22px;font-weight:700}.card-desc[data-v-6613fe2f]{color:var(--color-text-secondary);margin:0;font-size:14px;line-height:1.7}@media (max-width:1024px){.features-grid[data-v-6613fe2f]{grid-template-columns:repeat(2,1fr)}.hero-section[data-v-6613fe2f]{height:560px;padding-bottom:25px}}@media (max-width:768px){.home-page[data-v-6613fe2f]{margin:-88px 0 0}.hero-section[data-v-6613fe2f]{background-attachment:scroll;height:480px;padding-top:88px;padding-bottom:20px}.hero-section[data-v-6613fe2f]:after{animation-duration:30s}.info-banner[data-v-6613fe2f]{padding:14px 20px;font-size:14px}.features-grid[data-v-6613fe2f]{grid-template-columns:1fr;gap:16px;padding:30px 0}.feature-card[data-v-6613fe2f]{padding:24px}.card-icon-wrapper[data-v-6613fe2f]{width:64px;height:64px}.card-icon[data-v-6613fe2f]{font-size:36px}.card-title[data-v-6613fe2f]{font-size:20px}.card-desc[data-v-6613fe2f]{font-size:13px}}@media (max-width:480px){.hero-section[data-v-6613fe2f]{background-attachment:scroll;height:420px;padding-bottom:15px}.hero-section[data-v-6613fe2f]:after{display:none}.info-banner[data-v-6613fe2f]{padding:12px 16px;font-size:13px}}.vocabulary-page[data-v-2159593a]{margin:-108px 0 0;padding:0}.hero-section[data-v-2159593a]{will-change:transform;background-image:url(/hero-vocabulary.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:center;align-items:flex-end;width:100vw;height:620px;margin:0 calc(50% - 50vw);padding-top:108px;padding-bottom:30px;transition:transform .1s ease-out;animation:1.5s ease-out backgroundFadeIn-2159593a;display:flex;position:relative;overflow:hidden}.hero-section[data-v-2159593a]:before{content:"";z-index:0;background:linear-gradient(#0000001a 0%,#0000004d 50%,#00000080 100%);position:absolute;inset:0}.hero-section[data-v-2159593a]:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#667eea26 0%,#0000 50%);width:200%;height:200%;animation:20s linear infinite rotate-2159593a;position:absolute;top:-50%;left:-50%}@keyframes backgroundFadeIn-2159593a{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes rotate-2159593a{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vocabulary-content[data-v-2159593a]{background:var(--color-bg-primary);padding:40px 0}.section-title[data-v-2159593a]{color:var(--color-text-primary);margin:0 0 32px;padding:0 20px;font-size:24px;font-weight:700}.vocabulary-grid[data-v-2159593a]{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px;padding:0 20px;display:grid}.vocabulary-card[data-v-2159593a]{cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(circle at 0 0,#f5fbff 0%,#fff 40%,#f7f9fc 100%);border:1px solid #94a3b838;border-radius:24px;flex-direction:column;padding:26px;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px #0f172a29,inset 0 0 0 1px #ffffffb3}.vocabulary-card[data-v-2159593a]:hover{border-color:#3b82f6;transform:translateY(-6px)scale(1.01);box-shadow:0 24px 55px #0f172a38,inset 0 0 0 1px #bfdbfee6}.card-image[data-v-2159593a]{background:linear-gradient(135deg,#e0f2ff 0%,#c4e5ff 35%,#f5fbff 100%);border-radius:18px;width:100%;height:210px;margin-bottom:18px;position:relative;overflow:hidden;box-shadow:0 12px 36px #2563eb59}.card-image img[data-v-2159593a]{object-fit:cover;width:100%;height:100%;transition:transform .45s}.card-image.card-image-fallback[data-v-2159593a]:after{content:"📚";color:#0f172a99;justify-content:center;align-items:center;font-size:48px;display:flex;position:absolute;inset:0}.vocabulary-card:hover .card-image img[data-v-2159593a]{transform:scale(1.06)translateY(-2px)}.card-header[data-v-2159593a]{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.card-icon-wrapper[data-v-2159593a]{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:72px;height:72px;transition:all .3s;display:flex;box-shadow:0 4px 12px #0000001a}.card-icon[data-v-2159593a]{font-size:40px}.card-title[data-v-2159593a]{color:var(--color-text-primary);margin:0 0 10px;font-size:22px;font-weight:700}.card-desc[data-v-2159593a]{color:var(--color-text-secondary);margin:0;font-size:14px;line-height:1.7}.word-tools-section[data-v-2159593a]{margin-top:48px;padding:0 20px 8px}.word-tools-title[data-v-2159593a]{margin-bottom:24px}.word-tools-grid[data-v-2159593a]{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.word-tool-card[data-v-2159593a]{cursor:pointer;background:#fff;border:1px solid #e2e8f0e6;border-radius:18px;align-items:center;gap:18px;padding:22px 24px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;box-shadow:0 10px 26px #0f172a14}.word-tool-card[data-v-2159593a]:hover{border-color:#f97316;transform:translateY(-4px);box-shadow:0 16px 36px #0f172a24}.word-tool-icon[data-v-2159593a]{flex-shrink:0;font-size:40px}.word-tool-text[data-v-2159593a]{flex-direction:column;gap:6px;display:flex}.word-tool-title[data-v-2159593a]{color:#111827;font-size:18px;font-weight:700}.word-tool-desc[data-v-2159593a]{color:#6b7280;font-size:14px}@media (max-width:1024px){.vocabulary-grid[data-v-2159593a]{grid-template-columns:repeat(2,1fr)}.word-tools-grid[data-v-2159593a]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.vocabulary-page[data-v-2159593a]{margin:-88px 0 0}.hero-section[data-v-2159593a]{background-attachment:scroll;height:480px;padding-top:88px;padding-bottom:20px}.section-title[data-v-2159593a]{margin-bottom:24px;font-size:20px}.vocabulary-grid[data-v-2159593a]{grid-template-columns:1fr;gap:16px}.word-tools-grid[data-v-2159593a]{grid-template-columns:1fr;gap:14px}}.wm-overlay[data-v-4bc9d76c]{z-index:9999;background:#00000059;justify-content:stretch;align-items:stretch;display:flex;position:fixed;inset:0}.wm-panel[data-v-4bc9d76c]{box-sizing:border-box;background:#fbf7f3;flex-direction:column;width:100%;height:100%;padding:24px 28px;display:flex}.wm-topbar[data-v-4bc9d76c]{align-items:center;gap:18px;padding:8px 0 18px;display:flex}.wm-scene-tag[data-v-4bc9d76c]{color:#111827;background:#00000014;border-radius:12px;justify-content:center;align-items:center;padding:8px 14px;font-weight:700;display:inline-flex}.wm-progress-title[data-v-4bc9d76c]{color:#111827;font-size:22px;font-weight:800;line-height:1.1}.wm-progress-sub[data-v-4bc9d76c]{color:#111827a6;margin-top:6px;font-size:14px}.wm-spacer[data-v-4bc9d76c]{flex:1}.wm-grid[data-v-4bc9d76c]{flex:1;grid-template-columns:repeat(5,minmax(0,1fr));align-content:start;gap:16px;display:grid}.wm-card[data-v-4bc9d76c]{cursor:pointer;color:#111827;background:#00000014;border:none;border-radius:12px;padding:18px 12px;font-size:18px;font-weight:650;transition:transform .12s,background .12s,opacity .12s;box-shadow:0 2px #00000014}.wm-card[data-v-4bc9d76c]:hover{transform:translateY(-1px)}.wm-card.selected[data-v-4bc9d76c]{background:#1f293738}.wm-card.wrong[data-v-4bc9d76c]{background:#ef444438}.wm-card.matched[data-v-4bc9d76c]{opacity:0;pointer-events:none;transform:scale(.96)}.wm-footer[data-v-4bc9d76c]{align-items:center;gap:18px;padding-top:18px;display:flex}.wm-switch[data-v-4bc9d76c]{color:#111827bf;align-items:center;gap:10px;font-weight:600;display:inline-flex}.wm-footer-actions[data-v-4bc9d76c]{gap:12px;margin-left:auto;display:inline-flex}.wm-btn[data-v-4bc9d76c]{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:10px;padding:10px 16px;font-weight:700}.wm-btn.primary[data-v-4bc9d76c]{background:#0f172a}.vocabulary-detail-page[data-v-1bf5f799]{margin:-108px 0 0;padding:0}.hero-section[data-v-1bf5f799]{background-image:url(/hero-vocabulary-detail.png);background-position:50%;background-size:cover;background-attachment:fixed;width:100vw;height:420px;margin:0 calc(50% - 50vw);position:relative}.control-panel[data-v-1bf5f799]{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #ffffffe6;border-radius:24px;margin:-80px 20px 40px;padding:24px;position:relative;box-shadow:0 16px 40px #0000001a}.dark .control-panel[data-v-1bf5f799]{background:#1e1e1eb3;border-color:#3c3c3ce6}.filter-row[data-v-1bf5f799]{margin-bottom:20px}.filter-row[data-v-1bf5f799]:last-child{margin-bottom:0}.filter-group[data-v-1bf5f799]{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.filter-label[data-v-1bf5f799]{color:var(--color-text-primary);white-space:nowrap;font-size:15px;font-weight:600}.filter-buttons[data-v-1bf5f799]{flex-wrap:wrap;gap:8px;display:flex}.filter-btn[data-v-1bf5f799]{color:var(--color-text-secondary);cursor:pointer;background:#0000000d;border:1px solid #0000;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.dark .filter-btn[data-v-1bf5f799]{background:#ffffff1a}.filter-btn[data-v-1bf5f799]:hover{background:#0000001a}.dark .filter-btn[data-v-1bf5f799]:hover{background:#fff3}.filter-btn.active[data-v-1bf5f799]{background:var(--color-accent);color:#fff;border-color:#0000}.control-row[data-v-1bf5f799]{border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;padding-top:20px;display:flex}.status-tabs[data-v-1bf5f799],.mode-tabs[data-v-1bf5f799]{background:#0000000d;border-radius:10px;flex-wrap:wrap;gap:8px;padding:4px;display:flex}.dark .status-tabs[data-v-1bf5f799],.dark .mode-tabs[data-v-1bf5f799]{background:#ffffff1a}.status-tab[data-v-1bf5f799],.mode-tab[data-v-1bf5f799]{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 14px;font-size:14px;font-weight:500;transition:all .2s}.status-tab.active[data-v-1bf5f799],.mode-tab.active[data-v-1bf5f799]{background:var(--color-bg-secondary);color:var(--color-text-primary);box-shadow:0 2px 8px #0000001a}.action-row[data-v-1bf5f799]{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.action-btn[data-v-1bf5f799]{color:#fff;cursor:pointer;background:#1f2937;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.dark .action-btn[data-v-1bf5f799]{background:#374151}.action-btn[data-v-1bf5f799]:hover{background:#374151;transform:translateY(-1px)}.dark .action-btn[data-v-1bf5f799]:hover{background:#4b5563}.icon-btn[data-v-1bf5f799]{color:#fff;cursor:pointer;background:#1f2937;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.dark .icon-btn[data-v-1bf5f799]{background:#374151}.icon-btn[data-v-1bf5f799]:hover{background:#374151;transform:scale(1.05)}.dark .icon-btn[data-v-1bf5f799]:hover{background:#4b5563}.vocabulary-grid[data-v-1bf5f799]{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;padding:0 20px 40px;display:grid}.vocabulary-grid.list-mode[data-v-1bf5f799]{flex-direction:column;gap:0;display:flex}.vocab-card[data-v-1bf5f799]{border:1px solid var(--color-border);background:#fff;border-radius:18px;padding:24px;transition:all .3s;position:relative;box-shadow:0 4px 16px #00000012}.vocab-card.status-known[data-v-1bf5f799]{background-color:#ecfdf5;border-color:#10b981}.dark .vocab-card.status-known[data-v-1bf5f799]{background-color:#064e3b66;border-color:#059669}.vocab-card.status-unknown[data-v-1bf5f799]{background-color:#fef2f2;border-color:#ef4444}.dark .vocab-card.status-unknown[data-v-1bf5f799]{background-color:#7f1d1d66;border-color:#dc2626}.vocab-card.status-fuzzy[data-v-1bf5f799]{background-color:#fffbeb;border-color:#f59e0b}.dark .vocab-card.status-fuzzy[data-v-1bf5f799]{background-color:#78350f66;border-color:#d97706}.vocab-card.status-known .card-phrase[data-v-1bf5f799],.vocab-card.status-known .card-example[data-v-1bf5f799]{background:#10b9811a}.vocab-card.status-unknown .card-phrase[data-v-1bf5f799],.vocab-card.status-unknown .card-example[data-v-1bf5f799]{background:#ef44441a}.vocab-card.status-fuzzy .card-phrase[data-v-1bf5f799],.vocab-card.status-fuzzy .card-example[data-v-1bf5f799]{background:#f59e0b1a}.dark .vocab-card[data-v-1bf5f799]{background:var(--color-bg-tertiary);border-color:#333}.vocab-card[data-v-1bf5f799]:hover{transform:translateY(-5px);box-shadow:0 12px 28px #0000001a}.vocab-card.list-card[data-v-1bf5f799]{box-shadow:none;border-bottom:1px solid #e5e7eb;border-radius:0;grid-template-columns:220px 1fr auto;align-items:center;gap:20px;padding:16px 20px;display:grid;background:#fff!important}.vocab-card.list-card[data-v-1bf5f799]:hover{transform:none;background:#f9fafb!important}.card-header[data-v-1bf5f799]{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.card-header.list-header[data-v-1bf5f799]{justify-content:flex-start;gap:12px;margin-bottom:0}.word-section[data-v-1bf5f799]{align-items:center;gap:10px;display:flex}.card-word[data-v-1bf5f799]{color:var(--color-text-primary);margin:0;font-size:26px;font-weight:700}.speaker-btn[data-v-1bf5f799]{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;padding:4px;font-size:20px;transition:transform .2s}.speaker-btn[data-v-1bf5f799]:hover{color:var(--color-accent);transform:scale(1.1)}.card-type[data-v-1bf5f799]{color:var(--color-text-secondary);background:#f3f4f6;border-radius:12px;padding:4px 12px;font-size:13px;font-weight:500}.dark .card-type[data-v-1bf5f799]{background:#333}.card-type.list-type[data-v-1bf5f799]{background:0 0;padding:0;font-size:14px}.card-phrase[data-v-1bf5f799],.card-example[data-v-1bf5f799]{background:#f9fafb;border-radius:10px;align-items:flex-start;gap:8px;margin-bottom:12px;padding:12px;display:flex}.dark .card-phrase[data-v-1bf5f799],.dark .card-example[data-v-1bf5f799]{background:#222}.phrase-label[data-v-1bf5f799],.example-label[data-v-1bf5f799]{color:var(--color-text-secondary);white-space:nowrap;font-size:13px;font-weight:600}.phrase-text[data-v-1bf5f799],.example-text[data-v-1bf5f799]{color:var(--color-text-primary);flex:1;font-size:14px;line-height:1.6}.speaker-btn-small[data-v-1bf5f799]{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;flex-shrink:0;padding:2px;font-size:16px;transition:transform .2s}.speaker-btn-small[data-v-1bf5f799]:hover{color:var(--color-accent);transform:scale(1.1)}.card-footer[data-v-1bf5f799]{align-items:center;gap:10px;display:flex;position:absolute;bottom:16px;right:16px}.card-footer.list-footer[data-v-1bf5f799]{justify-content:flex-end;position:static}.status-actions[data-v-1bf5f799]{opacity:0;pointer-events:none;align-items:center;gap:8px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;transform:translateY(10px)}.vocab-card:hover .status-actions[data-v-1bf5f799]{opacity:1;pointer-events:auto;transform:translateY(0)}.vocab-card.list-card .status-actions[data-v-1bf5f799]{opacity:1;pointer-events:auto;transform:none}.status-action-btn[data-v-1bf5f799]{border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;background:#fff;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .2s;box-shadow:0 2px 4px #0000000d}.dark .status-action-btn[data-v-1bf5f799]{background:#ffffff14}.status-action-btn[data-v-1bf5f799]:hover{background:#00000014;transform:translateY(-1px)}.dark .status-action-btn[data-v-1bf5f799]:hover{background:#ffffff24}.status-action-btn.active[data-v-1bf5f799]{color:#fff;background:#111827;border-color:#0000}.dark .status-action-btn.active[data-v-1bf5f799]{color:#111827;background:#e5e7eb}.card-icon-btn[data-v-1bf5f799]{cursor:pointer;color:var(--color-text-tertiary);background:0 0;border:none;border-radius:50%;padding:6px;font-size:18px;transition:all .2s}.card-icon-btn[data-v-1bf5f799]:hover{background:var(--color-bg-tertiary);color:var(--color-accent)}.no-words-placeholder[data-v-1bf5f799]{text-align:center;color:var(--color-text-secondary);grid-column:1/-1;padding:60px 20px}.no-words-placeholder p[data-v-1bf5f799]:first-child{margin-bottom:16px;font-size:48px}.no-words-placeholder p[data-v-1bf5f799]:last-child{font-size:16px;font-weight:500}.example-content[data-v-1bf5f799]{flex:1}.example-original[data-v-1bf5f799]{align-items:center;gap:8px;display:flex}.example-translation[data-v-1bf5f799]{color:var(--color-text-secondary);margin-top:4px;padding-left:2px;font-size:13px}.card-mode-backdrop[data-v-1bf5f799]{z-index:999;background:#00000040;position:fixed;inset:0}.card-mode-overlay[data-v-1bf5f799]{z-index:1000;background:#fff7f0;flex-direction:column;padding:24px 24px 32px;display:flex;position:fixed;inset:0}.dark .card-mode-overlay[data-v-1bf5f799]{background:#111827}.card-mode-header[data-v-1bf5f799]{align-items:center;gap:16px;width:100%;max-width:880px;margin:0 auto;display:flex}.back-btn[data-v-1bf5f799]{cursor:pointer;background:#0000000f;border:none;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.dark .back-btn[data-v-1bf5f799]{color:#fff;background:#ffffff1f}.card-progress-container[data-v-1bf5f799]{flex:1}.progress-info[data-v-1bf5f799]{color:var(--color-text-secondary);justify-content:space-between;margin-bottom:8px;font-weight:600;display:flex}.progress-bar-bg[data-v-1bf5f799]{background:#00000014;border-radius:999px;height:8px;overflow:hidden}.dark .progress-bar-bg[data-v-1bf5f799]{background:#ffffff24}.progress-bar-fill[data-v-1bf5f799]{background:#111827d9;border-radius:999px;height:100%;transition:width .25s}.dark .progress-bar-fill[data-v-1bf5f799]{background:#e5e7ebe6}.card-container[data-v-1bf5f799]{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px 0;display:flex}.flip-card[data-v-1bf5f799]{perspective:1200px;cursor:pointer;width:min(640px,100vw - 48px);height:min(520px,100vh - 220px)}.flip-card-inner[data-v-1bf5f799]{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s;position:relative}.flip-card.flipped .flip-card-inner[data-v-1bf5f799]{transform:rotateY(180deg)}.flip-card-front[data-v-1bf5f799],.flip-card-back[data-v-1bf5f799]{backface-visibility:hidden;background:#fff;border-radius:20px;justify-content:center;align-items:center;padding:28px;display:flex;position:absolute;inset:0;box-shadow:0 20px 50px #0003}.dark .flip-card-front[data-v-1bf5f799],.dark .flip-card-back[data-v-1bf5f799]{background:#111827;box-shadow:0 20px 50px #00000080}.flip-card-back[data-v-1bf5f799]{transform:rotateY(180deg)}.card-content[data-v-1bf5f799]{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100%;height:100%;display:flex}.word-text[data-v-1bf5f799]{margin:8px 0 0;font-size:56px;line-height:1.1}.word-pos[data-v-1bf5f799]{background:#0000000f;border-radius:10px;padding:6px 12px;font-weight:700;display:inline-flex}.dark .word-pos[data-v-1bf5f799]{color:#e5e7eb;background:#ffffff1f}.hint-text[data-v-1bf5f799]{color:var(--color-text-secondary);margin-top:8px}.speak-btn-large[data-v-1bf5f799],.speak-btn-small[data-v-1bf5f799],.speak-btn-tiny[data-v-1bf5f799]{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none}.speak-btn-large[data-v-1bf5f799]{padding:8px}.speak-btn-small[data-v-1bf5f799]{padding:6px}.speak-btn-tiny[data-v-1bf5f799]{padding:4px}.back-header[data-v-1bf5f799]{justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.back-word[data-v-1bf5f799]{font-size:28px;font-weight:800}.meaning-section[data-v-1bf5f799]{background:#0000000a;border-radius:14px;width:100%;padding:16px}.dark .meaning-section[data-v-1bf5f799]{background:#ffffff1a}.meaning-zh[data-v-1bf5f799]{margin:0;font-size:18px;line-height:1.6}.example-section[data-v-1bf5f799]{background:#0000000a;border-radius:14px;width:100%;padding:16px}.dark .example-section[data-v-1bf5f799]{background:#ffffff1a}.example-item[data-v-1bf5f799]{text-align:left}.example-original[data-v-1bf5f799]{justify-content:space-between;align-items:center;gap:10px;display:flex}.keyboard-hints[data-v-1bf5f799]{color:var(--color-text-secondary);margin-top:16px;font-size:13px}.card-actions[data-v-1bf5f799]{justify-content:center;align-items:center;gap:18px;width:100%;max-width:880px;margin:0 auto;display:flex}.mark-btn[data-v-1bf5f799]{cursor:pointer;border:none;border-radius:999px;width:120px;height:56px;font-size:16px;font-weight:800;transition:transform .15s;box-shadow:0 12px 25px #0000001f}.mark-btn[data-v-1bf5f799]:hover{transform:translateY(-1px)}.mark-btn.known[data-v-1bf5f799]{background:#dff3e6}.mark-btn.fuzzy[data-v-1bf5f799]{background:#efe7df}.mark-btn.unknown[data-v-1bf5f799]{background:#e9d7d7}.dark .mark-btn.known[data-v-1bf5f799]{color:#e5e7eb;background:#10b98140}.dark .mark-btn.fuzzy[data-v-1bf5f799]{color:#e5e7eb;background:#f59e0b38}.dark .mark-btn.unknown[data-v-1bf5f799]{color:#e5e7eb;background:#ef444438}.fade-enter-active[data-v-1bf5f799],.fade-leave-active[data-v-1bf5f799]{transition:opacity .2s}.fade-enter-from[data-v-1bf5f799],.fade-leave-to[data-v-1bf5f799]{opacity:0}@media (max-width:520px){.card-mode-overlay[data-v-1bf5f799]{padding:16px 16px 24px}.word-text[data-v-1bf5f799]{font-size:44px}.mark-btn[data-v-1bf5f799]{width:104px;height:52px}}.search-modal-overlay[data-v-1bf5f799]{z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;justify-content:center;align-items:flex-start;padding-top:60px;display:flex;position:fixed;inset:0}.search-modal-container[data-v-1bf5f799]{background:#fff;border-radius:24px;flex-direction:column;width:min(900px,95vw);max-height:80vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.dark .search-modal-container[data-v-1bf5f799]{background:#1f2937;border:1px solid #374151}.search-modal-header[data-v-1bf5f799]{border-bottom:1px solid #f3f4f6;align-items:center;gap:16px;padding:20px;display:flex}.dark .search-modal-header[data-v-1bf5f799]{border-color:#374151}.search-input-wrapper[data-v-1bf5f799]{flex:1;align-items:center;display:flex;position:relative}.search-icon[data-v-1bf5f799]{color:#9ca3af;position:absolute;left:14px}.search-input[data-v-1bf5f799]{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;outline:none;width:100%;height:48px;padding:0 44px;font-size:16px;transition:all .2s}.dark .search-input[data-v-1bf5f799]{color:#fff;background:#111827;border-color:#374151}.search-input[data-v-1bf5f799]:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px rgba(var(--color-accent-rgb),.1);background:#fff}.dark .search-input[data-v-1bf5f799]:focus{background:#000}.clear-btn[data-v-1bf5f799]{color:#6b7280;cursor:pointer;background:#e5e7eb;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;right:12px}.close-modal-btn[data-v-1bf5f799]{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:10px;padding:8px 16px;font-weight:600}.dark .close-modal-btn[data-v-1bf5f799]{color:#e5e7eb;background:#374151}.search-results-content[data-v-1bf5f799]{flex:1;min-height:200px;padding:20px;overflow-y:auto}.search-results-grid[data-v-1bf5f799]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.search-result-card[data-v-1bf5f799]{margin:0!important;transform:none!important}.search-result-card .card-footer[data-v-1bf5f799]{justify-content:flex-start;margin-top:16px;position:static}.search-result-card .status-actions[data-v-1bf5f799]{opacity:1;pointer-events:auto;transform:none}.search-empty[data-v-1bf5f799],.search-placeholder[data-v-1bf5f799]{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 0;display:flex}.search-empty p[data-v-1bf5f799]:first-child{margin-bottom:12px;font-size:40px}.note-modal-overlay[data-v-1bf5f799]{z-index:3000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;justify-content:center;align-items:flex-start;padding-top:60px;display:flex;position:fixed;inset:0}.note-modal-container[data-v-1bf5f799]{background:#fff;border-radius:24px;flex-direction:column;width:min(900px,95vw);max-height:85vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.dark .note-modal-container[data-v-1bf5f799]{background:#1f2937;border:1px solid #374151}.note-modal-header[data-v-1bf5f799]{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px;display:flex}.dark .note-modal-header[data-v-1bf5f799]{border-color:#374151}.word-info-preview[data-v-1bf5f799]{flex:1}.word-header-row[data-v-1bf5f799]{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.word-info-preview .word-text[data-v-1bf5f799]{margin:0;font-size:28px;font-weight:800}.speaker-btn-large[data-v-1bf5f799]{cursor:pointer;background:0 0;border:none;border-radius:10px;padding:6px;font-size:18px;transition:all .2s}.speaker-btn-large[data-v-1bf5f799]:hover{background:#0000000f}.dark .speaker-btn-large[data-v-1bf5f799]:hover{background:#ffffff1f}.word-pos-tag[data-v-1bf5f799]{color:var(--color-text-secondary);background:#0000000f;border-radius:999px;padding:4px 10px;font-size:13px;font-weight:700}.dark .word-pos-tag[data-v-1bf5f799]{color:#e5e7eb;background:#ffffff1f}.word-meaning-preview[data-v-1bf5f799]{color:var(--color-text-secondary);margin:10px 0 0;font-size:15px;line-height:1.6}.close-modal-btn-icon[data-v-1bf5f799]{cursor:pointer;background:#0000000f;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:22px;line-height:1;display:flex}.dark .close-modal-btn-icon[data-v-1bf5f799]{color:#e5e7eb;background:#ffffff1f}.note-tabs[data-v-1bf5f799]{border-bottom:1px solid #f3f4f6;gap:8px;padding:14px 20px;display:flex}.dark .note-tabs[data-v-1bf5f799]{border-color:#374151}.note-tab-btn[data-v-1bf5f799]{color:var(--color-text-secondary);cursor:pointer;background:#0000000f;border:none;border-radius:999px;padding:8px 16px;font-weight:700}.dark .note-tab-btn[data-v-1bf5f799]{color:#e5e7eb;background:#ffffff1f}.note-tab-btn.active[data-v-1bf5f799]{background:var(--color-accent);color:#fff}.note-content-area[data-v-1bf5f799]{flex:1;padding:20px;overflow-y:auto}.note-textarea[data-v-1bf5f799]{resize:vertical;background:#f9fafb;border:2px solid #e5e7eb;border-radius:14px;outline:none;width:100%;min-height:240px;padding:14px;font-size:15px}.dark .note-textarea[data-v-1bf5f799]{color:#e5e7eb;background:#111827;border-color:#374151}.note-textarea[data-v-1bf5f799]:focus{border-color:var(--color-accent);background:#fff}.dark .note-textarea[data-v-1bf5f799]:focus{background:#000}.my-note-footer[data-v-1bf5f799]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.public-switch[data-v-1bf5f799]{color:var(--color-text-secondary);align-items:center;gap:10px;font-weight:700;display:flex}.switch-label[data-v-1bf5f799]{font-size:14px}.save-note-btn[data-v-1bf5f799]{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:12px;padding:10px 18px;font-weight:800}.dark .save-note-btn[data-v-1bf5f799]{background:#374151}.save-note-btn[data-v-1bf5f799]:disabled{opacity:.6;cursor:not-allowed}.public-notes-list[data-v-1bf5f799]{flex-direction:column;gap:12px;display:flex}.public-note-item[data-v-1bf5f799]{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px}.dark .public-note-item[data-v-1bf5f799]{background:#111827;border-color:#374151}.note-user-info[data-v-1bf5f799]{color:var(--color-text-secondary);justify-content:space-between;gap:12px;margin-bottom:10px;font-size:12px;font-weight:700;display:flex}.note-text-content[data-v-1bf5f799]{white-space:pre-wrap;margin:0;line-height:1.7}.note-empty-state[data-v-1bf5f799]{text-align:center;color:var(--color-text-secondary);padding:60px 0}.note-empty-state p[data-v-1bf5f799]:first-child{margin-bottom:10px;font-size:40px}.load-more-container[data-v-1bf5f799]{justify-content:center;padding:16px 0;display:flex}.load-more-btn[data-v-1bf5f799]{color:var(--color-text-secondary);cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:8px 24px;font-size:14px;font-weight:600;transition:all .2s}.load-more-btn[data-v-1bf5f799]:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent);background:#f9fafb}.load-more-btn[data-v-1bf5f799]:disabled{opacity:.6;cursor:not-allowed}.dark .load-more-btn[data-v-1bf5f799]{color:#e5e7eb;background:#111827;border-color:#374151}.listening-page[data-v-94f778ce]{max-width:1000px;margin:0 auto;padding:24px 0}.error-box[data-v-94f778ce]{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:16px;padding:10px 12px}.loading[data-v-94f778ce]{color:#6b7280;padding:20px 4px}.top-bar[data-v-94f778ce]{justify-content:center;align-items:center;gap:18px;margin-bottom:24px;display:flex}.pick-btn[data-v-94f778ce]{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:12px;padding:14px 26px;font-weight:700}.meta[data-v-94f778ce]{color:#525252;font-size:30px;line-height:1.8}.player-box[data-v-94f778ce]{margin:24px 0 22px}.player-progress[data-v-94f778ce]{cursor:pointer;background:#e5e7eb;border-radius:999px;height:10px;overflow:hidden}.player-progress-inner[data-v-94f778ce]{background:#3b82f6;width:0;height:100%;transition:width .1s linear}.player-actions[data-v-94f778ce]{align-items:center;gap:10px;margin-top:12px;display:flex}.icon-btn[data-v-94f778ce]{cursor:pointer;color:#111827;background:0 0;border:none;font-size:28px}.icon-btn[data-v-94f778ce]:disabled{opacity:.45;cursor:not-allowed}.duration[data-v-94f778ce]{color:#737373;margin-left:auto;font-size:28px}.transcript-top[data-v-94f778ce]{text-align:right;margin-bottom:10px}.transcript-top a[data-v-94f778ce]{color:#1d4ed8;font-size:24px;text-decoration:none}.transcript-card[data-v-94f778ce]{background:#dbeafe;border:1px solid #93c5fd;border-radius:12px;padding:16px 18px}.transcript-card .title[data-v-94f778ce]{color:#1d4ed8;margin-bottom:10px;font-size:30px;font-weight:700}.transcript-card .content[data-v-94f778ce]{color:#374151;white-space:pre-line;font-size:34px;line-height:1.8}.answer-input[data-v-94f778ce]{resize:vertical;border:1px solid #cbd5e1;border-radius:12px;width:100%;min-height:150px;margin-top:18px;padding:14px;font-size:18px}.bottom-actions[data-v-94f778ce]{justify-content:flex-end;margin-top:18px;display:flex}.next-btn[data-v-94f778ce]{cursor:pointer;background:#fff;border:1px solid #111827;border-radius:12px;padding:12px 24px;font-size:28px}.next-btn[data-v-94f778ce]:disabled{opacity:.45;cursor:not-allowed}.picker-overlay[data-v-94f778ce]{z-index:1200;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.picker-modal[data-v-94f778ce]{background:#fff;border-radius:14px;width:min(900px,92vw);overflow:hidden}.picker-header[data-v-94f778ce]{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.picker-header h3[data-v-94f778ce]{margin:0}.close-btn[data-v-94f778ce]{cursor:pointer;background:0 0;border:none;font-size:26px}.picker-body[data-v-94f778ce]{grid-template-columns:1fr 1.4fr;min-height:420px;display:grid}.category-list[data-v-94f778ce],.question-list[data-v-94f778ce]{padding:14px;overflow:auto}.category-list[data-v-94f778ce]{border-right:1px solid #e5e7eb}.picker-search[data-v-94f778ce]{border:1px solid #e5e7eb;border-radius:8px;width:100%;margin-bottom:10px;padding:9px 10px}.category-btn[data-v-94f778ce],.question-btn[data-v-94f778ce]{text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;width:100%;margin-bottom:10px;padding:10px 12px}.category-btn.active[data-v-94f778ce],.question-btn.active[data-v-94f778ce]{background:#eff6ff;border-color:#2563eb}.question-btn[data-v-94f778ce]{align-items:center;gap:10px;display:flex}.question-btn .seq[data-v-94f778ce]{color:#2563eb;white-space:nowrap;background:#dbeafe;border-radius:999px;padding:2px 8px;font-size:12px}.question-btn .q-title[data-v-94f778ce]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.empty[data-v-94f778ce]{color:#6b7280;padding:12px 2px}.dark{color:#d4d4d4;background:#374151}.dark,.dark,.dark{color:#f3f4f6}.dark{color:#9ca3af;background:#3b82f629;border-color:#60a5fa99}.dark,.dark,.dark,.dark,.dark,.dark{color:#f3f4f6;background:#1f1f1f;border-color:#3c3c3cbf}.dark,.dark{background:#2563eb40;border-color:#60a5fa99}@media (max-width:768px){.top-bar[data-v-94f778ce]{flex-direction:column;align-items:flex-start}.meta[data-v-94f778ce]{font-size:14px}.duration[data-v-94f778ce]{font-size:16px}.picker-body[data-v-94f778ce]{grid-template-columns:1fr}.category-list[data-v-94f778ce]{border-bottom:1px solid #e5e7eb;border-right:0;max-height:170px}}.drama-page[data-v-b98d8265]{margin:-108px 0 0;padding:0}.hero-section[data-v-b98d8265]{will-change:transform;background-image:url(/hero-drama.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:center;align-items:flex-end;width:100vw;height:620px;margin:0 calc(50% - 50vw);padding-top:108px;padding-bottom:30px;transition:transform .1s ease-out;animation:1.5s ease-out backgroundFadeIn-b98d8265;display:flex;position:relative;overflow:hidden}.hero-section[data-v-b98d8265]:before{content:"";z-index:0;background:linear-gradient(#0000001a 0%,#0000004d 50%,#00000080 100%);position:absolute;inset:0}.hero-section[data-v-b98d8265]:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#667eea26 0%,#0000 50%);width:200%;height:200%;animation:20s linear infinite rotate-b98d8265;position:absolute;top:-50%;left:-50%}@keyframes backgroundFadeIn-b98d8265{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes rotate-b98d8265{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.drama-content[data-v-b98d8265]{background:var(--color-bg-primary);padding:40px 0}.section-title[data-v-b98d8265]{color:var(--color-text-primary);margin:0 0 32px;padding:0 20px;font-size:24px;font-weight:700}.drama-grid[data-v-b98d8265]{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px;padding:0 20px;display:grid}.drama-card[data-v-b98d8265]{cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(circle at 0 0,#f5fbff 0%,#fff 40%,#f7f9fc 100%);border:1px solid #94a3b838;border-radius:24px;flex-direction:column;padding:26px;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 18px 40px #0f172a29,inset 0 0 0 1px #ffffffb3}.dark{color:#d1d5db;background:radial-gradient(circle at 0 0,#252525 0%,#1a1a1a 40%,#0f0f0f 100%);border:1px solid #60a5fa;box-shadow:0 24px 55px #000000e6,inset 0 0 0 1px #60a5fa66}.drama-card[data-v-b98d8265]:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle at top,#3b82f629,#0000 55%);transition:opacity .35s;position:absolute;inset:0}.drama-card[data-v-b98d8265]:hover{border-color:#3b82f6;transform:translateY(-6px)scale(1.01);box-shadow:0 24px 55px #0f172a38,inset 0 0 0 1px #bfdbfee6}.drama-card[data-v-b98d8265]:hover:before{opacity:1}.card-header[data-v-b98d8265]{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.card-icon-wrapper[data-v-b98d8265]{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:72px;height:72px;transition:all .3s;display:flex;box-shadow:0 4px 12px #0000001a}.drama-card:hover .card-icon-wrapper[data-v-b98d8265]{transform:scale(1.08)rotate(-3deg)}.card-icon[data-v-b98d8265]{filter:drop-shadow(0 2px 4px #0000001a);font-size:40px}.card-content[data-v-b98d8265]{flex:1}.card-title[data-v-b98d8265]{color:var(--color-text-primary);letter-spacing:-.01em;margin:0 0 10px;font-size:22px;font-weight:700}.card-desc[data-v-b98d8265]{color:var(--color-text-secondary);margin:0;font-size:14px;line-height:1.7}.drama-tools-section[data-v-b98d8265]{margin-top:48px;padding:0 20px 8px}.drama-tools-title[data-v-b98d8265]{margin-bottom:24px}.drama-tools-grid[data-v-b98d8265]{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.drama-tool-card[data-v-b98d8265]{cursor:pointer;background:#fff;border:1px solid #e2e8f0e6;border-radius:18px;align-items:center;gap:18px;padding:22px 24px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;box-shadow:0 10px 26px #0f172a14}.dark{color:#d1d5db;background:#252525;border:1px solid #ec4899;box-shadow:0 16px 36px #000c}.drama-tool-card[data-v-b98d8265]:hover{border-color:#ec4899;transform:translateY(-4px);box-shadow:0 16px 36px #0f172a24}.drama-tool-icon[data-v-b98d8265]{flex-shrink:0;font-size:40px}.drama-tool-text[data-v-b98d8265]{flex-direction:column;gap:6px;display:flex}.drama-tool-title[data-v-b98d8265]{color:#111827;font-size:18px;font-weight:700}.drama-tool-desc[data-v-b98d8265]{color:#6b7280;font-size:14px}@media (max-width:1024px){.drama-grid[data-v-b98d8265]{grid-template-columns:repeat(2,1fr)}.drama-tools-grid[data-v-b98d8265]{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-section[data-v-b98d8265]{height:560px;padding-bottom:25px}}@media (max-width:768px){.drama-page[data-v-b98d8265]{margin:-88px 0 0}.hero-section[data-v-b98d8265]{background-attachment:scroll;height:480px;padding-top:88px;padding-bottom:20px}.hero-section[data-v-b98d8265]:after{animation-duration:30s}.drama-content[data-v-b98d8265]{padding:30px 0}.section-title[data-v-b98d8265]{margin-bottom:24px;font-size:20px}.drama-grid[data-v-b98d8265]{grid-template-columns:1fr;gap:16px}.drama-card[data-v-b98d8265]{padding:24px}.drama-tools-section[data-v-b98d8265]{margin-top:36px}.drama-tools-grid[data-v-b98d8265]{grid-template-columns:1fr;gap:14px}.card-icon-wrapper[data-v-b98d8265]{width:64px;height:64px}.card-icon[data-v-b98d8265]{font-size:36px}.card-title[data-v-b98d8265]{font-size:20px}.card-desc[data-v-b98d8265]{font-size:13px}}@media (max-width:480px){.hero-section[data-v-b98d8265]{background-attachment:scroll;height:420px;padding-bottom:15px}.hero-section[data-v-b98d8265]:after{display:none}.section-title[data-v-b98d8265]{font-size:18px}}.grammar-page[data-v-3e410b95]{padding:20px 12px 28px}.level-tabs[data-v-3e410b95],.category-tabs[data-v-3e410b95]{flex-wrap:wrap;gap:14px;margin-bottom:16px;display:flex}.level-btn[data-v-3e410b95],.category-btn[data-v-3e410b95]{cursor:pointer;background:0 0;border:none;border-radius:999px;padding:10px 14px;font-weight:600}.level-btn.active[data-v-3e410b95],.category-btn.active[data-v-3e410b95]{color:#fff;background:#2d2d2d}.category-btn[data-v-3e410b95]{color:#111827}.search-row[data-v-3e410b95]{margin-bottom:12px}.search-input[data-v-3e410b95]{border:1px solid #d1d5db;border-radius:10px;width:min(420px,100%);padding:10px 12px;font-size:14px}.error-box[data-v-3e410b95]{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:12px;padding:10px 12px}.loading[data-v-3e410b95]{color:#6b7280}.card-grid[data-v-3e410b95]{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.grammar-card[data-v-3e410b95]{text-align:left;cursor:pointer;color:#1f2937;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;min-height:130px;padding:24px 18px;font-size:22px;font-weight:700}.grammar-card[data-v-3e410b95]:hover{background:#fff;border-color:#cbd5e1}.pagination[data-v-3e410b95]{justify-content:center;align-items:center;gap:12px;margin-top:18px;display:flex}.pagination button[data-v-3e410b95]{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:6px 12px}.pagination button[data-v-3e410b95]:disabled{cursor:not-allowed;opacity:.45}.empty[data-v-3e410b95]{text-align:center;color:#6b7280;margin-top:14px}.detail-mask[data-v-3e410b95]{z-index:1200;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.detail-panel[data-v-3e410b95]{background:#fff;border-radius:14px;width:min(760px,92vw);max-height:88vh;padding:16px 18px;overflow:auto}.detail-header[data-v-3e410b95]{justify-content:space-between;align-items:center;gap:12px;display:flex}.detail-header h3[data-v-3e410b95]{margin:0;font-size:24px}.detail-header button[data-v-3e410b95]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:6px 12px}.detail-block[data-v-3e410b95]{border:1px solid #eef2f7;border-radius:10px;margin-top:14px;padding:12px}.detail-block h4[data-v-3e410b95]{margin:0 0 8px;font-size:16px}.detail-block p[data-v-3e410b95],.detail-block li[data-v-3e410b95]{color:#374151;margin:0;line-height:1.7}@media (max-width:1280px){.card-grid[data-v-3e410b95]{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:960px){.card-grid[data-v-3e410b95]{grid-template-columns:repeat(2,minmax(0,1fr))}.grammar-card[data-v-3e410b95]{min-height:110px;font-size:18px}}@media (max-width:560px){.card-grid[data-v-3e410b95]{grid-template-columns:1fr}}.topik-page[data-v-39a01534]{margin:-108px 0 0;padding:0}.hero-section[data-v-39a01534]{will-change:transform;background-image:url(/hero-topik.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;justify-content:center;align-items:flex-end;width:100vw;height:620px;margin:0 calc(50% - 50vw);padding-top:108px;padding-bottom:30px;transition:transform .1s ease-out;animation:1.5s ease-out backgroundFadeIn-39a01534;display:flex;position:relative;overflow:hidden}.hero-section[data-v-39a01534]:before{content:"";z-index:0;background:linear-gradient(#0000001a 0%,#0000004d 50%,#00000080 100%);position:absolute;inset:0}.hero-section[data-v-39a01534]:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#667eea26 0%,#0000 50%);width:200%;height:200%;animation:20s linear infinite rotate-39a01534;position:absolute;top:-50%;left:-50%}@keyframes backgroundFadeIn-39a01534{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes rotate-39a01534{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.topik-content[data-v-39a01534]{background:var(--color-bg-primary);padding:40px 20px}.filter-bar[data-v-39a01534]{z-index:100;background:var(--color-bg-primary);border-bottom:2px solid var(--color-border);flex-wrap:wrap;gap:20px;margin-bottom:28px;margin-left:-20px;margin-right:-20px;padding:20px;display:flex;position:sticky;top:0}.filter-group[data-v-39a01534]{align-items:center;gap:10px;display:flex}.filter-group label[data-v-39a01534]{color:var(--color-text-primary);font-size:15px;font-weight:600}.filter-select[data-v-39a01534]{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-tertiary);cursor:pointer;color:var(--color-text-primary);min-width:120px;padding:10px 16px;font-size:14px}.topik-list[data-v-39a01534]{flex-direction:column;gap:16px;display:flex}.topik-item[data-v-39a01534]{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--color-border);align-items:center;gap:24px;padding:24px;display:flex}.item-header[data-v-39a01534]{flex-direction:column;align-items:center;gap:10px;min-width:100px;display:flex}.item-badge[data-v-39a01534]{color:#fff;border-radius:var(--radius-md);white-space:nowrap;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:10px 16px;font-size:15px;font-weight:700}.item-category[data-v-39a01534]{color:var(--color-text-secondary);background:var(--color-bg-secondary);border-radius:var(--radius-sm);padding:4px 12px;font-size:13px;font-weight:600}.item-content[data-v-39a01534]{flex:1}.item-title[data-v-39a01534]{color:var(--color-text-primary);margin:0 0 16px;font-size:19px;font-weight:700}.item-resources[data-v-39a01534]{flex-wrap:wrap;gap:28px;display:flex}.resource-item[data-v-39a01534]{color:var(--color-text-secondary);align-items:center;gap:8px;font-size:14px;display:flex}.resource-icon[data-v-39a01534]{font-size:20px}.item-actions[data-v-39a01534]{flex-shrink:0;gap:10px;display:flex}.action-btn[data-v-39a01534]{border-radius:var(--radius-md);cursor:pointer;border:none;padding:12px 24px;font-size:14px;font-weight:600}.action-btn.download[data-v-39a01534]{background:var(--color-accent);color:#fff}.action-btn.preview[data-v-39a01534]{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border)}.loading[data-v-39a01534],.empty[data-v-39a01534]{color:var(--color-text-secondary)}.error-box[data-v-39a01534]{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:12px;padding:10px 12px}@media (max-width:768px){.topik-page[data-v-39a01534]{margin:-88px 0 0}.hero-section[data-v-39a01534]{background-attachment:scroll;height:480px;padding-top:88px}.topik-item[data-v-39a01534]{flex-direction:column;align-items:flex-start;padding:20px}.item-header[data-v-39a01534]{flex-direction:row;justify-content:space-between;width:100%}.item-actions[data-v-39a01534]{width:100%}.action-btn[data-v-39a01534]{flex:1;padding:10px 16px}}.notes-view[data-v-32a41aa7]{background-color:#f8fafc;min-height:100vh;padding:120px 20px 60px}.notes-container[data-v-32a41aa7]{max-width:1200px;margin:0 auto}.section-title[data-v-32a41aa7]{color:#1e293b;margin-bottom:32px;font-size:24px;font-weight:800}.notes-grid[data-v-32a41aa7]{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px;display:grid}.note-card[data-v-32a41aa7]{background:#fff;border-radius:16px;flex-direction:column;padding:24px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.note-card[data-v-32a41aa7]:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a}.card-header[data-v-32a41aa7]{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.word-text[data-v-32a41aa7]{color:#0f172a;cursor:pointer;align-items:center;gap:8px;font-size:22px;font-weight:800;display:flex}.speaker-icon[data-v-32a41aa7]{opacity:.5;font-size:16px}.word-meaning[data-v-32a41aa7]{color:#64748b;margin-top:4px;font-size:14px}.edit-btn[data-v-32a41aa7]{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.edit-btn[data-v-32a41aa7]:hover{color:#1e293b;background:#f8fafc;border-color:#cbd5e1}.note-content-box[data-v-32a41aa7]{color:#334155;white-space:pre-wrap;background:#f1f5f9;border-radius:12px;min-height:80px;padding:16px;font-size:15px;line-height:1.6}.note-footer[data-v-32a41aa7]{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.note-date[data-v-32a41aa7]{color:#94a3b8;font-size:12px}.public-badge[data-v-32a41aa7]{color:#166534;background:#dcfce7;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.pagination-container[data-v-32a41aa7]{flex-direction:column;align-items:center;gap:20px;margin-top:48px;display:flex}.pagination-info[data-v-32a41aa7]{color:#64748b;align-items:center;gap:12px;font-size:14px;display:flex}.pagination-info select[data-v-32a41aa7]{border:1px solid #e2e8f0;border-radius:6px;padding:4px 8px}.pager[data-v-32a41aa7]{align-items:center;gap:8px;display:flex}.page-btn[data-v-32a41aa7]{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.page-btn[data-v-32a41aa7]:disabled{opacity:.5;cursor:not-allowed}.page-num[data-v-32a41aa7]{cursor:pointer;color:#64748b;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-weight:600;display:flex}.page-num.active[data-v-32a41aa7]{color:#fff;background:#1e293b}.loading-state[data-v-32a41aa7],.empty-state[data-v-32a41aa7]{text-align:center;color:#94a3b8;padding:80px 0}.empty-state p[data-v-32a41aa7]:first-child{margin-bottom:16px;font-size:48px}.go-btn[data-v-32a41aa7]{color:#fff;cursor:pointer;background:#1e293b;border:none;border-radius:10px;margin-top:24px;padding:10px 24px;font-weight:600}.note-modal-overlay[data-v-32a41aa7]{z-index:3000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.note-modal-container[data-v-32a41aa7]{background:#fff;border-radius:24px;width:min(600px,95vw);overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.note-modal-header[data-v-32a41aa7]{border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:24px;display:flex}.note-tabs[data-v-32a41aa7]{background:#f8fafc;gap:12px;padding:12px 24px;display:flex}.note-tab-btn[data-v-32a41aa7]{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:20px;padding:8px 16px;font-weight:600}.note-tab-btn.active[data-v-32a41aa7]{color:#fff;background:#1e293b}.note-content-area[data-v-32a41aa7]{max-height:450px;padding:24px;overflow-y:auto}.note-textarea[data-v-32a41aa7]{resize:none;border:1px solid #e2e8f0;border-radius:12px;outline:none;width:100%;height:180px;padding:16px;font-size:15px}.my-note-footer[data-v-32a41aa7]{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.public-checkbox[data-v-32a41aa7]{color:#64748b;cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.save-note-btn[data-v-32a41aa7]{color:#fff;cursor:pointer;background:#1e293b;border:none;border-radius:10px;padding:10px 24px;font-weight:700}.public-note-item[data-v-32a41aa7]{border-bottom:1px solid #f1f5f9;padding:16px 0}.note-user-info[data-v-32a41aa7]{justify-content:space-between;margin-bottom:8px;font-size:12px;display:flex}.note-user-info .username[data-v-32a41aa7]{color:#475569;font-weight:700}.note-user-info .time[data-v-32a41aa7]{color:#94a3b8}.load-more-btn[data-v-32a41aa7]{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;width:100%;margin-top:16px;padding:12px;font-weight:600}.fade-enter-active[data-v-32a41aa7],.fade-leave-active[data-v-32a41aa7]{transition:opacity .3s}.fade-enter-from[data-v-32a41aa7],.fade-leave-to[data-v-32a41aa7]{opacity:0}.feedback-page[data-v-7862de28]{padding:0}.page-header[data-v-7862de28]{text-align:center;margin-bottom:32px}.page-title[data-v-7862de28]{color:var(--color-text-primary);letter-spacing:-.02em;margin:0 0 12px;font-size:36px;font-weight:800}.page-desc[data-v-7862de28]{color:var(--color-text-secondary);margin:0;font-size:17px}.feedback-form[data-v-7862de28]{background:var(--color-bg-secondary);border-radius:var(--radius-xl);max-width:800px;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);margin:0 auto;padding:32px}.form-group[data-v-7862de28]{margin-bottom:24px}.form-label[data-v-7862de28]{color:var(--color-text-primary);margin-bottom:12px;font-size:15px;font-weight:600;display:block}.form-textarea[data-v-7862de28],.form-input[data-v-7862de28]{border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-tertiary);width:100%;color:var(--color-text-primary);resize:vertical;padding:14px 16px;font-family:inherit;font-size:15px;transition:all .2s}.form-textarea[data-v-7862de28]:focus,.form-input[data-v-7862de28]:focus{border-color:var(--color-accent);background:var(--color-bg-secondary);outline:none;box-shadow:0 0 0 3px #4f46e51a}.form-textarea[data-v-7862de28]::placeholder,.form-input[data-v-7862de28]::placeholder{color:var(--color-text-tertiary)}.submit-btn[data-v-7862de28]{background:var(--color-accent);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;width:100%;padding:16px;font-size:16px;font-weight:700;transition:all .2s;box-shadow:0 2px 8px #4f46e54d}.submit-btn[data-v-7862de28]:hover:not(:disabled){background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #4f46e566}.submit-btn[data-v-7862de28]:disabled{opacity:.6;cursor:not-allowed}.success-message[data-v-7862de28]{border-radius:var(--radius-md);color:#166534;background:linear-gradient(135deg,#d4fc79 0%,#96e6a1 100%);align-items:center;gap:12px;margin-top:20px;padding:16px;font-weight:600;animation:.3s slideIn-7862de28;display:flex}@keyframes slideIn-7862de28{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.success-icon[data-v-7862de28]{color:#fff;background:#166534;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;font-weight:700;display:flex}@media (max-width:768px){.page-title[data-v-7862de28]{font-size:28px}.feedback-form[data-v-7862de28]{padding:24px}}.login-page[data-v-1740bcc9]{justify-content:center;align-items:center;min-height:calc(100vh - 200px);padding:40px 20px;display:flex;position:relative;overflow:hidden}.message-toast[data-v-1740bcc9]{border-radius:var(--radius-md);z-index:1000;box-shadow:var(--shadow-lg);padding:14px 28px;font-size:15px;font-weight:500;animation:.3s slideDown-1740bcc9;position:fixed;top:100px;left:50%;transform:translate(-50%)}.message-toast.success[data-v-1740bcc9]{color:#fff;background:#10b981}.message-toast.error[data-v-1740bcc9]{color:#fff;background:#ef4444}.message-toast.warning[data-v-1740bcc9]{color:#fff;background:#f59e0b}@keyframes slideDown-1740bcc9{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.login-container[data-v-1740bcc9]{background:var(--color-bg-secondary);border-radius:var(--radius-xl);width:100%;max-width:420px;box-shadow:var(--shadow-lg);z-index:10;padding:48px 40px;position:relative}.login-header[data-v-1740bcc9]{text-align:center;margin-bottom:36px}.login-logo[data-v-1740bcc9]{object-fit:contain;width:72px;height:72px;margin-bottom:20px}.login-title[data-v-1740bcc9]{color:var(--color-text-primary);letter-spacing:-.02em;margin:0 0 8px;font-size:28px;font-weight:700}.login-subtitle[data-v-1740bcc9]{color:var(--color-text-secondary);margin:0 0 12px;font-size:15px}.login-description[data-v-1740bcc9]{color:var(--color-text-tertiary);max-width:320px;margin:0;font-size:14px;line-height:1.5}.login-form[data-v-1740bcc9]{flex-direction:column;gap:24px;display:flex}.form-item[data-v-1740bcc9]{flex-direction:column;gap:8px;display:flex}.form-label[data-v-1740bcc9]{color:var(--color-text-primary);font-size:14px;font-weight:600}.form-input[data-v-1740bcc9]{border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);width:100%;color:var(--color-text-primary);padding:14px 16px;font-size:15px;transition:all .2s}.form-input[data-v-1740bcc9]:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #4f46e51a}.form-input[data-v-1740bcc9]::placeholder{color:var(--color-text-tertiary)}.form-options[data-v-1740bcc9]{justify-content:space-between;align-items:center;display:flex}.remember-me[data-v-1740bcc9]{color:var(--color-text-secondary);cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.remember-me input[type=checkbox][data-v-1740bcc9]{width:18px;height:18px;accent-color:var(--color-accent);cursor:pointer}.forgot-password[data-v-1740bcc9]{color:var(--color-accent);font-size:14px;text-decoration:none;transition:color .2s}.forgot-password[data-v-1740bcc9]:hover{color:var(--color-accent-hover)}.login-btn[data-v-1740bcc9]{color:#fff;background:var(--color-accent);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:16px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.login-btn[data-v-1740bcc9]:hover:not(:disabled){background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #4f46e54d}.login-btn[data-v-1740bcc9]:disabled{opacity:.7;cursor:not-allowed}.login-footer[data-v-1740bcc9]{text-align:center;border-top:1px solid var(--color-border);margin-top:32px;padding-top:24px}.login-divider[data-v-1740bcc9]{align-items:center;margin:24px 0;display:flex}.login-divider[data-v-1740bcc9]:before,.login-divider[data-v-1740bcc9]:after{content:"";background:var(--color-border);flex:1;height:1px}.login-divider span[data-v-1740bcc9]{color:var(--color-text-tertiary);padding:0 16px;font-size:13px}.login-footer p[data-v-1740bcc9]{color:var(--color-text-secondary);margin:0;font-size:14px}.login-footer a[data-v-1740bcc9]{color:var(--color-accent);font-weight:600;text-decoration:none}.login-footer a[data-v-1740bcc9]:hover{text-decoration:underline}.loading-spinner[data-v-1740bcc9]{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin-1740bcc9}@keyframes spin-1740bcc9{to{transform:rotate(360deg)}}.login-bg[data-v-1740bcc9]{pointer-events:none;position:absolute;inset:0}.bg-circle[data-v-1740bcc9]{opacity:.1;border-radius:50%;position:absolute}.bg-circle-1[data-v-1740bcc9]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);width:400px;height:400px;top:-100px;right:-100px}.bg-circle-2[data-v-1740bcc9]{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);width:300px;height:300px;bottom:-50px;left:-50px}.bg-circle-3[data-v-1740bcc9]{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);width:200px;height:200px;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:480px){.login-container[data-v-1740bcc9]{padding:32px 24px}.login-logo[data-v-1740bcc9]{width:60px;height:60px}.login-title[data-v-1740bcc9]{font-size:24px}}.dictation-page[data-v-464ebc75]{background-color:#f8f7f5;flex-direction:column;justify-content:space-between;align-items:center;min-height:calc(100vh - 80px);margin-top:80px;padding:20px;display:flex}.dictation-header[data-v-464ebc75]{justify-content:flex-start;align-items:center;width:100%;max-width:900px;margin-bottom:20px;display:flex}.back-btn[data-v-464ebc75]{cursor:pointer;color:#555;background:#fff;border:1px solid #e0e0e0;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;transition:all .2s;display:flex}.back-btn[data-v-464ebc75]:hover{background:#f5f5f5;border-color:#ccc}.dictation-container[data-v-464ebc75]{text-align:center;flex-direction:column;flex-grow:1;justify-content:center;width:100%;max-width:700px;display:flex}.word-display[data-v-464ebc75]{width:100%}.meaning-section[data-v-464ebc75]{margin-bottom:40px}.word-meaning[data-v-464ebc75]{color:#2c3e50;margin-bottom:12px;font-size:52px;font-weight:700}.word-pos[data-v-464ebc75]{color:#7f8c8d;background-color:#ecf0f1;border-radius:16px;padding:6px 14px;font-size:16px;display:inline-block}.input-section[data-v-464ebc75]{margin-bottom:12px}.answer-input[data-v-464ebc75]{text-align:center;background-color:#0000;border:none;border-bottom:3px solid #bdc3c7;outline:none;width:100%;max-width:400px;padding:12px 0;font-size:28px;transition:border-color .3s}.answer-input[data-v-464ebc75]:focus{border-bottom-color:#3498db}.answer-input.correct[data-v-464ebc75]{border-bottom-color:#27ae60}.answer-input.incorrect[data-v-464ebc75]{border-bottom-color:#e74c3c}.hint[data-v-464ebc75]{color:#bdc3c7;margin-bottom:60px;font-size:14px}.controls[data-v-464ebc75]{justify-content:center;align-items:center;gap:30px;margin-bottom:60px;display:flex}.control-btn[data-v-464ebc75]{color:#7f8c8d;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .2s;display:flex}.control-btn[data-v-464ebc75]:hover:not(:disabled){color:#34495e;background-color:#f5f5f5;border-color:#bdc3c7}.control-btn[data-v-464ebc75]:disabled{opacity:.4;cursor:not-allowed}.control-btn.play-btn[data-v-464ebc75]{color:#fff;background-color:#3498db;border-color:#3498db;width:80px;height:80px}.control-btn.play-btn[data-v-464ebc75]:hover{background-color:#2980b9}.progress-container[data-v-464ebc75]{align-items:center;gap:15px;width:100%;max-width:700px;padding:20px 0;display:flex}.progress-bar[data-v-464ebc75]{background-color:#ecf0f1;border-radius:6px;flex-grow:1;height:12px;overflow:hidden}.progress-fill[data-v-464ebc75]{background-color:#3498db;border-radius:6px;height:100%;transition:width .3s}.progress-label[data-v-464ebc75]{color:#34495e;font-size:16px;font-weight:600}.dictation-footer[data-v-464ebc75]{justify-content:center;gap:20px;width:100%;max-width:900px;padding:20px 0;display:flex}.footer-btn[data-v-464ebc75]{cursor:pointer;color:#555;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.footer-btn[data-v-464ebc75]:hover{background:#f5f5f5;border-color:#ccc}.footer-btn.terminate-btn[data-v-464ebc75]{color:#e74c3c;border-color:#e74c3c}.footer-btn.terminate-btn[data-v-464ebc75]:hover{background:#e74c3c0d}.no-words[data-v-464ebc75]{color:#888;padding:50px;font-size:18px}.summary-container[data-v-464ebc75]{text-align:center;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;display:flex}.summary-icon[data-v-464ebc75]{margin-bottom:20px;font-size:80px}.summary-title[data-v-464ebc75]{color:#333;margin-bottom:12px;font-size:28px;font-weight:600}.summary-accuracy[data-v-464ebc75]{color:#555;margin-bottom:40px;font-size:20px}.summary-actions[data-v-464ebc75]{gap:16px;display:flex}.summary-btn[data-v-464ebc75]{cursor:pointer;color:#333;background:#fff;border:1px solid #ccc;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:500;transition:all .2s}.summary-btn[data-v-464ebc75]:hover{background:#f5f5f5}.summary-btn.exit-btn[data-v-464ebc75]{color:#fff;background:#e74c3c;border-color:#e74c3c}.summary-btn.exit-btn[data-v-464ebc75]:hover{background:#c0392b}.wrong-words-page[data-v-99ede5f4]{background-color:#fcfbf9;max-width:1200px;min-height:100vh;margin:0 auto;padding:100px 20px}.top-filter-bar[data-v-99ede5f4]{z-index:100;background:#fff;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:12px 24px;display:flex;position:sticky;top:80px;box-shadow:0 2px 8px #0000000d}.filter-left[data-v-99ede5f4]{align-items:center;gap:24px;display:flex}.selected-info[data-v-99ede5f4]{cursor:pointer;color:#333;background:#f5f5f5;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:14px;display:flex}.arrow-down[data-v-99ede5f4]{color:#999;font-size:10px}.back-link[data-v-99ede5f4]{color:#666;cursor:pointer;background:0 0;font-size:14px}.wrong-words-grid[data-v-99ede5f4]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.wrong-word-card[data-v-99ede5f4]{cursor:pointer;background:#fff;border:1px solid #eee;border-radius:12px;padding:16px;transition:all .2s;position:relative}.wrong-word-card[data-v-99ede5f4]:hover{border-color:#3498db;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.wrong-word-card.selected[data-v-99ede5f4]{background-color:#f0f7ff;border-color:#3498db}.card-main[data-v-99ede5f4]{justify-content:space-between;align-items:flex-start;display:flex}.word-info[data-v-99ede5f4]{flex:1}.word-row[data-v-99ede5f4]{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.word-text[data-v-99ede5f4]{color:#333;font-size:20px;font-weight:700}.speaker-btn[data-v-99ede5f4]{cursor:pointer;background:0 0;font-size:16px}.wrong-answer-badge[data-v-99ede5f4]{color:#e74c3c;background:#fdeaea;border-radius:4px;padding:2px 8px;font-size:12px}.meaning-row[data-v-99ede5f4]{align-items:center;gap:8px;display:flex}.pos-tag[data-v-99ede5f4]{color:#999;background:#f0f0f0;border-radius:4px;padding:1px 6px;font-size:11px}.meaning-text[data-v-99ede5f4]{color:#666;font-size:14px}.checkbox-container[data-v-99ede5f4],.card-checkbox[data-v-99ede5f4]{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;padding-left:28px;font-size:14px;display:flex;position:relative}.checkbox-container input[data-v-99ede5f4],.card-checkbox input[data-v-99ede5f4]{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.checkmark[data-v-99ede5f4]{background-color:#eee;border:1px solid #ddd;border-radius:4px;width:18px;height:18px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.checkbox-container:hover input~.checkmark[data-v-99ede5f4],.card-checkbox:hover input~.checkmark[data-v-99ede5f4]{background-color:#ccc}.checkbox-container input:checked~.checkmark[data-v-99ede5f4],.card-checkbox input:checked~.checkmark[data-v-99ede5f4]{background-color:#3498db;border-color:#3498db}.checkmark[data-v-99ede5f4]:after{content:"";display:none;position:absolute}.checkbox-container input:checked~.checkmark[data-v-99ede5f4]:after,.card-checkbox input:checked~.checkmark[data-v-99ede5f4]:after{display:block}.checkbox-container .checkmark[data-v-99ede5f4]:after,.card-checkbox .checkmark[data-v-99ede5f4]:after{border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;top:2px;left:6px;transform:rotate(45deg)}.bottom-action-bar[data-v-99ede5f4]{z-index:1000;background:#fff;border:1px solid #eee;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:16px 32px;display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000026}.selection-status[data-v-99ede5f4]{color:#666;font-size:14px}.action-buttons[data-v-99ede5f4]{gap:12px;display:flex}.action-btn[data-v-99ede5f4]{color:#fff;cursor:pointer;background:#2c3e50;border-radius:8px;align-items:center;gap:8px;padding:10px 24px;font-weight:600;transition:all .2s;display:flex}.action-btn[data-v-99ede5f4]:hover{background:#34495e;transform:translateY(-2px)}.action-btn.secondary[data-v-99ede5f4]{color:#333;background:#fff;border:1px solid #ddd}.action-btn.secondary[data-v-99ede5f4]:hover{background:#f9f9f9}.modal-overlay[data-v-99ede5f4]{z-index:2000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal[data-v-99ede5f4]{background:#fff;border-radius:16px;width:90%;max-width:400px;overflow:hidden;box-shadow:0 20px 40px #0003}.modal-header[data-v-99ede5f4]{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:20px;display:flex}.date-count[data-v-99ede5f4]{color:#999;font-size:12px}.modal-body[data-v-99ede5f4]{max-height:400px;padding:10px 20px;overflow-y:auto}.date-item[data-v-99ede5f4]{border-bottom:1px solid #f9f9f9;padding:12px 0}.date-info[data-v-99ede5f4]{justify-content:space-between;width:300px;display:flex}.word-count[data-v-99ede5f4]{color:#999;font-size:12px}.modal-footer[data-v-99ede5f4]{border-top:1px solid #f0f0f0;justify-content:flex-end;gap:12px;padding:16px 20px;display:flex}.btn-cancel[data-v-99ede5f4],.btn-confirm[data-v-99ede5f4]{cursor:pointer;border-radius:8px;padding:8px 20px;font-weight:600}.btn-cancel[data-v-99ede5f4]{color:#666;background:0 0}.btn-confirm[data-v-99ede5f4]{color:#fff;background:#2c3e50}.empty-state[data-v-99ede5f4],.loading-state[data-v-99ede5f4]{text-align:center;color:#999;padding:100px 0}.empty-state p[data-v-99ede5f4]:first-child{margin-bottom:16px;font-size:48px}.new-words-page[data-v-bf457940]{background:#f8f9fa;min-height:100vh;padding-bottom:60px}.hero-section[data-v-bf457940]{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;height:260px;margin-bottom:-40px;display:flex}.hero-content h1[data-v-bf457940]{margin-bottom:10px;font-size:42px}.control-panel[data-v-bf457940]{z-index:10;background:#fff;border-radius:20px;max-width:1200px;margin:0 auto 30px;padding:24px;position:relative;box-shadow:0 10px 30px #0000000d}.filter-row[data-v-bf457940]{justify-content:space-between;align-items:center;display:flex}.status-filters[data-v-bf457940]{gap:24px;display:flex}.checkbox-item[data-v-bf457940]{cursor:pointer;color:#4b5563;align-items:center;gap:10px;font-weight:600;display:flex}.checkbox-item input[data-v-bf457940]{accent-color:#667eea;width:20px;height:20px}.action-buttons[data-v-bf457940]{gap:12px;display:flex}.action-btn[data-v-bf457940]{color:#fff;cursor:pointer;background:#1f2937;border:none;border-radius:12px;padding:10px 24px;font-weight:600;transition:all .2s}.action-btn[data-v-bf457940]:hover:not(:disabled){opacity:.9;transform:translateY(-2px)}.vocabulary-grid[data-v-bf457940]{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;max-width:1200px;margin:0 auto;padding:0 20px;display:grid}.vocab-card[data-v-bf457940]{background:#fff;border:1px solid #eee;border-radius:18px;padding:24px;transition:all .3s;position:relative}.vocab-card[data-v-bf457940]:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001a}.status-unknown[data-v-bf457940]{background:#fef2f2;border-left:6px solid #ef4444}.status-fuzzy[data-v-bf457940]{background:#fffbeb;border-left:6px solid #f59e0b}.card-header[data-v-bf457940]{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.card-word[data-v-bf457940]{margin:0;font-size:24px;font-weight:800}.speaker-btn[data-v-bf457940]{cursor:pointer;background:0 0;border:none;font-size:18px}.card-type[data-v-bf457940]{background:#0000000d;border-radius:10px;padding:4px 10px;font-size:12px}.card-phrase[data-v-bf457940],.card-example[data-v-bf457940]{background:#ffffff80;border-radius:12px;margin-bottom:12px;padding:12px}.card-footer[data-v-bf457940]{justify-content:flex-end;margin-top:20px;display:flex}.status-actions[data-v-bf457940]{align-items:center;gap:8px;display:flex}.status-action-btn[data-v-bf457940]{cursor:pointer;background:#fff;border:1px solid #eee;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700}.status-action-btn[data-v-bf457940]:hover{color:#fff;background:#10b981;border-color:#10b981}.card-icon-btn[data-v-bf457940]{cursor:pointer;color:#6b7280;background:0 0;border:none;padding:6px}.pagination[data-v-bf457940]{justify-content:center;gap:10px;margin-top:40px;display:flex}.page-num[data-v-bf457940]{cursor:pointer;background:#fff;border:1px solid #eee;border-radius:10px;width:40px;height:40px;font-weight:700}.page-num.active[data-v-bf457940]{color:#fff;background:#667eea;border-color:#667eea}.empty-state[data-v-bf457940]{text-align:center;color:#9ca3af;grid-column:1/-1;padding:80px 0}.empty-state p[data-v-bf457940]:first-child{font-size:64px}.note-modal-overlay[data-v-bf457940]{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.note-modal-container[data-v-bf457940]{background:#fff;border-radius:24px;width:600px;max-width:95vw;overflow:hidden}.note-modal-header[data-v-bf457940]{border-bottom:1px solid #eee;justify-content:space-between;padding:20px;display:flex}.note-tabs[data-v-bf457940]{border-bottom:1px solid #eee;gap:10px;padding:10px 20px;display:flex}.note-tab-btn[data-v-bf457940]{cursor:pointer;border:none;border-radius:999px;padding:8px 16px}.note-tab-btn.active[data-v-bf457940]{color:#fff;background:#667eea}.note-content-area[data-v-bf457940]{height:400px;padding:20px;overflow-y:auto}.note-textarea[data-v-bf457940]{border:1px solid #eee;border-radius:12px;outline:none;width:100%;height:200px;padding:12px}.my-note-footer[data-v-bf457940]{justify-content:space-between;align-items:center;margin-top:15px;display:flex}.save-note-btn[data-v-bf457940]{color:#fff;cursor:pointer;background:#1f2937;border:none;border-radius:10px;padding:10px 24px}.public-note-item[data-v-bf457940]{border-bottom:1px solid #f3f4f6;padding:15px 0}.note-user-info[data-v-bf457940]{color:#9ca3af;justify-content:space-between;margin-bottom:5px;font-size:12px;display:flex}.calendar-page[data-v-fe2161d0]{background:#f6f7fb;min-height:100vh;padding:110px 20px 60px}.calendar-shell[data-v-fe2161d0]{flex-direction:column;gap:30px;max-width:1400px;margin:0 auto;display:flex}.top-row[data-v-fe2161d0]{grid-template-columns:1.4fr .9fr;gap:24px;display:grid}.left-panel[data-v-fe2161d0],.right-panel[data-v-fe2161d0]{background:#fffffff2;border:1px solid #fff;border-radius:24px;padding:24px;box-shadow:0 15px 35px #0000000f}.date-header[data-v-fe2161d0]{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.date-title[data-v-fe2161d0]{color:#111827;flex:1;min-width:200px;font-size:26px;font-weight:900;line-height:1.3}.today-btn[data-v-fe2161d0]{color:#fff;cursor:pointer;white-space:nowrap;background:#111827;border:none;border-radius:10px;padding:8px 16px;font-weight:700}.count-row[data-v-fe2161d0]{color:#6b7280;margin-top:12px;font-size:15px;font-weight:700}.filters[data-v-fe2161d0]{background:#f9fafb;border-radius:16px;gap:20px;margin-top:20px;padding:16px;display:flex}.check[data-v-fe2161d0]{cursor:pointer;align-items:center;gap:10px;font-weight:700;display:inline-flex}.check input[data-v-fe2161d0]{accent-color:#111827;width:18px;height:18px}.tool-row[data-v-fe2161d0]{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.tool-btn[data-v-fe2161d0]{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:12px;padding:10px 20px;font-weight:700;transition:all .2s}.tool-btn[data-v-fe2161d0]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #00000026}.tool-btn[data-v-fe2161d0]:disabled{opacity:.5;cursor:not-allowed}.export-panel[data-v-fe2161d0]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;margin-top:24px;padding:20px}.export-title[data-v-fe2161d0]{color:#1e293b;margin-bottom:16px;font-size:16px;font-weight:800}.export-switch[data-v-fe2161d0]{cursor:pointer;color:#64748b;align-items:center;gap:8px;margin-bottom:16px;font-weight:700;display:inline-flex}.export-switch input[data-v-fe2161d0]{accent-color:#111827;width:16px;height:16px}.export-layout-row[data-v-fe2161d0]{flex-wrap:wrap;gap:10px;display:flex}.export-layout-btn[data-v-fe2161d0]{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:8px 14px;font-size:13px;font-weight:700;transition:all .2s}.export-layout-btn.active[data-v-fe2161d0]{color:#fff;background:#111827;border-color:#111827}.export-layout-btn.primary[data-v-fe2161d0]{color:#fff;background:#f97316;border-color:#f97316;margin-left:auto}.export-layout-btn.primary[data-v-fe2161d0]:disabled{opacity:.6;background:#cbd5e1;border-color:#cbd5e1}.export-preview-container[data-v-fe2161d0]{z-index:-1;position:fixed;top:-9999px;left:-9999px}.export-target[data-v-fe2161d0]{background:#fff;width:1000px;padding:60px;font-family:sans-serif}.export-target .export-header[data-v-fe2161d0]{text-align:center;border-bottom:3px solid #111827;margin-bottom:40px;padding-bottom:20px}.export-target .export-title[data-v-fe2161d0]{color:#111827;margin:0;font-size:36px}.export-target .export-subtitle[data-v-fe2161d0]{color:#64748b;margin-top:10px;font-size:18px;font-weight:600}.export-grid[data-v-fe2161d0]{gap:20px;display:grid}.export-target.portrait2 .export-grid[data-v-fe2161d0]{grid-template-columns:repeat(2,1fr)}.export-target.landscape3 .export-grid[data-v-fe2161d0]{grid-template-columns:repeat(3,1fr)}.export-item[data-v-fe2161d0]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.export-word-row[data-v-fe2161d0]{align-items:baseline;gap:8px;display:flex}.export-word[data-v-fe2161d0]{color:#111827;font-size:22px;font-weight:900}.export-pos[data-v-fe2161d0]{color:#94a3b8;font-size:14px;font-weight:700}.export-meaning[data-v-fe2161d0]{color:#334155;margin-top:8px;font-size:15px;font-weight:600}.export-footer[data-v-fe2161d0]{text-align:center;color:#94a3b8;margin-top:50px;font-size:14px;font-weight:600}.bottom-row[data-v-fe2161d0]{background:#fff;border-radius:24px;padding:30px;box-shadow:0 10px 30px #0000000a}.section-title[data-v-fe2161d0]{color:#111827;margin-bottom:24px;font-size:22px;font-weight:800}.cards[data-v-fe2161d0]{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;display:grid}.card[data-v-fe2161d0]{background:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:24px;transition:all .3s;position:relative}.card[data-v-fe2161d0]:hover{transform:translateY(-5px);box-shadow:0 12px 25px #00000014}.card.unknown[data-v-fe2161d0]{background:#fff1f2;border-left:6px solid #f43f5e}.card.fuzzy[data-v-fe2161d0]{background:#fffbeb;border-left:6px solid #f59e0b}.word-row[data-v-fe2161d0]{align-items:center;gap:12px;display:flex}.word[data-v-fe2161d0]{font-size:24px;font-weight:900}.pos[data-v-fe2161d0]{background:#0000000d;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:700}.speak[data-v-fe2161d0]{cursor:pointer;background:0 0;border:none;font-size:18px}.meaning[data-v-fe2161d0]{color:#334155;margin-top:12px;font-size:16px;font-weight:600}.example[data-v-fe2161d0]{background:#ffffff80;border-radius:12px;margin-top:12px;padding:12px;font-size:14px}.ex-row[data-v-fe2161d0]{justify-content:space-between;gap:10px;font-style:italic;display:flex}.ex-tr[data-v-fe2161d0]{color:#64748b;margin-top:6px}.card-footer[data-v-fe2161d0]{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.status-actions[data-v-fe2161d0]{gap:8px;display:flex}.mark[data-v-fe2161d0]{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700}.mark[data-v-fe2161d0]:hover{color:#fff;background:#111827;border-color:#111827}.icon-btn[data-v-fe2161d0]{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:6px;transition:all .2s}.icon-btn[data-v-fe2161d0]:hover{color:#111827;background:#f1f5f9}.month-header[data-v-fe2161d0]{justify-content:space-between;align-items:center;padding-bottom:20px;display:flex}.month-title[data-v-fe2161d0]{font-size:22px;font-weight:900}.nav[data-v-fe2161d0]{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:40px;height:40px;font-size:20px;font-weight:900}.week-row[data-v-fe2161d0]{grid-template-columns:repeat(7,1fr);gap:10px;margin-bottom:10px;display:grid}.week[data-v-fe2161d0]{text-align:center;color:#94a3b8;font-size:14px;font-weight:800}.calendar-grid[data-v-fe2161d0]{grid-template-columns:repeat(7,1fr);gap:10px;display:grid}.cell[data-v-fe2161d0]{cursor:pointer;background:#f8fafc;border:2px solid #0000;border-radius:16px;justify-content:center;align-items:center;height:64px;display:flex;position:relative}.cell.blank[data-v-fe2161d0]{cursor:default;background:0 0}.cell.hasCount[data-v-fe2161d0]{background:#fef2f2}.cell.selected[data-v-fe2161d0]{background:#fff;border-color:#111827}.cell.today[data-v-fe2161d0]{border-color:#f43f5e}.day-num[data-v-fe2161d0]{color:#334155;font-size:18px;font-weight:900}.badge[data-v-fe2161d0]{color:#fff;background:#f43f5e;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:900;display:flex;position:absolute;top:-5px;right:-5px}.legend[data-v-fe2161d0]{color:#64748b;align-items:center;gap:12px;margin-top:20px;font-size:13px;font-weight:700;display:flex}.dot[data-v-fe2161d0]{background:#f43f5e;border-radius:50%;width:10px;height:10px}.today-dot[data-v-fe2161d0]{background:0 0;border:2px solid #f43f5e}.pager[data-v-fe2161d0]{justify-content:center;align-items:center;gap:20px;margin-top:30px;display:flex}.pbtn[data-v-fe2161d0]{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:8px 20px;font-weight:700}.pinfo[data-v-fe2161d0]{color:#475569;font-weight:800}.card-mode-overlay[data-v-fe2161d0]{z-index:2000;background:#fff7f0;flex-direction:column;padding:24px;display:flex;position:fixed;inset:0}.card-mode-header[data-v-fe2161d0]{align-items:center;gap:20px;width:100%;max-width:900px;margin:0 auto;display:flex}.back-btn[data-v-fe2161d0]{cursor:pointer;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.card-progress-container[data-v-fe2161d0]{flex:1}.progress-info[data-v-fe2161d0]{justify-content:space-between;margin-bottom:8px;font-weight:800;display:flex}.progress-bar-bg[data-v-fe2161d0]{background:#0000000d;border-radius:10px;height:10px;overflow:hidden}.progress-bar-fill[data-v-fe2161d0]{background:#111827;height:100%;transition:width .3s}.card-container[data-v-fe2161d0]{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.flip-card[data-v-fe2161d0]{perspective:1000px;cursor:pointer;width:min(600px,90vw);height:450px}.flip-card-inner[data-v-fe2161d0]{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s;position:relative}.flip-card.flipped .flip-card-inner[data-v-fe2161d0]{transform:rotateY(180deg)}.flip-card-front[data-v-fe2161d0],.flip-card-back[data-v-fe2161d0]{backface-visibility:hidden;background:#fff;border-radius:24px;justify-content:center;align-items:center;padding:40px;display:flex;position:absolute;inset:0;box-shadow:0 25px 50px #0000001a}.flip-card-back[data-v-fe2161d0]{transform:rotateY(180deg)}.card-content[data-v-fe2161d0]{text-align:center;flex-direction:column;align-items:center;gap:20px;display:flex}.word-text[data-v-fe2161d0]{margin:0;font-size:64px;font-weight:900}.card-actions-row[data-v-fe2161d0]{justify-content:center;gap:20px;padding-bottom:40px;display:flex}.mark-btn[data-v-fe2161d0]{cursor:pointer;border:none;border-radius:28px;width:120px;height:56px;font-size:16px;font-weight:900;box-shadow:0 10px 20px #0000001a}.mark-btn.known[data-v-fe2161d0]{color:#166534;background:#dcfce7}.mark-btn.fuzzy[data-v-fe2161d0]{color:#92400e;background:#fef3c7}.mark-btn.unknown[data-v-fe2161d0]{color:#991b1b;background:#fee2e2}.note-modal-overlay[data-v-fe2161d0]{z-index:3000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;justify-content:center;align-items:flex-start;padding-top:60px;display:flex;position:fixed;inset:0}.note-modal-container[data-v-fe2161d0]{background:#fff;border-radius:24px;flex-direction:column;width:min(800px,95vw);display:flex;overflow:hidden}.note-modal-header[data-v-fe2161d0]{border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:24px;display:flex}.note-tabs[data-v-fe2161d0]{border-bottom:1px solid #f1f5f9;gap:12px;padding:12px 24px;display:flex}.note-tab-btn[data-v-fe2161d0]{cursor:pointer;background:#f1f5f9;border:none;border-radius:20px;padding:8px 20px;font-weight:700}.note-tab-btn.active[data-v-fe2161d0]{color:#fff;background:#111827}.note-content-area[data-v-fe2161d0]{max-height:400px;padding:24px;overflow-y:auto}.note-textarea[data-v-fe2161d0]{resize:none;border:1px solid #e2e8f0;border-radius:16px;outline:none;width:100%;height:200px;padding:16px;font-size:16px}.my-note-footer[data-v-fe2161d0]{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.save-note-btn[data-v-fe2161d0]{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:12px;padding:10px 24px;font-weight:800}@media (max-width:1024px){.top-row[data-v-fe2161d0]{grid-template-columns:1fr}}:root{color:#1a1a1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-bg-primary:#f8f9fa;--color-bg-secondary:#fff;--color-bg-tertiary:#f1f3f5;--color-text-primary:#1a1a1a;--color-text-secondary:#6c757d;--color-text-tertiary:#adb5bd;--color-border:#e9ecef;--color-accent:#4f46e5;--color-accent-hover:#4338ca;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 10px 30px #0000001f;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;background-color:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-weight:400;line-height:1.6}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg-primary);min-height:100vh;margin:0;transition:background-color .3s}a{color:inherit;text-decoration:none}button{border:none;outline:none;font-family:inherit}#app{min-height:100vh}.layout{max-width:1280px;margin:0 auto;padding:20px;position:relative}.topbar{border-radius:var(--radius-xl);box-shadow:none;z-index:10;background:0 0;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:16px 28px;display:flex;position:relative}.brand{align-items:center;gap:12px;display:flex}.brand-logo{object-fit:contain;width:36px;height:36px}.brand .title{color:var(--color-text-primary);letter-spacing:-.02em;font-size:20px;font-weight:700}.nav{flex:1;justify-content:center;gap:8px;display:flex}.nav-link{border-radius:var(--radius-md);color:var(--color-text-secondary);padding:10px 18px;font-size:15px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.nav-link:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.nav-link.active{background:var(--color-accent);color:#fff;box-shadow:0 2px 8px #4f46e54d}.nav-link.login-link{background:var(--color-accent);color:#fff;margin-left:8px}.nav-link.login-link:hover{background:var(--color-accent-hover);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #4f46e566}.nav-link.login-link.active{background:var(--color-accent-hover);box-shadow:0 2px 8px #4f46e566}.user-nav{align-items:center;display:inline-flex;position:relative}.user-trigger{cursor:pointer}.user-caret{opacity:.9;margin-left:6px;font-size:12px}.user-menu{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:160px;box-shadow:var(--shadow-lg);z-index:1000;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden}.user-menu-item{text-align:left;width:100%;color:var(--color-text-primary);cursor:pointer;background:0 0;padding:10px 12px;font-size:14px}.user-menu-item:hover{background:var(--color-bg-tertiary)}.user-menu-item.danger{color:#ef4444}.header-actions{align-items:center;gap:10px;display:flex}.theme-toggle{background:var(--color-bg-tertiary);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;transition:all .2s;display:flex}.theme-toggle:hover{background:var(--color-border);transform:scale(1.05)}.lang-switch{background:var(--color-bg-tertiary);border-radius:var(--radius-md);gap:6px;padding:4px;display:flex}.lang-btn{color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:0 0;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s}.lang-btn:hover{color:var(--color-text-primary)}.lang-btn.active{background:var(--color-bg-secondary);color:var(--color-accent);box-shadow:var(--shadow-sm)}.content{margin-top:0}.footer{text-align:center;border-top:1px solid var(--color-border);margin-top:60px;padding:24px 0}.footer-text{color:var(--color-text-tertiary);margin:0;font-size:14px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px 22px;box-shadow:0 6px 24px #0f172a0d}.section-title{margin:0 0 10px;font-size:20px;font-weight:700}.muted{color:#6b7280}.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg-primary:#0f0f0f;--color-bg-secondary:#1a1a1a;--color-bg-tertiary:#262626;--color-text-primary:#f5f5f5;--color-text-secondary:#a3a3a3;--color-text-tertiary:#737373;--color-border:#2a2a2a;--color-accent:#6366f1;--color-accent-hover:#818cf8;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 10px 30px #00000080}.dark body{background:var(--color-bg-primary)}.dark .topbar{box-shadow:none;background:0 0}.dark .nav-link.active{box-shadow:0 2px 8px #6366f166}.dark .theme-toggle{background:var(--color-bg-tertiary)}.dark .theme-toggle:hover{background:var(--color-border)}.dark .lang-switch{background:var(--color-bg-tertiary)}.dark .lang-btn.active{background:var(--color-bg-secondary);color:var(--color-accent)}@media (max-width:768px){.layout{padding:16px}.topbar{flex-direction:column;gap:16px;padding:16px}.nav{flex-wrap:wrap;justify-content:flex-start;width:100%}.nav-link{padding:8px 14px;font-size:14px}.brand .title{font-size:18px}}