: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-400: #fb923c;--color-orange-600: #ea580c;--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 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-btn-primary: 0 4px 0 #1A91D1;--shadow-btn-success: 0 4px 0 #047857;--shadow-btn-danger: 0 4px 0 #B91C1C;--font-sans: "Lexend", "Verdana", sans-serif;--font-dyslexic: "OpenDyslexic", "Comic Sans MS", "Chalkboard SE", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-moz-tab-size:4;tab-size:4;-webkit-text-size-adjust:100%;line-height:1.5}html,body{height:100%;overflow:hidden;position:fixed;width:100%}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;user-select:none;-webkit-user-select:none;line-height:1.5}#root{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}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}button{background:none;border:none}a{color:inherit;text-decoration:inherit}.app-layout{min-height:100vh;transition:all .15s ease;font-family:var(--font-sans);background-color:var(--color-kid-bg);color:var(--color-slate-800)}.app-layout__bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.app-layout__blob{position:absolute;width:40%;height:40%;border-radius:9999px;filter:blur(48px)}.app-layout__blob--top{top:-10%;left:-10%;background-color:#4cc9f01a}.app-layout__blob--bottom{bottom:-10%;right:-10%;background-color:#f725851a}.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)!important}.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:fade-in .3s ease-out}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes bounce-slow{0%,to{transform:translateY(-5%)}50%{transform:translateY(5%)}}.animate-bounce-slow{animation:bounce-slow 3s infinite}@keyframes slide-down{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.animate-slide-down{animation:slide-down .3s ease-out}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.theme--light{background-color:var(--color-kid-bg);color:var(--color-slate-800)}.theme--sepia{background-color:#f4ecd8;color:#5b4636}.theme--dark{background-color:var(--color-slate-900);color:var(--color-slate-200)}.theme--navy{background-color:#0a192f;color:var(--color-blue-100)}.btn{padding:1rem 1.5rem;border-radius:1rem;font-weight:900;font-size:1.125rem;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;user-select:none;-webkit-user-select:none;border:none;text-decoration:none;line-height:1.25}.btn:active{transform:scale(.95);box-shadow:none}.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{background-color:#fff;border:2px solid var(--color-slate-200);color:var(--color-slate-500);box-shadow:var(--shadow-sm)}.btn--secondary:hover{border-color:var(--color-kid-blue);color:var(--color-kid-blue);background-color:var(--color-slate-50)}.btn--ghost{background-color:transparent;padding:.5rem;border-radius:.75rem;color:var(--color-slate-400)}.btn--ghost:hover{background-color:var(--color-slate-100)}.btn--icon{padding:.75rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.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{display:block;font-size:.75rem;font-weight:900;color:var(--color-slate-400);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;margin-left:.25rem}.form-label--no-margin{margin-bottom:0}.form-input{width:100%;padding:1rem;background-color:var(--color-slate-50);border:2px solid var(--color-slate-100);border-radius:1rem;outline:none;transition:all .15s ease;font-weight:700;color:var(--color-slate-700)}.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{width:100%;padding:1rem 2.5rem 1rem 1rem;background-color:var(--color-slate-50);border:2px solid var(--color-slate-100);border-radius:1rem;outline:none;font-weight:700;color:var(--color-slate-700);-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.form-select:focus{border-color:var(--color-kid-blue)}.form-select__arrow{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--color-slate-400);pointer-events:none}.panel{background-color:#fff;border-radius:2rem;padding:1.5rem;box-shadow:var(--shadow-lg);border-bottom:6px solid var(--color-slate-100);transition:all .15s ease}@media (min-width: 768px){.panel{padding:2rem}}.panel__header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.panel__title{font-size:1.25rem;font-weight:900;color:var(--color-slate-700)}.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{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:60;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fade-in .3s ease-out}.modal-card{background-color:#fff;border-radius:2.5rem;width:100%;max-width:56rem;box-shadow:var(--shadow-2xl);position:relative;border:8px solid rgba(255,255,255,.5);background-clip:padding-box;max-height:90vh;overflow-y:auto}.badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.auth{min-height:100vh;display:flex;background-color:#fff;font-family:var(--font-sans);position:relative}.auth__lang-toggle{position:absolute;top:1rem;right:1rem;z-index:50;background-color:#ffffff80;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:9999px;padding:.25rem;display:flex;gap:.25rem;border:1px solid var(--color-slate-200)}.auth__lang-btn{padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:700;transition:all .15s ease;color:var(--color-slate-400)}.auth__lang-btn--active{background-color:#fff;box-shadow:var(--shadow-sm);color:var(--color-slate-800)}.auth__sidebar{display:none;background-color:var(--color-kid-blue);color:#fff;padding:3rem;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}@media (min-width: 768px){.auth__sidebar{display:flex;width:41.666667%}}@media (min-width: 1024px){.auth__sidebar{width:33.333333%}}.auth__sidebar-bg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.2;pointer-events:none}.auth__sidebar-blob{position:absolute;border-radius:9999px;filter:blur(48px)}.auth__sidebar-blob--top{top:-5rem;left:-5rem;width:16rem;height:16rem;background-color:#fff}.auth__sidebar-blob--bottom{bottom:5rem;right:5rem;width:20rem;height:20rem;background-color:var(--color-kid-purple)}.auth__sidebar-content{position:relative;z-index:10}.auth__logo-row{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.auth__logo-icon{background-color:#fff3;padding:.75rem;border-radius:1rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.auth__logo-icon span{font-size:1.875rem}.auth__logo-title{font-size:1.875rem;font-weight:900;letter-spacing:-.025em}.auth__welcome{font-size:2.25rem;font-weight:700;line-height:1.1;margin-bottom:1rem}.auth__subtitle{color:var(--color-blue-100);font-size:1.125rem;font-weight:500;max-width:24rem}.auth__usp-list{display:flex;flex-direction:column;gap:1.25rem;position:relative;z-index:10}.auth__usp{display:flex;gap:1rem;align-items:flex-start}.auth__usp-icon{background-color:#fff3;padding:.75rem;border-radius:.75rem;margin-top:.25rem;flex-shrink:0}.auth__usp-title{font-weight:700;font-size:1.125rem;line-height:1.1;margin-bottom:.25rem}.auth__usp-desc{color:var(--color-blue-100);font-size:.875rem;line-height:1.625;opacity:.9}.auth__footer{font-size:.75rem;color:var(--color-blue-200);position:relative;z-index:10;margin-top:3rem}.auth__form-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;background-color:#fff;overflow-y:auto}@media (min-width: 768px){.auth__form-panel{padding:3rem}}@media (min-width: 1024px){.auth__form-panel{padding:6rem}}.auth__form-container{width:100%;max-width:28rem}.auth__mobile-logo{display:block;text-align:center;margin-bottom:2rem}@media (min-width: 768px){.auth__mobile-logo{display:none}}.auth__mobile-logo-icon{display:inline-block;background-color:#4cc9f01a;padding:1rem;border-radius:1.5rem;margin-bottom:1rem}.auth__mobile-logo-icon span{font-size:3rem}.auth__mobile-logo-title{font-size:1.875rem;font-weight:900;color:var(--color-kid-blue)}.auth__form-header{margin-bottom:2rem}.auth__form-title{font-size:1.875rem;font-weight:900;color:var(--color-slate-800);margin-bottom:.5rem}.auth__form-subtitle{color:var(--color-slate-500);font-weight:500}.auth__tabs{background-color:var(--color-slate-100);padding:.375rem;border-radius:1rem;display:flex;margin-bottom:2rem}.auth__tab{flex:1;padding:.75rem;border-radius:.75rem;font-size:.875rem;font-weight:700;transition:all .15s ease;color:var(--color-slate-400)}.auth__tab:hover{color:var(--color-slate-600)}.auth__tab--active{background-color:#fff;color:var(--color-kid-blue);box-shadow:var(--shadow-md)}.auth__form{display:flex;flex-direction:column;gap:1.25rem}.auth__alert{padding:1rem;border-radius:1rem;display:flex;align-items:center;gap:.75rem;font-size:.875rem;font-weight:700;animation:fade-in .3s ease-out}.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{display:block;font-size:.75rem;font-weight:700;color:var(--color-slate-400);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;margin-left:.25rem}.auth__field-input{width:100%;padding:1rem;background-color:var(--color-slate-50);border:2px solid var(--color-slate-100);border-radius:1rem;outline:none;transition:all .15s ease;font-weight:700;color:var(--color-slate-700)}.auth__field-input::placeholder{font-weight:500;color:var(--color-slate-400)}.auth__field-input:focus{border-color:var(--color-kid-blue);background-color:#fff}.auth__forgot{text-align:right;margin-top:.5rem}.auth__forgot-link{font-size:.75rem;font-weight:700;color:var(--color-kid-blue);transition:color .15s ease}.auth__forgot-link:hover{color:var(--color-blue-600)}.auth__forgot-link:disabled{opacity:.5}.auth__submit{width:100%;margin-top:1rem}.dashboard{padding:1.5rem 1.5rem 5rem;max-width:72rem;margin:0 auto}.dashboard__pwa-prompt{margin-bottom:1.5rem;background-color:#4cc9f01a;border:2px solid var(--color-kid-blue);border-radius:1.5rem;padding:1.5rem;display:flex;align-items:flex-start;gap:1rem;animation:fade-in .3s ease-out;position:relative}.dashboard__pwa-icon{background-color:var(--color-kid-blue);padding:.75rem;border-radius:1rem;color:#fff}.dashboard__pwa-content{flex:1}.dashboard__pwa-title{font-weight:900;color:var(--color-slate-800);font-size:1.125rem;line-height:1.1;margin-bottom:.25rem}.dashboard__pwa-desc{color:var(--color-slate-600);font-size:.875rem;font-weight:500;margin-bottom:.75rem}.dashboard__pwa-action{display:flex;align-items:center;gap:.5rem;color:var(--color-kid-blue);font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.dashboard__pwa-action-icon{border:2px solid var(--color-kid-blue);border-radius:.125rem}.dashboard__pwa-close{position:absolute;top:1rem;right:1rem;color:var(--color-slate-400)}.dashboard__pwa-close:hover{color:var(--color-slate-600)}.dashboard__delete-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background-color:#00000080;display:flex;align-items:center;justify-content:center;padding:1rem}.dashboard__delete-card{background-color:#fff;border-radius:1.5rem;padding:1.5rem;max-width:24rem;width:100%;box-shadow:var(--shadow-2xl);animation:bounce-slow 3s infinite}.dashboard__delete-icon{background-color:var(--color-red-50);width:4rem;height:4rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:var(--color-red-500)}.dashboard__delete-title{font-size:1.25rem;font-weight:900;text-align:center;color:var(--color-slate-800);margin-bottom:.5rem}.dashboard__delete-actions{display:flex;gap:.75rem;margin-top:1.5rem}.dashboard__delete-btn-cancel{flex:1;padding:.75rem;background-color:var(--color-slate-100);color:var(--color-slate-600);font-weight:700;border-radius:.75rem}.dashboard__delete-btn-cancel:hover{background-color:var(--color-slate-200)}.dashboard__delete-btn-confirm{flex:1;padding:.75rem;background-color:var(--color-red-500);color:#fff;font-weight:700;border-radius:.75rem;box-shadow:var(--shadow-lg),0 4px 14px #ef444433}.dashboard__delete-btn-confirm:hover{background-color:var(--color-red-600)}.dashboard__header{display:flex;flex-direction:column;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem}@media (min-width: 640px){.dashboard__header{flex-direction:row}}.dashboard__logo-area{display:flex;align-items:center;gap:1rem}.dashboard__logo{background-color:#fff;padding:.75rem;border-radius:1rem;box-shadow:var(--shadow-sm);border:1px solid var(--color-slate-100)}.dashboard__logo span{font-size:2.25rem}.dashboard__title{font-size:1.875rem;font-weight:900;color:var(--color-slate-800);letter-spacing:-.025em;line-height:1;margin-bottom:.25rem}.dashboard__profile-btn{display:flex;align-items:center;gap:.5rem;background-color:#fff;padding:.375rem .75rem;border-radius:9999px;border:1px solid var(--color-slate-200);box-shadow:var(--shadow-sm);transition:all .15s ease}.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{font-weight:700;color:var(--color-slate-600);font-size:.875rem}.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{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem}.dashboard__stat-card{height:3.5rem;background-color:#fff;padding:0 1rem;border-radius:1rem;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:.75rem}.dashboard__stat-card--lines{border:1px solid rgba(6,214,160,.3)}.dashboard__stat-card--points{border:1px solid var(--color-kid-yellow);min-width:120px}.dashboard__stat-icon{background-color:#06d6a01a;padding:.5rem;border-radius:9999px}.dashboard__stat-icon svg{color:var(--color-kid-green)}.dashboard__stat-info{display:flex;flex-direction:column;line-height:1.1}.dashboard__stat-value{font-weight:900;font-size:1.25rem;color:var(--color-slate-700)}.dashboard__stat-label{font-size:10px;font-weight:700;color:var(--color-slate-400);text-transform:uppercase;letter-spacing:.05em}.dashboard__stat-points-icon{color:var(--color-kid-yellow);fill:var(--color-kid-yellow)}.dashboard__stat-points-value{font-weight:900;font-size:1.5rem;color:var(--color-slate-700)}.dashboard__icon-btn{height:3.5rem;width:3.5rem;display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:1rem;box-shadow:var(--shadow-sm);border:1px solid var(--color-slate-200);color:var(--color-slate-400);transition:color .15s ease,border-color .15s ease}.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{font-size:1.25rem;font-weight:700;color:var(--color-slate-700);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.dashboard__grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem}@media (min-width: 768px){.dashboard__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.dashboard__grid{grid-template-columns:repeat(3,1fr)}}.dashboard__add-card{cursor:pointer;border:4px dashed var(--color-slate-300);border-radius:1.5rem;padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-slate-400);transition:all .15s ease;min-height:200px}.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);padding:1rem;border-radius:9999px;margin-bottom:.75rem;transition:background-color .15s ease}.dashboard__add-card:hover .dashboard__add-card-icon{background-color:#fff}.dashboard__add-card-label{font-weight:700;font-size:1.125rem}.dashboard__completed-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.dashboard__completed-title{font-size:1.25rem;font-weight:700;color:var(--color-slate-700);display:flex;align-items:center;gap:.5rem}.dashboard__completed-title svg{color:var(--color-kid-green)}.dashboard__completed-divider{height:1px;background-color:var(--color-slate-200);flex:1}.dashboard__completed-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;opacity:.8;transition:opacity .15s ease}.dashboard__completed-grid:hover{opacity:1}@media (min-width: 768px){.dashboard__completed-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.dashboard__completed-grid{grid-template-columns:repeat(3,1fr)}}.activity-card{cursor:pointer;background-color:#fff;border-radius:1.5rem;padding:1.5rem;box-shadow:var(--shadow-md);border-bottom:8px solid var(--color-slate-100);transition:all .2s ease;position:relative;overflow:hidden}.activity-card:hover{transform:translateY(-.25rem);border-color:var(--color-kid-blue)}.activity-card--completed{border-color:var(--color-kid-green);opacity:.9}.activity-card--completed:hover{border-color:var(--color-kid-green)}.activity-card__cover{position:absolute;top:0;left:0;right:0;height:10rem;overflow:hidden;opacity:.8;transition:opacity .15s ease;z-index:0}.activity-card:hover .activity-card__cover{opacity:1}.activity-card__cover img{width:100%;height:100%;object-fit:cover}.activity-card__cover-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent,#fff)}.activity-card__bg-icon{position:absolute;top:0;right:0;padding:1rem;opacity:.1;transition:opacity .15s ease;z-index: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{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;position:relative;z-index:10}.activity-card__emoji{font-size:3.75rem}.activity-card__cover-spacer{width:4rem;height:4rem}.activity-card__buttons{display:flex;gap:.5rem}.activity-card__action-btn{background-color:#fffc;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:.5rem;border-radius:9999px;transition:all .15s ease;z-index:20;box-shadow:var(--shadow-sm)}.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{padding:.5rem;border-radius:9999px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.activity-card__status-badge--completed{background-color:#06d6a01a;color:var(--color-kid-green)}.activity-card__status-badge--completed svg{fill:var(--color-kid-green);color:#fff}.activity-card__status-badge--started{background-color:#4cc9f01a;color:var(--color-kid-blue)}.activity-card__status-badge--started svg{fill:var(--color-kid-blue);color:#fff}.activity-card__title{font-size:1.5rem;font-weight:700;color:var(--color-slate-800);margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;z-index:10;filter:drop-shadow(0 1px 1px rgba(0,0,0,.05))}.activity-card__tags{display:flex;gap:.5rem;margin-bottom:1rem;position:relative;z-index:10}.activity-card__tag{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.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);display:flex;align-items:center;gap:.25rem}.activity-card__tag--level{background-color:var(--color-slate-100);color:var(--color-slate-500)}.activity-card__progress{width:100%;background-color:var(--color-slate-100);height:.5rem;border-radius:9999px;overflow:hidden;margin-bottom:.5rem;position:relative;z-index:10}.activity-card__progress-fill{background-color:var(--color-kid-green);height:100%;border-radius:9999px;transition:all .5s ease}.activity-card__footer{margin-top:.5rem;font-size:.75rem;font-weight:700;color:var(--color-slate-400);position:relative;z-index:10}.dashboard__tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;background:var(--color-slate-100, #f1f5f9);border-radius:.875rem;padding:.25rem}.dashboard__tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border:none;border-radius:.625rem;background:transparent;color:var(--color-slate-500);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s}.dashboard__tab--active{background:#fff;color:var(--color-kid-blue, #4CC9F0);box-shadow:0 1px 3px #00000014}.dashboard__tab:not(.dashboard__tab--active):hover{color:var(--color-slate-700)}.dashboard__oefeningen{display:flex;flex-direction:column;gap:1.5rem}.dashboard__oef-cat-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.dashboard__oef-cat-emoji{font-size:1.25rem}.dashboard__oef-cat-titel{font-size:1rem;font-weight:700;color:var(--color-slate-700);margin:0}.dashboard__oef-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem}.dashboard__oef-card{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:#fff;border:1.5px solid var(--color-slate-200, #e2e8f0);border-radius:1rem;cursor:pointer;text-align:left;transition:all .15s}.dashboard__oef-card:hover{border-color:var(--color-kid-blue, #4CC9F0);box-shadow:0 2px 8px #4cc9f026}.dashboard__oef-card:active{transform:scale(.98)}.dashboard__oef-card-emoji{font-size:1.5rem;flex-shrink:0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:var(--color-slate-50, #f8fafc);border-radius:.75rem}.dashboard__oef-card-info{flex:1;min-width:0}.dashboard__oef-card-naam{font-size:.9375rem;font-weight:700;color:var(--color-slate-800);margin:0}.dashboard__oef-card-desc{font-size:.75rem;color:var(--color-slate-500);margin:.125rem 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.math-screen{display:flex;flex-direction:column;height:100%;position:relative;max-width:48rem;margin:0 auto;width:100%;padding:1rem}.math-screen__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.math-screen__back-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--color-slate-100);border-radius:9999px;color:var(--color-slate-600);font-weight:700;transition:background-color .15s ease;font-size:.875rem}.math-screen__back-btn:hover{background-color:var(--color-slate-200)}.math-screen__score{display:flex;align-items:center;gap:.5rem}.math-screen__score-label{font-size:.875rem;font-weight:700;color:var(--color-slate-400)}.math-screen__content{flex:1;display:flex;flex-direction:column;align-items:center}.math-screen__mascot{font-size:2.25rem;margin-bottom:1.5rem;animation:bounce-slow 3s infinite}.math-screen__problem{background-color:#fff;padding:2rem;border-radius:1.5rem;box-shadow:var(--shadow-lg);border-bottom:8px solid var(--color-slate-100);margin-bottom:2rem;width:100%;text-align:center}.math-screen__equation{font-size:3.75rem;font-weight:900;color:var(--color-slate-700);letter-spacing:.05em}.math-screen__answer-area{margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:1rem}.math-screen__equals{font-size:3.75rem;font-weight:900;color:var(--color-slate-300)}.math-screen__answer-box{min-width:100px;height:80px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;border:4px solid transparent}.math-screen__answer-box--thinking{border-color:var(--color-kid-blue);background-color:var(--color-blue-50);color:var(--color-kid-blue)}.math-screen__answer-box--correct{border-color:var(--color-kid-green);background-color:var(--color-green-50);color:var(--color-kid-green)}.math-screen__answer-box--wrong{border-color:var(--color-red-400);background-color:var(--color-red-50);color:var(--color-red-500)}.math-screen__answer-placeholder{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;color:var(--color-slate-300)}.math-screen__numpad{width:100%;max-width:24rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.math-screen__num-btn{height:4rem;border-radius:1rem;font-size:1.5rem;font-weight:700;background-color:#fff;box-shadow:0 4px #0000001a;transition:all .15s ease;border:1px solid var(--color-slate-100);color:var(--color-slate-600)}.math-screen__num-btn:active{box-shadow:none;transform:translateY(1px)}.math-screen__num-btn--zero{grid-column:2}.math-screen__num-btn--delete{height:4rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;color:var(--color-red-400);background-color:var(--color-red-50);transition:all .15s ease}.math-screen__num-btn--delete:hover{background-color:var(--color-red-100)}.math-screen__num-btn--delete:active{transform:translateY(1px)}.math-screen__num-btn--submit{grid-column:3;height:4rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;color:#fff;background-color:var(--color-kid-green);box-shadow:0 4px #15803d;transition:all .15s ease}.math-screen__num-btn--submit:hover{background-color:var(--color-green-500)}.math-screen__num-btn--submit:active{box-shadow:none;transform:translateY(1px)}.math-screen__num-btn--submit:disabled{opacity:.5;box-shadow:none}.math-screen__star-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.math-screen__star{color:var(--color-kid-yellow);filter:drop-shadow(0 25px 25px rgba(0,0,0,.15));animation:bounce 1s infinite}.story-layout{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;height:100dvh;width:100%;overflow:hidden;transition:background-color .5s ease,color .5s ease}.story-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;width:100%;max-width:80rem;margin:0 auto;overflow-y:auto;position:relative}.story-screen__inner{width:100%;display:flex;flex-direction:column;align-items:center}.story-screen__content{width:100%;padding:1rem 0}.story-text{max-width:72rem;text-align:center;margin-bottom:1rem;display:flex;flex-wrap:wrap;justify-content:center}@media (min-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:.6em}.story-text__word{cursor:pointer;border-radius:1rem;padding:.25rem .75rem;transition:all .15s ease;user-select:none;-webkit-user-select:none;font-size:1.5rem;font-weight:500}@media (min-width: 768px){.story-text__word{padding:.25rem 1rem;font-size:2.25rem}}@media (min-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:bounce 1s infinite}.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:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.story-text__word--spotlight{z-index:80;position:relative;transform:scale(1.1);background-color:#fff;box-shadow:var(--shadow-xl);color:var(--color-slate-900);border-radius:.75rem;outline:4px solid rgba(255,214,10,.5)}.story-text__word--dimmed{transition:opacity .5s ease;opacity:.3}.story-text__karaoke-underline{border-bottom:6px solid currentColor;padding-bottom:.25rem;display:inline-block;line-height:1}.story-text__karaoke-bold{font-weight:800;color:inherit}.story-text__karaoke-normal{font-weight:400;opacity:.7;color:inherit}.story-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .5rem .25rem;z-index:20;position:relative}@media (min-width: 768px){.story-header{padding:.75rem}}.story-header__left,.story-header__right{display:flex;align-items:center;gap:.375rem}@media (min-width: 768px){.story-header__left,.story-header__right{gap:.5rem}}.story-header__btn{padding:.5rem;border-radius:9999px;border:1px solid transparent;transition:all .15s ease}@media (min-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{background-color:#fff9;border-color:#e2e8f099;color:var(--color-slate-500);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-sm)}.story-header__btn--light:hover{background-color:#fff;color:var(--color-kid-blue);border-color:#4cc9f04d}.story-header__btn--dark{background-color:#ffffff1a;border-color:#ffffff1a;color:#fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.story-header__btn--dark:hover{background-color:#fff3}.story-header__btn--sepia{background-color:#e8dec099;border-color:#d4c5a3;color:#5b4636;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.story-header__btn--sepia:hover{background-color:#d4c5a399}.story-header__progress-area{flex:1;padding:0 .75rem;display:flex;flex-direction:column;gap:.25rem;max-width:32rem}@media (min-width: 768px){.story-header__progress-area{margin:0 1rem}}.story-header__progress-labels{display:flex;justify-content:space-between;font-size:10px;font-weight:700;padding:0 .25rem}@media (min-width: 768px){.story-header__progress-labels{font-size:.75rem}}.story-header__progress-bar{height:.625rem;border-radius:9999px;overflow:hidden;display:flex}@media (min-width: 768px){.story-header__progress-bar{height:.75rem}}.story-header__progress-bar--light{background-color:var(--color-slate-100);border:1px solid var(--color-slate-200)}.story-header__progress-bar--dark{background-color:#ffffff1a;border:1px solid rgba(255,255,255,.15)}.story-header__progress-bar--sepia{background-color:#e8dec080;border:1px solid rgba(212,197,163,.5)}.story-header__progress-segment{height:100%;transition:all .3s ease}.story-header__progress-segment--completed{background-color:var(--color-kid-green)}.story-header__progress-segment--current{background-color:var(--color-kid-blue)}.story-header__progress-segment--empty{background-color:transparent}.story-header__progress-segment--first{border-radius:9999px 0 0 9999px}.story-header__progress-segment--last{border-radius:0 9999px 9999px 0}.story-header__chip{padding:.5rem .625rem;border-radius:9999px;border:1px solid transparent;display:flex;align-items:center;gap:.375rem}@media (min-width: 768px){.story-header__chip{padding:.625rem .75rem}}.story-header__chip--light{background-color:#fff6;border-color:#e2e8f080;color:var(--color-slate-500);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-sm)}.story-header__chip--dark{background-color:#ffffff0d;border-color:#ffffff1a;color:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.story-header__chip--sepia{background-color:#e8dec066;border-color:#d4c5a380;color:#5b4636cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.header-info-item{display:none;padding:.5rem .625rem;border-radius:9999px;border:1px solid transparent;align-items:center;gap:.375rem;transition:all .15s ease;background-color:transparent}@media (min-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{background-color:#7209b71a;border-color:var(--color-kid-purple);color:var(--color-kid-purple)}.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)}.story-controls{width:100%;padding:.5rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid transparent;z-index:30;position:relative}@media (min-width: 768px){.story-controls{padding:.75rem;gap:1rem}}.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{display:flex;align-items:center;gap:.75rem}@media (min-width: 768px){.story-controls__group{gap:1rem}}.story-controls__btn{display:flex;align-items:center;justify-content:center;padding:.625rem;border-radius:.75rem;transition:all .15s ease;box-shadow:var(--shadow-sm);border:1px solid transparent}.story-controls__btn:active{transform:scale(.95)}.story-controls__btn--light{background-color:#fff;border-color:var(--color-slate-100);color:var(--color-slate-500)}.story-controls__btn--light:hover{background-color:var(--color-slate-50);color:var(--color-kid-blue);border-color:#4cc9f04d}.story-controls__btn--dark{background-color:#ffffff1a;border-color:#fff3;color:#fff}.story-controls__btn--dark:hover{background-color:#fff3}.story-controls__btn--sepia{background-color:#e8dec0;border-color:#d4c5a3;color:#5b4636}.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{background-color:#8b6b4b;border-color:#70553b;color:#f4ecd8}.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{background-color:#ffffff40;border-color:#ffffff4d;color:#fff}.story-controls__btn--action-dark:hover{background-color:#ffffff59}.story-controls__btn--action-sepia{background-color:#5b4636;border-color:#4a3828;color:#f4ecd8}.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:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.story-controls__btn--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.mic-section{display:flex;align-items:center;justify-content:center;width:100%;min-height:100px;flex-shrink:0;padding-bottom:.5rem;margin-bottom:.5rem;z-index:20}.mic-section--focus{z-index:60;position:relative}.mic-section__placeholder{width:6rem;height:6rem;border-radius:9999px;background-color:var(--color-kid-pink);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.story-feedback{margin:1.5rem auto 0;background-color:#f1f5f9cc;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:.75rem 1.5rem;border-radius:1rem;border:1px solid var(--color-slate-200);max-width:32rem;animation:fade-in .3s ease-out;text-align:center}.story-feedback__label{font-size:10px;font-weight:700;color:var(--color-slate-400);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.25rem}.story-feedback__text{color:var(--color-slate-600);font-weight:500;font-size:1.125rem;font-style:italic}.status-indicator{display:flex;justify-content:center;margin-bottom:1.5rem;animation:fade-in .3s ease-out}.status-indicator__badge{background-color:var(--color-kid-green);color:#fff;padding:.75rem 2rem;border-radius:9999px;font-weight:900;font-size:1.25rem;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:.75rem;border:4px solid #fff;transform-origin:center;user-select:none;-webkit-user-select:none;cursor:default}.status-indicator__badge:hover{transform:scale(1.05)}.focus-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background-color:#0f172ad9;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:opacity 1s ease-in-out}.focus-overlay--visible{opacity:1;pointer-events:auto}.focus-overlay--hidden{opacity:0;pointer-events:none}.focus-overlay__close{position:absolute;top:1.5rem;right:1.5rem;z-index:50;background-color:#fff;color:var(--color-slate-800);padding:1rem;border-radius:9999px;box-shadow:var(--shadow-lg);border:4px solid var(--color-slate-100);transition:all .15s ease}.focus-overlay__close:hover{background-color:var(--color-slate-200)}.focus-overlay__close:active{transform:scale(.95)}.focus-overlay__nav{position:absolute;bottom:8rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2rem;pointer-events:none;z-index:70}.focus-overlay__nav-btn{pointer-events:auto;padding:1rem;border-radius:9999px;box-shadow:var(--shadow-lg);transition:all .15s ease;border:4px solid transparent}@media (min-width: 768px){.focus-overlay__nav-btn{padding:1.25rem}}.focus-overlay__nav-btn--enabled{background-color:#fff;color:var(--color-slate-800);border-color:var(--color-slate-100)}.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{background-color:#33415580;color:var(--color-slate-500);border-color:#47556980;cursor:not-allowed;opacity:.5}.focus-overlay__nav-spacer{width:6rem}@media (min-width: 768px){.focus-overlay__nav-spacer{width:8rem}}.story-end{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:fade-in .3s ease-out;position:relative;padding-bottom:3rem;padding-top:1rem}.story-end__card{background-color:#fff;border-radius:2.5rem;padding:2rem;box-shadow:var(--shadow-xl);border:4px solid var(--color-kid-yellow);text-align:center;max-width:42rem;width:100%;position:relative;z-index:10;transition:transform .15s ease}@media (min-width: 768px){.story-end__card{padding:3rem}}.story-end__card:hover{transform:scale(1.01)}.story-end__trophy-wrapper{margin-bottom:1.5rem;margin-top:-5rem}.story-end__trophy-icon{background-color:#fff;padding:1rem;border-radius:9999px;display:inline-block;box-shadow:var(--shadow-lg);border:4px solid var(--color-kid-yellow)}.story-end__trophy-svg{width:6rem;height:6rem;color:var(--color-kid-yellow);fill:var(--color-kid-yellow);animation:bounce-slow 3s infinite}.story-end__title{font-size:2.25rem;font-weight:900;color:var(--color-kid-purple);margin-bottom:.5rem}@media (min-width: 768px){.story-end__title{font-size:3rem}}.story-end__subtitle{color:var(--color-slate-500);font-weight:700;font-size:1.25rem;margin-bottom:2rem}@media (min-width: 768px){.story-end__subtitle{font-size:1.5rem}}.story-end__stats{background-color:var(--color-slate-50);border-radius:1.5rem;padding:1.5rem;margin-bottom:2rem;border:2px solid var(--color-slate-100)}@media (min-width: 768px){.story-end__stats{padding:2rem}}.story-end__stats-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1.5rem;border-bottom:2px solid var(--color-slate-200);padding-bottom:1.5rem}.story-end__stats-label{color:var(--color-slate-500);font-weight:700;font-size:1.25rem}.story-end__stats-points{font-size:3.75rem;font-weight:900;color:var(--color-kid-blue)}@media (min-width: 768px){.story-end__stats-points{font-size:4.5rem}}.story-end__stats-list{display:flex;flex-direction:column;gap:1rem;font-size:1.125rem}.story-end__stats-row{display:flex;justify-content:space-between;align-items:center}.story-end__stats-row--label{color:var(--color-slate-400)}.story-end__stats-row--label .story-end__stats-row-icon{display:flex;align-items:center;gap:.5rem}.story-end__stats-row--value{font-weight:700;font-size:1.25rem}.story-end__stats-row--bonus{color:var(--color-kid-yellow)}.story-end__actions{display:flex;flex-direction:column;gap:1rem}@media (min-width: 768px){.story-end__actions{flex-direction:row}}.story-end__btn-home{flex:1;background-color:var(--color-slate-100);color:var(--color-slate-500);font-size:1.25rem;font-weight:700;padding:1.25rem;border-radius:1rem;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.story-end__btn-home:hover{background-color:var(--color-slate-200)}.story-end__btn-home:active{transform:scale(.95)}.story-end__btn-next{flex:2;background-color:var(--color-kid-green);color:#fff;font-size:1.5rem;font-weight:700;padding:1.25rem;border-radius:1rem;box-shadow:var(--shadow-xl);transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:.75rem}.story-end__btn-next:hover{background-color:var(--color-green-500)}.story-end__btn-next:active{transform:scale(.95)}.settings-header{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:1rem;background-color:#fff;padding:1.5rem;border-radius:2rem;box-shadow:var(--shadow-sm);border:1px solid var(--color-slate-100)}@media (min-width: 768px){.settings-header{flex-direction:row;align-items:center}}.settings-header__info{display:flex;align-items:center;gap:.75rem}.settings-header__icon{background-color:var(--color-slate-100);padding:.75rem;border-radius:1rem;color:var(--color-slate-500)}.settings-header__title{font-size:1.875rem;font-weight:900;color:var(--color-slate-800)}.settings-header__subtitle{color:var(--color-slate-400);font-weight:700;font-size:.875rem}.settings-header__actions{display:flex;gap:.75rem;width:100%}@media (min-width: 768px){.settings-header__actions{width:auto}}.settings-icon--purple{background-color:var(--color-purple-100);padding:.5rem;border-radius:.75rem;color:var(--color-kid-purple)}.settings-icon--teal{background-color:#99f6e480;padding:.5rem;border-radius:.75rem;color:var(--color-teal-600)}.settings-icon--yellow{background-color:var(--color-yellow-100);padding:.5rem;border-radius:.75rem;color:var(--color-kid-yellow)}.settings-icon--pink{background-color:var(--color-pink-100);padding:.5rem;border-radius:.75rem;color:var(--color-kid-pink)}.settings-icon--blue{background-color:var(--color-blue-100);padding:.5rem;border-radius:.75rem;color:var(--color-kid-blue)}.settings-icon--slate{background-color:var(--color-slate-100);padding:.5rem;border-radius:.75rem;color:var(--color-slate-500)}.settings-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.settings-grid{grid-template-columns:repeat(2,1fr)}}.settings-grid--3col{grid-template-columns:1fr}@media (min-width: 768px){.settings-grid--3col{grid-template-columns:repeat(3,1fr)}}.settings-grid--4col{grid-template-columns:repeat(2,1fr)}@media (min-width: 768px){.settings-grid--4col{grid-template-columns:repeat(4,1fr)}}.settings-provider-card{padding:1.5rem;border-radius:1rem;border:4px solid var(--color-slate-100);transition:all .15s ease;font-weight:900;display:flex;flex-direction:column;align-items:center;gap:.75rem;cursor:pointer;color:var(--color-slate-400)}.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);padding:1.5rem;border-radius:1.5rem;border:2px solid var(--color-slate-100)}.settings-debug-console{background-color:var(--color-slate-900);border-radius:1rem;padding:1rem;font-family:monospace;font-size:.75rem;color:#4ade80;height:12rem;overflow-y:auto;margin-bottom:1rem;border:4px solid var(--color-slate-800);box-shadow:inset 0 2px 4px #0000001a}.settings-record-btn{width:100%;padding:1rem;border-radius:1rem;font-weight:900;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .15s ease;box-shadow:var(--shadow-md)}.settings-record-btn:active{transform:translateY(1px);box-shadow:none}.settings-record-btn--idle{background-color:#fff;border:2px solid var(--color-slate-200);color:var(--color-slate-600)}.settings-record-btn--idle:hover{background-color:var(--color-slate-50)}.settings-record-btn--recording{background-color:var(--color-red-500);color:#fff;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.settings-checkbox-row{display:flex;align-items:center;gap:1rem;background-color:var(--color-slate-50);padding:1rem;border-radius:1rem;border:2px solid var(--color-slate-100);cursor:pointer;transition:border-color .15s ease}.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{width:1.5rem;height:1.5rem;border-radius:.375rem}.settings-checkbox--teal{accent-color:var(--color-teal-500)}.settings-checkbox--yellow{accent-color:var(--color-kid-yellow)}.settings-checkbox-label{font-weight:700;color:var(--color-slate-700);flex:1}.settings-theme-card{padding:1rem;border-radius:.75rem;border:2px solid var(--color-slate-200);display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:all .15s ease;cursor:pointer}.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{width:100%;height:2rem;border-radius:.25rem}.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{font-size:.75rem;font-weight:700;color:var(--color-slate-600)}.settings-option-btn{padding:.75rem;border-radius:.75rem;border:2px solid var(--color-slate-100);font-weight:700;font-size:.875rem;transition:all .15s ease;background-color:#fff;color:var(--color-slate-400);cursor:pointer}.settings-option-btn:hover{background-color:var(--color-slate-50)}.settings-option-btn--active-teal{background-color:#99f6e433;border-color:var(--color-teal-200);color:var(--color-teal-600);box-shadow:var(--shadow-sm)}.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);padding:1.25rem;border-radius:1.5rem;border:2px solid var(--color-slate-100)}.settings-slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.settings-slider-label{font-size:.75rem;font-weight:900;color:var(--color-slate-400);text-transform:uppercase;letter-spacing:.05em}.settings-slider-value{font-size:.75rem;font-weight:700;padding:.25rem .5rem;background-color:#fff;border-radius:.5rem;border:1px solid var(--color-slate-200);box-shadow:var(--shadow-sm)}.settings-slider-value--blue{color:var(--color-kid-blue)}.settings-slider-value--purple{color:var(--color-kid-purple)}.settings-slider{width:100%;height:.75rem;background-color:var(--color-slate-200);border-radius:9999px;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.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);padding:.75rem;border-radius:.75rem;border:1px solid var(--color-orange-100);color:var(--color-orange-600);font-size:.75rem;font-weight:700;display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.settings-voice-auto{margin-left:auto;font-size:.75rem;font-weight:700;color:var(--color-slate-400);display:flex;align-items:center;gap:.25rem;background-color:var(--color-slate-100);padding:.5rem .75rem;border-radius:.5rem;transition:all .15s ease}.settings-voice-auto:hover{background-color:var(--color-slate-200);color:var(--color-slate-600)}.danger-zone{background-color:var(--color-red-50);padding:1.5rem;border-radius:2rem;border:4px solid var(--color-red-100);box-shadow:inset 0 2px 4px #0000000d}@media (min-width: 768px){.danger-zone{padding:2rem}}.danger-zone__header{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}@media (min-width: 768px){.danger-zone__header{flex-direction:row;align-items:center}}.danger-zone__title{font-size:1.25rem;font-weight:900;color:var(--color-red-500);margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem}.danger-zone__subtitle{font-size:.875rem;color:var(--color-red-400);font-weight:700;margin-left:.25rem}.danger-zone__select{width:100%;padding:.75rem 2.5rem .75rem 1rem;background-color:#fff;border:2px solid var(--color-red-200);border-radius:.75rem;font-size:.875rem;font-weight:700;color:var(--color-red-500);outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.danger-zone__select:focus{border-color:var(--color-red-400)}.danger-zone__select-arrow{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#fca5a5;pointer-events:none}.danger-zone__grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.danger-zone__grid{grid-template-columns:repeat(2,1fr)}}.danger-zone__action{background-color:#fff;border:2px solid var(--color-red-100);padding:1.5rem;border-radius:1rem;text-align:left;transition:all .15s ease;box-shadow:var(--shadow-sm)}.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{display:flex;align-items:center;gap:.5rem;font-weight:900;font-size:1.125rem;color:var(--color-slate-700);margin-bottom:.5rem}.danger-zone__action:hover .danger-zone__action-title{color:var(--color-red-600)}.danger-zone__action-desc{font-size:.875rem;color:var(--color-slate-400);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{background-color:#fff;padding:.25rem .5rem;border-radius:.25rem;border:1px solid var(--color-slate-200);font-size:.75rem;font-family:var(--font-dyslexic)}.settings-section-label{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.settings-section-label__icon{color:var(--color-slate-400)}.settings-help-icon{color:var(--color-slate-400);cursor:help;transition:color .15s ease;margin-bottom:.5rem}.settings-help-icon:hover{color:var(--color-kid-yellow)}.settings-help-icon--blue:hover{color:var(--color-kid-blue)}.settings-test-btn{background-color:var(--color-slate-900);color:#fff;padding:.5rem 1rem;border-radius:.75rem;font-size:.75rem;font-weight:700;display:flex;align-items:center;gap:.5rem;box-shadow:var(--shadow-lg);transition:transform .15s ease;margin-left:auto}.settings-test-btn:hover{background-color:#000}.settings-test-btn:active{transform:scale(.95)}.settings-debug-header{margin-top:2rem;padding-top:1.5rem;border-top:2px solid var(--color-slate-100)}.settings-debug-title{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:var(--color-slate-700)}.settings-debug-title__icon{color:var(--color-slate-400)}.settings-debug-title__text{font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.settings-space-y-6>*+*{margin-top:1.5rem}.settings-space-y-8>*+*{margin-top:2rem}.child-select__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:80;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fade-in .3s ease-out}.child-select__card{background-color:#fff;border-radius:3rem;padding:2rem;width:100%;max-width:42rem;box-shadow:var(--shadow-2xl);position:relative;border:10px solid rgba(255,255,255,.5);background-clip:padding-box;max-height:90vh;overflow-y:auto}.child-select__close{position:absolute;top:1.5rem;right:1.5rem;padding:.5rem;border-radius:9999px;color:var(--color-slate-400);z-index:10}.child-select__close:hover{background-color:var(--color-slate-100)}.child-select__title{font-size:1.875rem;font-weight:900;text-align:center;color:var(--color-kid-purple);margin-bottom:2rem}.child-select__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media (min-width: 768px){.child-select__grid{grid-template-columns:repeat(3,1fr)}}.child-select__profile{position:relative}.child-select__profile-card{width:100%;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;border-radius:1.5rem;border:4px solid var(--color-slate-100);transition:all .15s ease;background-color:var(--color-slate-50)}.child-select__profile-card:hover{transform:scale(1.05);border-color:var(--color-kid-blue);background-color:#fff}.child-select__profile-card:active{transform:scale(.95)}.child-select__profile-card--active{background-color:#4cc9f01a;border-color:var(--color-kid-blue);box-shadow:var(--shadow-lg)}.child-select__check{position:absolute;top:.5rem;right:.5rem;background-color:var(--color-kid-blue);color:#fff;padding:.25rem;border-radius:9999px;box-shadow:var(--shadow-sm)}.child-select__avatar{font-size:3.75rem;margin-bottom:1rem;filter:drop-shadow(0 1px 1px rgba(0,0,0,.05))}.child-select__name{font-weight:700;font-size:1.25rem;color:var(--color-slate-700);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;text-align:center}.child-select__age{font-size:.75rem;font-weight:700;color:var(--color-slate-400);margin-top:.25rem;text-transform:uppercase;letter-spacing:.05em}.child-select__edit-btn{position:absolute;top:-.5rem;left:-.5rem;background-color:#fff;color:var(--color-slate-400);border:2px solid var(--color-slate-100);padding:.5rem;border-radius:9999px;box-shadow:var(--shadow-md);transition:all .15s ease;opacity:0}.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{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;border-radius:1.5rem;border:4px dashed var(--color-slate-300);background-color:var(--color-slate-50);color:var(--color-slate-400);transition:all .15s ease}.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{width:4rem;height:4rem;border-radius:9999px;background-color:var(--color-slate-200);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;transition:all .15s ease}.child-select__add-card:hover .child-select__add-icon{background-color:var(--color-kid-purple);color:#fff}.child-select__add-label{font-weight:700;font-size:1.125rem}.child-select__form{max-width:28rem;margin:0 auto;animation:fade-in .3s ease-out}.child-select__form-section{margin-bottom:2rem}.child-select__form-label{display:block;text-align:center;color:var(--color-slate-500);font-weight:700;margin-bottom:1rem;text-transform:uppercase;font-size:.875rem;letter-spacing:.05em}.child-select__avatar-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;background-color:var(--color-slate-50);padding:1rem;border-radius:1.5rem}.child-select__avatar-btn{font-size:2.25rem;padding:.75rem;border-radius:1rem;transition:all .15s ease;background-color:#fff}.child-select__avatar-btn:hover{transform:scale(1.1);background-color:var(--color-slate-200)}.child-select__avatar-btn--active{background-color:var(--color-kid-yellow);box-shadow:var(--shadow-lg);transform:scale(1.1);outline:4px solid #fff}.child-select__name-input{width:100%;text-align:center;font-size:1.875rem;font-weight:900;color:var(--color-slate-700);padding:1.5rem;background-color:var(--color-slate-100);border-radius:1.5rem;border:4px solid transparent;outline:none;transition:all .15s ease}.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;font-size:.75rem;color:var(--color-slate-400);margin-top:.5rem;font-style:italic}.child-select__age-input{width:100%;text-align:center;font-size:1.25rem;font-weight:700;color:var(--color-slate-700);padding:1rem;background-color:var(--color-slate-100);border-radius:1rem;border:4px solid transparent;outline:none;transition:all .15s ease;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.child-select__age-input:focus{border-color:var(--color-kid-blue);background-color:#fff}.child-select__age-helper{text-align:center;font-size:.75rem;color:var(--color-slate-400);margin-top:.5rem;padding:0 1rem}.child-select__form-actions{display:flex;gap:1rem}.child-select__form-cancel{flex:1;padding:1rem;font-weight:700;color:var(--color-slate-500);border-radius:1rem}.child-select__form-cancel:hover{background-color:var(--color-slate-100)}.child-select__form-save{flex:1;padding:1rem;background-color:var(--color-kid-green);color:#fff;font-weight:700;font-size:1.25rem;border-radius:1rem;box-shadow:var(--shadow-lg);transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.child-select__form-save:hover{background-color:var(--color-green-500)}.child-select__form-save:active{transform:scale(.95)}.stats-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fade-in .3s ease-out}.stats-modal__card{background-color:#fff;border-radius:1.5rem;width:100%;max-width:56rem;box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;max-height:90vh}.stats-modal__header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--color-slate-100)}.stats-modal__title{font-size:1.5rem;font-weight:700;color:var(--color-slate-800);display:flex;align-items:center;gap:.5rem}.stats-modal__title-icon{color:var(--color-kid-yellow)}.stats-modal__close{padding:.5rem;border-radius:9999px;color:var(--color-slate-400)}.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);padding:1rem;border-radius:1rem;border:1px solid var(--color-blue-100)}.stats-modal__filter-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;color:#1e40af;margin-bottom:.5rem}.stats-modal__filter-select{width:100%;padding:.75rem 2.5rem .75rem 1rem;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:#fff;border:1px solid var(--color-blue-200);border-radius:.75rem;font-weight:700;color:var(--color-slate-700);outline:none}.stats-modal__filter-select:focus{border-color:var(--color-kid-blue)}.stats-modal__filter-arrow{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:var(--color-blue-300);pointer-events:none}.stats-modal__content{margin-top:1.5rem;animation:fade-in .3s ease-out}.stats-modal__content>*+*{margin-top:1.5rem}.stats-modal__summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media (min-width: 768px){.stats-modal__summary-grid{grid-template-columns:repeat(4,1fr)}}.stats-modal__summary-item{background-color:#fff;padding:.75rem;border-radius:.75rem;text-align:center;box-shadow:var(--shadow-sm)}.stats-modal__summary-value{font-size:1.5rem;font-weight:900;color:var(--color-slate-700)}.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);display:flex;align-items:center;justify-content:center;gap:.25rem}.stats-modal__summary-label{font-size:10px;font-weight:700;color:var(--color-slate-400);text-transform:uppercase}.stats-modal__words-section{background-color:#fff;padding:1rem;border-radius:.75rem;border:1px solid var(--color-slate-100);box-shadow:var(--shadow-sm)}.stats-modal__words-title{font-weight:700;color:var(--color-slate-600);margin-bottom:1rem;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.stats-modal__words-title-icon{color:var(--color-orange-400)}.stats-modal__words-list{display:flex;flex-wrap:wrap;gap:.5rem}.stats-modal__word-chip{padding:.25rem .75rem;background-color:var(--color-orange-50);color:var(--color-orange-600);border-radius:9999px;font-size:.875rem;font-weight:500;border:1px solid var(--color-orange-100);display:flex;align-items:center;gap:.5rem}.stats-modal__word-count{background-color:#fff;padding:.125rem .375rem;border-radius:9999px;font-size:.75rem;font-weight:700;box-shadow:var(--shadow-sm)}.stats-modal__empty{font-size:.875rem;color:var(--color-slate-400);font-style:italic}.stats-modal__chart{background-color:#fff;border:2px solid var(--color-slate-100);border-radius:1rem;padding:1.5rem}.stats-modal__chart-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.stats-modal__chart-icon{color:var(--color-slate-400)}.stats-modal__chart-title{font-size:1.125rem;font-weight:700;color:var(--color-slate-700)}.stats-modal__chart-bars{display:flex;align-items:flex-end;gap:.25rem;height:12rem;overflow-x:auto;padding:1.5rem 0}.stats-modal__chart-bar-group{flex:1;min-width:14px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;position:relative}.stats-modal__chart-tooltip{opacity:0;transition:opacity .15s ease;background-color:var(--color-slate-800);color:#fff;font-size:10px;padding:.25rem .5rem;border-radius:.25rem;position:absolute;top:-2rem;left:50%;transform:translate(-50%);white-space:nowrap;z-index:20;pointer-events:none;box-shadow:var(--shadow-lg)}.stats-modal__chart-bar-group:hover .stats-modal__chart-tooltip{opacity:1}.stats-modal__chart-bar{width:100%;border-radius:.125rem .125rem 0 0;transition:all .15s ease;min-height:4px}.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{font-size:9px;font-weight:700;margin-top:.5rem;position:absolute;bottom:-1rem;width:2rem;text-align:center;color:var(--color-slate-300)}.stats-modal__chart-label--today{color:var(--color-kid-purple)}.stats-modal__averages{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.stats-modal__averages{grid-template-columns:repeat(3,1fr)}}.stats-modal__average-item{background-color:var(--color-slate-50);padding:1rem;border-radius:1rem;text-align:center}.stats-modal__average-value{font-size:1.875rem;font-weight:900;margin-bottom:.25rem}.stats-modal__average-value--default{color:var(--color-slate-700)}.stats-modal__average-value--blue{color:var(--color-kid-blue);display:flex;align-items:center;justify-content:center;gap:.25rem}.stats-modal__average-value--pink{color:var(--color-kid-pink);display:flex;align-items:center;justify-content:center;gap:.25rem}.stats-modal__average-label{font-size:.75rem;font-weight:700;color:var(--color-slate-400);text-transform:uppercase;letter-spacing:.05em}.stats-modal__history{background-color:#fff;border:2px solid var(--color-slate-100);border-radius:1rem;padding:1.5rem}.stats-modal__history-title{font-size:1.125rem;font-weight:700;color:var(--color-slate-700);margin-bottom:1rem}.stats-modal__history-list>*+*{margin-top:1rem}.stats-modal__history-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem;border-bottom:1px solid var(--color-slate-50)}.stats-modal__history-label{color:var(--color-slate-500);font-weight:500}.stats-modal__history-value{font-weight:700;color:var(--color-slate-800)}.stats-modal__history-empty{text-align:center;padding:2rem;color:var(--color-slate-400);font-weight:500}.processing-state{display:flex;flex-direction:column;align-items:center;gap:1rem;animation:fade-in .3s ease-out;background-color:#ffffff80;padding:1.5rem;border-radius:2rem;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid var(--color-slate-100);box-shadow:var(--shadow-xl)}.processing-state__icon-wrapper{position:relative}.processing-state__glow{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#4cc9f04d;border-radius:9999px;filter:blur(12px);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.processing-state__icon{color:var(--color-kid-blue);animation:spin 1s linear infinite;position:relative;z-index:10}.processing-state__text{color:var(--color-slate-500);font-weight:700;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;font-size:1.125rem}.recorder{position:fixed;bottom:7rem;left:0;right:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;pointer-events:none}.recorder__card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;background-color:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:2.5rem;width:100%;max-width:24rem;margin:0 auto;box-shadow:0 10px 40px #0003;border:4px solid var(--color-kid-pink);pointer-events:auto}.recorder__label{color:var(--color-kid-pink);font-weight:700;margin-bottom:.5rem;font-size:1.25rem;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.recorder__visualizer{height:4rem;width:8rem;margin-bottom:1rem;display:flex;align-items:flex-end;justify-content:center}.recorder__visualizer svg{width:100%;height:100%}.recorder__stop-btn{background-color:var(--color-kid-pink);color:#fff;font-size:1.875rem;font-weight:900;padding:1.5rem 3rem;border-radius:2rem;box-shadow:var(--shadow-xl);transition:all .15s ease;display:flex;align-items:center;gap:.75rem}.recorder__stop-btn:hover{background-color:#db2777;transform:scale(1.05)}.recorder__stop-btn:active{transform:scale(.95)}.success-anim{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:50}.success-anim__confetti-particle{position:absolute;width:.75rem;height:1.5rem;opacity:0;animation:confetti-fall 2.5s ease-out forwards}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.success-anim__balloon{position:absolute;bottom:-150px;animation-name:balloon-rise;animation-timing-function:ease-in;animation-fill-mode:forwards}.success-anim__balloon-body{position:relative;display:flex;flex-direction:column;align-items:center}.success-anim__balloon-shape{width:6rem;height:8rem;border-radius:9999px;opacity:.9;box-shadow:inset -10px -10px 20px #0000001a;position:relative}.success-anim__balloon-highlight{position:absolute;top:1.5rem;right:1.5rem;width:1rem;height:2rem;background-color:#ffffff4d;border-radius:9999px;transform:rotate(-45deg)}.success-anim__balloon-string{width:2px;height:6rem;background-color:#94a3b880;margin-top:-5px}@keyframes balloon-rise{0%{transform:translateY(0) translate(0);opacity:1}25%{transform:translateY(-30vh) translate(10px)}50%{transform:translateY(-60vh) translate(-10px)}to{transform:translateY(-120vh) translate(0);opacity:0}}.success-anim__star{position:absolute;animation:star-pop 1.5s ease-out forwards}@keyframes star-pop{0%{transform:scale(0) rotate(0);opacity:0}50%{transform:scale(1.5) rotate(180deg);opacity:1}to{transform:scale(0) rotate(360deg);opacity:0}}.success-anim__firework{position:absolute;width:1rem;height:1rem;border-radius:9999px;animation:firework .8s ease-out forwards}@keyframes firework{0%{transform:scale(0);opacity:1}50%{transform:scale(15);opacity:.8}to{transform:scale(20);opacity:0}}.success-anim__bubble{position:absolute;bottom:-100px;border-radius:9999px;border:2px solid rgba(255,255,255,.5);background-color:#60a5fa33;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation-name:bubble-float;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.success-anim__bubble-highlight{position:absolute;top:25%;left:25%;width:25%;height:25%;background-color:#fff6;border-radius:9999px}@keyframes bubble-float{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:1}50%{transform:translateY(-50vh) translate(20px)}to{transform:translateY(-110vh) translate(-20px);opacity:0}}.success-anim__rocket{position:absolute;bottom:-50px;font-size:3.75rem;animation-name:rocket-fly;animation-timing-function:ease-in;animation-fill-mode:forwards}@keyframes rocket-fly{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-120vh) scale(.5);opacity:0}}.success-anim__emoji{position:absolute;font-size:3.75rem;animation:emoji-bounce 1s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes emoji-bounce{0%{transform:scale(0) translateY(100px);opacity:0}50%{transform:scale(1.2) translateY(-20px);opacity:1}75%{transform:scale(.9) translateY(10px)}to{transform:scale(1) translateY(0);opacity:0}}.success-anim__note{position:absolute;font-size:3rem;animation:music-float 3s linear forwards}@keyframes music-float{0%{transform:translateY(0) translate(0) rotate(0);opacity:0}10%{opacity:1}50%{transform:translateY(-40vh) translate(20px) rotate(20deg)}to{transform:translateY(-90vh) translate(-20px) rotate(-20deg);opacity:0}}.fidget__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}.fidget__close{position:absolute;top:1.5rem;right:1.5rem}.fidget__close-btn{background-color:var(--color-slate-100);padding:.75rem;border-radius:9999px;color:var(--color-slate-600)}.fidget__close-btn:hover{background-color:var(--color-slate-200)}.fidget__intro{text-align:center;max-width:24rem;animation:bounce-slow 3s infinite}.fidget__intro-title{font-size:1.875rem;font-weight:900;color:var(--color-kid-purple);margin-bottom:1.5rem}.fidget__intro-card{background-color:#fff;padding:1.5rem;border-radius:1.5rem;box-shadow:var(--shadow-xl);border:4px solid var(--color-kid-blue);margin-bottom:2rem}.fidget__intro-label{color:var(--color-slate-500);margin-bottom:.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.fidget__intro-color-row{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1rem}.fidget__intro-color-swatch{width:2rem;height:2rem;border-radius:9999px;border:2px solid var(--color-slate-300)}.fidget__intro-color-name{font-size:1.5rem;font-weight:700;color:var(--color-slate-800)}.fidget__intro-hint-btn{margin:0 auto;display:flex;align-items:center;gap:.5rem;color:var(--color-kid-blue);font-weight:700;background-color:var(--color-blue-50);padding:.5rem 1rem;border-radius:9999px;transition:background-color .15s ease}.fidget__intro-hint-btn:hover{background-color:var(--color-blue-100)}.fidget__intro-start-btn{width:100%;background-color:var(--color-kid-green);color:#fff;font-size:1.25rem;font-weight:700;padding:1rem;border-radius:1rem;box-shadow:var(--shadow-lg);transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.fidget__intro-start-btn:hover{background-color:var(--color-green-500)}.fidget__intro-start-btn:active{transform:scale(.95)}.fidget__hud{position:absolute;top:1.5rem;left:1.5rem;display:flex;align-items:center;gap:1rem}.fidget__hud-stat{background-color:#fff;padding:.5rem 1rem;border-radius:9999px;box-shadow:var(--shadow-sm);border:1px solid var(--color-slate-100);display:flex;align-items:center;gap:.5rem}.fidget__hud-label{font-size:.875rem;font-weight:700;color:var(--color-slate-400)}.fidget__hud-color-swatch{width:1.5rem;height:1.5rem;border-radius:9999px;border:1px solid var(--color-slate-200)}.fidget__hud-score{font-size:1.5rem;font-weight:900;color:var(--color-slate-700)}.fidget__play-area{position:relative;width:100%;max-width:42rem;height:70vh;background-color:var(--color-slate-50);border-radius:1.5rem;border:4px dashed var(--color-slate-200);overflow:hidden;box-shadow:inset 0 2px 4px #0000000d}.fidget__bubble{position:absolute;border-radius:9999px;cursor:pointer;transition:transform .1s ease-out;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg)}.fidget__bubble--active{opacity:.9}.fidget__bubble--active:active{transform:scale(.95)}.fidget__bubble--popped{transform:scale(1.5);opacity:0;pointer-events:none}.fidget__bubble-label{color:#fff;font-weight:700;font-size:1.125rem}.fidget__bubble-highlight{width:33.333%;height:33.333%;background-color:#fff6;border-radius:9999px;position:absolute;top:.5rem;right:.75rem;filter:blur(1px)}.fidget__complete{text-align:center;animation:bounce-slow 3s infinite}.fidget__complete-trophy{color:var(--color-kid-yellow);fill:var(--color-kid-yellow);margin:0 auto 1.5rem;filter:drop-shadow(0 10px 8px rgba(0,0,0,.1))}.fidget__complete-title{font-size:2.25rem;font-weight:900;color:var(--color-kid-purple);margin-bottom:1rem}.fidget__complete-message{font-size:1.25rem;color:var(--color-slate-600);margin-bottom:2rem}.fidget__complete-btn{background-color:var(--color-kid-blue);color:#fff;font-size:1.25rem;font-weight:700;padding:1rem 2.5rem;border-radius:1rem;box-shadow:var(--shadow-lg);transition:all .15s ease}.fidget__complete-btn:hover{background-color:var(--color-blue-500)}.fidget__complete-btn:active{transform:scale(.95)}.tooltip{position:relative;display:flex;align-items:center;width:fit-content}.tooltip__content{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:.5rem;display:none;width:12rem;padding:.5rem;background-color:var(--color-slate-800);color:#fff;font-size:.75rem;border-radius:.5rem;text-align:center;box-shadow:var(--shadow-lg);z-index:50;pointer-events:none;animation:fade-in .3s ease-out}.tooltip:hover .tooltip__content{display:block}.tooltip__arrow{position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--color-slate-800)}.update-notification{position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:center;gap:.75rem;background-color:var(--color-kid-blue);color:#fff;padding:.75rem 1rem;box-shadow:var(--shadow-lg);animation:slide-down .3s ease-out}.update-notification__spinner{width:1.25rem;height:1.25rem;animation:spin 1s linear infinite}.update-notification__text{font-size:.875rem;font-weight:600}.update-notification__btn{margin-left:.5rem;padding:.25rem .75rem;background-color:#fff;color:var(--color-kid-blue);border-radius:9999px;font-size:.875rem;font-weight:700;transition:all .15s ease}.update-notification__btn:hover{background-color:var(--color-blue-50)}.update-notification__btn:active{transform:scale(.95)}.ai-test__header{background-color:var(--color-slate-900);color:#fff;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10}.ai-test__header-info{display:flex;align-items:center;gap:.75rem}.ai-test__header-icon{background-color:var(--color-kid-purple);padding:.5rem;border-radius:.5rem}.ai-test__header-title{font-size:1.5rem;font-weight:900;letter-spacing:-.025em}.ai-test__header-subtitle{color:var(--color-slate-400);font-size:.75rem;font-family:monospace}.ai-test__header-close{background-color:#ffffff1a;padding:.5rem;border-radius:9999px;transition:background-color .15s ease}.ai-test__header-close:hover{background-color:#fff3}.ai-test__body{flex:1;overflow-y:auto;padding:1.5rem;background-color:var(--color-slate-50)}@media (min-width: 768px){.ai-test__body{padding:2rem}}.ai-test__layout{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 1280px){.ai-test__layout{grid-template-columns:4fr 8fr}}.ai-test__sidebar>*+*{margin-top:2rem}.ai-test__panel{background-color:#fff;padding:1.5rem;border-radius:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--color-slate-100)}.ai-test__panel-title{font-size:1.125rem;font-weight:900;color:var(--color-slate-700);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.ai-test__main-panel{height:100%;min-height:600px}.ai-test__recorder{background-color:var(--color-slate-50);padding:1.5rem;border-radius:1.5rem;border:2px solid var(--color-slate-100);display:flex;flex-direction:column;align-items:center;gap:1rem}.ai-test__recorder-actions{display:flex;gap:1rem;width:100%;justify-content:center}.ai-test__record-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:1rem;font-weight:900;box-shadow:var(--shadow-lg);transition:all .15s ease}.ai-test__record-btn:active{transform:scale(.95)}.ai-test__record-btn--start{background-color:var(--color-red-500);color:#fff}.ai-test__record-btn--start:hover{background-color:var(--color-red-600)}.ai-test__record-btn--stop{background-color:var(--color-slate-800);color:#fff;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.ai-test__record-btn--stop:hover{background-color:var(--color-slate-900)}.ai-test__duration{font-size:10px;font-family:monospace;color:var(--color-slate-400);background-color:var(--color-slate-100);padding:.25rem .75rem;border-radius:.5rem}.ai-test__playback{width:100%;background-color:#fff;padding:1rem;border-radius:1rem;border:1px solid var(--color-slate-200);animation:fade-in .3s ease-out;display:flex;flex-direction:column;gap:.75rem}.ai-test__playback-header{display:flex;align-items:center;justify-content:space-between}.ai-test__playback-label{font-size:.75rem;font-weight:700;color:var(--color-slate-400);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.25rem}.ai-test__playback-size{font-size:.75rem;font-weight:700;color:var(--color-kid-blue)}.ai-test__playback-audio{width:100%;height:2.5rem}.ai-test__playback-send{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem;margin-top:.5rem;background-color:var(--color-blue-50);color:var(--color-blue-600);font-weight:700;border-radius:.75rem;transition:background-color .15s ease}.ai-test__playback-send:hover{background-color:var(--color-blue-100)}.ai-test__config>*+*{margin-top:1.5rem}.ai-test__config-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.ai-test__config-grid{grid-template-columns:repeat(2,1fr)}}.ai-test__config-hint{font-size:.75rem;color:var(--color-slate-400);margin-top:.25rem;padding-left:.25rem}.ai-test__config-hint--italic{font-style:italic}.ai-test__quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.ai-test__quality-btn{padding:.5rem;border-radius:.75rem;font-size:.75rem;font-weight:700;border:2px solid var(--color-slate-100);transition:all .15s ease;background-color:#fff;color:var(--color-slate-400)}.ai-test__quality-btn--active-red{border-color:var(--color-red-200);background-color:var(--color-red-50);color:var(--color-red-500)}.ai-test__quality-btn--active-blue{border-color:var(--color-blue-200);background-color:var(--color-blue-50);color:var(--color-blue-600)}.ai-test__quality-btn--active-green{border-color:var(--color-green-200);background-color:var(--color-green-50);color:var(--color-green-600)}.ai-test__prompt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.ai-test__prompt-reset{font-size:10px;font-weight:700;color:var(--color-kid-blue);display:flex;align-items:center;gap:.25rem;background-color:var(--color-blue-50);padding:.25rem .5rem;border-radius:.5rem;transition:color .15s ease}.ai-test__prompt-reset:hover{color:var(--color-blue-600)}.ai-test__prompt-textarea{width:100%;padding:1rem;background-color:var(--color-slate-900);color:#4ade80;font-family:monospace;font-size:.75rem;border-radius:1rem;outline:none;min-height:120px;line-height:1.625;resize:vertical}.ai-test__prompt-textarea:focus{outline:2px solid var(--color-kid-blue)}.ai-test__debugger{display:flex;flex-direction:column;height:100%}.ai-test__debugger-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.ai-test__debugger-title{font-size:1.125rem;font-weight:900;color:var(--color-slate-700);display:flex;align-items:center;gap:.5rem}.ai-test__debugger-title-icon{color:var(--color-kid-purple)}.ai-test__run-btn{padding:.75rem 1.5rem;border-radius:.75rem;font-weight:700;display:flex;align-items:center;gap:.5rem;transition:all .15s ease;box-shadow:var(--shadow-md)}.ai-test__run-btn--enabled{background-color:var(--color-kid-green);color:#fff}.ai-test__run-btn--enabled:hover{background-color:var(--color-green-600)}.ai-test__run-btn--enabled:active{transform:scale(.95)}.ai-test__run-btn--disabled{background-color:var(--color-slate-200);color:var(--color-slate-400);cursor:not-allowed}.ai-test__panels{display:grid;grid-template-columns:1fr;gap:1rem;flex:1;min-height:400px}@media (min-width: 768px){.ai-test__panels{grid-template-columns:repeat(2,1fr)}}.ai-test__code-panel{display:flex;flex-direction:column;border:2px solid var(--color-slate-200);border-radius:1rem;overflow:hidden;background-color:var(--color-slate-50)}.ai-test__code-header{background-color:var(--color-slate-200);padding:.5rem 1rem;font-weight:700;font-size:.75rem;color:var(--color-slate-600);text-transform:uppercase;letter-spacing:.05em;display:flex;justify-content:space-between}.ai-test__code-header-hint{color:var(--color-slate-400)}.ai-test__code-area{flex:1;position:relative}.ai-test__code-textarea{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:1rem;font-family:monospace;font-size:.75rem;background-color:var(--color-slate-900);resize:none;outline:none;border:none}.ai-test__code-textarea--input{color:var(--color-blue-300)}.ai-test__code-textarea--output{color:#86efac}.word-detail__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fade-in .3s ease-out}.word-detail__card{background-color:#fff;border-radius:1rem;padding:1.25rem;box-shadow:var(--shadow-2xl);width:fit-content;max-width:90%;min-width:280px;max-height:85vh;overflow-y:auto;position:relative;display:flex;flex-direction:column;align-items:center;border:4px solid rgba(76,201,240,.1)}.word-detail__close{position:absolute;top:.5rem;right:.5rem;background-color:var(--color-kid-green);color:#fff;padding:.5rem;border-radius:9999px;box-shadow:var(--shadow-lg);border:2px solid #fff;z-index:50;transition:all .15s ease}.word-detail__close:hover{background-color:var(--color-green-600)}.word-detail__syllables{width:100%;margin-bottom:1rem;margin-top:.25rem}.word-detail__syllables-header{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.75rem;color:var(--color-kid-blue);opacity:.8}.word-detail__syllables-label{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.word-detail__syllables-list{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.word-detail__syllable{padding:.5rem 1rem;background-color:var(--color-kid-bg);border-bottom:4px solid rgba(76,201,240,.2);border-radius:.75rem;font-size:1.5rem;font-weight:900;color:var(--color-kid-purple);box-shadow:var(--shadow-sm);transition:all .15s ease}@media (min-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{transform:scale(.95);border-bottom-width:0}.word-detail__word-label{text-align:center;color:var(--color-slate-400);font-weight:700;margin-bottom:.5rem;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.word-detail__word{text-align:center;font-size:1.875rem;font-weight:900;color:var(--color-slate-800);margin-bottom:1.25rem;word-break:break-word;line-height:1.1;letter-spacing:.05em}@media (min-width: 768px){.word-detail__word{font-size:2.25rem}}.word-detail__actions{display:flex;width:100%;gap:.75rem;align-items:center;justify-content:center}.word-detail__hint-btn{flex:.7;padding:.75rem;border-radius:.75rem;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:.375rem;box-shadow:var(--shadow-sm);transition:all .15s ease;border:2px solid transparent}.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{flex:1;background-color:var(--color-kid-green);color:#fff;padding:1rem;border-radius:.75rem;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:.375rem;box-shadow:var(--shadow-lg),0 4px 14px #06d6a033;transition:all .15s ease;border-bottom:4px solid var(--color-green-600)}.word-detail__play-btn:hover{background-color:var(--color-green-500);transform:scale(1.05)}.word-detail__play-btn:active{transform:scale(.95);border-bottom-width:0;transform:translateY(.125rem)}.word-detail__play-btn-label{font-size:1rem}.hint-confirm__card{background-color:#fff;border-radius:2.5rem;padding:2rem;max-width:24rem;width:100%;box-shadow:var(--shadow-2xl);animation:bounce-slow 3s infinite;position:relative;overflow:hidden;text-align:center;border:8px solid #fff}.hint-confirm__icon{background-color:var(--color-yellow-100);width:6rem;height:6rem;border-radius:9999px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.hint-confirm__icon-emoji{font-size:3rem}.hint-confirm__title{font-size:1.5rem;font-weight:900;color:var(--color-slate-800);margin-bottom:.5rem}.hint-confirm__subtitle{color:var(--color-slate-500);font-weight:700;margin-bottom:2rem}.hint-confirm__actions{display:flex;flex-direction:column;gap:.75rem}.hint-confirm__btn-yes{width:100%;background-color:var(--color-kid-green);color:#fff;font-size:1.25rem;font-weight:700;padding:1rem;border-radius:1rem;box-shadow:var(--shadow-lg);transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.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%;padding:.75rem;color:var(--color-red-400);font-weight:700;border-radius:1rem;font-size:.875rem;transition:background-color .15s ease}.hint-confirm__btn-no:hover{background-color:var(--color-red-50)}.add-story__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fade-in .3s ease-out}.add-story__card{background-color:#fff;border-radius:1.5rem;width:100%;max-width:32rem;box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;max-height:90vh;position:relative;overflow:hidden;border:8px solid #fff}.add-story__loading{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fffffff2;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:2rem;text-align:center;transition:all .15s ease}.add-story__loading-icon{position:relative}.add-story__loading-glow{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#4cc9f033;border-radius:9999px;filter:blur(12px);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.add-story__loading-check{color:var(--color-green-500);animation:bounce-slow 3s infinite;position:relative;z-index:10}.add-story__loading-spinner{color:var(--color-kid-yellow);animation:spin 1s linear infinite;position:relative;z-index:10}.add-story__loading-title{font-size:1.5rem;font-weight:900;color:var(--color-slate-800);margin-bottom:.5rem}.add-story__loading-desc{color:var(--color-slate-500);font-weight:500}.add-story__loading-progress{width:100%;max-width:20rem;background-color:var(--color-slate-100);height:1rem;border-radius:9999px;overflow:hidden}.add-story__loading-progress-bar{height:100%;border-radius:9999px;transition:all .3s ease-out}.add-story__header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--color-slate-100);background-color:var(--color-slate-50)}.add-story__header-info{display:flex;flex-direction:column}.add-story__title{font-size:1.5rem;font-weight:700;color:var(--color-slate-800);display:flex;align-items:center;gap:.5rem}.add-story__title-icon{color:var(--color-kid-purple)}.add-story__title-hint{font-size:.875rem;color:var(--color-slate-500)}.add-story__header-close{padding:.5rem;border-radius:9999px;color:var(--color-slate-400);transition:background-color .15s ease}.add-story__header-close:hover{background-color:var(--color-slate-200)}.add-story__tabs{padding:1.5rem;padding-bottom:0}.add-story__tabs-row{display:flex;background-color:var(--color-slate-100);padding:.375rem;border-radius:1rem;width:100%}.add-story__tab{flex:1;padding:.75rem;border-radius:.75rem;font-size:.875rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .15s ease;color:var(--color-slate-400)}.add-story__tab:hover{color:var(--color-slate-600)}.add-story__tab--active-purple{background-color:#fff;color:var(--color-kid-purple);box-shadow:var(--shadow-sm)}.add-story__tab--active-blue{background-color:#fff;color:var(--color-kid-blue);box-shadow:var(--shadow-sm)}.add-story__body{padding:1.5rem;overflow-y:auto;background-color:#fff;flex:1}.add-story__body>*+*{margin-top:1.5rem}.add-story__lang-label{display:block;font-size:.875rem;font-weight:700;color:var(--color-slate-600);margin-bottom:.5rem}.add-story__lang-row{display:flex;gap:1rem}.add-story__lang-btn{flex:1;padding:.75rem;border-radius:.75rem;font-size:.875rem;font-weight:700;border:2px solid var(--color-slate-100);transition:all .15s ease;color:var(--color-slate-400)}.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:fade-in .3s ease-out}.add-story__write-section>*+*{margin-top:1.5rem}.add-story__write-label{font-size:.875rem;font-weight:700;color:var(--color-slate-600);margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.add-story__textarea{width:100%;padding:1rem;background-color:var(--color-slate-50);border:2px solid var(--color-slate-100);border-radius:1rem;outline:none;transition:all .15s ease;font-weight:500;color:var(--color-slate-700);min-height:160px;resize:none;line-height:1.625}.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{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.add-story__title-input{width:100%;padding:1rem;background-color:var(--color-slate-50);border:2px solid var(--color-slate-100);border-radius:1rem;outline:none;transition:all .15s ease;font-weight:900;color:var(--color-slate-700);font-size:1.25rem;text-align:center}.add-story__title-input:focus{border-color:var(--color-kid-blue);background-color:#fff}.add-story__paste-section{animation:fade-in .3s ease-out;display:flex;flex-direction:column;height:100%;gap:1rem}.add-story__paste-area{flex:1;display:flex;flex-direction:column}.add-story__paste-textarea{width:100%;flex:1;border:2px solid var(--color-slate-200);border-radius:.75rem;padding:1rem;font-size:1.125rem;min-height:240px;outline:none;transition:border-color .15s ease;resize:none;line-height:1.625}.add-story__paste-textarea:focus{border-color:var(--color-kid-blue)}.add-story__footer{padding:1.5rem;border-top:1px solid var(--color-slate-100);background-color:var(--color-slate-50);border-radius:0 0 1.5rem 1.5rem;display:flex;justify-content:flex-end;gap:.75rem}.add-story__cancel-btn{padding:.75rem 1.5rem;border-radius:.75rem;font-weight:700;color:var(--color-slate-500);transition:background-color .15s ease}.add-story__cancel-btn:hover{background-color:var(--color-slate-200)}.add-story__submit-btn{padding:.75rem 2rem;border-radius:.75rem;font-weight:700;color:#fff;box-shadow:var(--shadow-lg);transition:all .15s ease;display:flex;align-items:center;gap:.5rem}.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{padding:1.5rem;border-bottom:1px solid var(--color-slate-100);display:flex;justify-content:space-between;align-items:center;background-color:var(--color-slate-50)}.story-meta__header-left{display:flex;align-items:center;gap:.5rem;flex:1;margin-right:1rem}.story-meta__title-edit{display:flex;flex:1;align-items:center;gap:.5rem;animation:fade-in .3s ease-out}.story-meta__title-input{flex:1;padding:.5rem;border:2px solid var(--color-kid-blue);border-radius:.5rem;font-weight:900;font-size:1.25rem;color:var(--color-slate-800);outline:none}.story-meta__title-save{background-color:var(--color-kid-green);color:#fff;padding:.5rem;border-radius:.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);padding:.5rem;border-radius:.5rem}.story-meta__title-cancel:hover{background-color:var(--color-slate-300)}.story-meta__title{font-size:1.5rem;font-weight:900;color:var(--color-slate-800);display:flex;align-items:center;gap:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-meta__title-icon{color:var(--color-kid-blue);flex-shrink:0}.story-meta__title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-meta__edit-trigger{color:var(--color-slate-300);padding:.25rem;transition:color .15s ease}.story-meta__edit-trigger:hover{color:var(--color-kid-blue)}.story-meta__close{padding:.5rem;border-radius:9999px;color:var(--color-slate-400);transition:background-color .15s ease;flex-shrink:0}.story-meta__close:hover{background-color:var(--color-slate-200)}.story-meta__body{padding:2rem;overflow-y:auto;max-height:70vh}.story-meta__body>*+*{margin-top:2rem}.story-meta__status{padding:1rem;border-radius:1rem;border:2px solid;display:flex;align-items:center;gap:1rem}.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{padding:.5rem;border-radius:9999px}.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-weight:900;font-size:1.125rem}.story-meta__status-subtitle{font-size:.75rem;opacity:.7;font-weight:700}.story-meta__stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media (min-width: 768px){.story-meta__stats-grid{grid-template-columns:repeat(5,1fr)}}.story-meta__stat-card{background-color:#fff;padding:.75rem;border-radius:.75rem;border:1px solid var(--color-slate-100);box-shadow:var(--shadow-sm);text-align:center;position:relative}.story-meta__stat-icon{margin-bottom:.25rem;display:flex;justify-content:center}.story-meta__stat-value{font-size:1.25rem;font-weight:900;color:var(--color-slate-700)}.story-meta__stat-label{font-size:10px;font-weight:700;color:var(--color-slate-400);text-transform:uppercase;letter-spacing:.05em}.story-meta__stat-tooltip{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:.5rem;width:8rem;background-color:var(--color-slate-800);color:#fff;font-size:.75rem;border-radius:.5rem;padding:.5rem;z-index:50;display:none;text-align:left;box-shadow:var(--shadow-lg);pointer-events:none}.story-meta__stat-card:hover .story-meta__stat-tooltip{display:block}.story-meta__divider{height:1px;background-color:var(--color-slate-100);width:100%}.story-meta__info-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.story-meta__info-grid{grid-template-columns:repeat(2,1fr)}}.story-meta__info-card{padding:1.25rem;border-radius:1rem;border:2px solid}.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{display:flex;align-items:center;gap:.5rem;font-weight:700;margin-bottom:.25rem}.story-meta__info-card-value{font-size:1.5rem;font-weight:900;color:var(--color-slate-700)}.story-meta__info-card-hint{font-size:.75rem;margin-top:.25rem}.story-meta__keywords-title{font-size:.875rem;font-weight:900;color:var(--color-slate-400);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.5rem}.story-meta__keywords-list{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem}.story-meta__keyword{padding:.625rem 1.25rem;background-color:#ffd60a1a;color:var(--color-kid-yellow);border:2px solid rgba(255,214,10,.3);border-radius:1rem;font-weight:900;font-size:1.125rem;box-shadow:var(--shadow-sm);animation:fade-in .3s ease-out}.story-meta__empty{color:var(--color-slate-400);font-style:italic}.story-meta__summary{background-color:var(--color-slate-50);padding:1.5rem;border-radius:1.5rem;border:2px solid var(--color-slate-100);color:var(--color-slate-600);line-height:1.625;font-weight:500;max-height:15rem;overflow-y:auto;white-space:pre-wrap;font-style:italic}.story-meta__debug-header{padding-top:1rem;border-top:1px solid var(--color-slate-100)}.story-meta__debug-toggle{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.story-meta__debug-label{font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.story-meta__debug-expand{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:700;color:var(--color-kid-blue);background-color:var(--color-blue-50);padding:.25rem .75rem;border-radius:.5rem;transition:color .15s ease}.story-meta__debug-expand:hover{color:var(--color-blue-600)}.story-meta__debug-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;font-size:.75rem;font-family:monospace;background-color:var(--color-slate-900);color:var(--color-slate-400);padding:1rem;border-radius:.75rem}.story-meta__debug-key{color:var(--color-slate-500)}.story-meta__debug-value{color:var(--color-blue-300);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-meta__debug-raw{margin-top:1rem;background-color:var(--color-slate-900);color:#4ade80;padding:1rem;border-radius:.75rem;font-size:10px;font-family:monospace;overflow:auto;max-height:15rem;border:2px solid var(--color-slate-700);animation:fade-in .3s ease-out}.story-meta__footer{padding:1.5rem;border-top:1px solid var(--color-slate-100);background-color:var(--color-slate-50);text-align:center}.verification__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.verification__card{background-color:#fff;border-radius:1.5rem;padding:2rem;max-width:24rem;width:100%;box-shadow:var(--shadow-2xl);animation:fade-in .3s ease-out;position:relative;overflow:hidden}.verification__close{position:absolute;top:1rem;right:1rem;color:var(--color-slate-400);padding:.5rem;border-radius:9999px}.verification__close:hover{color:var(--color-slate-600);background-color:var(--color-slate-100)}.verification__header{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem}.verification__icon{background-color:#7209b71a;padding:1rem;border-radius:9999px;margin-bottom:1rem;color:var(--color-kid-purple)}.verification__title{font-size:1.25rem;font-weight:700;color:var(--color-slate-700)}.verification__desc{color:var(--color-slate-500);font-size:.875rem;text-align:center;margin-top:.5rem}.verification__code{text-align:center;margin-bottom:1.5rem}.verification__code-display{font-size:2.25rem;font-family:monospace;font-weight:900;color:var(--color-slate-800);letter-spacing:.05em}.verification__input{width:100%;border:2px solid var(--color-slate-200);border-radius:.75rem;padding:1rem;text-align:center;font-size:1.5rem;font-weight:700;outline:none;margin-bottom:1rem;transition:all .15s ease}.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{width:100%;background-color:var(--color-slate-800);color:#fff;padding:1rem;border-radius:.75rem;font-weight:700;font-size:1.125rem;transition:background-color .15s ease}.verification__submit:hover{background-color:var(--color-slate-700)}.change-password__card{background-color:#fff;border-radius:2.5rem;width:100%;max-width:28rem;box-shadow:var(--shadow-2xl);overflow:hidden;position:relative;border:8px solid rgba(255,255,255,.5)}.change-password__close{position:absolute;top:1rem;right:1rem;color:var(--color-slate-400);padding:.5rem;border-radius:9999px;z-index:10}.change-password__close:hover{color:var(--color-slate-600);background-color:var(--color-slate-100)}.change-password__banner{background-color:#4cc9f01a;padding:2rem;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.change-password__banner-icon{background-color:#fff;padding:1rem;border-radius:1.5rem;color:var(--color-kid-blue);box-shadow:var(--shadow-lg)}.change-password__body{padding:1rem 2rem 2rem}.change-password__title{font-size:1.5rem;font-weight:900;text-align:center;color:var(--color-slate-800);margin-bottom:1.5rem}.change-password__success{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 0;color:var(--color-green-500);animation:bounce-slow 3s infinite}.change-password__success-icon{margin-bottom:1rem}.change-password__success-text{font-weight:700;font-size:1.25rem}.change-password__form>*+*{margin-top:1rem}.change-password__error{background-color:var(--color-red-50);padding:1rem;border-radius:1rem;display:flex;align-items:center;gap:.75rem;color:var(--color-red-500);font-size:.875rem;font-weight:700;border:2px solid var(--color-red-100)}.change-password__error-icon{flex-shrink:0}.change-password__submit-wrapper{padding-top:1rem}.oefening-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--theme-bg, var(--color-kid-bg));padding-bottom:env(safe-area-inset-bottom)}.oefening-shell__header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;padding-top:calc(1rem + env(safe-area-inset-top));background:#fff;border-bottom:1px solid var(--color-slate-200);position:sticky;top:0;z-index:10}.oefening-shell__terug-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.75rem;border:none;background:var(--color-slate-100);color:var(--color-slate-600);cursor:pointer;flex-shrink:0}.oefening-shell__terug-btn:active{background:var(--color-slate-200)}.oefening-shell__titel-area{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.oefening-shell__emoji{font-size:1.5rem}.oefening-shell__titel{font-size:1.125rem;font-weight:700;color:var(--color-slate-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oefening-shell__stats{display:flex;gap:1rem;flex-shrink:0}.oefening-shell__stat{display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:600;color:var(--color-slate-600)}.oefening-shell__voortgang{height:4px;background:var(--color-slate-200);overflow:hidden}.oefening-shell__voortgang-balk{height:100%;background:var(--color-kid-blue);transition:width .3s ease;border-radius:0 2px 2px 0}.oefening-shell__content{flex:1;padding:1.5rem 1.25rem;max-width:40rem;margin:0 auto;width:100%}.oefening-resultaat{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1.25rem;background:var(--theme-bg, var(--color-kid-bg))}.oefening-resultaat__card{background:#fff;border-radius:1.5rem;padding:2rem;width:100%;max-width:28rem;box-shadow:0 4px 24px #00000014;text-align:center}.oefening-resultaat__header{margin-bottom:1.5rem}.oefening-resultaat__reaction{font-size:3rem;display:block;margin-bottom:.5rem}.oefening-resultaat__bericht{font-size:1.5rem;font-weight:800;color:var(--color-slate-800);margin:0}.oefening-resultaat__emoji{font-size:1.25rem}.oefening-resultaat__titel{color:var(--color-slate-500);font-size:.875rem;margin:.25rem 0 0}.oefening-resultaat__score-ring{margin:1.5rem auto;width:8rem;height:8rem;border-radius:50%;background:linear-gradient(135deg,var(--color-kid-blue),var(--color-kid-purple));display:flex;flex-direction:column;align-items:center;justify-content:center}.oefening-resultaat__score-waarde{display:flex;align-items:baseline}.oefening-resultaat__score-getal{font-size:2.25rem;font-weight:800;color:#fff;line-height:1}.oefening-resultaat__score-procent{font-size:1rem;font-weight:700;color:#fffc}.oefening-resultaat__score-detail{font-size:.75rem;color:#ffffffe6;margin:.25rem 0 0}.oefening-resultaat__stats{display:flex;justify-content:center;gap:1.25rem;margin:1.5rem 0;flex-wrap:wrap}.oefening-resultaat__stat{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:var(--color-slate-600)}.oefening-resultaat__acties{display:flex;gap:.75rem;margin-top:1.5rem}.oefening-resultaat__btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem;border-radius:.875rem;border:none;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .1s}.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{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;border-radius:.75rem;border:2px solid var(--color-kid-blue);background:#fff;color:var(--color-kid-blue);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s}.tts-speler:hover{background:var(--color-blue-50)}.tts-speler:active{transform:scale(.96)}.tts-speler--groot{padding:1rem 1.5rem;font-size:1.125rem;border-radius:1rem}.tts-speler--actief{background:var(--color-kid-blue);color:#fff;pointer-events:none}.tts-speler__spinner{animation:spin 1s linear infinite}.tts-speler__label{white-space:nowrap}.dyslexie-dash{min-height:100vh;background:var(--theme-bg, var(--color-kid-bg));padding-bottom:2rem}.dyslexie-dash__header{display:flex;align-items:center;gap:.75rem;padding:1.25rem;padding-top:calc(1.25rem + env(safe-area-inset-top));background:#fff;border-bottom:1px solid var(--color-slate-200)}.dyslexie-dash__terug-btn{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.75rem;border:none;background:var(--color-slate-100);color:var(--color-slate-600);cursor:pointer}.dyslexie-dash__titel-area{display:flex;align-items:center;gap:.75rem}.dyslexie-dash__logo{font-size:2rem}.dyslexie-dash__titel{font-size:1.375rem;font-weight:800;color:var(--color-slate-800);margin:0}.dyslexie-dash__subtitel{font-size:.8rem;color:var(--color-slate-500);margin:0}.dyslexie-dash__categorieen{padding:1.25rem;display:flex;flex-direction:column;gap:1.5rem;max-width:40rem;margin:0 auto}.dyslexie-dash__cat-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.dyslexie-dash__cat-emoji{font-size:1.375rem}.dyslexie-dash__cat-titel{font-size:1.125rem;font-weight:700;color:var(--color-slate-700);margin:0}.dyslexie-dash__oefeningen{display:flex;flex-direction:column;gap:.5rem}.dyslexie-dash__oefening-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#fff;border:1px solid var(--color-slate-200);border-radius:1rem;cursor:pointer;transition:all .15s;text-align:left;width:100%}.dyslexie-dash__oefening-card:hover{border-color:var(--color-kid-blue);box-shadow:0 2px 8px #4cc9f026}.dyslexie-dash__oefening-card:active{transform:scale(.98)}.dyslexie-dash__oef-emoji{font-size:1.75rem;flex-shrink:0}.dyslexie-dash__oef-info{flex:1;min-width:0}.dyslexie-dash__oef-naam{font-size:1rem;font-weight:700;color:var(--color-slate-800);margin:0}.dyslexie-dash__oef-desc{font-size:.8rem;color:var(--color-slate-500);margin:.125rem 0 0}.oefening-prompt{text-align:center;margin-bottom:1.5rem}.oefening-prompt__woord{font-size:2.5rem;font-weight:800;color:var(--color-slate-800);margin:.5rem 0;letter-spacing:.05em}.oefening-prompt__instructie{font-size:1rem;color:var(--color-slate-500);margin:.5rem 0}.oefening-prompt__klanken{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.oefening-prompt__klank{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;padding:.5rem .75rem;border-radius:.625rem;background:var(--color-blue-100);color:var(--color-blue-600);font-size:1.5rem;font-weight:700}.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{font-size:1.25rem;color:var(--color-slate-400);font-weight:700}.oefening-invoer{margin:1.5rem 0}.oefening-invoer__veld{width:100%;padding:1rem 1.25rem;border:2px solid var(--color-slate-300);border-radius:1rem;font-size:1.25rem;font-weight:600;text-align:center;outline:none;transition:border-color .2s;background:#fff;color:var(--color-slate-800)}.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{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:.875rem;border:none;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .1s;width:100%}.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);font-size:.875rem;padding:.5rem 1rem}.oefening-btn:disabled{opacity:.5;cursor:not-allowed}.oefening-acties{display:flex;gap:.75rem;margin-top:1rem}.oefening-acties--center{justify-content:center}.oefening-feedback{margin:1rem 0;padding:1rem;border-radius:1rem;text-align:center}.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{font-size:1rem;font-weight:600;margin:0}.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{font-size:.875rem;color:var(--color-slate-500);margin:.5rem 0 0}.oefening-woord-check{display:flex;flex-wrap:wrap;gap:.375rem;justify-content:center;margin:1rem 0}.oefening-woord-check__woord{padding:.25rem .5rem;border-radius:.375rem;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{display:flex;gap:1rem;margin:1.5rem 0}.oefening-keuze{flex:1;padding:1.5rem;border-radius:1rem;border:3px solid var(--color-slate-200);background:#fff;font-size:1.75rem;font-weight:800;color:var(--color-slate-800);cursor:pointer;transition:all .15s;text-align:center}.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{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.woordenlijst-oef__set-btn{padding:.625rem 1rem;border-radius:.75rem;border:2px solid var(--color-slate-200);background:#fff;font-size:.875rem;font-weight:600;color:var(--color-slate-700);cursor:pointer}.woordenlijst-oef__set-btn--actief{border-color:var(--color-kid-blue);background:var(--color-blue-50);color:var(--color-kid-blue)}.woordenlijst-oef__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.375rem;margin:1rem 0}.woordenlijst-oef__woord{padding:.5rem .25rem;text-align:center;font-size:1.125rem;font-weight:600;color:var(--color-slate-800);border-radius:.375rem}.woordenlijst-oef__countdown{display:flex;align-items:center;justify-content:center;font-size:5rem;font-weight:900;color:var(--color-kid-blue);height:50vh;animation:pulse 1s ease-in-out infinite}.woordenlijst-oef__timer{text-align:center;font-size:3rem;font-weight:800;color:var(--color-kid-blue);margin-bottom:1rem}.woordenlijst-oef__timer--urgent{color:var(--color-red-500);animation:pulse .5s ease-in-out infinite}.woordenlijst-oef__invoer-score{text-align:center;margin:2rem 0}.woordenlijst-oef__invoer-score label{display:block;font-size:1rem;font-weight:600;color:var(--color-slate-600);margin-bottom:.75rem}.woordenlijst-oef__invoer-score input{width:6rem;padding:.75rem;border:2px solid var(--color-slate-300);border-radius:.75rem;font-size:1.5rem;font-weight:700;text-align:center}.reeks-oef__luister{text-align:center;padding:3rem 0}.reeks-oef__luister-tekst{font-size:1.25rem;color:var(--color-slate-500);margin-bottom:1.5rem}.reeks-oef__niveau{font-size:.875rem;color:var(--color-slate-400);text-align:center;margin-bottom:1rem}@media (max-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{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;border-radius:1.5rem;background:#ffffffb3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:2px solid var(--color-slate-200);box-shadow:0 2px 8px #0000000a}.oef-opnemer--actief{background:#fffffff2;border-color:var(--color-kid-pink);border-width:3px;box-shadow:0 8px 32px #f7258526;animation:oef-opnemer-pulse 2s ease-in-out infinite}.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{font-size:1.125rem;font-weight:700;color:var(--color-slate-600);text-align:center;margin:0}.oef-opnemer--actief .oef-opnemer__label{color:var(--color-kid-pink);font-size:1.25rem;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.oef-opnemer__start-btn{display:flex;align-items:center;gap:.75rem;padding:1.25rem 2.5rem;border-radius:2rem;border:none;background:var(--color-kid-pink);color:#fff;font-size:1.5rem;font-weight:900;cursor:pointer;transition:all .15s ease;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{height:4rem;width:12rem;display:flex;align-items:flex-end;justify-content:center;gap:8px;margin:.75rem 0}.oef-opnemer__bar{width:16px;min-height:12px;border-radius:8px 8px 4px 4px;background-color:#f72585;transition:height .06s ease-out}.oef-opnemer__stop-btn{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;border-radius:2rem;border:none;background:var(--color-kid-pink);color:#fff;font-size:1.25rem;font-weight:900;cursor:pointer;transition:all .15s ease;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!important}.oef-opnemer__stop-btn--wacht:hover{transform:none}.oef-opnemer__waarschuwing{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:1rem;background:#fff3cd;color:#856404;font-size:.875rem;font-weight:600;animation:oef-fadeIn .3s ease}@keyframes oef-fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.oef-opnemer__spinner{animation:oef-spinner 1s linear infinite;color:var(--color-kid-blue)}@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{display:flex;flex-direction:column;align-items:center;gap:1rem;animation:fade-in .3s ease-out}.dictee-oef__resultaat,.hakken-oef__resultaat,.plakken-oef__resultaat,.rijmen-oef__resultaat,.klank-weglaten-oef__resultaat,.reeks-oef__resultaat,.zin-herhalen-oef__feedback-banner{padding:1.25rem;border-radius:1rem;text-align:center;width:100%}.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{font-size:1.125rem;font-weight:700;margin:0 0 .25rem}.dictee-oef__gehoord,.hakken-oef__gehoord,.plakken-oef__gehoord,.rijmen-oef__gehoord,.klank-weglaten-oef__gehoord,.reeks-oef__gehoord,.zin-herhalen-oef__gehoord{font-size:.95rem;color:var(--color-slate-500);margin-top:.5rem}.dictee-oef__verwacht,.hakken-oef__verwacht,.reeks-oef__verwacht{font-size:.95rem;margin-top:.25rem}.plakken-oef__resultaat-antwoord{display:block;margin-top:.25rem}.hakken-oef__volgende-btn,.plakken-oef__volgende-btn,.rijmen-oef__volgende-btn,.klank-weglaten-oef__volgende-btn,.zin-herhalen-oef__volgende-knop{display:flex;align-items:center;gap:.5rem;padding:.875rem 2rem;border-radius:999px;border:none;background:var(--color-kid-blue);color:#fff;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .15s ease;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{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1.5rem 1.25rem;max-width:32rem;margin:0 auto;width:100%}.hakken-oef__intro,.plakken-oef__intro,.rijmen-oef__intro,.klank-weglaten-oef__intro,.dictee-oef__intro,.reeks-oef__set-keuze,.zin-herhalen-oef__intro{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1.25rem;text-align:center;max-width:28rem;margin:0 auto}.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{font-size:1.125rem;color:var(--color-slate-600);margin:0;line-height:1.5}.hakken-oef__intro-voorbeeld,.plakken-oef__intro-voorbeeld,.rijmen-oef__intro-voorbeeld,.klank-weglaten-oef__intro-voorbeeld{font-size:1rem;color:var(--color-slate-500);background:var(--color-slate-50);padding:.75rem 1.25rem;border-radius:.75rem;margin:0}.rijmen-oef__intro-hint{font-size:.9rem;color:var(--color-slate-400);margin:0}.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{padding:1rem 3rem;border-radius:999px;border:none;background:var(--color-kid-blue);color:#fff;font-size:1.25rem;font-weight:800;cursor:pointer;transition:all .15s ease;box-shadow:0 4px 16px #4cc9f04d;margin-top:.5rem}.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{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.hakken-oef__woord,.rijmen-oef__doelwoord,.klank-weglaten-oef__woord{font-size:2.5rem;font-weight:900;color:var(--color-slate-800);letter-spacing:.025em}.plakken-oef__klanken-rij{display:flex;align-items:center;justify-content:center;gap:.25rem;flex-wrap:wrap}.plakken-oef__klank-blok{background:var(--color-kid-blue);color:#fff;font-size:1.75rem;font-weight:800;padding:.75rem 1.25rem;border-radius:1rem;min-width:3rem;text-align:center}.plakken-oef__streepje{font-size:1.5rem;color:var(--color-slate-400);font-weight:700}.klank-weglaten-oef__instructie{font-size:1.125rem;color:var(--color-slate-600);text-align:center;background:var(--color-slate-50);padding:.75rem 1.25rem;border-radius:.75rem;width:100%}.hakken-oef__acties,.plakken-oef__invoer-sectie,.rijmen-oef__invoer-sectie,.klank-weglaten-oef__invoer-sectie,.reeks-oef__invoer-fase,.zin-herhalen-oef__invoer-fase{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.hakken-oef__hint-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:999px;border:2px solid var(--color-slate-200);background:#fff;color:var(--color-slate-500);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s}.hakken-oef__hint-btn:hover{border-color:var(--color-slate-300);color:var(--color-slate-600)}.hakken-oef__hint{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-orange-50);border:1px solid var(--color-orange-200);border-radius:.75rem;width:100%;justify-content:center}.hakken-oef__hint-label{font-weight:600;color:var(--color-orange-400);font-size:.9rem}.hakken-oef__hint-antwoord{font-weight:700;color:var(--color-slate-700);font-size:1.125rem}.dictee-oef__intro-titel{font-size:1.5rem;font-weight:800;color:var(--color-slate-800);margin:0}.dictee-oef__intro-aantal{font-size:.9rem;color:var(--color-slate-400);margin:0}.dictee-oef__teller{font-size:.9rem;color:var(--color-slate-400);margin:0;font-weight:600}.dictee-oef__luister-area{display:flex;justify-content:center}.dictee-oef__invoer-area{display:flex;flex-direction:column;gap:1rem;width:100%;animation:fade-in .3s ease-out}.dictee-oef__invoer{width:100%;padding:1rem 1.25rem;border:2px solid var(--color-slate-200);border-radius:1rem;font-size:1.125rem;color:var(--color-slate-700);background:#fff;outline:none;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{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.dictee-oef__controleer-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:999px;border:none;background:var(--color-kid-green);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:all .15s ease;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{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;animation:fade-in .3s ease-out}.dictee-oef__woorden-rij{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;width:100%}.dictee-oef__woord{padding:.5rem .75rem;border-radius:.5rem;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{display:block;font-size:.8rem;color:var(--color-green-600);font-weight:700}.dictee-oef__feedback-tekst{font-size:1rem;font-weight:600;color:var(--color-slate-600);margin:0}.dictee-oef__volgende-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 2rem;border-radius:999px;border:none;background:var(--color-kid-blue);color:#fff;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .15s ease;box-shadow:0 4px 12px #4cc9f04d}.dictee-oef__volgende-btn:hover{transform:scale(1.05)}.reeks-oef__voortgang-tekst,.zin-herhalen-oef__voortgang-tekst{font-size:.9rem;color:var(--color-slate-400);font-weight:600;text-align:center}.reeks-oef__luister-fase,.zin-herhalen-oef__luister-fase{display:flex;flex-direction:column;align-items:center;gap:1rem}.reeks-oef__luister-tekst,.zin-herhalen-oef__luister-tekst{font-size:1.25rem;font-weight:700;color:var(--color-slate-600);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.reeks-oef__invoer-acties,.zin-herhalen-oef__invoer-acties{display:flex;justify-content:center}.reeks-oef__set-knoppen{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.reeks-oef__set-knop{padding:.875rem 1.5rem;border-radius:1rem;border:2px solid var(--color-slate-200);background:#fff;color:var(--color-slate-700);font-size:1rem;font-weight:700;cursor:pointer;transition:all .15s}.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{font-size:.85rem;color:var(--color-slate-400);font-weight:600;margin:0 0 .25rem}.zin-herhalen-oef__correcte-tekst{font-size:1.125rem;font-weight:700;color:var(--color-slate-700);margin:0}.zin-herhalen-oef__intro-detail{font-size:.9rem;color:var(--color-slate-400);margin:0}.klinker-oef__intro{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:2rem 1.25rem;text-align:center;max-width:28rem;margin:0 auto}.klinker-oef__intro-icon{font-size:3.5rem;line-height:1;margin-bottom:.25rem}.klinker-oef__intro-tekst{font-size:1.125rem;color:var(--color-slate-600);margin:0;line-height:1.6}.klinker-oef__intro-voorbeeld{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 1.5rem;background:var(--color-slate-50);border-radius:1rem;width:100%}.klinker-oef__voorbeeld-label{font-size:.85rem;color:var(--color-slate-400);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.klinker-oef__voorbeeld-paar{display:flex;align-items:center;gap:.75rem}.klinker-oef__voorbeeld-kort{font-size:1.5rem;font-weight:900;color:var(--color-kid-blue);background:#fff;padding:.5rem 1.25rem;border-radius:.75rem;border:2px solid var(--color-kid-blue)}.klinker-oef__voorbeeld-vs{font-size:.9rem;color:var(--color-slate-400);font-weight:600}.klinker-oef__voorbeeld-lang{font-size:1.5rem;font-weight:900;color:var(--color-slate-500);background:#fff;padding:.5rem 1.25rem;border-radius:.75rem;border:2px solid var(--color-slate-200)}.klinker-oef__voorbeeld-uitleg{font-size:.9rem;color:var(--color-slate-500)}.klinker-oef__intro-detail{font-size:.875rem;color:var(--color-slate-400);margin:0;font-weight:600}.klinker-oef__start-btn{padding:1.125rem 3rem;border-radius:999px;border:none;background:var(--color-kid-blue);color:#fff;font-size:1.25rem;font-weight:800;cursor:pointer;transition:all .15s ease;box-shadow:0 4px 16px #4cc9f04d;margin-top:.5rem}.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{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:1.5rem 1.25rem;max-width:32rem;margin:0 auto;width:100%}.klinker-oef__teller{font-size:.875rem;color:var(--color-slate-400);font-weight:600;margin:0}.klinker-oef__luister-sectie{display:flex;justify-content:center;width:100%}.klinker-oef__vraag-sectie{display:flex;flex-direction:column;align-items:center;gap:.25rem}.klinker-oef__vraag{font-size:1.5rem;font-weight:800;color:var(--color-slate-700);margin:0;text-align:center}.klinker-oef__vraag-hint{font-size:.85rem;color:var(--color-slate-400);margin:0;font-weight:500}.klinker-oef__keuzes{display:flex;gap:1rem;width:100%}.klinker-oef__keuze-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:2rem 1.5rem;border-radius:1.5rem;border:3px solid var(--color-slate-200);background:#fff;cursor:pointer;transition:all .2s ease;text-align:center;min-height:6rem;box-shadow:0 2px 8px #0000000f;position:relative;overflow:hidden}.klinker-oef__keuze-woord{font-size:2.25rem;font-weight:900;color:var(--color-slate-800);line-height:1.1;letter-spacing:.02em}.klinker-oef__keuze-icoon{position:absolute;top:.5rem;right:.5rem}.klinker-oef__keuze-btn:hover:not(:disabled){border-color:var(--color-kid-blue);box-shadow:0 6px 20px #4cc9f033;transform:translateY(-2px)}.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);box-shadow:0 6px 20px #22c55e40;animation:klinker-goed .4s ease}.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);box-shadow:0 4px 16px #ef444433;animation:klinker-fout .4s ease}.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{padding:1rem 1.5rem;border-radius:1rem;text-align:center;font-size:1.125rem;font-weight:700;width:100%;animation:fade-in .3s ease-out}.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 (max-width: 480px){.klinker-oef__keuze-btn{padding:1.5rem 1rem;min-height:5rem}.klinker-oef__keuze-woord{font-size:1.75rem}.klinker-oef__vraag{font-size:1.25rem}}.woordenlijst-oef__start{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:2rem 1.25rem;max-width:32rem;margin:0 auto}.woordenlijst-oef__instructie{font-size:1.125rem;font-weight:700;color:var(--color-slate-600);margin:0}.woordenlijst-oef__actie{display:flex;justify-content:center;margin-top:.5rem}.woordenlijst-oef__start-btn,.woordenlijst-oef__klaar-btn{display:flex;align-items:center;gap:.5rem;padding:1rem 2.5rem;border-radius:999px;border:none;background:var(--color-kid-blue);color:#fff;font-size:1.25rem;font-weight:800;cursor:pointer;transition:all .15s ease;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__stop-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 2rem;border-radius:999px;border:none;background:var(--color-kid-pink);color:#fff;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .15s ease;box-shadow:0 4px 12px #f725854d}.woordenlijst-oef__stop-btn:hover{transform:scale(1.05)}.woordenlijst-oef__lezen{display:flex;flex-direction:column;align-items:center;gap:1rem}.woordenlijst-oef__countdown-getal{font-size:5rem;font-weight:900;color:var(--color-kid-blue);animation:pulse 1s ease-in-out infinite}.woordenlijst-oef__score-invoer{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 1.25rem;max-width:28rem;margin:0 auto;text-align:center}.woordenlijst-oef__score-titel{font-size:1.75rem;font-weight:900;color:var(--color-slate-800);margin:0}.woordenlijst-oef__score-label{font-size:1.125rem;font-weight:600;color:var(--color-slate-600)}.woordenlijst-oef__score-input{width:7rem;padding:1rem;border:3px solid var(--color-kid-blue);border-radius:1rem;font-size:2rem;font-weight:800;text-align:center;color:var(--color-slate-800);outline:none;transition:border-color .15s}.woordenlijst-oef__score-input:focus{border-color:var(--color-kid-purple);box-shadow:0 0 0 4px #8b5cf626}