:root{--color-bg:#0f1117;--color-surface:#1a1d27;--color-surface-2:#22263a;--color-border:#2e3350;--color-text:#e8eaf6;--color-text-muted:#8b90b8;--color-primary:#6c8eff;--color-primary-hover:#8aa4ff;--color-success:#4caf7d;--color-warning:#f0b429;--color-danger:#e05c5c;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--font-family:"Inter", system-ui, sans-serif;--font-size-xs:11px;--font-size-sm:13px;--font-size-base:15px;--font-size-lg:18px;--font-size-xl:22px;--font-size-2xl:28px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--line-height-tight:1.3;--line-height-base:1.6;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 12px #00000080;--transition-fast:.15s ease;--transition-normal:.25s ease;--sidebar-width:220px;--card-flip-height:280px;--color-overlay:#0009;--z-index-dropdown:10;--z-index-overlay:19;--z-index-sidebar:20;--z-index-modal:100;--z-index-floating:200}[data-theme=light]{--color-bg:#f5f6fa;--color-surface:#fff;--color-surface-2:#e8eaf0;--color-border:#d0d3e0;--color-text:#1a1d27;--color-text-muted:#5a6080;--color-primary:#4a6ee0;--color-primary-hover:#3558c8;--color-overlay:#00000059;--shadow-sm:0 1px 3px #0000001f;--shadow-md:0 4px 12px #00000026}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--color-bg);height:100%;color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-base);-webkit-font-smoothing:antialiased}#app{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);background-color:var(--color-surface);border-right:1px solid var(--color-border);flex-shrink:0;height:100%;overflow-y:auto}.app-main{flex:1;height:100%;overflow-y:auto}.has-dropdown-arrow{position:relative}.has-dropdown-arrow:after{content:"";right:var(--space-3);pointer-events:none;background-color:currentColor;width:8px;height:5px;position:absolute;-webkit-mask-image:url(/icons/chevron-down.svg);mask-image:url(/icons/chevron-down.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media (width<=768px){#app{overflow:visible}.app-main{width:100%;padding-top:var(--space-8);padding-bottom:env(safe-area-inset-bottom,0)}}.modal-overlay[data-v-fad64ff7]{z-index:var(--z-index-modal);background-color:var(--color-overlay);padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal[data-v-fad64ff7]{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-md)}.modal__header[data-v-fad64ff7]{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal__title[data-v-fad64ff7]{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.modal__close[data-v-fad64ff7]{color:var(--color-text-muted);font-size:var(--font-size-base);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:color var(--transition-fast);background:0 0;border:none}.modal__close[data-v-fad64ff7]:hover{color:var(--color-text)}.modal__body[data-v-fad64ff7]{gap:var(--space-4);padding:var(--space-5);flex-direction:column;display:flex}.modal__label[data-v-fad64ff7]{gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);flex-direction:column;display:flex}.modal__input[data-v-fad64ff7]{padding:var(--space-3);background-color:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-base);transition:border-color var(--transition-fast);outline:none}.modal__input[data-v-fad64ff7]:focus{border-color:var(--color-primary)}.modal__input[data-v-fad64ff7]:disabled{opacity:.5}.modal__error[data-v-fad64ff7]{font-size:var(--font-size-sm);color:var(--color-danger);background-color:color-mix(in srgb, var(--color-danger) 10%, transparent);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}.modal__footer[data-v-fad64ff7]{justify-content:flex-end;gap:var(--space-3);display:flex}.deck-item[data-v-a879a413]{align-items:center;display:flex;position:relative}.deck-item:hover .deck-item__actions-btn[data-v-a879a413]{opacity:1;pointer-events:auto}.deck-item__link[data-v-a879a413]{align-items:center;gap:var(--space-2);padding:var(--space-2) calc(var(--space-2) + 28px) var(--space-2) var(--space-4);font-size:var(--font-size-sm);color:var(--color-text);transition:background-color var(--transition-fast);flex:1;text-decoration:none;display:flex}.deck-item__link[data-v-a879a413]:hover{background-color:var(--color-surface-2)}.deck-item__link.router-link-exact-active[data-v-a879a413]{background-color:var(--color-surface-2);color:var(--color-primary)}.deck-item__actions-btn[data-v-a879a413]{right:var(--space-2);opacity:0;pointer-events:none;color:var(--color-text-muted);font-size:var(--font-size-base);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:color var(--transition-fast), background-color var(--transition-fast), opacity var(--transition-fast);background:0 0;border:none;line-height:1;position:absolute}.deck-item__actions-btn[data-v-a879a413]:hover{color:var(--color-text);background-color:var(--color-surface-2)}.deck-item__menu[data-v-a879a413]{top:100%;right:var(--space-2);z-index:var(--z-index-dropdown);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:120px;padding:var(--space-1) 0;flex-direction:column;display:flex;position:absolute}.deck-item__menu-item[data-v-a879a413]{text-align:left;width:100%;padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;transition:background-color var(--transition-fast);background:0 0;border:none;display:block}.deck-item__menu-item[data-v-a879a413]:hover{background-color:var(--color-surface-2)}.deck-item__menu-item--danger[data-v-a879a413]{color:var(--color-danger)}.modal-overlay[data-v-3608bd06]{z-index:var(--z-index-modal);background-color:var(--color-overlay);padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal[data-v-3608bd06]{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:400px;box-shadow:var(--shadow-md)}.modal__header[data-v-3608bd06]{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal__title[data-v-3608bd06]{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.modal__close[data-v-3608bd06]{color:var(--color-text-muted);font-size:var(--font-size-base);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:color var(--transition-fast);background:0 0;border:none}.modal__close[data-v-3608bd06]:hover{color:var(--color-text)}.modal__body[data-v-3608bd06]{gap:var(--space-4);padding:var(--space-5);flex-direction:column;display:flex}.modal__label[data-v-3608bd06]{gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);flex-direction:column;display:flex}.modal__input[data-v-3608bd06]{padding:var(--space-3);background-color:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-base);transition:border-color var(--transition-fast);outline:none}.modal__input[data-v-3608bd06]:focus{border-color:var(--color-primary)}.modal__footer[data-v-3608bd06]{justify-content:flex-end;gap:var(--space-3);display:flex}.search-input[data-v-e132dba0]{padding:var(--space-2) var(--space-3);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-sm);transition:border-color var(--transition-fast);outline:none}.search-input[data-v-e132dba0]:focus{border-color:var(--color-primary)}.tags-input[data-v-67e46adb]{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background-color:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:text;min-height:38px;transition:border-color var(--transition-fast);flex-wrap:wrap;display:flex;position:relative}.tags-input[data-v-67e46adb]:focus-within{border-color:var(--color-primary)}.tags-input__chip[data-v-67e46adb]{align-items:center;gap:var(--space-1);padding:1px var(--space-2);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-text);display:inline-flex}.tags-input__remove[data-v-67e46adb]{color:var(--color-text-muted);font-size:var(--font-size-xs);cursor:pointer;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;padding:0 2px;line-height:1;display:flex}.tags-input__remove[data-v-67e46adb]:hover{color:var(--color-danger);background-color:color-mix(in srgb, var(--color-danger) 12%, transparent)}.tags-input__field[data-v-67e46adb]{min-width:80px;color:var(--color-text);font-size:var(--font-size-sm);background:0 0;border:none;outline:none;flex:1}.tags-input__field[data-v-67e46adb]::placeholder{color:var(--color-text-muted)}.tags-input__field[data-v-67e46adb]:disabled{opacity:.5}.tags-input__dropdown[data-v-67e46adb]{z-index:var(--z-index-floating);padding:var(--space-1) 0;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);max-height:240px;margin:0;list-style:none;position:fixed;overflow:hidden auto}.tags-input__suggestion[data-v-67e46adb]{padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer}.tags-input__suggestion[data-v-67e46adb]:hover,.tags-input__suggestion--active[data-v-67e46adb]{background-color:var(--color-surface-2);color:var(--color-primary)}.modal-overlay[data-v-bf037c54]{z-index:calc(var(--z-index-modal) + 1);background-color:var(--color-overlay);padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal[data-v-bf037c54]{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:480px;box-shadow:var(--shadow-md);max-height:90vh;overflow-y:auto}.modal__header[data-v-bf037c54]{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal__title[data-v-bf037c54]{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.modal__close[data-v-bf037c54]{color:var(--color-text-muted);font-size:var(--font-size-base);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:color var(--transition-fast);background:0 0;border:none}.modal__close[data-v-bf037c54]:hover{color:var(--color-text)}.modal__body[data-v-bf037c54]{gap:var(--space-4);padding:var(--space-5);flex-direction:column;display:flex}.modal__label[data-v-bf037c54]{gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);flex-direction:column;display:flex}.modal__hint[data-v-bf037c54]{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--color-text-muted);opacity:.7}.modal__input[data-v-bf037c54]{padding:var(--space-3);background-color:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--font-size-base);transition:border-color var(--transition-fast);outline:none}.modal__input[data-v-bf037c54]:focus{border-color:var(--color-primary)}.modal__input[data-v-bf037c54]:disabled{opacity:.5}.modal__input--textarea[data-v-bf037c54]{resize:vertical;font-family:inherit;line-height:var(--line-height-base)}.modal__error[data-v-bf037c54]{font-size:var(--font-size-sm);color:var(--color-danger);background-color:color-mix(in srgb, var(--color-danger) 10%, transparent);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3)}.modal__footer[data-v-bf037c54]{justify-content:flex-end;gap:var(--space-3);display:flex}.card-action-menu[data-v-dd7ccdf4]{position:relative}.card-action-menu__dropdown[data-v-dd7ccdf4]{z-index:var(--z-index-floating);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:170px;padding:var(--space-1);box-shadow:var(--shadow-md);flex-direction:column;display:flex}.card-action-menu__item[data-v-dd7ccdf4]{text-align:left;width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;transition:background-color var(--transition-fast);background:0 0;border:none}.card-action-menu__item[data-v-dd7ccdf4]:hover:not(:disabled){background-color:var(--color-surface-2)}.card-action-menu__item[data-v-dd7ccdf4]:disabled{opacity:.4;cursor:not-allowed}.card-action-menu__item--secondary[data-v-dd7ccdf4]{color:var(--color-text-muted)}.card-action-menu__item--danger[data-v-dd7ccdf4]{color:var(--color-danger)}.card-action-menu__item--danger[data-v-dd7ccdf4]:hover:not(:disabled){background-color:color-mix(in srgb, var(--color-danger) 10%, transparent)}.card-action-menu__divider[data-v-dd7ccdf4]{margin:var(--space-1) 0;border:none;border-top:1px solid var(--color-border)}.card-action-menu__confirm-text[data-v-dd7ccdf4]{font-size:var(--font-size-xs);color:var(--color-text-muted);padding:var(--space-2) var(--space-3) var(--space-1)}.card-action-menu__confirm-actions[data-v-dd7ccdf4]{gap:var(--space-1);display:flex}.modal-overlay[data-v-b06203de]{z-index:var(--z-index-modal);background-color:var(--color-overlay);padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.card-detail[data-v-b06203de]{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:540px;box-shadow:var(--shadow-md);flex-direction:column;max-height:90vh;display:flex;overflow-y:auto}.card-detail__header[data-v-b06203de]{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);background-color:var(--color-surface);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.card-detail__word[data-v-b06203de]{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.card-detail__close[data-v-b06203de]{color:var(--color-text-muted);font-size:var(--font-size-base);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:color var(--transition-fast);background:0 0;border:none}.card-detail__close[data-v-b06203de]:hover{color:var(--color-text)}.card-detail__body[data-v-b06203de]{padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.card-detail__audio[data-v-b06203de]{display:flex}.card-detail__transcription[data-v-b06203de]{font-size:var(--font-size-base);color:var(--color-text-muted);font-style:italic}.card-detail__section-title[data-v-b06203de]{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.card-detail__meanings[data-v-b06203de],.card-detail__list[data-v-b06203de]{padding-left:var(--space-4);font-size:var(--font-size-sm);line-height:var(--line-height-base);margin:0}.card-detail__meanings li+li[data-v-b06203de],.card-detail__list li+li[data-v-b06203de]{margin-top:var(--space-1)}.card-detail__text[data-v-b06203de]{font-size:var(--font-size-sm);line-height:var(--line-height-base)}.card-detail__ai-example[data-v-b06203de]{font-size:var(--font-size-sm);color:var(--color-text-muted);font-style:italic;line-height:var(--line-height-base)}.card-detail__footer[data-v-b06203de]{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);align-items:center;gap:var(--space-3);display:flex}.card-detail__tags[data-v-b06203de]{gap:var(--space-1);flex-wrap:wrap;display:flex}.card-detail__tag[data-v-b06203de]{font-size:var(--font-size-xs);color:var(--color-text-muted);background-color:var(--color-surface-2);padding:1px var(--space-2);border-radius:var(--radius-full)}.card-detail__meta[data-v-b06203de]{gap:var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-muted);display:flex}.card-detail__footer-actions[data-v-b06203de]{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}nav[data-v-567a7434]{flex-direction:column;min-height:100%;display:flex}.sidebar__footer[data-v-567a7434]{border-top:1px solid var(--color-border);padding-top:var(--space-2);padding-bottom:var(--space-2);margin-top:auto}.sidebar__search[data-v-567a7434]{padding:var(--space-3) var(--space-3) var(--space-2);position:relative}.sidebar__search-results[data-v-567a7434]{top:100%;left:var(--space-3);right:var(--space-3);z-index:var(--z-index-dropdown);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-height:280px;list-style:none;position:absolute;overflow-y:auto}.sidebar__search-result[data-v-567a7434]{text-align:left;width:100%;padding:var(--space-2) var(--space-3);cursor:pointer;transition:background-color var(--transition-fast);background:0 0;border:none;flex-direction:column;gap:2px;display:flex}.sidebar__search-result[data-v-567a7434]:hover{background-color:var(--color-surface-2)}.sidebar__search-result-word[data-v-567a7434]{font-size:var(--font-size-sm);color:var(--color-text)}.sidebar__search-result-deck[data-v-567a7434]{font-size:var(--font-size-xs);color:var(--color-text-muted)}.sidebar__section[data-v-567a7434]{margin-top:var(--space-4)}.sidebar__section-header[data-v-567a7434]{padding-right:var(--space-2);justify-content:space-between;align-items:center;display:flex}.sidebar__section-title[data-v-567a7434]{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.sidebar__add-btn[data-v-567a7434]{color:var(--color-text-muted);font-size:var(--font-size-base);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:color var(--transition-fast), background-color var(--transition-fast);background:0 0;border:none;line-height:1}.sidebar__add-btn[data-v-567a7434]:hover{color:var(--color-text);background-color:var(--color-surface-2)}.sidebar__cta[data-v-567a7434]{text-align:left;width:100%;padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);color:var(--color-primary);cursor:pointer;transition:background-color var(--transition-fast);background:0 0;border:none;display:block}.sidebar__cta[data-v-567a7434]:hover{background-color:var(--color-surface-2)}.sidebar__list[data-v-567a7434]{list-style:none}.sidebar__nav-item[data-v-567a7434]{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);color:var(--color-text);transition:background-color var(--transition-fast);text-decoration:none;display:flex}.sidebar__nav-item[data-v-567a7434]:hover{background-color:var(--color-surface-2)}.sidebar__nav-item.router-link-exact-active[data-v-567a7434]{background-color:var(--color-surface-2);color:var(--color-primary)}.sidebar__count[data-v-567a7434]{font-size:var(--font-size-xs);color:var(--color-text-muted);background-color:var(--color-surface-2);padding:1px var(--space-2);border-radius:var(--radius-full);text-align:center;min-width:18px;margin-left:auto}.sidebar__empty[data-v-567a7434]{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-muted);font-style:italic}.sidebar__offline-banner[data-v-567a7434]{margin:auto var(--space-3) var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-muted);background-color:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-align:center}.sidebar__error[data-v-567a7434]{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs);color:var(--color-danger)}.sidebar__delete-confirm[data-v-567a7434]{gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs);color:var(--color-text-muted);flex-direction:column;display:flex}.sidebar__delete-confirm-actions[data-v-567a7434]{gap:var(--space-2);display:flex}@media (width<=768px){nav[data-v-567a7434]{height:100%;z-index:var(--z-index-sidebar);transition:transform var(--transition-normal);box-shadow:var(--shadow-md);position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}nav.sidebar--mobile-open[data-v-567a7434]{transform:translate(0)}.sidebar__nav-item[data-v-567a7434]{min-height:44px}.sidebar__add-btn[data-v-567a7434]{min-width:44px;min-height:44px}}.app-burger[data-v-1a18f0d6]{display:none}@media (width<=768px){.app-burger[data-v-1a18f0d6]{justify-content:center;align-items:center;gap:var(--space-1);top:max(var(--space-3), env(safe-area-inset-top,0px));left:max(var(--space-3), env(safe-area-inset-left,0px));z-index:var(--z-index-sidebar);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;width:44px;height:44px;padding:0;display:flex;position:fixed}}.app-burger__bar[data-v-1a18f0d6]{background:var(--color-text);border-radius:var(--radius-full);width:18px;height:2px;display:block}.app-backdrop[data-v-1a18f0d6]{background:var(--color-overlay);z-index:var(--z-index-overlay);position:fixed;inset:0}