:root{--blue-100: #eef0ff;--blue-500: #6c7cf6;--blue-600: #5a6ae8;--purple-50: #faf8fc;--purple-200: rgba(126, 90, 203, .16);--purple-400: #7c5ac9;--purple-500: #7050b7;--purple-600: #6546a8;--purple-700: #5f468f;--purple-800: #4d397f;--purple-900: #3c3156;--purple-950: #2f2842;--gray-50: #faf8fc;--gray-100: #f7f8fc;--gray-200: #f1f5f9;--gray-300: #e5e7eb;--gray-500: #6b7280;--gray-700: #4b5563;--gray-900: #1f2937;--gold-500: #ffd700;--gold-500-rgb: 255, 215, 0;--green-500: #0e6e3a;--green-600: #28a745;--green-700: #218838;--red-500: #dc3545;--red-600: #c82333;--red-700: #b42318;--orange-500: #fd7e14;--orange-600: #e8590c;--teal-500: #17a2b8;--teal-600: #138496;--overlay-light-08: rgba(255, 255, 255, .08);--overlay-light-12: rgba(255, 255, 255, .12);--overlay-light-15: rgba(255, 255, 255, .15);--overlay-light-16: rgba(255, 255, 255, .16);--color-primary-100: var(--blue-100);--color-primary-500: var(--blue-500);--color-primary-600: var(--blue-600);--color-primary-rgb: 108, 124, 246;--color-text: var(--gray-900);--color-text-secondary: var(--gray-700);--color-text-muted: var(--gray-500);--color-surface: #ffffff;--color-surface-alt: var(--gray-100);--color-surface-elevated: var(--purple-50);--color-border: var(--gray-300);--color-border-light: var(--gray-200);--color-accent: var(--purple-600);--color-accent-hover: var(--purple-500);--color-accent-subtle: rgba(126, 90, 203, .06);--color-accent-muted: var(--purple-200);--color-accent-text: var(--purple-950);--color-accent-text-secondary: var(--purple-900);--color-accent-text-muted: var(--purple-700);--color-accent-focus-ring: rgba(112, 80, 183, .45);--color-success: var(--green-500);--color-success-hover: var(--green-600);--color-success-dark: var(--green-700);--color-danger: var(--red-500);--color-danger-hover: var(--red-600);--color-danger-dark: var(--red-700);--color-warning: var(--orange-500);--color-warning-hover: var(--orange-600);--color-info: var(--teal-500);--color-info-hover: var(--teal-600);--color-focus-ring: var(--blue-100);--shadow-sm: 0 1px 2px rgba(31, 41, 55, .06);--shadow-md: 0 4px 12px rgba(31, 41, 55, .1);--shadow-lg: 0 8px 20px rgba(34, 26, 54, .12);--card-bg: var(--color-surface-elevated);--card-text: var(--color-accent-text);--card-shadow: 0 6px 14px rgba(41, 29, 66, .1);--card-border: rgba(56, 44, 84, .14);--card-image-shadow: 0 6px 16px rgba(40, 29, 65, .2);--radius-xs: 6px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 18px;--radius-full: 999px;--gap-xs: .4rem;--gap-sm: .5rem;--gap-md: .75rem;--gap-lg: 1rem;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 48px;--bg-page: var(--color-surface-alt);--bg-card: var(--color-surface);--primary: var(--color-primary-500);--primary-dark: var(--color-primary-600);--primary-rgb: var(--color-primary-rgb);--accent: var(--color-accent);--accent-hover: var(--color-accent-hover);--accent-dark: var(--color-accent-hover);--ink: var(--color-text);--ink-muted: var(--color-text-muted);--ink-dark: var(--color-text);--panel-bg: var(--color-surface);--panel-border: var(--color-border-light);--panel-shadow: var(--shadow-sm);--panel-shadow-mobile: var(--shadow-sm);--shadow-card: var(--shadow-sm);--progress-track: var(--gray-200);--progress-fill: var(--color-primary-500);--text-secondary: var(--color-text-secondary);--text-panel-muted: var(--color-text-muted);--border-input: var(--color-border);--success: var(--color-success);--error: var(--color-danger-dark);--link-light: var(--color-primary-500);--link-light-hover: var(--color-primary-600)}.toast-container[data-v-ada07247]{position:fixed;top:calc(env(safe-area-inset-top) + 1rem);right:1rem;z-index:9999;pointer-events:none}.toast-stack[data-v-ada07247]{display:flex;flex-direction:column;gap:var(--gap-sm)}.toast-item[data-v-ada07247]{display:flex;align-items:flex-start;gap:var(--gap-sm);width:320px;background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-info);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:.75rem 1rem;color:var(--color-text);pointer-events:all}.toast-item--success[data-v-ada07247]{border-left-color:var(--color-success)}.toast-item--error[data-v-ada07247]{border-left-color:var(--color-danger)}.toast-message[data-v-ada07247]{flex:1;font-size:.875rem;line-height:1.4}.toast-close[data-v-ada07247]{flex:0 0 auto;background:none;border:none;cursor:pointer;color:var(--color-text-muted);font-size:1.25rem;line-height:1;padding:0}.toast-close[data-v-ada07247]:hover{color:var(--color-text)}.toast-enter-active[data-v-ada07247],.toast-leave-active[data-v-ada07247]{transition:opacity .25s ease,transform .25s ease}.toast-enter-from[data-v-ada07247],.toast-leave-to[data-v-ada07247]{opacity:0;transform:translate(1rem)}@media(max-width:480px){.toast-item[data-v-ada07247]{width:calc(100vw - 2rem)}}html{scrollbar-gutter:stable}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-page);color:var(--gray-900);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.hero-gradient{display:none}.serif-text{font-style:normal;font-weight:700}.app-shell .text-muted,.anki-panel .text-muted{color:var(--gray-500)}.form-control,.form-select,.form-control-sm,.form-select-sm{background-color:var(--bg-card);border:1px solid var(--gray-300);border-radius:var(--radius-md);color:var(--gray-900)}.form-control::placeholder{color:var(--gray-500)}.form-select{--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")}.form-control:focus,.form-select:focus,.form-control-sm:focus,.form-select-sm:focus{background-color:var(--bg-card);border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100);color:var(--gray-900)}.form-control:disabled,.form-select:disabled{background-color:var(--gray-100)}.btn-primary{background-color:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff;font-weight:600;border-radius:var(--radius-md);transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.btn-primary:hover,.btn-primary:focus{background-color:var(--color-primary-600);border-color:var(--color-primary-600);color:#fff}.btn-primary:focus{box-shadow:0 0 0 3px var(--color-primary-100)}.btn-outline-primary{border-color:var(--color-primary-500);color:var(--color-primary-500);border-radius:var(--radius-md);background:transparent}.btn-outline-primary:disabled,.btn-outline-primary.disabled{border-color:var(--gray-300);color:var(--gray-500);background:transparent;opacity:1}.btn-outline-primary:hover,.btn-outline-primary:focus{border-color:var(--color-primary-500);background:var(--color-primary-100);color:var(--gray-900)}.btn-outline-primary:focus{box-shadow:0 0 0 3px var(--color-primary-100)}.btn-outline-secondary{border:1px solid var(--gray-300);color:var(--gray-700);background:var(--bg-card);height:38px;padding:.375rem 1rem;border-radius:var(--radius-md)}.btn-outline-secondary:hover,.btn-outline-secondary:focus{background-color:var(--gray-100);border-color:var(--gray-500);color:var(--gray-900)}.btn-outline-secondary:focus{box-shadow:0 0 0 3px var(--color-primary-100)}.shadow-soft{box-shadow:var(--panel-shadow)}.anki-panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-lg);color:var(--gray-900)}.status{min-height:1.2rem;font-size:.9rem}.status.success{color:var(--success)}.status.error{color:var(--error)}@media(max-width:768px){.anki-panel{background:transparent;border:0;border-radius:0}.anki-panel.shadow-soft{box-shadow:none}.anki-panel>.card-body{padding:0 var(--space-2) var(--space-2)}.status{font-size:.85rem}.app-page-header{margin-bottom:.75rem;gap:.5rem}.app-page-header .brand-mark{width:28px;height:28px}.app-page-header .text-uppercase{display:none}.app-page-header .display-5,.app-page-header .display-6{font-size:1.15rem;line-height:1.2}.app-section-header,.app-page-header-main,.app-page-header-simple{display:none}}