@import"https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap";:root{--color-brand-primary: #DAB1DA88;--color-brand-secondary: #4e3379;--color-brand-secondary-hover: #6b4d99;--color-brand-neutral: #fffbf2;--font-sans: "Noto Sans", sans-serif}body{font-family:var(--font-sans)}.nav-link-active{color:var(--color-brand-secondary);font-weight:600;text-decoration:underline;text-underline-offset:6px}.back-button-link:hover{color:#111;text-decoration:underline}.breadcrumb-link:hover{color:var(--color-brand-secondary);text-decoration:underline}.nav-link:hover{color:var(--color-brand-secondary)}.nav-signup-link:hover{background-color:var(--color-brand-secondary-hover)}.nav-avatar-button:hover{opacity:.9}.input-focus:focus{outline:none;border-color:var(--color-brand-secondary);box-shadow:0 0 0 1px var(--color-brand-secondary)}.btn-primary:hover:not(:disabled){background-color:var(--color-brand-secondary-hover)}.btn-google:hover:not(:disabled){background-color:#e8dcff66}.link-brand-hover:hover{color:var(--color-brand-secondary-hover)}.link-signup-hover:hover{background-color:var(--color-brand-secondary-hover)}.link-login-hover:hover{background-color:var(--color-brand-neutral);border-color:var(--color-brand-primary)}@media(min-width:640px){.onboarding-grade-grid{grid-template-columns:repeat(7,1fr)}}.onboarding-tile-hover:hover{border-color:var(--color-brand-primary);background-color:var(--color-brand-primary)}.btn-icon-hover:hover:not(:disabled){background-color:#f3f4f6;color:#374151}.btn-delete-hover:hover:not(:disabled){color:#dc2626}.btn-preview-lesson:hover{background-color:#e8dcff66}.btn-material:hover:not(:disabled){border-color:var(--color-brand-primary);background-color:var(--color-brand-primary);color:var(--color-brand-secondary)}@keyframes pulse{50%{opacity:.5}}.animate-pulse-css{animation:pulse 1.5s ease-in-out infinite}.btn-danger-outline:hover{background-color:#dc2626;color:#fff;border-color:#dc2626}.btn-danger:hover:not(:disabled){background-color:#b91c1c}@media(min-width:1024px){.lesson-settings-sidebar{width:256px}}.container-flex-responsive{display:flex;flex-direction:column;gap:32px}@media(min-width:1024px){.container-flex-responsive{flex-direction:row}}body{font-family:var(--font-family-base)}