html{overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{width:0;height:0;background:transparent}body{overflow-x:hidden}.landing-page-wrapper,.landing-page-vortex-content{min-height:100vh;width:100%}.landing-page{min-height:100vh;position:relative;z-index:2;width:100%}.landing-container{max-width:1200px;margin:0 auto;padding:0 24px;width:100%}.landing-hero{padding:80px 0;min-height:80vh;display:flex;align-items:center;justify-content:center;text-align:center}.landing-hero__logo{display:flex;justify-content:center;align-items:center;margin-bottom:24px;position:relative;display:inline-flex;width:120px;height:120px}.landing-hero__logo-gradient{width:100%;height:100%;background:linear-gradient(90deg,#40ffaa,#06f,#40ffaa,#06f,#40ffaa);background-size:300% 100%;animation:gradient-shift 20s ease-in-out infinite;mask-image:url(/images/logo/LARNES-LOGO.png);-webkit-mask-image:url(/images/logo/LARNES-LOGO.png);mask-size:contain;-webkit-mask-size:contain;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;mask-mode:alpha;-webkit-mask-mode:alpha}.landing-hero__title{font-size:4rem;font-weight:800;margin:0;line-height:1.1;letter-spacing:-.02em;background:linear-gradient(90deg,#40ffaa,#06f,#40ffaa,#06f,#40ffaa);background-size:300% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:gradient-shift 20s ease-in-out infinite}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.landing-hero__subtitle{font-size:1.25rem;font-weight:400;color:#4b5563;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.landing-hero__subtitle--styled{font-size:2rem;font-weight:700;color:#667eea;line-height:1.2;letter-spacing:.01em;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.landing-hero__actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:16px}.landing-button{display:flex;justify-content:center;align-items:center;border:1px solid;border-radius:12px;text-align:center;font-size:1.125rem;font-weight:600;color:#000;text-decoration:none;transition:all .35s cubic-bezier(.25,.46,.45,.94);box-sizing:border-box;cursor:pointer;padding:0 2.5em;height:60px;min-width:220px;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.landing-button--hero{position:relative;border-color:#667eea;color:#667eea;background-color:#fff;box-shadow:.4em .4em #667eea;transition:all .35s cubic-bezier(.25,.46,.45,.94);overflow:visible}.landing-button--hero:hover{box-shadow:-.4em -.4em #667eea;background-color:#667eea;border-color:#667eea;color:#fff}.landing-section{padding:64px 0;width:100%}.landing-section__title{background-color:#667eea;color:#fff;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;border-radius:12px;padding:12px 24px;font-size:2.5rem;font-weight:1000;background-image:none;-webkit-background-clip:unset;-webkit-text-fill-color:#ffffff;background-clip:unset;text-align:center;border:none;display:block;margin:0 auto 40px;width:fit-content}.landing-section__description{font-size:1.125rem;font-weight:400;color:#4b5563;text-align:center;max-width:800px;margin:0 auto 32px;line-height:1.6;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.landing-courses-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}.landing-course-card{background:#fff;border:1px solid #667eea;border-radius:16px;padding:32px;text-align:center;transition:border-color .3s cubic-bezier(.25,.46,.45,.94);font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.landing-course-card:hover{border-color:#667eea}.landing-course-card__icon{color:var(--course-color, #667eea);margin-bottom:16px;display:flex;justify-content:center;align-items:center;transition:color .3s cubic-bezier(.25,.46,.45,.94)}.landing-course-card:hover .landing-course-card__icon{color:#667eea}.landing-course-card__title{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:16px;margin-top:0;transition:color .3s cubic-bezier(.25,.46,.45,.94);font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.landing-course-card:hover .landing-course-card__title{color:#667eea}.landing-course-card__description{font-size:1rem;font-weight:400;color:#4b5563;line-height:1.6;margin:0;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.landing-steps{display:flex;flex-direction:column;gap:24px;margin-top:32px;max-width:800px;margin-left:auto;margin-right:auto}.landing-steps--modern{gap:32px;max-width:900px}.landing-step{display:flex;align-items:flex-start;gap:24px;background:#fff;border:1px solid #667eea;border-radius:16px;padding:24px;transition:border-color .3s cubic-bezier(.25,.46,.45,.94);font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.landing-step--modern{padding:32px;border-color:#667eea;position:relative;overflow:visible}.landing-step:hover,.landing-step--modern:hover{border-color:#667eea}.landing-step__icon-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0}.landing-step__number{background:#667eea;color:#fff;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color .3s cubic-bezier(.25,.46,.45,.94)}.landing-step__number svg{width:32px;height:32px;color:inherit;transition:color .3s cubic-bezier(.25,.46,.45,.94)}.landing-step--modern:hover .landing-step__number{background:#5568d3}.landing-step__content{flex:1;transition:color .3s cubic-bezier(.25,.46,.45,.94)}.landing-step__title{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:8px;margin-top:0;transition:color .3s cubic-bezier(.25,.46,.45,.94);font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.landing-step--modern:hover .landing-step__title{color:#667eea}.landing-step__description{font-size:1rem;font-weight:400;color:#4b5563;line-height:1.6;margin:0;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.landing-audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}.landing-audience-card{background:#fff;border:1px solid #667eea;border-radius:16px;padding:32px;text-align:center;transition:border-color .3s cubic-bezier(.25,.46,.45,.94);font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.landing-audience-card:hover{border-color:#667eea}.landing-audience-card__icon{color:#667eea;margin-bottom:16px;display:flex;justify-content:center;align-items:center;transition:color .3s cubic-bezier(.25,.46,.45,.94)}.landing-audience-card:hover .landing-audience-card__icon{color:#667eea}.landing-audience-card__title{font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:12px;margin-top:0;transition:color .3s cubic-bezier(.25,.46,.45,.94);font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.landing-audience-card:hover .landing-audience-card__title{color:#667eea}.landing-audience-card__description{font-size:1rem;font-weight:400;color:#4b5563;line-height:1.6;margin:0;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.landing-benefits{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;margin-top:32px}.landing-benefit{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #667eea;border-radius:12px;padding:20px;transition:border-color .3s cubic-bezier(.25,.46,.45,.94);font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.landing-benefit:hover{border-color:#667eea}.landing-benefit__icon{color:#667eea;flex-shrink:0;transition:color .3s cubic-bezier(.25,.46,.45,.94)}.landing-benefit:hover .landing-benefit__icon{color:#667eea}.landing-benefit__text{font-size:1rem;font-weight:600;color:#1f2937;margin:0;transition:color .3s cubic-bezier(.25,.46,.45,.94);font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.landing-benefit:hover .landing-benefit__text{color:#667eea}.landing-section--cta{padding:80px 0;text-align:center;display:flex;flex-direction:column;align-items:center}.landing-section--cta .landing-container{display:flex;flex-direction:column;align-items:center;gap:24px}.landing-section--cta .landing-button{margin:0 auto}.landing-footer{background:#fff;border-top:1px solid #667eea;padding:48px 0;margin-top:64px;position:relative;overflow:hidden}.landing-footer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(102,126,234,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(102,126,234,.03) 1px,transparent 1px);background-size:60px 60px;opacity:.4;pointer-events:none}.landing-footer .landing-container{display:flex;flex-direction:column;align-items:center;gap:32px;text-align:center;position:relative;z-index:1}.landing-footer__top{display:flex;flex-direction:column;align-items:center;gap:16px}.landing-footer__brand{margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:12px}.landing-footer__title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.landing-footer__logo{height:24px;width:auto;filter:brightness(0)}.landing-footer__tagline{font-size:1rem;font-weight:400;color:#4b5563;max-width:480px;margin:0;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.landing-footer__middle{display:flex;flex-direction:column;align-items:center;gap:16px}.landing-footer__nav{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.landing-footer__link{border:none;background:transparent;font-size:1rem;font-weight:400;color:#1f2937;cursor:pointer;transition:color .3s cubic-bezier(.25,.46,.45,.94);padding:8px 16px;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.landing-footer__link:hover{color:#667eea}.landing-footer__docs{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:8px}.landing-footer__doc-link{border:none;background:transparent;font-size:.875rem;font-weight:400;color:#6b7280;cursor:pointer;transition:color .3s cubic-bezier(.25,.46,.45,.94);padding:8px 12px;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.landing-footer__doc-link:hover{color:#667eea}.landing-footer__divider{width:100%;height:1px;background:#667eea;opacity:.3}.landing-footer__bottom{width:100%;display:flex;flex-direction:column;gap:12px;align-items:center}.landing-footer__status{display:flex;align-items:center;gap:8px;font-size:.875rem;color:#4b5563;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.landing-footer__status-dot{width:8px;height:8px;border-radius:50%;background:#10b981;display:inline-flex}.landing-footer__status-text{letter-spacing:.02em}.landing-footer__copyright{font-size:.875rem;font-weight:400;color:#6b7280;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.landing-footer__copyright p{margin:0}@media (max-width: 768px){.landing-container{padding:0 16px}.landing-footer{padding:40px 0}.landing-footer__bottom{align-items:center}.landing-hero__logo-img{max-height:80px}.landing-hero__title{font-size:2.5rem}.landing-hero__subtitle{font-size:1.125rem}.landing-hero__subtitle--styled{font-size:1.5rem}.landing-hero__actions{flex-direction:column;align-items:stretch}.landing-button{width:100%}.landing-section__title{font-size:2rem;margin-bottom:32px}.landing-courses-grid,.landing-audience-grid{grid-template-columns:1fr}.landing-step{flex-direction:column;align-items:center;text-align:center}.landing-step--modern{flex-direction:column;align-items:center;text-align:center;padding:24px}.landing-step__icon-wrapper{margin-bottom:16px}.landing-step__number{width:50px;height:50px}.landing-step__number svg{width:28px;height:28px}.landing-benefits{flex-direction:column}.landing-benefit{width:100%}.landing-section{padding:40px 0}.landing-hero{padding:48px 0;min-height:60vh}}.privacy-policy-page{min-height:100vh;position:relative;z-index:2;width:100%;padding:64px 0}.privacy-policy-container{max-width:900px;margin:0 auto;padding:0 24px;width:100%}.privacy-policy__back-button{background:#fff;border:1px solid #667eea;border-radius:12px;color:#667eea;cursor:pointer;font-size:1rem;font-weight:500;margin-bottom:32px;padding:12px 24px;transition:all .3s cubic-bezier(.25,.46,.45,.94);font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.privacy-policy__back-button:hover{background:#667eea;border-color:#667eea;color:#fff}.privacy-policy__title{font-size:2.5rem;font-weight:1000;color:#667eea;margin:0 0 16px;text-align:center;letter-spacing:-.02em;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.privacy-policy__subtitle{font-size:1.5rem;font-weight:600;color:#667eea;margin:0 0 24px;text-align:center;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.privacy-policy__date,.privacy-policy__effective{font-size:.875rem;color:#6b7280;text-align:center;margin:0 0 8px;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.privacy-policy__content{background:#fff;border:1px solid #667eea;border-radius:16px;padding:32px;margin-top:32px}.privacy-policy__intro{font-size:1.125rem;color:#374151;line-height:1.7;margin-bottom:24px;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.privacy-policy__section{margin-bottom:32px}.privacy-policy__section-title{font-size:1.5rem;font-weight:700;color:#667eea;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid #667eea;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.privacy-policy__subsection-title{font-size:1.125rem;font-weight:600;color:#374151;margin:16px 0 8px;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.privacy-policy__section p{font-size:1rem;color:#374151;line-height:1.7;margin-bottom:16px;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.privacy-policy__list{list-style:none;padding:0;margin:16px 0}.privacy-policy__list li{font-size:1rem;color:#374151;line-height:1.7;margin-bottom:8px;padding-left:24px;position:relative;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.privacy-policy__list li:before{content:"•";color:#667eea;font-weight:700;position:absolute;left:0}.privacy-policy__link{color:#667eea;text-decoration:none;transition:color .3s cubic-bezier(.25,.46,.45,.94)}.privacy-policy__link:hover{color:#5568d3;text-decoration:underline}@media (max-width: 768px){.privacy-policy-page{padding:32px 0}.privacy-policy-container{padding:0 16px}.privacy-policy__title{font-size:2rem}.privacy-policy__subtitle{font-size:1.25rem}.privacy-policy__content{padding:24px}.privacy-policy__section-title{font-size:1.25rem}}.user-agreement-page{min-height:100vh;position:relative;z-index:2;width:100%;padding:64px 0}.user-agreement-container{max-width:900px;margin:0 auto;padding:0 24px;width:100%}.user-agreement__back-button{background:#fff;border:1px solid #667eea;border-radius:12px;color:#667eea;cursor:pointer;font-size:1rem;font-weight:500;margin-bottom:32px;padding:12px 24px;transition:all .3s cubic-bezier(.25,.46,.45,.94);font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.user-agreement__back-button:hover{background:#667eea;border-color:#667eea;color:#fff}.user-agreement__title{font-size:2.5rem;font-weight:1000;color:#667eea;margin:0 0 16px;text-align:center;letter-spacing:-.02em;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.user-agreement__subtitle{font-size:1.5rem;font-weight:600;color:#667eea;margin:0 0 24px;text-align:center;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.user-agreement__date{font-size:.875rem;color:#6b7280;text-align:center;margin:0 0 24px;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.user-agreement__owner{background:#fff;border:1px solid #667eea;border-radius:16px;padding:24px;margin-bottom:32px}.user-agreement__owner p{font-size:1rem;color:#374151;line-height:1.7;margin-bottom:8px;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.user-agreement__owner p:last-child{margin-bottom:0}.user-agreement__content{background:#fff;border:1px solid #667eea;border-radius:16px;padding:32px;margin-top:32px}.user-agreement__intro{font-size:1.125rem;color:#374151;line-height:1.7;margin-bottom:24px;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.user-agreement__section{margin-bottom:32px}.user-agreement__section-title{font-size:1.5rem;font-weight:700;color:#667eea;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid #667eea;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.user-agreement__subsection-title{font-size:1.125rem;font-weight:600;color:#374151;margin:16px 0 8px;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.user-agreement__section p{font-size:1rem;color:#374151;line-height:1.7;margin-bottom:16px;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.user-agreement__list{list-style:none;padding:0;margin:16px 0}.user-agreement__list li{font-size:1rem;color:#374151;line-height:1.7;margin-bottom:8px;padding-left:24px;position:relative;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.user-agreement__list li:before{content:"•";color:#667eea;font-weight:700;position:absolute;left:0}.user-agreement__link{color:#667eea;text-decoration:none;transition:color .3s cubic-bezier(.25,.46,.45,.94)}.user-agreement__link:hover{color:#5568d3;text-decoration:underline}@media (max-width: 768px){.user-agreement-page{padding:32px 0}.user-agreement-container{padding:0 16px}.user-agreement__title{font-size:2rem}.user-agreement__subtitle{font-size:1.25rem}.user-agreement__content{padding:24px}.user-agreement__section-title{font-size:1.25rem}.user-agreement__owner{padding:16px}}.contract-offer-page{min-height:100vh;position:relative;z-index:2;width:100%;padding:64px 0}.contract-offer-container{max-width:900px;margin:0 auto;padding:0 24px;width:100%}.contract-offer__back-button{background:#fff;border:1px solid #667eea;border-radius:12px;color:#667eea;cursor:pointer;font-size:1rem;font-weight:500;margin-bottom:32px;padding:12px 24px;transition:all .3s cubic-bezier(.25,.46,.45,.94);font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.contract-offer__back-button:hover{background:#667eea;border-color:#667eea;color:#fff}.contract-offer__title{font-size:2.5rem;font-weight:1000;color:#667eea;margin:0 0 16px;text-align:center;letter-spacing:-.02em;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.contract-offer__subtitle{font-size:1.5rem;font-weight:600;color:#667eea;margin:0 0 8px;text-align:center;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.contract-offer__subtitle-secondary{font-size:1.25rem;font-weight:500;color:#374151;margin:0 0 24px;text-align:center;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.contract-offer__version{font-size:.875rem;color:#6b7280;text-align:center;margin:0 0 32px;font-style:italic;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.contract-offer__content{background:#fff;border:1px solid #667eea;border-radius:16px;padding:32px;margin-top:32px}.contract-offer__section{margin-bottom:32px}.contract-offer__section-title{font-size:1.5rem;font-weight:700;color:#667eea;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid #667eea;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.contract-offer__subsection-title{font-size:1.125rem;font-weight:600;color:#374151;margin:16px 0 8px;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.contract-offer__section p{font-size:1rem;color:#374151;line-height:1.7;margin-bottom:16px;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.contract-offer__owner{background:#fff;border:1px solid #667eea;border-radius:16px;padding:24px;margin-top:16px}.contract-offer__owner p{font-size:1rem;color:#374151;line-height:1.7;margin-bottom:8px;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.contract-offer__owner p:last-child{margin-bottom:0}.contract-offer__list{list-style:none;padding:0;margin:16px 0}.contract-offer__list li{font-size:1rem;color:#374151;line-height:1.7;margin-bottom:8px;padding-left:24px;position:relative;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.contract-offer__list li:before{content:"•";color:#667eea;font-weight:700;position:absolute;left:0}.contract-offer__link{color:#667eea;text-decoration:none;transition:color .3s cubic-bezier(.25,.46,.45,.94)}.contract-offer__link:hover{color:#5568d3;text-decoration:underline}@media (max-width: 768px){.contract-offer-page{padding:32px 0}.contract-offer-container{padding:0 16px}.contract-offer__title{font-size:2rem}.contract-offer__subtitle{font-size:1.25rem}.contract-offer__subtitle-secondary{font-size:1rem}.contract-offer__content{padding:24px}.contract-offer__section-title{font-size:1.25rem}.contract-offer__owner{padding:16px}}.data-consent-page{min-height:100vh;position:relative;z-index:2;width:100%;padding:64px 0}.data-consent-container{max-width:900px;margin:0 auto;padding:0 24px;width:100%}.data-consent__back-button{background:#fff;border:1px solid #667eea;border-radius:12px;color:#667eea;cursor:pointer;font-size:1rem;font-weight:500;margin-bottom:32px;padding:12px 24px;transition:all .3s cubic-bezier(.25,.46,.45,.94);font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.data-consent__back-button:hover{background:#667eea;border-color:#667eea;color:#fff}.data-consent__title{font-size:2.5rem;font-weight:1000;color:#667eea;margin:0 0 16px;text-align:center;letter-spacing:-.02em;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.data-consent__subtitle{font-size:1.5rem;font-weight:600;color:#667eea;margin:0 0 8px;text-align:center;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.data-consent__owner{margin:24px 0 32px;padding:16px;background:#fff;border:1px solid #667eea;border-radius:12px;text-align:center;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.data-consent__owner p{margin:8px 0;font-size:.875rem;color:#6b7280;line-height:1.5}.data-consent__content{background:#fff;border:1px solid #667eea;border-radius:12px;padding:32px;margin-top:24px;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;box-shadow:none}.data-consent__intro{font-size:1rem;line-height:1.6;color:#1f2937;margin:0 0 24px}.data-consent__section{margin-bottom:32px}.data-consent__section:last-child{margin-bottom:0}.data-consent__section-title{font-size:1.25rem;font-weight:700;color:#667eea;margin:0 0 16px;line-height:1.4}.data-consent__subsection-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:16px 0 8px;line-height:1.4}.data-consent__section p{font-size:1rem;line-height:1.6;color:#1f2937;margin:0 0 16px}.data-consent__list{margin:16px 0;padding-left:24px;list-style-type:disc}.data-consent__list li{font-size:1rem;line-height:1.6;color:#1f2937;margin-bottom:8px}.data-consent__list li:last-child{margin-bottom:0}.data-consent__link{color:#667eea;text-decoration:none;transition:color .3s cubic-bezier(.25,.46,.45,.94);font-weight:500}.data-consent__link:hover{color:#818cf8;text-decoration:underline}@media (max-width: 768px){.data-consent-page{padding:32px 0}.data-consent-container{padding:0 16px}.data-consent__title{font-size:2rem}.data-consent__subtitle{font-size:1.25rem}.data-consent__content{padding:24px 16px}.data-consent__section-title{font-size:1.125rem}}.click-btn{display:flex;width:120px;height:40px;justify-content:center;align-items:center;margin:.5rem;line-height:35px;border:1px solid;border-radius:5px;text-align:center;font-size:16px;color:#000;text-decoration:none;transition:all .35s;box-sizing:border-box}.btn-style1{position:relative;border-color:#979695;color:#979695}.btn-style1:hover{transform:translateY(-.25em);border-color:#5e5e5e;color:#5e5e5e}.btn-style1:hover:before{opacity:1}.btn-style1:before{width:100%;height:1em;position:absolute;left:0;bottom:-1.35em;background:radial-gradient(ellipse at center,#00000059,#0000 80%);opacity:0;transition:all .65s;content:""}.btn-style2{border-color:#dd7e2a;color:#dd7e2a}.btn-style2:hover{box-shadow:0 .25em .25em -.1em #b5c952;transform:translateY(-.25em);border-color:#b5c952;color:#b5c952}.btn-style3{border-color:#979695;color:#979695}.btn-style3:hover{transform:translateY(-.25em);box-shadow:0 0 .5em #5e5e5e;border-color:#5e5e5e;color:#5e5e5e}.btn-style4{border-color:#716eef;color:#716eef}.btn-style4:hover{box-shadow:inset 0 0 .55em #dd648a;border-color:#dd648a;color:#dd648a}.btn-style5{border-color:#979695;color:#979695;box-shadow:.3em .3em #dd6395}.btn-style5:hover{box-shadow:-.3em -.3em #979695;background-color:#dd6395;border-color:#dd6395;color:#fff}.btn-style500{border-color:#716eef;color:#716eef}.btn-style500:hover{color:#fff;transition-delay:.2s;animation:ani500 .6s forwards;background:radial-gradient(circle,#716eef .2em,transparent .3em) 6em 6em/1em 1em,radial-gradient(circle,#716eef .2em,transparent .3em) 0 0/1em 1em}@keyframes ani500{to{background-size:2.375em 2.375em,.1em .1em}}.btn-style501{background-image:linear-gradient(to right,#a1c4fd,#c2e9fb 51%,#a1c4fd);background-size:200% auto;background-position:left top;border-color:transparent;color:#464646}.btn-style501:hover{background-position:right bottom;color:#000}.btn-style502{border-color:#716eef;color:#fff;background:repeating-linear-gradient(40deg,#716eef,#716eef 5%,#fbb8a9 5%,#c15b44 10%);text-shadow:1px 1px 0em #000}.btn-style502:hover{background-position:120px;text-shadow:2px 2px .2em #000}.btn-style503{border-color:#dd6395;color:#dd6395;transition:all .5s}.btn-style503:hover{box-shadow:inset 5em 0 #dd7e2a,inset -5em 0 #dd7e2a;border-color:#dd7e2a;color:#fff}.btn-style504{border-color:#dd7e2a;color:#dd7e2a;transition:all .5s}.btn-style504:hover{box-shadow:inset 0 1.5em #dd648a,inset 0 -1.5em #dd648a;border-color:#dd648a;color:#fff}.btn-style505{border-color:#716eef;color:#716eef;transition:all .5s}.btn-style505:hover{box-shadow:inset 0 0 0 2em #dd648a;border-color:#dd648a;color:#fff}.btn-style506{position:relative;border-color:#dd7e2a;color:#dd7e2a;overflow:hidden}.btn-style506:before{width:20%;height:100%;position:absolute;top:50%;left:0;background-color:#dd7e2a;transform:rotate(-45deg) translate(-50%,-50%);transition:all .3s;content:"";z-index:-1}.btn-style506:hover{color:#fff}.btn-style506:hover:before{width:100%;top:0;transform:none}.btn-style507{position:relative;border-color:#dd6395;color:#dd6395;overflow:hidden}.btn-style507:before{width:15%;height:100%;position:absolute;top:0;left:0;background-color:#dd6395;transform:rotate(-45deg) translate(-50%,-50%);transition:all .3s;content:"";z-index:-1}.btn-style507:hover{color:#fff;transition-delay:.35s}.btn-style507:hover:before{animation:ani507 .6s forwards}@keyframes ani507{10%{width:0;transform:rotate(-45deg) translate(-100%,-50%)}20%{width:0;transform:rotate(0) translate(-100%,85%)}60%{width:100%;transform:rotate(0) translateY(85%)}to{width:100%;transform:rotate(0) translate(0)}}.btn-style508{position:relative;border-color:#5e5e5e;color:#5e5e5e;overflow:hidden}.btn-style508:before{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:5px;transform:translate(-100%) rotate(50deg);transform-origin:top left;transition:all .35s;background-color:#117831;z-index:-1;content:""}.btn-style508:hover{color:#fff;border-color:#117831}.btn-style508:hover:before{transform:translate(0)}.btn-style509{position:relative;background-color:#716eef;border-color:#716eef;color:#fff}.btn-style509:before,.btn-style509:after{width:49px;height:35px;position:absolute;border-radius:50%;background-color:#4b48cb;transition:all 1s ease;transform:scale(0);content:"";z-index:-1}.btn-style509:before{top:-8px;left:10%}.btn-style509:after{bottom:-8px;right:15%}.btn-style509:hover{background-color:#4b48cb;border-color:#4b48cb}.btn-style509:hover:before,.btn-style509:hover:after{transform:scale(1)}.btn-style510{position:relative;background-color:#5e5e5e;border-color:#5e5e5e;color:#fff;overflow:hidden}.btn-style510:before,.btn-style510:after{height:100%;position:absolute;top:0;left:0;transform:translate(-100px) skew(-15deg);content:""}.btn-style510:before{width:60px;background:#ffffff80;filter:blur(30px);opacity:.5}.btn-style510:after{width:30px;left:30px;background:#fff3;filter:blur(5px)}.btn-style510:hover{background-color:#dd6395;border-color:#dd6395}.btn-style510:hover:before{opacity:1}.btn-style510:hover:before,.btn-style510:hover:after{transform:translate(300px) skew(-15deg);transition:all .9s ease}.btn-style511{position:relative;border-color:transparent;background-color:transparent;color:#484848;overflow:hidden}.btn-style511 span{position:relative;z-index:2}.btn-style511:before,.btn-style511:after{width:100%;height:50%;position:absolute;left:0;background-color:#dd6395;transition:all .25s;content:"";z-index:1}.btn-style511:before{top:0;transform:translate(-100%)}.btn-style511:after{bottom:0;transform:translate(100%)}.btn-style511:hover{color:#fff}.btn-style511:hover:before,.btn-style511:hover:after{transform:translate(0)}.btn-style700{position:relative;border-color:#979695;color:#979695}.btn-style700:before,.btn-style700:after{position:absolute;top:0;left:0;border-color:#dd6395;border-radius:5px;border-style:solid;transition:all .35s;content:"";z-index:1}.btn-style700:before{width:0;height:100%;border-width:1px 0 1px 0}.btn-style700:after{width:100%;height:0;border-width:0 1px 0 1px}.btn-style700:hover{border-color:#dd6395;color:#dd6395}.btn-style700:hover:before{width:100%;border-width:1px 0 1px 0}.btn-style700:hover:after{height:100%;border-width:0 1px 0 1px}.btn-style701{position:relative;border:none;color:#dd6395}.btn-style701 span{width:100%;display:block;position:relative}.btn-style701:before,.btn-style701:after,.btn-style701 span:before,.btn-style701 span:after{width:8px;height:8px;position:absolute;transition:all .5s;border:3px solid #dd6395;opacity:0;content:""}.btn-style701:before{top:0;left:0;border-right:none;border-bottom:none;transform:translate(-50%,-50%)}.btn-style701:after{bottom:0;left:0;border-right:none;border-top:none;transform:translate(-50%,50%)}.btn-style701 span:before{top:0;right:0;border-left:none;border-bottom:none;transform:translate(50%,-50%)}.btn-style701 span:after{bottom:0;right:0;border-left:none;border-top:none;transform:translate(50%,50%)}.btn-style701:hover{font-size:16.5px;color:#dd2470}.btn-style701:hover:before,.btn-style701:hover:after,.btn-style701:hover span:before,.btn-style701:hover span:after{opacity:1;border-color:#dd2470;transform:translate(0)}.btn-style702{position:relative;border-color:transparent;color:#fff}.btn-style702:before,.btn-style702:after{height:100%;position:absolute;top:0;transition:all .3s;content:""}.btn-style702:before{width:100%;left:0;border-radius:5px;background-color:#716eef;z-index:-1}.btn-style702:after{width:0;left:50%;border-top:1px solid transparent;border-bottom:1px solid transparent;transform:translate(-50%);z-index:1}.btn-style702:hover{color:#716eef}.btn-style702:hover:before{transform:scaleX(0)}.btn-style702:hover:after{width:100%;border-color:#716eef;transition-delay:.2s}.btn-style703{position:relative;background-color:#dd7e2a;border-color:#dd7e2a;color:#fff}.btn-style703:before,.btn-style703:after,.btn-style703 span:before,.btn-style703 span:after{width:110%;height:130%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);transition:all .3s;border:0px solid #dd7e2a;content:""}.btn-style703:before{border-top-width:1px;transition-delay:.3s;transform-origin:right top}.btn-style703:after{border-bottom-width:1px;transition-delay:.9s;transform-origin:left bottom}.btn-style703 span:before{border-left-width:1px;transition-delay:.6s;transform-origin:left top}.btn-style703 span:after{border-right-width:1px;transform-origin:right bottom}.btn-style703:hover:before,.btn-style703:hover:after,.btn-style703:hover span:before,.btn-style703:hover span:after{transform:translate(-50%,-50%) scale(1)}.btn-style900{position:relative;border-color:#dd6395;color:#dd6395;transition-delay:.3s;overflow:hidden}.btn-style900:hover{transform:translateY(-.3em);border-color:#dd2a73;color:#dd639500;transition-delay:0s}.btn-style900:hover:before{opacity:1;transform:translate(0);transition-delay:.15s}.btn-style900:before{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;content:attr(data-hover);color:#dd6395;text-align:center;transform:translate(-60%);transition:all .4s;z-index:1}.btn-style901{position:relative;background-color:#dd7e2a;border-color:#dd7e2a;color:#fff;overflow:hidden}.btn-style901:before{width:25px;height:100%;position:absolute;left:0;top:0;content:"→";font-weight:700;font-size:10px;color:#fff;text-indent:5px;border-radius:0 50% 50% 0;background-color:#dfb794ba;transform:translate(-20%) scaleX(0);transform-origin:left center;transition:all .25s;z-index:1}.btn-style901:hover{text-indent:20px}.btn-style901:hover:before{transform:translate(-20%) scale(1)}.btn-style902{position:relative;border-color:#dd6395;background-color:#dd6395;color:#fff;overflow:hidden}.btn-style902 span[data-name=hover]{display:inline-block;transition:all .25s;transform:translate(0)}.btn-style902 span[data-name=me]{margin-left:.25em;transition:all .25s;opacity:1}.btn-style902 .block{width:30%;height:100%;position:absolute;top:0;left:-30%;background-color:#ed9dbe80;border-radius:0 200% 200% 0;transition:all .25s;z-index:1}.btn-style902 .block span{display:block}.btn-style902 .block span:before{content:"→"}.btn-style902:hover span[data-name=me]{opacity:0}.btn-style902:hover span[data-name=hover]{transition-delay:.2s;transform:translate(1.5em)}.btn-style902:hover .block{transition-delay:.2s;left:0}.btn-style903{position:relative;border-color:#716eef;color:#716eef}.btn-style903:before{width:15px;height:1px;position:absolute;top:50%;left:0;transform:translateY(-50%);transition:all .2s;transition-delay:.1s;background:#716eef;content:""}.btn-style903:hover{background-color:#716eef;color:#fff}.btn-style903:hover:before{left:100%;transform:translate(-100%,-50%);background-color:#fff}.btn-style904{position:relative;background-color:#dd7e2a;border-color:#dd7e2a;color:#fff;overflow:hidden}.btn-style904 span{position:relative;left:-.5em;transition:all .25s}.btn-style904:before,.btn-style904:after{height:100%;position:absolute;right:0;top:0;background-color:#dfb794ba;transition:all .25s;color:#fff}.btn-style904:before{width:25px;content:"→";display:flex;justify-content:center;align-items:center;font-size:10px;font-weight:700;text-indent:5px;border-radius:50% 0 0 50%;z-index:1}.btn-style904:after{width:100%;transform:translate(100%);content:attr(data-hover);text-align:left;text-indent:8px}.btn-style904:hover{border-color:#dfb794ba}.btn-style904:hover span{left:-100%}.btn-style904:hover:before{right:70%}.btn-style904:hover:after{right:70%}.btn-style905{position:relative;background-color:#716eef;border-width:5px;border-color:#716eef;color:#fff;box-sizing:border-box}.btn-style905:before{width:120%;height:155%;position:absolute;top:50%;left:50%;border-radius:20px;border:1px solid #3936af;opacity:0;transform:translate(-50%,-50%) scale(1.1);transform-origin:center center;transition:all .25s;content:""}.btn-style905:hover{background-color:#3936af;border-color:#716eef;border-style:inset;border-radius:20px}.btn-style905:hover:before{opacity:1;transform:translate(-50%,-50%) scale(1)}.btn-style906{position:relative;background:#bf7b7b;border-color:#bf7b7b;color:#fff;overflow:hidden}.btn-style906:before{width:0;height:4.5px;position:absolute;bottom:0;left:0;background-color:#562424;transition:all .35s;content:"";z-index:2}.btn-style906:after{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:5px;background-color:#8b5252;transform:translateY(-100%);transition:all .35s;content:attr(data-hover);z-index:1}.btn-style906:hover:before{width:100%}.btn-style906:hover:after{transform:translate(0)}.button-styles-preview{width:100%;min-height:100vh;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:3rem}.button-styles-preview__title{font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:3rem;font-weight:1000;color:#667eea;text-align:center;margin:0}.button-styles-preview__category{width:100%;max-width:1200px;display:flex;flex-direction:column;gap:1.5rem}.button-styles-preview__category-title{font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:2rem;font-weight:700;color:#4b5563;margin:0;padding-bottom:.5rem;border-bottom:2px solid #667eea}.button-styles-preview__buttons-wrapper{display:flex;flex-wrap:wrap;gap:1rem}@media (max-width: 768px){.button-styles-preview{padding:1rem;gap:2rem}.button-styles-preview__title{font-size:2rem}.button-styles-preview__category-title{font-size:1.5rem}}.textured-background{position:relative;background-color:#fafafa;min-height:100vh;background-image:radial-gradient(circle at 1px 1px,rgba(102,126,234,.03) 1px,transparent 0);background-size:20px 20px;background-attachment:fixed}.textured-background-particles{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none}.landing-background-textured{background-color:#fafafa;min-height:100vh;background-image:radial-gradient(circle at 1px 1px,rgba(102,126,234,.03) 1px,transparent 0);background-size:20px 20px;background-attachment:fixed}.landing-layout{position:relative;min-height:100vh}.landing-layout-particles{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none}.landing-layout-content{position:relative;z-index:1;min-height:100vh}.auth-page{position:relative;z-index:1;min-height:100vh;display:flex;align-items:center;justify-content:center;background:transparent;padding:16px}.auth-container{width:40%;max-width:600px;min-width:400px;background:#fff;border-radius:24px;padding:32px;border:1px solid #667eea}.auth-header{text-align:center;margin-bottom:32px}.auth-header .page-title,.auth-header h1{background-color:#667eea;color:#fff;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;border-radius:12px;padding:12px 24px;font-size:2.5rem;font-weight:1000;background-image:none;-webkit-background-clip:unset;-webkit-text-fill-color:#ffffff;background-clip:unset;text-align:center;margin:0;border:none;display:inline-block}.auth-form,.form-group,.form-group--checkbox{margin-bottom:16px}.form-row{display:flex;gap:12px;margin-bottom:16px}@media (max-width: 640px){.auth-container{width:100%;max-width:100%;min-width:unset;padding:20px 16px;border-radius:16px}.auth-header .page-title,.auth-header h1{font-size:1.75rem;padding:10px 20px}.form-row{flex-direction:column;gap:0;margin-bottom:0}.form-row .form-group--half{width:100%;margin-bottom:16px}.form-row .form-group--half:last-child{margin-bottom:16px}.auth-page{padding:12px}.auth-page .btn-primary,.auth-page .btn-secondary{font-size:15px;padding:12px 20px}.btn-choice{font-size:15px;height:44px;padding:0 14px}.role-selection{gap:6px}.form-group--checkbox .form-field-container{gap:0;justify-content:space-between}.auth-forgot-password-link{margin-left:0}}@media (max-width: 480px){.auth-container{padding:16px 12px;border-radius:12px}.auth-header .page-title,.auth-header h1{font-size:1.5rem;padding:8px 16px}.auth-page{padding:8px}.auth-page .btn-primary,.auth-page .btn-secondary{font-size:14px;padding:10px 16px}.btn-choice{font-size:14px;height:40px;padding:0 12px}.auth-page .form-input{font-size:14px}.auth-header{margin-bottom:24px}.city-suggestions{max-height:200px!important;font-size:13px}.form-group--checkbox .form-field-container{gap:0}}.city-suggestions{box-shadow:0 4px 6px #0000001a}@media (max-width: 640px){.city-suggestions{max-height:250px!important;font-size:14px}}.auth-page .form-input{background:#fff;border:1px solid #667eea;color:#667eea}.auth-page .form-input:focus{border-color:#667eea;background:#fff}.auth-page .form-input:hover:not(:disabled){border-color:#667eea}.auth-page .form-input--error{border-color:#ef4444}.auth-page .form-input::placeholder{color:#6b7280;opacity:1}.auth-page .btn-primary{box-sizing:border-box;background-color:#667eea;color:#fff;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:16px;font-weight:600;border-radius:12px;border:1px solid transparent;-webkit-backdrop-filter:none;backdrop-filter:none;transition:background-color .6s cubic-bezier(.25,.46,.45,.94),color .6s cubic-bezier(.25,.46,.45,.94),border-color .6s cubic-bezier(.25,.46,.45,.94);transform:none}.auth-page .btn-primary:hover:not(:disabled){background-color:#fff;color:#667eea;border:1px solid #667eea;transform:none}.auth-page .btn-primary:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed;transform:none}.auth-page .btn-secondary{box-sizing:border-box;background-color:#fff;color:#667eea;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:16px;font-weight:600;border-radius:12px;border:1px solid #667eea;-webkit-backdrop-filter:none;backdrop-filter:none;transition:background-color .6s cubic-bezier(.25,.46,.45,.94),color .6s cubic-bezier(.25,.46,.45,.94),border-color .6s cubic-bezier(.25,.46,.45,.94);transform:none}.auth-page .btn-secondary:hover:not(:disabled){background-color:#667eea;color:#fff;border:1px solid #667eea;transform:none}.auth-page .btn-secondary:disabled{background-color:#f3f4f6;color:#9ca3af;border:1px solid #d1d5db;cursor:not-allowed;transform:none}.password-input-container{position:relative;width:100%}.password-input{padding-right:48px}.role-selection{display:flex;gap:8px;margin-bottom:16px}.auth-footer{text-align:center}.btn-choice{flex:1;height:48px;padding:0 16px;font-size:16px;font-weight:600;color:#6b7280;background:#fff;border:1px solid #667eea;border-radius:12px;cursor:pointer;transition:background .3s ease,color .3s ease,border-color .3s ease}.btn-choice:hover:not(:disabled){background:#f9fafb;border-color:#667eea;color:#667eea}.btn-choice--active{background:#667eea;border-color:#667eea;color:#fff}.btn-choice:disabled{background:#fff;border:1px solid #667eea;color:#667eea;cursor:not-allowed;opacity:.5}.password-toggle-button{position:absolute;right:0;top:0;width:48px;height:48px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:color .3s ease}.password-toggle-button:hover:not(:disabled){color:#667eea;background:transparent}.password-toggle-button:disabled{color:#d1d5db;cursor:not-allowed}.auth-forgot-password-link{background:none;border:none;padding:0;margin:0;-webkit-user-select:none;user-select:none;color:#6b7280;font-size:14px;cursor:pointer;transition:color .3s ease}.auth-forgot-password-link:hover:not(:disabled){color:#667eea}.auth-forgot-password-link:disabled{color:#d1d5db;cursor:not-allowed}.success-message{margin-top:8px;padding:12px;background:#fff;border:1px solid #10b981;border-radius:8px;color:#16a34a;font-size:14px;opacity:0;transition:opacity .3s ease}.success-message--visible{opacity:1}.success-message .message-content{display:flex;align-items:center;gap:8px}.success-message .message-icon{width:16px;height:16px;flex-shrink:0;stroke:#16a34a}.checkbox-link{background:none;border:none;padding:0;margin:0;color:#06f;font-size:inherit;font-weight:inherit;text-decoration:none;cursor:pointer;transition:color .3s ease}.checkbox-link:hover{color:#0052cc}.checkbox-link:active{color:#003d99}.play-form-input[type=select],select.play-form-input,.play-form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23667eea' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px;padding-right:40px}.play-layout{position:relative;min-height:100vh}.play-layout-particles{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none}.play-layout-content{position:relative;z-index:1;min-height:100vh}.play-form-input[type=select],select.play-form-input,.play-form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23667eea' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px;padding-right:40px}.dashboard-header{text-align:center;margin-bottom:var(--spacing-8)}.dashboard-content{max-width:800px;margin:0 auto;padding:0 var(--spacing-4)}@media (max-width: 768px) and (orientation: portrait){.dashboard-content{max-width:100%;padding:0;display:flex;justify-content:center;align-items:flex-start}.dashboard-top-bar{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.dashboard-top-bar>div:first-child{display:none}.dashboard-top-bar>div:nth-child(2){flex:1 1 100%;width:100%;text-align:center;order:1}.dashboard-top-bar>div:nth-child(2) .play-heading-badge{display:block;width:100%}.dashboard-top-bar>button{order:-1;flex:0 0 auto;margin-left:auto;margin-right:0}}@media (orientation: portrait){.dashboard-top-bar{flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.dashboard-top-bar>div:first-child{display:none!important}.dashboard-top-bar>div:nth-child(2){flex:1 1 100%!important;width:100%!important;display:block!important;text-align:center;order:1}.dashboard-top-bar>div:nth-child(2) .play-heading-badge{display:block;width:100%}.dashboard-top-bar>button{order:-1;flex:0 0 auto;margin-left:auto!important;margin-right:0!important}}@media (max-width: 949px) and (max-height: 449px){.dashboard-content{display:block}.dashboard-top-bar>div:nth-child(2){flex:0 0 auto!important;width:auto!important;text-align:center}}.play-form-input[type=select],select.play-form-input,.play-form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23667eea' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px;padding-right:40px}.account-page .play-sidebar{position:fixed;left:2rem;top:2rem;width:235px;height:fit-content;z-index:10}@media (max-width: 949px) and (max-height: 449px){.account-container{padding:var(--spacing-3)}.account-page .play-sidebar{width:fit-content!important;min-width:auto;height:calc(100vh - var(--spacing-3) - var(--spacing-3))!important;max-height:none!important;overflow-y:auto;left:var(--spacing-3)!important;top:var(--spacing-3)!important;bottom:var(--spacing-3)!important}.account-page .account-content{position:fixed!important;left:calc(60px + var(--spacing-3) + var(--spacing-3) + var(--spacing-3))!important;right:var(--spacing-3)!important;top:var(--spacing-3)!important;bottom:var(--spacing-3)!important;height:auto!important;margin:0!important;width:auto;max-width:none;padding:var(--spacing-4);border-radius:12px;overflow-y:auto}.account-page .account-content .form-row{flex-direction:column!important;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.account-page .account-content .form-group--half{width:100%!important;flex:none!important}}@media (max-width: 768px) and (orientation: portrait){.account-container{padding:var(--spacing-3)}.account-page .account-content{position:fixed!important;left:var(--spacing-3)!important;right:var(--spacing-3)!important;top:calc(var(--spacing-3) + var(--spacing-3) + 48px + var(--spacing-3) + var(--spacing-3))!important;bottom:var(--spacing-3)!important;height:auto!important;margin:0!important;width:auto;max-width:none;padding:var(--spacing-4);border-radius:12px;overflow-y:auto}.account-page .account-content .form-row{flex-direction:column!important;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.account-page .account-content .form-group--half{width:100%!important;flex:none!important}}.account-header{margin-bottom:2rem;text-align:center}.info-section{margin-bottom:2rem}.form-row{display:flex;gap:.75rem;margin-bottom:1rem}.form-group{margin-bottom:1rem}.children-page{min-height:100vh;background-color:transparent}.children-container{position:relative;min-height:100vh;padding:var(--spacing-8)}.children-page .play-sidebar{position:fixed;left:var(--spacing-8);top:var(--spacing-8);width:235px;height:fit-content;z-index:10}.children-content{max-width:none;margin-left:calc(235px + var(--spacing-8) + var(--spacing-8));margin-right:var(--spacing-8);margin-top:0;margin-bottom:0;background-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid #667eea;border-radius:16px;box-shadow:none;padding:var(--spacing-8)}.children-header{margin-bottom:var(--spacing-8);text-align:center}.admin-children-subscriptions-loading{text-align:center;padding:var(--spacing-8);color:var(--color-text-secondary)}.admin-children-subscriptions-loading-spinner{width:40px;height:40px;margin:0 auto var(--spacing-4);border:3px solid rgba(102,126,234,.2);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.admin-children-subscriptions-error{text-align:center;padding:var(--spacing-8);color:var(--color-error)}.admin-children-subscriptions-item{padding:var(--spacing-4);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(102,126,234,.2);border-radius:var(--radius-lg);box-shadow:0 2px 4px -1px #0000001a,inset 0 1px #ffffff1a;transition:background var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}.admin-children-subscriptions-item:hover{background:#ffffff26;border-color:#667eea66;box-shadow:0 4px 6px -1px #0000001a,inset 0 1px #ffffff26}.admin-children-subscriptions-course{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-3)}.admin-children-subscriptions-date-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-text-secondary)}.admin-children-subscriptions-date-value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.admin-children-subscriptions-date-value--expired{color:var(--color-error)}.admin-children-subscriptions-expired{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-error)}.admin-children-subscriptions-type{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-text-secondary)}.admin-children-subscriptions-empty{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-text-secondary);font-style:italic}@media (max-width: 949px) and (max-height: 449px){.children-container{padding:var(--spacing-3)}.children-page .play-sidebar{width:fit-content!important;min-width:auto;height:calc(100vh - var(--spacing-3) - var(--spacing-3))!important;max-height:none!important;overflow-y:auto;left:var(--spacing-3)!important;top:var(--spacing-3)!important;bottom:var(--spacing-3)!important}.children-content{position:fixed!important;left:calc(60px + var(--spacing-3) + var(--spacing-3) + var(--spacing-3))!important;right:var(--spacing-3)!important;top:var(--spacing-3)!important;bottom:var(--spacing-3)!important;height:auto!important;margin:0!important;width:auto;max-width:none;padding:var(--spacing-4);border-radius:12px;overflow-y:auto}}@media (max-width: 768px) and (orientation: portrait){.children-container{padding:var(--spacing-3)}.children-content{position:fixed!important;left:var(--spacing-3)!important;right:var(--spacing-3)!important;top:calc(var(--spacing-3) + var(--spacing-3) + 48px + var(--spacing-3) + var(--spacing-3))!important;bottom:var(--spacing-3)!important;height:auto!important;margin:0!important;width:auto;max-width:none;padding:var(--spacing-4);border-radius:12px;overflow-y:auto}.play-table th:nth-child(2),.play-table th:nth-child(3),.play-table td:nth-child(2),.play-table td:nth-child(3){display:none}}@media (max-width: 768px){.children-table-container{overflow-x:auto}.children-table th,.children-table td{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-xs)}}@media (max-width: 480px){.children-table th,.children-table td{padding:var(--spacing-2) var(--spacing-3)}}.promo-fields-row{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}@media (min-width: 768px){.promo-fields-row{flex-direction:row;gap:1.5rem}.promo-fields-row .play-form-group{flex:1;margin-bottom:0}}.promo-form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:.5rem}.promo-form-select{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);color:var(--color-text-primary);background:#fff;border:1px solid #667eea;border-radius:12px;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:none}.promo-form-select:hover{border-color:#818cf8;background:#fff}.promo-form-select:focus{border-color:#818cf8;background:#fff;box-shadow:none}.promo-loading{padding:.75rem;font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center}.promo-error-message{margin-top:1rem;padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:var(--font-size-sm)}.promo-activate-button{width:100%;padding:1rem;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:#fff;background:var(--color-primary);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;margin-top:1.5rem}.promo-activate-button:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.promo-activate-button:active:not(:disabled){transform:translateY(0)}.promo-activate-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.promo-error{padding:1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:var(--font-size-sm);text-align:center}.payment-page{min-height:100vh;background-color:transparent}.payment-container{position:relative;min-height:100vh;padding:var(--spacing-8)}.payment-page .play-sidebar{position:fixed;left:var(--spacing-8);top:var(--spacing-8);width:235px;height:fit-content;z-index:10}.payment-content{max-width:none;margin-left:calc(235px + var(--spacing-8) + var(--spacing-8));margin-right:var(--spacing-8);margin-top:0;margin-bottom:0;background-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid #667eea;border-radius:16px;padding:var(--spacing-8);box-shadow:none}.payment-header{margin-bottom:var(--spacing-8);text-align:center}.payment-form{display:flex;flex-direction:column;gap:var(--spacing-6)}.payment-fields-row{display:flex;flex-direction:column;gap:var(--spacing-6);margin-bottom:var(--spacing-6)}@media (min-width: 768px){.payment-fields-row{flex-direction:row;gap:var(--spacing-6)}.payment-fields-row .play-form-group{flex:1;margin-bottom:0}}.form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-label{font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:1.125rem;font-weight:600;color:#667eea;margin-bottom:.75rem;margin-top:0;margin-left:0;margin-right:0;display:block}.required{color:#ef4444;margin-left:var(--spacing-1)}.form-select{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);color:var(--color-text-primary);background:#fff;border:1px solid #667eea;border-radius:12px;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:none}.form-select:hover{border-color:#818cf8;background:#fff}.form-select:focus{border-color:#818cf8;background:#fff;box-shadow:none}.form-select--error{border-color:#ef4444}.form-select:disabled{opacity:.6;cursor:not-allowed}.radio-group{display:flex;flex-direction:column;gap:var(--spacing-3)}@media (min-width: 1200px){.radio-group{flex-direction:row;gap:var(--spacing-4)}.radio-group .radio-label{flex:1}}.radio-label{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);min-height:48px;background:#fff;border:1px solid #667eea;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.radio-label:hover{background:#fff;border-color:#818cf8}.radio-input{width:20px;height:20px;cursor:pointer;accent-color:rgba(102,126,234,1)}.radio-content{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-2);flex:1;flex-wrap:nowrap}.radio-text{font-size:var(--font-size-base);color:var(--color-text-primary);font-weight:var(--font-weight-medium);white-space:nowrap;flex-shrink:0}.radio-savings-badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#10b981;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-md);white-space:nowrap;line-height:1.2;flex-shrink:0}.form-error{font-size:var(--font-size-sm);color:#ef4444;margin-top:var(--spacing-1)}.form-hint{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--spacing-1)}.form-actions{display:flex;justify-content:center;margin-top:var(--spacing-4)}@media (max-width: 949px) and (max-height: 449px){.payment-container{padding:var(--spacing-3)}.payment-page .play-sidebar{width:fit-content!important;min-width:auto;height:calc(100vh - var(--spacing-3) - var(--spacing-3))!important;max-height:none!important;overflow-y:auto;left:var(--spacing-3)!important;top:var(--spacing-3)!important;bottom:var(--spacing-3)!important}.payment-content{position:fixed!important;left:calc(60px + var(--spacing-3) + var(--spacing-3) + var(--spacing-3))!important;right:var(--spacing-3)!important;top:var(--spacing-3)!important;bottom:var(--spacing-3)!important;height:auto!important;margin:0!important;width:auto;max-width:none;padding:var(--spacing-4);border-radius:12px;overflow-y:auto}}@media (max-width: 768px) and (orientation: portrait){.payment-container{padding:var(--spacing-3)}.payment-content{position:fixed!important;left:var(--spacing-3)!important;right:var(--spacing-3)!important;top:calc(var(--spacing-3) + var(--spacing-3) + 48px + var(--spacing-3) + var(--spacing-3))!important;bottom:var(--spacing-3)!important;height:auto!important;margin:0!important;width:auto;max-width:none;padding:var(--spacing-4);border-radius:12px;overflow-y:auto}}.payments-page{min-height:100vh;background-color:transparent}.payments-container{position:relative;min-height:100vh;padding:var(--spacing-8)}.payments-page .play-sidebar{position:fixed;left:var(--spacing-8);top:var(--spacing-8);width:235px;height:fit-content;z-index:10}.payments-content{max-width:none;margin-left:calc(235px + var(--spacing-8) + var(--spacing-8));margin-right:var(--spacing-8);margin-top:0;margin-bottom:0;background-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid #667eea;border-radius:16px;padding:var(--spacing-8);box-shadow:none}.payments-header{margin-bottom:var(--spacing-8);text-align:center}.payment-child-name{font-size:var(--font-size-sm);color:var(--color-text-secondary)}@media (max-width: 949px) and (max-height: 449px){.payments-container{padding:var(--spacing-3)}.payments-page .play-sidebar{width:fit-content!important;min-width:auto;height:calc(100vh - var(--spacing-3) - var(--spacing-3))!important;max-height:none!important;overflow-y:auto;left:var(--spacing-3)!important;top:var(--spacing-3)!important;bottom:var(--spacing-3)!important}.payments-content{position:fixed!important;left:calc(60px + var(--spacing-3) + var(--spacing-3) + var(--spacing-3))!important;right:var(--spacing-3)!important;top:var(--spacing-3)!important;bottom:var(--spacing-3)!important;height:auto!important;margin:0!important;width:auto;max-width:none;padding:var(--spacing-4);border-radius:12px;overflow-y:auto}}@media (max-width: 768px) and (orientation: portrait){.payments-container{padding:var(--spacing-3)}.payments-content{position:fixed!important;left:var(--spacing-3)!important;right:var(--spacing-3)!important;top:calc(var(--spacing-3) + var(--spacing-3) + 48px + var(--spacing-3) + var(--spacing-3))!important;bottom:var(--spacing-3)!important;height:auto!important;margin:0!important;width:auto;max-width:none;padding:var(--spacing-4);border-radius:12px;overflow-y:auto}}.support-page{min-height:100vh;background-color:transparent}.support-container{position:relative;min-height:100vh;padding:var(--spacing-8)}.support-page .play-sidebar{position:fixed;left:var(--spacing-8);top:var(--spacing-8);width:235px;height:fit-content;z-index:10}.support-content{max-width:none;margin-left:calc(235px + var(--spacing-8) + var(--spacing-8));margin-right:var(--spacing-8);margin-top:0;margin-bottom:0;background-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid #667eea;border-radius:16px;padding:var(--spacing-8);box-shadow:none}.support-header{margin-bottom:var(--spacing-8);text-align:center}@media (max-width: 768px){.support-container{padding:var(--spacing-4)}.support-page .sidebar{position:relative;left:auto;top:auto;width:100%;margin-bottom:var(--spacing-4)}.support-content{margin-left:0;padding:var(--spacing-4)}.support-feedback-block{flex-direction:column;padding:var(--spacing-4)}.support-feedback-icon{width:48px;height:48px}.support-contact-card{flex-direction:column;align-items:flex-start;padding:var(--spacing-4)}.support-contact-actions{width:100%;justify-content:flex-end}}@media (max-width: 949px) and (max-height: 449px){.support-container{padding:var(--spacing-3)}.support-page .play-sidebar{width:fit-content!important;min-width:auto;height:calc(100vh - var(--spacing-3) - var(--spacing-3))!important;max-height:none!important;overflow-y:auto;left:var(--spacing-3)!important;top:var(--spacing-3)!important;bottom:var(--spacing-3)!important}.support-content{position:fixed!important;left:calc(60px + var(--spacing-3) + var(--spacing-3) + var(--spacing-3))!important;right:var(--spacing-3)!important;top:var(--spacing-3)!important;bottom:var(--spacing-3)!important;height:auto!important;margin:0!important;width:auto;max-width:none;padding:var(--spacing-4);border-radius:12px;overflow-y:auto}.support-contact-card{flex-direction:row!important;align-items:center!important;padding:var(--spacing-4);gap:var(--spacing-4)}.support-contact-icon{width:64px;height:64px}.support-contact-content{flex:1;min-width:0}.support-contact-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-2)}.support-contact-value{font-size:var(--font-size-base)}.support-contact-actions{width:auto!important;justify-content:flex-start;gap:var(--spacing-2)}.support-action-button{width:40px;height:40px}}@media (max-width: 768px) and (orientation: portrait){.support-container{padding:var(--spacing-3)}.support-content{position:fixed!important;left:var(--spacing-3)!important;right:var(--spacing-3)!important;top:calc(var(--spacing-3) + var(--spacing-3) + 48px + var(--spacing-3) + var(--spacing-3))!important;bottom:var(--spacing-3)!important;height:auto!important;margin:0!important;width:auto;max-width:none;padding:var(--spacing-4);border-radius:12px;overflow-y:auto}.support-contact-card{flex-direction:row!important;align-items:center!important;padding:var(--spacing-6);gap:var(--spacing-6)}.support-contact-icon{width:64px;height:64px}.support-contact-content{flex:1;min-width:0}.support-contact-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-2)}.support-contact-value{font-size:var(--font-size-base)}.support-contact-actions{width:auto!important;flex-direction:column!important;justify-content:flex-start;align-items:flex-end;gap:var(--spacing-2);flex-shrink:0}.support-action-button{width:40px;height:40px}}.play-form-input[type=select],select.play-form-input,.play-form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23667eea' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px;padding-right:40px}.courses-page{min-height:100vh;padding:var(--spacing-6)}.courses-container{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 var(--spacing-4)}.courses-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-8)}.courses-container>.courses-top-bar{max-width:none;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);margin-top:calc(-1 * var(--spacing-6) + var(--spacing-8));padding-left:var(--spacing-8);padding-right:var(--spacing-8);padding-top:0;width:100vw}.courses-header{text-align:center;margin-bottom:var(--spacing-8)}.selected-child-info{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-2);font-style:italic}.courses-content{max-width:800px;margin:0 auto;padding:0 var(--spacing-4)}.course-disabled{opacity:.6;cursor:not-allowed;pointer-events:none}@media (max-width: 768px) and (orientation: portrait){.courses-content{max-width:100%;padding:0;display:flex;justify-content:center;align-items:flex-start}.courses-top-bar{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.courses-top-bar>button:first-child{order:-2;flex:0 0 auto;margin-right:0;margin-left:0}.courses-top-bar>button:last-child{order:-1;flex:0 0 auto;margin-left:auto;margin-right:0}.courses-top-bar>div{flex:1 1 100%;width:100%;text-align:center;order:1;margin:0}.courses-top-bar>div .play-heading-badge{display:block;width:100%}}@media (orientation: portrait){.courses-top-bar{flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.courses-top-bar>button:first-child{order:-2;flex:0 0 auto;margin-right:0;margin-left:0}.courses-top-bar>button:last-child{order:-1;flex:0 0 auto;margin-left:auto;margin-right:0}.courses-top-bar>div{flex:1 1 100%!important;width:100%!important;display:block!important;text-align:center;order:1;margin:0}.courses-top-bar>div .play-heading-badge{display:block;width:100%}}@media (max-width: 949px) and (max-height: 449px){.courses-content{display:block}.courses-top-bar>div{flex:0 0 auto!important;width:auto!important;text-align:center}}.trainer-success-screen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:linear-gradient(135deg,#4caf5026,#81c7841f,#4caf5026);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);box-shadow:inset 0 0 80px #00000014;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-in-out}.trainer-success-content{display:flex;align-items:center;justify-content:center;gap:2rem;position:relative;z-index:1}.success-star{font-size:4rem;filter:drop-shadow(0 0 10px rgba(255,255,255,.5)) drop-shadow(0 0 20px rgba(76,175,80,.4));animation:starPulse 1s ease-in-out infinite;transition:transform .3s ease}.success-star-left{animation:starPulse 1s ease-in-out infinite,starRotateLeft 2s linear infinite}.success-star-right{animation:starPulse 1s ease-in-out infinite,starRotateRight 2s linear infinite}.success-message{text-align:center;animation:slideUp .5s ease-out}.success-title{font-size:3.5rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2),0 4px 8px rgba(0,0,0,.1);margin:0 0 .5rem;animation:titlePulse 1.5s ease-in-out infinite}.success-subtitle{font-size:1.5rem;font-weight:500;color:#fffffff2;text-shadow:0 2px 4px rgba(0,0,0,.2);margin:0}.success-particles{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;pointer-events:none}.particle{position:absolute;font-size:2rem;filter:drop-shadow(0 0 8px rgba(255,255,255,.6)) drop-shadow(0 0 15px rgba(129,199,132,.5));animation:particleFloat 3s ease-in-out infinite;opacity:.8}.particle-1{top:20%;left:10%;animation-delay:0s}.particle-2{top:30%;right:15%;animation-delay:.5s}.particle-3{bottom:25%;left:20%;animation-delay:1s}.particle-4{bottom:35%;right:10%;animation-delay:1.5s}@keyframes starPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes titlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes particleFloat{0%,to{transform:translateY(0) translate(0) rotate(0);opacity:.7}25%{transform:translateY(-20px) translate(10px) rotate(90deg);opacity:1}50%{transform:translateY(-10px) translate(-10px) rotate(180deg);opacity:.8}75%{transform:translateY(-30px) translate(5px) rotate(270deg);opacity:1}}@media (max-width: 768px){.success-star{font-size:3rem}.success-title{font-size:2.5rem}.success-subtitle{font-size:1.2rem}.trainer-success-content{gap:1.5rem}.particle{font-size:1.5rem}}@media (max-width: 480px){.success-star{font-size:2.5rem}.success-title{font-size:2rem}.success-subtitle{font-size:1rem}.trainer-success-content{gap:1rem;flex-direction:column}}.lesson-completion-screen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:linear-gradient(135deg,#4caf5033,#81c78426,#4caf5033);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);box-shadow:inset 0 0 80px #00000014;display:flex;align-items:center;justify-content:center;animation:fadeIn .4s ease-in-out}.lesson-completion-content{display:flex;align-items:center;justify-content:center;gap:3rem;max-width:90%;position:relative;z-index:1}.completion-star{font-size:5rem;filter:drop-shadow(0 0 15px rgba(255,255,255,.6)) drop-shadow(0 0 25px rgba(76,175,80,.5));animation:starPulse 1.2s ease-in-out infinite;transition:transform .3s ease;flex-shrink:0}.completion-star-left{animation:starPulse 1.2s ease-in-out infinite,starRotateLeft 3s linear infinite}.completion-star-right{animation:starPulse 1.2s ease-in-out infinite,starRotateRight 3s linear infinite}.completion-message{text-align:center;animation:slideUp .6s ease-out;padding:2rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.completion-title{font-size:4rem;font-weight:700;color:var(--color-text-primary, #667eea);margin:0 0 1rem;animation:titlePulse 2s ease-in-out infinite}.completion-subtitle{font-size:1.8rem;font-weight:600;color:var(--color-text-primary, #667eea);margin:0 0 2rem}.completion-break-info{margin:0 0 2.5rem;padding:1.5rem;background:#ffffff4d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;border:1px solid rgba(255,255,255,.3)}.completion-break-text{font-size:1.4rem;font-weight:500;color:var(--color-text-primary, #667eea);margin:0 0 .8rem}.completion-break-text strong{color:var(--color-text-primary, #667eea);font-weight:700;font-size:1.6rem}.completion-break-hint{font-size:1.2rem;font-weight:400;color:var(--color-text-secondary, #6b7280);margin:0}.completion-back-button{padding:1.2rem 3rem;background:linear-gradient(135deg,#4caf50e6,#81c784e6);border:2px solid rgba(255,255,255,.3);border-radius:12px;font-size:1.4rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0003}.completion-back-button:hover{background:linear-gradient(135deg,#4caf50,#81c784);border-color:#ffffff80}.completion-back-button:active{transform:translateY(0);box-shadow:0 2px 8px #0003}.completion-particles{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;pointer-events:none}.particle{position:absolute;font-size:2.5rem;filter:drop-shadow(0 0 10px rgba(255,255,255,.7)) drop-shadow(0 0 18px rgba(129,199,132,.6));animation:particleFloat 4s ease-in-out infinite;opacity:.8}.particle-1{top:15%;left:8%;animation-delay:0s}.particle-2{top:25%;right:12%;animation-delay:.6s}.particle-3{top:50%;left:15%;animation-delay:1.2s}.particle-4{bottom:30%;right:8%;animation-delay:1.8s}.particle-5{top:40%;right:25%;animation-delay:2.4s}.particle-6{bottom:20%;left:25%;animation-delay:3s}@keyframes starPulse{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}@keyframes starRotateLeft{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes starRotateRight{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes titlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes particleFloat{0%,to{transform:translateY(0) translate(0) rotate(0);opacity:.7}25%{transform:translateY(-25px) translate(15px) rotate(90deg);opacity:1}50%{transform:translateY(-15px) translate(-15px) rotate(180deg);opacity:.8}75%{transform:translateY(-35px) translate(8px) rotate(270deg);opacity:1}}@media (max-width: 768px){.completion-star{font-size:3.5rem}.completion-title{font-size:3rem}.completion-subtitle{font-size:1.5rem}.completion-break-text{font-size:1.2rem}.completion-break-text strong{font-size:1.4rem}.completion-break-hint{font-size:1rem}.completion-content{gap:2rem;flex-direction:column}.completion-message{padding:1.5rem}.completion-back-button{padding:1rem 2.5rem;font-size:1.2rem}.particle{font-size:2rem}}@media (max-width: 480px){.completion-star,.completion-title{font-size:2.5rem}.completion-subtitle{font-size:1.3rem}.completion-break-text{font-size:1.1rem}.completion-break-text strong{font-size:1.3rem}.completion-break-hint{font-size:.95rem}.completion-content{gap:1.5rem}.completion-message{padding:1.2rem}.completion-back-button{padding:.9rem 2rem;font-size:1.1rem}.particle{font-size:1.8rem}}.trainer-exit-btn{box-sizing:border-box;position:absolute;top:1.25rem;left:1.25rem;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fff;background-color:#fff;background-image:none;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid #667eea;border-radius:12px;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:.875rem;font-weight:500;color:#667eea;cursor:pointer;transition:border-color .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1);text-decoration:none;z-index:10;box-shadow:none;transform:none}.trainer-exit-btn:hover{border-color:#818cf8;background-color:#fff}.trainer-exit-btn:active{background-color:#667eea1a}@media (max-width: 768px){.trainer-exit-btn{top:.9375rem;left:.9375rem;padding:.5rem .75rem;font-size:.75rem}}@media (max-width: 480px){.trainer-exit-btn{top:.625rem;left:.625rem;padding:.5rem;font-size:.75rem}}.trainer-exit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;display:flex;align-items:center;justify-content:center;z-index:1050;animation:fadeIn .3s ease-out}.trainer-exit-modal-content{box-sizing:border-box;width:90%;max-width:500px;background:#fff;background-color:#fff;background-image:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:16px;box-shadow:none;border:1px solid #667eea;animation:slideIn .3s ease-out;max-height:90vh;overflow:hidden}.trainer-exit-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid rgba(102,126,234,.3)}.trainer-exit-modal-title{font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:1.125rem;font-weight:600;color:#667eea;margin:0}.trainer-exit-modal-close{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fff;background-color:#fff;background-image:none;border:1px solid #667eea;border-radius:10px;cursor:pointer;transition:border-color .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1);color:#667eea;box-shadow:none}.trainer-exit-modal-close:hover{border-color:#818cf8;background-color:#fff;color:#818cf8}.trainer-exit-modal-body{padding:1rem 1.5rem}.trainer-exit-modal-question{font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:1rem;color:#9ca3af;line-height:1.6;margin:0}.trainer-exit-modal-footer{display:flex;gap:.75rem;padding:1rem 1.5rem 1.5rem;border-top:1px solid rgba(102,126,234,.3)}.trainer-exit-modal-button{box-sizing:border-box;flex:1;padding:.75rem 1rem;border:1px solid #667eea;border-radius:12px;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:.875rem;font-weight:500;cursor:pointer;transition:border-color .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1);background:#fff;background-color:#fff;background-image:none;backdrop-filter:none;-webkit-backdrop-filter:none;color:#667eea;box-shadow:none;transform:none}.trainer-exit-modal-button--cancel{background:#fff;background-color:#fff;background-image:none;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid #667eea;color:#667eea}.trainer-exit-modal-button--cancel:hover:not(:disabled){background-color:#667eea;border-color:#667eea;color:#fff}.trainer-exit-modal-button--confirm{background:#fff;background-color:#fff;background-image:none;border:1px solid #ef4444;color:#ef4444}.trainer-exit-modal-button--confirm:hover:not(:disabled){background:#fff;background-color:#fff;background-image:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-color:#ef4444;color:#ef4444;background-color:#ef4444;color:#fff}@media (max-width: 768px){.trainer-exit-modal-content{width:95%;margin:1rem;border-radius:16px}.trainer-exit-modal-header{padding:1rem 1rem .75rem}.trainer-exit-modal-title{font-size:1rem}.trainer-exit-modal-body{padding:.75rem 1rem}.trainer-exit-modal-footer{padding:.75rem 1rem 1rem;flex-direction:column;gap:.5rem}.trainer-exit-modal-button{padding:.75rem 1rem;font-size:.875rem}}@media (min-width: 769px) and (max-width: 1024px){.trainer-exit-modal-content{width:85%;border-radius:16px}.trainer-exit-modal-header{padding:1.25rem 1.25rem .875rem}.trainer-exit-modal-body{padding:.875rem 1.25rem}.trainer-exit-modal-footer{padding:.875rem 1.25rem 1.25rem}}.hint-button-position{position:absolute;bottom:1.25rem;left:1.25rem;cursor:pointer;z-index:1030}.hint-button-icon{width:48px;height:48px}@media (max-width: 768px){.hint-button-position{bottom:.9375rem;left:.9375rem}}@media (max-width: 932px) and (max-height: 932px){.hint-button-icon{width:32px!important;height:32px!important}}@media (max-width: 480px){.hint-button-position{bottom:.625rem;left:.625rem}.hint-button-icon{width:32px!important;height:32px!important}}.trainer-sound-button{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;background:#fff;background-color:#fff;background-image:none;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid #667eea;border-radius:16px;cursor:pointer;transition:border-color .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1);width:160px;height:160px;flex-shrink:0;box-shadow:none;transform:none}.trainer-sound-button__icon{width:48px;height:48px;color:#667eea;transition:color .3s cubic-bezier(.4,0,.2,1)}.trainer-sound-button__label{font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;margin-top:.5rem;font-size:.875rem;font-weight:500;color:#667eea}.trainer-sound-button:hover,.trainer-sound-button--selected{border-color:#818cf8;background-color:#fff}.trainer-sound-button--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.trainer-sound-button:active:not(.trainer-sound-button--matched):not(.trainer-sound-button--disabled){background-color:#667eea1a}@media (max-width: 932px) and (max-height: 932px){.trainer-sound-button__icon{width:32px!important;height:32px!important}}@media (max-width: 480px){.trainer-sound-button__icon{width:32px!important;height:32px!important}}.ready-button-position{position:absolute;bottom:1.25rem;right:1.25rem;cursor:pointer;z-index:1030}.trainer-image-item--hint-ready{background:#fff!important;background-color:#fff!important;background-image:none!important;border:1px solid #10b981!important;box-shadow:none!important}.trainer-image-item--hint-ready:hover{border-color:#059669!important;background-color:#fff!important;box-shadow:none!important}.trainer-image-item--hint-ready .hint-button-icon{color:#10b981}@media (max-width: 768px){.ready-button-position{bottom:.9375rem;right:.9375rem}}@media (max-width: 480px){.ready-button-position{bottom:.625rem;right:.625rem}}.trainer-image-item--hint{background:#fff;background-color:#fff;background-image:none;border:1px solid #ef4444}.trainer-image-item--hint:hover{border-color:#dc2626;background-color:#fff}.trainer-image-item--hint .trainer-image-item__letter{color:#ef4444}@media (max-width: 768px) and (min-height: 500px){.trainer-image-grid-container .trainer-image-item{width:120px!important;height:120px!important;padding:.75rem!important;flex-shrink:0!important;flex-grow:0!important}.trainer-image-grid-container .trainer-image-item__image{width:100px!important;height:100px!important}.trainer-image-grid-container .trainer-image-item__letter{font-size:60px!important}}@media (max-width: 932px) and (max-height: 932px){.trainer-image-grid-container .trainer-image-item,.trainer-content .trainer-image-item,.trainer-image-item{width:80px!important;height:80px!important;padding:.5rem!important;flex-shrink:0!important;flex-grow:0!important;max-width:80px!important;max-height:80px!important;min-width:80px!important;min-height:80px!important}.trainer-image-grid-container .trainer-image-item__image,.trainer-content .trainer-image-item__image,.trainer-image-item__image{width:60px!important;height:60px!important;max-width:60px!important;max-height:60px!important}.trainer-image-grid-container .trainer-image-item__letter,.trainer-content .trainer-image-item__letter,.trainer-image-item__letter{font-size:40px!important}}@media (max-width: 480px){.trainer-image-grid-container .trainer-image-item,.trainer-content .trainer-image-item,.trainer-image-item{width:80px!important;height:80px!important;padding:.5rem!important;flex-shrink:0!important;flex-grow:0!important;max-width:80px!important;max-height:80px!important;min-width:80px!important;min-height:80px!important}.trainer-image-grid-container .trainer-image-item__image,.trainer-content .trainer-image-item__image,.trainer-image-item__image{width:60px!important;height:60px!important;max-width:60px!important;max-height:60px!important}.trainer-image-grid-container .trainer-image-item__letter,.trainer-content .trainer-image-item__letter,.trainer-image-item__letter{font-size:40px!important}}.trainer-container{height:100vh;overflow:hidden;background:transparent!important;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.25rem;position:relative;z-index:2}.trainer-content{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;width:100%;max-width:1200px}.trainer-header{position:absolute;top:1.25rem;left:1.25rem;z-index:10}@media (max-width: 768px){.trainer-container{padding:.9375rem}.trainer-header{top:.9375rem;left:.9375rem}}@media (max-width: 480px){.trainer-container{padding:.625rem}.trainer-header{top:.625rem;left:.625rem}}.instruction-button{position:fixed;top:var(--spacing-4);right:var(--spacing-4);z-index:40;width:48px;height:48px;background:#667eea26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(102,126,234,.4);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;padding:0;margin:0}.instruction-button__icon{width:28px;height:28px;color:#667eea;transition:color .3s cubic-bezier(.4,0,.2,1)}.instruction-button:hover{background:#667eea40;border-color:#667eea99}.instruction-button:active{transform:scale(.95);background:#667eea59}@media (max-width: 768px){.instruction-button{width:44px;height:44px;top:var(--spacing-3);right:var(--spacing-3)}.instruction-button__icon{width:22px;height:22px}}@media (max-width: 480px){.instruction-button{width:40px;height:40px;top:var(--spacing-2);right:var(--spacing-2);border-radius:10px}.instruction-button__icon{width:20px;height:20px}}.music-toggle-button{position:fixed;top:var(--spacing-4);right:var(--spacing-4);z-index:40;width:48px;height:48px;background:#667eea26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(102,126,234,.4);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;padding:0;margin:0}.music-toggle-button__icon{width:28px;height:28px;color:#667eea;transition:color .3s cubic-bezier(.4,0,.2,1)}.music-toggle-button__icon--muted{color:#9ca3af;opacity:.6}.music-toggle-button:hover{background:#667eea40;border-color:#667eea99}.music-toggle-button:active{transform:scale(.95);background:#667eea59}@media (max-width: 768px){.music-toggle-button{width:44px;height:44px;top:var(--spacing-3);right:var(--spacing-3)}.music-toggle-button__icon{width:22px;height:22px}}@media (max-width: 480px){.music-toggle-button{width:40px;height:40px;top:var(--spacing-2);right:var(--spacing-2);border-radius:10px}.music-toggle-button__icon{width:20px;height:20px}}.diagnostic-result-container{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background:transparent;padding:var(--spacing-8)}.diagnostic-result-content{max-width:800px;width:100%;padding:var(--spacing-8);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-6);background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px #ffffff1a}.diagnostic-result-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);font-family:var(--font-family-primary);color:var(--color-text-primary);text-align:center;margin:0;transition:color var(--transition-normal)}.diagnostic-result-description{font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);font-family:var(--font-family-primary);color:var(--color-text-secondary);text-align:center;margin:0;transition:color var(--transition-normal)}.diagnostic-result-button{background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(16,185,129,.5);border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px #ffffff1a;font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);font-family:var(--font-family-primary);color:var(--color-text-primary);min-height:60px;min-width:200px;padding:var(--spacing-4) var(--spacing-6);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .6s cubic-bezier(.25,.46,.45,.94),color .6s cubic-bezier(.25,.46,.45,.94),border-color .6s cubic-bezier(.25,.46,.45,.94),box-shadow .6s cubic-bezier(.25,.46,.45,.94)}.diagnostic-result-button:hover:not(:disabled){background:#fff6;border-color:#10b981b3;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,inset 0 1px #fff3}.diagnostic-result-button:active:not(:disabled){box-shadow:0 2px 4px -1px #0000001a,0 1px 2px -1px #0000000f,inset 0 1px #ffffff1a}.diagnostic-result-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.diagnostic-result-container{padding:var(--spacing-4)}.diagnostic-result-content{padding:var(--spacing-6);gap:var(--spacing-5)}.diagnostic-result-title{font-size:var(--font-size-2xl)}.diagnostic-result-description{font-size:var(--font-size-base)}.diagnostic-result-button{min-height:55px;min-width:180px;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-lg)}}@media (max-width: 480px){.diagnostic-result-container{padding:var(--spacing-3)}.diagnostic-result-content{padding:var(--spacing-4);gap:var(--spacing-4)}.diagnostic-result-title{font-size:var(--font-size-xl)}.diagnostic-result-description{font-size:var(--font-size-sm)}.diagnostic-result-button{min-height:50px;min-width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base)}}.letters-test-results{padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-6);background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px #ffffff1a}.letters-test-results__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);font-family:var(--font-family-primary);color:var(--color-text-primary);text-align:center;margin:0;transition:color var(--transition-normal)}.letters-test-results__grid{display:grid;grid-template-columns:repeat(8,auto);gap:var(--spacing-2);justify-content:center;justify-items:center;max-width:100%}.letters-test-results__letter{padding:var(--spacing-3);min-height:60px;min-width:60px;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);font-family:var(--font-family-primary);color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;border-radius:12px;border:2px solid rgba(255,255,255,.3);background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 4px -1px #0000001a,0 1px 2px -1px #0000000f,inset 0 1px #ffffff1a;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}.letters-test-results__letter--correct{border-color:#10b981b3;background:#10b98133;color:#10b981;box-shadow:0 2px 4px -1px #10b9814d,0 1px 2px -1px #10b98133,inset 0 1px #fff3}.letters-test-results__letter--alphabet{border-color:#f97316b3;background:#f9731633;color:#f97316;box-shadow:0 2px 4px -1px #f973164d,0 1px 2px -1px #f9731633,inset 0 1px #fff3}.letters-test-results__letter--wrong{border-color:#ef4444b3;background:#ef444433;color:#ef4444;box-shadow:0 2px 4px -1px #ef44444d,0 1px 2px -1px #ef444433,inset 0 1px #fff3}.letters-test-results__legend{display:flex;flex-direction:row;gap:var(--spacing-4);justify-content:center;align-items:center;flex-wrap:wrap}.letters-test-results__legend-item{display:flex;flex-direction:row;gap:var(--spacing-2);align-items:center}.letters-test-results__legend-color{width:20px;height:20px;border-radius:4px;border:1px solid rgba(255,255,255,.3)}.letters-test-results__legend-color--correct{background:#10b9814d;border-color:#10b981b3}.letters-test-results__legend-color--alphabet{background:#f973164d;border-color:#f97316b3}.letters-test-results__legend-color--wrong{background:#ef44444d;border-color:#ef4444b3}.letters-test-results__legend-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);font-family:var(--font-family-primary);color:var(--color-text-secondary);transition:color var(--transition-normal)}@media (max-width: 768px){.letters-test-results{padding:var(--spacing-4);gap:var(--spacing-4)}.letters-test-results__title{font-size:var(--font-size-lg)}.letters-test-results__grid{grid-template-columns:repeat(8,1fr);gap:var(--spacing-2)}.letters-test-results__letter{min-height:50px;min-width:50px;padding:var(--spacing-2);font-size:var(--font-size-base)}.letters-test-results__legend{flex-direction:column;gap:var(--spacing-2)}}@media (max-width: 480px){.letters-test-results{padding:var(--spacing-3);gap:var(--spacing-3)}.letters-test-results__title{font-size:var(--font-size-base)}.letters-test-results__grid{grid-template-columns:repeat(6,1fr);gap:var(--spacing-2)}.letters-test-results__letter{min-height:45px;min-width:45px;padding:var(--spacing-2);font-size:var(--font-size-sm)}}.syllables-test-results{padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-6);background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px #ffffff1a}.syllables-test-results__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);font-family:var(--font-family-primary);color:var(--color-text-primary);text-align:center;margin:0;transition:color var(--transition-normal)}.syllables-test-results__grid{display:grid;grid-template-columns:repeat(8,auto);gap:var(--spacing-2);justify-content:center;justify-items:center;max-width:100%}.syllables-test-results__syllable{padding:var(--spacing-3);min-height:60px;min-width:60px;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);font-family:var(--font-family-primary);color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;border-radius:12px;border:2px solid rgba(255,255,255,.3);background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 4px #0000001a,inset 0 1px #ffffff1a;transition:all var(--transition-normal)}.syllables-test-results__syllable--correct{border-color:#10b98180;background:#10b98126;box-shadow:0 2px 4px #10b98133,inset 0 1px #ffffff1a}.syllables-test-results__syllable--wrong{border-color:#ef444480;background:#ef444426;box-shadow:0 2px 4px #ef444433,inset 0 1px #ffffff1a}.syllables-test-results__legend{display:flex;flex-direction:row;gap:var(--spacing-4);justify-content:center;align-items:center;flex-wrap:wrap}.syllables-test-results__legend-item{display:flex;flex-direction:row;gap:var(--spacing-2);align-items:center}.syllables-test-results__legend-color{width:20px;height:20px;border-radius:4px;border:1px solid rgba(255,255,255,.3)}.syllables-test-results__legend-color--correct{background:#10b98180;border-color:#10b981b3}.syllables-test-results__legend-color--wrong{background:#ef444480;border-color:#ef4444b3}.syllables-test-results__legend-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);font-family:var(--font-family-primary);color:var(--color-text-secondary);transition:color var(--transition-normal)}@media (max-width: 768px){.syllables-test-results__grid{grid-template-columns:repeat(8,auto)}.syllables-test-results{padding:var(--spacing-4);gap:var(--spacing-4)}.syllables-test-results__title{font-size:var(--font-size-lg)}.syllables-test-results__syllable{min-height:50px;min-width:50px;font-size:var(--font-size-base)}}@media (max-width: 480px){.syllables-test-results__grid{grid-template-columns:repeat(6,auto)}.syllables-test-results{padding:var(--spacing-3);gap:var(--spacing-3)}.syllables-test-results__title{font-size:var(--font-size-base)}.syllables-test-results__syllable{min-height:45px;min-width:45px;font-size:var(--font-size-sm);padding:var(--spacing-2)}.syllables-test-results__legend{flex-direction:column;gap:var(--spacing-2)}}.lesson-progress{position:fixed;top:0;left:50%;transform:translate(-50%);width:50%;padding:0 0 .5rem;z-index:100;display:flex;flex-direction:column;gap:.75rem}.lesson-progress__info{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.lesson-progress__steps{font-size:1rem;font-weight:600;color:#374151;text-align:left}.lesson-progress__percentage{font-size:1rem;font-weight:600;color:#3b82f6;text-align:right}.lesson-progress__bar-container{width:100%}.lesson-progress__bar-background{width:100%;height:.75rem;background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:.5rem;box-shadow:0 2px 4px -1px #0000001a,0 1px 2px -1px #0000000f,inset 0 1px #ffffff1a;overflow:hidden;position:relative}.lesson-progress__bar-fill{height:100%;background:linear-gradient(90deg,#10b981cc,#10b981);box-shadow:0 2px 4px -1px #10b9814d,inset 0 1px #fff3;transition:width .6s cubic-bezier(.25,.46,.45,.94);position:absolute;left:0;top:0;border-radius:.5rem}@media (max-width: 640px){.lesson-progress{padding:0 0 .5rem;gap:.5rem}.lesson-progress__steps,.lesson-progress__percentage{font-size:.875rem}.lesson-progress__bar-background{height:.625rem}}@media (min-width: 641px) and (max-width: 1024px){.lesson-progress{padding:0 0 .5rem;gap:.75rem}.lesson-progress__steps,.lesson-progress__percentage{font-size:1rem}.lesson-progress__bar-background{height:.75rem}}@media (min-width: 1025px){.lesson-progress{padding:0 0 .5rem;gap:.75rem}.lesson-progress__steps,.lesson-progress__percentage{font-size:1.125rem}.lesson-progress__bar-background{height:.875rem}}.trainer-progress{position:fixed;left:50%;transform:translate(-50%);width:50%;padding:0 0 .5rem;z-index:99;display:flex;flex-direction:column;gap:.75rem}.trainer-progress--below-lesson{top:2rem}.trainer-progress--standalone{top:0}body:has(.lesson-progress) .trainer-progress--standalone{top:2rem}.trainer-progress__info{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.trainer-progress__steps{font-size:1rem;font-weight:600;color:#374151;text-align:left}.trainer-progress__percentage{font-size:1rem;font-weight:600;color:#3b82f6;text-align:right}.trainer-progress__bar-container{width:100%}.trainer-progress__bar-background{width:100%;height:.75rem;background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:.5rem;box-shadow:0 2px 4px -1px #0000001a,0 1px 2px -1px #0000000f,inset 0 1px #ffffff1a;overflow:hidden;position:relative}.trainer-progress__bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6cc,#3b82f6);box-shadow:0 2px 4px -1px #3b82f64d,inset 0 1px #fff3;transition:width .6s cubic-bezier(.25,.46,.45,.94);position:absolute;left:0;top:0;border-radius:.5rem}@media (max-width: 640px){.trainer-progress{padding:0 0 .5rem;gap:.5rem}.trainer-progress__steps,.trainer-progress__percentage{font-size:.875rem}.trainer-progress__bar-background{height:.625rem}}@media (min-width: 641px) and (max-width: 1024px){.trainer-progress{padding:0 0 .5rem;gap:.75rem}.trainer-progress__steps,.trainer-progress__percentage{font-size:1rem}.trainer-progress__bar-background{height:.75rem}}@media (min-width: 1025px){.trainer-progress{padding:0 0 .5rem;gap:.75rem}.trainer-progress__steps,.trainer-progress__percentage{font-size:1.125rem}.trainer-progress__bar-background{height:.875rem}}.skip-countdown-button{position:fixed;bottom:var(--trainer-nav-offset);right:var(--trainer-nav-offset);display:flex;align-items:center;justify-content:center;padding:var(--spacing-3) var(--spacing-4);background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(102,126,234,.6);border-radius:var(--radius-xl);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10;outline:none;box-shadow:none;text-decoration:none}.skip-countdown-button:hover{background:#fff6;border-color:#667eeacc}.skip-countdown-button:active{transform:translateY(0);background:#ffffff4d}.skip-countdown-button:focus-visible{outline:2px solid rgba(102,126,234,.8);outline-offset:2px}@media (max-width: 768px){.skip-countdown-button{bottom:var(--trainer-nav-offset-tablet);right:var(--trainer-nav-offset-tablet);padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs)}}@media (max-width: 480px){.skip-countdown-button{bottom:var(--trainer-nav-offset-mobile);right:var(--trainer-nav-offset-mobile);padding:var(--spacing-2);font-size:11px}}.preload-status{position:absolute;bottom:var(--trainer-nav-offset);left:var(--trainer-nav-offset);display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(102,126,234,.6);border-radius:var(--radius-xl);z-index:11;transition:all .3s cubic-bezier(.4,0,.2,1)}.preload-status--success{border-color:#48bb7899}.preload-status--error{border-color:#ed6454b3;background:#ed645414}.preload-status__icon{width:24px;height:24px;border-radius:50%;border:2px solid rgba(102,126,234,.3);border-top-color:#667eea;flex-shrink:0}.preload-status__icon--success{border-color:transparent;background:#48bb7833;position:relative;animation:none}.preload-status__icon--success:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:6px;border-left:2px solid #48bb78;border-bottom:2px solid #48bb78;transform:translate(-50%,-50%) rotate(-45deg)}.preload-status__icon--warning{border-color:transparent;background:#ed645426;position:relative;animation:none}.preload-status__icon--warning:after{content:"!";position:absolute;top:50%;left:50%;transform:translate(-50%,-55%);color:#ed6443;font-weight:var(--font-weight-bold);font-size:14px}.preload-status__icon--spinner{animation:preload-spin .8s linear infinite}.preload-status__text{display:flex;flex-direction:column;gap:2px;color:var(--color-text-primary)}.preload-status__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.2}.preload-status__progress{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:#667eeae6;line-height:1.2}.preload-status__hint{font-size:var(--font-size-xxs, 11px);color:#0f172aa6}.preload-status__actions{margin-left:var(--spacing-2)}.preload-status__button{border:none;border-radius:var(--radius-lg);padding:6px 12px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background:#ed6454f2;color:#fff;cursor:pointer;transition:transform .2s ease,background .2s ease}.preload-status__button:hover{background:#ed6454;transform:translateY(-1px)}.preload-status__button:active{transform:translateY(0)}@keyframes preload-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.preload-status{bottom:var(--trainer-nav-offset-tablet);left:var(--trainer-nav-offset-tablet);padding:var(--spacing-2) var(--spacing-3);gap:var(--spacing-2)}.preload-status__icon{width:20px;height:20px;border-width:1.5px}.preload-status__label{font-size:var(--font-size-xs)}.preload-status__progress{font-size:10px}}@media (max-width: 480px){.preload-status{bottom:var(--trainer-nav-offset-mobile);left:var(--trainer-nav-offset-mobile);padding:var(--spacing-2);gap:var(--spacing-2)}.preload-status__icon{width:18px;height:18px}.preload-status__label{font-size:11px}.preload-status__progress{font-size:9px}}.image-display{transition:all .3s cubic-bezier(.4,0,.2,1)}.image-display--playing{background:#3b82f659!important;border-color:#3b82f699!important;box-shadow:0 0 25px #3b82f699,0 0 50px #3b82f666,0 6px 8px -1px #00000026,inset 0 1px #ffffff4d!important;transform:scale(1.03);animation:image-pulse-glow .8s ease-in-out infinite}@keyframes image-pulse-glow{0%,to{transform:scale(1.03);box-shadow:0 0 25px #3b82f699,0 0 50px #3b82f666,0 6px 8px -1px #00000026,inset 0 1px #ffffff4d}50%{transform:scale(1.05);box-shadow:0 0 30px #3b82f6b3,0 0 60px #3b82f680,0 8px 10px -1px #0003,inset 0 1px #fff6}}.word-display{transition:all .3s cubic-bezier(.4,0,.2,1)}.word-display__text{display:inline-flex;align-items:center;gap:var(--spacing-1)}.word-display__syllable{line-height:1.2}.word-display__separator{color:var(--color-text-secondary);opacity:.6;font-weight:var(--font-weight-medium);font-size:1.1rem;line-height:1;display:inline-flex;align-items:center;margin:0 var(--spacing-1)}.word-display--playing{background:#3b82f659!important;border-color:#3b82f699!important;box-shadow:0 0 25px #3b82f699,0 0 50px #3b82f666,0 6px 8px -1px #00000026,inset 0 1px #ffffff4d!important;transform:scale(1.03);animation:word-pulse-glow .8s ease-in-out infinite}@keyframes word-pulse-glow{0%,to{transform:scale(1.03);box-shadow:0 0 25px #3b82f699,0 0 50px #3b82f666,0 6px 8px -1px #00000026,inset 0 1px #ffffff4d}50%{transform:scale(1.05);box-shadow:0 0 30px #3b82f6b3,0 0 60px #3b82f680,0 8px 10px -1px #0003,inset 0 1px #fff6}}.word-display--correct{background:#10b9814d!important;border-color:#10b98180!important}.word-display--error{background:#ef44444d!important;border-color:#ef444480!important;animation:word-shake .4s ease-in-out}@keyframes word-shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@media (max-width: 932px) and (max-height: 932px){.word-display{padding:calc(var(--spacing-4) / 1.5) calc(var(--spacing-6) / 1.5)!important;border-radius:16px!important}.word-display[style*="border-radius: 24px"]{border-radius:16px!important}.word-display[style*="border-radius: 0 0 24px 24px"]{border-radius:0 0 16px 16px!important}.word-display__text{font-size:1rem!important}.word-display__separator{font-size:.733rem!important}}@media (max-width: 480px){.word-display{padding:calc(var(--spacing-4) / 1.5) calc(var(--spacing-6) / 1.5)!important;border-radius:16px!important}.word-display[style*="border-radius: 24px"]{border-radius:16px!important}.word-display[style*="border-radius: 0 0 24px 24px"]{border-radius:0 0 16px 16px!important}.word-display__text{font-size:1rem!important}.word-display__separator{font-size:.733rem!important}}.image-correct{background:#10b9814d!important;border-color:#10b98180!important}.image-error{background:#ef44444d!important;border-color:#ef444480!important;animation:shake .4s ease-in-out}.word-assembly-container{display:flex;gap:var(--spacing-2);align-items:center;justify-content:center;margin-bottom:var(--spacing-1);margin-top:var(--spacing-1)}.word-assembly-slot{background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px #ffffff1a;min-width:100px;min-height:100px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.word-assembly-slot--correct{background:#10b9814d!important;border-color:#10b98180!important}.word-assembly-slot--error{background:#ef44444d!important;border-color:#ef444480!important;animation:shake .4s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.word-assembly-slot--active{background:#3b82f659!important;border-color:#3b82f699!important;box-shadow:0 0 20px #3b82f680,0 0 40px #3b82f64d,0 4px 6px -1px #0000001a,inset 0 1px #fff3;transform:scale(1.05);animation:pulse-glow .6s ease-in-out infinite}@keyframes pulse-glow{0%,to{transform:scale(1.05);box-shadow:0 0 20px #3b82f680,0 0 40px #3b82f64d,0 4px 6px -1px #0000001a,inset 0 1px #fff3}50%{transform:scale(1.08);box-shadow:0 0 25px #3b82f699,0 0 50px #3b82f666,0 6px 8px -1px #00000026,inset 0 1px #ffffff4d}}.word-assembly-slot__placeholder{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);opacity:.3}@media (max-width: 932px) and (max-height: 932px){.word-assembly-slot{min-width:50px!important;min-height:50px!important;width:50px!important;height:50px!important;border-radius:12px!important;flex-shrink:0!important;flex-grow:0!important;flex-basis:50px!important}.word-assembly-slot__placeholder{font-size:.625rem!important}.word-assembly-container{gap:var(--spacing-1)!important;flex-wrap:wrap!important;width:100%!important;max-width:100%!important;justify-content:center!important;box-sizing:border-box!important;padding-left:var(--spacing-2)!important;padding-right:var(--spacing-2)!important}}@media (max-width: 480px){.word-assembly-slot{min-width:50px!important;min-height:50px!important;width:50px!important;height:50px!important;border-radius:12px!important;flex-shrink:0!important;flex-grow:0!important;flex-basis:50px!important}.word-assembly-slot__placeholder{font-size:.625rem!important}.word-assembly-container{gap:var(--spacing-1)!important;flex-wrap:wrap!important;width:100%!important;max-width:100%!important;justify-content:center!important;box-sizing:border-box!important;padding-left:var(--spacing-2)!important;padding-right:var(--spacing-2)!important}}.topic-selection{display:flex;flex-direction:column;gap:20px}.topic-selection h3{margin:0 0 var(--spacing-4) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-align:center}.topic-list{display:flex;flex-direction:column;gap:15px}.topic-button{padding:var(--spacing-5);border:1px solid rgba(102,126,234,.3);border-radius:12px;background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);display:flex;flex-direction:column;gap:var(--spacing-2);text-align:left;width:100%;box-shadow:0 2px 4px -1px #0000000f}.topic-button:hover{border-color:#667eea;background:#667eea1a}.topic-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.topic-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4}.topic-settings{display:flex;flex-direction:column;gap:20px}.modal-back{background:none;border:none;cursor:pointer;padding:var(--spacing-2);border-radius:8px;color:var(--color-text-secondary);transition:all .3s cubic-bezier(.25,.46,.45,.94);display:flex;align-items:center;justify-content:center}.modal-back:hover{color:var(--color-text-primary);background:#667eea1a}.simple-settings{display:flex;flex-direction:column;gap:20px}.simple-settings-title{text-align:center;margin-bottom:10px}.simple-settings-title h3{margin:0;font-size:20px;color:#555}.simple-settings-field{display:flex;flex-direction:column;gap:8px}.simple-settings-field label{font-weight:500;color:#333;font-size:14px}.simple-settings-field select,.simple-settings-field input[type=number]{padding:10px;border:1px solid #ddd;border-radius:6px;font-size:16px;width:100%;box-sizing:border-box}.simple-settings-field select:focus,.simple-settings-field input[type=number]:focus{outline:none;border-color:#4caf50}.simple-settings-radio-group{display:flex;flex-direction:column;gap:10px;margin-top:8px}.simple-settings-radio-group label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.simple-settings-radio-group input[type=radio]{width:18px;height:18px;cursor:pointer}.simple-settings-actions{display:flex;gap:10px;margin-top:20px;justify-content:flex-end}.simple-settings-actions button{padding:12px 24px;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-save{background-color:#4caf50;color:#fff}.btn-save:hover{background-color:#45a049}.btn-cancel{background-color:#f44336;color:#fff}.btn-cancel:hover{background-color:#da190b}.eleven-to-nineteen-settings{display:flex;flex-direction:column;gap:20px}.eleven-to-nineteen-settings-title{text-align:center;margin-bottom:10px}.eleven-to-nineteen-settings-title h3{margin:0;font-size:24px;color:#333}.eleven-to-nineteen-settings-field{display:flex;flex-direction:column;gap:8px}.eleven-to-nineteen-settings-field label{font-weight:500;color:#555;font-size:14px}.eleven-to-nineteen-settings-field select,.eleven-to-nineteen-settings-field input{padding:10px;border:1px solid #ddd;border-radius:6px;font-size:16px;width:100%;box-sizing:border-box;background-color:#fff;cursor:pointer}.eleven-to-nineteen-settings-field select:focus,.eleven-to-nineteen-settings-field input:focus{outline:none;border-color:#4caf50}.eleven-to-nineteen-settings-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.eleven-to-nineteen-settings-actions .btn-save,.eleven-to-nineteen-settings-actions .btn-cancel{padding:10px 20px;border:none;border-radius:6px;font-size:16px;cursor:pointer;font-weight:500;transition:background-color .2s}.eleven-to-nineteen-settings-actions .btn-save{background-color:#4caf50;color:#fff}.eleven-to-nineteen-settings-actions .btn-save:hover{background-color:#45a049}.eleven-to-nineteen-settings-actions .btn-cancel{background-color:#f5f5f5;color:#333}.eleven-to-nineteen-settings-actions .btn-cancel:hover{background-color:#e0e0e0}.tens-settings{display:flex;flex-direction:column;gap:20px}.tens-settings-title{text-align:center;margin-bottom:10px}.tens-settings-title h3{margin:0;font-size:24px;color:#333}.tens-settings-field{display:flex;flex-direction:column;gap:8px}.tens-settings-field label{font-weight:500;color:#555;font-size:14px}.tens-settings-field select,.tens-settings-field input{padding:10px;border:1px solid #ddd;border-radius:6px;font-size:16px;width:100%;box-sizing:border-box;background-color:#fff;cursor:pointer}.tens-settings-field select:focus,.tens-settings-field input:focus{outline:none;border-color:#4caf50}.tens-settings-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.tens-settings-actions .btn-save,.tens-settings-actions .btn-cancel{padding:10px 20px;border:none;border-radius:6px;font-size:16px;cursor:pointer;font-weight:500;transition:background-color .2s}.tens-settings-actions .btn-save{background-color:#4caf50;color:#fff}.tens-settings-actions .btn-save:hover{background-color:#45a049}.tens-settings-actions .btn-cancel{background-color:#f5f5f5;color:#333}.tens-settings-actions .btn-cancel:hover{background-color:#e0e0e0}.simple-99-settings{display:flex;flex-direction:column;gap:20px}.simple-99-settings-title{text-align:center;margin-bottom:10px}.simple-99-settings-title h3{margin:0;font-size:24px;color:#333}.simple-99-settings-field{display:flex;flex-direction:column;gap:8px}.simple-99-settings-field label{font-weight:500;color:#555;font-size:14px}.simple-99-settings-field select,.simple-99-settings-field input{padding:10px;border:1px solid #ddd;border-radius:6px;font-size:16px;width:100%;box-sizing:border-box;background-color:#fff;cursor:pointer}.simple-99-settings-field select:focus,.simple-99-settings-field input:focus{outline:none;border-color:#4caf50}.simple-99-settings-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.simple-99-settings-actions .btn-save,.simple-99-settings-actions .btn-cancel{padding:10px 20px;border:none;border-radius:6px;font-size:16px;cursor:pointer;font-weight:500;transition:background-color .2s}.simple-99-settings-actions .btn-save{background-color:#4caf50;color:#fff}.simple-99-settings-actions .btn-save:hover{background-color:#45a049}.simple-99-settings-actions .btn-cancel{background-color:#f5f5f5;color:#333}.simple-99-settings-actions .btn-cancel:hover{background-color:#e0e0e0}.brothers-settings{display:flex;flex-direction:column;gap:20px}.brothers-settings-title{text-align:center;margin-bottom:10px}.brothers-settings-title h3{margin:0;font-size:24px;color:#333}.brothers-settings-field{display:flex;flex-direction:column;gap:8px}.brothers-settings-field label{font-weight:500;color:#555;font-size:14px}.brothers-settings-field input{padding:10px;border:1px solid #ddd;border-radius:6px;font-size:16px}.brothers-settings-field input:focus{outline:none;border-color:#4caf50}.brothers-settings-field select,.brothers-settings-select{padding:10px;border:1px solid #ddd;border-radius:6px;font-size:16px;background-color:#fff;cursor:pointer}.brothers-settings-field select:focus,.brothers-settings-select:focus{outline:none;border-color:#4caf50}.brothers-settings-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.brothers-settings-actions .btn-save,.brothers-settings-actions .btn-cancel{padding:10px 20px;border:none;border-radius:6px;font-size:16px;cursor:pointer;font-weight:500;transition:background-color .2s}.brothers-settings-actions .btn-save{background-color:#4caf50;color:#fff}.brothers-settings-actions .btn-save:hover{background-color:#45a049}.brothers-settings-actions .btn-cancel{background-color:#f5f5f5;color:#333}.brothers-settings-actions .btn-cancel:hover{background-color:#e0e0e0}.friend-settings{display:flex;flex-direction:column;gap:20px}.friend-settings-title{text-align:center;margin-bottom:10px}.friend-settings-title h3{margin:0;font-size:24px;color:#333}.friend-settings-field{display:flex;flex-direction:column;gap:8px}.friend-settings-field label{font-weight:500;color:#555;font-size:14px}.friend-settings-field input{padding:10px;border:1px solid #ddd;border-radius:6px;font-size:16px}.friend-settings-field input:focus{outline:none;border-color:#4caf50}.friend-settings-field select,.friend-settings-select{padding:10px;border:1px solid #ddd;border-radius:6px;font-size:16px;background-color:#fff;cursor:pointer}.friend-settings-field select:focus,.friend-settings-select:focus{outline:none;border-color:#4caf50}.friend-settings-hint{font-size:12px;color:#888;font-style:italic;margin-top:-4px}.friend-settings-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.friend-settings-actions .btn-save,.friend-settings-actions .btn-cancel{padding:10px 20px;border:none;border-radius:6px;font-size:16px;cursor:pointer;font-weight:500;transition:background-color .2s}.friend-settings-actions .btn-save{background-color:#4caf50;color:#fff}.friend-settings-actions .btn-save:hover{background-color:#45a049}.friend-settings-actions .btn-cancel{background-color:#f5f5f5;color:#333}.friend-settings-actions .btn-cancel:hover{background-color:#e0e0e0}.number-sequence-display{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;pointer-events:none}.number-sequence-display-overlay{width:100%;height:100%;background:transparent;display:flex;align-items:center;justify-content:center}.number-sequence-display-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.number-sequence-display-number{font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:8rem;font-weight:700;color:#667eea;text-shadow:none;box-shadow:none;filter:none;-webkit-filter:none;-webkit-user-select:none;user-select:none;animation:numberSequenceFadeIn .3s ease-in-out;transition:color .3s cubic-bezier(.4,0,.2,1)}.number-sequence-display-progress{font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:1.5rem;color:#667eeab3;font-weight:600;transition:color .3s cubic-bezier(.4,0,.2,1)}@keyframes numberSequenceFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.number-sequence-display-number{font-size:5rem}.number-sequence-display-progress{font-size:1.2rem}}.trainer-container{background-color:#fafafa;background-image:radial-gradient(circle at 1px 1px,rgba(102,126,234,.03) 1px,transparent 0);background-size:20px 20px;background-attachment:fixed;position:relative}.mental-math-particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:hidden}.mental-math-trainer-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:20px}.mental-math-example{display:flex;flex-direction:column;align-items:center;gap:30px;width:100%;max-width:600px}.mental-math-calculation{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;align-items:flex-start;font-size:32px;font-weight:600;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;color:#667eea}.mental-math-step{display:flex;flex-direction:column;align-items:center;gap:5px}.mental-math-numbers{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;align-items:center;font-size:32px;font-weight:600;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;color:#667eea}.mental-math-number{padding:15px 20px;background:#fff;border:2px solid #667eea;border-radius:12px;min-width:80px;text-align:center;color:#667eea;font-weight:600}.mental-math-answer-input{display:flex;flex-direction:column;gap:15px;align-items:stretch;width:100%;max-width:400px}.mental-math-answer-input input{width:100%;padding:15px 20px;font-size:24px;border:2px solid #667eea;border-radius:12px;text-align:center;font-weight:600;color:#667eea;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;box-sizing:border-box}.mental-math-answer-input input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.mental-math-answer-input input::placeholder{color:#667eea80}.mental-math-answer-input input.mental-math-input-error{border-color:#ef4444!important;background-color:#fef2f2;color:#ef4444;animation:shake .5s ease-in-out;box-shadow:0 0 0 3px #ef44441a!important}.mental-math-answer-input input.mental-math-input-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444433!important}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-8px)}20%,40%,60%,80%{transform:translate(8px)}}.mental-math-answer-input button{width:100%;padding:15px 30px;font-size:18px;background-color:#10b981;color:#fff;border:1px solid transparent;border-radius:12px;cursor:pointer;font-weight:600;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;transition:background-color .6s cubic-bezier(.25,.46,.45,.94),color .6s cubic-bezier(.25,.46,.45,.94),border-color .6s cubic-bezier(.25,.46,.45,.94);box-sizing:border-box}.mental-math-answer-input button:hover:not(:disabled){background-color:#fff;color:#10b981;border:1px solid #10b981}.mental-math-answer-input button:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.mental-math-repeat-button{width:100%;padding:15px 30px;font-size:18px;background-color:#667eea;color:#fff;border:1px solid transparent;border-radius:12px;cursor:pointer;font-weight:600;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;transition:background-color .6s cubic-bezier(.25,.46,.45,.94),color .6s cubic-bezier(.25,.46,.45,.94),border-color .6s cubic-bezier(.25,.46,.45,.94);box-sizing:border-box}.mental-math-repeat-button:hover:not(:disabled){background-color:#fff;color:#667eea;border:1px solid #667eea}.mental-math-repeat-button:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.mental-math-debug-toggle{display:flex;justify-content:flex-end;margin-bottom:20px;width:100%}.mental-math-debug-toggle-button{padding:8px 16px;font-size:14px;font-weight:600;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;background-color:#f59e0b;color:#fff;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:background-color .6s cubic-bezier(.25,.46,.45,.94),color .6s cubic-bezier(.25,.46,.45,.94),border-color .6s cubic-bezier(.25,.46,.45,.94);outline:none;box-shadow:none}.mental-math-debug-toggle-button:hover{background-color:#fff;color:#f59e0b;border:1px solid #f59e0b}.mental-math-debug-toggle-button:active{background-color:#d97706;color:#fff}.mental-math-intermediate-result{padding:2px 6px;background:#667eea1a;border-radius:6px;color:#667eea;font-weight:600;font-size:12px;text-align:center;vertical-align:middle;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.mental-math-answer-display{display:flex;align-items:center;gap:15px;padding:15px 25px;background:#f59e0b1a;border:2px solid #f59e0b;border-radius:12px;font-size:24px;font-weight:600;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.mental-math-answer-label{color:#f59e0b}.mental-math-answer-value{color:#10b981;background:#10b9811a;padding:8px 16px;border-radius:8px;border:1px solid #10b981}.letter-animation-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:20px}.letter-svg{max-width:100%;max-height:100%;background-color:#fff;border:2px solid #e0e0e0;border-radius:12px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.letter-svg path{stroke-dasharray:none;stroke-dashoffset:0}@media (max-width: 768px){.letter-animation-container{padding:10px}.letter-svg{max-width:90%;max-height:90%}}@media (max-width: 480px){.letter-animation-container{padding:5px}.letter-svg{max-width:85%;max-height:85%}}.reverse-syllable__item{transition:transform .3s ease-in-out!important}.reverse-syllable__item--correct{background:linear-gradient(135deg,#4caf5026,#81c7841a)!important;-webkit-backdrop-filter:blur(20px) saturate(150%)!important;backdrop-filter:blur(20px) saturate(150%)!important;border:2px solid rgba(76,175,80,.5)!important;box-shadow:inset 0 0 15px #ffffff26!important}.reverse-syllable__item--error{background:linear-gradient(135deg,#f4433626,#ef53501a)!important;-webkit-backdrop-filter:blur(20px) saturate(150%)!important;backdrop-filter:blur(20px) saturate(150%)!important;border:2px solid rgba(244,67,54,.5)!important;box-shadow:inset 0 0 15px #ffffff26!important;animation:shake-no-rotate .5s}@keyframes shake-no-rotate{0%{transform:rotate(var(--rotation, 0deg)) translate(0)}10%{transform:rotate(var(--rotation, 0deg)) translate(-10px)}20%{transform:rotate(var(--rotation, 0deg)) translate(10px)}30%{transform:rotate(var(--rotation, 0deg)) translate(-10px)}40%{transform:rotate(var(--rotation, 0deg)) translate(10px)}50%{transform:rotate(var(--rotation, 0deg)) translate(-10px)}60%{transform:rotate(var(--rotation, 0deg)) translate(10px)}70%{transform:rotate(var(--rotation, 0deg)) translate(-5px)}80%{transform:rotate(var(--rotation, 0deg)) translate(5px)}90%,to{transform:rotate(var(--rotation, 0deg)) translate(0)}}.reverse-syllable__item--error .trainer-image-item__letter{color:#f44336}.repeat-syllable__item--correct{background:linear-gradient(135deg,#4caf5026,#81c7841a)!important;-webkit-backdrop-filter:blur(20px) saturate(150%)!important;backdrop-filter:blur(20px) saturate(150%)!important;border:2px solid rgba(76,175,80,.5)!important;box-shadow:inset 0 0 15px #ffffff26!important}.repeat-syllable__item--error{background:linear-gradient(135deg,#f4433626,#ef53501a)!important;-webkit-backdrop-filter:blur(20px) saturate(150%)!important;backdrop-filter:blur(20px) saturate(150%)!important;border:2px solid rgba(244,67,54,.5)!important;box-shadow:inset 0 0 15px #ffffff26!important;animation:shake .5s}.example-word-hint-button{position:fixed;bottom:20px;left:20px;z-index:100;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .3s ease;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}.example-word-hint-button:hover{transform:translateY(-2px);filter:drop-shadow(0 6px 12px rgba(0,0,0,.2))}.example-word-hint-button:active{transform:translateY(0);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}@media (max-width: 768px){.example-word-hint-button{bottom:15px;left:15px;transform:none}.example-word-hint-button:hover{transform:none}}@keyframes hintButtonAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.example-word-hint-button{animation:hintButtonAppear .5s ease-out}@keyframes hintButtonPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.example-word-hint-button.pulse{animation:hintButtonPulse 2s infinite}@media (prefers-reduced-motion: reduce){.example-word-hint-button{transition:none;animation:none}.example-word-hint-button:hover{transform:none}}.example-word-words-grid{width:100%;padding:20px;display:flex;justify-content:center;align-items:center;min-height:300px}@media (max-width: 768px){.example-word-words-grid{padding:15px;min-height:250px}}.word-display-loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3)}.loading-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.3);border-top:3px solid rgba(102,126,234,.8);border-radius:50%;animation:spin 1s linear infinite}.loading-text{font-size:var(--font-size-sm);color:#ffffffb3}.word-display-error{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2)}.error-icon{font-size:var(--font-size-xl)}.error-text{font-size:var(--font-size-sm);color:#f44336cc}.answer-buttons-container{display:flex;gap:var(--spacing-4);justify-content:center;align-items:center;margin-top:var(--spacing-6)}.answer-button{display:flex;align-items:center;justify-content:center;padding:var(--spacing-4);min-width:80px;min-height:80px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);border-radius:var(--trainer-item-radius);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit}.answer-button:hover:not(:disabled){background:#fff3;box-shadow:0 8px 25px #0003}.answer-button--real{border-color:#4caf5080}.answer-button--real:hover:not(:disabled){border-color:#4caf50cc;box-shadow:0 8px 25px #4caf504d}.answer-button--unreal{border-color:#f4433680}.answer-button--unreal:hover:not(:disabled){border-color:#f44336cc;box-shadow:0 8px 25px #f443364d}.answer-button--disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.answer-button--correct{background:linear-gradient(135deg,#4caf5026,#81c7841a)!important;border:2px solid rgba(76,175,80,.5)!important;box-shadow:inset 0 0 15px #ffffff26!important}.answer-button--error{background:linear-gradient(135deg,#f4433626,#ef53501a)!important;border:2px solid rgba(244,67,54,.5)!important;box-shadow:inset 0 0 15px #ffffff26!important;animation:shake .5s}.answer-button__icon{font-size:var(--font-size-2xl);font-weight:700}.answer-button--real .answer-button__icon{color:#4caf50e6}.answer-button--unreal .answer-button__icon{color:#f44336e6}@media (max-width: 768px){.answer-buttons-container{flex-direction:column;gap:var(--spacing-3)}.answer-button{min-width:70px;min-height:70px;padding:var(--spacing-3)}}@media (max-width: 1024px) and (min-width: 769px){.answer-buttons-container{gap:var(--spacing-3)}.answer-button{min-width:75px;min-height:75px}}.jumping-word-display-area{display:flex;justify-content:center;align-items:center;width:100%;min-height:var(--jumping-min-height, 300px);position:relative}.jumping-word-scale-container{transform-origin:center center;transition:transform .2s ease-in-out}.jumping-loading-state{font-size:var(--font-size-lg);color:var(--color-error);text-align:center;line-height:1.4;font-weight:500;display:flex;align-items:center;justify-content:center;min-height:var(--jumping-min-height, 300px);width:100%}@media (max-width: 768px){.jumping-word-display-area{min-height:250px}.jumping-loading-state{min-height:250px;font-size:var(--font-size-md)}}@media (max-width: 480px){.jumping-word-display-area{min-height:200px}.jumping-loading-state{min-height:200px;font-size:var(--font-size-sm)}}.schulte-table-container{display:grid;grid-template-columns:repeat(var(--table-size),1fr);grid-template-rows:repeat(var(--table-size),1fr);gap:2px;width:min(90vw,90vh);height:min(90vw,90vh);margin:0 auto;background:transparent}.schulte-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background-color:var(--color-background-primary, #ffffff);border:2px solid var(--color-border-primary, #e2e8f0);border-radius:6px;cursor:pointer;transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none;min-width:40px;min-height:40px}.schulte-cell:hover{background-color:var(--color-background-accent, #f1f5f9);border-color:var(--color-primary, #3b82f6);box-shadow:0 2px 8px #3b82f633}.cell-content{font-size:clamp(.8rem,calc(90vh / var(--table-size) * .6),3rem);font-weight:var(--font-weight-bold, 700);font-family:var(--font-family-primary, "Inter", system-ui, sans-serif);color:var(--color-text-primary, #1e293b);white-space:nowrap;transition:color .2s ease-in-out}.cell-content.reverse-upside-down{transform:rotate(180deg);transition:transform .3s ease-in-out,color .2s ease-in-out}.schulte-cell.found{background:linear-gradient(135deg,#4caf5026,#81c7841a)!important;-webkit-backdrop-filter:blur(20px) saturate(150%)!important;backdrop-filter:blur(20px) saturate(150%)!important;border:2px solid rgba(76,175,80,.5)!important;box-shadow:inset 0 0 15px #ffffff26!important}.schulte-cell.found .cell-content{color:#4caf50e6}@media (max-width: 768px){.schulte-table-container{width:min(85vw,85vh)!important;height:min(85vw,85vh)!important;gap:1px}.schulte-cell{min-width:30px;min-height:30px}.cell-content{font-size:clamp(.7rem,calc(min(85vw,85vh) / var(--table-size) * .6),2.5rem)}}@media (max-width: 480px){.schulte-table-container{width:min(80vw,80vh)!important;height:min(80vw,80vh)!important}.cell-content{font-size:clamp(.6rem,calc(min(80vw,80vh) / var(--table-size) * .6),2rem)}}.table-center-dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--center-dot-size, 8px);height:var(--center-dot-size, 8px);background-color:var(--center-dot-color, #22c55e);border-radius:50%;z-index:var(--center-dot-z-index, 10);box-shadow:0 0 4px #22c55e80;pointer-events:none}@keyframes scrollUp{0%{transform:translate(-50%) translateY(100vh)}to{transform:translate(-50%) translateY(-200vh)}}.columns-words-scrolling{animation-fill-mode:forwards;transform:translate(-50%) translateY(100vh);will-change:transform}.columns-words-scrolling *{transform:translateZ(0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 768px){.columns-words-scrolling{will-change:auto}}@media (prefers-reduced-motion: reduce){.columns-words-scrolling{animation:none!important;transform:translate(-50%) translateY(0)!important}}.tornado-text-container{max-width:var(--trainer-container-max-width);margin:0 auto;padding:var(--spacing-5)}.text-header{text-align:center;margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-4);border-bottom:2px solid var(--color-gray-200)}.text-content{background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px #ffffff1a;padding:var(--spacing-6);margin-bottom:var(--spacing-5);height:auto;min-height:auto;width:100%;max-width:100%;line-height:1.6;font-size:var(--font-size-lg);text-align:justify;color:var(--color-text-primary);font-family:var(--font-family-primary);font-weight:var(--font-weight-normal);word-wrap:break-word;overflow-wrap:break-word;white-space:normal;position:relative}.text-wrapper{width:100%}.text-wrapper.has-overlay{filter:blur(2px);transition:filter var(--transition-fast)}.word{display:inline-block;margin-right:var(--spacing-1);transition:var(--transition-fast);color:var(--color-text-primary);font-family:var(--font-family-primary);font-size:inherit;font-weight:var(--font-weight-normal);white-space:nowrap;word-break:keep-all}.word.fade-out{opacity:0;transform:scale(.8) translateY(-10px);transition:var(--transition-slow)}.word.hidden{opacity:0;visibility:hidden;transition:var(--transition-fast)}.start-button-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;display:flex;align-items:center;justify-content:center}.start-button-container{text-align:center;margin-top:var(--spacing-6);min-height:60px;display:flex;align-items:center;justify-content:center}.start-disappearing-btn{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;border:none;padding:var(--spacing-4) var(--spacing-8);border-radius:var(--radius-xl);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-fast);box-shadow:var(--shadow-md);position:relative;z-index:30;-webkit-backdrop-filter:none;backdrop-filter:none}.start-disappearing-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.error-container{text-align:center;padding:var(--spacing-10);background:#ef44441a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(239,68,68,.3);color:var(--color-error);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg)}.error-container h2{margin:0 0 var(--spacing-3) 0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-error)}.error-container p{margin:0;opacity:.8;color:var(--color-text-secondary)}@media (max-width: 768px){.tornado-text-container{padding:var(--spacing-4);margin:0 var(--spacing-2)}.text-content{padding:var(--spacing-4);font-size:var(--font-size-base);height:auto;min-height:auto}.word{font-size:inherit}}@media (max-width: 480px){.text-content{padding:var(--spacing-3);font-size:var(--font-size-sm);height:auto;min-height:auto}.word{font-size:inherit}}.letter-field{display:block;padding:var(--spacing-6);background:#ffffff1a;border:2px dashed rgba(255,255,255,.3);border-radius:24px;line-height:1,2;word-wrap:break-word;overflow-wrap:break-word;overflow:hidden;box-sizing:border-box}.letter-field__letter{font-size:2rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);-webkit-user-select:none;user-select:none;display:inline;padding:0;margin:0;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.letter-field__word{font-size:2rem;font-weight:var(--font-weight-bold);color:var(--color-text-primary);-webkit-user-select:none;user-select:none;display:inline;padding:0;margin:0;cursor:pointer;white-space:nowrap;transition:all .3s cubic-bezier(.4,0,.2,1)}.letter-field__block--correct{color:#4caf50!important}.letter-field__block--error{color:#f44336!important;animation:shake .5s}.letter-field__letter:hover{transform:scale(1.1);color:var(--color-primary)}.letter-field__word:hover{transform:scale(1.05)}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@media (max-width: 932px) and (max-height: 932px){.letter-field{max-width:90vw!important;width:90vw!important;max-height:60vh!important;height:auto!important;min-height:200px;padding:var(--spacing-4)!important}}@media (max-width: 480px){.letter-field{max-width:95vw!important;width:95vw!important;max-height:55vh!important;height:auto!important;min-height:150px;padding:var(--spacing-3)!important}}.letters-reading-test-container{width:100%;max-width:var(--trainer-modal-max-width);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);gap:var(--spacing-8);position:relative}.letters-reading-test-letter{font-size:12rem;font-weight:var(--font-weight-bold);color:var(--color-primary);text-align:center;line-height:1;-webkit-user-select:none;user-select:none;margin:var(--spacing-4) 0}.letters-reading-test-timer{position:absolute;top:var(--spacing-4);right:var(--spacing-4);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-align:center;padding:var(--spacing-2) var(--spacing-4);background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-xl);min-width:80px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px #ffffff1a;z-index:10}.letters-reading-test-buttons{display:flex;flex-direction:row;gap:var(--spacing-4);width:100%;max-width:600px;justify-content:center;flex-wrap:wrap}.letters-reading-test-button{background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px #ffffff1a;font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);font-family:var(--font-family-primary);color:var(--color-text-primary);min-height:60px;flex:1;min-width:150px;padding:var(--spacing-4) var(--spacing-6);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .6s cubic-bezier(.25,.46,.45,.94),color .6s cubic-bezier(.25,.46,.45,.94),border-color .6s cubic-bezier(.25,.46,.45,.94),box-shadow .6s cubic-bezier(.25,.46,.45,.94)}.letters-reading-test-button-sound{border-color:#10b98180}.letters-reading-test-button-sound:hover:not(:disabled){background:#fff6;border-color:#10b981b3;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,inset 0 1px #fff3}.letters-reading-test-button-alphabet{border-color:#f59e0b80}.letters-reading-test-button-alphabet:hover:not(:disabled){background:#fff6;border-color:#f59e0bb3;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,inset 0 1px #fff3}.letters-reading-test-button-dont-know{border-color:#ef444480}.letters-reading-test-button-dont-know:hover:not(:disabled){background:#fff6;border-color:#ef4444b3;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,inset 0 1px #fff3}.letters-reading-test-button:active:not(:disabled){box-shadow:0 2px 4px -1px #0000001a,0 1px 2px -1px #0000000f,inset 0 1px #ffffff1a}.letters-reading-test-button:disabled{opacity:.6;cursor:not-allowed}.letters-reading-test-complete{text-align:center}.letters-reading-test-complete h2{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin:0 0 var(--spacing-4) 0}.letters-reading-test-complete p{font-size:var(--font-size-2xl);color:var(--color-text-secondary);margin:0}@media (max-width: 768px){.letters-reading-test-container{padding:var(--spacing-6);gap:var(--spacing-6)}.letters-reading-test-letter{font-size:10rem}.letters-reading-test-timer{font-size:var(--font-size-lg);padding:var(--spacing-2) var(--spacing-3);min-width:70px}.letters-reading-test-buttons{max-width:500px;gap:var(--spacing-3)}.letters-reading-test-button{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-lg);min-height:55px;min-width:120px}.letters-reading-test-complete h2{font-size:var(--font-size-3xl)}.letters-reading-test-complete p{font-size:var(--font-size-xl)}}@media (max-width: 480px){.letters-reading-test-container{padding:var(--spacing-4);gap:var(--spacing-4)}.letters-reading-test-letter{font-size:8rem}.letters-reading-test-timer{font-size:var(--font-size-base);padding:var(--spacing-2) var(--spacing-3);min-width:60px;top:var(--spacing-2);right:var(--spacing-2)}.letters-reading-test-buttons{max-width:100%;gap:var(--spacing-2);flex-direction:column}.letters-reading-test-button{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);min-height:50px;min-width:100%}.letters-reading-test-complete h2{font-size:var(--font-size-2xl)}.letters-reading-test-complete p{font-size:var(--font-size-lg)}}.closed-syllables-test-container{width:100%;max-width:var(--trainer-modal-max-width);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);gap:var(--spacing-8);position:relative}.closed-syllables-test-syllable{font-size:12rem;font-weight:var(--font-weight-bold);color:var(--color-primary);text-align:center;line-height:1;-webkit-user-select:none;user-select:none;margin:var(--spacing-4) 0}.closed-syllables-test-timer{position:absolute;top:var(--spacing-4);right:var(--spacing-4);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-align:center;padding:var(--spacing-2) var(--spacing-4);background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-xl);min-width:80px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px #ffffff1a;z-index:10}.closed-syllables-test-buttons{display:flex;flex-direction:row;gap:var(--spacing-4);width:100%;max-width:600px;justify-content:center;flex-wrap:wrap}.closed-syllables-test-button{background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px #ffffff1a;font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);font-family:var(--font-family-primary);color:var(--color-text-primary);min-height:60px;flex:1;min-width:150px;padding:var(--spacing-4) var(--spacing-6);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .6s cubic-bezier(.25,.46,.45,.94),color .6s cubic-bezier(.25,.46,.45,.94),border-color .6s cubic-bezier(.25,.46,.45,.94),box-shadow .6s cubic-bezier(.25,.46,.45,.94)}.closed-syllables-test-button-correct{border-color:#10b98180}.closed-syllables-test-button-correct:hover:not(:disabled){background:#fff6;border-color:#10b981b3;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,inset 0 1px #fff3}.closed-syllables-test-button-incorrect{border-color:#ef444480}.closed-syllables-test-button-incorrect:hover:not(:disabled){background:#fff6;border-color:#ef4444b3;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,inset 0 1px #fff3}.closed-syllables-test-button:active:not(:disabled){box-shadow:0 2px 4px -1px #0000001a,0 1px 2px -1px #0000000f,inset 0 1px #ffffff1a}.closed-syllables-test-button:disabled{opacity:.6;cursor:not-allowed}.closed-syllables-test-complete{text-align:center}.closed-syllables-test-complete h2{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin:0 0 var(--spacing-4) 0}.closed-syllables-test-complete p{font-size:var(--font-size-2xl);color:var(--color-text-secondary);margin:0}@media (max-width: 768px){.closed-syllables-test-container{padding:var(--spacing-6);gap:var(--spacing-6)}.closed-syllables-test-syllable{font-size:10rem}.closed-syllables-test-timer{font-size:var(--font-size-lg);padding:var(--spacing-2) var(--spacing-3);min-width:70px}.closed-syllables-test-buttons{max-width:500px;gap:var(--spacing-3)}.closed-syllables-test-button{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-lg);min-height:55px;min-width:120px}.closed-syllables-test-complete h2{font-size:var(--font-size-3xl)}.closed-syllables-test-complete p{font-size:var(--font-size-xl)}}@media (max-width: 480px){.closed-syllables-test-container{padding:var(--spacing-4);gap:var(--spacing-4)}.closed-syllables-test-syllable{font-size:8rem}.closed-syllables-test-timer{font-size:var(--font-size-base);padding:var(--spacing-2) var(--spacing-3);min-width:60px;top:var(--spacing-2);right:var(--spacing-2)}.closed-syllables-test-buttons{max-width:100%;gap:var(--spacing-2);flex-direction:column}.closed-syllables-test-button{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);min-height:50px;min-width:100%}.closed-syllables-test-complete h2{font-size:var(--font-size-2xl)}.closed-syllables-test-complete p{font-size:var(--font-size-lg)}}.open-syllables-test-container{width:100%;max-width:var(--trainer-modal-max-width);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);gap:var(--spacing-8);position:relative}.open-syllables-test-syllable{font-size:12rem;font-weight:var(--font-weight-bold);color:var(--color-primary);text-align:center;line-height:1;-webkit-user-select:none;user-select:none;margin:var(--spacing-4) 0}.open-syllables-test-timer{position:absolute;top:var(--spacing-4);right:var(--spacing-4);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-align:center;padding:var(--spacing-2) var(--spacing-4);background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-xl);min-width:80px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px #ffffff1a;z-index:10}.open-syllables-test-buttons{display:flex;flex-direction:row;gap:var(--spacing-4);width:100%;max-width:600px;justify-content:center;flex-wrap:wrap}.open-syllables-test-button{background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px #ffffff1a;font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);font-family:var(--font-family-primary);color:var(--color-text-primary);min-height:60px;flex:1;min-width:150px;padding:var(--spacing-4) var(--spacing-6);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .6s cubic-bezier(.25,.46,.45,.94),color .6s cubic-bezier(.25,.46,.45,.94),border-color .6s cubic-bezier(.25,.46,.45,.94),box-shadow .6s cubic-bezier(.25,.46,.45,.94)}.open-syllables-test-button-correct{border-color:#10b98180}.open-syllables-test-button-correct:hover:not(:disabled){background:#fff6;border-color:#10b981b3;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,inset 0 1px #fff3}.open-syllables-test-button-incorrect{border-color:#ef444480}.open-syllables-test-button-incorrect:hover:not(:disabled){background:#fff6;border-color:#ef4444b3;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,inset 0 1px #fff3}.open-syllables-test-button:active:not(:disabled){box-shadow:0 2px 4px -1px #0000001a,0 1px 2px -1px #0000000f,inset 0 1px #ffffff1a}.open-syllables-test-button:disabled{opacity:.6;cursor:not-allowed}.open-syllables-test-complete{text-align:center}.open-syllables-test-complete h2{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin:0 0 var(--spacing-4) 0}.open-syllables-test-complete p{font-size:var(--font-size-2xl);color:var(--color-text-secondary);margin:0}@media (max-width: 768px){.open-syllables-test-container{padding:var(--spacing-6);gap:var(--spacing-6)}.open-syllables-test-syllable{font-size:10rem}.open-syllables-test-timer{font-size:var(--font-size-lg);padding:var(--spacing-2) var(--spacing-3);min-width:70px}.open-syllables-test-buttons{max-width:500px;gap:var(--spacing-3)}.open-syllables-test-button{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-lg);min-height:55px;min-width:120px}.open-syllables-test-complete h2{font-size:var(--font-size-3xl)}.open-syllables-test-complete p{font-size:var(--font-size-xl)}}@media (max-width: 480px){.open-syllables-test-container{padding:var(--spacing-4);gap:var(--spacing-4)}.open-syllables-test-syllable{font-size:8rem}.open-syllables-test-timer{font-size:var(--font-size-base);padding:var(--spacing-2) var(--spacing-3);min-width:60px;top:var(--spacing-2);right:var(--spacing-2)}.open-syllables-test-buttons{max-width:100%;gap:var(--spacing-2);flex-direction:column}.open-syllables-test-button{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);min-height:50px;min-width:100%}.open-syllables-test-complete h2{font-size:var(--font-size-2xl)}.open-syllables-test-complete p{font-size:var(--font-size-lg)}}.columns-words-test-container{width:fit-content;min-width:calc(var(--trainer-modal-max-width) * 2);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);gap:var(--spacing-8)}.columns-words-test-word{font-weight:var(--font-weight-bold);color:var(--color-primary);text-align:center;line-height:1.2;-webkit-user-select:none;user-select:none;margin:var(--spacing-4) 0;white-space:nowrap;display:inline-block;width:auto;max-width:100%;font-size:clamp(2rem,15vw,6rem);word-break:keep-all;overflow-wrap:break-word}.columns-words-test-buttons{display:flex;flex-direction:row;gap:var(--spacing-4);width:100%;max-width:600px;justify-content:center;flex-wrap:wrap}.columns-words-test-ready-button{background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(16,185,129,.5);border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px #ffffff1a;font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);font-family:var(--font-family-primary);color:var(--color-text-primary);min-height:60px;min-width:150px;padding:var(--spacing-4) var(--spacing-6);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .6s cubic-bezier(.25,.46,.45,.94),color .6s cubic-bezier(.25,.46,.45,.94),border-color .6s cubic-bezier(.25,.46,.45,.94),box-shadow .6s cubic-bezier(.25,.46,.45,.94)}.columns-words-test-ready-button:hover:not(:disabled){background:#fff6;border-color:#10b981b3;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,inset 0 1px #fff3}.columns-words-test-ready-button:active:not(:disabled){box-shadow:0 2px 4px -1px #0000001a,0 1px 2px -1px #0000000f,inset 0 1px #ffffff1a}.columns-words-test-ready-button:disabled{opacity:.6;cursor:not-allowed}.columns-words-test-not-read-button{background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(239,68,68,.5);border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px #ffffff1a;font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);font-family:var(--font-family-primary);color:var(--color-text-primary);min-height:60px;min-width:150px;padding:var(--spacing-4) var(--spacing-6);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .6s cubic-bezier(.25,.46,.45,.94),color .6s cubic-bezier(.25,.46,.45,.94),border-color .6s cubic-bezier(.25,.46,.45,.94),box-shadow .6s cubic-bezier(.25,.46,.45,.94)}.columns-words-test-not-read-button:hover:not(:disabled){background:#fff6;border-color:#ef4444b3;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,inset 0 1px #fff3}.columns-words-test-not-read-button:active:not(:disabled){box-shadow:0 2px 4px -1px #0000001a,0 1px 2px -1px #0000000f,inset 0 1px #ffffff1a}.columns-words-test-not-read-button:disabled{opacity:.6;cursor:not-allowed}.columns-words-test-instruction{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-align:center;padding:var(--spacing-6) var(--spacing-8);background:#667eea1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(102,126,234,.3);border-radius:var(--trainer-item-radius);margin-bottom:var(--spacing-4);max-width:600px}.columns-words-test-errors-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-primary);text-align:center;margin:0 0 var(--spacing-6) 0;line-height:1.2}.columns-words-test-errors-instruction{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-align:center;margin:0 0 var(--spacing-8) 0;max-width:600px;line-height:1.5}.columns-words-test-errors-input-container{width:100%;max-width:300px;margin-bottom:var(--spacing-6)}.columns-words-test-errors-input{width:100%;padding:var(--spacing-6) var(--spacing-8);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-align:center;background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px #ffffff1a;transition:background .6s cubic-bezier(.25,.46,.45,.94),border-color .6s cubic-bezier(.25,.46,.45,.94),box-shadow .6s cubic-bezier(.25,.46,.45,.94);-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.columns-words-test-errors-input::-webkit-outer-spin-button,.columns-words-test-errors-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.columns-words-test-errors-input:focus{outline:none;background:#fff6;border-color:#10b981b3;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,inset 0 1px #fff3}.columns-words-test-errors-error{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:#ef4444;text-align:center;margin:0 0 var(--spacing-6) 0;padding:var(--spacing-4) var(--spacing-6);background:#ef44441a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(239,68,68,.5);border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px #ffffff1a}.columns-words-test-errors-submit-button{background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(16,185,129,.5);border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px #ffffff1a;font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);font-family:var(--font-family-primary);color:var(--color-text-primary);min-height:60px;min-width:150px;padding:var(--spacing-4) var(--spacing-6);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .6s cubic-bezier(.25,.46,.45,.94),color .6s cubic-bezier(.25,.46,.45,.94),border-color .6s cubic-bezier(.25,.46,.45,.94),box-shadow .6s cubic-bezier(.25,.46,.45,.94)}.columns-words-test-errors-submit-button:hover{background:#fff6;border-color:#10b981b3;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,inset 0 1px #fff3}.columns-words-test-errors-submit-button:active{box-shadow:0 2px 4px -1px #0000001a,0 1px 2px -1px #0000000f,inset 0 1px #ffffff1a}.columns-words-test-error{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-error);text-align:center;padding:var(--spacing-8);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,0,0,.3);border-radius:var(--trainer-item-radius)}@media (max-width: 932px) and (max-height: 932px){.columns-words-test-word{font-size:clamp(1.5rem,12vw,4rem)!important;max-width:95vw!important;padding:0 var(--spacing-2)!important;box-sizing:border-box}.columns-words-test-container{min-width:auto!important;width:100%!important;max-width:100vw!important;padding:var(--spacing-4)!important}}@media (max-width: 480px){.columns-words-test-word{font-size:clamp(1.25rem,10vw,3rem)!important;max-width:98vw!important;padding:0 var(--spacing-1)!important}.columns-words-test-container{padding:var(--spacing-3)!important}}.text-words-test-container{width:fit-content;min-width:30vw;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);gap:var(--spacing-8)}.text-words-test-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary);text-align:center;line-height:1.4;-webkit-user-select:none;user-select:none;margin:0 0 var(--spacing-6) 0;padding:var(--spacing-4) var(--spacing-6);word-break:break-word}.text-words-test-text{background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px #ffffff1a;margin:var(--spacing-4) 0;padding:var(--spacing-6) var(--spacing-8);width:fit-content;min-width:100%}.text-words-test-text-content{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-align:center;line-height:1.6;-webkit-user-select:none;user-select:none;word-break:break-word}.text-words-test-ready-button{background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(16,185,129,.5);border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px #ffffff1a;font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);font-family:var(--font-family-primary);color:var(--color-text-primary);min-height:60px;min-width:150px;padding:var(--spacing-4) var(--spacing-6);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .6s cubic-bezier(.25,.46,.45,.94),color .6s cubic-bezier(.25,.46,.45,.94),border-color .6s cubic-bezier(.25,.46,.45,.94),box-shadow .6s cubic-bezier(.25,.46,.45,.94)}.text-words-test-ready-button:hover:not(:disabled){background:#fff6;border-color:#10b981b3;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,inset 0 1px #fff3}.text-words-test-ready-button:active:not(:disabled){box-shadow:0 2px 4px -1px #0000001a,0 1px 2px -1px #0000000f,inset 0 1px #ffffff1a}.text-words-test-ready-button:disabled{opacity:.6;cursor:not-allowed}.text-words-test-progress{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-align:center}.text-words-test-question{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary);text-align:center;line-height:1.4;-webkit-user-select:none;user-select:none;margin:var(--spacing-4) 0;padding:var(--spacing-6) var(--spacing-8);background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px #ffffff1a;max-width:700px;word-break:break-word}.text-words-test-answers{display:flex;flex-direction:column;gap:var(--spacing-4);width:100%;max-width:500px}.text-words-test-answer-button{background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(16,185,129,.5);border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px #ffffff1a;font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);font-family:var(--font-family-primary);color:var(--color-text-primary);min-height:60px;padding:var(--spacing-4) var(--spacing-6);display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:background .6s cubic-bezier(.25,.46,.45,.94),color .6s cubic-bezier(.25,.46,.45,.94),border-color .6s cubic-bezier(.25,.46,.45,.94),box-shadow .6s cubic-bezier(.25,.46,.45,.94)}.text-words-test-answer-button:hover{background:#fff6;border-color:#10b981b3;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,inset 0 1px #fff3}.text-words-test-answer-button:active{box-shadow:0 2px 4px -1px #0000001a,0 1px 2px -1px #0000000f,inset 0 1px #ffffff1a}.text-words-test-error{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:#ef4444;text-align:center;padding:var(--spacing-4) var(--spacing-6);background:#ef44441a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(239,68,68,.5);border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px #ffffff1a}.questionnaire-container{width:100%;max-width:800px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-8);margin:0 auto}.questionnaire-step{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-8)}.questionnaire-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);font-family:var(--font-family-primary);color:var(--color-primary);text-align:center;line-height:1.2;margin:0;margin-bottom:var(--spacing-8);transition:color var(--transition-normal)}.questionnaire-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-4);width:100%;max-width:800px;justify-items:center}.questionnaire-button{background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(16,185,129,.5);border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px #ffffff1a;font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);font-family:var(--font-family-primary);color:var(--color-text-primary);width:100%;min-height:60px;padding:var(--spacing-4) var(--spacing-6);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .6s cubic-bezier(.25,.46,.45,.94),color .6s cubic-bezier(.25,.46,.45,.94),border-color .6s cubic-bezier(.25,.46,.45,.94),box-shadow .6s cubic-bezier(.25,.46,.45,.94)}.questionnaire-button:hover:not(:disabled){background:#fff6;border-color:#10b981b3;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,inset 0 1px #fff3}.questionnaire-button:active:not(:disabled){box-shadow:0 2px 4px -1px #0000001a,0 1px 2px -1px #0000000f,inset 0 1px #ffffff1a}.questionnaire-button:disabled{opacity:.6;cursor:not-allowed}.questionnaire-button-large{min-height:80px;font-size:var(--font-size-xl);grid-column:span 2}@media (max-width: 768px){.questionnaire-title{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-6)}.questionnaire-buttons{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-3)}.questionnaire-button{min-height:55px;font-size:var(--font-size-lg);padding:var(--spacing-3) var(--spacing-4)}.questionnaire-button-large{min-height:70px;font-size:var(--font-size-lg)}}@media (max-width: 480px){.questionnaire-container{padding:var(--spacing-4)}.questionnaire-title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-4)}.questionnaire-buttons{grid-template-columns:repeat(2,1fr);gap:var(--spacing-2)}.questionnaire-button{min-height:50px;font-size:var(--font-size-base);padding:var(--spacing-3) var(--spacing-4)}.questionnaire-button-large{grid-column:span 2;min-height:60px;font-size:var(--font-size-base)}}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-6);background:linear-gradient(135deg,#667eea,#764ba2)}.error-boundary__content{max-width:600px;padding:var(--spacing-8);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);text-align:center}.error-boundary__icon{font-size:64px;margin-bottom:var(--spacing-4)}.error-boundary__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-3)}.error-boundary__message{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-6);line-height:1.6}.error-boundary__details{margin:var(--spacing-4) 0;text-align:left}.error-boundary__details summary{cursor:pointer;color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-2)}.error-boundary__error{background:#0000000d;padding:var(--spacing-3);border-radius:var(--radius-lg);font-size:var(--font-size-xs);color:var(--color-error);overflow-x:auto;max-height:200px}.error-boundary__actions{display:flex;gap:var(--spacing-3);justify-content:center}.error-boundary__button{padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-xl);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;border:none}.error-boundary__button--primary{background:var(--color-primary);color:#fff}.error-boundary__button--primary:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.error-boundary__button--secondary{background:#0000000d;color:var(--color-text-primary)}.error-boundary__button--secondary:hover{background:#0000001a}@media (max-width: 768px){.error-boundary__content{padding:var(--spacing-6)}.error-boundary__actions{flex-direction:column}.error-boundary__button{width:100%}}.play-form-input[type=select],select.play-form-input,.play-form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23667eea' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px;padding-right:40px}.play-form-input[type=select],select.play-form-input,.play-form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23667eea' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px;padding-right:40px}.play-homework-page{min-height:100vh;padding:var(--spacing-8);background-color:transparent}.play-homework-top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-6);gap:var(--spacing-4)}@media (max-width: 768px) and (orientation: portrait){.play-homework-top-bar{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.play-homework-top-bar>button{order:-1;flex:0 0 auto}.play-homework-top-bar>div{flex:1 1 100%;width:100%;text-align:center;order:1}.play-homework-top-bar>div:last-child{display:none}.play-homework-tabs{flex-direction:column;flex-wrap:nowrap;align-items:stretch;border-bottom:none;padding-bottom:var(--spacing-2);border-radius:12px;gap:var(--spacing-2)}.play-homework-tab{width:100%;margin-bottom:0;border-radius:8px;text-align:center}.play-homework-page{padding:var(--spacing-4)}.play-homework-list{padding:var(--spacing-4);border-radius:12px}.play-homework-card{padding:var(--spacing-3);gap:var(--spacing-3);border-radius:10px}.play-homework-card-content{gap:var(--spacing-2)}.play-homework-info{font-size:var(--font-size-xs)}.play-homework-card-actions{justify-content:center}.play-homework-card-actions .play-button{padding:10px 20px;font-size:.9rem;border-radius:10px;width:100%}}@media (orientation: portrait){.play-homework-top-bar{flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.play-homework-top-bar>button{order:-1;flex:0 0 auto}.play-homework-top-bar>div{flex:1 1 100%!important;width:100%!important;text-align:center;order:1}.play-homework-top-bar>div:last-child{display:none}}@media (max-width: 949px) and (max-height: 449px){.play-homework-top-bar>div{flex:0 0 auto!important;width:auto!important;text-align:center}.play-homework-page{padding:var(--spacing-4)}.play-homework-list{padding:var(--spacing-4);border-radius:12px}.play-homework-card{padding:var(--spacing-3);gap:var(--spacing-3)}.play-homework-card-content{gap:var(--spacing-2)}.play-homework-info{font-size:var(--font-size-xs)}.play-homework-card-actions .play-button{padding:10px 20px;font-size:.9rem}.play-homework-tabs{flex-direction:row;flex-wrap:wrap;align-items:stretch;border-bottom:none;padding-bottom:var(--spacing-2);border-radius:12px;gap:var(--spacing-2)}.play-homework-tab{flex:0 0 calc(50% - var(--spacing-1));margin-bottom:0;border-radius:8px;text-align:center}}.play-homework-tabs{display:flex;gap:var(--spacing-1);margin-bottom:var(--spacing-6);border-bottom:2px solid #e5e7eb;padding-bottom:0;background-color:#f9fafb;border-radius:12px 12px 0 0;padding:var(--spacing-2) var(--spacing-2) 0 var(--spacing-2);flex-wrap:wrap}.play-homework-tab{padding:var(--spacing-3) var(--spacing-6);background-color:transparent;border:1px solid #667eea;color:#6b7280;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color .6s cubic-bezier(.25,.46,.45,.94),color .6s cubic-bezier(.25,.46,.45,.94),border-color .6s cubic-bezier(.25,.46,.45,.94);margin-bottom:0;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;position:relative;border-radius:8px 8px 0 0}.play-homework-tab:hover:not(.play-homework-tab--active){background-color:#fff;color:#667eea;border:1px solid #667eea}.play-homework-tab--active{background-color:#667eea;color:#fff;border:1px solid #667eea;font-weight:var(--font-weight-semibold)}.play-homework-list{background-color:#fff;border:1px solid #667eea;border-radius:16px;padding:var(--spacing-6);box-shadow:0 2px 8px #667eea1a}.play-homework-cards{display:flex;flex-direction:column;gap:var(--spacing-4)}.play-homework-card{border:1px solid #e5e7eb;border-radius:12px;padding:var(--spacing-4);background-color:#f9fafb;display:flex;flex-direction:column;gap:var(--spacing-4)}.play-homework-card-content{display:flex;flex-direction:column;gap:var(--spacing-3)}.play-homework-info{font-size:var(--font-size-sm);color:#1f2937}.play-homework-info strong{color:#667eea;margin-right:var(--spacing-2)}.play-homework-card-actions{display:flex;justify-content:flex-end}.play-homework-status{padding:var(--spacing-1) var(--spacing-2);border-radius:8px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.play-homework-status--completed{background-color:#10b981;color:#fff}.play-homework-status--overdue{background-color:#ef4444;color:#fff}.play-homework-status--in_progress{background-color:#f59e0b;color:#fff}.child-profile-page{min-height:100vh;background-color:transparent}.child-profile-container{position:relative;min-height:100vh;padding:2rem}.child-profile-page .play-sidebar{position:fixed;left:2rem;top:2rem;width:235px;height:fit-content;z-index:10}.child-profile-content{max-width:none;margin-left:calc(235px + 4rem);margin-right:2rem;margin-top:0;margin-bottom:0;background-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid #667eea;border-radius:16px;padding:2rem;box-shadow:none}@media (max-width: 949px) and (max-height: 449px){.child-profile-container{padding:var(--spacing-3)}.child-profile-page .play-sidebar{width:fit-content!important;min-width:auto;height:calc(100vh - var(--spacing-3) - var(--spacing-3))!important;max-height:none!important;overflow-y:auto;left:var(--spacing-3)!important;top:var(--spacing-3)!important;bottom:var(--spacing-3)!important}.child-profile-page .child-profile-content{position:fixed!important;left:calc(60px + var(--spacing-3) + var(--spacing-3) + var(--spacing-3))!important;right:var(--spacing-3)!important;top:var(--spacing-3)!important;bottom:var(--spacing-3)!important;height:auto!important;margin:0!important;width:auto;max-width:none;padding:var(--spacing-4);border-radius:12px;overflow-y:auto}.child-profile-info .form-row{flex-direction:column!important;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.child-profile-info .form-group--half{width:100%!important;flex:none!important}}@media (max-width: 768px) and (orientation: portrait){.child-profile-container{padding:var(--spacing-3)}.child-profile-page .child-profile-content{position:fixed!important;left:var(--spacing-3)!important;right:var(--spacing-3)!important;top:calc(var(--spacing-3) + var(--spacing-3) + 48px + var(--spacing-3) + var(--spacing-3))!important;bottom:var(--spacing-3)!important;height:auto!important;margin:0!important;width:auto;max-width:none;padding:var(--spacing-4);border-radius:12px;overflow-y:auto}.child-profile-info .form-row{flex-direction:column!important;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.child-profile-info .form-group--half{width:100%!important;flex:none!important}}.child-profile-header{margin-bottom:2rem;text-align:center}.child-profile-info .info-section{margin-bottom:2rem}.child-profile-info .form-row{display:flex;gap:.75rem;margin-bottom:1rem}.child-profile-info .form-group{margin-bottom:1rem}.child-profile-info .form-group--half{flex:1;margin-bottom:0}.child-profile-info .info-value{box-sizing:border-box;display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#fff!important;background-color:#fff!important;background-image:none!important;border:1px solid #667eea!important;border-radius:12px;position:relative;box-shadow:none;transform:none}.child-profile-info .info-icon{font-size:24px;width:32px;text-align:center;flex-shrink:0;color:#667eea}.child-profile-info .info-content{flex:1;min-width:0}.child-profile-info .info-label{font-size:.875rem;font-weight:500;color:#9ca3af;margin-bottom:.25rem;display:block}.child-profile-info .info-text{font-size:1rem;color:#667eea;font-weight:600;word-break:break-word}.child-profile-info .edit-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#fff;border:1px solid #667eea;border-radius:10px;color:#667eea;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;right:.5rem;transform:translateY(-50%);box-shadow:none}.child-profile-info .edit-button:hover{background:#667eea1a;border-color:#818cf8;color:#667eea}.child-profile-info .edit-button:active{background:#667eea33}.child-profile-content .play-error-message{flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.child-profile-content .play-error-icon{font-size:48px;margin-bottom:1rem}.child-profile-content .play-error-text{font-size:1rem;color:#667eea;margin-bottom:1rem}.child-profile-content .loading-message{display:flex;align-items:center;justify-content:center;padding:2rem;font-size:1rem;color:#667eea}.child-profile-info .child-profile-delete-card{box-sizing:border-box;display:flex;align-items:center;gap:1rem;width:100%;padding:1.25rem;background:#fff!important;background-color:#fff!important;background-image:none!important;border:1px solid #ef4444!important;border-radius:12px;cursor:pointer;transition:border-color .3s cubic-bezier(.4,0,.2,1);text-align:left;box-shadow:none;transform:none}.child-profile-info .child-profile-delete-card:hover:not(:disabled){border-color:#f87171}.child-profile-info .child-profile-delete-card:disabled{opacity:.5;cursor:not-allowed}.child-profile-info .child-profile-delete-card .info-icon{color:#ef4444}.child-profile-info .child-profile-delete-card .info-label{color:#9ca3af}.child-profile-info .child-profile-delete-card .info-text{color:#ef4444;font-weight:500}.progress-bars-container{width:100%;margin-top:1.5rem;display:flex;flex-direction:column;gap:2rem}.progress-bars-program-group{display:flex;flex-direction:column;gap:1rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(102,126,234,.3)}.progress-bars-program-group:last-child{border-bottom:none;padding-bottom:0}.progress-bars-program-header{margin-bottom:.5rem}.progress-bars-program-title{font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:1.25rem;font-weight:700;color:#667eea;margin:0 0 .25rem}.progress-bars-program-description{font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:.875rem;color:#9ca3af;margin:0;font-style:italic}.progress-bars-grid{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start}.progress-bar{box-sizing:border-box;width:40px;height:40px;border-radius:8px;transition:border-color .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transform:none}.progress-bar-completed{background:#fff;background-color:#fff;background-image:none;border:1px solid #10b981}.progress-bar-completed:hover{border-color:#059669}.progress-bar-current{background:#fff;background-color:#fff;background-image:none;border:1px solid #f59e0b}.progress-bar-current:hover{border-color:#d97706}.progress-bar-not-completed{background:#fff;background-color:#fff;background-image:none;border:1px solid #9ca3af}.progress-bar-not-completed:hover{border-color:#6b7280}.progress-bar-number{font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:.875rem;font-weight:600;line-height:1;-webkit-user-select:none;user-select:none}.progress-bar-completed .progress-bar-number{color:#10b981;font-weight:700}.progress-bar-current .progress-bar-number{color:#f59e0b;font-weight:700}.progress-bar-not-completed .progress-bar-number{color:#9ca3af}.progress-page{min-height:100vh;background-color:transparent}.progress-page-container{position:relative;min-height:100vh;padding:2rem}.progress-page .play-sidebar{position:fixed;left:2rem;top:2rem;width:235px;height:fit-content;z-index:10}.progress-page-content-wrapper{max-width:none;margin-left:calc(235px + 4rem);margin-right:2rem;margin-top:0;margin-bottom:0;background-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid #667eea;border-radius:16px;padding:2rem;box-shadow:none}@media (max-width: 949px) and (max-height: 449px){.progress-page-container{padding:var(--spacing-3)}.progress-page .play-sidebar{width:fit-content!important;min-width:auto;height:calc(100vh - var(--spacing-3) - var(--spacing-3))!important;max-height:none!important;overflow-y:auto;left:var(--spacing-3)!important;top:var(--spacing-3)!important;bottom:var(--spacing-3)!important}.progress-page-content-wrapper{position:fixed!important;left:calc(60px + var(--spacing-3) + var(--spacing-3) + var(--spacing-3))!important;right:var(--spacing-3)!important;top:var(--spacing-3)!important;bottom:var(--spacing-3)!important;height:auto!important;margin:0!important;width:auto;max-width:none;padding:var(--spacing-4);border-radius:12px;overflow-y:auto}}@media (max-width: 768px) and (orientation: portrait){.progress-page-container{padding:var(--spacing-3)}.progress-page-content-wrapper{position:fixed!important;left:var(--spacing-3)!important;right:var(--spacing-3)!important;top:calc(var(--spacing-3) + var(--spacing-3) + 48px + var(--spacing-3) + var(--spacing-3))!important;bottom:var(--spacing-3)!important;height:auto!important;margin:0!important;width:auto;max-width:none;padding:var(--spacing-4);border-radius:12px;overflow-y:auto}}.progress-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.progress-page-course-selector{display:flex;align-items:center;gap:.75rem}.progress-page-course-label{font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:1rem;font-weight:600;color:#667eea}.progress-page-content{width:100%}.activity-chart-container{width:100%;display:flex;justify-content:center;align-items:center;padding:var(--spacing-6);background:#ffffff0d;border:1px solid rgba(102,126,234,.2);border-radius:var(--radius-xl);overflow-x:auto}.activity-chart{display:block;max-width:100%;height:auto}.activity-chart-grid-line{stroke:#667eea33;stroke-width:1;stroke-dasharray:2,2}.activity-chart-grid-line-vertical{stroke:#667eea26}.activity-chart-line{stroke:#667eeacc;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s ease}.activity-chart-point{fill:#667eeae6;stroke:#ffffffe6;stroke-width:2;transition:all .2s ease;cursor:pointer}.activity-chart-point:hover{fill:#667eea;r:7;filter:drop-shadow(0 0 4px rgba(102,126,234,.6))}.activity-chart-point-zero{fill:#667eea4d;stroke:#667eea80;stroke-width:1}.activity-chart-axis-label{font-size:12px;fill:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.activity-chart-axis-label-y{text-anchor:end}.activity-chart-axis-label-x{text-anchor:middle}.activity-chart-empty{width:100%;padding:2rem;text-align:center;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;color:#667eea;font-size:1rem;background:#fff;background-color:#fff;background-image:none;border:1px solid #667eea;border-radius:12px;box-shadow:none}.activity-page{min-height:100vh;background-color:transparent}.activity-page-container{position:relative;min-height:100vh;padding:2rem}.activity-page .play-sidebar{position:fixed;left:2rem;top:2rem;width:235px;height:fit-content;z-index:10}.activity-page-content-wrapper{max-width:none;margin-left:calc(235px + 4rem);margin-right:2rem;margin-top:0;margin-bottom:0;background-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid #667eea;border-radius:16px;padding:2rem;box-shadow:none}@media (max-width: 949px) and (max-height: 449px){.activity-page-container{padding:var(--spacing-3)}.activity-page .play-sidebar{width:fit-content!important;min-width:auto;height:calc(100vh - var(--spacing-3) - var(--spacing-3))!important;max-height:none!important;overflow-y:auto;left:var(--spacing-3)!important;top:var(--spacing-3)!important;bottom:var(--spacing-3)!important}.activity-page-content-wrapper{position:fixed!important;left:calc(60px + var(--spacing-3) + var(--spacing-3) + var(--spacing-3))!important;right:var(--spacing-3)!important;top:var(--spacing-3)!important;bottom:var(--spacing-3)!important;height:auto!important;margin:0!important;width:auto;max-width:none;padding:var(--spacing-4);border-radius:12px;overflow-y:auto}}@media (max-width: 768px) and (orientation: portrait){.activity-page-container{padding:var(--spacing-3)}.activity-page-content-wrapper{position:fixed!important;left:var(--spacing-3)!important;right:var(--spacing-3)!important;top:calc(var(--spacing-3) + var(--spacing-3) + 48px + var(--spacing-3) + var(--spacing-3))!important;bottom:var(--spacing-3)!important;height:auto!important;margin:0!important;width:auto;max-width:none;padding:var(--spacing-4);border-radius:12px;overflow-y:auto}}.activity-page-content-wrapper .activity-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(102,126,234,.3)}.activity-page-content-wrapper .activity-page-course-selector{display:flex;align-items:center;gap:.75rem}.activity-page-content-wrapper .activity-page-course-label{font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:1rem;font-weight:600;color:#667eea}.activity-page-content-wrapper .activity-page-content{width:100%;display:flex;flex-direction:column;gap:2rem}.activity-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}@media (max-width: 768px){.activity-metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.activity-metrics{grid-template-columns:1fr}}.activity-metric-card{box-sizing:border-box;background:#fff;background-color:#fff;background-image:none;border:1px solid #667eea;border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:.5rem;align-items:center;text-align:center;transition:border-color .3s cubic-bezier(.4,0,.2,1);box-shadow:none;transform:none}.activity-metric-card:hover{border-color:#818cf8}.activity-metric-label{font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:.875rem;font-weight:500;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.activity-metric-value{font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:2rem;font-weight:700;color:#667eea;line-height:1}.activity-metric-value-small{font-size:1.25rem}.activity-metric-card-level{border-width:2px;border-style:solid;grid-column:span 2;position:relative;overflow:visible}.activity-metric-card-level[data-level=excellent]{background:#fff;background-color:#fff;background-image:none;border:2px solid #fbbf24!important;box-shadow:none;animation:none}.activity-metric-card-level[data-level=excellent]:hover{border-color:#f59e0b}@media (max-width: 768px){.activity-metric-card-level{grid-column:span 2}}@media (max-width: 480px){.activity-metric-card-level{grid-column:span 1}}.activity-metric-level-value{font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.activity-metric-card-level[data-level=excellent] .activity-metric-level-value{color:#fbbf24!important}.activity-metric-label-level{font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.activity-chart-section{width:100%;display:flex;flex-direction:column;gap:1rem}.activity-chart-section-title{font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:1.5rem;font-weight:600;color:#667eea;margin:0}.activity-page-content-wrapper .activity-page-loading,.activity-page-content-wrapper .activity-page-error,.activity-page-content-wrapper .activity-page-empty{text-align:center;padding:2rem;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:1rem;color:#667eea;background:#fff;border:1px solid #667eea;border-radius:12px;width:100%;max-width:600px;margin:0 auto;box-shadow:none}.activity-page-content-wrapper .activity-page-error{color:#ef4444;background:#fff;border-color:#ef4444}.teachers-page{min-height:100vh;background-color:transparent}.teachers-page-container{position:relative;min-height:100vh;padding:2rem}.teachers-page .play-sidebar{position:fixed;left:2rem;top:2rem;width:235px;height:fit-content;z-index:10}.teachers-page-content-wrapper{max-width:none;margin-left:calc(235px + 4rem);margin-right:2rem;margin-top:0;margin-bottom:0;background-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid #667eea;border-radius:16px;padding:2rem;box-shadow:none}@media (max-width: 949px) and (max-height: 449px){.teachers-page-container{padding:var(--spacing-3)}.teachers-page .play-sidebar{width:fit-content!important;min-width:auto;height:calc(100vh - var(--spacing-3) - var(--spacing-3))!important;max-height:none!important;overflow-y:auto;left:var(--spacing-3)!important;top:var(--spacing-3)!important;bottom:var(--spacing-3)!important}.teachers-page-content-wrapper{position:fixed!important;left:calc(60px + var(--spacing-3) + var(--spacing-3) + var(--spacing-3))!important;right:var(--spacing-3)!important;top:var(--spacing-3)!important;bottom:var(--spacing-3)!important;height:auto!important;margin:0!important;width:auto;max-width:none;padding:var(--spacing-4);border-radius:12px;overflow-y:auto}}@media (max-width: 768px) and (orientation: portrait){.teachers-page-container{padding:var(--spacing-3)}.teachers-page-content-wrapper{position:fixed!important;left:var(--spacing-3)!important;right:var(--spacing-3)!important;top:calc(var(--spacing-3) + var(--spacing-3) + 48px + var(--spacing-3) + var(--spacing-3))!important;bottom:var(--spacing-3)!important;height:auto!important;margin:0!important;width:auto;max-width:none;padding:var(--spacing-4);border-radius:12px;overflow-y:auto}}.teachers-page-header{margin-bottom:2rem;text-align:center}.teachers-page-content{width:100%}.teachers-page-error{margin-bottom:1rem}.teachers-page .play-id-copy-button:hover:not(:disabled){transform:none}.child-teachers-list{display:flex;flex-direction:column;gap:1rem}.child-teachers-card{box-sizing:border-box;display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;background-color:#fff;background-image:none;border:1px solid #667eea;border-radius:12px;box-shadow:none;transform:none;transition:border-color .3s cubic-bezier(.4,0,.2,1)}.child-teachers-card:hover{border-color:#818cf8}.child-teachers-avatar{width:48px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#667eea;background-color:#667eea;background-image:none;border-radius:50%;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:1rem;font-weight:600;color:#fff;box-shadow:none;transform:none}.child-teachers-info{flex:1;min-width:0}.child-teachers-name{font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:1rem;font-weight:600;color:#667eea;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.child-teachers-email{font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:.875rem;font-weight:400;color:#9ca3af;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.child-teachers-empty{text-align:center;padding:3rem 2rem;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;color:#9ca3af}.child-teachers-empty svg{margin:0 auto 1rem;color:#9ca3af;opacity:.5}.child-teachers-empty p{font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:1rem;font-weight:400;color:#9ca3af;margin:0}.subscriptions-page{min-height:100vh;background-color:transparent}.subscriptions-page-container{position:relative;min-height:100vh;padding:2rem}.subscriptions-page .play-sidebar{position:fixed;left:2rem;top:2rem;width:235px;height:fit-content;z-index:10}.subscriptions-page-content-wrapper{max-width:none;margin-left:calc(235px + 4rem);margin-right:2rem;margin-top:0;margin-bottom:0;background-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid #667eea;border-radius:16px;padding:2rem;box-shadow:none}@media (max-width: 949px) and (max-height: 449px){.subscriptions-page-container{padding:var(--spacing-3)}.subscriptions-page .play-sidebar{width:fit-content!important;min-width:auto;height:calc(100vh - var(--spacing-3) - var(--spacing-3))!important;max-height:none!important;overflow-y:auto;left:var(--spacing-3)!important;top:var(--spacing-3)!important;bottom:var(--spacing-3)!important}.subscriptions-page-content-wrapper{position:fixed!important;left:calc(60px + var(--spacing-3) + var(--spacing-3) + var(--spacing-3))!important;right:var(--spacing-3)!important;top:var(--spacing-3)!important;bottom:var(--spacing-3)!important;height:auto!important;margin:0!important;width:auto;max-width:none;padding:var(--spacing-4);border-radius:12px;overflow-y:auto}}@media (max-width: 768px) and (orientation: portrait){.subscriptions-page-container{padding:var(--spacing-3)}.subscriptions-page-content-wrapper{position:fixed!important;left:var(--spacing-3)!important;right:var(--spacing-3)!important;top:calc(var(--spacing-3) + var(--spacing-3) + 48px + var(--spacing-3) + var(--spacing-3))!important;bottom:var(--spacing-3)!important;height:auto!important;margin:0!important;width:auto;max-width:none;padding:var(--spacing-4);border-radius:12px;overflow-y:auto}}.subscriptions-page-header{margin-bottom:2rem;text-align:center}.subscriptions-page-content{width:100%}.subscriptions-page-error{margin-bottom:1rem}.play-subscriptions-list{display:flex;flex-direction:column;gap:1.5rem}.play-subscriptions-item{background:#fff;border:1px solid #667eea;border-radius:12px;padding:1.5rem;box-shadow:none;transition:border-color .3s ease}.play-subscriptions-item:hover{border-color:#818cf8}.play-subscriptions-course{font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:1.25rem;font-weight:700;color:#667eea;margin-bottom:1rem}.play-subscriptions-info{display:flex;flex-direction:column;gap:.75rem}.play-subscriptions-date{display:flex;flex-direction:column;gap:.25rem}.play-subscriptions-date-label{font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:.875rem;font-weight:500;color:#6b7280}.play-subscriptions-date-value{font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:1rem;font-weight:600;color:#667eea}.play-subscriptions-date-value--expired{color:#ef4444}.play-subscriptions-type{font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:.875rem;font-weight:500;color:#6b7280}.play-subscriptions-empty{font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:.875rem;font-weight:500;color:#9ca3af;font-style:italic}.class-form-input[type=select],select.class-form-input,.class-form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23667eea' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px;padding-right:40px}.class-layout{position:relative;min-height:100vh}.class-layout-particles{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none}.class-layout-content{position:relative;z-index:1;min-height:100vh}.class-form-input[type=select],select.class-form-input,.class-form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23667eea' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px;padding-right:40px}.teacher-dashboard{width:100%;min-height:100vh;padding:var(--spacing-8)}.teacher-dashboard-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-8)}@media (max-width: 768px){.teacher-dashboard{padding:var(--spacing-4)}}@media (max-width: 480px){.teacher-dashboard{padding:var(--spacing-3)}}.class-form-input[type=select],select.class-form-input,.class-form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23667eea' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px;padding-right:40px}.class-form-input[type=select],select.class-form-input,.class-form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23667eea' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px;padding-right:40px}.directions-page{width:100%;min-height:100vh;padding:var(--spacing-8)}.directions-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-8)}@media (max-width: 768px){.directions-page{padding:var(--spacing-4)}}@media (max-width: 480px){.directions-page{padding:var(--spacing-3)}}.class-form-input[type=select],select.class-form-input,.class-form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23667eea' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px;padding-right:40px}.reading-page{width:100%;min-height:100vh;padding:var(--spacing-8)}.reading-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-8)}@media (max-width: 768px){.reading-page{padding:var(--spacing-4)}}@media (max-width: 480px){.reading-page{padding:var(--spacing-3)}}.class-form-input[type=select],select.class-form-input,.class-form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23667eea' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px;padding-right:40px}.trainers-page{width:100%;min-height:100vh}.trainers-container{width:100%;min-height:100vh;padding:var(--spacing-8)}.trainers-navigation{margin-bottom:var(--spacing-6)}.trainers-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-8)}.trainers-content{width:100%}@media (max-width: 768px){.trainers-container{padding:var(--spacing-4)}}@media (max-width: 480px){.trainers-container{padding:var(--spacing-3)}}.class-form-input[type=select],select.class-form-input,.class-form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23667eea' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px;padding-right:40px}.account-page{min-height:100vh;background-color:transparent}.account-container{position:relative;min-height:100vh;padding:2rem}.account-page .class-sidebar{position:fixed;left:2rem;top:2rem;width:235px;height:fit-content;z-index:10}.account-page .account-content{max-width:none;margin-left:calc(235px + 4rem);margin-right:2rem;margin-top:0;margin-bottom:0;background-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid #667eea;border-radius:16px;padding:2rem;box-shadow:none}.account-header{margin-bottom:var(--spacing-8);text-align:center}.info-section{margin-bottom:var(--spacing-8)}.account-page .info-value{box-sizing:border-box;display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#fff!important;background-color:#fff!important;background-image:none!important;border:1px solid #667eea!important;border-radius:12px;position:relative;box-shadow:none;transform:none}.account-page .info-icon{font-size:24px;width:32px;text-align:center;flex-shrink:0;color:#667eea}.account-page .info-content{flex:1;min-width:0}.account-page .info-label{font-size:.875rem;font-weight:500;color:#9ca3af;margin-bottom:.25rem;display:block}.account-page .info-text{font-size:1rem;color:#667eea;font-weight:600;word-break:break-word}.account-page .edit-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#fff;border:1px solid #667eea;border-radius:10px;color:var(--color-text-primary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;right:.5rem;transform:translateY(-50%);box-shadow:none}.account-page .edit-button:hover{background:#667eea1a;border-color:#818cf8;color:#667eea}.account-page .edit-button:active{background:#667eea33}.teacher-subscriptions-page-content{width:100%}.account-page .teacher-subscriptions-page-error{margin-bottom:1rem}.class-subscriptions-list{display:flex;flex-direction:column;gap:1.5rem}.class-subscriptions-item{background:#fff;border:1px solid #667eea;border-radius:12px;padding:1.5rem;box-shadow:none;transition:border-color .3s ease}.class-subscriptions-item:hover{border-color:#818cf8}.class-subscriptions-course{font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:1.25rem;font-weight:700;color:#667eea;margin-bottom:1rem}.class-subscriptions-info{display:flex;flex-direction:column;gap:.75rem}.class-subscriptions-date{display:flex;flex-direction:column;gap:.25rem}.class-subscriptions-date-label{font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:.875rem;font-weight:500;color:#6b7280}.class-subscriptions-date-value{font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:1rem;font-weight:600;color:#667eea}.class-subscriptions-date-value--expired{color:#ef4444}.class-subscriptions-type{font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:.875rem;font-weight:500;color:#6b7280}.class-subscriptions-empty{font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:.875rem;font-weight:500;color:#9ca3af;font-style:italic}.class-subscriptions-description{font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:.875rem;font-weight:400;color:#6b7280;margin-top:.5rem;font-style:italic}.payments-filters{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-2);flex:1;min-width:200px}.filter-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.filter-select{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);color:var(--color-text-primary);background:#fff;border:1px solid #667eea;border-radius:12px;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:none}.filter-select:hover{border-color:#818cf8;background:#fff}.filter-select:focus{border-color:#818cf8;background:#fff;box-shadow:none}.payments-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.payment-card{background:#fff;border:1px solid #667eea;border-radius:16px;padding:var(--spacing-6);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:none}.payment-card:hover{background:#fff;border-color:#818cf8}.payment-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-4);gap:var(--spacing-4)}.payment-card-title{display:flex;flex-direction:column;gap:var(--spacing-1);flex:1}.payment-card-title h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.payment-status{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);white-space:nowrap}.payment-status--completed{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.3)}.payment-status--failed{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.payment-status--pending{background:#fbbf241a;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.payment-status--refunded{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.payment-status--cancelled{background:#6b72801a;color:#6b7280;border:1px solid rgba(107,114,128,.3)}.payment-card-body{display:flex;flex-direction:column;gap:var(--spacing-2)}.payment-info-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm)}.payment-info-label{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.payment-info-value{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.payment-error-reason{color:#ef4444}.payments-empty{padding:var(--spacing-8);text-align:center;color:var(--color-text-secondary)}.support-feedback-block{display:flex;gap:var(--spacing-6);padding:var(--spacing-6);margin-bottom:var(--spacing-8);background:#667eea1a;border:1px solid #667eea;border-radius:16px;box-shadow:none}.support-feedback-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:#667eea33;border-radius:12px;color:var(--color-primary);flex-shrink:0}.support-feedback-content{flex:1;min-width:0}.support-feedback-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin:0;margin-bottom:var(--spacing-3)}.support-feedback-text{font-size:var(--font-size-base);color:var(--color-text-primary);line-height:1.7;margin:0;margin-bottom:var(--spacing-3)}.support-feedback-note{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic;margin:0}.support-contacts{display:flex;flex-direction:column;gap:var(--spacing-6)}.support-contact-card{display:flex;align-items:center;gap:var(--spacing-6);padding:var(--spacing-6);background:#fff;border:1px solid #667eea;border-radius:16px;box-shadow:none;transition:none}.support-contact-card:hover{background:#fff;border-color:#667eea}.support-contact-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:#667eea1a;border-radius:12px;color:var(--color-primary);flex-shrink:0}.support-contact-content{flex:1;min-width:0}.support-contact-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;margin-bottom:var(--spacing-2)}.support-contact-value{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0;word-break:break-word}.support-contact-actions{display:flex;gap:var(--spacing-2);flex-shrink:0}.support-action-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:#ffffffe6;border:1px solid rgba(102,126,234,.3);border-radius:10px;color:var(--color-text-primary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.support-action-button:hover{background:#667eea1a;border-color:#667eea80;color:var(--color-primary)}.promo-activation-form{background-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-radius:16px;padding:2rem;margin-top:2rem;border:none}.promo-form-group{margin-bottom:1.5rem}.promo-form-input{width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);color:var(--color-text-primary);background:#fff;border:1px solid #667eea;border-radius:12px;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:none}.promo-form-input:hover{border-color:#818cf8;background:#fff}.promo-form-input:focus{border-color:#818cf8;background:#fff;box-shadow:none}.promo-form-input:disabled{opacity:.5;cursor:not-allowed}.promo-form-input::placeholder{color:var(--color-text-secondary)}.promo-info-dropdown{margin-top:.75rem}.promo-info-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:8px;cursor:pointer;transition:all .2s ease}.promo-info-toggle:hover{background:#667eea26;border-color:#667eea80}.promo-info-toggle:focus{outline:none;box-shadow:0 0 0 3px #667eea1a}.promo-info{margin-top:.5rem;padding:1rem;background:#667eea1a;border:1px solid rgba(102,126,234,.3);border-radius:8px}.promo-info-item{margin-bottom:.5rem;font-size:var(--font-size-sm);color:var(--color-text-primary)}.promo-info-item:last-child{margin-bottom:0}.promo-info-item strong{color:var(--color-primary);margin-right:.5rem}.promo-info-loading{margin-top:.5rem;font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic}.promo-success-message{margin-top:1rem;padding:1rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:8px;color:#22c55e;font-size:var(--font-size-sm)}.class-form-input[type=select],select.class-form-input,.class-form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23667eea' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px;padding-right:40px}.table-container{width:100%;margin-bottom:var(--spacing-6);border-radius:12px;overflow:hidden}.children-table{width:100%;border-collapse:collapse;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.children-table tbody{background:#ffffffe6}.children-table tbody tr{transition:background-color .2s ease;border-bottom:1px solid rgba(0,0,0,.05)}.children-table tbody tr:hover{background:#fff;box-shadow:0 2px 8px #0000001a}.children-table td{padding:var(--spacing-4) var(--spacing-3);vertical-align:middle;color:var(--color-text-primary);font-size:.9rem;line-height:1.4}.child-data{display:flex;align-items:center;gap:var(--spacing-3)}.child-icon{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;font-weight:600}.child-info{display:flex;flex-direction:column;gap:2px}.child-name{color:var(--color-text-primary);font-weight:600;font-size:.95rem}.child-details{color:var(--color-text-secondary);font-size:.8rem}.age-container{display:flex;align-items:center;gap:var(--spacing-2)}.age-icon{width:16px;height:16px;color:var(--primary-color)}.child-age{color:var(--color-text-primary);font-weight:500}.gender-container{display:flex;align-items:center;gap:var(--spacing-2)}.gender-icon{width:16px;height:16px}.gender-icon--male{color:#3b82f6}.gender-icon--female{color:#ec4899}.child-gender{color:var(--color-text-primary);font-weight:500}.birthdate-container{display:flex;align-items:center;gap:var(--spacing-2)}.birthdate-icon{width:16px;height:16px;color:var(--secondary-color)}.child-birthdate{color:var(--color-text-primary);font-size:.85rem}.children-table .edit-button{background:none!important;border:none!important;cursor:pointer;padding:var(--spacing-2);border-radius:var(--radius-md);color:var(--color-text-secondary)!important;transition:all .3s cubic-bezier(.4,0,.2,1);width:32px;height:32px;display:flex!important;align-items:center;justify-content:center;position:relative;top:auto;right:auto;transform:none}.children-table .edit-button:hover{background-color:#667eea1a!important;color:var(--color-text-primary)!important}.children-table .edit-button:active{background-color:#667eea33!important;transform:scale(.95)!important}.add-child-row{cursor:pointer;transition:all .2s ease;border-top:2px dashed rgba(0,0,0,.1)}.add-child-row:hover{background:#fff;box-shadow:0 2px 8px #0000001a}.add-child-content{display:flex;align-items:center;justify-content:center;height:100%;padding:0}.add-child-title{color:var(--color-primary);font-weight:600;font-size:.95rem}.add-child-subtitle{color:var(--color-text-secondary);font-size:.85rem}.no-children-message{text-align:center;padding:var(--spacing-12) var(--spacing-6);color:var(--color-text-secondary);font-size:1.1rem;font-style:italic}.no-children-message svg{width:48px;height:48px;color:var(--color-text-secondary);margin-bottom:var(--spacing-4);opacity:.6}@media (max-width: 768px){.table-container{border-radius:0;box-shadow:none}.children-table{background:#fffffffa}.children-table th,.children-table td{padding:var(--spacing-3) var(--spacing-2);font-size:.8rem}.child-icon{width:32px;height:32px;font-size:1rem}.child-name{font-size:.9rem}.child-details{font-size:.75rem}.edit-child-button{padding:var(--spacing-1) var(--spacing-2);font-size:.8rem}}.class-form-input[type=select],select.class-form-input,.class-form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23667eea' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px;padding-right:40px}.class-form-input[type=select],select.class-form-input,.class-form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23667eea' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px;padding-right:40px}.class-form-input[type=select],select.class-form-input,.class-form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23667eea' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px;padding-right:40px}.teacher-children-page{min-height:100vh;background-color:transparent}.teacher-children-container{position:relative;min-height:100vh;padding:var(--spacing-8)}.teacher-children-page .class-sidebar{position:fixed;left:var(--spacing-8);top:var(--spacing-8);width:235px;height:fit-content;z-index:10}.teacher-children-content{max-width:none;margin-left:calc(235px + var(--spacing-8) + var(--spacing-8));margin-right:var(--spacing-8);margin-top:0;margin-bottom:0;background-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid #667eea;border-radius:16px;box-shadow:none;padding:var(--spacing-8)}.teacher-children-header{margin-bottom:var(--spacing-8);text-align:center}.teacher-children-table-container{background:#fff;border-radius:var(--radius-2xl);border:1px solid rgba(102,126,234,.2);overflow:hidden;transition:background var(--transition-normal),border-color var(--transition-normal)}.teacher-children-table-container:hover{border-color:#667eea66}.teacher-children-table{width:100%;border-collapse:collapse}.teacher-children-table thead{background:#667eea1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.teacher-children-table th{padding:var(--spacing-4) var(--spacing-6);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);font-family:var(--font-family-primary);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:1px solid rgba(102,126,234,.2)}.teacher-children-table tbody{background:transparent}.teacher-children-table tbody tr{border-bottom:1px solid rgba(102,126,234,.1);transition:background var(--transition-normal)}.teacher-children-table tbody tr:hover{background:#667eea0d}.teacher-children-table tbody tr:last-child{border-bottom:none}.teacher-children-table td{padding:var(--spacing-4) var(--spacing-6);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);font-family:var(--font-family-primary);color:var(--color-text-primary);white-space:nowrap}.teacher-children-child-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.teacher-children-child-date{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--color-text-secondary)}.teacher-children-child-age{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-text-primary)}.teacher-children-gender-badge{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1.5;border-radius:var(--radius-full);display:inline-flex}.teacher-children-gender-badge--male{background:#3b82f633;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.teacher-children-gender-badge--female{background:#ec489933;color:#ec4899;border:1px solid rgba(236,72,153,.3)}.teacher-children-edit-button{padding:var(--spacing-2) var(--spacing-3);background:#fff;border:1px solid rgba(102,126,234,.3);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family-primary);color:var(--color-text-primary);transition:background var(--transition-normal),border-color var(--transition-normal);outline:none;cursor:pointer}.teacher-children-edit-button:hover{background:#667eea0d;border-color:#667eea80}.teacher-children-edit-button:active{background:#667eea1a}.teacher-children-table tbody tr.add-child-row{cursor:pointer;border-top:2px dashed rgba(102,126,234,.3)}.teacher-children-table tbody tr.add-child-row:hover{background:#667eea1a}.teacher-children-table tbody tr.add-child-row td{text-align:center;padding:var(--spacing-6);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}@media (max-width: 768px){.teacher-children-container{padding:var(--spacing-4)}.teacher-children-table-container{overflow-x:auto}.teacher-children-table th,.teacher-children-table td{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-xs)}}@media (max-width: 480px){.teacher-children-container{padding:var(--spacing-3)}.teacher-children-table th,.teacher-children-table td{padding:var(--spacing-2) var(--spacing-3)}}.group-expanded-content{animation:slideDown .3s ease-out;padding:var(--spacing-8);background:linear-gradient(135deg,#f8f9ff,#fff);border-top:2px solid rgba(102,126,234,.3);border-radius:0 0 12px 12px}.group-info-section{margin-bottom:var(--spacing-8);padding:var(--spacing-6);background:#fff;border:1px solid rgba(102,126,234,.15);border-radius:10px}.group-info-item{margin-bottom:var(--spacing-2);color:#4b5563;font-size:var(--font-size-sm);line-height:1.6}.group-info-item:last-child{margin-bottom:0}.group-child-card{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) var(--spacing-5);background:#fff;border:1px solid rgba(102,126,234,.2);border-radius:10px;transition:all .2s ease;margin-bottom:var(--spacing-3)}.group-child-card:hover{border-color:#667eea66;background:linear-gradient(135deg,#fff,#f8f9ff)}.group-child-card:last-child{margin-bottom:0}.group-child-info{flex:1}.group-child-name{font-weight:var(--font-weight-semibold);color:#1f2937;font-size:var(--font-size-base);margin-bottom:var(--spacing-1)}.group-child-gender{font-size:var(--font-size-xs);color:#6b7280}.group-children-title{margin-bottom:var(--spacing-5);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:#1f2937;padding-bottom:var(--spacing-2);border-bottom:2px solid rgba(102,126,234,.2)}.group-actions-container{display:flex;gap:var(--spacing-3);flex-wrap:wrap;border-top:2px solid rgba(102,126,234,.2);padding-top:var(--spacing-6);margin-top:var(--spacing-6)}@keyframes slideDown{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:1000px;opacity:1;transform:translateY(0)}}.class-table tbody tr.group-row-expanded{background:linear-gradient(135deg,#667eea0d,#667eea05);transition:background .2s ease}.class-table tbody tr[draggable=true]{cursor:grab;transition:opacity .2s ease,transform .2s ease,box-shadow .2s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.class-table tbody tr[draggable=true]:active{cursor:grabbing}.class-table tbody tr.dragging{opacity:.5;box-shadow:0 4px 12px #667eea4d!important;transform:scale(1.02)}.class-table tbody tr[draggable=true]:hover{box-shadow:0 2px 8px #667eea33}.class-form-input[type=select],select.class-form-input,.class-form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23667eea' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px;padding-right:40px}.teacher-schedule-page{min-height:100vh;padding:var(--spacing-8);background-color:transparent}.teacher-schedule-header{margin-bottom:var(--spacing-6);text-align:center}.teacher-schedule-header .page-title{margin:0;display:inline-block}.teacher-schedule-filters{background-color:#fff;border:1px solid #667eea;border-radius:16px;padding:var(--spacing-4);margin-bottom:var(--spacing-6);box-shadow:0 2px 8px #667eea1a}.teacher-schedule-filters-title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:#1f2937;margin-bottom:var(--spacing-3)}.teacher-schedule-filters-list{display:flex;flex-wrap:wrap;gap:var(--spacing-4)}.teacher-schedule-filter-item{display:flex;align-items:center;cursor:pointer;padding:var(--spacing-2);border-radius:6px;transition:background-color .2s ease}.teacher-schedule-filter-item:hover{background-color:#f3f4f6}.teacher-schedule-filter-label{font-size:var(--font-size-sm);color:#1f2937;margin-left:var(--spacing-2);-webkit-user-select:none;user-select:none}.teacher-schedule-container{background-color:#fff;border:1px solid #667eea;border-radius:16px;padding:var(--spacing-6);box-shadow:0 2px 8px #667eea1a}.teacher-schedule-navigation{display:flex;align-items:center;justify-content:center;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.teacher-schedule-nav-button{background:none;border:1px solid #667eea;border-radius:8px;padding:var(--spacing-2);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#667eea;transition:all .2s ease;min-width:36px;height:36px;flex-shrink:0}.teacher-schedule-nav-button:hover{background-color:#ede9fe;border-color:#818cf8}.teacher-schedule-week-range{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:#1f2937;padding:0 var(--spacing-4)}.teacher-schedule-current-week-button{display:flex;justify-content:center;margin-bottom:var(--spacing-4)}.teacher-schedule-table-wrapper{overflow-x:auto;overflow-y:auto;max-height:calc(100vh - 300px);border:1px solid #e5e7eb;border-radius:8px}.teacher-schedule-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.teacher-schedule-time-column{position:sticky;left:0;z-index:10;background-color:#f3f4f6;border:1px solid #e5e7eb;padding:var(--spacing-2);text-align:left;font-weight:var(--font-weight-medium);min-width:60px;width:60px}.teacher-schedule-day-header{padding:var(--spacing-2);background-color:#f3f4f6;border:1px solid #e5e7eb;text-align:center;font-weight:var(--font-weight-medium);min-width:100px}.teacher-schedule-day-header--today{background-color:#ede9fe}.teacher-schedule-day-name{font-size:var(--font-size-sm);color:#1f2937;margin-bottom:var(--spacing-1)}.teacher-schedule-day-date{font-size:var(--font-size-xs);color:#6b7280}.teacher-schedule-time-row{height:2px}.teacher-schedule-time-cell{position:sticky;left:0;z-index:5;background-color:#fff;border:1px solid #e5e7eb;padding:0;text-align:right;vertical-align:top;width:60px;min-width:60px}.teacher-schedule-time-label{display:block;font-size:var(--font-size-xs);color:#6b7280;padding:0 var(--spacing-1);line-height:1.2;white-space:nowrap}.teacher-schedule-time-label--small{font-size:8px;color:#9ca3af}.teacher-schedule-day-cell{border:1px solid #e5e7eb;padding:0;background-color:#fff;min-width:100px;height:2px}.teacher-schedule-day-cell--today{background-color:#fef3c7}.teacher-schedule-tooltip{position:fixed;z-index:1000;pointer-events:auto;transform:translate(-50%,-100%);margin-top:-10px}.teacher-schedule-tooltip:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #667eea}.teacher-schedule-tooltip-content{background-color:#fff;border:1px solid #667eea;border-radius:12px;padding:var(--spacing-4);box-shadow:0 4px 12px #00000026;min-width:250px;max-width:300px}.teacher-schedule-tooltip-header{margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-2);border-bottom:1px solid #e5e7eb}.teacher-schedule-tooltip-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:#1f2937;margin:0}.teacher-schedule-tooltip-body{margin-bottom:var(--spacing-3)}.teacher-schedule-tooltip-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2)}.teacher-schedule-tooltip-info:last-child{margin-bottom:0}.teacher-schedule-tooltip-label{font-size:var(--font-size-sm);color:#6b7280;font-weight:var(--font-weight-medium)}.teacher-schedule-tooltip-value{font-size:var(--font-size-sm);color:#1f2937;font-weight:var(--font-weight-normal);text-align:right}.teacher-schedule-tooltip-footer{display:flex;justify-content:center;padding-top:var(--spacing-2);border-top:1px solid #e5e7eb}.teacher-schedule-tooltip-footer .class-button{width:100%;padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm)}.class-background-textured{background-color:#fafafa;min-height:100vh;background-image:radial-gradient(circle at 1px 1px,rgba(102,126,234,.03) 1px,transparent 0);background-size:20px 20px;background-attachment:fixed}.page-title.class-heading-bordered,.class-heading-bordered{background-color:#fff;border:3px solid #667eea;border-radius:16px;padding:16px 32px;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:2,5rem;font-weight:1000;color:#667eea;background-image:none;-webkit-background-clip:unset;-webkit-text-fill-color:#667eea;background-clip:unset;text-align:center;margin:0;display:inline-block}.page-title.class-heading-filled,.class-heading-filled{background-color:#667eea;color:#fff;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;border-radius:16px;padding:16px 32px;font-size:2,5rem;font-weight:1000;background-image:none;-webkit-background-clip:unset;-webkit-text-fill-color:#ffffff;background-clip:unset;text-align:center;margin:0;border:none;display:inline-block}.page-title.class-heading-badge,.class-heading-badge{background-color:#667eea;color:#fff;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;border-radius:12px;padding:12px 24px;font-size:2,5rem;font-weight:1000;background-image:none;-webkit-background-clip:unset;-webkit-text-fill-color:#ffffff;background-clip:unset;text-align:center;margin:0;border:none;display:inline-block}.class-page-button-child{box-sizing:border-box;width:280px;height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-5);background-color:#fff;color:#667eea;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;border-radius:18px;border:1px solid #667eea;cursor:pointer;transition:background-color .6s cubic-bezier(.25,.46,.45,.94),color .6s cubic-bezier(.25,.46,.45,.94),border-color .6s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;margin:0}.class-page-button-course{box-sizing:border-box;width:280px;height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-5);background-color:#fff;color:#667eea;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;border-radius:18px;border:1px solid #667eea;cursor:pointer;transition:background-color .6s cubic-bezier(.25,.46,.45,.94),color .6s cubic-bezier(.25,.46,.45,.94),border-color .6s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;margin:0}.class-page-button-course:hover:not(:disabled){background-color:#667eea;color:#fff;border:1px solid #667eea}.class-page-button-course:hover:not(:disabled) .child-gender{background-color:transparent;border:1px solid #ffffff}.class-page-button-course:hover:not(:disabled) .child-gender-icon{color:#fff}.class-page-button-course .child-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-2);width:100%}.class-page-button-course .child-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:inherit;text-align:center;transition:color .6s cubic-bezier(.25,.46,.45,.94)}.class-page-button-course:disabled,.class-page-button-course.course-disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.class-page-button-course .child-gender{position:absolute;top:var(--spacing-3);right:var(--spacing-3);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:transparent;border-radius:50%;border:1px solid currentColor;transition:all .6s cubic-bezier(.25,.46,.45,.94);z-index:2}.class-page-button-course .child-gender-icon{width:17px;height:17px;color:inherit;transition:color .6s cubic-bezier(.25,.46,.45,.94)}.class-page-button-create{box-sizing:border-box;width:280px;height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-5);background-color:#fff;color:#667eea;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;border-radius:18px;border:1px solid #667eea;cursor:pointer;transition:background-color .6s cubic-bezier(.25,.46,.45,.94),color .6s cubic-bezier(.25,.46,.45,.94),border-color .6s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;margin:0}.cards-scroll>.class-page-button-child:first-child{margin-left:calc(50vw - 140px)}.cards-scroll>.class-page-button-course:first-child{margin-left:calc(50vw - 140px)}.cards-scroll>.class-page-button-create:first-child{margin-left:calc(50vw - 140px)}@media (max-width: 768px){.cards-scroll{flex-direction:row;align-items:center;gap:var(--spacing-3);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;max-width:100vw;overflow-x:auto;overflow-y:hidden}.cards-scroll>*:first-child{margin-left:calc(50vw - 140px)}.cards-scroll>.class-page-button-child:first-child{margin-left:calc(50vw - 140px)}.cards-scroll>.class-page-button-course:first-child{margin-left:calc(50vw - 140px)}.cards-scroll>.class-page-button-create:first-child{margin-left:calc(50vw - 140px)}.cards-scroll>*:last-child{margin-right:calc(50vw - 140px)}}.modal-back{background:none;border:none;cursor:pointer;padding:var(--spacing-2);border-radius:8px;color:#6b7280;transition:all .3s cubic-bezier(.25,.46,.45,.94);display:flex;align-items:center;justify-content:center}.modal-back:hover{color:#1f2937;background:#667eea1a}.class-sidebar{width:235px;background-color:transparent;border:1px solid #667eea;border-radius:12px;padding:var(--spacing-6);height:fit-content;position:sticky;top:var(--spacing-8);box-shadow:none}.class-sidebar-nav{margin:0;padding:0}.class-sidebar-menu{margin:0;padding:0;list-style:none}.class-sidebar-item{margin-bottom:var(--spacing-2)}.class-sidebar-button{box-sizing:border-box;width:100%;display:flex;align-items:center;gap:8px;padding:12px 24px;background-color:#fff;color:#667eea;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:1rem;font-weight:600;border-radius:12px;border:1px solid #667eea;cursor:pointer;transition:background-color .6s cubic-bezier(.25,.46,.45,.94),color .6s cubic-bezier(.25,.46,.45,.94),border-color .6s cubic-bezier(.25,.46,.45,.94);margin:0;box-shadow:none;transform:none;text-align:left}.class-sidebar-button:hover:not(.class-sidebar-button--active):not(:disabled){background-color:#667eea;color:#fff;border:1px solid #667eea}.class-sidebar-button--active{background-color:#667eea;color:#fff;border:1px solid #667eea}.class-sidebar-button:disabled{background-color:#f3f4f6;color:#9ca3af;border-color:#d1d5db;cursor:not-allowed}.class-sidebar-button-logout{box-sizing:border-box;width:100%;display:flex;align-items:center;gap:8px;padding:12px 24px;background-color:#fff;color:#f59e0b;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:1rem;font-weight:600;border-radius:12px;border:1px solid #f59e0b;cursor:pointer;transition:background-color .6s cubic-bezier(.25,.46,.45,.94),color .6s cubic-bezier(.25,.46,.45,.94),border-color .6s cubic-bezier(.25,.46,.45,.94);margin:0;box-shadow:none;transform:none;text-align:left}.class-sidebar-button-logout:hover:not(:disabled){background-color:#f59e0b;color:#fff;border:1px solid #f59e0b}.class-sidebar-button-logout:disabled{background-color:#f3f4f6;color:#9ca3af;border-color:#d1d5db;cursor:not-allowed}.class-error-message{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);background-color:#fff;border:2px solid #ef4444;border-radius:12px;margin-bottom:var(--spacing-4);box-shadow:none}.class-error-icon{font-size:24px;width:24px;text-align:center;flex-shrink:0}.class-error-text{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:#ef4444;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;flex:1}.class-form-group{margin-bottom:var(--spacing-4)}.class-form-input{box-sizing:border-box;width:100%;padding:12px 16px;background-color:#fff;border:1px solid #667eea;border-radius:12px;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:1rem;font-weight:400;color:#1f2937;transition:border-color .3s cubic-bezier(.25,.46,.45,.94),background-color .3s cubic-bezier(.25,.46,.45,.94);margin:0;box-shadow:none;transform:none}.class-form-input::placeholder{color:#9ca3af;opacity:1}.class-form-input:hover:not(:disabled){border-color:#818cf8}.class-form-input:focus{outline:none;border-color:#818cf8;background-color:#fff}.class-form-input:disabled{background-color:#f3f4f6;border-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.class-form-input[type=select],select.class-form-input,.class-form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23667eea' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px;padding-right:40px}.class-checkbox-label{display:flex;align-items:center;cursor:pointer;transition:background-color .2s ease}.class-checkbox-input[type=checkbox]{width:18px;height:18px;margin-right:var(--spacing-3);cursor:pointer;accent-color:#667eea;transition:transform .2s ease}.class-checkbox-input[type=checkbox]:hover:not(:disabled){transform:scale(1.1)}.class-checkbox-input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.class-tag{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background-color:#ede9fe;color:#667eea;border-radius:8px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:1px solid #c7d2fe;transition:all .2s ease}.class-tag-remove-button{background:none;border:none;cursor:pointer;color:#667eea;padding:0;font-size:var(--font-size-lg);line-height:1;display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;transition:background-color .2s ease}.class-tag-remove-button:hover:not(:disabled){background-color:#c7d2fe}.class-tag-remove-button:disabled{cursor:not-allowed;opacity:.5}.class-table-container{width:100%;margin-bottom:var(--spacing-6);border:1px solid #667eea;border-radius:12px;overflow:hidden;box-shadow:none;box-sizing:border-box}.class-table{width:100%;border-collapse:collapse;background:#fff;box-shadow:none}.class-table thead{background:#667eea1a}.class-table th{padding:var(--spacing-4) var(--spacing-6);font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:#667eea;text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:2px solid #667eea}.class-table tbody{background:#fff}.class-table tbody tr{transition:background-color .2s ease;border-bottom:1px solid rgba(102,126,234,.1);box-shadow:none}.class-table tbody tr:hover{background:#667eea0d;box-shadow:none}.class-table tbody tr:last-child{border-bottom:none}.class-table td{padding:var(--spacing-4) var(--spacing-6);vertical-align:middle;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;color:#1f2937;font-size:var(--font-size-sm);line-height:1.4}.class-child-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#1f2937;margin-bottom:var(--spacing-1);font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.class-child-age{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:#1f2937;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.class-gender-badge{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1.5;border-radius:var(--radius-full);display:inline-flex;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.class-gender-badge--male{background:#3b82f633;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.class-gender-badge--female{background:#ec489933;color:#ec4899;border:1px solid rgba(236,72,153,.3)}.class-teachers-button{box-sizing:border-box;background-color:#667eea;color:#fff;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:.875rem;font-weight:600;border-radius:8px;padding:8px 16px;border:1px solid transparent;cursor:pointer;transition:background-color .3s cubic-bezier(.25,.46,.45,.94),color .3s cubic-bezier(.25,.46,.45,.94),border-color .3s cubic-bezier(.25,.46,.45,.94);display:inline-flex;align-items:center;gap:8px;margin:0;box-shadow:none}.class-teachers-button:hover:not(:disabled){background-color:#fff;color:#667eea;border:1px solid #667eea}.class-add-child-row{cursor:pointer;transition:background-color .2s ease;border-top:2px dashed rgba(102,126,234,.3);box-shadow:none}.class-add-child-row:hover{background:#667eea0d;box-shadow:none}.class-loading-container{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-12);font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;color:#667eea}.class-loading-spinner{width:40px;height:40px;border:4px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:class-spin 1s linear infinite}@keyframes class-spin{to{transform:rotate(360deg)}}.class-id-block{box-sizing:border-box;display:flex;align-items:center;gap:.75rem;padding:1rem;margin-bottom:1.5rem;background:#fff;background-color:#fff;background-image:none;border:1px solid #667eea;border-radius:12px;box-shadow:none;transform:none}.class-id-content{flex:1;min-width:0}.class-id-label{font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:.75rem;font-weight:500;color:#9ca3af;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.05em}.class-id-value{font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:.875rem;font-weight:400;color:#667eea;word-break:break-all;background:#667eea1a;padding:.25rem .5rem;border-radius:8px;display:inline-block}.class-id-copy-button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:#fff;background-color:#fff;background-image:none;border:1px solid #667eea;border-radius:10px;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:.875rem;font-weight:500;color:#667eea;transition:background-color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1);outline:none;cursor:pointer;flex-shrink:0;box-shadow:none;transform:none}.class-id-copy-button:hover:not(:disabled){background-color:#667eea;border-color:#818cf8;color:#fff}.class-id-copy-button:active:not(:disabled){background-color:#5a67d8}.class-id-copy-button:disabled{opacity:.5;cursor:not-allowed}.class-id-copy-button--copied{background:#10b981;background-color:#10b981;border-color:#10b981;color:#fff}.class-id-copy-button--copied:hover:not(:disabled){background-color:#059669;border-color:#059669;color:#fff}.teacher-homework-page{min-height:100vh;padding:var(--spacing-8);background-color:transparent}.teacher-homework-header{margin-bottom:var(--spacing-6);text-align:center}.teacher-homework-header .page-title{margin:0;display:inline-block}.teacher-homework-controls{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-wrap:wrap}.teacher-homework-filters{display:flex;gap:var(--spacing-4);flex-wrap:wrap;flex:1}.teacher-homework-filters .class-form-group{flex:1;min-width:200px}.teacher-homework-actions{display:flex;gap:var(--spacing-2)}.teacher-homework-table-container{background-color:#fff;border:1px solid #667eea;border-radius:16px;padding:var(--spacing-6);box-shadow:0 2px 8px #667eea1a;overflow-x:auto}.homework-status{display:inline-block;padding:var(--spacing-1) var(--spacing-2);border-radius:4px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.homework-status--sent{background-color:#e0e7ff;color:#4338ca}.homework-status--completed{background-color:#d1fae5;color:#065f46}.homework-status--not_completed{background-color:#fee2e2;color:#991b1b}.homework-status--partially_completed{background-color:#fef3c7;color:#92400e}.unified-homework-page{min-height:100vh;padding:var(--spacing-8);background-color:transparent}.homework-tabs{display:flex;gap:var(--spacing-1);margin-bottom:var(--spacing-6);border-bottom:2px solid #e5e7eb;padding-bottom:0;background-color:#f9fafb;border-radius:12px 12px 0 0;padding:var(--spacing-2) var(--spacing-2) 0 var(--spacing-2)}.homework-tab{padding:var(--spacing-3) var(--spacing-6);background-color:transparent;border:1px solid #667eea;color:#6b7280;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color .6s cubic-bezier(.25,.46,.45,.94),color .6s cubic-bezier(.25,.46,.45,.94),border-color .6s cubic-bezier(.25,.46,.45,.94);margin-bottom:0;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;position:relative;border-radius:8px 8px 0 0}.homework-tab:hover:not(.homework-tab--active){background-color:#fff;color:#667eea;border:1px solid #667eea}.homework-tab--active{background-color:#667eea;color:#fff;border:1px solid #667eea;font-weight:var(--font-weight-semibold)}.homework-tab--active:hover{background-color:#fff;color:#667eea;border:1px solid #667eea}.homework-tab-content{width:100%}.class-button{box-sizing:border-box;background-color:#667eea;color:#fff;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:1rem;font-weight:600;border-radius:12px;padding:12px 24px;border:1px solid transparent;cursor:pointer;transition:background-color .6s cubic-bezier(.25,.46,.45,.94),color .6s cubic-bezier(.25,.46,.45,.94),border-color .6s cubic-bezier(.25,.46,.45,.94);display:inline-flex;align-items:center;gap:8px;margin:0}.class-button:hover:not(:disabled){background-color:#fff;color:#667eea;border:1px solid #667eea}.class-button:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.class-button--orange{box-sizing:border-box;background-color:#f59e0b;color:#fff;border:1px solid transparent}.class-button--orange:hover:not(:disabled){background-color:#fff;color:#f59e0b;border:1px solid #f59e0b}.class-button--green{box-sizing:border-box;background-color:#10b981;color:#fff;border:1px solid transparent}.class-button--green:hover:not(:disabled){background-color:#fff;color:#10b981;border:1px solid #10b981}.class-button--red{box-sizing:border-box;background-color:#ef4444;color:#fff;border:1px solid transparent}.class-button--red:hover:not(:disabled){background-color:#fff;color:#ef4444;border:1px solid #ef4444}.class-button--outline{background-color:transparent;color:#667eea;border:1px solid #667eea}.class-button--outline:hover:not(:disabled){background-color:#667eea;color:#fff;border:1px solid #667eea}.class-button--outline.class-button--active{background-color:#667eea;color:#fff;border:1px solid #667eea}.class-button--outline.class-button--active:hover:not(:disabled){background-color:#fff;color:#667eea;border:1px solid #667eea}.create-homework-page{background-color:transparent}.create-homework-header{margin-bottom:var(--spacing-6);text-align:center}.create-homework-header .page-title{margin:0;display:inline-block}.create-homework-form{background-color:#fff;border:1px solid #667eea;border-radius:16px;padding:var(--spacing-6);box-shadow:0 2px 8px #667eea1a}.create-homework-section{background-color:#fff;border:1px solid #667eea;border-radius:16px;padding:var(--spacing-6);box-shadow:0 2px 8px #667eea1a;margin-top:var(--spacing-4)}.create-homework-trainers-table{margin-bottom:var(--spacing-4);overflow-x:auto;border:1px solid #667eea;border-radius:12px;overflow:hidden}.create-homework-add-trainer{margin-top:var(--spacing-4)}.create-homework-actions{display:flex;justify-content:center;margin-top:var(--spacing-6)}.date-picker,.date-picker-input{position:relative;width:100%}.date-picker-input input{padding-right:48px;cursor:pointer}.date-picker-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#667eea;pointer-events:none;z-index:1;width:20px;height:20px}.date-picker-dropdown{position:absolute;top:calc(100% + 8px);left:0;width:100%;max-width:320px;background-color:#fff;border:1px solid #667eea;border-radius:12px;box-shadow:0 4px 16px #667eea26;z-index:1000;padding:16px}.date-picker-dropdown--top{top:auto;bottom:calc(100% + 8px)}.date-picker-dropdown--right{left:auto;right:0}.date-picker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.date-picker-month-year{display:flex;align-items:center;gap:8px}.date-picker-month{font-size:16px;font-weight:600;color:#1f2937}.date-picker-year{font-size:16px;font-weight:400;color:#6b7280}.date-picker-nav{display:flex;gap:4px}.date-picker-nav-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:transparent;border:1px solid #e5e7eb;border-radius:8px;color:#667eea;cursor:pointer;transition:all .2s ease}.date-picker-nav-button:hover{background-color:#f3f4f6;border-color:#667eea}.date-picker-nav-button:active{transform:scale(.95)}.date-picker-close-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:transparent;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s ease;margin-left:4px}.date-picker-close-button:hover{background-color:#f3f4f6;border-color:#ef4444;color:#ef4444}.date-picker-close-button:active{transform:scale(.95)}.date-picker-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.date-picker-weekday{text-align:center;font-size:12px;font-weight:600;color:#6b7280;padding:8px 0}.date-picker-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:16px}.date-picker-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:14px;color:#1f2937;background-color:#fff;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease}.date-picker-day:hover:not(.date-picker-day--disabled):not(.date-picker-day--empty){background-color:#f3f4f6;border-color:#667eea}.date-picker-day--selected{background-color:#667eea!important;color:#fff!important;border-color:#667eea!important;font-weight:600}.date-picker-day--added{background-color:#e0e7ff!important;color:#4338ca!important;border:2px solid #6366f1!important;font-weight:600}.date-picker-day--added:hover:not(.date-picker-day--disabled):not(.date-picker-day--empty){background-color:#c7d2fe!important;border-color:#4f46e5!important}.date-picker-day--today{border-color:#667eea;font-weight:600}.date-picker-day--today:not(.date-picker-day--selected):not(.date-picker-day--added){background-color:#ede9fe;color:#667eea}.date-picker-day--today.date-picker-day--added{border-color:#6366f1!important}.date-picker-day--disabled{color:#d1d5db;cursor:not-allowed;background-color:#f9fafb}.date-picker-day--disabled:hover{background-color:#f9fafb;border-color:transparent}.date-picker-day--empty{cursor:default;background-color:transparent}.date-picker-footer{display:flex;justify-content:space-between;gap:8px;padding-top:12px;border-top:1px solid #e5e7eb}.date-picker-footer-button{flex:1;padding:8px 16px;font-size:14px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.date-picker-footer-button--delete{background-color:transparent;color:#667eea}.date-picker-footer-button--delete:hover{background-color:#f3f4f6}.date-picker-footer-button--today{background-color:#667eea;color:#fff}.date-picker-footer-button--today:hover{background-color:#818cf8}.date-picker-footer-button:active{transform:scale(.98)}.play-form-input[type=select],select.play-form-input,.play-form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23667eea' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px;padding-right:40px}.admin-layout{position:relative;min-height:100vh}.admin-layout-particles{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none}.admin-layout-content{position:relative;z-index:1;min-height:100vh}.admin-background-textured,.play-background-textured{background-color:#fafafa;min-height:100vh;background-image:radial-gradient(circle at 1px 1px,rgba(102,126,234,.03) 1px,transparent 0);background-size:20px 20px;background-attachment:fixed}.play-form-input[type=select],select.play-form-input,.play-form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23667eea' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px;padding-right:40px}.dashboard-page{min-height:100vh;padding:var(--spacing-6)}.dashboard-container{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 var(--spacing-4)}.dashboard-container>.dashboard-top-bar{max-width:none;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);margin-top:calc(-1 * var(--spacing-6) + var(--spacing-8));padding-left:var(--spacing-8);padding-right:var(--spacing-8);padding-top:0;width:100vw}.dashboard-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-8)}.top-bar-spacer{flex:1}@media (max-width: 768px) and (orientation: portrait){.dashboard-top-bar{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.dashboard-top-bar>div:first-child{display:none}.dashboard-top-bar>h1{flex:1 1 100%;width:100%;text-align:center;order:1}.dashboard-top-bar>button{order:-1;flex:0 0 auto;margin-left:auto;margin-right:0}}@media (orientation: portrait){.dashboard-top-bar{flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.dashboard-top-bar>div:first-child{display:none!important}.dashboard-top-bar>h1{flex:1 1 100%!important;width:100%!important;display:block!important;text-align:center;order:1}.dashboard-top-bar>button{order:-1;flex:0 0 auto;margin-left:auto!important;margin-right:0!important}}@media (max-width: 949px) and (max-height: 449px){.dashboard-top-bar>h1{flex:0 0 auto!important;width:auto!important;text-align:center}}.play-form-input[type=select],select.play-form-input,.play-form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23667eea' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px;padding-right:40px}.admin-users-page{width:100%;min-height:100vh;padding:var(--spacing-8);background:transparent}.admin-users-search{background:#fff;border:1px solid #667eea;border-radius:12px;padding:var(--spacing-6);margin-bottom:var(--spacing-6);box-shadow:none;transition:border-color .3s cubic-bezier(.25,.46,.45,.94)}.admin-users-search:hover{border-color:#818cf8}.admin-users-search-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;color:#1f2937;display:block;margin-bottom:var(--spacing-2)}.admin-users-search-input-wrapper{display:flex;align-items:center;gap:var(--spacing-2);position:relative}.admin-users-search-icon{position:absolute;left:var(--spacing-3);top:50%;transform:translateY(-50%);z-index:1;color:#6b7280;transition:color .3s cubic-bezier(.25,.46,.45,.94);pointer-events:none}.admin-users-search-input{width:100%;flex:1;padding:var(--spacing-3) calc(var(--spacing-3) * 2 + 40px) var(--spacing-3) calc(var(--spacing-3) * 2 + 20px);background:#fff;border:1px solid #667eea;border-radius:8px;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;color:#1f2937;transition:border-color .3s cubic-bezier(.25,.46,.45,.94);outline:none;box-shadow:none}.admin-users-search-input::placeholder{color:#9ca3af}.admin-users-search-input:focus{border-color:#818cf8}.admin-users-search-input-wrapper:has(.admin-users-search-input:focus) .admin-users-search-icon{color:#667eea}.admin-users-search-input:hover{border-color:#818cf8}.admin-users-search-clear{width:32px;height:32px;flex-shrink:0;position:absolute;right:var(--spacing-2);top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #667eea;border-radius:50%;color:#6b7280;transition:background-color .3s cubic-bezier(.25,.46,.45,.94),border-color .3s cubic-bezier(.25,.46,.45,.94),color .3s cubic-bezier(.25,.46,.45,.94);outline:none;cursor:pointer;padding:0}.admin-users-search-clear:hover{background:#667eea;border-color:#667eea;color:#fff}.admin-users-search-clear:active{background:#818cf8;border-color:#818cf8}.admin-users-filters{background:#fff;border:1px solid #667eea;border-radius:12px;padding:var(--spacing-6);margin-bottom:var(--spacing-6);box-shadow:none;transition:border-color .3s cubic-bezier(.25,.46,.45,.94)}.admin-users-filters:hover{border-color:#818cf8}.admin-users-filter-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;color:#1f2937;display:block;margin-bottom:var(--spacing-2)}.admin-users-filter-select{width:100%;max-width:300px;padding:var(--spacing-3) var(--spacing-4);background:#fff;border:1px solid #667eea;border-radius:8px;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;color:#1f2937;transition:border-color .3s cubic-bezier(.25,.46,.45,.94);outline:none;cursor:pointer;box-shadow:none}.admin-users-filter-select:focus{border-color:#818cf8}.admin-users-filter-select:hover{border-color:#818cf8}.admin-users-user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#1f2937;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;margin-bottom:var(--spacing-1)}.admin-users-user-username{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:#6b7280;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.admin-users-user-email,.admin-users-user-date{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:#1f2937;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.admin-users-role-badge{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1.5;border-radius:var(--radius-full);display:inline-flex;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.admin-users-role-badge--admin{background:#8b5cf633;color:#8b5cf6;border:1px solid rgba(139,92,246,.3)}.admin-users-role-badge--teacher{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.admin-users-role-badge--parent{background:#3b82f633;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.admin-users-status-badge{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1.5;border-radius:var(--radius-full);display:inline-flex;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.admin-users-status-badge--active{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.admin-users-status-badge--blocked{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.admin-users-children-empty{color:#6b7280;font-size:var(--font-size-sm);font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.admin-users-subscription-date{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:#1f2937;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.admin-users-subscription-expired{color:#ef4444;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.admin-users-action-button{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;background:none;border:none;padding:0;cursor:pointer;transition:color .3s cubic-bezier(.25,.46,.45,.94);outline:none}.admin-users-action-button--block{color:#ef4444}.admin-users-action-button--block:hover{color:#dc2626}.admin-users-action-button--unblock{color:#22c55e}.admin-users-action-button--unblock:hover{color:#16a34a}.admin-users-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-6);padding:var(--spacing-4) var(--spacing-6);background:#fff;border:1px solid #667eea;border-radius:12px;box-shadow:none}.admin-users-pagination-info{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;color:#1f2937}.admin-users-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-12)}.admin-users-loading-spinner{width:48px;height:48px;animation:spin 1s linear infinite;border:3px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%}.admin-users-loading-text{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;color:#6b7280;margin-left:var(--spacing-4)}.admin-users-error{padding:var(--spacing-4) var(--spacing-3);margin-bottom:var(--spacing-6);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;color:#ef4444}.admin-users-empty{padding:var(--spacing-8);background:#fff;border:1px solid #667eea;border-radius:12px;box-shadow:none;text-align:center}.admin-users-empty-text{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;color:#6b7280}@media (max-width: 768px){.admin-users-page,.admin-users-search,.admin-users-filters{padding:var(--spacing-4)}.admin-users-filter-select{max-width:100%}.admin-users-table-container{overflow-x:auto}.admin-users-table th,.admin-users-table td{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-xs)}.admin-users-pagination{flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-3)}}@media (max-width: 480px){.admin-users-page,.admin-users-search,.admin-users-filters{padding:var(--spacing-3)}.admin-users-table th,.admin-users-table td{padding:var(--spacing-2) var(--spacing-3)}}.play-form-input[type=select],select.play-form-input,.play-form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23667eea' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px;padding-right:40px}.admin-children-page{width:100%;min-height:100vh;padding:var(--spacing-8);background:transparent}.admin-children-search{background:#fff;border:1px solid #667eea;border-radius:12px;padding:var(--spacing-6);margin-bottom:var(--spacing-6);box-shadow:none;transition:border-color .3s cubic-bezier(.25,.46,.45,.94)}.admin-children-search:hover{border-color:#818cf8}.admin-children-search-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;color:#1f2937;display:block;margin-bottom:var(--spacing-2)}.admin-children-search-input-wrapper{display:flex;align-items:center;gap:var(--spacing-2);position:relative}.admin-children-search-icon{position:absolute;left:var(--spacing-3);top:50%;transform:translateY(-50%);z-index:1;color:#6b7280;transition:color .3s cubic-bezier(.25,.46,.45,.94);pointer-events:none}.admin-children-search-input{width:100%;flex:1;padding:var(--spacing-3) calc(var(--spacing-3) * 2 + 40px) var(--spacing-3) calc(var(--spacing-3) * 2 + 20px);background:#fff;border:1px solid #667eea;border-radius:8px;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;color:#1f2937;transition:border-color .3s cubic-bezier(.25,.46,.45,.94);outline:none;box-shadow:none}.admin-children-search-input::placeholder{color:#9ca3af}.admin-children-search-input:focus{border-color:#818cf8}.admin-children-search-input-wrapper:has(.admin-children-search-input:focus) .admin-children-search-icon{color:#667eea}.admin-children-search-input:hover{border-color:#818cf8}.admin-children-search-clear{width:32px;height:32px;flex-shrink:0;position:absolute;right:var(--spacing-2);top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #667eea;border-radius:50%;color:#6b7280;transition:background-color .3s cubic-bezier(.25,.46,.45,.94),border-color .3s cubic-bezier(.25,.46,.45,.94),color .3s cubic-bezier(.25,.46,.45,.94);outline:none;cursor:pointer;padding:0}.admin-children-search-clear:hover{background:#667eea;border-color:#667eea;color:#fff}.admin-children-search-clear:active{background:#818cf8;border-color:#818cf8}.admin-children-filters{background:#fff;border:1px solid #667eea;border-radius:12px;padding:var(--spacing-6);margin-bottom:var(--spacing-6);box-shadow:none;transition:border-color .3s cubic-bezier(.25,.46,.45,.94)}.admin-children-filters:hover{border-color:#818cf8}.admin-children-filter-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;color:#1f2937;display:block;margin-bottom:var(--spacing-2)}.admin-children-filter-select{width:100%;max-width:300px;padding:var(--spacing-3) var(--spacing-4);background:#fff;border:1px solid #667eea;border-radius:8px;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;color:#1f2937;transition:border-color .3s cubic-bezier(.25,.46,.45,.94);outline:none;cursor:pointer;box-shadow:none}.admin-children-filter-select:focus{border-color:#818cf8}.admin-children-filter-select:hover{border-color:#818cf8}.admin-children-child-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#1f2937;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;margin-bottom:var(--spacing-1)}.admin-children-child-date{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:#6b7280;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.admin-children-child-age{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:#1f2937;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.admin-children-parent-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#1f2937;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;margin-bottom:var(--spacing-1)}.admin-children-parent-email{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:#6b7280;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.admin-children-status-badge{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1.5;border-radius:var(--radius-full);display:inline-flex;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.admin-children-status-badge--active{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.admin-children-status-badge--inactive{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.admin-children-action-button{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;background:none;border:none;padding:0;cursor:pointer;transition:color .3s cubic-bezier(.25,.46,.45,.94);outline:none}.admin-children-action-button--deactivate{color:#ef4444}.admin-children-action-button--deactivate:hover{color:#dc2626}.admin-children-action-button--activate{color:#22c55e}.admin-children-action-button--activate:hover{color:#16a34a}.admin-children-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-6);padding:var(--spacing-4) var(--spacing-6);background:#fff;border:1px solid #667eea;border-radius:12px;box-shadow:none}.admin-children-pagination-info{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;color:#1f2937}.admin-children-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-12)}.admin-children-loading-spinner{width:48px;height:48px;animation:spin 1s linear infinite;border:3px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%}.admin-children-loading-text{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;color:#6b7280;margin-left:var(--spacing-4)}.admin-children-error{padding:var(--spacing-4) var(--spacing-3);margin-bottom:var(--spacing-6);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;color:#ef4444}.admin-children-empty{padding:var(--spacing-8);background:#fff;border:1px solid #667eea;border-radius:12px;box-shadow:none;text-align:center}.admin-children-empty-text{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;color:#6b7280}.admin-children-teachers-id-block{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);margin-bottom:var(--spacing-6);background:#fff;border:1px solid #667eea;border-radius:12px;box-shadow:none;transition:border-color .3s cubic-bezier(.25,.46,.45,.94)}.admin-children-teachers-id-block:hover{border-color:#818cf8}.admin-children-teachers-id-content{flex:1;min-width:0}.admin-children-teachers-id-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:#6b7280;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;margin-bottom:var(--spacing-1);text-transform:uppercase;letter-spacing:.05em}.admin-children-teachers-id-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);font-family:Courier New,Courier,monospace;color:#1f2937;word-break:break-all;background:#667eea1a;padding:var(--spacing-1) var(--spacing-2);border-radius:8px;display:inline-block}.admin-children-teachers-copy-button--copied{background:#22c55e33;border-color:#22c55e66;color:#22c55e}.admin-children-teachers-copy-button--copied:hover:not(:disabled){background:#22c55e4d;border-color:#22c55e99}.admin-children-teachers-list{display:flex;flex-direction:column;gap:var(--spacing-3)}.admin-children-teachers-card{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);background:#fff;border:1px solid #667eea;border-radius:12px;box-shadow:none;transition:border-color .3s cubic-bezier(.25,.46,.45,.94)}.admin-children-teachers-card:hover{border-color:#818cf8}.admin-children-teachers-avatar{width:48px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:#fff;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;box-shadow:none;transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.admin-children-teachers-card:hover .admin-children-teachers-avatar{transform:scale(1.05)}.admin-children-teachers-info{flex:1;min-width:0}.admin-children-teachers-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:#1f2937;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;margin-bottom:var(--spacing-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-children-teachers-email{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:#6b7280;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-children-teachers-empty{text-align:center;padding:var(--spacing-8);color:#6b7280;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.admin-children-teachers-empty svg{margin:0 auto var(--spacing-4);opacity:.5}.admin-children-teachers-empty p{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:#6b7280;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;margin:0}.admin-children-subscriptions-loading{text-align:center;padding:var(--spacing-8);color:#6b7280;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.admin-children-subscriptions-loading-spinner{width:40px;height:40px;margin:0 auto var(--spacing-4);border:3px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.admin-children-subscriptions-error{text-align:center;padding:var(--spacing-8);color:#ef4444;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.admin-children-subscriptions-list{padding:var(--spacing-2);display:flex;flex-direction:column;gap:var(--spacing-4)}.admin-children-subscriptions-item{padding:var(--spacing-4);background:#fff;border:1px solid #667eea;border-radius:12px;box-shadow:none;transition:border-color .3s cubic-bezier(.25,.46,.45,.94)}.admin-children-subscriptions-item:hover{border-color:#818cf8}.admin-children-subscriptions-course{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:#1f2937;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;margin-bottom:var(--spacing-3)}.admin-children-subscriptions-info{display:flex;flex-direction:column;gap:var(--spacing-2)}.admin-children-subscriptions-date{display:flex;align-items:center;gap:var(--spacing-2)}.admin-children-subscriptions-date-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:#6b7280;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.admin-children-subscriptions-date-value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:#1f2937;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.admin-children-subscriptions-date-value--expired{color:#ef4444}.admin-children-subscriptions-expired{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:#ef4444;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.admin-children-subscriptions-type{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:#6b7280;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.admin-children-subscriptions-empty{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:#6b7280;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-style:italic}@media (max-width: 768px){.admin-children-page,.admin-children-search,.admin-children-filters{padding:var(--spacing-4)}.admin-children-filter-select{max-width:100%}.admin-children-table-container{overflow-x:auto}.admin-children-table th,.admin-children-table td{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-xs)}.admin-children-pagination{flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-3)}}@media (max-width: 480px){.admin-children-page,.admin-children-search,.admin-children-filters{padding:var(--spacing-3)}.admin-children-table th,.admin-children-table td{padding:var(--spacing-2) var(--spacing-3)}}.play-form-input[type=select],select.play-form-input,.play-form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23667eea' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px;padding-right:40px}.course-builder-page{display:flex;justify-content:center;padding:var(--spacing-8);min-height:calc(100vh - 64px);background:transparent}.course-builder-container{width:100%;max-width:1400px;background:#fff;border-radius:12px;padding:var(--spacing-8);border:1px solid #667eea;box-shadow:none;display:flex;flex-direction:column;gap:var(--spacing-6)}.builder-breadcrumbs{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.breadcrumb-chip{border:1px solid #667eea;border-radius:999px;padding:6px 12px;background:#fff;color:#667eea;font-size:13px;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.breadcrumb-chip:hover{background:#667eea;color:#fff}.breadcrumb-muted{color:#6b7280;font-size:14px;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.cta-group{display:flex;gap:var(--spacing-2)}.course-builder-banner{padding:12px 16px;border-radius:8px;font-size:14px;font-weight:600;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;box-shadow:none}.course-builder-banner.info{background:#667eea1a;color:#667eea;border:1px solid rgba(102,126,234,.3)}.course-builder-banner.error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.course-builder-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-4)}.builder-panel{background:#fff;border:1px solid #667eea;border-radius:12px;padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-3);min-height:320px;box-shadow:none}.builder-panel-header{display:flex;align-items:center;justify-content:space-between;font-size:14px;text-transform:uppercase;color:#6b7280;letter-spacing:.5px;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.builder-panel-header h2{margin:0;font-size:16px;color:#667eea;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.builder-panel-header span{background:#667eea1a;color:#667eea;border-radius:8px;padding:2px 10px;font-weight:600;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.builder-panel-list{display:flex;flex-direction:column;gap:var(--spacing-3);overflow-y:auto;max-height:360px;padding-right:4px}.builder-card{text-align:left;border:1px solid #667eea;border-radius:12px;padding:var(--spacing-3);background:#fff;transition:all .3s cubic-bezier(.25,.46,.45,.94);display:flex;flex-direction:column;gap:6px;cursor:pointer;box-shadow:none}.builder-card:hover{border-color:#818cf8;background:#667eea0d}.builder-card.active{border-color:#667eea;background:#667eea1a;box-shadow:none}.builder-card-title{font-size:15px;font-weight:700;color:#1f2937;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.builder-card-description{font-size:13px;color:#6b7280;line-height:1.4;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.builder-card-meta{font-size:12px;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.trainer-badge{align-self:flex-start;font-size:12px;padding:2px 8px;border-radius:8px;margin-top:4px;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.trainer-badge.error{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.trainer-badge.warning{background:#f59e0b33;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.builder-card-badge{align-self:flex-start;padding:4px 10px;border-radius:8px;font-size:11px;font-weight:700;text-transform:uppercase;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.builder-card-badge.success{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.builder-card-badge.muted{background:#f59e0b33;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.builder-empty{padding:var(--spacing-4);border-radius:12px;text-align:center;background:#667eea0d;color:#6b7280;font-size:14px;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;border:1px solid rgba(102,126,234,.2)}.builder-inspector{background:#fff;border:1px solid #667eea;border-radius:12px;padding:var(--spacing-6);display:flex;flex-direction:column;gap:var(--spacing-4);box-shadow:none}.builder-bottom-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-4)}.inspector-section h3{margin:0 0 var(--spacing-2);font-size:18px;color:#1f2937;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.inspector-section p{margin:4px 0;color:#6b7280;line-height:1.5;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.trainer-params{list-style:none;padding:0;margin:var(--spacing-3) 0 0;display:flex;flex-direction:column;gap:var(--spacing-2)}.trainer-params li{background:#667eea0d;border:1px solid rgba(102,126,234,.2);border-radius:8px;padding:var(--spacing-2) var(--spacing-3);font-size:13px;color:#1f2937;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.trainer-params strong{color:#667eea}.validation-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-2)}.validation-item{display:flex;flex-direction:column;gap:2px;border-radius:8px;padding:var(--spacing-2) var(--spacing-2);background:#667eea0d;border:1px solid rgba(102,126,234,.2);font-size:13px;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.validation-item .dot{width:8px;height:8px;border-radius:50%;background:currentColor;display:inline-block;margin-right:6px}.validation-item.warning{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b4d}.validation-item.error{color:#ef4444;background:#ef44441a;border-color:#ef44444d}.validation-item.ok{color:#22c55e;background:#22c55e1a;border-color:#22c55e4d}.validation-item small{color:#6b7280}.asset-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:var(--spacing-2)}.asset-preview-grid img{width:100%;border-radius:8px;border:1px solid #667eea;object-fit:cover}.asset-audio-list{display:flex;flex-direction:column;gap:var(--spacing-2);margin-top:var(--spacing-2)}.asset-audio-list audio{width:100%}.warning-list{list-style:disc;padding-left:var(--spacing-4);color:#f59e0b;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.launch-btn{margin-top:var(--spacing-3);align-self:flex-start}.builder-roadmap{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-3);margin-top:var(--spacing-3)}.roadmap-card{border-radius:12px;background:#fff;border:1px dashed #667eea;padding:var(--spacing-4);color:#6b7280;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.roadmap-card h3{color:#1f2937;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;margin-top:0}@media (max-width: 1200px){.builder-bottom-grid{grid-template-columns:1fr}}@media (max-width: 1200px){.course-builder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.course-builder-page{padding:var(--spacing-4)}.course-builder-container{padding:var(--spacing-5)}.course-builder-grid{grid-template-columns:1fr}}.play-form-input[type=select],select.play-form-input,.play-form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23667eea' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px;padding-right:40px}.admin-promo-page{width:100%;min-height:100vh;padding:var(--spacing-8);background:transparent}.admin-promo-search{background:#fff;border:1px solid #667eea;border-radius:12px;padding:var(--spacing-6);margin-bottom:var(--spacing-6);box-shadow:none;transition:border-color .3s cubic-bezier(.25,.46,.45,.94)}.admin-promo-search:hover{border-color:#818cf8}.admin-promo-search-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;color:#1f2937;display:block;margin-bottom:var(--spacing-2)}.admin-promo-search-input-wrapper{display:flex;align-items:center;gap:var(--spacing-2);position:relative}.admin-promo-search-icon{position:absolute;left:var(--spacing-3);top:50%;transform:translateY(-50%);z-index:1;color:#6b7280;transition:color .3s cubic-bezier(.25,.46,.45,.94);pointer-events:none}.admin-promo-search-input{width:100%;flex:1;padding:var(--spacing-3) var(--spacing-3) var(--spacing-3) calc(var(--spacing-3) * 2 + 20px);background:#fff;border:1px solid #667eea;border-radius:8px;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;color:#1f2937;transition:border-color .3s cubic-bezier(.25,.46,.45,.94);outline:none;box-shadow:none}.admin-promo-search-input::placeholder{color:#9ca3af}.admin-promo-search-input:focus{border-color:#818cf8}.admin-promo-search-input-wrapper:has(.admin-promo-search-input:focus) .admin-promo-search-icon{color:#667eea}.admin-promo-search-input:hover{border-color:#818cf8}.admin-promo-filters{background:#fff;border:1px solid #667eea;border-radius:12px;padding:var(--spacing-6);margin-bottom:var(--spacing-6);box-shadow:none;transition:border-color .3s cubic-bezier(.25,.46,.45,.94);display:flex;gap:var(--spacing-4);align-items:center;flex-wrap:wrap}.admin-promo-filters:hover{border-color:#818cf8}.admin-promo-filter-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;color:#1f2937;display:block;margin-bottom:var(--spacing-2)}.admin-promo-filter-select{width:100%;max-width:300px;padding:var(--spacing-3) var(--spacing-4);background:#fff;border:1px solid #667eea;border-radius:8px;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;color:#1f2937;transition:border-color .3s cubic-bezier(.25,.46,.45,.94);outline:none;cursor:pointer;box-shadow:none}.admin-promo-filter-select:focus{border-color:#818cf8}.admin-promo-filter-select:hover{border-color:#818cf8}.play-table tbody tr.inactive{opacity:.6}.status-badge{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1.5;border-radius:var(--radius-full);display:inline-flex;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.status-badge.active{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.status-badge.inactive{background:#9e9e9e33;color:#9e9e9e;border:1px solid rgba(158,158,158,.3)}.admin-promo-actions{display:flex;gap:var(--spacing-2);align-items:center}.admin-promo-action-button--deactivate{border-color:#ef444499!important;color:#ef4444!important}.admin-promo-action-button--deactivate:hover:not(:disabled){background-color:#ef44441a!important;border-color:#ef4444cc!important;color:#ef4444!important}.admin-promo-action-button--activate{border-color:#22c55e99!important;color:#22c55e!important}.admin-promo-action-button--activate:hover:not(:disabled){background-color:#22c55e1a!important;border-color:#22c55ecc!important;color:#22c55e!important}.admin-promo-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:var(--spacing-6);padding:var(--spacing-4) var(--spacing-6);background:#fff;border:1px solid #667eea;border-radius:12px;box-shadow:none}.admin-promo-pagination-info{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;color:#1f2937}.admin-promo-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-12)}.admin-promo-loading-spinner{width:48px;height:48px;animation:spin 1s linear infinite;border:3px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%}@keyframes spin{to{transform:rotate(360deg)}}.admin-promo-loading-text{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;color:#6b7280;margin-left:var(--spacing-4)}.admin-promo-error{padding:var(--spacing-4) var(--spacing-3);margin-bottom:var(--spacing-6);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;color:#ef4444}.admin-promo-empty{padding:var(--spacing-8);background:#fff;border:1px solid #667eea;border-radius:12px;box-shadow:none;text-align:center}.admin-promo-empty-text{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;color:#6b7280}@media (max-width: 768px){.admin-promo-page,.admin-promo-search{padding:var(--spacing-4)}.admin-promo-filters{padding:var(--spacing-4);flex-direction:column;align-items:stretch}.admin-promo-filter-select{max-width:100%}.play-table-container{overflow-x:auto}.play-table th,.play-table td{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-xs)}.admin-promo-pagination{flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-3)}}.play-form-input[type=select],select.play-form-input,.play-form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23667eea' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px;padding-right:40px}.assets-check-page{min-height:100vh;padding:var(--spacing-6)}.assets-check-container{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 var(--spacing-4)}.assets-check-container>.assets-check-top-bar{max-width:none;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);margin-top:calc(-1 * var(--spacing-6) + var(--spacing-8));padding-left:var(--spacing-8);padding-right:var(--spacing-8);padding-top:0;width:100vw}.assets-check-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-8)}@media (max-width: 768px) and (orientation: portrait){.assets-check-page{padding:var(--spacing-4)}.assets-check-container{padding:0 var(--spacing-2)}.assets-check-container>.assets-check-top-bar{margin-top:calc(-1 * var(--spacing-4) + var(--spacing-6));padding-left:var(--spacing-4);padding-right:var(--spacing-4)}}.trainer-image-item{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;background:#fff;background-color:#fff;background-image:none;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid #667eea;border-radius:16px;cursor:pointer;transition:border-color .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1);width:160px;height:160px;flex-shrink:0;overflow:hidden;box-shadow:none;transform:none}.trainer-image-item:hover{border-color:#818cf8;background-color:#fff}.trainer-image-item:active{background-color:#667eea1a}.trainer-word-item{background:transparent!important;background-color:transparent!important;background-image:none!important;border:none!important;padding:0;width:auto;height:auto;box-shadow:none!important}.trainer-word-item:hover{background:transparent!important;background-color:transparent!important;border-color:transparent!important}.trainer-word-item:active{background-color:transparent!important}.trainer-image-item__image{width:120px;height:120px;max-width:100%;max-height:100%;object-fit:contain;border-radius:12px;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.trainer-image-item__letter{font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:80px;font-weight:700;color:#667eea;-webkit-user-select:none;user-select:none;line-height:1;text-align:center;transition:color .3s cubic-bezier(.4,0,.2,1)}.trainer-image-item--selected{background:#fff;background-color:#fff;background-image:none;border-color:#818cf8;transform:none;box-shadow:none}.trainer-image-item--correct{background:#fff!important;background-color:#fff!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid #10b981!important;box-shadow:none!important}.trainer-image-item--correct .trainer-sound-button__icon{color:#10b981}.trainer-image-item--error{background:#fff!important;background-color:#fff!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid #ef4444!important;box-shadow:none!important;animation:shake .5s}.trainer-image-item--error .trainer-sound-button__icon,.trainer-image-item--error .trainer-image-item__letter{color:#ef4444}.trainer-image-grid{width:100%;max-width:800px;margin:0 auto;padding:1.5rem}.trainer-image-grid-container{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;align-items:center;max-width:100%}@media (max-width: 768px){.trainer-image-grid{padding:1rem}.trainer-image-grid-container{gap:1rem}}@media (max-width: 480px){.trainer-image-grid{padding:.75rem}.trainer-image-grid-container{gap:.5rem}}@media (max-width: 932px) and (max-height: 932px){.trainer-image-grid-container:has(.trainer-word-item){display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:var(--spacing-2)!important;justify-items:center;align-items:center;width:100%!important;max-width:100%!important;padding:0 var(--spacing-2)!important}}@media (max-width: 480px){.trainer-image-grid-container:has(.trainer-word-item){display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:var(--spacing-2)!important;justify-items:center;align-items:center;width:100%!important;max-width:100%!important;padding:0 var(--spacing-2)!important}}.play-background-textured{background-color:#fafafa;min-height:100vh;background-image:radial-gradient(circle at 1px 1px,rgba(102,126,234,.03) 1px,transparent 0);background-size:20px 20px;background-attachment:fixed}.particles-container{position:relative;width:100%;height:100%}.page-title.play-heading-bordered,.play-heading-bordered{background-color:#fff;border:3px solid #667eea;border-radius:16px;padding:16px 32px;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:2,5rem;font-weight:1000;color:#667eea;background-image:none;-webkit-background-clip:unset;-webkit-text-fill-color:#667eea;background-clip:unset;text-align:center;margin:0;display:inline-block}.page-title.play-heading-filled,.play-heading-filled{background-color:#667eea;color:#fff;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;border-radius:16px;padding:16px 32px;font-size:2,5rem;font-weight:1000;background-image:none;-webkit-background-clip:unset;-webkit-text-fill-color:#ffffff;background-clip:unset;text-align:center;margin:0;border:none;display:inline-block}.page-title.play-heading-badge,.play-heading-badge{background-color:#667eea;color:#fff;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;border-radius:12px;padding:12px 24px;font-size:2,5rem;font-weight:1000;background-image:none;-webkit-background-clip:unset;-webkit-text-fill-color:#ffffff;background-clip:unset;text-align:center;margin:0;border:none;display:inline-block}@media (max-width: 949px) and (max-height: 449px){.page-title.play-heading-bordered,.play-heading-bordered,.page-title.play-heading-filled,.play-heading-filled{font-size:1.67rem;padding:calc(16px / 1.5) calc(32px / 1.5);border-radius:calc(16px / 1.5)}.page-title.play-heading-badge,.play-heading-badge{font-size:1.67rem;padding:8px 16px;border-radius:8px}}.play-button{box-sizing:border-box;background-color:#667eea;color:#fff;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:1rem;font-weight:600;border-radius:12px;padding:12px 24px;border:1px solid transparent;cursor:pointer;transition:background-color .6s cubic-bezier(.25,.46,.45,.94),color .6s cubic-bezier(.25,.46,.45,.94),border-color .6s cubic-bezier(.25,.46,.45,.94);display:inline-flex;align-items:center;gap:8px;margin:0}.play-button:hover:not(:disabled){background-color:#fff;color:#667eea;border:1px solid #667eea}.play-button:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.play-button--orange{box-sizing:border-box;background-color:#f59e0b;color:#fff;border:1px solid transparent}.play-button--orange:hover:not(:disabled){background-color:#fff;color:#f59e0b;border:1px solid #f59e0b}.play-button--green{box-sizing:border-box;background-color:#10b981;color:#fff;border:1px solid transparent}.play-button--green:hover:not(:disabled){background-color:#fff;color:#10b981;border:1px solid #10b981}.play-button--outline{background-color:transparent;color:#667eea;border:1px solid #667eea}.play-button--outline:hover:not(:disabled){background-color:#667eea;color:#fff;border:1px solid #667eea}.play-page-button-child{box-sizing:border-box;width:280px;height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-5);background-color:#fff;color:#667eea;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;border-radius:18px;border:1px solid #667eea;cursor:pointer;transition:background-color .6s cubic-bezier(.25,.46,.45,.94),color .6s cubic-bezier(.25,.46,.45,.94),border-color .6s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;margin:0}.play-page-button-child:hover:not(:disabled){background-color:#667eea;color:#fff;border:1px solid #667eea}.play-page-button-child:hover:not(:disabled) .child-gender{background-color:transparent;border:1px solid #ffffff}.play-page-button-child:hover:not(:disabled) .child-gender-icon{color:#fff}.play-page-button-child .child-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-2);width:100%}.play-page-button-child .child-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:inherit;text-align:center;transition:color .6s cubic-bezier(.25,.46,.45,.94)}.play-page-button-child .child-age{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:inherit;opacity:.8;text-align:center;transition:color .6s cubic-bezier(.25,.46,.45,.94)}.play-page-button-child .child-gender{position:absolute;top:var(--spacing-3);right:var(--spacing-3);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:transparent;border-radius:50%;border:1px solid currentColor;transition:all .6s cubic-bezier(.25,.46,.45,.94);z-index:2}.play-page-button-child .child-gender-icon{width:17px;height:17px;color:inherit;transition:color .6s cubic-bezier(.25,.46,.45,.94)}.play-page-button-child:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}@media (max-width: 949px) and (max-height: 449px){.play-page-button-child{width:187px;height:120px;border-radius:12px;padding:calc(var(--spacing-5) / 1.5)}.play-page-button-child .child-name{font-size:calc(var(--font-size-xl) / 1.5)}.play-page-button-child .child-age{font-size:calc(var(--font-size-sm) / 1.5)}.play-page-button-child .child-gender{width:24px;height:24px;top:calc(var(--spacing-3) / 1.5);right:calc(var(--spacing-3) / 1.5)}.play-page-button-child .child-gender-icon{width:11px;height:11px}}.play-page-button-course{box-sizing:border-box;width:280px;height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-5);background-color:#fff;color:#667eea;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;border-radius:18px;border:1px solid #667eea;cursor:pointer;transition:background-color .6s cubic-bezier(.25,.46,.45,.94),color .6s cubic-bezier(.25,.46,.45,.94),border-color .6s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;margin:0}.play-page-button-course:hover:not(:disabled){background-color:#667eea;color:#fff;border:1px solid #667eea}.play-page-button-course .child-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-2);width:100%}.play-page-button-course .child-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:inherit;text-align:center;transition:color .6s cubic-bezier(.25,.46,.45,.94)}.play-page-button-course .course-in-development{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#9ca3af;text-align:center;margin-top:var(--spacing-1);transition:color .6s cubic-bezier(.25,.46,.45,.94)}.play-page-button-course:disabled,.play-page-button-course.course-disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}@keyframes homework-badge-shake{0%{transform:translate(0) rotate(0)}5%{transform:translate(-2px,-2px) rotate(-3deg)}10%{transform:translate(2px,2px) rotate(3deg)}15%{transform:translate(-2px,-2px) rotate(-3deg)}20%{transform:translate(2px,2px) rotate(3deg)}25%,to{transform:translate(0) rotate(0)}}.homework-badge{position:absolute;top:8px;right:8px;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;padding:0 8px;background-color:#ef4444;color:#fff;border-radius:12px;font-size:12px;font-weight:700;z-index:1;animation:homework-badge-shake 2s ease-in-out infinite}@media (max-width: 949px) and (max-height: 449px){.play-page-button-course{width:187px;height:120px;border-radius:12px;padding:calc(var(--spacing-5) / 1.5)}.play-page-button-course .child-name{font-size:calc(var(--font-size-xl) / 1.5)}.play-page-button-course .course-in-development{font-size:calc(var(--font-size-sm) / 1.5)}.homework-badge{min-width:18px;height:18px;padding:0 6px;border-radius:9px;font-size:10px;top:6px;right:6px}}.play-page-button-create{box-sizing:border-box;width:280px;height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-5);background-color:#fff;color:#667eea;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;border-radius:18px;border:1px solid #667eea;cursor:pointer;transition:background-color .6s cubic-bezier(.25,.46,.45,.94),color .6s cubic-bezier(.25,.46,.45,.94),border-color .6s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;margin:0}.play-page-button-create:hover:not(:disabled){background-color:#667eea;color:#fff;border:1px solid #667eea}.play-page-button-create .btn-create-child-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:inherit;text-align:center;transition:color .6s cubic-bezier(.25,.46,.45,.94)}.play-page-button-create:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}@media (max-width: 949px) and (max-height: 449px){.play-page-button-create{width:187px;height:120px;border-radius:12px;padding:calc(var(--spacing-5) / 1.5)}.play-page-button-create .btn-create-child-text{font-size:calc(var(--font-size-xl) / 1.5)}}.cards-scroll>.play-page-button-child:first-child{margin-left:calc(50vw - 140px)}.cards-scroll>.play-page-button-course:first-child{margin-left:calc(50vw - 140px)}.cards-scroll>.play-page-button-create:first-child{margin-left:calc(50vw - 140px)}@media (max-width: 768px){.cards-scroll{flex-direction:row;align-items:center;gap:var(--spacing-3);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;max-width:100vw;overflow-x:auto;overflow-y:hidden}.cards-scroll>*:first-child{margin-left:calc(50vw - 140px)}.cards-scroll>.play-page-button-child:first-child{margin-left:calc(50vw - 140px)}.cards-scroll>.play-page-button-course:first-child{margin-left:calc(50vw - 140px)}.cards-scroll>.play-page-button-create:first-child{margin-left:calc(50vw - 140px)}.cards-scroll>*:last-child{margin-right:calc(50vw - 140px)}}@media (max-width: 768px) and (orientation: portrait){.cards-scroll{box-sizing:border-box;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--spacing-4);position:relative;transform:none;top:0;left:0;width:auto;min-width:calc(280px + var(--spacing-6) * 2);max-width:calc(280px + var(--spacing-8) * 2);margin-left:auto;margin-right:auto;display:flex;height:auto;max-height:none;overflow-x:hidden;overflow-y:visible;padding-top:var(--spacing-6);padding-bottom:var(--spacing-6);padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.cards-scroll>*{margin:0!important;width:280px;align-self:center}.cards-scroll>.play-page-button-child,.cards-scroll>.play-page-button-course,.cards-scroll>.play-page-button-create{margin:0!important;width:280px;align-self:center}.cards-scroll>*:first-child{margin-left:0!important;margin-right:0!important}.cards-scroll>*:last-child{margin-right:0!important;margin-left:0!important;margin-bottom:0!important}.cards-scroll>.play-page-button-child:first-child,.cards-scroll>.play-page-button-course:first-child,.cards-scroll>.play-page-button-create:first-child{margin-left:0!important;margin-right:0!important}}@media (max-width: 949px) and (max-height: 449px){.cards-scroll{position:fixed;top:calc(100px + (100vh - 100px)/2);left:50%;transform:translate(-50%,-50%);width:100vw;max-width:100vw}.cards-scroll>*:first-child{margin-left:calc(50vw - 93.5px)}.cards-scroll>.play-page-button-child:first-child{margin-left:calc(50vw - 93.5px)}.cards-scroll>.play-page-button-course:first-child{margin-left:calc(50vw - 93.5px)}.cards-scroll>.play-page-button-create:first-child{margin-left:calc(50vw - 93.5px)}.cards-scroll>*:last-child{margin-right:calc(50vw - 93.5px)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.modal-content{width:90%;max-width:500px;background:#fff!important;border-radius:16px;border:1px solid #667eea!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;animation:slideIn .3s ease-out;max-height:90vh;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-6) var(--spacing-6) var(--spacing-4);border-bottom:1px solid rgba(102,126,234,.2)}.modal-header h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:#667eea;margin:0;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.modal-close{background:none;border:none;cursor:pointer;padding:var(--spacing-2);border-radius:8px;color:#667eea;transition:color .3s cubic-bezier(.25,.46,.45,.94)}.modal-close:hover{color:#f59e0b}.modal-body{padding:var(--spacing-6);max-height:calc(90vh - 140px);overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;align-items:center;padding:var(--spacing-4) var(--spacing-6) var(--spacing-6);border-top:1px solid rgba(102,126,234,.2);gap:var(--spacing-4)}.modal-button{box-sizing:border-box;background-color:#667eea;color:#fff;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:1rem;font-weight:600;border-radius:12px;padding:12px 24px;border:1px solid transparent;cursor:pointer;transition:background-color .6s cubic-bezier(.25,.46,.45,.94),color .6s cubic-bezier(.25,.46,.45,.94),border-color .6s cubic-bezier(.25,.46,.45,.94);display:inline-flex;align-items:center;gap:8px;margin:0}.modal-button:hover:not(:disabled){background-color:#fff;color:#667eea;border:1px solid #667eea}.modal-button--save{background-color:#667eea;color:#fff}.modal-button--save:hover:not(:disabled){background-color:#fff;color:#667eea;border:1px solid #667eea}.modal-button--cancel{background-color:#fff;color:#667eea;border:1px solid #667eea}.modal-button--cancel:hover:not(:disabled){background-color:#667eea;color:#fff;border:1px solid #667eea}.modal-button--delete{background-color:#ef4444;color:#fff;border:1px solid #ef4444}.modal-button--delete:hover:not(:disabled){background-color:#fff;color:#ef4444;border:1px solid #ef4444}@keyframes slideIn{0%{opacity:0}to{opacity:1}}.play-sidebar{width:235px;background-color:transparent;border:1px solid #667eea;border-radius:12px;padding:var(--spacing-6);height:fit-content;position:sticky;top:var(--spacing-8);box-shadow:none}.play-sidebar-nav{margin:0;padding:0}.play-sidebar-menu{margin:0;padding:0;list-style:none}.play-sidebar-item{margin-bottom:var(--spacing-2)}.play-sidebar-button{box-sizing:border-box;width:100%;display:flex;align-items:center;gap:8px;padding:12px 24px;background-color:#fff;color:#667eea;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:1rem;font-weight:600;border-radius:12px;border:1px solid #667eea;cursor:pointer;transition:background-color .6s cubic-bezier(.25,.46,.45,.94),color .6s cubic-bezier(.25,.46,.45,.94),border-color .6s cubic-bezier(.25,.46,.45,.94);margin:0;box-shadow:none;transform:none;text-align:left}.play-sidebar-button:hover:not(.play-sidebar-button--active):not(:disabled){background-color:#667eea;color:#fff;border:1px solid #667eea}.play-sidebar-button--active{background-color:#667eea;color:#fff;border:1px solid #667eea}.play-sidebar-button:disabled{background-color:#f3f4f6;color:#9ca3af;border-color:#d1d5db;cursor:not-allowed}.play-sidebar-button-logout{box-sizing:border-box;width:100%;display:flex;align-items:center;gap:8px;padding:12px 24px;background-color:#fff;color:#f59e0b;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:1rem;font-weight:600;border-radius:12px;border:1px solid #f59e0b;cursor:pointer;transition:background-color .6s cubic-bezier(.25,.46,.45,.94),color .6s cubic-bezier(.25,.46,.45,.94),border-color .6s cubic-bezier(.25,.46,.45,.94);margin:0;box-shadow:none;transform:none;text-align:left}.play-sidebar-button-logout:hover:not(:disabled){background-color:#f59e0b;color:#fff;border:1px solid #f59e0b}.play-sidebar-button-logout:disabled{background-color:#f3f4f6;color:#9ca3af;border-color:#d1d5db;cursor:not-allowed}@media (max-width: 949px) and (max-height: 449px){.play-sidebar{width:fit-content;min-width:auto;padding:var(--spacing-3);max-height:calc(100vh - 4rem);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#667eea transparent;-webkit-overflow-scrolling:touch}.play-sidebar::-webkit-scrollbar{width:8px}.play-sidebar::-webkit-scrollbar-track{background:transparent}.play-sidebar::-webkit-scrollbar-thumb{background-color:#667eea;border-radius:4px}.play-sidebar::-webkit-scrollbar-thumb:hover{background-color:#818cf8}.play-sidebar-button,.play-sidebar-button-logout{width:auto;min-width:48px;height:48px;padding:12px;justify-content:center;gap:0}}@media (max-width: 768px) and (orientation: portrait){.play-sidebar{width:100%!important;height:fit-content;padding:var(--spacing-3);position:fixed!important;top:var(--spacing-3)!important;left:var(--spacing-3)!important;right:var(--spacing-3)!important;width:calc(100% - var(--spacing-3) * 2)!important;border-radius:12px;z-index:100;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#667eea transparent;-webkit-overflow-scrolling:touch}.play-sidebar::-webkit-scrollbar{height:8px}.play-sidebar::-webkit-scrollbar-track{background:transparent}.play-sidebar::-webkit-scrollbar-thumb{background-color:#667eea;border-radius:4px}.play-sidebar::-webkit-scrollbar-thumb:hover{background-color:#818cf8}.play-sidebar-menu{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--spacing-2);align-items:center}.play-sidebar-item{margin-bottom:0;flex-shrink:0}.play-sidebar-button,.play-sidebar-button-logout{width:auto;min-width:48px;height:48px;padding:12px;justify-content:center;gap:0}}.play-error-message{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-5);background-color:#fff;border:2px solid #ef4444;border-radius:12px;margin-bottom:var(--spacing-4);box-shadow:none}.play-error-icon{font-size:24px;width:24px;text-align:center;flex-shrink:0}.play-error-text{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:#ef4444;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;flex:1}.play-form-group{margin-bottom:var(--spacing-4)}.play-form-input{box-sizing:border-box;width:100%;padding:12px 16px;background-color:#fff;border:1px solid #667eea;border-radius:12px;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:1rem;font-weight:400;color:#1f2937;transition:border-color .3s cubic-bezier(.25,.46,.45,.94),background-color .3s cubic-bezier(.25,.46,.45,.94);margin:0;box-shadow:none;transform:none}.play-form-input::placeholder{color:#9ca3af;opacity:1}.play-form-input:hover:not(:disabled){border-color:#818cf8}.play-form-input:focus{outline:none;border-color:#818cf8;background-color:#fff}.play-form-input:disabled{background-color:#f3f4f6;border-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.play-form-input[type=select],select.play-form-input,.play-form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23667eea' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px;padding-right:40px}option{background-color:#fff;color:#1f2937;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:1rem;font-weight:400;padding:12px 16px}option:checked,option:hover{background-color:#667eea;color:#fff}option:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.play-table-container{width:100%;margin-bottom:var(--spacing-6);border:1px solid #667eea;border-radius:12px;overflow:hidden;box-shadow:none;box-sizing:border-box}.play-table{width:100%;border-collapse:collapse;background:#fff;box-shadow:none}.play-table thead{background:#667eea1a}.play-table th{padding:var(--spacing-4) var(--spacing-6);font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:#667eea;text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:2px solid #667eea}.play-table tbody{background:#fff}.play-table tbody tr{transition:background-color .2s ease;border-bottom:1px solid rgba(102,126,234,.1);box-shadow:none}.play-table tbody tr:hover{background:#667eea0d;box-shadow:none}.play-table tbody tr:last-child{border-bottom:none}.play-table td{padding:var(--spacing-4) var(--spacing-6);vertical-align:middle;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;color:#1f2937;font-size:var(--font-size-sm);line-height:1.4}.play-child-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#1f2937;margin-bottom:var(--spacing-1);font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.play-child-age{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:#1f2937;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.play-gender-badge{padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1.5;border-radius:var(--radius-full);display:inline-flex;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif}.play-gender-badge--male{background:#3b82f633;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.play-gender-badge--female{background:#ec489933;color:#ec4899;border:1px solid rgba(236,72,153,.3)}.play-teachers-button{box-sizing:border-box;background-color:#667eea;color:#fff;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:.875rem;font-weight:600;border-radius:8px;padding:8px 16px;border:1px solid transparent;cursor:pointer;transition:background-color .3s cubic-bezier(.25,.46,.45,.94),color .3s cubic-bezier(.25,.46,.45,.94),border-color .3s cubic-bezier(.25,.46,.45,.94);display:inline-flex;align-items:center;gap:8px;margin:0;box-shadow:none}.play-teachers-button:hover:not(:disabled){background-color:#fff;color:#667eea;border:1px solid #667eea}.play-add-child-row{cursor:pointer;transition:background-color .2s ease;border-top:2px dashed rgba(102,126,234,.3);box-shadow:none}.play-add-child-row:hover{background:#667eea0d;box-shadow:none}.play-loading-container{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-12);font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;color:#667eea}.play-loading-spinner{width:40px;height:40px;border:4px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:play-spin 1s linear infinite}@keyframes play-spin{to{transform:rotate(360deg)}}.play-id-block{box-sizing:border-box;display:flex;align-items:center;gap:.75rem;padding:1rem;margin-bottom:1.5rem;background:#fff;background-color:#fff;background-image:none;border:1px solid #667eea;border-radius:12px;box-shadow:none;transform:none}.play-id-content{flex:1;min-width:0}.play-id-label{font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:.75rem;font-weight:500;color:#9ca3af;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.05em}.play-id-value{font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:.875rem;font-weight:400;color:#667eea;word-break:break-all;background:#667eea1a;padding:.25rem .5rem;border-radius:8px;display:inline-block}.play-id-copy-button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:#fff;background-color:#fff;background-image:none;border:1px solid #667eea;border-radius:10px;font-family:Nunito,Quicksand,Poppins,system-ui,-apple-system,sans-serif;font-size:.875rem;font-weight:500;color:#667eea;transition:background-color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1);outline:none;cursor:pointer;flex-shrink:0;box-shadow:none;transform:none}.play-id-copy-button:hover:not(:disabled){background-color:#667eea;border-color:#818cf8;color:#fff}.play-id-copy-button:active:not(:disabled){background-color:#5a67d8}.play-id-copy-button:disabled{opacity:.5;cursor:not-allowed}.play-id-copy-button--copied{background:#10b981;background-color:#10b981;border-color:#10b981;color:#fff}.play-id-copy-button--copied:hover:not(:disabled){background-color:#059669;border-color:#059669;color:#fff}.mental-math-selection-page{min-height:100vh;padding:var(--spacing-6)}.mental-math-selection-container{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 var(--spacing-4)}.mental-math-selection-container>.mental-math-selection-top-bar{max-width:none;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);margin-top:calc(-1 * var(--spacing-6) + var(--spacing-8));padding-left:var(--spacing-8);padding-right:var(--spacing-8);padding-top:0;width:100vw}.mental-math-selection-top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-8)}@media (max-width: 768px) and (orientation: portrait){.mental-math-selection-page{padding:var(--spacing-4)}.mental-math-selection-container{padding:0 var(--spacing-2)}.mental-math-selection-container>.mental-math-selection-top-bar{margin-top:calc(-1 * var(--spacing-4) + var(--spacing-6));padding-left:var(--spacing-4);padding-right:var(--spacing-4)}}.animated-background{min-height:100vh;width:100%;position:relative;overflow:hidden}.animated-background__content{position:relative;z-index:4;min-height:100vh}.animated-background--login{background:linear-gradient(135deg,#fff,#f8fafc)}.animated-background--register{background:linear-gradient(135deg,#fff,#f1f5f9)}.animated-background--dashboard{background:linear-gradient(135deg,#fff,#f0f9ff)}.animated-background--game{background:linear-gradient(135deg,#fff,#f0fdf4)}:root{--color-primary: #667eea;--color-primary-light: #8b9cff;--color-primary-dark: #4c51bf;--color-secondary: #764ba2;--color-secondary-light: #9f7aea;--color-secondary-dark: #553c9a;--color-text-primary: #667eea;--color-text-secondary: #6b7280;--color-text-muted: #9ca3af;--color-success: #10b981;--color-error: #ef4444;--color-warning: #f59e0b;--color-red-500: #ef4444;--color-green-500: #10b981;--color-white: #ffffff;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--font-family-primary: "Inter", system-ui, sans-serif;--font-family-display: "Comic Sans MS", cursive;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--trainer-item-size: 160px;--trainer-item-size-tablet: 120px;--trainer-item-size-mobile: 100px;--trainer-image-size: 120px;--trainer-image-size-tablet: 100px;--trainer-image-size-mobile: 80px;--trainer-letter-size: 80px;--trainer-letter-size-tablet: 60px;--trainer-letter-size-mobile: 48px;--trainer-icon-size: 48px;--trainer-close-button-size: 32px;--trainer-container-max-width: 1200px;--trainer-grid-max-width: 800px;--trainer-modal-max-width: 500px;--trainer-nav-offset: 20px;--trainer-nav-offset-tablet: 15px;--trainer-nav-offset-mobile: 10px;--trainer-item-radius: 16px;--trainer-modal-radius: 24px;--trainer-modal-radius-mobile: 16px}.form-input{width:100%;height:48px;padding:0 var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-text-primary);background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:12px;outline:none;transition:background .6s cubic-bezier(.25,.46,.45,.94),color .6s cubic-bezier(.25,.46,.45,.94),border-color .6s cubic-bezier(.25,.46,.45,.94);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.form-input:focus{border-color:#667eea99;background:#fff6}.form-input:hover:not(:disabled){border-color:#667eea99}.form-input:disabled{background:#ffffff40;color:var(--color-text-primary);cursor:not-allowed}.form-input--error{border-color:var(--color-error)}.form-input::placeholder{color:var(--color-text-secondary);opacity:.7}.form-input[data-imask]{color:var(--color-text-secondary)}.form-input[data-imask]::placeholder{color:var(--color-text-secondary)}.form-group{margin-bottom:var(--spacing-4)}.form-row{display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.form-group--half{flex:1;margin-bottom:0}.form-label{display:block;margin-bottom:var(--spacing-2);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);line-height:1.5}.form-input--readonly{background:#ffffff26;color:var(--color-text-primary);cursor:default;-webkit-user-select:text;user-select:text;display:flex;align-items:center;white-space:normal;word-break:break-word;overflow-wrap:break-word;min-height:48px;padding:var(--spacing-2) var(--spacing-3)}.form-input--readonly:hover{border-color:#fff6;background:#fff3}.btn-primary{width:100%;height:48px;padding:0 var(--spacing-4);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-white);background:#667eeae6;border:1px solid rgba(102,126,234,.6);border-radius:12px;cursor:pointer;transition:background .6s cubic-bezier(.25,.46,.45,.94),color .6s cubic-bezier(.25,.46,.45,.94),border-color .6s cubic-bezier(.25,.46,.45,.94),transform .4s cubic-bezier(.4,0,.2,1)}.btn-primary:hover:not(:disabled){background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(102,126,234,.6);color:var(--color-text-primary);transform:scale(1.05);transform-origin:center}.btn-primary:disabled{background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(102,126,234,.6);color:var(--color-text-primary);cursor:not-allowed}.btn-secondary{width:100%;height:48px;padding:0 var(--spacing-4);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(102,126,234,.6);border-radius:12px;cursor:pointer;transition:background .6s cubic-bezier(.25,.46,.45,.94),color .6s cubic-bezier(.25,.46,.45,.94),border-color .6s cubic-bezier(.25,.46,.45,.94),transform .4s cubic-bezier(.4,0,.2,1)}.btn-secondary:hover:not(:disabled){background:#667eeae6;border:1px solid rgba(102,126,234,.6);color:var(--color-white);transform:scale(1.05);transform-origin:center}.btn-secondary:disabled{background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(102,126,234,.6);color:var(--color-text-primary);cursor:not-allowed}.btn-nav{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-text-primary);border:1px solid rgba(102,126,234,.6);border-radius:16px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px #ffffff1a}.btn-nav:hover:not(:disabled){background:#fff6;transform:scale(1.05);transform-origin:center;border-color:#667eeacc;color:var(--color-text-primary)}.btn-nav:active:not(:disabled){box-shadow:0 2px 4px -1px #0000001a,0 1px 2px -1px #0000000f,inset 0 1px #ffffff1a;background:#fff3}.btn-nav:disabled{background:#ffffff1a;color:var(--color-text-muted);border-color:#667eea4d;cursor:not-allowed;box-shadow:none}.btn-nav-secondary{display:flex;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3) var(--spacing-4);background:transparent;border:1px solid rgba(102,126,234,.6);border-radius:12px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);text-align:left}.btn-nav-secondary:hover:not(.btn-nav-secondary--active){background:#fff3;border:1px solid rgba(102,126,234,.6);color:var(--color-text-primary);transform:scale(1.05);transform-origin:center}.btn-nav-secondary--active{background:#667eeae6;color:var(--color-white);border:1px solid rgba(102,126,234,.6);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.btn-nav-secondary:disabled{background:#ffffff1a;color:var(--color-text-muted);border:1px solid rgba(102,126,234,.3);cursor:not-allowed}.btn-logout{display:flex;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3) var(--spacing-4);background:transparent;border:1px solid var(--color-red-500);border-radius:12px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-red-500);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);margin-bottom:var(--spacing-2);text-align:left}.btn-logout:hover{background:#fff3;border:1px solid var(--color-red-500);color:var(--color-red-500);transform:scale(1.05);transform-origin:center}.btn-logout:active{background:var(--color-red-500);color:var(--color-white);border:1px solid var(--color-red-500);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.btn-create-child{width:280px;height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-5);background:#ffffff40;-webkit-backdrop-filter:blur(15px) saturate(150%);backdrop-filter:blur(15px) saturate(150%);border:2px solid rgba(102,126,234,.4);border-radius:18px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 12px #667eea1f,0 2px 6px #00000014,inset 0 1px #ffffff4d}.btn-create-child .btn-create-child-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-block}.btn-create-child:hover .btn-create-child-text{color:var(--color-primary);text-shadow:0 1px 3px rgba(102,126,234,.15);transform:scale(1.08)}.btn-create-child:hover{background:#ffffff59;border-color:#667eeab3;transform:none!important;box-shadow:0 4px 12px #667eea1f,0 2px 6px #00000014,inset 0 1px #ffffff4d}.btn-create-child:active{box-shadow:none}.btn-child-card{width:280px;height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-5);background:#ffffff40;-webkit-backdrop-filter:blur(15px) saturate(150%);backdrop-filter:blur(15px) saturate(150%);border:2px solid rgba(102,126,234,.4);border-radius:18px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 12px #667eea1f,0 2px 6px #00000014,inset 0 1px #ffffff4d}.btn-child-card .child-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-2);width:100%}.btn-child-card .child-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-block}.btn-child-card .child-age{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);display:inline-block}.btn-child-card .child-gender{position:absolute;top:var(--spacing-4);right:var(--spacing-4);width:34px;height:34px;background:linear-gradient(135deg,#667eea40,#764ba233);border:1.5px solid rgba(102,126,234,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:2;box-shadow:0 2px 6px #667eea33,inset 0 1px #fff6}.btn-child-card .child-gender-icon{width:17px;height:17px;color:#667eead9;transition:all .4s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 1px 2px rgba(102,126,234,.3))}.btn-child-card:hover{background:#ffffff59;border-color:#667eeab3;box-shadow:0 4px 12px #667eea1f,0 2px 6px #00000014,inset 0 1px #ffffff4d}.btn-child-card:hover .child-name{color:var(--color-primary);text-shadow:0 1px 3px rgba(102,126,234,.15);transform:scale(1.08)}.btn-child-card:hover .child-age{transform:scale(1.08)}.btn-child-card:hover .child-gender-icon{color:#667eea;filter:drop-shadow(0 2px 4px rgba(102,126,234,.4));transform:scale(1.08)}.btn-child-card:hover .child-gender{background:linear-gradient(135deg,#667eea59,#764ba24d);border-color:#667eeab3;box-shadow:0 3px 10px #667eea4d,inset 0 1px #ffffff80;transform:scale(1.05)}.btn-child-card:active{box-shadow:0 4px 12px #667eea1f,0 2px 6px #00000014,inset 0 1px #ffffff4d}.btn-primary:hover:not(:disabled),.btn-secondary:hover:not(:disabled),.btn-nav:hover:not(:disabled),.btn-nav-secondary:hover:not(.btn-nav-secondary--active):not(:disabled),.btn-logout:hover{transform:scale(1.05);transform-origin:center}@media (max-width: 768px){.btn-create-child,.btn-child-card{width:280px;max-width:280px;height:160px}.btn-create-child,.btn-child-card{padding:var(--spacing-4)}.btn-child-card .child-name{font-size:var(--font-size-lg)}}.checkbox-label{display:flex;align-items:center;cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:color .3s cubic-bezier(.25,.46,.45,.94)}.checkbox-input{width:18px;height:18px;margin-right:var(--spacing-2);accent-color:var(--color-primary);border-radius:4px;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.checkbox-text{-webkit-user-select:none;user-select:none;color:var(--color-text-secondary)}.checkbox-label:hover .checkbox-input{transform:scale(1.1)}.checkbox-label:hover .checkbox-text{color:var(--color-text-primary)}.auth-checkbox--inline{margin-bottom:0;width:auto}.auth-checkbox--inline .form-field-container{margin-bottom:0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:transparent;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.modal-content{width:90%;max-width:500px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px #fff3;border:1px solid rgba(255,255,255,.4);animation:slideIn .3s ease-out;max-height:90vh;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-6) var(--spacing-6) var(--spacing-4);border-bottom:1px solid rgba(255,255,255,.2)}.modal-header h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.modal-close{background:none;border:none;cursor:pointer;padding:var(--spacing-2);border-radius:8px;color:var(--color-text-secondary);transition:all .3s cubic-bezier(.25,.46,.45,.94);display:flex;align-items:center;justify-content:center}.modal-close:hover{color:var(--color-text-primary);background:#667eea1a}.modal-body{padding:var(--spacing-6)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-6) var(--spacing-6);border-top:1px solid rgba(255,255,255,.2)}.modal-button{padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border-radius:12px;border:none;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);min-width:100px}.modal-button--cancel{background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(102,126,234,.6);color:var(--color-text-primary)}.modal-button--cancel:hover:not(:disabled){background:#667eeae6;border:1px solid rgba(102,126,234,.6);color:var(--color-white)}.modal-button--save{background:#667eeae6;border:1px solid rgba(102,126,234,.6);color:var(--color-white)}.modal-button--save:hover:not(:disabled){background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(102,126,234,.6);color:var(--color-text-primary)}.modal-button--delete{background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(239,68,68,.6);color:#dc2626;display:flex;align-items:center;gap:var(--spacing-2)}.modal-button--delete:hover:not(:disabled){background:#ef4444e6;border:1px solid rgba(239,68,68,.6);color:var(--color-white)}.confirm-message{display:flex;align-items:center;gap:var(--spacing-6);padding:var(--spacing-4)}.confirm-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background:#ef44441a;border-radius:50%;color:#dc2626;flex-shrink:0}.confirm-text{flex:1}.confirm-text p{margin:0;margin-bottom:var(--spacing-2);line-height:1.5}.confirm-text strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.confirm-note{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic}.modal-spinner{animation:modal-spin 1s linear infinite}@keyframes modal-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-button:disabled{background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(102,126,234,.3);color:var(--color-text-primary);cursor:not-allowed;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px #ffffff1a}.modal-body .form-input{border:1px solid rgba(102,126,234,.6)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sidebar{width:280px;background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:var(--spacing-6);height:fit-content;position:sticky;top:var(--spacing-8)}.sidebar-header{margin-bottom:var(--spacing-6)}.sidebar-header h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.sidebar-nav{margin:0;padding:0}.sidebar-menu{margin:0;padding:0;list-style:none}.sidebar-item{margin-bottom:var(--spacing-2)}.form-field-container{position:relative;margin-bottom:var(--spacing-1)}.error-message{position:absolute;top:100%;left:0;right:0;margin-top:var(--spacing-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-red-500);opacity:0;transform:translateY(-4px);transition:all .2s ease-out;z-index:5}.error-message--visible{opacity:1;transform:translateY(0)}.hint-message{position:absolute;top:100%;left:0;right:0;margin-top:var(--spacing-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--color-text-muted);opacity:0;transform:translateY(-4px);transition:all .2s ease-out;z-index:5}.hint-message--visible{opacity:1;transform:translateY(0)}.success-message{position:absolute;top:100%;left:0;right:0;margin-top:var(--spacing-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-green-500);opacity:0;transform:translateY(-4px);transition:all .2s ease-out;z-index:5}.success-message--visible{opacity:1;transform:translateY(0)}.message-icon{width:12px;height:12px;margin-right:var(--spacing-1);vertical-align:middle;color:inherit}.message-content{display:flex;align-items:center;gap:var(--spacing-1)}.form-error-message{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-red-500);background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;margin-bottom:var(--spacing-4);opacity:1;transform:translateY(0);transition:all .2s ease-out}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--color-gray-800);background-color:transparent;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.page-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-2)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}p{margin:0;line-height:1.6}a{text-decoration:none;color:var(--color-primary);transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}button{border:none;background:none;cursor:pointer;font-family:inherit;transition:all var(--transition-fast)}input,textarea,select{font-family:inherit;font-size:var(--font-size-base);outline:none}ul,ol{margin:0;padding:0;list-style:none}img{max-width:100%;height:auto;display:block}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-4)}.cards-scroll{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:var(--spacing-6);width:100vw;max-width:100vw;height:auto;z-index:1;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.cards-scroll>*{flex-shrink:0;flex-grow:0;flex-basis:auto}.cards-scroll::-webkit-scrollbar{display:none}.cards-scroll>*:first-child{margin-left:calc(50vw - 140px)}.cards-scroll>.btn-child-card:first-child{margin-left:calc(50vw - 140px)}.cards-scroll>*:last-child{margin-right:calc(50vw - 140px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;border:0;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}@media (max-width: 768px){.container{padding:0 var(--spacing-3)}body{font-size:var(--font-size-sm)}.cards-scroll{flex-direction:row;align-items:center;gap:var(--spacing-3);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;max-width:100vw;overflow-x:auto;overflow-y:hidden}.cards-scroll>*:first-child{margin-left:calc(50vw - 140px)}}@media (max-width: 768px) and (orientation: portrait){.cards-scroll{box-sizing:border-box;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--spacing-4);position:relative;transform:none;top:0;left:0;width:auto;min-width:calc(280px + var(--spacing-6) * 2);max-width:calc(280px + var(--spacing-8) * 2);margin-left:auto;margin-right:auto;height:auto;max-height:none;overflow-x:hidden;overflow-y:visible;padding-top:var(--spacing-6);padding-bottom:var(--spacing-6);padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.cards-scroll>*{margin:0!important;width:280px;align-self:center}.cards-scroll>.btn-child-card,.cards-scroll>.play-page-button-child,.cards-scroll>.play-page-button-course,.cards-scroll>.play-page-button-create{margin:0!important;width:280px;align-self:center}.cards-scroll>*:first-child{margin-left:0!important;margin-right:0!important}.cards-scroll>*:last-child{margin-right:0!important;margin-left:0!important;margin-bottom:0!important}.cards-scroll>.btn-child-card:first-child,.cards-scroll>.play-page-button-child:first-child,.cards-scroll>.play-page-button-course:first-child,.cards-scroll>.play-page-button-create:first-child{margin-left:0!important;margin-right:0!important}.cards-scroll>.btn-child-card:first-child{margin-left:calc(50vw - 140px)}.cards-scroll>*:last-child{margin-right:calc(50vw - 140px)}}@media (max-width: 949px) and (max-height: 449px){.cards-scroll{position:fixed;top:calc(100px + (100vh - 100px)/2);left:50%;transform:translate(-50%,-50%);width:100vw;max-width:100vw}.cards-scroll>*:first-child{margin-left:calc(50vw - 93.5px)}.cards-scroll>.btn-child-card:first-child{margin-left:calc(50vw - 93.5px)}.cards-scroll>*:last-child{margin-right:calc(50vw - 93.5px)}}