:root{--color-kid-blue:#4cc9f0;--color-kid-purple:#7209b7;--color-kid-pink:#f72585;--color-kid-yellow:#ffd60a;--color-kid-green:#06d6a0;--color-kid-bg:#f8f9fa;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1e293b;--color-slate-900:#0f172a;--color-red-50:#fef2f2;--color-red-100:#fee2e2;--color-red-200:#fecaca;--color-red-400:#f87171;--color-red-500:#ef4444;--color-red-600:#dc2626;--color-red-700:#b91c1c;--color-green-50:#f0fdf4;--color-green-100:#dcfce7;--color-green-200:#bbf7d0;--color-green-500:#22c55e;--color-green-600:#16a34a;--color-green-700:#15803d;--color-blue-50:#eff6ff;--color-blue-100:#dbeafe;--color-blue-200:#bfdbfe;--color-blue-300:#93c5fd;--color-blue-400:#60a5fa;--color-blue-500:#3b82f6;--color-blue-600:#2563eb;--color-orange-50:#fff7ed;--color-orange-100:#ffedd5;--color-orange-200:#fed7aa;--color-orange-300:#fdba74;--color-orange-400:#fb923c;--color-orange-600:#ea580c;--color-orange-700:#c2410c;--color-orange-800:#9a3412;--color-purple-50:#faf5ff;--color-purple-100:#f3e8ff;--color-purple-200:#e9d5ff;--color-purple-400:#c084fc;--color-purple-600:#9333ea;--color-pink-100:#fce7f3;--color-yellow-100:#fef9c3;--color-teal-200:#99f6e4;--color-teal-400:#2dd4bf;--color-teal-500:#14b8a6;--color-teal-600:#0d9488;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-btn-primary:0 4px 0 #1a91d1;--shadow-btn-success:0 4px 0 #047857;--shadow-btn-danger:0 4px 0 #b91c1c;--font-sans:"Lexend Variable", "Verdana", sans-serif;--font-dyslexic:"OpenDyslexic", "Comic Sans MS", "Chalkboard SE", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{tab-size:4;-webkit-text-size-adjust:100%;line-height:1.5}html,body{width:100%;height:100%;position:fixed;overflow:hidden}body{font-family:var(--font-sans);background-color:var(--color-kid-bg);color:var(--color-slate-800);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}.app-error{text-align:center;min-height:100vh;color:var(--color-slate-800);background-color:var(--color-kid-bg);place-content:center;justify-items:center;gap:1rem;padding:1.5rem;display:grid}.app-error__icon{font-size:3.5rem}#root{-webkit-overflow-scrolling:touch;height:100%;overflow-y:auto}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:inherit;color:inherit;margin:0;padding:0}button,[role=button]{cursor:pointer;-webkit-user-select:none;user-select:none}button{background:0 0;border:none}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}:focus-visible{outline:3px solid var(--color-slate-900);outline-offset:3px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-layout{min-height:100vh;font-family:var(--font-sans);background-color:var(--color-kid-bg);color:var(--color-slate-800);transition:all .15s}.data-error-banner{z-index:10000;top:max(.75rem, env(safe-area-inset-top));border:2px solid var(--color-red-400);width:min(100% - 2rem,38rem);color:var(--color-slate-900);box-shadow:var(--shadow-lg);text-align:center;background:#fff;border-radius:.75rem;padding:.75rem 1rem;font-weight:700;position:fixed;left:50%;transform:translate(-50%)}.screen-loading{z-index:50;background:color-mix(in srgb, var(--color-kid-bg) 92%, transparent);color:var(--color-slate-700);place-items:center;font-weight:700;display:grid;position:fixed;inset:0}.app-layout__bg{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.app-layout__blob{filter:blur(48px);border-radius:9999px;width:40%;height:40%;position:absolute}.app-layout__blob--top{background-color:#4cc9f01a;top:-10%;left:-10%}.app-layout__blob--bottom{background-color:#f725851a;bottom:-10%;right:-10%}.pb-safe{padding-bottom:env(safe-area-inset-bottom)}.pt-safe,.safe-area-pt{padding-top:env(safe-area-inset-top)}.safe-area-pb{padding-bottom:env(safe-area-inset-bottom)}.pl-safe{padding-left:env(safe-area-inset-left)}.pr-safe{padding-right:env(safe-area-inset-right)}.font-dyslexic{font-family:var(--font-dyslexic)}.scrollbar-thin{scrollbar-width:thin}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.scrollbar-thin::-webkit-scrollbar-thumb{background:var(--color-slate-200);border-radius:9999px}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s ease-out fade-in}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:translateY(0)}}.animate-bounce{animation:1s infinite bounce}@keyframes bounce-slow{0%,to{transform:translateY(-5%)}50%{transform:translateY(5%)}}.animate-bounce-slow{animation:3s infinite bounce-slow}@keyframes slide-down{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.animate-slide-down{animation:.3s ease-out slide-down}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.animate-ping{animation:1s cubic-bezier(0,0,.2,1) infinite ping}.theme--light{background-color:var(--color-kid-bg);color:var(--color-slate-800)}.theme--sepia{color:#5b4636;background-color:#f4ecd8}.theme--dark{background-color:var(--color-slate-900);color:var(--color-slate-200)}.theme--navy{color:var(--color-blue-100);background-color:#0a192f}.btn{cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-size:1.125rem;font-weight:900;line-height:1.25;text-decoration:none;transition:all .15s;display:flex}.btn:active{box-shadow:none;transform:scale(.95)}.btn--primary{background-color:var(--color-kid-blue);color:#fff;box-shadow:var(--shadow-btn-primary)}.btn--primary:hover{background-color:var(--color-blue-500)}.btn--success{background-color:var(--color-kid-green);color:#fff;box-shadow:var(--shadow-btn-success)}.btn--success:hover{background-color:var(--color-green-500)}.btn--danger{background-color:var(--color-red-500);color:#fff;box-shadow:var(--shadow-btn-danger)}.btn--danger:hover{background-color:var(--color-red-600)}.btn--secondary{border:2px solid var(--color-slate-200);color:var(--color-slate-500);box-shadow:var(--shadow-sm);background-color:#fff}.btn--secondary:hover{border-color:var(--color-kid-blue);color:var(--color-kid-blue);background-color:var(--color-slate-50)}.btn--ghost{color:var(--color-slate-400);background-color:#0000;border-radius:.75rem;padding:.5rem}.btn--ghost:hover{background-color:var(--color-slate-100)}.btn--icon{border-radius:1rem;justify-content:center;align-items:center;padding:.75rem;transition:all .15s;display:flex}.btn--icon:active{transform:scale(.95)}.btn--loading{opacity:.7;cursor:wait}.btn--disabled,.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.form-label{color:var(--color-slate-400);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;margin-left:.25rem;font-size:.75rem;font-weight:900;display:block}.form-label--no-margin{margin-bottom:0}.form-input{background-color:var(--color-slate-50);border:2px solid var(--color-slate-100);width:100%;color:var(--color-slate-700);border-radius:1rem;outline:none;padding:1rem;font-weight:700;transition:all .15s}.form-input::placeholder{color:var(--color-slate-400);font-weight:500}.form-input:focus{border-color:var(--color-kid-blue);background-color:#fff}.form-select-wrapper{position:relative}.form-select{background-color:var(--color-slate-50);border:2px solid var(--color-slate-100);width:100%;color:var(--color-slate-700);appearance:none;cursor:pointer;border-radius:1rem;outline:none;padding:1rem 2.5rem 1rem 1rem;font-weight:700}.form-select:focus{border-color:var(--color-kid-blue)}.form-select__arrow{color:var(--color-slate-400);pointer-events:none;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.panel{box-shadow:var(--shadow-lg);border-bottom:6px solid var(--color-slate-100);background-color:#fff;border-radius:2rem;padding:1.5rem;transition:all .15s}@media (width>=768px){.panel{padding:2rem}}.panel__header{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.panel__title{color:var(--color-slate-700);font-size:1.25rem;font-weight:900}.panel--purple{border-left:12px solid var(--color-kid-purple)}.panel--teal{border-left:12px solid var(--color-teal-400)}.panel--yellow{border-left:12px solid var(--color-kid-yellow)}.panel--pink{border-left:12px solid var(--color-kid-pink)}.panel--blue{border-left:12px solid var(--color-kid-blue)}.modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:60;background-color:#0009;justify-content:center;align-items:center;padding:1rem;animation:.3s ease-out fade-in;display:flex;position:fixed;inset:0}.modal-card{width:100%;max-width:56rem;box-shadow:var(--shadow-2xl);background-color:#fff;background-clip:padding-box;border:8px solid #ffffff80;border-radius:2.5rem;max-height:90vh;position:relative;overflow-y:auto}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.segmented-progress{flex-direction:column;gap:.25rem;min-width:0;display:flex}.segmented-progress__labels{justify-content:space-between;gap:.75rem;padding:0 .25rem;font-size:.625rem;font-weight:700;line-height:1.2;display:flex}.segmented-progress__bar{border:1px solid var(--color-slate-300);background:var(--color-slate-300);border-radius:9999px;gap:1px;height:.625rem;padding:1px;display:flex;overflow:hidden}.segmented-progress__bar--dark{background:#ffffff40;border-color:#ffffff26}.segmented-progress__bar--sepia{background:#d4c5a3a6;border-color:#d4c5a380}.segmented-progress__segment{border-radius:1px;flex:1 1 0;min-width:0;height:100%;transition:background-color .3s}.segmented-progress__segment--completed{background:var(--color-kid-green)}.segmented-progress__segment--current{background:var(--color-kid-blue)}.segmented-progress__segment--empty{background:#fff}.segmented-progress__bar--dark .segmented-progress__segment--empty{background:#ffffff14}.segmented-progress__bar--sepia .segmented-progress__segment--empty{background:#fffaebbf}@media (width>=48rem){.segmented-progress__labels{font-size:.75rem}.segmented-progress__bar{height:.75rem}}.auth{min-height:100vh;font-family:var(--font-sans);background-color:#fff;display:flex;position:relative}.auth__lang-toggle{z-index:50;-webkit-backdrop-filter:blur(4px);border:1px solid var(--color-slate-200);background-color:#ffffff80;border-radius:9999px;gap:.25rem;padding:.25rem;display:flex;position:absolute;top:1rem;right:1rem}.auth__lang-btn{min-width:2.75rem;min-height:2.75rem;color:var(--color-slate-400);border-radius:9999px;padding:.25rem .5rem;font-size:.75rem;font-weight:700;transition:all .15s}.auth__lang-btn--active{box-shadow:var(--shadow-sm);color:var(--color-slate-800);background-color:#fff}.auth__sidebar{background-color:var(--color-kid-blue);color:#fff;flex-direction:column;justify-content:space-between;padding:3rem;display:none;position:relative;overflow:hidden}@media (width>=1024px) and (height>=900px){.auth__sidebar{width:33.3333%;display:flex}}.auth__sidebar-bg{opacity:.2;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.auth__sidebar-blob{filter:blur(48px);border-radius:9999px;position:absolute}.auth__sidebar-blob--top{background-color:#fff;width:16rem;height:16rem;top:-5rem;left:-5rem}.auth__sidebar-blob--bottom{background-color:var(--color-kid-purple);width:20rem;height:20rem;bottom:5rem;right:5rem}.auth__sidebar-content{z-index:10;position:relative}.auth__logo-row{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.auth__logo-icon{-webkit-backdrop-filter:blur(12px);background-color:#fff3;border-radius:1rem;padding:.75rem}.auth__logo-icon span{font-size:1.875rem}.auth__logo-title{letter-spacing:-.025em;font-size:1.875rem;font-weight:900}.auth__welcome{margin-bottom:1rem;font-size:2.25rem;font-weight:700;line-height:1.1}.auth__subtitle{color:var(--color-blue-100);max-width:24rem;font-size:1.125rem;font-weight:500}.auth__usp-list{z-index:10;flex-direction:column;gap:1.25rem;display:flex;position:relative}.auth__usp{align-items:flex-start;gap:1rem;display:flex}.auth__usp-icon{background-color:#fff3;border-radius:.75rem;flex-shrink:0;margin-top:.25rem;padding:.75rem}.auth__usp-title{margin-bottom:.25rem;font-size:1.125rem;font-weight:700;line-height:1.1}.auth__usp-desc{color:var(--color-blue-100);opacity:.9;font-size:.875rem;line-height:1.625}.auth__footer{color:var(--color-blue-200);z-index:10;margin-top:3rem;font-size:.75rem;position:relative}.auth__form-panel{background-color:#fff;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:1.5rem;display:flex;overflow-y:auto}@media (width>=768px){.auth__form-panel{padding:3rem}}@media (width>=1024px){.auth__form-panel{padding:6rem}}.auth__form-container{width:100%;max-width:28rem}.auth__mobile-logo{text-align:center;margin-bottom:2rem;display:block}@media (width>=1024px) and (height>=900px){.auth__mobile-logo{display:none}}.auth__mobile-logo-icon{background-color:#4cc9f01a;border-radius:1.5rem;margin-bottom:1rem;padding:1rem;display:inline-block}.auth__mobile-logo-icon span{font-size:3rem}.auth__mobile-logo-title{color:var(--color-kid-blue);font-size:1.875rem;font-weight:900}.auth__form-header{margin-bottom:2rem}.auth__form-title{color:var(--color-slate-800);margin-bottom:.5rem;font-size:1.875rem;font-weight:900}.auth__form-subtitle{color:var(--color-slate-500);font-weight:500}.auth__tabs{background-color:var(--color-slate-100);border-radius:1rem;margin-bottom:2rem;padding:.375rem;display:flex}.auth__tab{color:var(--color-slate-400);border-radius:.75rem;flex:1;padding:.75rem;font-size:.875rem;font-weight:700;transition:all .15s}.auth__tab:hover{color:var(--color-slate-600)}.auth__tab--active{color:var(--color-kid-blue);box-shadow:var(--shadow-md);background-color:#fff}.auth__form{flex-direction:column;gap:1.25rem;display:flex}.auth__alert{border-radius:1rem;align-items:center;gap:.75rem;padding:1rem;font-size:.875rem;font-weight:700;animation:.3s ease-out fade-in;display:flex}.auth__alert--error{background-color:var(--color-red-50);color:var(--color-red-500);border:1px solid var(--color-red-100)}.auth__alert--success{background-color:var(--color-green-50);color:var(--color-green-600);border:1px solid var(--color-green-100)}.auth__alert-icon{flex-shrink:0}.auth__field-label{color:var(--color-slate-400);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;margin-left:.25rem;font-size:.75rem;font-weight:700;display:block}.auth__field-input{background-color:var(--color-slate-50);border:2px solid var(--color-slate-100);width:100%;color:var(--color-slate-700);border-radius:1rem;outline:none;padding:1rem;font-weight:700;transition:all .15s}.auth__field-input::placeholder{color:var(--color-slate-400);font-weight:500}.auth__field-input:focus{border-color:var(--color-kid-blue);background-color:#fff}.auth__forgot{text-align:right;margin-top:.5rem}.auth__forgot-link{min-height:2.75rem;color:var(--color-kid-blue);align-items:center;font-size:.75rem;font-weight:700;transition:color .15s;display:inline-flex}.auth__forgot-link:hover{color:var(--color-blue-600)}.auth__forgot-link:disabled{opacity:.5}.auth__submit{width:100%;margin-top:1rem}.dashboard{max-width:72rem;margin:0 auto;padding:1.5rem 1.5rem 5rem}.dashboard__pwa-prompt{border:2px solid var(--color-kid-blue);background-color:#4cc9f01a;border-radius:1.5rem;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding:1.5rem;animation:.3s ease-out fade-in;display:flex;position:relative}.dashboard__pwa-icon{background-color:var(--color-kid-blue);color:#fff;border-radius:1rem;padding:.75rem}.dashboard__pwa-content{flex:1}.dashboard__pwa-title{color:var(--color-slate-800);margin-bottom:.25rem;font-size:1.125rem;font-weight:900;line-height:1.1}.dashboard__pwa-desc{color:var(--color-slate-600);margin-bottom:.75rem;font-size:.875rem;font-weight:500}.dashboard__pwa-action{color:var(--color-kid-blue);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;display:flex}.dashboard__pwa-action-icon{border:2px solid var(--color-kid-blue);border-radius:.125rem}.dashboard__pwa-close{color:var(--color-slate-400);position:absolute;top:1rem;right:1rem}.dashboard__pwa-close:hover{color:var(--color-slate-600)}.dashboard__delete-overlay{z-index:60;background-color:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.dashboard__delete-card{width:100%;max-width:24rem;box-shadow:var(--shadow-2xl);background-color:#fff;border-radius:1.5rem;padding:1.5rem;animation:3s infinite bounce-slow}.dashboard__delete-icon{background-color:var(--color-red-50);width:4rem;height:4rem;color:var(--color-red-500);border-radius:9999px;justify-content:center;align-items:center;margin:0 auto 1rem;display:flex}.dashboard__delete-title{text-align:center;color:var(--color-slate-800);margin-bottom:.5rem;font-size:1.25rem;font-weight:900}.dashboard__delete-actions{gap:.75rem;margin-top:1.5rem;display:flex}.dashboard__delete-btn-cancel{background-color:var(--color-slate-100);color:var(--color-slate-600);border-radius:.75rem;flex:1;padding:.75rem;font-weight:700}.dashboard__delete-btn-cancel:hover{background-color:var(--color-slate-200)}.dashboard__delete-btn-confirm{background-color:var(--color-red-500);color:#fff;box-shadow:var(--shadow-lg), 0 4px 14px #ef444433;border-radius:.75rem;flex:1;padding:.75rem;font-weight:700}.dashboard__delete-btn-confirm:hover{background-color:var(--color-red-600)}.dashboard__header{flex-direction:column;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}@media (width>=640px){.dashboard__header{flex-direction:row}}.dashboard__logo-area{align-items:center;gap:1rem;display:flex}.dashboard__logo{box-shadow:var(--shadow-sm);border:1px solid var(--color-slate-100);background-color:#fff;border-radius:1rem;padding:.75rem}.dashboard__logo span{font-size:2.25rem}.dashboard__title{color:var(--color-slate-800);letter-spacing:-.025em;margin-bottom:.25rem;font-size:1.875rem;font-weight:900;line-height:1}.dashboard__profile-btn{border:1px solid var(--color-slate-200);min-height:2.75rem;box-shadow:var(--shadow-sm);background-color:#fff;border-radius:9999px;align-items:center;gap:.5rem;padding:.375rem .75rem;transition:all .15s;display:flex}.dashboard__profile-btn:hover{border-color:var(--color-kid-blue);box-shadow:var(--shadow-md)}.dashboard__profile-btn:active{transform:scale(.95)}.dashboard__profile-avatar{font-size:1.125rem;line-height:1}.dashboard__profile-name{color:var(--color-slate-600);font-size:.875rem;font-weight:700}.dashboard__profile-btn:hover .dashboard__profile-name{color:var(--color-kid-blue)}.dashboard__profile-chevron{color:var(--color-slate-400)}.dashboard__profile-btn:hover .dashboard__profile-chevron{color:var(--color-kid-blue)}.dashboard__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.dashboard__stat-card{height:3.5rem;box-shadow:var(--shadow-sm);background-color:#fff;border-radius:1rem;align-items:center;gap:.75rem;padding:0 1rem;display:flex}.dashboard__stat-card--lines{border:1px solid #06d6a04d}.dashboard__stat-card--points{border:1px solid var(--color-kid-yellow);min-width:120px}.dashboard__stat-icon{background-color:#06d6a01a;border-radius:9999px;padding:.5rem}.dashboard__stat-icon svg{color:var(--color-kid-green)}.dashboard__stat-info{flex-direction:column;line-height:1.1;display:flex}.dashboard__stat-value{color:var(--color-slate-700);font-size:1.25rem;font-weight:900}.dashboard__stat-label{color:var(--color-slate-400);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:700}.dashboard__stat-points-icon{color:var(--color-kid-yellow);fill:var(--color-kid-yellow)}.dashboard__stat-points-value{color:var(--color-slate-700);font-size:1.5rem;font-weight:900}.dashboard__icon-btn{width:3.5rem;height:3.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--color-slate-200);color:var(--color-slate-400);background-color:#fff;border-radius:1rem;justify-content:center;align-items:center;transition:color .15s,border-color .15s;display:flex}.dashboard__icon-btn--stats:hover{color:var(--color-kid-purple);border-color:var(--color-kid-purple)}.dashboard__icon-btn--settings:hover{color:var(--color-kid-blue);border-color:var(--color-kid-blue)}.dashboard__section-title{color:var(--color-slate-700);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.25rem;font-weight:700;display:flex}.dashboard__grid{grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem;display:grid}@media (width>=768px){.dashboard__grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.dashboard__grid{grid-template-columns:repeat(3,1fr)}}.dashboard__add-card{cursor:pointer;border:4px dashed var(--color-slate-300);color:var(--color-slate-400);border-radius:1.5rem;flex-direction:column;justify-content:center;align-items:center;min-height:200px;padding:1.5rem;transition:all .15s;display:flex}.dashboard__add-card:hover{color:var(--color-kid-blue);border-color:var(--color-kid-blue);background-color:var(--color-blue-50)}.dashboard__add-card-icon{background-color:var(--color-slate-100);border-radius:9999px;margin-bottom:.75rem;padding:1rem;transition:background-color .15s}.dashboard__add-card:hover .dashboard__add-card-icon{background-color:#fff}.dashboard__add-card-label{font-size:1.125rem;font-weight:700}.dashboard__completed-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.dashboard__completed-title{color:var(--color-slate-700);align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;display:flex}.dashboard__completed-title svg{color:var(--color-kid-green)}.dashboard__completed-divider{background-color:var(--color-slate-200);flex:1;height:1px}.dashboard__completed-grid{opacity:.8;grid-template-columns:1fr;gap:1.5rem;transition:opacity .15s;display:grid}.dashboard__completed-grid:hover{opacity:1}@media (width>=768px){.dashboard__completed-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.dashboard__completed-grid{grid-template-columns:repeat(3,1fr)}}.activity-card{cursor:pointer;box-shadow:var(--shadow-md);border-bottom:8px solid var(--color-slate-100);background-color:#fff;border-radius:1.5rem;padding:1.5rem;transition:all .2s;position:relative;overflow:hidden}.activity-card__open{z-index:15;border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.activity-card__open:focus-visible{outline-offset:-4px}.activity-card:hover{border-color:var(--color-kid-blue);transform:translateY(-.25rem)}.activity-card--completed{border-color:var(--color-kid-green);opacity:.9}.activity-card--completed:hover{border-color:var(--color-kid-green)}.activity-card__cover{opacity:.8;z-index:0;height:10rem;transition:opacity .15s;position:absolute;top:0;left:0;right:0;overflow:hidden}.activity-card:hover .activity-card__cover{opacity:1}.activity-card__cover img{object-fit:cover;width:100%;height:100%}.activity-card__cover-gradient{background:linear-gradient(#0000,#fff);position:absolute;inset:0}.activity-card__bg-icon{opacity:.1;z-index:0;padding:1rem;transition:opacity .15s;position:absolute;top:0;right:0}.activity-card:hover .activity-card__bg-icon{opacity:.2}.activity-card__bg-icon--completed svg{color:var(--color-kid-green)}.activity-card__bg-icon--default svg{color:var(--color-kid-blue)}.activity-card__top{z-index:10;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex;position:relative}.activity-card__emoji{font-size:3.75rem}.activity-card__cover-spacer{width:4rem;height:4rem}.activity-card__buttons{z-index:20;gap:.5rem;display:flex;position:relative}.activity-card__action-btn{-webkit-backdrop-filter:blur(4px);z-index:20;box-shadow:var(--shadow-sm);background-color:#fffc;border-radius:9999px;padding:.5rem;transition:all .15s}.activity-card__action-btn--stats{color:var(--color-slate-400)}.activity-card__action-btn--stats:hover{background-color:var(--color-kid-purple);color:#fff}.activity-card__action-btn--delete{color:var(--color-red-400)}.activity-card__action-btn--delete:hover{background-color:var(--color-red-100);color:var(--color-red-500)}.activity-card__status-badge{-webkit-backdrop-filter:blur(4px);border-radius:9999px;padding:.5rem}.activity-card__status-badge--completed{color:var(--color-kid-green);background-color:#06d6a01a}.activity-card__status-badge--completed svg{fill:var(--color-kid-green);color:#fff}.activity-card__status-badge--started{color:var(--color-kid-blue);background-color:#4cc9f01a}.activity-card__status-badge--started svg{fill:var(--color-kid-blue);color:#fff}.activity-card__title{color:var(--color-slate-800);text-overflow:ellipsis;white-space:nowrap;z-index:10;filter:drop-shadow(0 1px 1px #0000000d);margin-bottom:.5rem;font-size:1.5rem;font-weight:700;position:relative;overflow:hidden}.activity-card__tags{z-index:10;gap:.5rem;margin-bottom:1rem;display:flex;position:relative}.activity-card__tag{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.activity-card__tag--nl{background-color:var(--color-orange-100);color:var(--color-orange-600)}.activity-card__tag--en{background-color:var(--color-blue-100);color:var(--color-blue-600)}.activity-card__tag--custom{background-color:var(--color-purple-100);color:var(--color-purple-600);align-items:center;gap:.25rem;display:flex}.activity-card__tag--level{background-color:var(--color-slate-100);color:var(--color-slate-500)}.activity-card__progress{background-color:var(--color-slate-100);z-index:10;border-radius:9999px;width:100%;height:.5rem;margin-bottom:.5rem;position:relative;overflow:hidden}.activity-card__progress-fill{background-color:var(--color-kid-green);border-radius:9999px;height:100%;transition:all .5s}.activity-card__footer{color:var(--color-slate-400);z-index:10;margin-top:.5rem;font-size:.75rem;font-weight:700;position:relative}.dashboard__tabs{background:var(--color-slate-100,#f1f5f9);border-radius:.875rem;gap:.5rem;margin-bottom:1.5rem;padding:.25rem;display:flex}.dashboard__tab{min-height:2.75rem;color:var(--color-slate-500);cursor:pointer;background:0 0;border:none;border-radius:.625rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.9375rem;font-weight:600;transition:all .2s;display:flex}.dashboard__tab--active{color:var(--color-kid-blue,#4cc9f0);background:#fff;box-shadow:0 1px 3px #00000014}.dashboard__tab:not(.dashboard__tab--active):hover{color:var(--color-slate-700)}.dashboard__oefeningen{flex-direction:column;gap:1.5rem;display:flex}.story-layout{z-index:50;flex-direction:column;width:100%;height:100dvh;transition:background-color .5s,color .5s;display:flex;position:fixed;inset:0;overflow:hidden}.story-screen{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:80rem;margin:0 auto;padding:1rem;display:flex;position:relative;overflow-y:auto}.story-screen__inner{flex-direction:column;align-items:center;width:100%;display:flex}.story-screen__content{width:100%;padding:1rem 0}.story-review{border:2px solid var(--color-blue-200);min-height:3.25rem;color:var(--color-blue-600);box-shadow:var(--shadow-md);background-color:#fff;border-radius:9999px;justify-content:center;align-items:center;gap:.625rem;margin:0 auto 1rem;padding:.5rem 1rem .5rem .625rem;font-size:1rem;font-weight:800;transition:transform .15s,background-color .15s;display:flex}.story-review:hover{background-color:var(--color-blue-50);transform:translateY(-1px)}.story-review:active{transform:translateY(0)}.story-review--playing{border-color:var(--color-kid-green);color:var(--color-green-600)}.story-review__book,.story-review__sound{justify-content:center;align-items:center;display:inline-flex}.story-review__book{background-color:var(--color-blue-50);border-radius:9999px;width:2.25rem;height:2.25rem}.story-speech-error{color:#7c3f00;background:#fff7e6;border:2px solid #f59e0b;border-radius:1rem;align-items:center;gap:.6rem;max-width:34rem;margin:.75rem auto 0;padding:.85rem 1rem;font-size:1rem;font-weight:700;line-height:1.4;display:flex}.story-speech-error svg{flex:none}.story-text{text-align:center;flex-wrap:wrap;justify-content:center;max-width:72rem;margin-bottom:1rem;display:flex}.story-text__group{flex-wrap:wrap;justify-content:center;width:100%;display:flex}.story-text__group--read-along{animation:.42s ease-out both read-along-text-enter}@keyframes read-along-text-enter{0%{opacity:.2}to{opacity:1}}@media (width>=768px){.story-text{margin-bottom:2rem}}.story-text--leading-normal{line-height:1.5}.story-text--leading-relaxed{line-height:1.625}.story-text--leading-loose{line-height:2}.story-text--ws-normal{word-spacing:normal}.story-text--ws-wide{word-spacing:.3em}.story-text--ws-wider{word-spacing:1.5em}.story-text__word{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:1rem;padding:.25rem .75rem;font-size:1.5rem;font-weight:500;transition:all .15s}@media (width>=768px){.story-text__word{padding:.25rem 1rem;font-size:2.25rem}}@media (width>=1024px){.story-text__word{font-size:3rem}}.story-text__word:hover{background-color:#f8fafc1a}.story-text__word:active{transform:scale(.95)}.story-text__word--tracking-normal{letter-spacing:normal}.story-text__word--tracking-wide{letter-spacing:.15em}.story-text__word--tracking-wider{letter-spacing:.3em}.story-text__word--correct{color:var(--color-kid-green)}.story-text__word--correct-bounce{color:var(--color-kid-green);animation:1s infinite bounce}.story-text__word--active{opacity:1;color:var(--color-slate-800)}.story-text__word--inactive{opacity:.9}.story-text__word--inactive:hover{color:var(--color-kid-blue)}.story-text__word--processing{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.story-text__word--read-along{z-index:2;color:var(--color-slate-900);outline:3px solid var(--color-kid-blue);box-shadow:none;opacity:1;background-color:#e5f7fc;position:relative;transform:none}.story-text__word--read-along-muted{opacity:.72}.story-text__word--spotlight{z-index:80;box-shadow:var(--shadow-xl);color:var(--color-slate-900);background-color:#fff;border-radius:.75rem;outline:4px solid #ffd60a80;position:relative;transform:scale(1.1)}.story-text__word--dimmed{opacity:.3;transition:opacity .5s}.story-text__karaoke-underline{border-bottom:6px solid;padding-bottom:.25rem;line-height:1;display:inline-block}.story-text__karaoke-bold{color:inherit;font-weight:800}.story-text__karaoke-normal{opacity:.7;color:inherit;font-weight:400}.story-header{z-index:20;justify-content:space-between;align-items:center;padding:.5rem .5rem .25rem;display:flex;position:relative}@media (width>=768px){.story-header{padding:.75rem}}.story-header__left,.story-header__right{align-items:center;gap:.375rem;display:flex}@media (width>=768px){.story-header__left,.story-header__right{gap:.5rem}}.story-header__btn{border:1px solid #0000;border-radius:9999px;justify-content:center;align-items:center;width:2.75rem;min-height:2.75rem;padding:.5rem;transition:all .15s;display:inline-flex}@media (width>=768px){.story-header__btn{padding:.625rem}}.story-header__btn:hover{transform:scale(1.05)}.story-header__btn:active{transform:scale(.95)}.story-header__btn--light{color:var(--color-slate-500);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);background-color:#fff9;border-color:#e2e8f099}.story-header__btn--light:hover{color:var(--color-kid-blue);background-color:#fff;border-color:#4cc9f04d}.story-header__btn--dark{color:#fff;-webkit-backdrop-filter:blur(12px);background-color:#ffffff1a;border-color:#ffffff1a}.story-header__btn--dark:hover{background-color:#fff3}.story-header__btn--sepia{color:#5b4636;-webkit-backdrop-filter:blur(12px);background-color:#e8dec099;border-color:#d4c5a3}.story-header__btn--sepia:hover{background-color:#d4c5a399}.story-header__progress-area{flex:1;max-width:32rem;padding:0 .75rem}@media (width>=768px){.story-header__progress-area{margin:0 1rem}}.story-header__chip{border:1px solid #0000;border-radius:9999px;align-items:center;gap:.375rem;padding:.5rem .625rem;display:flex}@media (width>=768px){.story-header__chip{padding:.625rem .75rem}}.story-header__chip--light{color:var(--color-slate-500);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);background-color:#fff6;border-color:#e2e8f080}.story-header__chip--dark{color:#ffffffb3;-webkit-backdrop-filter:blur(12px);background-color:#ffffff0d;border-color:#ffffff1a}.story-header__chip--sepia{color:#5b4636cc;-webkit-backdrop-filter:blur(12px);background-color:#e8dec066;border-color:#d4c5a380}.header-info-item{background-color:#0000;border:1px solid #0000;border-radius:9999px;align-items:center;gap:.375rem;min-height:2.75rem;padding:.5rem .625rem;transition:all .15s;display:none}@media (width>=768px){.header-info-item{display:flex}}.header-info-item--clickable{cursor:pointer}.header-info-item--clickable:hover{transform:scale(1.05)}.header-info-item--clickable:active{transform:scale(.95)}.header-info-item--active{border-color:var(--color-kid-purple);color:var(--color-kid-purple);background-color:#7209b71a}.header-info-item--inactive{color:var(--color-slate-400)}.header-info-item__icon--active{color:var(--color-kid-purple)}.header-info-item__icon--inactive{color:var(--color-slate-300)}.read-along{width:100%;padding:.3rem .5rem max(.3rem, env(safe-area-inset-bottom));z-index:30;border-top:1px solid #0000;flex:none;position:relative;box-shadow:0 -.3rem 1.25rem #0f172a0d}.read-along--light{color:var(--color-slate-800);border-top-color:var(--color-slate-200);background-color:#fffffff5}.read-along--dark{color:#fff;background-color:#0f172af7;border-top-color:#ffffff29}.read-along--sepia{color:#4a3828;background-color:#f4ecd8f7;border-top-color:#d4c5a3}.read-along--active{border-top-color:var(--color-kid-blue)}.read-along__bar{justify-content:center;align-items:center;gap:.35rem;width:min(72rem,100%);margin:0 auto;display:flex}.read-along__transport{justify-content:center;align-items:center;gap:.35rem;display:flex}.read-along__play,.read-along__stop{border-radius:.75rem;justify-content:center;align-items:center;min-height:2.75rem;transition:background-color .15s,border-color .15s;display:inline-flex}.read-along__play{color:#fff;background-color:var(--color-blue-600);border:2px solid var(--color-blue-600);gap:.35rem;padding:.4rem .7rem;font-size:.78rem;font-weight:900}.read-along__play:hover:not(:disabled){background-color:var(--color-blue-500);border-color:var(--color-blue-500)}.read-along__play:disabled{opacity:.45;cursor:not-allowed}.read-along__stop{width:2.75rem;color:var(--color-slate-600);border:2px solid var(--color-slate-300);background-color:#0000}.read-along--dark .read-along__stop{color:#fff;border-color:#ffffff52}.read-along__play:focus-visible,.read-along__stop:focus-visible,.read-along__speed-toggle:focus-visible{outline:3px solid var(--color-kid-yellow);outline-offset:2px}.read-along__speed-menu{min-width:4.35rem;position:relative}.read-along__speed-toggle{border:1px solid var(--color-slate-200);background-color:var(--color-slate-50);cursor:pointer;border-radius:.75rem;justify-content:center;align-items:center;gap:.3rem;min-height:2.75rem;padding:.4rem .5rem;font-size:.75rem;font-weight:800;list-style:none;display:flex}.read-along__speed-toggle::-webkit-details-marker{display:none}.read-along__speed-toggle strong{color:var(--color-blue-600);font-variant-numeric:tabular-nums}.read-along--dark .read-along__speed-toggle{background-color:#ffffff14;border-color:#fff3}.read-along--sepia .read-along__speed-toggle{background-color:#ffffff59;border-color:#d4c5a3}.read-along__speed{z-index:50;border:1px solid var(--color-slate-200);background-color:var(--color-slate-50);border-radius:.75rem;width:min(14rem,100vw - 1rem);padding:.65rem;position:absolute;bottom:calc(100% + .55rem);right:0;box-shadow:0 .75rem 2rem #0f172a29}.read-along--dark .read-along__speed{background-color:#ffffff14;border-color:#fff3}.read-along--sepia .read-along__speed{background-color:#ffffff59;border-color:#d4c5a3}.read-along__speed-heading{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.3rem;font-size:.75rem;font-weight:800;display:flex}.read-along__speed-heading label{display:block}.read-along__speed-heading output{color:var(--color-blue-600);font-variant-numeric:tabular-nums}.read-along__speed input[type=range]{width:100%;min-height:2.75rem;accent-color:var(--color-blue-600);cursor:pointer}.read-along__rate-hint{opacity:.65;margin-top:.25rem;font-size:.62rem;font-weight:600;display:block}.read-along__counter{white-space:nowrap;opacity:.7;padding-inline:.2rem;font-size:.68rem;font-weight:800}.read-along__announcer{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.read-along__progress{background-color:#64748b2e;border-radius:9999px;width:min(72rem,100%);height:.375rem;margin:.25rem auto 0;overflow:hidden}.read-along__progress span{border-radius:inherit;background-color:var(--color-kid-blue);height:100%;transition:width .35s;display:block}.read-along-confirm__card{border:4px solid var(--color-blue-100);width:min(100%,26rem);box-shadow:var(--shadow-2xl);text-align:center;background-color:#fff;border-radius:2rem;padding:2rem}.read-along-confirm__icon{background-color:var(--color-blue-50);width:5rem;height:5rem;color:var(--color-kid-blue);border-radius:9999px;justify-content:center;align-items:center;margin:0 auto 1rem;display:flex}.read-along-confirm__title{color:var(--color-slate-800);margin:0;font-size:1.75rem;font-weight:900}.read-along-confirm__description{color:var(--color-slate-600);margin:.75rem 0 1.5rem;font-size:1.125rem;font-weight:700;line-height:1.5}.read-along-confirm__actions{grid-template-columns:1fr;gap:.75rem;display:grid}.read-along-confirm__cancel,.read-along-confirm__start{border-radius:1rem;min-height:3.25rem;font-size:1rem;font-weight:800}.read-along-confirm__cancel{border:2px solid var(--color-slate-200);color:var(--color-slate-600)}.read-along-confirm__start{background-color:var(--color-kid-green);color:#fff;box-shadow:var(--shadow-md);justify-content:center;align-items:center;gap:.625rem;display:flex}@media (width>=480px){.read-along-confirm__actions{grid-template-columns:1fr 1.35fr}}@media (width<=760px){.read-along{padding:.25rem .4rem max(.25rem, env(safe-area-inset-bottom))}.read-along__bar{gap:.3rem}.read-along__speed-menu{min-width:4.2rem}.read-along__play span{font-size:.75rem}.read-along__play{padding-inline:.6rem}.read-along__rate-hint{display:none}}@media (prefers-reduced-motion:reduce){.story-text__group--read-along{animation:none}.story-text__word--read-along{transform:none}}.story-controls{-webkit-backdrop-filter:blur(12px);z-index:30;border-top:1px solid #0000;justify-content:space-between;align-items:center;gap:.25rem;width:100%;padding:.25rem;display:flex;position:relative}@media (width>=768px){.story-controls{gap:1rem;padding:.75rem}}.story-controls--light{background-color:#fff9;border-top-color:#f1f5f980}.story-controls--dark{background-color:#0003;border-top-color:#ffffff1a}.story-controls--sepia{background-color:#5b46360d;border-top-color:#5b46361a}.story-controls__group{align-items:center;gap:.25rem;display:flex}@media (width>=768px){.story-controls__group{gap:1rem}}.story-controls__btn{width:2.75rem;min-height:2.75rem;box-shadow:var(--shadow-sm);border:1px solid #0000;border-radius:.75rem;justify-content:center;align-items:center;padding:.625rem;transition:all .15s;display:flex}.story-controls__btn:active{transform:scale(.95)}.story-controls__btn--light{border-color:var(--color-slate-100);color:var(--color-slate-500);background-color:#fff}.story-controls__btn--light:hover{background-color:var(--color-slate-50);color:var(--color-kid-blue);border-color:#4cc9f04d}.story-controls__btn--dark{color:#fff;background-color:#ffffff1a;border-color:#fff3}.story-controls__btn--dark:hover{background-color:#fff3}.story-controls__btn--sepia{color:#5b4636;background-color:#e8dec0;border-color:#d4c5a3}.story-controls__btn--sepia:hover{background-color:#d4c5a380}.story-controls__btn--active-light{background-color:var(--color-kid-blue);border-color:var(--color-kid-blue);color:#fff}.story-controls__btn--active-light:hover{background-color:var(--color-blue-500)}.story-controls__btn--active-dark{background-color:var(--color-blue-600);border-color:var(--color-blue-500);color:#fff}.story-controls__btn--active-dark:hover{background-color:var(--color-blue-500)}.story-controls__btn--active-sepia{color:#f4ecd8;background-color:#8b6b4b;border-color:#70553b}.story-controls__btn--active-sepia:hover{background-color:#70553b}.story-controls__btn--action-light{background-color:var(--color-slate-600);border-color:var(--color-slate-500);color:#fff}.story-controls__btn--action-light:hover{background-color:var(--color-slate-700)}.story-controls__btn--action-dark{color:#fff;background-color:#ffffff40;border-color:#ffffff4d}.story-controls__btn--action-dark:hover{background-color:#ffffff59}.story-controls__btn--action-sepia{color:#f4ecd8;background-color:#5b4636;border-color:#4a3828}.story-controls__btn--action-sepia:hover{background-color:#4a3828}.story-controls__btn--recording{background-color:var(--color-red-500);border-color:var(--color-red-600);color:#fff;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.story-controls__btn--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.mic-section{z-index:20;flex-shrink:0;justify-content:center;align-items:center;width:100%;min-height:100px;margin-bottom:.5rem;padding-bottom:.5rem;display:flex}.mic-section--focus{z-index:60;position:relative}.mic-section__placeholder{background-color:var(--color-kid-pink);border-radius:9999px;width:6rem;height:6rem;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.story-feedback{-webkit-backdrop-filter:blur(4px);border:1px solid var(--color-slate-200);text-align:center;background-color:#f1f5f9cc;border-radius:1rem;max-width:32rem;margin:1.5rem auto 0;padding:.75rem 1.5rem;animation:.3s ease-out fade-in}.story-feedback__label{color:var(--color-slate-400);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.25rem;font-size:10px;font-weight:700}.story-feedback__text{color:var(--color-slate-600);font-size:1.125rem;font-style:italic;font-weight:500}.status-indicator{justify-content:center;margin-bottom:1.5rem;animation:.3s ease-out fade-in;display:flex}.status-indicator__badge{background-color:var(--color-kid-green);color:#fff;box-shadow:var(--shadow-lg);transform-origin:50%;-webkit-user-select:none;user-select:none;cursor:default;border:4px solid #fff;border-radius:9999px;align-items:center;gap:.75rem;padding:.75rem 2rem;font-size:1.25rem;font-weight:900;display:flex}.status-indicator__badge:hover{transform:scale(1.05)}.focus-overlay{z-index:70;-webkit-backdrop-filter:blur(4px);background-color:#0f172ad9;transition:opacity 1s ease-in-out;position:fixed;inset:0}.focus-overlay--visible{opacity:1;visibility:visible;pointer-events:auto}.focus-overlay--hidden{opacity:0;visibility:hidden;pointer-events:none}.focus-overlay__close{z-index:50;color:var(--color-slate-800);box-shadow:var(--shadow-lg);border:4px solid var(--color-slate-100);background-color:#fff;border-radius:9999px;padding:1rem;transition:all .15s;position:absolute;top:1.5rem;right:1.5rem}.focus-overlay__close:hover{background-color:var(--color-slate-200)}.focus-overlay__close:active{transform:scale(.95)}.focus-overlay__nav{pointer-events:none;z-index:70;align-items:center;gap:2rem;display:flex;position:absolute;bottom:8rem;left:50%;transform:translate(-50%)}.focus-overlay__nav-btn{pointer-events:auto;box-shadow:var(--shadow-lg);border:4px solid #0000;border-radius:9999px;padding:1rem;transition:all .15s}@media (width>=768px){.focus-overlay__nav-btn{padding:1.25rem}}.focus-overlay__nav-btn--enabled{color:var(--color-slate-800);border-color:var(--color-slate-100);background-color:#fff}.focus-overlay__nav-btn--enabled:hover{background-color:var(--color-slate-200);transform:scale(1.05)}.focus-overlay__nav-btn--enabled:active{transform:scale(.95)}.focus-overlay__nav-btn--disabled{color:var(--color-slate-500);cursor:not-allowed;opacity:.5;background-color:#33415580;border-color:#47556980}.focus-overlay__nav-spacer{width:6rem}@media (width>=768px){.focus-overlay__nav-spacer{width:8rem}}.story-end{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding-top:1rem;padding-bottom:3rem;animation:.3s ease-out fade-in;display:flex;position:relative}.story-end__card{box-shadow:var(--shadow-xl);border:4px solid var(--color-kid-yellow);text-align:center;z-index:10;background-color:#fff;border-radius:2.5rem;width:100%;max-width:42rem;padding:2rem;transition:transform .15s;position:relative}@media (width>=768px){.story-end__card{padding:3rem}}.story-end__card:hover{transform:scale(1.01)}.story-end__trophy-wrapper{margin-top:-5rem;margin-bottom:1.5rem}.story-end__trophy-icon{box-shadow:var(--shadow-lg);border:4px solid var(--color-kid-yellow);background-color:#fff;border-radius:9999px;padding:1rem;display:inline-block}.story-end__trophy-svg{width:6rem;height:6rem;color:var(--color-kid-yellow);fill:var(--color-kid-yellow);animation:3s infinite bounce-slow}.story-end__title{color:var(--color-kid-purple);margin-bottom:.5rem;font-size:2.25rem;font-weight:900}@media (width>=768px){.story-end__title{font-size:3rem}}.story-end__subtitle{color:var(--color-slate-500);margin-bottom:2rem;font-size:1.25rem;font-weight:700}@media (width>=768px){.story-end__subtitle{font-size:1.5rem}}.story-end__stats{background-color:var(--color-slate-50);border:2px solid var(--color-slate-100);border-radius:1.5rem;margin-bottom:2rem;padding:1.5rem}@media (width>=768px){.story-end__stats{padding:2rem}}.story-end__stats-header{border-bottom:2px solid var(--color-slate-200);justify-content:space-between;align-items:flex-end;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.story-end__stats-label{color:var(--color-slate-500);font-size:1.25rem;font-weight:700}.story-end__stats-points{color:var(--color-kid-blue);font-size:3.75rem;font-weight:900}@media (width>=768px){.story-end__stats-points{font-size:4.5rem}}.story-end__stats-list{flex-direction:column;gap:1rem;font-size:1.125rem;display:flex}.story-end__stats-row{justify-content:space-between;align-items:center;display:flex}.story-end__stats-row--label{color:var(--color-slate-400)}.story-end__stats-row--label .story-end__stats-row-icon{align-items:center;gap:.5rem;display:flex}.story-end__stats-row--value{font-size:1.25rem;font-weight:700}.story-end__stats-row--bonus{color:var(--color-kid-yellow)}.story-end__actions{flex-direction:column;gap:1rem;display:flex}@media (width>=768px){.story-end__actions{flex-direction:row}}.story-end__btn-home{background-color:var(--color-slate-100);color:var(--color-slate-500);border-radius:1rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:1.25rem;font-size:1.25rem;font-weight:700;transition:all .15s;display:flex}.story-end__btn-home:hover{background-color:var(--color-slate-200)}.story-end__btn-home:active{transform:scale(.95)}.story-end__btn-next{background-color:var(--color-kid-green);color:#fff;box-shadow:var(--shadow-xl);border-radius:1rem;flex:2;justify-content:center;align-items:center;gap:.75rem;padding:1.25rem;font-size:1.5rem;font-weight:700;transition:all .15s;display:flex}.story-end__btn-next:hover{background-color:var(--color-green-500)}.story-end__btn-next:active{transform:scale(.95)}.settings-modal{z-index:60;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background-color:var(--color-kid-bg);animation:.3s ease-out fade-in;position:fixed;inset:0;overflow-y:auto}.settings-modal__content{max-width:64rem;padding:1rem 1rem calc(8rem + env(safe-area-inset-bottom));margin:0 auto}.settings-modal__sections{margin-top:1.5rem}.settings-header{box-shadow:var(--shadow-sm);border:1px solid var(--color-slate-100);background-color:#fff;border-radius:2rem;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.5rem;display:flex}@media (width>=768px){.settings-header{flex-direction:row;align-items:center}}.settings-header__info{align-items:center;gap:.75rem;display:flex}.settings-header__icon{background-color:var(--color-slate-100);color:var(--color-slate-500);border-radius:1rem;padding:.75rem}.settings-header__title{color:var(--color-slate-800);font-size:1.875rem;font-weight:900}.settings-header__subtitle{color:var(--color-slate-400);font-size:.875rem;font-weight:700}.settings-header__actions{gap:.75rem;width:100%;display:flex}@media (width>=768px){.settings-header__actions{width:auto}}.settings-icon--purple{background-color:var(--color-purple-100);color:var(--color-kid-purple);border-radius:.75rem;padding:.5rem}.settings-icon--teal{color:var(--color-teal-600);background-color:#99f6e480;border-radius:.75rem;padding:.5rem}.settings-icon--yellow{background-color:var(--color-yellow-100);color:var(--color-kid-yellow);border-radius:.75rem;padding:.5rem}.settings-icon--pink{background-color:var(--color-pink-100);color:var(--color-kid-pink);border-radius:.75rem;padding:.5rem}.settings-icon--blue{background-color:var(--color-blue-100);color:var(--color-kid-blue);border-radius:.75rem;padding:.5rem}.settings-icon--slate{background-color:var(--color-slate-100);color:var(--color-slate-500);border-radius:.75rem;padding:.5rem}.settings-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}.settings-rule{border:2px solid var(--color-blue-100);background-color:var(--color-blue-50);color:var(--color-slate-600);border-radius:1rem;align-items:flex-start;gap:.75rem;padding:1rem;font-weight:700;line-height:1.5;display:flex}.settings-rule svg{color:var(--color-kid-blue);flex:none}@media (width>=768px){.settings-grid{grid-template-columns:repeat(2,1fr)}}.settings-grid--3col{grid-template-columns:1fr}@media (width>=768px){.settings-grid--3col{grid-template-columns:repeat(3,1fr)}}.settings-grid--4col{grid-template-columns:repeat(2,1fr)}@media (width>=768px){.settings-grid--4col{grid-template-columns:repeat(4,1fr)}}.settings-provider-card{border:4px solid var(--color-slate-100);cursor:pointer;color:var(--color-slate-400);border-radius:1rem;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;font-weight:900;transition:all .15s;display:flex}.settings-provider-card:hover{border-color:var(--color-slate-200)}.settings-provider-card--active-blue{border-color:var(--color-blue-500);background-color:var(--color-blue-50);color:var(--color-blue-600);box-shadow:var(--shadow-md)}.settings-provider-card--active-orange{border-color:var(--color-orange-400);background-color:var(--color-orange-50);color:var(--color-orange-600);box-shadow:var(--shadow-md)}.settings-provider-card--active-green{border-color:var(--color-green-500);background-color:var(--color-green-50);color:var(--color-green-600);box-shadow:var(--shadow-md)}.settings-api-area{background-color:var(--color-slate-50);border:2px solid var(--color-slate-100);border-radius:1.5rem;padding:1.5rem}.settings-story-provider-note{background:var(--color-purple-50);color:var(--color-slate-700);border-radius:1rem;margin:0;padding:.9rem 1rem;font-weight:700;line-height:1.5}.settings-speech-status{border:2px solid var(--color-slate-200);color:var(--color-slate-700);border-radius:1rem;align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.settings-speech-status strong{margin-bottom:.2rem;display:block}.settings-speech-status p{margin:0;line-height:1.5}.settings-speech-status--ready{border-color:var(--color-green-500);background:var(--color-green-50);color:var(--color-green-700)}.settings-speech-status--missing,.settings-speech-status--error{border-color:var(--color-orange-400);background:var(--color-orange-50);color:var(--color-orange-700)}.settings-speech-status__spinner{animation:1s linear infinite spin}.settings-speech-refresh{border:2px solid var(--color-blue-200);color:var(--color-blue-700);background:#fff;border-radius:.8rem;align-items:center;gap:.5rem;margin-top:.75rem;padding:.7rem 1rem;font-weight:800;display:inline-flex}.settings-speech-refresh:hover{background:var(--color-blue-50)}.settings-audio-cache{border:2px solid var(--color-slate-200);color:var(--color-slate-700);border-radius:1rem;align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.settings-audio-cache strong{margin-bottom:.2rem;display:block}.settings-audio-cache p,.settings-audio-cache__note{margin:0;line-height:1.5}.settings-audio-cache--ready{border-color:var(--color-green-500);background:var(--color-green-50);color:var(--color-green-700)}.settings-audio-cache--partial{border-color:var(--color-blue-300);background:var(--color-blue-50);color:var(--color-blue-700)}.settings-audio-cache--error{border-color:var(--color-orange-400);background:var(--color-orange-50);color:var(--color-orange-700)}.settings-audio-cache__note{color:var(--color-slate-600);margin-top:.75rem;font-weight:650}.settings-audio-cache__button{border:2px solid var(--color-blue-200);color:var(--color-blue-700);background:#fff;border-radius:.8rem;align-items:center;gap:.5rem;margin-top:.75rem;padding:.7rem 1rem;font-weight:800;display:inline-flex}.settings-audio-cache__button:hover:not(:disabled){background:var(--color-blue-50)}.settings-audio-cache__button:disabled{cursor:wait;opacity:.75}.settings-audio-cache__spinner{animation:1s linear infinite spin}.settings-checkbox-row{background-color:var(--color-slate-50);border:2px solid var(--color-slate-100);cursor:pointer;border-radius:1rem;align-items:center;gap:1rem;padding:1rem;transition:border-color .15s;display:flex}.settings-checkbox-row:hover{border-color:var(--color-slate-200)}.settings-checkbox-row--teal:hover{border-color:var(--color-teal-200)}.settings-checkbox-row--yellow:hover{border-color:var(--color-kid-yellow)}.settings-checkbox{border-radius:.375rem;width:1.5rem;height:1.5rem}.settings-checkbox--teal{accent-color:var(--color-teal-500)}.settings-checkbox--yellow{accent-color:var(--color-kid-yellow)}.settings-checkbox-label{color:var(--color-slate-700);flex:1;font-weight:700}.settings-theme-card{border:2px solid var(--color-slate-200);cursor:pointer;border-radius:.75rem;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;transition:all .15s;display:flex}.settings-theme-card--active{border-color:var(--color-teal-500);outline:2px solid var(--color-teal-200)}.settings-theme-card:hover{border-color:var(--color-slate-300)}.settings-theme-card__preview{border-radius:.25rem;width:100%;height:2rem}.settings-theme-card__preview--light{background-color:var(--color-kid-bg);border:1px solid var(--color-slate-200)}.settings-theme-card__preview--sepia{background-color:#f4ecd8;border:1px solid #e0d6c0}.settings-theme-card__preview--dark{background-color:var(--color-slate-900);border:1px solid var(--color-slate-700)}.settings-theme-card__preview--navy{background-color:#0a192f;border:1px solid #1e3a5f}.settings-theme-card__label{color:var(--color-slate-600);font-size:.75rem;font-weight:700}.settings-option-btn{border:2px solid var(--color-slate-100);color:var(--color-slate-400);cursor:pointer;background-color:#fff;border-radius:.75rem;padding:.75rem;font-size:.875rem;font-weight:700;transition:all .15s}.settings-option-btn:hover{background-color:var(--color-slate-50)}.settings-option-btn--active-teal{border-color:var(--color-teal-200);color:var(--color-teal-600);box-shadow:var(--shadow-sm);background-color:#99f6e433}.settings-option-btn--active-orange{background-color:var(--color-orange-50);border-color:var(--color-orange-200);color:var(--color-orange-600)}.settings-option-btn--active-blue{background-color:var(--color-blue-50);border-color:var(--color-blue-200);color:var(--color-blue-600)}.settings-slider-area{background-color:var(--color-slate-50);border:2px solid var(--color-slate-100);border-radius:1.5rem;padding:1.25rem}.settings-slider-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.settings-slider-label{color:var(--color-slate-400);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:900}.settings-slider-value{border:1px solid var(--color-slate-200);box-shadow:var(--shadow-sm);background-color:#fff;border-radius:.5rem;padding:.25rem .5rem;font-size:.75rem;font-weight:700}.settings-slider-value--blue{color:var(--color-kid-blue)}.settings-slider-value--purple{color:var(--color-kid-purple)}.settings-slider{box-sizing:content-box;background-clip:content-box;background-color:var(--color-slate-200);appearance:none;cursor:pointer;border-radius:9999px;width:100%;height:.75rem;padding-block:1rem}.settings-slider--blue{accent-color:var(--color-kid-blue)}.settings-slider--blue:hover{accent-color:var(--color-blue-500)}.settings-slider--purple{accent-color:var(--color-kid-purple)}.settings-slider--purple:hover{accent-color:var(--color-purple-400)}.settings-notice--orange{background-color:var(--color-orange-50);border:1px solid var(--color-orange-100);color:var(--color-orange-600);border-radius:.75rem;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.75rem;font-size:.75rem;font-weight:700;display:flex}.settings-voice-auto{min-height:2.75rem;color:var(--color-slate-400);background-color:var(--color-slate-100);border-radius:.5rem;align-items:center;gap:.25rem;margin-left:auto;padding:.5rem .75rem;font-size:.75rem;font-weight:700;transition:all .15s;display:flex}.settings-voice-auto:hover{background-color:var(--color-slate-200);color:var(--color-slate-600)}.danger-zone{background-color:var(--color-red-50);border:4px solid var(--color-red-100);border-radius:2rem;padding:1.5rem;box-shadow:inset 0 2px 4px #0000000d}@media (width>=768px){.danger-zone{padding:2rem}}.danger-zone__header{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}@media (width>=768px){.danger-zone__header{flex-direction:row;align-items:center}}.danger-zone__title{color:var(--color-red-500);align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:1.25rem;font-weight:900;display:flex}.danger-zone__subtitle{color:var(--color-red-400);margin-left:.25rem;font-size:.875rem;font-weight:700}.danger-zone__select{padding:.75rem;border:2px solid var(--color-red-200);width:100%;color:var(--color-red-500);appearance:none;cursor:pointer;background-color:#fff;border-radius:.75rem;outline:none;padding-left:1rem;padding-right:2.5rem;font-size:.875rem;font-weight:700}.danger-zone__select:focus{border-color:var(--color-red-400)}.danger-zone__select-arrow{color:#fca5a5;pointer-events:none;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.danger-zone__grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=768px){.danger-zone__grid{grid-template-columns:repeat(2,1fr)}}.danger-zone__action{border:2px solid var(--color-red-100);text-align:left;box-shadow:var(--shadow-sm);background-color:#fff;border-radius:1rem;padding:1.5rem;transition:all .15s}.danger-zone__action:hover{background-color:var(--color-red-50);border-color:var(--color-red-200)}.danger-zone__action:active{transform:scale(.95)}.danger-zone__action-title{color:var(--color-slate-700);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.125rem;font-weight:900;display:flex}.danger-zone__action:hover .danger-zone__action-title{color:var(--color-red-600)}.danger-zone__action-desc{color:var(--color-slate-400);font-size:.875rem;font-weight:500;line-height:1.625}.danger-zone__action:hover .danger-zone__action-desc{color:var(--color-red-400)}.danger-zone__action--destructive{border-color:var(--color-red-200)}.danger-zone__action--destructive:hover{background-color:var(--color-red-500);border-color:var(--color-red-500)}.danger-zone__action--destructive:hover .danger-zone__action-title{color:#fff}.danger-zone__action--destructive:hover .danger-zone__action-desc{color:var(--color-red-100)}.settings-font-preview{border:1px solid var(--color-slate-200);font-size:.75rem;font-family:var(--font-dyslexic);background-color:#fff;border-radius:.25rem;padding:.25rem .5rem}.settings-section-label{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.settings-section-label__icon{color:var(--color-slate-400)}.exercise-settings__intro{color:var(--color-slate-500);margin-top:.2rem;font-size:.9rem;font-weight:600}.exercise-settings__toolbar{justify-content:space-between;align-items:center;gap:1rem;margin:1rem 0;display:flex}.exercise-settings__toolbar-summary strong,.exercise-settings__toolbar-summary small{display:block}.exercise-settings__toolbar-summary small{color:var(--color-slate-500);margin-top:.2rem}.exercise-settings__type-select{gap:.35rem;margin-top:1rem;display:grid}.exercise-settings__list{gap:.65rem;display:grid}.exercise-settings__item{border:2px solid var(--color-slate-100);background:#fff;border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.exercise-settings__item--archived{opacity:.7;background:var(--color-slate-50)}.exercise-settings__item strong,.exercise-settings__item span{display:block}.exercise-settings__item span,.exercise-settings__item small{color:var(--color-slate-500);font-size:.8rem}.exercise-settings__item-actions{align-items:center;gap:.45rem;display:flex}.exercise-settings__item-actions small{margin-right:.2rem}.exercise-settings__item-actions button,.exercise-settings__form-header button{border:2px solid var(--color-slate-200);width:2.75rem;min-width:2.75rem;height:2.75rem;color:var(--color-slate-600);background:#fff;border-radius:.8rem;place-items:center;display:grid}.exercise-settings__form{border:2px solid var(--color-blue-100);background:var(--color-blue-50);border-radius:1.25rem;gap:1rem;margin-top:1.25rem;padding:1.25rem;display:grid}.exercise-settings__form-header{justify-content:space-between;align-items:center;display:flex}.exercise-settings__form-header h4{color:var(--color-slate-800);font-size:1.1rem}.exercise-settings__form-header small{color:var(--color-slate-500);font-weight:700}.exercise-settings__sentences{border:2px solid var(--color-slate-200);width:100%;color:var(--color-slate-800);font:inherit;resize:vertical;background:#fff;border-radius:.9rem;padding:.9rem 1rem;line-height:1.65}.exercise-settings__sentences:focus{border-color:var(--color-kid-blue);outline:3px solid var(--color-blue-100)}.exercise-settings__count{color:var(--color-slate-500);font-size:.85rem;font-weight:700}.exercise-settings__count--error,.exercise-settings__message--error{color:var(--color-red-600)}.exercise-settings__message{background:var(--color-slate-50);border-radius:.8rem;margin-top:.8rem;padding:.75rem 1rem;font-weight:700}.exercise-settings__hint{color:var(--color-slate-600);background:#fff;border-radius:.8rem;padding:.75rem .9rem;font-size:.85rem;line-height:1.5}.exercise-item-editor{justify-items:start;gap:.9rem;display:grid}.exercise-item-editor__rows{gap:.7rem;width:100%;display:grid}.exercise-item-editor__row{border:2px solid var(--color-blue-100);background:#fff;border-radius:1rem;grid-template-columns:1fr auto;gap:.75rem;padding:.8rem;display:grid;position:relative}.exercise-item-editor__row legend{color:var(--color-slate-500);padding:0 .4rem;font-size:.78rem;font-weight:800}.exercise-item-editor__fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.exercise-item-editor__fields label{align-content:start;gap:.3rem;display:grid}.exercise-item-editor__field--wide{grid-column:1/-1}.exercise-item-editor__remove{border:2px solid var(--color-red-100);width:2.75rem;min-width:2.75rem;height:2.75rem;color:var(--color-red-600);background:#fff;border-radius:.8rem;align-self:end;place-items:center;display:grid}@media (width<=620px){.exercise-settings__toolbar,.exercise-settings__item{flex-direction:column;align-items:stretch}.exercise-settings__toolbar button{width:100%}.exercise-settings__item-actions{justify-content:flex-end}.exercise-item-editor__fields{grid-template-columns:1fr}.exercise-item-editor__field--wide{grid-column:auto}}.settings-help-icon{color:var(--color-slate-400);cursor:help;margin-bottom:.5rem;transition:color .15s}.settings-help-icon:hover{color:var(--color-kid-yellow)}.settings-help-icon--blue:hover{color:var(--color-kid-blue)}.settings-space-y-6>*+*{margin-top:1.5rem}.settings-space-y-8>*+*{margin-top:2rem}.child-select__overlay{-webkit-backdrop-filter:blur(4px);z-index:80;background-color:#0009;justify-content:center;align-items:center;padding:1rem;animation:.3s ease-out fade-in;display:flex;position:fixed;inset:0}.child-select__card{width:100%;max-width:42rem;box-shadow:var(--shadow-2xl);background-color:#fff;background-clip:padding-box;border:10px solid #ffffff80;border-radius:3rem;max-height:90vh;padding:2rem;position:relative;overflow-y:auto}.child-select__close{color:var(--color-slate-400);z-index:10;border-radius:9999px;padding:.5rem;position:absolute;top:1.5rem;right:1.5rem}.child-select__close:hover{background-color:var(--color-slate-100)}.child-select__title{text-align:center;color:var(--color-kid-purple);margin-bottom:2rem;font-size:1.875rem;font-weight:900}.child-select__grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}@media (width>=768px){.child-select__grid{grid-template-columns:repeat(3,1fr)}}.child-select__profile{position:relative}.child-select__profile-card{border:4px solid var(--color-slate-100);background-color:var(--color-slate-50);border-radius:1.5rem;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:1.5rem;transition:all .15s;display:flex;position:relative}.child-select__profile-card:hover{border-color:var(--color-kid-blue);background-color:#fff;transform:scale(1.05)}.child-select__profile-card:active{transform:scale(.95)}.child-select__profile-card--active{border-color:var(--color-kid-blue);box-shadow:var(--shadow-lg);background-color:#4cc9f01a}.child-select__check{background-color:var(--color-kid-blue);color:#fff;box-shadow:var(--shadow-sm);border-radius:9999px;padding:.25rem;position:absolute;top:.5rem;right:.5rem}.child-select__avatar{filter:drop-shadow(0 1px 1px #0000000d);margin-bottom:1rem;font-size:3.75rem}.child-select__name{color:var(--color-slate-700);text-overflow:ellipsis;white-space:nowrap;text-align:center;width:100%;font-size:1.25rem;font-weight:700;overflow:hidden}.child-select__age{color:var(--color-slate-400);text-align:center;margin-top:.25rem;font-size:.75rem;font-weight:700;line-height:1.35}.child-select__edit-btn{color:var(--color-slate-400);border:2px solid var(--color-slate-100);box-shadow:var(--shadow-md);opacity:0;background-color:#fff;border-radius:9999px;padding:.5rem;transition:all .15s;position:absolute;top:-.5rem;left:-.5rem}.child-select__profile:hover .child-select__edit-btn{opacity:1}.child-select__edit-btn:hover{color:var(--color-kid-purple);border-color:var(--color-kid-purple);transform:scale(1.1)}.child-select__add-card{border:4px dashed var(--color-slate-300);background-color:var(--color-slate-50);color:var(--color-slate-400);border-radius:1.5rem;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;transition:all .15s;display:flex}.child-select__add-card:hover{color:var(--color-kid-purple);border-color:var(--color-kid-purple);background-color:var(--color-purple-50)}.child-select__add-icon{background-color:var(--color-slate-200);border-radius:9999px;justify-content:center;align-items:center;width:4rem;height:4rem;margin-bottom:1rem;transition:all .15s;display:flex}.child-select__add-card:hover .child-select__add-icon{background-color:var(--color-kid-purple);color:#fff}.child-select__add-label{font-size:1.125rem;font-weight:700}.child-select__form{max-width:28rem;margin:0 auto;animation:.3s ease-out fade-in}.child-select__form-section{margin-bottom:2rem}.child-select__form-label{text-align:center;color:var(--color-slate-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.875rem;font-weight:700;display:block}.child-select__avatar-grid{background-color:var(--color-slate-50);border-radius:1.5rem;flex-wrap:wrap;justify-content:center;gap:1rem;padding:1rem;display:flex}.child-select__avatar-btn{background-color:#fff;border-radius:1rem;padding:.75rem;font-size:2.25rem;transition:all .15s}.child-select__avatar-btn:hover{background-color:var(--color-slate-200);transform:scale(1.1)}.child-select__avatar-btn--active{background-color:var(--color-kid-yellow);box-shadow:var(--shadow-lg);outline:4px solid #fff;transform:scale(1.1)}.child-select__name-input{text-align:center;width:100%;color:var(--color-slate-700);background-color:var(--color-slate-100);border:4px solid #0000;border-radius:1.5rem;outline:none;padding:1.5rem;font-size:1.875rem;font-weight:900;transition:all .15s}.child-select__name-input::placeholder{color:var(--color-slate-300)}.child-select__name-input:focus{border-color:var(--color-kid-blue);background-color:#fff}.child-select__name-helper{text-align:center;color:var(--color-slate-400);margin-top:.5rem;font-size:.75rem;font-style:italic}.child-select__age-input{text-align:center;width:100%;color:var(--color-slate-700);background-color:var(--color-slate-100);appearance:none;cursor:pointer;border:4px solid #0000;border-radius:1rem;outline:none;padding:1rem;font-size:1.25rem;font-weight:700;transition:all .15s}.child-select__age-input:focus{border-color:var(--color-kid-blue);background-color:#fff}.child-select__age-helper{text-align:center;color:var(--color-slate-400);margin-top:.5rem;padding:0 1rem;font-size:.75rem}.child-select__form-actions{gap:1rem;display:flex}.child-select__form-cancel{color:var(--color-slate-500);border-radius:1rem;flex:1;padding:1rem;font-weight:700}.child-select__form-cancel:hover{background-color:var(--color-slate-100)}.child-select__form-save{background-color:var(--color-kid-green);color:#fff;box-shadow:var(--shadow-lg);border-radius:1rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:1.25rem;font-weight:700;transition:all .15s;display:flex}.child-select__form-save:hover{background-color:var(--color-green-500)}.child-select__form-save:active{transform:scale(.95)}.stats-modal__overlay{-webkit-backdrop-filter:blur(4px);z-index:50;background-color:#0009;justify-content:center;align-items:center;padding:1rem;animation:.3s ease-out fade-in;display:flex;position:fixed;inset:0}.stats-modal__card{width:100%;max-width:56rem;box-shadow:var(--shadow-2xl);background-color:#fff;border-radius:1.5rem;flex-direction:column;max-height:90vh;display:flex}.stats-modal__header{border-bottom:1px solid var(--color-slate-100);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.stats-modal__title{color:var(--color-slate-800);align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;display:flex}.stats-modal__title-icon{color:var(--color-kid-yellow)}.stats-modal__close{color:var(--color-slate-400);border-radius:9999px;padding:.5rem}.stats-modal__close:hover{background-color:var(--color-slate-100)}.stats-modal__body{padding:1.5rem;overflow-y:auto}.stats-modal__body>*+*{margin-top:1.5rem}.stats-modal__filter{background-color:var(--color-blue-50);border:1px solid var(--color-blue-100);border-radius:1rem;padding:1rem}.stats-modal__filter-label{color:#1e40af;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;font-weight:700;display:flex}.stats-modal__filter-select{appearance:none;border:1px solid var(--color-blue-200);width:100%;color:var(--color-slate-700);background-color:#fff;border-radius:.75rem;outline:none;padding:.75rem 2.5rem .75rem 1rem;font-weight:700}.stats-modal__filter-select:focus{border-color:var(--color-kid-blue)}.stats-modal__filter-arrow{color:var(--color-blue-300);pointer-events:none;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.stats-modal__content{margin-top:1.5rem;animation:.3s ease-out fade-in}.stats-modal__content>*+*{margin-top:1.5rem}.stats-modal__summary-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}@media (width>=768px){.stats-modal__summary-grid{grid-template-columns:repeat(4,1fr)}}.stats-modal__summary-item{text-align:center;box-shadow:var(--shadow-sm);background-color:#fff;border-radius:.75rem;padding:.75rem}.stats-modal__summary-value{color:var(--color-slate-700);font-size:1.5rem;font-weight:900}.stats-modal__summary-value--blue{color:var(--color-kid-blue)}.stats-modal__summary-value--pink{color:var(--color-kid-pink)}.stats-modal__summary-value--green{color:var(--color-kid-green);justify-content:center;align-items:center;gap:.25rem;display:flex}.stats-modal__summary-label{color:var(--color-slate-400);text-transform:uppercase;font-size:10px;font-weight:700}.stats-modal__words-section{border:1px solid var(--color-slate-100);box-shadow:var(--shadow-sm);background-color:#fff;border-radius:.75rem;padding:1rem}.stats-modal__words-title{color:var(--color-slate-600);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;font-weight:700;display:flex}.stats-modal__words-title-icon{color:var(--color-orange-400)}.stats-modal__words-list{flex-wrap:wrap;gap:.5rem;display:flex}.stats-modal__word-chip{background-color:var(--color-orange-50);color:var(--color-orange-600);border:1px solid var(--color-orange-100);border-radius:9999px;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.875rem;font-weight:500;display:flex}.stats-modal__word-count{box-shadow:var(--shadow-sm);background-color:#fff;border-radius:9999px;padding:.125rem .375rem;font-size:.75rem;font-weight:700}.stats-modal__empty{color:var(--color-slate-400);font-size:.875rem;font-style:italic}.stats-modal__chart{border:2px solid var(--color-slate-100);background-color:#fff;border-radius:1rem;padding:1.5rem}.stats-modal__chart-header{align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.stats-modal__chart-icon{color:var(--color-slate-400)}.stats-modal__chart-title{color:var(--color-slate-700);font-size:1.125rem;font-weight:700}.stats-modal__chart-bars{align-items:flex-end;gap:.25rem;height:12rem;padding:1.5rem 0;display:flex;overflow-x:auto}.stats-modal__chart-bar-group{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:14px;height:100%;display:flex;position:relative}.stats-modal__chart-tooltip{opacity:0;background-color:var(--color-slate-800);color:#fff;white-space:nowrap;z-index:20;pointer-events:none;box-shadow:var(--shadow-lg);border-radius:.25rem;padding:.25rem .5rem;font-size:10px;transition:opacity .15s;position:absolute;top:-2rem;left:50%;transform:translate(-50%)}.stats-modal__chart-bar-group:hover .stats-modal__chart-tooltip{opacity:1}.stats-modal__chart-bar{border-radius:.125rem .125rem 0 0;width:100%;min-height:4px;transition:all .15s}.stats-modal__chart-bar--has-value{background-color:var(--color-kid-blue)}.stats-modal__chart-bar--empty{background-color:var(--color-slate-100)}.stats-modal__chart-bar-group:hover .stats-modal__chart-bar--has-value{background-color:var(--color-kid-purple)}.stats-modal__chart-label{text-align:center;width:2rem;color:var(--color-slate-300);margin-top:.5rem;font-size:9px;font-weight:700;position:absolute;bottom:-1rem}.stats-modal__chart-label--today{color:var(--color-kid-purple)}.stats-modal__averages{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=768px){.stats-modal__averages{grid-template-columns:repeat(3,1fr)}}.stats-modal__average-item{background-color:var(--color-slate-50);text-align:center;border-radius:1rem;padding:1rem}.stats-modal__average-value{margin-bottom:.25rem;font-size:1.875rem;font-weight:900}.stats-modal__average-value--default{color:var(--color-slate-700)}.stats-modal__average-value--blue{color:var(--color-kid-blue);justify-content:center;align-items:center;gap:.25rem;display:flex}.stats-modal__average-value--pink{color:var(--color-kid-pink);justify-content:center;align-items:center;gap:.25rem;display:flex}.stats-modal__average-label{color:var(--color-slate-400);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.stats-modal__history{border:2px solid var(--color-slate-100);background-color:#fff;border-radius:1rem;padding:1.5rem}.stats-modal__history-title{color:var(--color-slate-700);margin-bottom:1rem;font-size:1.125rem;font-weight:700}.stats-modal__history-list>*+*{margin-top:1rem}.stats-modal__history-row{border-bottom:1px solid var(--color-slate-50);justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.stats-modal__history-label{color:var(--color-slate-500);font-weight:500}.stats-modal__history-value{color:var(--color-slate-800);font-weight:700}.stats-modal__history-empty{text-align:center;color:var(--color-slate-400);padding:2rem;font-weight:500}.processing-state{-webkit-backdrop-filter:blur(4px);border:1px solid var(--color-slate-100);box-shadow:var(--shadow-xl);background-color:#ffffff80;border-radius:2rem;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;animation:.3s ease-out fade-in;display:flex}.processing-state__icon-wrapper{position:relative}.processing-state__glow{filter:blur(12px);background-color:#4cc9f04d;border-radius:9999px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse;position:absolute;inset:0}.processing-state__icon{color:var(--color-kid-blue);z-index:10;animation:1s linear infinite spin;position:relative}.processing-state__text{color:var(--color-slate-500);font-size:1.125rem;font-weight:700;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.recorder{z-index:60;pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:fixed;bottom:7rem;left:0;right:0}.recorder__card{-webkit-backdrop-filter:blur(12px);border:4px solid var(--color-kid-pink);pointer-events:auto;background-color:#fffffff2;border-radius:2.5rem;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:24rem;margin:0 auto;padding:1.5rem;display:flex;box-shadow:0 10px 40px #0003}.recorder__label{color:var(--color-kid-pink);margin-bottom:.5rem;font-size:1.25rem;font-weight:700;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.recorder__visualizer{justify-content:center;align-items:flex-end;width:8rem;height:4rem;margin-bottom:1rem;display:flex}.recorder__visualizer svg{width:100%;height:100%}.recorder__stop-btn{background-color:var(--color-kid-pink);color:#fff;box-shadow:var(--shadow-xl);border-radius:2rem;align-items:center;gap:.75rem;padding:1.5rem 3rem;font-size:1.875rem;font-weight:900;transition:all .15s;display:flex}.recorder__stop-btn:hover{background-color:#db2777;transform:scale(1.05)}.recorder__stop-btn:active{transform:scale(.95)}.success-anim{pointer-events:none;z-index:50;position:absolute;inset:0;overflow:hidden}.success-anim__confetti-particle{opacity:0;width:.75rem;height:1.5rem;animation:2.5s ease-out forwards confetti-fall;position:absolute}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}.success-anim__balloon{animation-name:balloon-rise;animation-timing-function:ease-in;animation-fill-mode:forwards;position:absolute;bottom:-150px}.success-anim__balloon-body{flex-direction:column;align-items:center;display:flex;position:relative}.success-anim__balloon-shape{opacity:.9;border-radius:9999px;width:6rem;height:8rem;position:relative;box-shadow:inset -10px -10px 20px #0000001a}.success-anim__balloon-highlight{background-color:#ffffff4d;border-radius:9999px;width:1rem;height:2rem;position:absolute;top:1.5rem;right:1.5rem;transform:rotate(-45deg)}.success-anim__balloon-string{background-color:#94a3b880;width:2px;height:6rem;margin-top:-5px}@keyframes balloon-rise{0%{opacity:1;transform:translateY(0)translate(0)}25%{transform:translateY(-30vh)translate(10px)}50%{transform:translateY(-60vh)translate(-10px)}to{opacity:0;transform:translateY(-120vh)translate(0)}}.success-anim__star{animation:1.5s ease-out forwards star-pop;position:absolute}@keyframes star-pop{0%{opacity:0;transform:scale(0)rotate(0)}50%{opacity:1;transform:scale(1.5)rotate(180deg)}to{opacity:0;transform:scale(0)rotate(360deg)}}.success-anim__firework{border-radius:9999px;width:1rem;height:1rem;animation:.8s ease-out forwards firework;position:absolute}@keyframes firework{0%{opacity:1;transform:scale(0)}50%{opacity:.8;transform:scale(15)}to{opacity:0;transform:scale(20)}}.success-anim__bubble{-webkit-backdrop-filter:blur(4px);background-color:#60a5fa33;border:2px solid #ffffff80;border-radius:9999px;animation-name:bubble-float;animation-timing-function:ease-in-out;animation-fill-mode:forwards;position:absolute;bottom:-100px}.success-anim__bubble-highlight{background-color:#fff6;border-radius:9999px;width:25%;height:25%;position:absolute;top:25%;left:25%}@keyframes bubble-float{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:1}50%{transform:translateY(-50vh)translate(20px)}to{opacity:0;transform:translateY(-110vh)translate(-20px)}}.success-anim__rocket{font-size:3.75rem;animation-name:rocket-fly;animation-timing-function:ease-in;animation-fill-mode:forwards;position:absolute;bottom:-50px}@keyframes rocket-fly{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-120vh)scale(.5)}}.success-anim__emoji{font-size:3.75rem;animation:1s cubic-bezier(.34,1.56,.64,1) forwards emoji-bounce;position:absolute}@keyframes emoji-bounce{0%{opacity:0;transform:scale(0)translateY(100px)}50%{opacity:1;transform:scale(1.2)translateY(-20px)}75%{transform:scale(.9)translateY(10px)}to{opacity:0;transform:scale(1)translateY(0)}}.success-anim__note{font-size:3rem;animation:3s linear forwards music-float;position:absolute}@keyframes music-float{0%{opacity:0;transform:translateY(0)translate(0)rotate(0)}10%{opacity:1}50%{transform:translateY(-40vh)translate(20px)rotate(20deg)}to{opacity:0;transform:translateY(-90vh)translate(-20px)rotate(-20deg)}}.tooltip{justify-content:center;align-items:center;width:fit-content;min-width:2.75rem;min-height:2.75rem;display:flex;position:relative}.tooltip__content{background-color:var(--color-slate-800);color:#fff;text-align:center;width:12rem;box-shadow:var(--shadow-lg);z-index:50;pointer-events:none;border-radius:.5rem;margin-bottom:.5rem;padding:.5rem;font-size:.75rem;animation:.3s ease-out fade-in;display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.tooltip:hover .tooltip__content,.tooltip:focus-within .tooltip__content{display:block}.tooltip__arrow{border:4px solid #0000;border-top-color:var(--color-slate-800);position:absolute;top:100%;left:50%;transform:translate(-50%)}.update-notification{z-index:9999;background-color:var(--color-kid-blue);color:#fff;box-shadow:var(--shadow-lg);justify-content:center;align-items:center;gap:.75rem;padding:.75rem 1rem;animation:.3s ease-out slide-down;display:flex;position:fixed;top:0;left:0;right:0}.update-notification__spinner{width:1.25rem;height:1.25rem;animation:1s linear infinite spin}.update-notification__text{font-size:.875rem;font-weight:600}.update-notification__btn{color:var(--color-kid-blue);background-color:#fff;border-radius:9999px;margin-left:.5rem;padding:.25rem .75rem;font-size:.875rem;font-weight:700;transition:all .15s}.update-notification__btn:hover{background-color:var(--color-blue-50)}.update-notification__btn:active{transform:scale(.95)}.word-detail__overlay{-webkit-backdrop-filter:blur(12px);z-index:50;background-color:#000000b3;justify-content:center;align-items:center;padding:1rem;animation:.3s ease-out fade-in;display:flex;position:fixed;inset:0}.word-detail__card{box-shadow:var(--shadow-2xl);background-color:#fff;border:4px solid #4cc9f01a;border-radius:1rem;flex-direction:column;align-items:center;width:fit-content;min-width:280px;max-width:90%;max-height:85vh;padding:1.25rem;display:flex;position:relative;overflow-y:auto}.word-detail__close{background-color:var(--color-kid-green);color:#fff;box-shadow:var(--shadow-lg);z-index:50;border:2px solid #fff;border-radius:9999px;padding:.5rem;transition:all .15s;position:absolute;top:.5rem;right:.5rem}.word-detail__close:hover{background-color:var(--color-green-600)}.word-detail__syllables{width:100%;margin-top:.25rem;margin-bottom:1rem}.word-detail__syllables-header{color:var(--color-kid-blue);opacity:.8;justify-content:center;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.word-detail__syllables-label{text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:700}.word-detail__syllables-list{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.word-detail__syllable{background-color:var(--color-kid-bg);color:var(--color-kid-purple);box-shadow:var(--shadow-sm);border-bottom:4px solid #4cc9f033;border-radius:.75rem;padding:.5rem 1rem;font-size:1.5rem;font-weight:900;transition:all .15s}@media (width>=768px){.word-detail__syllable{font-size:1.875rem}}.word-detail__syllable:hover{background-color:var(--color-kid-purple);color:#fff;transform:scale(1.05)}.word-detail__syllable:active{border-bottom-width:0;transform:scale(.95)}.word-detail__word-label{text-align:center;color:var(--color-slate-400);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;font-weight:700}.word-detail__word{text-align:center;color:var(--color-slate-800);word-break:break-word;letter-spacing:.05em;margin-bottom:1.25rem;font-size:1.875rem;font-weight:900;line-height:1.1}@media (width>=768px){.word-detail__word{font-size:2.25rem}}.word-detail__actions{justify-content:center;align-items:center;gap:.75rem;width:100%;display:flex}.word-detail__hint-btn{box-shadow:var(--shadow-sm);border:2px solid #0000;border-radius:.75rem;flex-direction:column;flex:.7;align-items:center;gap:.375rem;padding:.75rem;font-weight:700;transition:all .15s;display:flex}.word-detail__hint-btn:active{transform:scale(.95)}.word-detail__hint-btn:disabled{opacity:.7}.word-detail__hint-btn--complete{background-color:var(--color-green-50);color:var(--color-kid-green);border-color:var(--color-green-100)}.word-detail__hint-btn--complete:hover{background-color:var(--color-green-100);border-color:var(--color-green-200)}.word-detail__hint-btn--incomplete{background-color:var(--color-red-50);color:var(--color-red-500);border-color:var(--color-red-100)}.word-detail__hint-btn--incomplete:hover{background-color:var(--color-red-100);border-color:var(--color-red-200)}.word-detail__hint-btn-label{font-size:.875rem}.word-detail__play-btn{background-color:var(--color-kid-green);color:#fff;box-shadow:var(--shadow-lg), 0 4px 14px #06d6a033;border-bottom:4px solid var(--color-green-600);border-radius:.75rem;flex-direction:column;flex:1;align-items:center;gap:.375rem;padding:1rem;font-weight:700;transition:all .15s;display:flex}.word-detail__play-btn:hover{background-color:var(--color-green-500);transform:scale(1.05)}.word-detail__play-btn:active{border-bottom-width:0;transform:translateY(.125rem)scale(.95)}.word-detail__play-btn-label{font-size:1rem}.hint-confirm__card{width:100%;max-width:24rem;box-shadow:var(--shadow-2xl);text-align:center;background-color:#fff;border:8px solid #fff;border-radius:2.5rem;padding:2rem;position:relative;overflow:hidden}.hint-confirm__icon{background-color:var(--color-yellow-100);border-radius:9999px;justify-content:center;align-items:center;width:6rem;height:6rem;margin:0 auto 1.5rem;display:flex}.hint-confirm__icon-emoji{font-size:3rem}.hint-confirm__title{color:var(--color-slate-800);margin-bottom:.5rem;font-size:1.5rem;font-weight:900}.hint-confirm__subtitle{color:var(--color-slate-500);margin-bottom:2rem;font-weight:700}.hint-confirm__actions{flex-direction:column;gap:.75rem;display:flex}.hint-confirm__btn-yes{background-color:var(--color-kid-green);color:#fff;width:100%;box-shadow:var(--shadow-lg);border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;padding:1rem;font-size:1.25rem;font-weight:700;transition:all .15s;display:flex}.hint-confirm__btn-yes:hover{background-color:var(--color-green-500)}.hint-confirm__btn-yes:active{transform:scale(.95)}.hint-confirm__btn-no{width:100%;color:var(--color-red-400);border-radius:1rem;padding:.75rem;font-size:.875rem;font-weight:700;transition:background-color .15s}.hint-confirm__btn-no:hover{background-color:var(--color-red-50)}.add-story__overlay{-webkit-backdrop-filter:blur(4px);z-index:50;background-color:#0009;justify-content:center;align-items:center;padding:1rem;animation:.3s ease-out fade-in;display:flex;position:fixed;inset:0}.add-story__card{width:100%;max-width:32rem;box-shadow:var(--shadow-2xl);background-color:#fff;border:8px solid #fff;border-radius:1.5rem;flex-direction:column;max-height:90vh;display:flex;position:relative;overflow:hidden}.add-story__loading{z-index:20;text-align:center;background-color:#fffffff2;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:2rem;transition:all .15s;display:flex;position:absolute;inset:0}.add-story__loading-icon{position:relative}.add-story__loading-glow{filter:blur(12px);background-color:#4cc9f033;border-radius:9999px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse;position:absolute;inset:0}.add-story__loading-check{color:var(--color-green-500);z-index:10;animation:3s infinite bounce-slow;position:relative}.add-story__loading-spinner{color:var(--color-kid-yellow);z-index:10;animation:1s linear infinite spin;position:relative}.add-story__loading-title{color:var(--color-slate-800);margin-bottom:.5rem;font-size:1.5rem;font-weight:900}.add-story__loading-desc{color:var(--color-slate-500);font-weight:500}.add-story__loading-progress{background-color:var(--color-slate-100);border-radius:9999px;width:100%;max-width:20rem;height:1rem;overflow:hidden}.add-story__loading-progress-bar{border-radius:9999px;height:100%;transition:all .3s ease-out}.add-story__header{border-bottom:1px solid var(--color-slate-100);background-color:var(--color-slate-50);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.add-story__header-info{flex-direction:column;display:flex}.add-story__title{color:var(--color-slate-800);align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;display:flex}.add-story__title-icon{color:var(--color-kid-purple)}.add-story__title-hint{color:var(--color-slate-500);font-size:.875rem}.add-story__header-close{color:var(--color-slate-400);border-radius:9999px;padding:.5rem;transition:background-color .15s}.add-story__header-close:hover{background-color:var(--color-slate-200)}.add-story__tabs{padding:1.5rem 1.5rem 0}.add-story__tabs-row{background-color:var(--color-slate-100);border-radius:1rem;width:100%;padding:.375rem;display:flex}.add-story__tab{color:var(--color-slate-400);border-radius:.75rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.875rem;font-weight:700;transition:all .15s;display:flex}.add-story__tab:hover{color:var(--color-slate-600)}.add-story__tab--active-purple{color:var(--color-kid-purple);box-shadow:var(--shadow-sm);background-color:#fff}.add-story__tab--active-blue{color:var(--color-kid-blue);box-shadow:var(--shadow-sm);background-color:#fff}.add-story__body{background-color:#fff;flex:1;padding:1.5rem;overflow-y:auto}.add-story__body>*+*{margin-top:1.5rem}.add-story__lang-label{color:var(--color-slate-600);margin-bottom:.5rem;font-size:.875rem;font-weight:700;display:block}.add-story__lang-row{gap:1rem;display:flex}.add-story__lang-btn{border:2px solid var(--color-slate-100);color:var(--color-slate-400);border-radius:.75rem;flex:1;padding:.75rem;font-size:.875rem;font-weight:700;transition:all .15s}.add-story__lang-btn--active-nl{border-color:var(--color-orange-200);background-color:var(--color-orange-50);color:var(--color-orange-600)}.add-story__lang-btn--active-en{border-color:var(--color-blue-200);background-color:var(--color-blue-50);color:var(--color-blue-600)}.add-story__write-section{animation:.3s ease-out fade-in}.add-story__write-section>*+*{margin-top:1.5rem}.add-story__write-label{color:var(--color-slate-600);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;font-weight:700;display:flex}.add-story__textarea{background-color:var(--color-slate-50);border:2px solid var(--color-slate-100);width:100%;color:var(--color-slate-700);resize:none;border-radius:1rem;outline:none;min-height:160px;padding:1rem;font-weight:500;line-height:1.625;transition:all .15s}.add-story__textarea::placeholder{color:var(--color-slate-300)}.add-story__textarea:focus{border-color:var(--color-kid-blue);background-color:#fff}.add-story__write-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.add-story__title-input{background-color:var(--color-slate-50);border:2px solid var(--color-slate-100);width:100%;color:var(--color-slate-700);text-align:center;border-radius:1rem;outline:none;padding:1rem;font-size:1.25rem;font-weight:900;transition:all .15s}.add-story__title-input:focus{border-color:var(--color-kid-blue);background-color:#fff}.add-story__paste-section{flex-direction:column;gap:1rem;height:100%;animation:.3s ease-out fade-in;display:flex}.add-story__paste-area{flex-direction:column;flex:1;display:flex}.add-story__paste-textarea{border:2px solid var(--color-slate-200);resize:none;border-radius:.75rem;outline:none;flex:1;width:100%;min-height:240px;padding:1rem;font-size:1.125rem;line-height:1.625;transition:border-color .15s}.add-story__paste-textarea:focus{border-color:var(--color-kid-blue)}.add-story__footer{border-top:1px solid var(--color-slate-100);background-color:var(--color-slate-50);border-radius:0 0 1.5rem 1.5rem;justify-content:flex-end;gap:.75rem;padding:1.5rem;display:flex}.add-story__cancel-btn{color:var(--color-slate-500);border-radius:.75rem;padding:.75rem 1.5rem;font-weight:700;transition:background-color .15s}.add-story__cancel-btn:hover{background-color:var(--color-slate-200)}.add-story__submit-btn{color:#fff;box-shadow:var(--shadow-lg);border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 2rem;font-weight:700;transition:all .15s;display:flex}.add-story__submit-btn:active{transform:scale(.95)}.add-story__submit-btn:disabled{opacity:.5;cursor:not-allowed}.add-story__submit-btn--purple{background-color:var(--color-kid-purple);box-shadow:var(--shadow-lg), 0 4px 14px #7209b733}.add-story__submit-btn--purple:hover{background-color:var(--color-purple-600)}.add-story__submit-btn--green{background-color:var(--color-kid-green);box-shadow:var(--shadow-lg), 0 4px 14px #06d6a033}.add-story__submit-btn--green:hover{background-color:var(--color-green-500)}.story-meta__header{border-bottom:1px solid var(--color-slate-100);background-color:var(--color-slate-50);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.story-meta__header-left{flex:1;align-items:center;gap:.5rem;margin-right:1rem;display:flex}.story-meta__title-edit{flex:1;align-items:center;gap:.5rem;animation:.3s ease-out fade-in;display:flex}.story-meta__title-input{border:2px solid var(--color-kid-blue);color:var(--color-slate-800);border-radius:.5rem;outline:none;flex:1;padding:.5rem;font-size:1.25rem;font-weight:900}.story-meta__title-save{background-color:var(--color-kid-green);color:#fff;border-radius:.5rem;padding:.5rem}.story-meta__title-save:hover{background-color:var(--color-green-600)}.story-meta__title-cancel{background-color:var(--color-slate-200);color:var(--color-slate-500);border-radius:.5rem;padding:.5rem}.story-meta__title-cancel:hover{background-color:var(--color-slate-300)}.story-meta__title{color:var(--color-slate-800);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:900;display:flex;overflow:hidden}.story-meta__title-icon{color:var(--color-kid-blue);flex-shrink:0}.story-meta__title-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.story-meta__edit-trigger{color:var(--color-slate-300);padding:.25rem;transition:color .15s}.story-meta__edit-trigger:hover{color:var(--color-kid-blue)}.story-meta__close{color:var(--color-slate-400);border-radius:9999px;flex-shrink:0;padding:.5rem;transition:background-color .15s}.story-meta__close:hover{background-color:var(--color-slate-200)}.story-meta__body{max-height:70vh;padding:2rem;overflow-y:auto}.story-meta__body>*+*{margin-top:2rem}.story-meta__status{border:2px solid;border-radius:1rem;align-items:center;gap:1rem;padding:1rem;display:flex}.story-meta__status>*+*{margin-top:0}.story-meta__status--completed{background-color:var(--color-green-50);border-color:var(--color-green-200);color:var(--color-green-700)}.story-meta__status--incomplete{background-color:var(--color-slate-50);border-color:var(--color-slate-200);color:var(--color-slate-500)}.story-meta__status-icon{border-radius:9999px;padding:.5rem}.story-meta__status-icon--completed{background-color:var(--color-green-200)}.story-meta__status-icon--incomplete{background-color:var(--color-slate-200)}.story-meta__status-title{font-size:1.125rem;font-weight:900}.story-meta__status-subtitle{opacity:.7;font-size:.75rem;font-weight:700}.story-meta__stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}@media (width>=768px){.story-meta__stats-grid{grid-template-columns:repeat(5,1fr)}}.story-meta__stat-card{border:1px solid var(--color-slate-100);box-shadow:var(--shadow-sm);text-align:center;background-color:#fff;border-radius:.75rem;padding:.75rem;position:relative}.story-meta__stat-icon{justify-content:center;margin-bottom:.25rem;display:flex}.story-meta__stat-value{color:var(--color-slate-700);font-size:1.25rem;font-weight:900}.story-meta__stat-label{color:var(--color-slate-400);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:700}.story-meta__stat-tooltip{background-color:var(--color-slate-800);color:#fff;z-index:50;text-align:left;width:8rem;box-shadow:var(--shadow-lg);pointer-events:none;border-radius:.5rem;margin-top:.5rem;padding:.5rem;font-size:.75rem;display:none;position:absolute;top:100%;left:50%;transform:translate(-50%)}.story-meta__stat-card:hover .story-meta__stat-tooltip{display:block}.story-meta__divider{background-color:var(--color-slate-100);width:100%;height:1px}.story-meta__info-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=768px){.story-meta__info-grid{grid-template-columns:repeat(2,1fr)}}.story-meta__info-card{border:2px solid;border-radius:1rem;padding:1.25rem}.story-meta__info-card--blue{background-color:var(--color-blue-50);border-color:var(--color-blue-100)}.story-meta__info-card--purple{background-color:var(--color-purple-50);border-color:var(--color-purple-100)}.story-meta__info-card-header{align-items:center;gap:.5rem;margin-bottom:.25rem;font-weight:700;display:flex}.story-meta__info-card-value{color:var(--color-slate-700);font-size:1.5rem;font-weight:900}.story-meta__info-card-hint{margin-top:.25rem;font-size:.75rem}.story-meta__keywords-title{color:var(--color-slate-400);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;font-size:.875rem;font-weight:900;display:flex}.story-meta__keywords-list{flex-wrap:wrap;gap:.75rem;margin-top:.75rem;display:flex}.story-meta__keyword{color:var(--color-kid-yellow);box-shadow:var(--shadow-sm);background-color:#ffd60a1a;border:2px solid #ffd60a4d;border-radius:1rem;padding:.625rem 1.25rem;font-size:1.125rem;font-weight:900;animation:.3s ease-out fade-in}.story-meta__empty{color:var(--color-slate-400);font-style:italic}.story-meta__summary{background-color:var(--color-slate-50);border:2px solid var(--color-slate-100);color:var(--color-slate-600);white-space:pre-wrap;border-radius:1.5rem;max-height:15rem;padding:1.5rem;font-style:italic;font-weight:500;line-height:1.625;overflow-y:auto}.story-meta__debug-header{border-top:1px solid var(--color-slate-100);padding-top:1rem}.story-meta__debug-toggle{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.story-meta__debug-label{text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:900}.story-meta__debug-expand{color:var(--color-kid-blue);background-color:var(--color-blue-50);border-radius:.5rem;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;transition:color .15s;display:flex}.story-meta__debug-expand:hover{color:var(--color-blue-600)}.story-meta__debug-grid{background-color:var(--color-slate-900);color:var(--color-slate-400);border-radius:.75rem;grid-template-columns:repeat(2,1fr);gap:.75rem;padding:1rem;font-family:monospace;font-size:.75rem;display:grid}.story-meta__debug-key{color:var(--color-slate-500)}.story-meta__debug-value{color:var(--color-blue-300);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.story-meta__debug-raw{background-color:var(--color-slate-900);color:#4ade80;border:2px solid var(--color-slate-700);border-radius:.75rem;max-height:15rem;margin-top:1rem;padding:1rem;font-family:monospace;font-size:10px;animation:.3s ease-out fade-in;overflow:auto}.story-meta__footer{border-top:1px solid var(--color-slate-100);background-color:var(--color-slate-50);text-align:center;padding:1.5rem}.verification__overlay{-webkit-backdrop-filter:blur(4px);z-index:100;background-color:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.verification__card{width:100%;max-width:24rem;box-shadow:var(--shadow-2xl);background-color:#fff;border-radius:1.5rem;padding:2rem;animation:.3s ease-out fade-in;position:relative;overflow:hidden}.verification__close{color:var(--color-slate-400);border-radius:9999px;padding:.5rem;position:absolute;top:1rem;right:1rem}.verification__close:hover{color:var(--color-slate-600);background-color:var(--color-slate-100)}.verification__header{flex-direction:column;align-items:center;margin-bottom:1.5rem;display:flex}.verification__icon{color:var(--color-kid-purple);background-color:#7209b71a;border-radius:9999px;margin-bottom:1rem;padding:1rem}.verification__title{color:var(--color-slate-700);font-size:1.25rem;font-weight:700}.verification__desc{color:var(--color-slate-500);text-align:center;margin-top:.5rem;font-size:.875rem}.verification__code{text-align:center;margin-bottom:1.5rem}.verification__code-display{color:var(--color-slate-800);letter-spacing:.05em;font-family:monospace;font-size:2.25rem;font-weight:900}.verification__input{border:2px solid var(--color-slate-200);text-align:center;border-radius:.75rem;outline:none;width:100%;margin-bottom:1rem;padding:1rem;font-size:1.5rem;font-weight:700;transition:all .15s}.verification__input:focus{border-color:var(--color-kid-purple)}.verification__input--error{border-color:var(--color-red-400);background-color:var(--color-red-50);color:var(--color-red-500)}.verification__submit{background-color:var(--color-slate-800);color:#fff;border-radius:.75rem;width:100%;padding:1rem;font-size:1.125rem;font-weight:700;transition:background-color .15s}.verification__submit:hover{background-color:var(--color-slate-700)}.change-password__card{width:100%;max-width:28rem;box-shadow:var(--shadow-2xl);background-color:#fff;border:8px solid #ffffff80;border-radius:2.5rem;position:relative;overflow:hidden}.change-password__close{color:var(--color-slate-400);z-index:10;border-radius:9999px;padding:.5rem;position:absolute;top:1rem;right:1rem}.change-password__close:hover{color:var(--color-slate-600);background-color:var(--color-slate-100)}.change-password__banner{background-color:#4cc9f01a;justify-content:center;align-items:center;margin-bottom:.5rem;padding:2rem;display:flex}.change-password__banner-icon{color:var(--color-kid-blue);box-shadow:var(--shadow-lg);background-color:#fff;border-radius:1.5rem;padding:1rem}.change-password__body{padding:1rem 2rem 2rem}.change-password__title{text-align:center;color:var(--color-slate-800);margin-bottom:1.5rem;font-size:1.5rem;font-weight:900}.change-password__success{color:var(--color-green-500);flex-direction:column;justify-content:center;align-items:center;padding:2rem 0;animation:3s infinite bounce-slow;display:flex}.change-password__success-icon{margin-bottom:1rem}.change-password__success-text{font-size:1.25rem;font-weight:700}.change-password__form>*+*{margin-top:1rem}.change-password__error{background-color:var(--color-red-50);color:var(--color-red-500);border:2px solid var(--color-red-100);border-radius:1rem;align-items:center;gap:.75rem;padding:1rem;font-size:.875rem;font-weight:700;display:flex}.change-password__error-icon{flex-shrink:0}.change-password__submit-wrapper{padding-top:1rem}.day-program{--day-program-ink:#17324d;--day-program-muted:#62778c;color:var(--day-program-ink);background:radial-gradient(circle at 92% 4%,#ffd60a47 0 4.5rem,#0000 4.6rem),linear-gradient(145deg,#fffef9 0%,#f2fbf7 100%);border:2px solid #d5e7e2;border-radius:2rem;padding:clamp(1rem,3vw,2rem);position:relative;overflow:hidden;box-shadow:0 18px 50px #17324d17}.day-program__header{z-index:1;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:relative}.day-program__heading{align-items:center;gap:.9rem;min-width:0;display:flex}.day-program__sun{color:#7a5700;background:#ffe879;border:2px solid #f4bd12;border-radius:1.1rem;flex:none;place-items:center;width:3.5rem;height:3.5rem;display:grid}.day-program__eyebrow{color:#167c71;letter-spacing:.04em;text-transform:uppercase;margin:0 0 .25rem;font-size:.78rem;font-weight:800}.day-program h2{color:var(--day-program-ink);margin:0;font-size:clamp(1.35rem,3vw,2rem);font-weight:850;line-height:1.12}.day-program__count{color:var(--day-program-muted);background:#ffffffc2;border:1px solid #c9e4dc;border-radius:1rem;flex:none;align-items:baseline;gap:.35rem;padding:.65rem .85rem;display:flex}.day-program__count strong{color:#087b68;font-size:1.35rem}.day-program__count span{font-size:.8rem;font-weight:700}.day-program__progress{z-index:1;background:#dfeee9;border-radius:999px;height:.65rem;margin:1.3rem 0 1.6rem;position:relative;overflow:hidden}.day-program__progress span{border-radius:inherit;background:linear-gradient(90deg,#10a887,#06d6a0);height:100%;transition:width .24s;display:block}.day-program__choice{z-index:1;color:#126c61;background:#f4fcf9;border:2px solid #bdded6;border-radius:1.2rem;align-items:center;gap:.8rem;margin-bottom:1rem;padding:.8rem .95rem;display:flex;position:relative}.day-program__choice svg{flex:none}.day-program__choice div{flex-direction:column;gap:.1rem;display:flex}.day-program__choice strong{font-size:.95rem}.day-program__choice span{color:var(--day-program-muted);font-size:.78rem;font-weight:650}.day-program__celebration{z-index:1;color:#08704f;background:#e9fff4;border:2px solid #8bd7b6;border-radius:1.2rem;align-items:center;gap:.8rem;margin-bottom:1.25rem;padding:.9rem 1rem;display:flex;position:relative}.day-program__sync-warning{z-index:1;color:#8b3527;background:#fff3ef;border:1px solid #f0b6a8;border-radius:1rem;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem .9rem;font-size:.8rem;font-weight:700;display:flex;position:relative}.day-program__sync-warning button{min-height:2.75rem;color:inherit;background:#fff;border-radius:.75rem;padding:.45rem .7rem;font-weight:800}.day-program__celebration div{flex-direction:column;gap:.1rem;display:flex}.day-program__celebration strong{font-size:1rem}.day-program__celebration span{font-size:.82rem;font-weight:650}.day-program__list{z-index:1;gap:.75rem;margin:0;padding:0;list-style:none;display:grid;position:relative}.day-program__item{position:relative}.day-program__item-card{background:#ffffffe6;border:2px solid #dce9e5;border-radius:1.35rem;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:.85rem;min-height:6rem;padding:.85rem .9rem;display:grid;box-shadow:0 5px #235e5414}.day-program__item--completed .day-program__item-card{background:#f0faf6d1;border-color:#cfe5dc}.day-program__check{color:#8aa59e;border-radius:50%;place-items:center;width:3rem;height:3rem;display:grid}.day-program__check:hover,.day-program__check:focus-visible{color:#087b68;background:#e8f5f1}.day-program__item--completed .day-program__check{color:#109570}.day-program__item-icon{color:#167c71;background:#edf8f4;border-radius:1rem;place-items:center;width:3rem;height:3rem;font-size:1.55rem;display:grid}.day-program__item[data-kind=story] .day-program__item-icon{color:#246da8;background:#e9f3ff}.day-program__item[data-kind=break] .day-program__item-icon{color:#bd4a70;background:#fff0f4}.day-program__item-copy{min-width:0}.day-program__item-meta{flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:.2rem;display:flex}.day-program__item-meta span{color:var(--day-program-muted);font-size:.72rem;font-weight:750}.day-program__item-meta strong{color:#6c4d00;background:#ffe879;border-radius:999px;padding:.18rem .48rem;font-size:.67rem;font-weight:850}.day-program__item--completed .day-program__item-meta strong{color:#08704f;background:#d9f7e9}.day-program__item-copy h3{color:var(--day-program-ink);margin:0;font-size:1.04rem;font-weight:850;line-height:1.25}.day-program__item-copy p{color:var(--day-program-muted);margin:.2rem 0 0;font-size:.82rem;font-weight:560;line-height:1.45}.day-program__item--completed .day-program__item-copy h3{color:#58736d}.day-program__start,.day-program__retry{color:#fff;background:#0aa77e;border-radius:1rem;justify-content:center;align-items:center;gap:.45rem;min-height:3rem;padding:.65rem .9rem;font-weight:850;display:inline-flex;box-shadow:0 4px #08765d}.day-program__start:hover,.day-program__retry:hover{background:#078d6b}.day-program__start:active,.day-program__retry:active{transform:translateY(2px);box-shadow:0 2px #08765d}.day-program--empty,.day-program--loading{text-align:center;align-content:center;place-items:center;gap:.7rem;min-height:18rem;display:grid}.day-program--empty h2{margin:0}.day-program--empty p,.day-program--loading p{color:var(--day-program-muted);margin:0;font-weight:650}.day-program__empty-icon{color:#167c71;background:#eaf8f3;border:2px solid #acd9cf;border-radius:1.5rem;place-items:center;width:4.7rem;height:4.7rem;display:grid}@media (width<=720px){.day-program{border-radius:1.5rem;padding:1rem}.day-program__header{align-items:flex-start}.day-program__count{flex-direction:column;align-items:center;gap:0}.day-program__item-card{grid-template-columns:auto minmax(0,1fr) auto;gap:.55rem}.day-program__item-icon{display:none}.day-program__start{width:3rem;padding:0}.day-program__start span{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}}.oefening-shell{background:var(--theme-bg,var(--color-kid-bg));min-height:100vh;padding-bottom:env(safe-area-inset-bottom);flex-direction:column;display:flex}.oefening-shell__top{z-index:10;border-bottom:1px solid var(--color-slate-200);background:#fff;position:sticky;top:0}.oefening-shell__header{padding:1rem 1.25rem;padding-top:calc(1rem + env(safe-area-inset-top));background:#fff;align-items:center;gap:.75rem;display:flex}.oefening-shell__terug-btn{background:var(--color-slate-100);width:2.5rem;height:2.5rem;color:var(--color-slate-600);cursor:pointer;border:none;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;display:flex}.oefening-shell__terug-btn:active{background:var(--color-slate-200)}.oefening-shell__titel-area{flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.oefening-shell__emoji{font-size:1.5rem}.oefening-shell__titel{color:var(--color-slate-800);white-space:nowrap;text-overflow:ellipsis;font-size:1.125rem;font-weight:700;overflow:hidden}.oefening-shell__stats{flex-shrink:0;gap:1rem;display:flex}.oefening-shell__stat{color:var(--color-slate-600);align-items:center;gap:.25rem;font-size:.875rem;font-weight:600;display:flex}.oefening-shell__manage-btn{border:1px solid var(--color-kid-blue);min-height:2.5rem;color:var(--color-kid-blue);font:inherit;cursor:pointer;background:#fff;border-radius:.75rem;justify-content:center;align-items:center;gap:.4rem;padding:.5rem .75rem;font-size:.82rem;font-weight:750;display:inline-flex}.exercise-manager-modal__overlay{z-index:120;padding:max(1rem, env(safe-area-inset-top)) 1rem max(1rem, env(safe-area-inset-bottom));background:#0f172a94;position:fixed;inset:0;overflow-y:auto}.exercise-manager-modal__dialog{background:var(--color-kid-bg);border-radius:1.25rem;width:min(100%,54rem);min-height:min(40rem,100vh - 2rem);margin:0 auto;padding:1rem;box-shadow:0 24px 64px #0f172a3d}.exercise-manager-modal__header{justify-content:space-between;align-items:flex-start;gap:1rem;padding:.25rem .25rem 1rem;display:flex}.exercise-manager-modal__header h2,.exercise-manager-modal__header p{margin:0}.exercise-manager-modal__header p{color:var(--color-slate-600);margin-top:.25rem}.exercise-manager-modal__header button{width:2.75rem;height:2.75rem;color:var(--color-slate-700);cursor:pointer;background:#fff;border:0;border-radius:.75rem;flex:none;place-items:center;display:grid}@media (width<=32rem){.oefening-shell__manage-btn{width:2.5rem;padding:0}.oefening-shell__manage-btn span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.exercise-manager-modal__overlay{padding-left:0;padding-right:0}.exercise-manager-modal__dialog{border-radius:0;min-height:100vh}}.oefening-shell__voortgang{padding:.25rem 1.25rem .5rem}.oefening-shell__content{flex:1;width:100%;max-width:40rem;margin:0 auto;padding:1.5rem 1.25rem}.oefening-resultaat{background:var(--theme-bg,var(--color-kid-bg));justify-content:center;align-items:center;min-height:100vh;padding:2rem 1.25rem;display:flex}.oefening-resultaat__card{text-align:center;background:#fff;border-radius:1.5rem;width:100%;max-width:28rem;padding:2rem;box-shadow:0 4px 24px #00000014}.oefening-resultaat__header{margin-bottom:1.5rem}.oefening-resultaat__reaction{margin-bottom:.5rem;font-size:3rem;display:block}.oefening-resultaat__bericht{color:var(--color-slate-800);margin:0;font-size:1.5rem;font-weight:800}.oefening-resultaat__emoji{font-size:1.25rem}.oefening-resultaat__titel{color:var(--color-slate-500);margin:.25rem 0 0;font-size:.875rem}.oefening-resultaat__beschrijving{max-width:22rem;color:var(--color-slate-600);margin:1rem auto 0;font-size:1rem;line-height:1.6}.oefening-resultaat__score-ring{background:linear-gradient(135deg, var(--color-kid-blue), var(--color-kid-purple));border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:8rem;height:8rem;margin:1.5rem auto;display:flex}.oefening-resultaat__score-waarde{align-items:baseline;display:flex}.oefening-resultaat__score-getal{color:#fff;font-size:2.25rem;font-weight:800;line-height:1}.oefening-resultaat__score-procent{color:#fffc;font-size:1rem;font-weight:700}.oefening-resultaat__score-detail{color:#ffffffe6;margin:.25rem 0 0;font-size:.75rem}.oefening-resultaat__stats{flex-wrap:wrap;justify-content:center;gap:1.25rem;margin:1.5rem 0;display:flex}.oefening-resultaat__inzichten{grid-template-columns:repeat(3,minmax(0,1fr));gap:.625rem;margin:1.5rem 0;display:grid}.oefening-resultaat__inzicht{border:1px solid var(--color-slate-200);background:var(--color-slate-50);min-height:7rem;color:var(--color-slate-600);border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.75rem .375rem;display:flex}.oefening-resultaat__inzicht svg{color:var(--color-kid-blue)}.oefening-resultaat__inzicht strong{color:var(--color-slate-800);font-size:1.125rem;line-height:1.15}.oefening-resultaat__inzicht span{font-size:.75rem;font-weight:700}.oefening-resultaat__inzicht--punten{background:var(--color-yellow-50);border-color:#fde68a}.oefening-resultaat__inzicht--punten svg,.oefening-resultaat__inzicht--punten strong{color:#a16207}.oefening-resultaat__stat{color:var(--color-slate-600);align-items:center;gap:.375rem;font-size:.875rem;display:flex}.oefening-resultaat__acties{gap:.75rem;margin-top:1.5rem;display:flex}.oefening-resultaat__btn{cursor:pointer;border:none;border-radius:.875rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.875rem;font-size:1rem;font-weight:700;transition:transform .1s;display:flex}.oefening-resultaat__btn:active{transform:scale(.97)}.oefening-resultaat__btn--opnieuw{background:var(--color-kid-blue);color:#fff}.oefening-resultaat__btn--terug{background:var(--color-slate-100);color:var(--color-slate-700)}.tts-speler__group{flex-direction:column;align-items:center;gap:.5rem;display:inline-flex}.tts-speler{border:2px solid var(--color-kid-blue);color:var(--color-kid-blue);cursor:pointer;background:#fff;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:600;transition:all .15s;display:inline-flex}.tts-speler:hover{background:var(--color-blue-50)}.tts-speler:active{transform:scale(.96)}.tts-speler--groot{border-radius:1rem;padding:1rem 1.5rem;font-size:1.125rem}.tts-speler--actief{background:var(--color-kid-blue);color:#fff;pointer-events:none}.tts-speler__spinner{animation:1s linear infinite spin}.tts-speler__label{white-space:nowrap}.tts-speler__error{max-width:18rem;color:var(--color-orange-700);text-align:center;font-size:.9rem;font-weight:750;line-height:1.35}.dyslexie-dash{background:var(--theme-bg,var(--color-kid-bg));min-height:100vh;padding-bottom:2rem}.dyslexie-dash__header{padding:1.25rem;padding-top:calc(1.25rem + env(safe-area-inset-top));border-bottom:1px solid var(--color-slate-200);background:#fff;align-items:center;gap:.75rem;display:flex}.dyslexie-dash__terug-btn{background:var(--color-slate-100);width:2.5rem;height:2.5rem;color:var(--color-slate-600);cursor:pointer;border:none;border-radius:.75rem;justify-content:center;align-items:center;display:flex}.dyslexie-dash__titel-area{align-items:center;gap:.75rem;display:flex}.dyslexie-dash__logo{font-size:2rem}.dyslexie-dash__titel{color:var(--color-slate-800);margin:0;font-size:1.375rem;font-weight:800}.dyslexie-dash__subtitel{color:var(--color-slate-500);margin:0;font-size:.8rem}.dyslexie-dash__categorieen{flex-direction:column;gap:1.5rem;max-width:40rem;margin:0 auto;padding:1.25rem;display:flex}.dyslexie-dash__punten{width:min(100%,40rem);margin:0 auto;padding:1.25rem 1.25rem 0}.oefenpunten-overzicht{width:100%;color:var(--color-slate-700);background:linear-gradient(135deg,#fffbeb,#fff);border:1px solid #fde68a;border-radius:1.125rem;align-items:center;gap:1rem;padding:1rem 1.125rem;display:flex;box-shadow:0 3px 14px #a1620714}.oefenpunten-overzicht__icoon{color:#a16207;background:#fef3c7;border-radius:1rem;flex:none;place-items:center;width:3.25rem;height:3.25rem;display:grid}.oefenpunten-overzicht__stat{grid-template-columns:auto auto;align-items:center;gap:0 .4rem;display:grid}.oefenpunten-overzicht__stat strong{color:var(--color-slate-800);font-size:1.35rem;line-height:1.1}.oefenpunten-overzicht__stat span{color:var(--color-slate-500);grid-column:1/3;font-size:.75rem;font-weight:700}.oefenpunten-overzicht__stat svg{color:var(--color-kid-blue)}.oefenpunten-overzicht__scheiding{background:var(--color-slate-200);width:1px;height:2.5rem}.oefenpunten-overzicht__melding{color:var(--color-slate-600);margin-left:auto;font-size:.75rem;font-weight:700}.oefenpunten-status{color:var(--color-slate-600);flex-wrap:wrap;gap:.35rem .75rem;margin-top:.65rem;font-size:.72rem;font-weight:700;line-height:1.35;display:flex}.oefenpunten-status>span,.oefenpunten-status--leeg{align-items:center;gap:.25rem;display:inline-flex}.oefenpunten-status svg{color:var(--color-kid-blue);flex:none}.oefenpunten-status>span:nth-child(2) svg{color:#a16207}.oefenpunten-status>span:last-child{flex-basis:100%}.oefening-catalogus{gap:1rem;min-width:0;display:grid}.oefening-sorteren{color:var(--color-slate-600);justify-content:flex-end;align-items:center;gap:.625rem;font-size:.82rem;font-weight:750;display:flex}.oefening-sorteren__label{align-items:center;gap:.4rem;display:inline-flex}.oefening-sorteren__label svg{color:var(--color-kid-blue)}.oefening-sorteren__select{align-items:center;display:inline-flex;position:relative}.oefening-sorteren__select select{appearance:none;border:1.5px solid var(--color-slate-200);max-width:16rem;min-height:2.75rem;color:var(--color-slate-700);font:inherit;cursor:pointer;background:#fff;border-radius:.875rem;outline:none;padding:.625rem 2.5rem .625rem .875rem}.oefening-sorteren__select select:focus-visible{border-color:var(--color-kid-blue);box-shadow:0 0 0 3px #4cc9f033}.oefening-sorteren__select svg{color:var(--color-slate-500);pointer-events:none;position:absolute;right:.75rem}.oefening-catalogus__categorieen{gap:1.5rem;display:grid}.oefening-catalogus__categorie{min-width:0}.oefening-catalogus__categorie-kop{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.oefening-catalogus__categorie-kop>span{font-size:1.3rem}.oefening-catalogus__categorie-kop h3{color:var(--color-slate-700);margin:0;font-size:1rem;font-weight:750}.oefening-catalogus__raster{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));align-items:start;gap:.75rem;display:grid}.oefening-keuzekaart{border:1.5px solid var(--color-slate-200);background:#fff;border-radius:1.125rem;min-width:0;transition:border-color .15s,box-shadow .15s;display:grid;position:relative;overflow:hidden;box-shadow:0 1px 2px #0f172a08}.oefening-keuzekaart--open{grid-column:1/-1}.oefening-keuzekaart:hover,.oefening-keuzekaart:focus-within,.oefening-keuzekaart--open{border-color:var(--color-kid-blue);box-shadow:0 5px 16px #0ea5e91a}.oefening-keuzekaart__start{width:100%;min-height:8rem;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;outline:none;grid-template-columns:3rem minmax(0,1fr);align-items:center;gap:.875rem;padding:1rem 3.8rem 1rem 1rem;display:grid}.oefening-keuzekaart__start:active{background:var(--color-slate-50)}.oefening-keuzekaart__start:focus-visible{box-shadow:inset 0 0 0 3px #4cc9f03d}.oefening-keuzekaart__emoji{background:var(--color-slate-50);border-radius:.9rem;place-items:center;width:3rem;height:3rem;font-size:1.65rem;display:grid}.oefening-keuzekaart__inhoud{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.oefening-keuzekaart__naam{color:var(--color-slate-800);font-size:1rem;font-weight:750;line-height:1.3}.oefening-keuzekaart__beschrijving{color:var(--color-slate-500);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.2rem;font-size:.8rem;line-height:1.4;display:-webkit-box;overflow:hidden}.oefening-keuzekaart__status{color:#0e7490;background:#ecfeff;border-radius:999px;align-items:center;gap:.35rem;max-width:100%;margin-top:.65rem;padding:.3rem .55rem;font-size:.72rem;font-weight:750;line-height:1.25;display:inline-flex}.oefening-keuzekaart__status svg{flex:none}.oefening-keuzekaart__info{z-index:1;border:1.5px solid var(--color-slate-200);width:2.75rem;height:2.75rem;color:var(--color-slate-600);cursor:pointer;background:#fff;border-radius:50%;outline:none;place-items:center;display:grid;position:absolute;top:.75rem;right:.75rem}.oefening-keuzekaart__info:hover,.oefening-keuzekaart__info[aria-expanded=true]{border-color:var(--color-kid-blue);color:#0e7490;background:#ecfeff}.oefening-keuzekaart__info:focus-visible{border-color:var(--color-kid-blue);box-shadow:0 0 0 3px #4cc9f03d}.oefening-keuzekaart__details{border-top:1px solid var(--color-slate-200);background:var(--color-slate-50);padding:1rem}.oefening-keuzekaart__leeg{color:var(--color-slate-600);margin:0;font-size:.82rem;font-weight:650}.oefening-keuzekaart__gegevens{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem 1rem;margin:0;display:grid}.oefening-keuzekaart__gegevens>div{grid-template-columns:1.35rem minmax(0,1fr);gap:.1rem .45rem;min-width:0;display:grid}.oefening-keuzekaart__gegevens svg{color:var(--color-kid-blue);grid-row:1/3}.oefening-keuzekaart__gegevens>div:nth-child(2) svg{color:#a16207}.oefening-keuzekaart__gegevens dt{color:var(--color-slate-500);font-size:.68rem;font-weight:700;line-height:1.2}.oefening-keuzekaart__gegevens dd{overflow-wrap:anywhere;color:var(--color-slate-700);margin:0;font-size:.78rem;font-weight:750;line-height:1.35}.oefening-prompt{text-align:center;margin-bottom:1.5rem}.oefening-prompt__woord{color:var(--color-slate-800);letter-spacing:.05em;margin:.5rem 0;font-size:2.5rem;font-weight:800}.oefening-prompt__instructie{color:var(--color-slate-500);margin:.5rem 0;font-size:1rem}.oefening-prompt__klanken{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin:1rem 0;display:flex}.oefening-prompt__klank{background:var(--color-blue-100);min-width:2.5rem;color:var(--color-blue-600);border-radius:.625rem;justify-content:center;align-items:center;padding:.5rem .75rem;font-size:1.5rem;font-weight:700;display:inline-flex}.oefening-prompt__klank--correct{background:var(--color-green-100);color:var(--color-green-700)}.oefening-prompt__klank--fout{background:var(--color-red-100);color:var(--color-red-700)}.oefening-prompt__dash{color:var(--color-slate-400);font-size:1.25rem;font-weight:700}.oefening-invoer{margin:1.5rem 0}.oefening-invoer__veld{border:2px solid var(--color-slate-300);text-align:center;width:100%;color:var(--color-slate-800);background:#fff;border-radius:1rem;outline:none;padding:1rem 1.25rem;font-size:1.25rem;font-weight:600;transition:border-color .2s}.oefening-invoer__veld:focus{border-color:var(--color-kid-blue)}.oefening-invoer__veld--correct{border-color:var(--color-green-500);background:var(--color-green-50)}.oefening-invoer__veld--fout{border-color:var(--color-red-500);background:var(--color-red-50)}.oefening-btn{cursor:pointer;border:none;border-radius:.875rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:700;transition:transform .1s;display:inline-flex}.oefening-btn:active{transform:scale(.97)}.oefening-btn--primair{background:var(--color-kid-blue);color:#fff}.oefening-btn--succes{background:var(--color-kid-green);color:#fff}.oefening-btn--secundair{background:var(--color-slate-100);color:var(--color-slate-700)}.oefening-btn--hint{background:var(--color-orange-100);color:var(--color-orange-600);padding:.5rem 1rem;font-size:.875rem}.oefening-btn:disabled{opacity:.5;cursor:not-allowed}.oefening-acties{gap:.75rem;margin-top:1rem;display:flex}.oefening-acties--center{justify-content:center}.oefening-feedback{text-align:center;border-radius:1rem;margin:1rem 0;padding:1rem}.oefening-feedback--correct{background:var(--color-green-50);border:2px solid var(--color-green-200)}.oefening-feedback--fout{background:var(--color-red-50);border:2px solid var(--color-red-200)}.oefening-feedback__tekst{margin:0;font-size:1rem;font-weight:600}.oefening-feedback--correct .oefening-feedback__tekst{color:var(--color-green-700)}.oefening-feedback--fout .oefening-feedback__tekst{color:var(--color-red-700)}.oefening-feedback__antwoord{color:var(--color-slate-500);margin:.5rem 0 0;font-size:.875rem}.oefening-woord-check{flex-wrap:wrap;justify-content:center;gap:.375rem;margin:1rem 0;display:flex}.oefening-woord-check__woord{border-radius:.375rem;padding:.25rem .5rem;font-size:1.125rem;font-weight:600}.oefening-woord-check__woord--correct{background:var(--color-green-100);color:var(--color-green-700)}.oefening-woord-check__woord--fout{background:var(--color-red-100);color:var(--color-red-700);text-decoration:line-through}.oefening-keuzes{gap:1rem;margin:1.5rem 0;display:flex}.oefening-keuze{border:3px solid var(--color-slate-200);color:var(--color-slate-800);cursor:pointer;text-align:center;background:#fff;border-radius:1rem;flex:1;padding:1.5rem;font-size:1.75rem;font-weight:800;transition:all .15s}.oefening-keuze:hover{border-color:var(--color-kid-blue)}.oefening-keuze:active{transform:scale(.96)}.oefening-keuze--correct{border-color:var(--color-green-500);background:var(--color-green-50);color:var(--color-green-700)}.oefening-keuze--fout{border-color:var(--color-red-500);background:var(--color-red-50);color:var(--color-red-700)}.oefening-keuze:disabled{cursor:not-allowed}.woordenlijst-oef__set-kiezer{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.woordenlijst-oef__set-btn{border:2px solid var(--color-slate-200);color:var(--color-slate-700);cursor:pointer;text-align:left;background:#fff;border-radius:.75rem;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.625rem 1rem;font-size:.875rem;font-weight:600;display:flex}.woordenlijst-oef__set-btn .oefenpunten-status{margin-top:.3rem}.woordenlijst-oef__set-btn--actief{border-color:var(--color-kid-blue);background:var(--color-blue-50);color:var(--color-kid-blue)}.woordenlijst-oef__grid{grid-template-columns:repeat(4,1fr);gap:.375rem;margin:1rem 0;display:grid}.woordenlijst-oef__woord{text-align:center;color:var(--color-slate-800);border-radius:.375rem;padding:.5rem .25rem;font-size:1.125rem;font-weight:600}.woordenlijst-oef__invoer-score{text-align:center;margin:2rem 0}.woordenlijst-oef__invoer-score label{color:var(--color-slate-600);margin-bottom:.75rem;font-size:1rem;font-weight:600;display:block}.woordenlijst-oef__invoer-score input{border:2px solid var(--color-slate-300);text-align:center;border-radius:.75rem;width:6rem;padding:.75rem;font-size:1.5rem;font-weight:700}.reeks-oef__luister{text-align:center;padding:3rem 0}.reeks-oef__luister-tekst{color:var(--color-slate-500);margin-bottom:1.5rem;font-size:1.25rem}.reeks-oef__niveau{color:var(--color-slate-400);text-align:center;margin-bottom:1rem;font-size:.875rem}@media (width<=480px){.oefening-shell__header{padding:.75rem 1rem}.oefening-shell__content{padding:1rem}.woordenlijst-oef__grid{grid-template-columns:repeat(3,1fr)}.oefening-keuze{padding:1rem;font-size:1.375rem}.oefening-prompt__woord{font-size:2rem}}.oef-opnemer{-webkit-backdrop-filter:blur(8px);border:2px solid var(--color-slate-200);background:#ffffffb3;border-radius:1.5rem;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;display:flex;box-shadow:0 2px 8px #0000000a}.oef-opnemer--actief{border-color:var(--color-kid-pink);background:#fffffff2;border-width:3px;animation:2s ease-in-out infinite oef-opnemer-pulse;box-shadow:0 8px 32px #f7258526}.oef-opnemer--verwerking{border-color:var(--color-kid-blue);background:#fffffff2;box-shadow:0 4px 16px #4cc9f026}@keyframes oef-opnemer-pulse{0%,to{box-shadow:0 8px 32px #f7258526}50%{box-shadow:0 8px 32px #f725854d,0 0 0 6px #f7258514}}.oef-opnemer__label{color:var(--color-slate-600);text-align:center;margin:0;font-size:1.125rem;font-weight:700}.oef-opnemer--actief .oef-opnemer__label{color:var(--color-kid-pink);font-size:1.25rem;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.oef-opnemer__start-btn{background:var(--color-kid-pink);color:#fff;cursor:pointer;border:none;border-radius:2rem;align-items:center;gap:.75rem;padding:1.25rem 2.5rem;font-size:1.5rem;font-weight:900;transition:all .15s;display:flex;box-shadow:0 6px 20px #f7258559}.oef-opnemer__start-btn:hover{transform:scale(1.05);box-shadow:0 8px 24px #f7258573}.oef-opnemer__start-btn:active{transform:scale(.95)}.oef-opnemer__start-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.oef-opnemer__visualizer{justify-content:center;align-items:flex-end;gap:8px;width:12rem;height:4rem;margin:.75rem 0;display:flex}.oef-opnemer__bar{background-color:#f72585;border-radius:8px 8px 4px 4px;width:16px;min-height:12px;transition:height 60ms ease-out}.oef-opnemer__stop-btn{background:var(--color-kid-pink);color:#fff;cursor:pointer;border:none;border-radius:2rem;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:1.25rem;font-weight:900;transition:all .15s;display:flex;box-shadow:0 4px 16px #f725854d}.oef-opnemer__stop-btn:hover{transform:scale(1.05)}.oef-opnemer__stop-btn:active{transform:scale(.95)}.oef-opnemer__stop-btn--wacht{opacity:.6;cursor:not-allowed;transform:none}.oef-opnemer__stop-btn--wacht:hover{transform:none}.oef-opnemer__waarschuwing{color:#856404;background:#fff3cd;border-radius:1rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;animation:.3s oef-fadeIn;display:flex}.oef-opnemer__fout{color:#7c3f00;text-align:left;background:#fff7e6;border:2px solid #f59e0b;border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;max-width:32rem;margin:0;padding:.75rem 1rem;font-size:1rem;font-weight:700;line-height:1.4;display:flex}.oef-opnemer__fout svg{flex:none}@keyframes oef-fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.oef-opnemer__spinner{color:var(--color-kid-blue);animation:1s linear infinite oef-spinner}@keyframes oef-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hakken-oef__feedback,.plakken-oef__feedback,.rijmen-oef__feedback,.klank-weglaten-oef__feedback,.reeks-oef__feedback-fase,.zin-herhalen-oef__feedback-fase{flex-direction:column;align-items:center;gap:1rem;animation:.3s ease-out fade-in;display:flex}.dictee-oef__resultaat,.hakken-oef__resultaat,.plakken-oef__resultaat,.rijmen-oef__resultaat,.klank-weglaten-oef__resultaat,.reeks-oef__resultaat,.zin-herhalen-oef__feedback-banner{text-align:center;border-radius:1rem;width:100%;padding:1.25rem}.dictee-oef__resultaat--goed,.hakken-oef__resultaat--goed,.plakken-oef__resultaat--goed,.rijmen-oef__resultaat--goed,.klank-weglaten-oef__resultaat--goed,.reeks-oef__resultaat--goed,.zin-herhalen-oef__feedback-banner--correct{background:var(--color-green-50);border:2px solid var(--color-green-200);color:var(--color-green-700)}.dictee-oef__resultaat--fout,.hakken-oef__resultaat--fout,.plakken-oef__resultaat--fout,.rijmen-oef__resultaat--fout,.klank-weglaten-oef__resultaat--fout,.reeks-oef__resultaat--fout,.zin-herhalen-oef__feedback-banner--fout{background:var(--color-red-50);border:2px solid var(--color-red-200);color:var(--color-red-700)}.hakken-oef__feedback-tekst,.plakken-oef__resultaat-tekst,.rijmen-oef__resultaat-tekst,.klank-weglaten-oef__resultaat-tekst{margin:0 0 .25rem;font-size:1.125rem;font-weight:700}.dictee-oef__gehoord,.hakken-oef__gehoord,.plakken-oef__gehoord,.rijmen-oef__gehoord,.klank-weglaten-oef__gehoord,.reeks-oef__gehoord,.zin-herhalen-oef__gehoord{color:var(--color-slate-500);margin-top:.5rem;font-size:.95rem}.dictee-oef__verwacht,.hakken-oef__verwacht,.reeks-oef__verwacht{margin-top:.25rem;font-size:.95rem}.plakken-oef__resultaat-antwoord{margin-top:.25rem;display:block}.hakken-oef__volgende-btn,.plakken-oef__volgende-btn,.rijmen-oef__volgende-btn,.klank-weglaten-oef__volgende-btn,.zin-herhalen-oef__volgende-knop{background:var(--color-kid-blue);color:#fff;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:1.125rem;font-weight:700;transition:all .15s;display:flex;box-shadow:0 4px 12px #4cc9f04d}.hakken-oef__volgende-btn:hover,.plakken-oef__volgende-btn:hover,.rijmen-oef__volgende-btn:hover,.klank-weglaten-oef__volgende-btn:hover,.zin-herhalen-oef__volgende-knop:hover{transform:scale(1.05)}.hakken-oef__volgende-btn:active,.plakken-oef__volgende-btn:active,.rijmen-oef__volgende-btn:active,.klank-weglaten-oef__volgende-btn:active,.zin-herhalen-oef__volgende-knop:active{transform:scale(.95)}.hakken-oef__speelveld,.plakken-oef__speelveld,.rijmen-oef__speelveld,.klank-weglaten-oef__speelveld,.dictee-oef__container,.reeks-oef__oefening,.zin-herhalen-oef__oefening{flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:32rem;margin:0 auto;padding:1.5rem 1.25rem;display:flex}.hakken-oef__intro,.plakken-oef__intro,.rijmen-oef__intro,.klank-weglaten-oef__intro,.dictee-oef__intro,.reeks-oef__set-keuze,.zin-herhalen-oef__intro{text-align:center;flex-direction:column;align-items:center;gap:1rem;max-width:28rem;margin:0 auto;padding:2rem 1.25rem;display:flex}.hakken-oef__intro-tekst,.plakken-oef__intro-tekst,.rijmen-oef__intro-tekst,.klank-weglaten-oef__intro-tekst,.dictee-oef__intro-tekst,.reeks-oef__instructie,.zin-herhalen-oef__intro-tekst{color:var(--color-slate-600);margin:0;font-size:1.125rem;line-height:1.5}.hakken-oef__intro-voorbeeld,.plakken-oef__intro-voorbeeld,.rijmen-oef__intro-voorbeeld,.klank-weglaten-oef__intro-voorbeeld{color:var(--color-slate-500);background:var(--color-slate-50);border-radius:.75rem;margin:0;padding:.75rem 1.25rem;font-size:1rem}.rijmen-oef__intro-hint{color:var(--color-slate-400);margin:0;font-size:.9rem}.hakken-oef__start-btn,.plakken-oef__start-btn,.rijmen-oef__start-btn,.klank-weglaten-oef__start-btn,.dictee-oef__start-btn,.zin-herhalen-oef__start-knop{background:var(--color-kid-blue);color:#fff;cursor:pointer;border:none;border-radius:999px;margin-top:.5rem;padding:1rem 3rem;font-size:1.25rem;font-weight:800;transition:all .15s;box-shadow:0 4px 16px #4cc9f04d}.hakken-oef__start-btn:hover,.plakken-oef__start-btn:hover,.rijmen-oef__start-btn:hover,.klank-weglaten-oef__start-btn:hover,.dictee-oef__start-btn:hover,.zin-herhalen-oef__start-knop:hover{transform:scale(1.05)}.hakken-oef__start-btn:active,.plakken-oef__start-btn:active,.rijmen-oef__start-btn:active,.klank-weglaten-oef__start-btn:active,.dictee-oef__start-btn:active,.zin-herhalen-oef__start-knop:active{transform:scale(.95)}.hakken-oef__woord-sectie,.plakken-oef__klanken-sectie,.rijmen-oef__woord-sectie,.klank-weglaten-oef__woord-sectie{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.hakken-oef__woord,.rijmen-oef__doelwoord,.klank-weglaten-oef__woord{color:var(--color-slate-800);letter-spacing:.025em;font-size:2.5rem;font-weight:900}.plakken-oef__klanken-rij{flex-wrap:wrap;justify-content:center;align-items:center;gap:.25rem;display:flex}.plakken-oef__klank-blok{background:var(--color-kid-blue);color:#fff;text-align:center;border-radius:1rem;min-width:3rem;padding:.75rem 1.25rem;font-size:1.75rem;font-weight:800}.plakken-oef__streepje{color:var(--color-slate-400);font-size:1.5rem;font-weight:700}.klank-weglaten-oef__instructie{color:var(--color-slate-600);text-align:center;background:var(--color-slate-50);border-radius:.75rem;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:.75rem 1.25rem;font-size:1.125rem;display:flex}.plakken-oef__invoer-sectie,.rijmen-oef__invoer-sectie,.klank-weglaten-oef__invoer-sectie,.reeks-oef__invoer-fase,.zin-herhalen-oef__invoer-fase{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.dictee-oef__intro-titel{color:var(--color-slate-800);margin:0;font-size:1.5rem;font-weight:800}.dictee-oef__intro-aantal{color:var(--color-slate-400);margin:0;font-size:.9rem}.dictee-oef__teller{color:var(--color-slate-400);margin:0;font-size:.9rem;font-weight:600}.dictee-oef__luister-area{justify-content:center;display:flex}.dictee-oef__invoer-area{flex-direction:column;gap:1rem;width:100%;animation:.3s ease-out fade-in;display:flex}.dictee-oef__invoer{border:2px solid var(--color-slate-200);width:100%;color:var(--color-slate-700);background:#fff;border-radius:1rem;outline:none;padding:1rem 1.25rem;font-size:1.125rem;transition:border-color .15s}.dictee-oef__invoer:focus{border-color:var(--color-kid-blue);box-shadow:0 0 0 3px #4cc9f026}.dictee-oef__invoer-acties{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.dictee-oef__controleer-btn{background:var(--color-kid-green);color:#fff;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:700;transition:all .15s;display:flex;box-shadow:0 4px 12px #06d6a04d}.dictee-oef__controleer-btn:disabled{opacity:.5;cursor:not-allowed}.dictee-oef__controleer-btn:hover:not(:disabled){transform:scale(1.05)}.dictee-oef__feedback{flex-direction:column;align-items:center;gap:1rem;width:100%;animation:.3s ease-out fade-in;display:flex}.dictee-oef__woorden-rij{flex-wrap:wrap;justify-content:center;gap:.5rem;width:100%;display:flex}.dictee-oef__woord{border-radius:.5rem;padding:.5rem .75rem;font-weight:600}.dictee-oef__woord--goed{background:var(--color-green-50);color:var(--color-green-700)}.dictee-oef__woord--fout{background:var(--color-red-50);color:var(--color-red-700)}.dictee-oef__woord-correct{color:var(--color-green-600);font-size:.8rem;font-weight:700;display:block}.dictee-oef__feedback-tekst{color:var(--color-slate-600);margin:0;font-size:1rem;font-weight:600}.dictee-oef__volgende-btn{background:var(--color-kid-blue);color:#fff;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:1.125rem;font-weight:700;transition:all .15s;display:flex;box-shadow:0 4px 12px #4cc9f04d}.dictee-oef__volgende-btn:hover{transform:scale(1.05)}.reeks-oef__voortgang-tekst,.zin-herhalen-oef__voortgang-tekst{color:var(--color-slate-400);text-align:center;font-size:.9rem;font-weight:600}.reeks-oef__luister-fase,.zin-herhalen-oef__luister-fase{flex-direction:column;align-items:center;gap:1rem;display:flex}.reeks-oef__luister-tekst,.zin-herhalen-oef__luister-tekst{color:var(--color-slate-600);font-size:1.25rem;font-weight:700;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.reeks-oef__invoer-acties,.zin-herhalen-oef__invoer-acties{justify-content:center;display:flex}.reeks-oef__set-knoppen{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.reeks-oef__set-knop{border:2px solid var(--color-slate-200);color:var(--color-slate-700);cursor:pointer;text-align:left;background:#fff;border-radius:1rem;flex-direction:column;align-items:flex-start;padding:.875rem 1.5rem;font-size:1rem;font-weight:700;transition:all .15s;display:flex}.reeks-oef__set-knop .oefenpunten-status{margin-top:.35rem}.reeks-oef__set-knop:hover{border-color:var(--color-kid-blue);background:var(--color-blue-50);color:var(--color-kid-blue)}.zin-herhalen-oef__correcte-zin{text-align:center;margin-top:.5rem}.zin-herhalen-oef__vergelijk-label{color:var(--color-slate-400);margin:0 0 .25rem;font-size:.85rem;font-weight:600}.zin-herhalen-oef__correcte-tekst{color:var(--color-slate-700);margin:0;font-size:1.125rem;font-weight:700}.zin-herhalen-oef__intro-detail{color:var(--color-slate-400);margin:0;font-size:.9rem}.klinker-oef__intro{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;max-width:28rem;margin:0 auto;padding:2rem 1.25rem;display:flex}.klinker-oef__intro-icon{margin-bottom:.25rem;font-size:3.5rem;line-height:1}.klinker-oef__intro-tekst{color:var(--color-slate-600);margin:0;font-size:1.125rem;line-height:1.6}.klinker-oef__intro-voorbeeld{background:var(--color-slate-50);border-radius:1rem;flex-direction:column;align-items:center;gap:.5rem;width:100%;padding:1.25rem 1.5rem;display:flex}.klinker-oef__voorbeeld-label{color:var(--color-slate-400);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.klinker-oef__voorbeeld-paar{align-items:center;gap:.75rem;display:flex}.klinker-oef__voorbeeld-kort{color:var(--color-kid-blue);border:2px solid var(--color-kid-blue);background:#fff;border-radius:.75rem;padding:.5rem 1.25rem;font-size:1.5rem;font-weight:900}.klinker-oef__voorbeeld-vs{color:var(--color-slate-400);font-size:.9rem;font-weight:600}.klinker-oef__voorbeeld-lang{color:var(--color-slate-500);border:2px solid var(--color-slate-200);background:#fff;border-radius:.75rem;padding:.5rem 1.25rem;font-size:1.5rem;font-weight:900}.klinker-oef__voorbeeld-uitleg{color:var(--color-slate-500);font-size:.9rem}.klinker-oef__intro-detail{color:var(--color-slate-400);margin:0;font-size:.875rem;font-weight:600}.klinker-oef__start-btn{background:var(--color-kid-blue);color:#fff;cursor:pointer;border:none;border-radius:999px;margin-top:.5rem;padding:1.125rem 3rem;font-size:1.25rem;font-weight:800;transition:all .15s;box-shadow:0 4px 16px #4cc9f04d}.klinker-oef__start-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px #4cc9f066}.klinker-oef__start-btn:active{transform:scale(.95)}.klinker-oef__speelveld{flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:32rem;margin:0 auto;padding:1.5rem 1.25rem;display:flex}.klinker-oef__teller{color:var(--color-slate-400);margin:0;font-size:.875rem;font-weight:600}.klinker-oef__luister-sectie{justify-content:center;width:100%;display:flex}.klinker-oef__vraag-sectie{flex-direction:column;align-items:center;gap:.25rem;display:flex}.klinker-oef__vraag{color:var(--color-slate-700);text-align:center;margin:0;font-size:1.5rem;font-weight:800}.klinker-oef__vraag-hint{color:var(--color-slate-400);margin:0;font-size:.85rem;font-weight:500}.klinker-oef__keuzes{gap:1rem;width:100%;display:flex}.klinker-oef__keuze-btn{border:3px solid var(--color-slate-200);cursor:pointer;text-align:center;background:#fff;border-radius:1.5rem;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.5rem;min-height:6rem;padding:2rem 1.5rem;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000f}.klinker-oef__keuze-woord{color:var(--color-slate-800);letter-spacing:.02em;font-size:2.25rem;font-weight:900;line-height:1.1}.klinker-oef__keuze-icoon{position:absolute;top:.5rem;right:.5rem}.klinker-oef__keuze-btn:hover:not(:disabled){border-color:var(--color-kid-blue);transform:translateY(-2px);box-shadow:0 6px 20px #4cc9f033}.klinker-oef__keuze-btn:active:not(:disabled){transform:scale(.97);box-shadow:0 2px 8px #0000000f}.klinker-oef__keuze-btn:disabled{cursor:default}.klinker-oef__keuze-btn--goed{border-color:var(--color-green-500);background:var(--color-green-50);animation:.4s klinker-goed;box-shadow:0 6px 20px #22c55e40}.klinker-oef__keuze-btn--goed .klinker-oef__keuze-woord{color:var(--color-green-700)}.klinker-oef__keuze-btn--goed .klinker-oef__keuze-icoon{color:var(--color-green-500)}.klinker-oef__keuze-btn--fout{border-color:var(--color-red-400);background:var(--color-red-50);animation:.4s klinker-fout;box-shadow:0 4px 16px #ef444433}.klinker-oef__keuze-btn--fout .klinker-oef__keuze-woord{color:var(--color-red-600)}.klinker-oef__keuze-btn--fout .klinker-oef__keuze-icoon{color:var(--color-red-500)}@keyframes klinker-goed{0%{transform:scale(1)}30%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes klinker-fout{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.klinker-oef__feedback{text-align:center;border-radius:1rem;width:100%;padding:1rem 1.5rem;font-size:1.125rem;font-weight:700;animation:.3s ease-out fade-in}.klinker-oef__feedback--goed{background:var(--color-green-50);border:2px solid var(--color-green-200);color:var(--color-green-700)}.klinker-oef__feedback--fout{background:var(--color-red-50);border:2px solid var(--color-red-200);color:var(--color-red-700)}@media (width<=480px){.klinker-oef__keuze-btn{min-height:5rem;padding:1.5rem 1rem}.klinker-oef__keuze-woord{font-size:1.75rem}.klinker-oef__vraag{font-size:1.25rem}}.letter-onderscheid__intro,.letter-onderscheid__speelveld{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;width:min(100%,32rem);margin:0 auto;padding:1.5rem 1rem;display:flex}.letter-onderscheid__intro-icon{font-size:3.5rem;line-height:1}.letter-onderscheid__intro p,.letter-onderscheid__vraag,.letter-onderscheid__teller{margin:0}.letter-onderscheid__intro p,.letter-onderscheid__vraag{color:var(--color-slate-700);font-size:1.2rem;font-weight:750;line-height:1.5}.letter-onderscheid__intro .letter-onderscheid__ronde-uitleg{max-width:25rem;color:var(--color-slate-500);font-size:.95rem;font-weight:650}.letter-onderscheid__voorbeeld,.letter-onderscheid__keuzes{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;width:100%;min-width:0;margin:0;padding:0;display:grid}.letter-onderscheid__raster--drie{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.letter-onderscheid__voorbeeld button,.letter-onderscheid__keuze{border:3px solid var(--color-slate-200);min-height:7rem;color:var(--color-slate-800);cursor:pointer;background:#fff;border-radius:1.5rem;box-shadow:0 .25rem .8rem #0f172a14}.letter-onderscheid__voorbeeld button{justify-content:center;align-items:center;gap:.75rem;display:flex}.letter-onderscheid__voorbeeld button span{font-size:4rem;font-weight:800;line-height:1}.letter-onderscheid__voorbeeld button:focus-visible,.letter-onderscheid__keuze:focus-visible,.letter-onderscheid__start:focus-visible,.letter-onderscheid__feedback button:focus-visible{outline:4px solid var(--color-kid-yellow);outline-offset:3px}.letter-onderscheid__geheugensteun{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;width:100%;display:grid}.letter-onderscheid__geheugensteun span{background:var(--color-slate-50);color:var(--color-slate-600);border-radius:1rem;padding:.75rem;font-size:.95rem}.letter-onderscheid__geheugensteun strong{color:var(--color-blue-600);font-size:2rem;display:block}.letter-onderscheid__start,.letter-onderscheid__feedback button{background:var(--color-blue-600);color:#fff;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;min-height:3.5rem;padding:.8rem 2rem;font-size:1.15rem;font-weight:800;display:inline-flex}.letter-onderscheid__teller{color:var(--color-slate-500);font-size:.9rem;font-weight:700}.letter-onderscheid__luisterstap{border:2px solid var(--color-blue-200);background:var(--color-blue-50);width:100%;color:var(--color-blue-600);text-align:left;border-radius:1rem;align-items:center;gap:.85rem;padding:1rem;display:flex}.letter-onderscheid__luisterstap--klaar{border-color:var(--color-green-200);background:var(--color-green-50);color:var(--color-green-700)}.letter-onderscheid__luisterstap>svg{flex:none}.letter-onderscheid__luisterstap span{flex-direction:column;gap:.15rem;line-height:1.45;display:flex}.letter-onderscheid__luisterstap strong{font-size:1.15rem}.letter-onderscheid__luister{justify-content:center;align-items:center;display:flex}.letter-onderscheid__woord{border:3px solid var(--color-blue-200);background:var(--color-blue-50);min-width:8rem;color:var(--color-slate-800);letter-spacing:.08em;border-radius:1.25rem;padding:.75rem 1.5rem;font-size:clamp(2.75rem,9vw,4.5rem);font-weight:800;line-height:1.1}.letter-onderscheid__woord span{color:var(--color-blue-600)}.letter-onderscheid__keuze{color:var(--color-slate-800);justify-content:center;align-items:center;font-size:clamp(4rem,14vw,6rem);font-weight:800;line-height:1;display:flex;position:relative}.letter-onderscheid__keuzes--lexend .letter-onderscheid__keuze{font-family:var(--font-sans)}.letter-onderscheid__keuzes--opendyslexic .letter-onderscheid__keuze{font-family:var(--font-dyslexic)}.letter-onderscheid__keuzes--verdana .letter-onderscheid__keuze{font-family:Verdana,Geneva,sans-serif}.letter-onderscheid__keuze svg{position:absolute;top:.75rem;right:.75rem}.letter-onderscheid__keuze:hover:not(:disabled){border-color:var(--color-blue-500)}.letter-onderscheid__keuze:disabled{cursor:default}.letter-onderscheid__keuze--goed{border-color:var(--color-green-500);background:var(--color-green-50);color:var(--color-green-700)}.letter-onderscheid__keuze--fout{border-color:var(--color-orange-400);background:var(--color-orange-50);color:var(--color-orange-700)}.letter-onderscheid__feedback{border:2px solid;border-radius:1rem;flex-direction:column;align-items:center;gap:.35rem;width:100%;padding:1rem;display:flex}.letter-onderscheid__feedback strong{font-size:1.25rem}.letter-onderscheid__feedback span{font-size:1rem}.letter-onderscheid__feedback button{margin-top:.65rem}.letter-onderscheid__feedback--goed{border-color:var(--color-green-200);background:var(--color-green-50);color:var(--color-green-700)}.letter-onderscheid__feedback--fout{border-color:var(--color-orange-300);background:var(--color-orange-50);color:var(--color-orange-800)}@media (width<=480px){.letter-onderscheid__intro,.letter-onderscheid__speelveld{padding:1rem .25rem}.letter-onderscheid__voorbeeld button,.letter-onderscheid__keuze{min-height:6rem}.letter-onderscheid__raster--drie{gap:.5rem}.letter-onderscheid__raster--drie button,.letter-onderscheid__raster--drie .letter-onderscheid__keuze{min-height:5.25rem;font-size:clamp(2.75rem,15vw,4rem)}.letter-onderscheid__raster--drie button span{font-size:clamp(2.75rem,15vw,4rem)}}.woordenlijst-oef__start{flex-direction:column;align-items:center;gap:1.25rem;max-width:32rem;margin:0 auto;padding:2rem 1.25rem;display:flex}.woordenlijst-oef__instructie{color:var(--color-slate-600);margin:0;font-size:1.125rem;font-weight:700}.woordenlijst-oef__actie{justify-content:center;margin-top:.5rem;display:flex}.woordenlijst-oef__start-btn,.woordenlijst-oef__klaar-btn{background:var(--color-kid-blue);color:#fff;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:.5rem;padding:1rem 2.5rem;font-size:1.25rem;font-weight:800;transition:all .15s;display:flex;box-shadow:0 4px 16px #4cc9f04d}.woordenlijst-oef__start-btn:hover,.woordenlijst-oef__klaar-btn:hover{transform:scale(1.05)}.woordenlijst-oef__start-btn:active,.woordenlijst-oef__klaar-btn:active{transform:scale(.95)}.woordenlijst-oef__klaar-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.woordenlijst-oef__lezen-klaar-btn{background:var(--color-green-600);color:#fff;cursor:pointer;box-shadow:var(--shadow-btn-success);border:none;border-radius:999px;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:1.125rem;font-weight:700;transition:all .15s;display:flex}.woordenlijst-oef__lezen-klaar-btn:hover{transform:scale(1.05)}.woordenlijst-oef__lezen{flex-direction:column;align-items:center;gap:1rem;display:flex}.woordenlijst-oef__score-invoer{text-align:center;flex-direction:column;align-items:center;gap:1rem;max-width:28rem;margin:0 auto;padding:2rem 1.25rem;display:flex}.woordenlijst-oef__score-titel{color:var(--color-slate-800);margin:0;font-size:1.75rem;font-weight:900}.woordenlijst-oef__score-label{color:var(--color-slate-600);font-size:1.125rem;font-weight:600}.woordenlijst-oef__score-input{border:3px solid var(--color-kid-blue);text-align:center;width:7rem;color:var(--color-slate-800);border-radius:1rem;outline:none;padding:1rem;font-size:2rem;font-weight:800;transition:border-color .15s}.woordenlijst-oef__score-input:focus{border-color:var(--color-kid-purple);box-shadow:0 0 0 4px #8b5cf626}.woordenlijst-oef__score-input[aria-invalid=true]{border-color:#dc2626}.woordenlijst-oef__score-fout{color:#b91c1c;margin:-.35rem 0 0;font-size:.875rem;font-weight:700}.lees-schrijf{width:100%;max-width:34rem;margin:0 auto}.lees-schrijf__intro,.lees-schrijf__stap{border:1px solid var(--color-slate-200);text-align:center;background:#fff;border-radius:1.5rem;flex-direction:column;align-items:center;gap:1.25rem;padding:clamp(1.25rem,5vw,2.5rem);display:flex;box-shadow:0 8px 28px #0f172a0f}.lees-schrijf__klank-kaart{border:3px solid var(--color-green-200);background:var(--color-green-50);width:5rem;height:5rem;color:var(--color-green-700);letter-spacing:.04em;border-radius:1.5rem;place-items:center;font-size:2.25rem;font-weight:900;display:grid}.lees-schrijf__klank-luister{align-items:center;gap:.75rem;display:flex}.lees-schrijf__intro-titel{color:var(--color-slate-800);margin:0;font-size:clamp(1.5rem,5vw,2rem);font-weight:900}.lees-schrijf__intro-tekst{max-width:27rem;color:var(--color-slate-600);margin:.5rem 0 0;font-size:1.05rem;line-height:1.65}.lees-schrijf__route{background:var(--color-slate-50);width:100%;color:var(--color-slate-600);border-radius:1.1rem;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:.5rem;padding:.85rem;display:grid}.lees-schrijf__route>span{justify-items:center;gap:.35rem;min-width:0;display:grid}.lees-schrijf__route svg{box-sizing:content-box;color:var(--color-kid-blue);background:#fff;border-radius:50%;padding:.55rem;box-shadow:0 2px 8px #0f172a14}.lees-schrijf__route small{font-size:.76rem;font-weight:800}.lees-schrijf__route b{color:var(--color-slate-400);font-size:1.15rem}.lees-schrijf__benodigdheden{background:var(--color-blue-50);width:100%;color:var(--color-slate-700);text-align:left;border-radius:1rem;align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex}.lees-schrijf__benodigdheden span{font-size:1.5rem}.lees-schrijf__benodigdheden p,.lees-schrijf__rust-tekst{margin:0}.lees-schrijf__rust-tekst,.lees-schrijf__geen-haast{color:var(--color-slate-500);font-size:.9rem;line-height:1.5}.lees-schrijf__start-knop,.lees-schrijf__schrijf-knop,.lees-schrijf__klaar-knop{color:#fff;min-height:3.5rem;font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:.625rem;padding:.9rem 1.75rem;font-size:1.05rem;font-weight:800;transition:transform .15s,box-shadow .15s;display:inline-flex}.lees-schrijf__start-knop{background:var(--color-kid-blue);box-shadow:0 4px #1a91d1}.lees-schrijf__schrijf-knop,.lees-schrijf__klaar-knop{background:var(--color-green-600);box-shadow:var(--shadow-btn-success)}.lees-schrijf__start-knop:hover,.lees-schrijf__schrijf-knop:hover,.lees-schrijf__klaar-knop:hover{transform:translateY(-1px)}.lees-schrijf__start-knop:active,.lees-schrijf__schrijf-knop:active,.lees-schrijf__klaar-knop:active{box-shadow:none;transform:translateY(3px)}.lees-schrijf__teller{background:var(--color-slate-100);color:var(--color-slate-600);border-radius:999px;margin:0;padding:.35rem .75rem;font-size:.82rem;font-weight:700}.lees-schrijf__ronde-knop{border:2px solid var(--color-blue-200);width:3rem;height:3rem;color:var(--color-blue-600);cursor:pointer;background:#fff;border-radius:50%;place-items:center;padding:0;transition:background-color .15s,transform .15s;display:inline-grid;box-shadow:0 2px 7px #0f172a14}.lees-schrijf__ronde-knop:hover:not(:disabled){background:var(--color-blue-100)}.lees-schrijf__ronde-knop:active:not(:disabled){transform:scale(.94)}.lees-schrijf__navigatie{grid-template-columns:3rem 1fr 3rem;align-items:center;gap:.75rem;width:100%;display:grid}.lees-schrijf__navigatie-knop:disabled{border-color:var(--color-slate-200);background:var(--color-slate-50);color:var(--color-slate-300);cursor:not-allowed;box-shadow:none}.lees-schrijf__stap-kop{text-align:left;align-items:flex-start;gap:.875rem;width:100%;display:flex}.lees-schrijf__stap-icoon{background:var(--color-blue-100);width:3.25rem;height:3.25rem;color:var(--color-blue-600);border-radius:50%;flex:none;place-items:center;display:grid}.lees-schrijf__stap-icoon--schrijven{background:var(--color-green-100);color:var(--color-green-700)}.lees-schrijf__stap-icoon--nakijken{background:var(--color-yellow-100);color:var(--color-orange-600)}.lees-schrijf__stap-kop h3{color:var(--color-slate-800);margin:0;font-size:1.25rem;font-weight:850}.lees-schrijf__stap-kop p{color:var(--color-slate-500);margin:.3rem 0 0;font-size:.95rem;line-height:1.5}.lees-schrijf__stap-klank{margin-top:.65rem}.lees-schrijf__zin{border:2px solid var(--color-blue-100);background:var(--color-blue-50);width:100%;color:var(--color-slate-800);text-wrap:balance;border-radius:1.25rem;margin:.5rem 0;padding:clamp(1.25rem,5vw,2rem) 1rem;font-size:clamp(1.5rem,6vw,2.2rem);font-weight:650;line-height:1.65}.lees-schrijf__klank{text-decoration:underline;-webkit-text-decoration-color:var(--color-kid-green);text-decoration-color:var(--color-kid-green);text-underline-offset:.12em;text-decoration-thickness:.16em}.lees-schrijf__zin--schrijven{border-color:var(--color-slate-200);background:var(--color-slate-50);font-size:clamp(1.4rem,5vw,1.85rem)}.lees-schrijf__lege-plek{border-bottom:4px solid var(--color-slate-500);width:min(6rem,28vw);margin:0 .2em;display:inline-block;transform:translateY(-.15em)}.lees-schrijf__woord-luister-knop{vertical-align:middle;min-width:3rem;margin-left:.25em}.lees-schrijf__geen-haast{margin:-.5rem 0 0}.lees-schrijf__luister-knop{border:2px solid var(--color-blue-200);background:var(--color-blue-50);min-height:3rem;color:var(--color-blue-600);font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;padding:.65rem 1.05rem;font-weight:800;display:inline-flex}.lees-schrijf__luister-knop:hover{background:var(--color-blue-100)}.lees-schrijf__antwoord{border:3px solid var(--color-green-200);background:var(--color-green-50);min-width:min(100%,14rem);color:var(--color-green-700);letter-spacing:.03em;border-radius:1.25rem;padding:1.25rem 1.5rem;font-size:clamp(2rem,8vw,3rem);font-weight:900}.lees-schrijf__zelfcheck-vraag{color:var(--color-slate-700);margin:0;font-size:1.1rem;font-weight:750}.lees-schrijf__zelfcheck-acties{grid-template-columns:1fr 1fr;gap:.75rem;width:100%;display:grid}.lees-schrijf__zelfcheck-knop{min-height:3.5rem;font:inherit;cursor:pointer;border:2px solid #0000;border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1rem;font-weight:800;display:inline-flex}.lees-schrijf__zelfcheck-knop--gelijk{background:var(--color-green-600);color:#fff}.lees-schrijf__zelfcheck-knop--oefenen{border-color:var(--color-slate-300);color:var(--color-slate-700);background:#fff}@media (width<=480px){.oefening-resultaat__card{padding:1.5rem 1rem}.oefening-resultaat__inzichten{gap:.4rem}.oefening-resultaat__inzicht{min-height:6.5rem}.oefenpunten-overzicht{flex-wrap:wrap;gap:.75rem}.oefenpunten-overzicht__melding{width:100%;margin-left:0}.oefening-sorteren{flex-direction:column;align-items:stretch}.oefening-sorteren__select,.oefening-sorteren__select select{width:100%;max-width:none}.oefening-keuzekaart__start{min-height:7.5rem}.oefening-keuzekaart__gegevens{grid-template-columns:1fr}.lees-schrijf__intro,.lees-schrijf__stap{border-radius:1.15rem}.lees-schrijf__zelfcheck-acties{grid-template-columns:1fr}.lees-schrijf__start-knop,.lees-schrijf__schrijf-knop,.lees-schrijf__klaar-knop{width:100%}}.lees-schrijf__kiezer{text-align:center;justify-items:center;gap:1rem;display:grid}.lees-schrijf__kiezer h3{color:var(--color-slate-800);font-size:clamp(1.5rem,5vw,2rem)}.lees-schrijf__keuzes{gap:.85rem;width:min(100%,34rem);display:grid}.lees-schrijf__keuzes button{border:3px solid var(--color-blue-100);min-height:5rem;color:var(--color-slate-800);text-align:left;background:#fff;border-radius:1.25rem;grid-template-rows:auto auto auto auto;grid-template-columns:auto 1fr;gap:.15rem .8rem;padding:.9rem 1.1rem;display:grid}.lees-schrijf__keuzes button>span[aria-hidden=true]{grid-row:1/5;align-self:center;font-size:2rem}.lees-schrijf__keuzes button strong{align-self:end;font-size:1.05rem}.lees-schrijf__keuzes button small{color:var(--color-slate-500);font-weight:700}.lees-schrijf__keuze-uitleg{color:var(--color-slate-600);grid-column:2;font-size:.9rem;line-height:1.35}.lees-schrijf__keuzes button>.oefenpunten-status{grid-column:2;margin-top:.35rem}.lees-schrijf__keuzes button:hover,.lees-schrijf__keuzes button:focus-visible{border-color:var(--color-kid-blue);background:var(--color-blue-50)}.woordleren{gap:1rem;width:min(100%,46rem);margin:0 auto;display:grid}.woordleren__stapkop{color:var(--color-slate-800);align-items:center;gap:.9rem;display:flex}.woordleren__stapkop p,.woordleren__stapkop h3{margin:0}.woordleren__stapkop p{color:var(--color-slate-500);letter-spacing:.04em;text-transform:uppercase;font-size:.85rem;font-weight:800}.woordleren__stapkop h3{margin-top:.15rem;font-size:clamp(1.35rem,4vw,1.8rem)}.woordleren__stapicoon{color:#8a5a00;background:#fff2b8;border-radius:1.25rem;flex:none;place-items:center;width:4rem;height:4rem;display:grid}.woordleren__kaart{text-align:center;background:#fffdf4;border:2px solid #f3df8a;border-radius:1.6rem;justify-items:center;gap:1.25rem;min-height:23rem;padding:clamp(1.25rem,4vw,2.25rem);display:grid;box-shadow:0 12px 30px #63491214}.woordleren__instructie,.woordleren__vraag,.woordleren__luisterhulp,.woordleren__betekenis{color:var(--color-slate-700);margin:0;font-size:clamp(1.05rem,3vw,1.25rem);font-weight:700}.woordleren__woord{color:#6f3d00;letter-spacing:.04em;overflow-wrap:anywhere;margin:.5rem 0;font-size:clamp(2.7rem,10vw,5rem);font-weight:850}.woordleren__woord--klein{font-size:clamp(2rem,7vw,3.3rem)}.woordleren__doorgaan,.woordleren__typveld button{background:var(--color-kid-green);color:#fff;min-height:3.5rem;font:inherit;cursor:pointer;border:0;border-radius:1rem;justify-content:center;align-items:center;gap:.6rem;padding:.8rem 1.35rem;font-size:1.05rem;font-weight:800;display:inline-flex}.woordleren__doorgaan:disabled,.woordleren__typveld button:disabled{background:var(--color-slate-300);cursor:default}.woordleren__podcast{background:#fff;border-radius:1.3rem;justify-items:center;gap:1rem;width:min(100%,34rem);padding:1.25rem;display:grid}.woordleren__podcast--compact{padding:.75rem}.woordleren__podcast-knop{color:#1d4f91;min-height:4.25rem;font:inherit;cursor:pointer;background:#eff6ff;border:0;border-radius:1rem;justify-content:center;align-items:center;gap:.7rem;padding:.65rem 1.1rem;font-size:1rem;font-weight:800;display:inline-flex}.woordleren__podcast-knop:disabled{cursor:wait;opacity:.82}.woordleren__spinner{animation:1s linear infinite spin}.woordleren__podcast-voortgang{background:var(--color-slate-200);border-radius:99rem;width:100%;height:.7rem;overflow:hidden}.woordleren__podcast-voortgang span{border-radius:inherit;background:var(--color-kid-blue);height:100%;transition:width .2s linear;display:block}.woordleren__luisterhulp{color:var(--color-slate-500);align-items:center;gap:.5rem;font-size:.95rem;display:flex}.woordleren__fout{color:var(--color-red-700,#b42318);margin:0;font-weight:700}.woordleren__keuzes{gap:.8rem;width:min(100%,34rem);display:grid}.woordleren__keuzes button{border:3px solid var(--color-blue-100);min-height:4.2rem;color:var(--color-slate-800);font:inherit;cursor:pointer;background:#fff;border-radius:1.1rem;padding:.8rem 1rem;font-size:clamp(1rem,3vw,1.15rem);font-weight:750}.woordleren__keuzes button:hover,.woordleren__keuzes button:focus-visible{border-color:var(--color-kid-blue);background:var(--color-blue-50)}.woordleren__feedback{border-radius:1.2rem;justify-items:center;gap:1rem;width:min(100%,36rem);padding:1.2rem;display:grid}.woordleren__feedback strong,.woordleren__feedback p{margin:0}.woordleren__feedback--goed{color:#17643a;background:#e9f9ef}.woordleren__feedback--oefenen{color:#754c00;background:#fff3d6}.woordleren__typveld{text-align:left;gap:.65rem;width:min(100%,32rem);display:grid}.woordleren__typveld label{color:var(--color-slate-700);font-weight:800}.woordleren__typveld input{border:3px solid var(--color-slate-300);width:100%;min-height:4rem;color:var(--color-slate-900);font:inherit;background:#fff;border-radius:1rem;padding:.65rem 1rem;font-size:clamp(1.45rem,5vw,2rem);font-weight:750}.woordleren__typveld input:focus{border-color:var(--color-kid-blue);outline:3px solid #4361ee2e}.woordleren__leeszin{color:var(--color-slate-900);margin:1rem 0;font-size:clamp(1.9rem,7vw,3.3rem);font-weight:750;line-height:1.65}.woordleren__woordhulp,.woordleren__opnemen{flex-wrap:wrap;justify-content:center;align-items:center;gap:.65rem;width:100%;display:flex}.woordleren__woordhulp{color:var(--color-slate-500)}.woordleren__opnemen{border-top:1px solid #f0dfaa;padding-top:.75rem}.woordleren__terugblik{min-height:15rem}.woordleren__gedaan{color:#17643a;background:#e9f9ef;border-radius:99rem;align-items:center;gap:.4rem;padding:.4rem .75rem;font-weight:800;display:inline-flex}.woordleren__navigatie{justify-content:space-between;gap:1rem;display:flex}.woordleren__navigatie button{border:2px solid var(--color-slate-300);min-width:7.5rem;min-height:3.2rem;color:var(--color-slate-700);font:inherit;cursor:pointer;background:#fff;border-radius:1rem;justify-content:center;align-items:center;gap:.45rem;padding:.65rem 1rem;font-weight:800;display:inline-flex}.woordleren__navigatie button:disabled{opacity:.38;cursor:default}.woordleren__reset{min-height:2.75rem;color:var(--color-slate-500);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:.85rem;justify-self:center;align-items:center;gap:.45rem;padding:.55rem .9rem;font-size:.9rem;font-weight:750;display:inline-flex}.woordleren__reset:hover,.woordleren__reset:focus-visible{background:var(--color-slate-100);color:var(--color-slate-700)}.woordleren-reset__kaart{width:min(100%,27rem);box-shadow:var(--shadow-2xl);text-align:center;background:#fff;border:4px solid #fee2e2;border-radius:2rem;padding:2rem}.woordleren-reset__icoon{color:#be123c;background:#fff1f2;border-radius:50%;place-items:center;width:5rem;height:5rem;margin:0 auto 1rem;display:grid}.woordleren-reset__kaart h2{color:var(--color-slate-900);margin:0;font-size:1.7rem}.woordleren-reset__kaart p{color:var(--color-slate-600);margin:.8rem 0 1.5rem;font-size:1.05rem;font-weight:650;line-height:1.55}.woordleren-reset__acties{grid-template-columns:1fr;gap:.75rem;display:grid}.woordleren-reset__acties button{min-height:3.4rem;font:inherit;cursor:pointer;border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-weight:800;display:inline-flex}.woordleren-reset__acties button:disabled{cursor:wait;opacity:.7}.woordleren-reset__annuleren{color:#166534;background:#f0fdf4;border:2px solid #bbf7d0}.woordleren-reset__bevestigen{color:#fff;background:#be123c;border:0}.oefening-resultaat__opslag-opnieuw{border:2px solid var(--color-kid-blue);min-height:2.8rem;color:var(--color-kid-blue);font:inherit;cursor:pointer;background:#fff;border-radius:.8rem;padding:.55rem 1rem;font-weight:800}@media (width<=36rem){.woordleren__kaart{border-radius:1.2rem;min-height:20rem}.woordleren__stapicoon{width:3.25rem;height:3.25rem}.woordleren__podcast-knop,.woordleren__doorgaan,.woordleren__typveld button{width:100%}.woordleren__navigatie button{flex:1;min-width:0}.woordleren-reset__kaart{border-radius:1.5rem;padding:1.5rem}}@media (width>=30rem){.woordleren-reset__acties{grid-template-columns:1fr 1.25fr}}@font-face{font-family:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/lexend-vietnamese-wght-normal-RvljkFvg.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/lexend-latin-ext-wght-normal-B6JQhE1e.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/lexend-latin-wght-normal-ci0D1wrL.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:OpenDyslexic;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/opendyslexic-latin-400-normal-nUhe5EwG.woff2)format("woff2"),url(/assets/opendyslexic-latin-400-normal-Cv3YY6GF.woff)format("woff")}@font-face{font-family:OpenDyslexic;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/opendyslexic-latin-700-normal-Bnmt45Ln.woff2)format("woff2"),url(/assets/opendyslexic-latin-700-normal-wYUJcbXi.woff)format("woff")}