.book-completion-checklist[data-v-073db40a]{background:linear-gradient(135deg,#f5f0ff,#ede7ff);border:1px solid #d9c9ff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);gap:var(--spacing-md);margin:var(--spacing-sm) auto;padding:var(--spacing-md);text-align:center;width:96%}.book-completion-checklist[data-v-073db40a],.checklist-content[data-v-073db40a]{align-items:center;display:flex;flex-direction:column}.checklist-content[data-v-073db40a]{gap:var(--spacing-xs);width:100%}.checklist-title[data-v-073db40a]{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-weight-bold);margin:0}.checklist-progress[data-v-073db40a]{color:var(--text-secondary);font-size:var(--text-xs);margin:0}.checklist-warning[data-v-073db40a]{align-items:center;color:#8c57ff;display:flex;font-size:var(--text-xs);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);margin-top:var(--spacing-xs);text-align:center}.checklist-warning i[data-v-073db40a]{flex-shrink:0;font-size:1rem}.checklist-success[data-v-073db40a]{align-items:center;color:var(--success);display:flex;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.checklist-success i[data-v-073db40a]{font-size:1rem}.book-completion-checklist[data-v-073db40a]:not(.completed){animation:checklistPulse-073db40a 3s ease-in-out infinite}@keyframes checklistPulse-073db40a{0%,to{box-shadow:var(--shadow-sm)}50%{box-shadow:0 4px 12px #8c57ff33}}.app-sidebar[data-v-325e6290]{background:var(--surface);border-right:1px solid var(--gray-200);display:flex;flex-direction:column;flex-shrink:0;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:var(--sidebar-width);z-index:var(--z-sidebar)}.sidebar-brand[data-v-325e6290]{border-bottom:1px solid var(--gray-200);flex-shrink:0;padding:var(--spacing-sm) var(--spacing-md)}.brand-link[data-v-325e6290]{align-items:center;display:flex;justify-content:center;text-decoration:none;transition:opacity var(--transition-base)}.brand-link[data-v-325e6290]:hover{opacity:.9}.sidebar-logo[data-v-325e6290]{height:auto;max-height:2.25rem;max-width:100%;-o-object-fit:contain;object-fit:contain;width:auto}.sidebar-header[data-v-325e6290]{border-bottom:1px solid var(--gray-200);padding:var(--spacing-lg)}.sidebar-title[data-v-325e6290]{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--text-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-sm);letter-spacing:.05em;text-transform:uppercase}.sidebar-title i[data-v-325e6290]{color:var(--primary);font-size:var(--text-base)}.books-section[data-v-325e6290]{border-top:1px solid var(--gray-200);flex:0 0 auto;padding:var(--spacing-sm) var(--spacing-md)}.section-label[data-v-325e6290]{color:var(--text-secondary);font-size:.625rem;font-weight:var(--font-weight-semibold);letter-spacing:.05em;margin-bottom:var(--spacing-xs);text-transform:uppercase}.books-dropdown[data-v-325e6290]{position:relative}.books-selector[data-v-325e6290]{align-items:center;background:var(--surface);border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-base);width:100%}.books-selector[data-v-325e6290]:hover{background:var(--gray-50);border-color:var(--primary)}.book-theme-dot[data-v-325e6290]{border-radius:var(--border-radius);box-shadow:var(--shadow-sm);flex-shrink:0;height:.75rem;width:.75rem}.book-selector-text[data-v-325e6290]{flex:1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.books-selector .mdi-chevron-down[data-v-325e6290]{color:var(--text-secondary);flex-shrink:0;font-size:1.25rem;transform:rotate(180deg);transition:transform .2s ease}.books-dropdown.open .books-selector .mdi-chevron-down[data-v-325e6290]{transform:rotate(0)}.dropdown-menu.books-menu[data-v-325e6290]{background:var(--surface);border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;left:0;margin-top:var(--spacing-xs);max-height:400px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.books-list[data-v-325e6290]{max-height:300px;overflow-y:auto}.book-item[data-v-325e6290]{align-items:center;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:background var(--transition-base)}.book-item[data-v-325e6290]:last-child{border-bottom:none}.book-item[data-v-325e6290]:hover{background:var(--gray-50)}.book-item.active[data-v-325e6290]{background:#58cc021a;border-left:3px solid var(--primary)}.book-item-main[data-v-325e6290]{align-items:center;cursor:pointer;display:flex;flex:1;gap:var(--spacing-sm)}.book-cover-small[data-v-325e6290]{background:var(--gray-200);border-radius:var(--border-radius);flex-shrink:0;height:2rem;overflow:hidden;width:2rem}.book-cover-theme[data-v-325e6290]{align-items:center;color:#fff;display:flex;height:100%;justify-content:center;width:100%}.book-cover-theme i[data-v-325e6290]{font-size:var(--text-sm)}.book-info[data-v-325e6290]{flex:1;min-width:0}.book-info h4[data-v-325e6290]{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);line-height:1.3;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.book-info p[data-v-325e6290]{color:var(--text-secondary);font-size:var(--text-xs);margin:0}.book-actions[data-v-325e6290]{flex-shrink:0;position:relative}.book-options-trigger[data-v-325e6290]{align-items:center;background:transparent;border:none;border-radius:var(--border-radius);color:var(--text-secondary);cursor:pointer;display:flex;height:1.5rem;justify-content:center;transition:all var(--transition-base);width:1.5rem}.book-options-trigger[data-v-325e6290]:hover{background:var(--gray-100);color:var(--text-primary)}.book-options-menu[data-v-325e6290]{background:var(--surface);border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);margin-top:var(--spacing-xs);min-width:9rem;overflow:hidden;position:absolute;right:0;top:100%;z-index:calc(var(--z-dropdown) + 2)}.book-option-item[data-v-325e6290]{align-items:center;background:transparent;border:none;border-bottom:1px solid var(--gray-100);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--text-sm);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:background-color var(--transition-base);width:100%}.book-option-item[data-v-325e6290]:last-child{border-bottom:none}.book-option-item[data-v-325e6290]:hover{background:var(--gray-50)}.book-option-item.book-delete-item[data-v-325e6290]{color:var(--error)}.book-option-item.book-delete-item[data-v-325e6290]:hover{background:#ff4b4b14}.book-option-item i[data-v-325e6290]{flex-shrink:0;font-size:var(--icon-sm)}.dropdown-footer[data-v-325e6290]{background:var(--gray-50);border-top:1px solid var(--gray-200);padding:var(--spacing-sm) var(--spacing-md)}.dropdown-footer .btn[data-v-325e6290]{justify-content:center;width:100%}.sidebar-nav[data-v-325e6290]{flex:0 0 auto;padding:var(--spacing-sm) 0}.sidebar-nav .section-label[data-v-325e6290]{margin-bottom:var(--spacing-xs);padding:0 var(--spacing-md)}.nav-list[data-v-325e6290]{display:flex;flex-direction:column;gap:2px;list-style:none;margin:0;padding:0}.nav-item[data-v-325e6290]{margin-bottom:0}.nav-link[data-v-325e6290]{align-items:center;border-radius:0 var(--border-radius-md) var(--border-radius-md) 0;color:var(--text-secondary);display:flex;font-size:var(--text-sm);font-weight:var(--font-weight-medium);gap:var(--spacing-xs);margin-right:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);position:relative;text-decoration:none;transition:all var(--transition-base)}.nav-link[data-v-325e6290]:hover{background:var(--gray-100);color:var(--text-primary)}.nav-link.active[data-v-325e6290]{background:var(--primary-focus);color:var(--primary)}.nav-link.active .nav-indicator[data-v-325e6290]{opacity:1}.nav-icon[data-v-325e6290]{flex-shrink:0;font-size:1.125rem}.nav-label[data-v-325e6290]{flex:1}.nav-indicator[data-v-325e6290]{background:var(--primary);border-radius:0 var(--border-radius) var(--border-radius) 0;height:2rem;left:0;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity var(--transition-base);width:.25rem}.sidebar-progress[data-v-325e6290]{border-bottom:1px solid var(--gray-200);border-top:1px solid var(--gray-200);padding:var(--spacing-lg)}.progress-header[data-v-325e6290]{margin-bottom:var(--spacing-md)}.progress-title[data-v-325e6290]{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-weight-bold);margin:0}.progress-item[data-v-325e6290]{margin-bottom:var(--spacing-lg)}.progress-info[data-v-325e6290]{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.progress-label[data-v-325e6290]{color:var(--text-secondary);font-size:var(--text-xs)}.progress-value[data-v-325e6290]{color:var(--primary);font-size:var(--text-xs);font-weight:var(--font-weight-medium)}.progress-bar[data-v-325e6290]{background:var(--gray-200);height:.5rem;overflow:hidden}.progress-bar[data-v-325e6290],.progress-fill[data-v-325e6290]{border-radius:var(--border-radius-full)}.progress-fill[data-v-325e6290]{background:linear-gradient(90deg,var(--primary),var(--secondary));height:100%;transition:width .5s ease}.streak-info[data-v-325e6290]{align-items:center;background:var(--accent-focus);border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm)}.streak-icon[data-v-325e6290]{font-size:var(--icon-md)}.streak-details[data-v-325e6290]{align-items:baseline;display:flex;gap:var(--spacing-xs)}.streak-number[data-v-325e6290]{color:var(--accent);font-size:var(--text-lg);font-weight:var(--font-weight-bold)}.streak-label[data-v-325e6290]{color:var(--text-secondary);font-size:var(--text-xs)}.sidebar-footer[data-v-325e6290]{border-top:1px solid var(--gray-200);padding:var(--spacing-lg)}.user-preview[data-v-325e6290]{align-items:center;border-radius:var(--border-radius-md);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);transition:background-color var(--transition-base)}.user-preview[data-v-325e6290]:hover{background:var(--gray-100)}.user-avatar[data-v-325e6290]{align-items:center;background:var(--gray-200);border-radius:var(--border-radius-full);display:flex;flex-shrink:0;height:2rem;justify-content:center;overflow:hidden;width:2rem}.user-avatar img[data-v-325e6290]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.user-avatar i[data-v-325e6290]{color:var(--text-secondary);font-size:var(--icon-lg)}.user-info[data-v-325e6290]{flex:1;min-width:0}.user-name[data-v-325e6290]{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-status[data-v-325e6290]{color:var(--text-secondary);font-size:var(--text-xs)}.app-sidebar[data-v-325e6290]::-webkit-scrollbar{width:.5rem}.app-sidebar[data-v-325e6290]::-webkit-scrollbar-track{background:var(--gray-100)}.app-sidebar[data-v-325e6290]::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:var(--border-radius-full)}.app-sidebar[data-v-325e6290]::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.modal-overlay[data-v-325e6290]{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-lg);position:fixed;right:0;top:0;z-index:var(--z-modal)}.modal-content[data-v-325e6290]{background:var(--surface);border-radius:var(--border-radius-xl);box-shadow:var(--modal-shadow);display:flex;flex-direction:column;max-height:90vh;max-width:28rem;overflow:hidden;width:100%}.modal-md[data-v-325e6290]{max-width:32rem}.modal-header[data-v-325e6290]{align-items:center;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:var(--spacing-xl)}.modal-header h2[data-v-325e6290],.modal-header h3[data-v-325e6290]{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-weight-bold);margin:0}.btn-close[data-v-325e6290]{align-items:center;background:transparent;border:none;border-radius:var(--border-radius);color:var(--text-secondary);cursor:pointer;display:flex;height:2rem;justify-content:center;transition:all var(--transition-base);width:2rem}.btn-close[data-v-325e6290]:hover{background:var(--gray-100);color:var(--text-primary)}.modal-body[data-v-325e6290]{flex:1;overflow-y:auto;padding:var(--spacing-xl)}.form-group[data-v-325e6290]{margin-bottom:var(--spacing-lg)}.form-group label[data-v-325e6290]{display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm)}.form-control[data-v-325e6290],.form-group label[data-v-325e6290]{color:var(--text-primary);font-size:var(--text-sm)}.form-control[data-v-325e6290]{background:var(--surface);border:1px solid var(--gray-300);border-radius:var(--border-radius);box-sizing:border-box;padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-base);width:100%}.form-control[data-v-325e6290]:focus{border-color:var(--primary);box-shadow:0 0 0 3px #58cc021a;outline:none}.form-control[data-v-325e6290]::-moz-placeholder{color:var(--text-secondary)}.form-control[data-v-325e6290]::placeholder{color:var(--text-secondary)}.input-footer[data-v-325e6290]{align-items:center;display:flex;justify-content:space-between;margin-top:var(--spacing-xs)}.input-error-message[data-v-325e6290]{color:var(--error);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin:0}.input-error[data-v-325e6290]{background-color:#ff4b4b0d!important;border-color:var(--error)!important}.modal-actions[data-v-325e6290]{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-top:var(--spacing-xl)}.warning-box[data-v-325e6290]{background:#ff4b4b0d;border:1px solid rgba(255,75,75,.2);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.warning-box ul[data-v-325e6290]{margin:var(--spacing-sm) 0 0 var(--spacing-lg);padding:0}.warning-box li[data-v-325e6290]{color:var(--text-primary);margin-bottom:var(--spacing-xs)}.confirmation-step[data-v-325e6290],.final-confirmation[data-v-325e6290]{margin-top:var(--spacing-lg)}.text-error[data-v-325e6290]{color:var(--error)!important}.text-sm[data-v-325e6290]{font-size:var(--text-sm)}.delete-modal-actions[data-v-325e6290]{margin-bottom:var(--spacing-xl);margin-right:var(--spacing-xl);padding-bottom:var(--spacing-lg);padding-right:var(--spacing-lg)}@media (max-width:48rem){.app-sidebar[data-v-325e6290]{display:none}}.app-aside[data-v-9b5f0fc1]{background:var(--surface);border-left:1px solid var(--gray-200);display:flex;flex-direction:column;gap:var(--spacing-xl);height:calc(100vh - var(--header-height));overflow-y:auto;padding:var(--spacing-lg);position:sticky;top:var(--header-height);width:var(--aside-width)}.aside-section[data-v-9b5f0fc1]{background:var(--background);border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);padding:var(--spacing-lg)}.aside-title[data-v-9b5f0fc1]{align-items:center;color:var(--text-primary);display:flex;font-size:var(--text-lg);font-weight:var(--font-weight-bold);gap:var(--spacing-xs);margin:0 0 var(--spacing-md) 0}.aside-text[data-v-9b5f0fc1]{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5;margin:0}.story-tips[data-v-9b5f0fc1]{display:flex;flex-direction:column;gap:var(--spacing-md)}.tip-item[data-v-9b5f0fc1]{background:var(--surface);border:1px solid var(--gray-200);border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm)}.tip-icon[data-v-9b5f0fc1]{flex-shrink:0;font-size:var(--text-lg)}.tip-content[data-v-9b5f0fc1]{flex:1}.tip-title[data-v-9b5f0fc1]{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-xs) 0}.tip-text[data-v-9b5f0fc1]{color:var(--text-secondary);font-size:var(--text-xs);line-height:1.4;margin:0}.progress-summary[data-v-9b5f0fc1]{display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr);margin-bottom:var(--spacing-lg)}.stat-item[data-v-9b5f0fc1]{background:var(--surface);border:1px solid var(--gray-200);border-radius:var(--border-radius-md);padding:var(--spacing-sm);text-align:center}.stat-value[data-v-9b5f0fc1]{color:var(--primary);font-size:var(--text-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.stat-label[data-v-9b5f0fc1]{color:var(--text-secondary);font-size:var(--text-xs)}.progress-chart[data-v-9b5f0fc1]{margin-bottom:var(--spacing-lg)}.chart-item[data-v-9b5f0fc1]{align-items:center;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.chart-label[data-v-9b5f0fc1]{color:var(--text-secondary);font-size:var(--text-sm);min-width:5rem}.chart-bar[data-v-9b5f0fc1]{background:var(--gray-200);flex:1;height:.5rem;overflow:hidden}.chart-bar[data-v-9b5f0fc1],.chart-fill[data-v-9b5f0fc1]{border-radius:var(--border-radius-full)}.chart-fill[data-v-9b5f0fc1]{background:linear-gradient(90deg,var(--primary),var(--secondary));height:100%;transition:width var(--transition-base)}.chart-value[data-v-9b5f0fc1]{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);min-width:3rem;text-align:right}.weekly-goal[data-v-9b5f0fc1]{text-align:center}.goal-circle[data-v-9b5f0fc1]{display:inline-block;margin-bottom:var(--spacing-md);position:relative}.goal-progress[data-v-9b5f0fc1]{transform:rotate(-90deg)}.goal-bg[data-v-9b5f0fc1]{fill:none;stroke:var(--gray-200);stroke-width:4}.goal-fill[data-v-9b5f0fc1]{fill:none;stroke:var(--primary);stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .5s ease}.goal-text[data-v-9b5f0fc1]{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.goal-current[data-v-9b5f0fc1]{color:var(--primary);font-size:var(--text-lg);font-weight:var(--font-weight-bold)}.goal-label[data-v-9b5f0fc1],.goal-target[data-v-9b5f0fc1]{color:var(--text-secondary);font-size:var(--text-sm)}.goal-label[data-v-9b5f0fc1]{margin:0}.streak-info[data-v-9b5f0fc1]{text-align:center}.streak-count[data-v-9b5f0fc1]{color:var(--accent);font-size:var(--text-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.streak-label[data-v-9b5f0fc1]{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--spacing-md)}.streak-calendar[data-v-9b5f0fc1]{display:flex;gap:var(--spacing-xs);justify-content:center}.day-dot[data-v-9b5f0fc1]{background:var(--gray-200);border-radius:var(--border-radius-full);height:1rem;transition:all var(--transition-base);width:1rem}.day-dot.active[data-v-9b5f0fc1]{background:var(--primary)}.day-dot.today[data-v-9b5f0fc1]{border:2px solid var(--accent)}.related-stories[data-v-9b5f0fc1]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.story-quick-link[data-v-9b5f0fc1]{align-items:center;background:var(--surface);border:1px solid var(--gray-200);border-radius:var(--border-radius-md);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);transition:all var(--transition-base)}.story-quick-link[data-v-9b5f0fc1]:hover{background:var(--gray-50);border-color:var(--primary)}.story-icon[data-v-9b5f0fc1]{color:var(--text-secondary);font-size:var(--icon-sm)}.story-info[data-v-9b5f0fc1]{flex:1}.story-title[data-v-9b5f0fc1]{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.story-meta[data-v-9b5f0fc1]{color:var(--text-secondary);font-size:var(--text-xs)}.book-stats[data-v-9b5f0fc1]{display:flex;flex-direction:column;gap:var(--spacing-md)}.stat-card[data-v-9b5f0fc1]{background:var(--surface);border:1px solid var(--gray-200);border-radius:var(--border-radius-md);padding:var(--spacing-md);text-align:center}.stat-number[data-v-9b5f0fc1]{color:var(--primary);font-size:var(--text-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.stat-description[data-v-9b5f0fc1]{color:var(--text-secondary);font-size:var(--text-xs)}.customization-options[data-v-9b5f0fc1]{display:flex;flex-direction:column;gap:var(--spacing-lg)}.option-group[data-v-9b5f0fc1]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.option-label[data-v-9b5f0fc1]{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.color-picker[data-v-9b5f0fc1]{display:grid;gap:var(--spacing-xs);grid-template-columns:repeat(4,1fr)}.color-option[data-v-9b5f0fc1]{border:2px solid transparent;border-radius:var(--border-radius-md);cursor:pointer;height:2rem;transition:all var(--transition-base);width:2rem}.color-option[data-v-9b5f0fc1]:hover{transform:scale(1.1)}.color-option.selected[data-v-9b5f0fc1]{border-color:var(--text-primary);box-shadow:var(--shadow-md)}.font-select[data-v-9b5f0fc1]{background:var(--surface);border:1px solid var(--gray-300);border-radius:var(--border-radius-md);color:var(--text-primary);font-size:var(--text-sm);padding:var(--spacing-sm)}.media-stats[data-v-9b5f0fc1]{flex-direction:column}.media-stat[data-v-9b5f0fc1],.media-stats[data-v-9b5f0fc1]{display:flex;gap:var(--spacing-sm)}.media-stat[data-v-9b5f0fc1]{align-items:center;color:var(--text-secondary);font-size:var(--text-sm)}.filter-group[data-v-9b5f0fc1]{display:flex;flex-direction:column;gap:var(--spacing-sm)}.filter-group label[data-v-9b5f0fc1]{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.filter-buttons[data-v-9b5f0fc1]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.filter-btn[data-v-9b5f0fc1]{align-items:center;background:transparent;border:1px solid var(--gray-300);border-radius:var(--border-radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-sm);gap:var(--spacing-sm);padding:var(--spacing-sm);transition:all var(--transition-base)}.filter-btn[data-v-9b5f0fc1]:hover{background:var(--gray-100)}.filter-btn.active[data-v-9b5f0fc1]{background:var(--primary);border-color:var(--primary);color:#fff}.app-aside[data-v-9b5f0fc1]::-webkit-scrollbar{width:.5rem}.app-aside[data-v-9b5f0fc1]::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--border-radius-full)}.app-aside[data-v-9b5f0fc1]::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:var(--border-radius-full)}.app-aside[data-v-9b5f0fc1]::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.bottom-nav[data-v-23322e02]{align-items:center;background:var(--surface);border-top:1px solid var(--gray-200);bottom:0;box-shadow:0 -.125rem .5rem #0000001a;display:flex;height:var(--bottom-nav-height);justify-content:center;left:0;padding:0 var(--spacing-md);position:fixed;right:0;z-index:var(--z-fixed)}.bottom-nav-content[data-v-23322e02]{align-items:center;display:flex;justify-content:space-around;max-width:100%;width:100%}.bottom-nav-item[data-v-23322e02]{align-items:center;border-radius:var(--border-radius-md);color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;min-height:var(--touch-target-min);min-width:var(--touch-target-min);padding:var(--spacing-xs) var(--spacing-sm);position:relative;text-decoration:none;transition:all var(--transition-base)}.bottom-nav-item[data-v-23322e02]:hover{background:var(--gray-100);color:var(--text-primary)}.bottom-nav-item.active[data-v-23322e02]{background:var(--gray-100);color:var(--primary)}.bottom-nav-item.active .nav-item-indicator[data-v-23322e02]{opacity:0;transform:scale(0)}.bottom-nav-item.active .nav-item-icon[data-v-23322e02]{animation:bounce-23322e02 .6s ease}.nav-item-icon[data-v-23322e02]{margin-bottom:var(--spacing-xs);transition:transform var(--transition-base)}.nav-item-icon i[data-v-23322e02]{font-size:var(--icon-md)}.nav-item-label[data-v-23322e02]{font-size:var(--text-xs);font-weight:var(--font-weight-medium);line-height:1;text-align:center}.nav-item-indicator[data-v-23322e02]{background:var(--primary);border-radius:var(--border-radius-full);height:.5rem;left:50%;opacity:0;position:absolute;top:var(--spacing-xs);transform:translate(-50%) scale(0);transition:all var(--transition-base);width:.5rem}@keyframes bounce-23322e02{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-.25rem)}60%{transform:translateY(-.125rem)}}.bottom-nav[data-v-23322e02]:before{background:linear-gradient(90deg,transparent 0,var(--primary) 20%,var(--secondary) 50%,var(--accent) 80%,transparent 100%);content:"";height:1px;left:0;opacity:.3;position:absolute;right:0;top:0}@media (min-width:48rem){.bottom-nav[data-v-23322e02]{display:none}}@media (max-width:30rem){.bottom-nav[data-v-23322e02]{padding:0 var(--spacing-sm)}.nav-item-label[data-v-23322e02]{font-size:var(--text-xs)}}@supports (padding-bottom:env(safe-area-inset-bottom)){.bottom-nav[data-v-23322e02]{height:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom));padding-bottom:calc(var(--spacing-sm) + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.bottom-nav-item[data-v-23322e02],.nav-item-indicator[data-v-23322e02]{transition:none}.nav-item-icon[data-v-23322e02]{animation:none}}.bottom-nav-item[data-v-23322e02]:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.app-toast[data-v-94c1909f]{align-items:flex-start;background:var(--surface);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);bottom:var(--spacing-lg);box-shadow:var(--shadow-lg);display:flex;gap:var(--spacing-md);max-width:min(420px,calc(100vw - var(--spacing-lg)*2));padding:var(--spacing-md) var(--spacing-lg);position:fixed;right:var(--spacing-lg);z-index:calc(var(--z-modal) + 1)}.app-toast--success[data-v-94c1909f]{border-color:#51ad54}.app-toast--error[data-v-94c1909f]{border-color:#d93025}.app-toast--warning[data-v-94c1909f]{border-color:#f4b400}.app-toast--info[data-v-94c1909f]{border-color:var(--primary)}.toast-icon[data-v-94c1909f]{color:inherit;font-size:1.5rem;line-height:1}.app-toast--success .toast-icon[data-v-94c1909f]{color:#3c9e3f}.app-toast--error .toast-icon[data-v-94c1909f]{color:#d93025}.app-toast--warning .toast-icon[data-v-94c1909f]{color:#f4b400}.app-toast--info .toast-icon[data-v-94c1909f]{color:var(--primary)}.toast-content[data-v-94c1909f]{flex:1}.toast-title[data-v-94c1909f]{color:var(--text-primary);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-2xs)}.toast-message[data-v-94c1909f]{color:var(--text-secondary);line-height:1.4;margin:0}.toast-action[data-v-94c1909f]{background:none;border:none;color:var(--primary);cursor:pointer;font-weight:var(--font-weight-semibold);margin-top:var(--spacing-sm);padding:0}.toast-action[data-v-94c1909f]:hover{text-decoration:underline}.toast-close[data-v-94c1909f]{background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;line-height:1;padding:var(--spacing-2xs)}.toast-close[data-v-94c1909f]:hover{color:var(--text-secondary)}@media (max-width:600px){.app-toast[data-v-94c1909f]{bottom:var(--spacing-md);left:var(--spacing-md);max-width:calc(100vw - var(--spacing-md)*2);right:var(--spacing-md)}}.toast-slide-enter-active[data-v-94c1909f],.toast-slide-leave-active[data-v-94c1909f]{transition:all .25s ease}.toast-slide-enter-from[data-v-94c1909f],.toast-slide-leave-to[data-v-94c1909f]{opacity:0;transform:translateY(20px)}.app-layout[data-v-f6857004]{background:var(--background);display:flex;flex-direction:column;height:100vh;overflow:hidden}.layout-body[data-v-f6857004]{display:flex;flex:1;min-height:0;position:relative;z-index:1}.app-main[data-v-f6857004]{background:var(--background);display:flex;flex:1;overflow-x:hidden;overflow-y:auto;width:100%}.app-main[data-v-f6857004],.layout-mobile .layout-body[data-v-f6857004]{box-sizing:border-box;flex-direction:column}.layout-mobile .layout-body[data-v-f6857004]{height:100vh;padding-top:var(--header-height)}.layout-mobile.layout-without-bottom-nav .layout-body[data-v-f6857004]{padding-top:0}.layout-mobile .app-main[data-v-f6857004]{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.layout-mobile.layout-without-bottom-nav .app-main[data-v-f6857004]{height:100vh}.layout-desktop.layout-with-sidebar:not(.layout-with-aside) .layout-body[data-v-f6857004]{display:flex;margin-left:var(--sidebar-width);max-width:calc(100vw - var(--sidebar-width))}.layout-desktop.layout-with-sidebar.layout-with-aside .layout-body[data-v-f6857004]{display:grid;gap:0;grid-template-columns:1fr var(--aside-width);margin-left:var(--sidebar-width);max-width:calc(100vw - var(--sidebar-width))}.layout-desktop.layout-without-sidebar:not(.layout-with-aside) .layout-body[data-v-f6857004]{display:flex;justify-content:center;max-width:100vw}.layout-desktop.layout-without-sidebar.layout-with-aside .layout-body[data-v-f6857004]{display:grid;gap:0;grid-template-columns:1fr var(--aside-width);max-width:100vw}.layout-desktop .app-main[data-v-f6857004]{height:100%;max-width:100%;overflow-x:hidden;overflow-y:auto;padding:var(--spacing-lg)}@media (max-width:48rem){.layout-body[data-v-f6857004]{box-sizing:border-box;display:flex!important;flex-direction:column!important;height:100vh}.app-main[data-v-f6857004]{flex:1;overflow-y:auto}.layout-without-bottom-nav .app-main[data-v-f6857004]{flex:1}.layout-without-bottom-nav .layout-body[data-v-f6857004]{padding-top:0}}@media (max-width:30rem){.app-main[data-v-f6857004]{flex:1;overflow-y:auto}.layout-without-bottom-nav .app-main[data-v-f6857004]{flex:1}.layout-without-bottom-nav .layout-body[data-v-f6857004]{padding-top:0}}.layout-duolingo[data-v-f6857004]{--layout-transition:all var(--transition-base)}.main-with-sidebar[data-v-f6857004]{margin-left:0}.main-without-sidebar[data-v-f6857004]{margin:0 auto;max-width:var(--content-max-width);padding:0 var(--container-padding)}.main-with-aside[data-v-f6857004]{margin-right:0}.main-mobile[data-v-f6857004]{flex:1;overflow-y:auto;padding:0}.layout-without-bottom-nav .main-mobile[data-v-f6857004]{flex:1}.app-main[data-v-f6857004],.layout-body[data-v-f6857004]{transition:var(--layout-transition)}.app-layout[data-v-f6857004]{z-index:0}.loading-overlay[data-v-f6857004]{align-items:center;background:#000c;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;position:fixed;z-index:var(--z-modal)}.loading-content[data-v-f6857004]{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--modal-shadow);max-width:400px;padding:var(--spacing-2xl);text-align:center}.loading-spinner[data-v-f6857004]{animation:spin-f6857004 1s linear infinite;border-top:4px solid var(--gray-200);border:4px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary);height:60px;margin:0 auto var(--spacing-md);width:60px}@keyframes spin-f6857004{to{transform:rotate(1turn)}}