@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Poppins,sans-serif}a{color:#fff;text-decoration:none}body,html{scroll-behavior:auto!important}.button_class{background-color:#4cbb16;border:none;border-radius:5px;color:#fff;font-weight:lighter;padding:.6rem 1.8rem;transition:.6s}.button_class2{border:2.5px solid #000;border-radius:7px;color:#000;font-size:.7rem;font-weight:500;padding:1rem 1.8rem;transition:.6s}.button_class2:hover{background-color:#4cbb16;color:#fff}.large_font{font-size:3.1rem}.large_font2{font-size:1.5rem}.buttonWrapper{align-items:center;display:flex;justify-content:center;min-height:100vh;padding-top:67px}.btn-link{border-radius:70px;font-size:25px;font-weight:500;height:104px;padding:0 49px;position:relative;text-decoration:none;text-transform:uppercase}.btn-fill{background:#8330c2;border-radius:inherit;bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0;transition:background .3s}.btn-fill,.btn-title{transform:translateZ(0)}.btn-title{align-items:center;display:flex;height:100%;justify-content:center;position:relative;top:-1px}.btn-content{color:#fff;font-weight:500}.btn-ripple{border-radius:inherit;bottom:-1px;display:none;left:-1px;position:absolute;right:-1px;top:-1px}.btn-ripple.v1{background:#933bd7}.btn-ripple.v2{background:#9e4cdc}@media screen and (max-width:800px){.large_font{font-size:1.9rem}.large_font2{font-size:1rem}}@media screen and (max-width:300px){.large_font{font-size:1.2rem}.large_font2{font-size:1rem}}html{scroll-padding:10rem}.nav_section{background-color:#1d293a;box-shadow:8px -24px 58px -1px #000;padding:.6rem 0;position:fixed;right:0;top:0;width:100%;z-index:4}.active{color:#42ff54}.bg_green{background-color:#4cbb16}ul li{justify-content:center}ul li a{padding-right:1rem;padding-top:.6rem}ul li a:hover{color:#4cbb16!important}.mobile_menu{display:none}.hamburger_icon{display:block}.mobile_menu ul{align-items:self-start;background:#000000d9;bottom:0;bottom:-15px;display:flex;flex-direction:column;gap:1rem;padding:1rem;position:fixed;right:1rem;top:-19px;top:0;width:50%;z-index:8888}.mobile_menu ul li{background-color:initial;border-radius:10px;display:flex;justify-content:start;padding:.9rem;width:100%}.mobile_menu ul li a{color:#fff;padding-top:0}.mobile_menu .mobile_button_sec{align-items:self-start;display:flex;flex-direction:column;gap:1rem;padding-left:1.8rem}.button_sec img{width:25px}.sidebar_menu{height:100vh;position:fixed;right:0;top:0;z-index:0}.notification_navbar{border:3px solid #42ff54;border-radius:10px;margin-top:9px;right:0;width:370px;z-index:767}.small_font{font-size:.7rem}.small_font2{font-size:.9rem}.notification_text_green{color:#42ff54}@media screen and (max-width:1190px){.nav_section{display:none}.mobile_menu{display:block}}.notification-container{display:inline-block;position:relative}.notification-icon{background:none;border:none;cursor:pointer;position:relative}.notification-icon img{height:24px;width:24px}.badge{background:red;border-radius:50%;color:#fff;font-size:12px;padding:4px 7px;position:absolute;right:0;top:0}.notification-dropdown{background:#1d293a;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0000001a;color:#ccc;padding:10px;position:absolute;right:0;top:40px;width:500px;z-index:1000}.notification-header{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding-bottom:8px}.clear-all-btn{background:#4cbb16ed;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:12px;padding:5px 8px}.notification-item{align-items:center;cursor:pointer;padding:8px}.notification-item.read{background-color:#f1f1f1;color:gray}.notification-item:last-child{border-bottom:none}.clear-btn{background:#0000;font-size:14px}.error-message,.loading-message,.no-notifications{color:#666;text-align:center}.notification-item{align-items:start;border-bottom:1px solid #ddd;display:flex;flex-direction:column;justify-content:space-between;padding:10px;transition:background-color .3s ease}.unread{background-color:#1d293a;font-weight:700}.read{background-color:#f0f0f0}.notification-item p{cursor:pointer;flex-grow:1;margin:0}.clear-btn{background:none;border:none;color:#4cbb16;cursor:pointer;font-size:16px}.footer_sec{background-color:#1d293a;color:#fff}ul li{align-items:center;color:#000;color:#fff;display:flex;justify-content:left;list-style:none}.copyright_sec{background:#222429;color:#39bb46}@font-face{fallback:fallback;font-family:revicons;src:url(/static/media/revicons.e8746a624ed098489406.woff) format("woff"),url(/static/media/revicons.57fd05d4ae650374c8de.ttf) format("ttf"),url(/static/media/revicons.a77de540a38981833f9e.eot) format("ttf")}.react-multi-carousel-track{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;flex-direction:row;list-style:none;margin:0;padding:0;position:relative;transform-style:preserve-3d;will-change:transform,transition}.react-multiple-carousel__arrow{background:#00000080;min-height:43px;min-width:43px;z-index:1000}.react-multiple-carousel__arrow:hover{background:#000c}.react-multiple-carousel__arrow:before{color:#fff;font-size:20px}.react-multiple-carousel__arrow:disabled{background:#00000080;cursor:default}.react-multiple-carousel__arrow--left:before{content:"\e824"}.react-multiple-carousel__arrow--right:before{content:"\e825"}.react-multi-carousel-dot-list{display:flex}.react-multi-carousel-dot button{border:2px solid grey;border-radius:50%;box-shadow:none;cursor:pointer;display:inline-block;height:12px;margin:0 6px 0 0;opacity:1;outline:0;padding:0;transition:background .5s;width:12px}.react-multi-carousel-dot button:hover:active,.react-multi-carousel-dot--active button{background:#080808}.react-multi-carousel-item{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.react-multi-carousel-item{flex-shrink:0!important}.react-multi-carousel-track{overflow:visible!important}}[dir=rtl].react-multi-carousel-list{direction:rtl}.rtl.react-multiple-carousel__arrow--right{left:calc(4% + 1px);right:auto}.rtl.react-multiple-carousel__arrow--right:before{content:"\e824"}.rtl.react-multiple-carousel__arrow--left{left:auto;right:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--left:before{content:"\e825"}.hero_btn_sec{display:flex;flex-direction:column;flex-wrap:wrap;gap:1.4rem}.Slider_section{background-color:#fff;border-radius:20px;box-shadow:0 8px 24px #0000001f;padding:10px}.Slider_section .image-slider{background-color:#f8f9fa;border-radius:16px;height:500px;overflow:hidden;position:relative;width:100%}.image-slider img{width:100%}.slide-image{border:1px solid #0000000d;border-radius:16px;height:100%;left:0;object-fit:contain;opacity:0;position:absolute;top:0;transition:opacity 1s ease-in-out;width:100%}.Slider_section:hover{transform:translateY(-2px);transition:transform .3s ease}.slide-image.active{opacity:1;z-index:1}.custom-modal-overlay{align-items:center;background:#000000b3;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.custom-modal,.custom-modal-overlay{box-sizing:border-box;display:flex;padding:1rem}.custom-modal{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff26;border:1px solid #ffffff2e;border-radius:12px;box-shadow:0 8px 32px #00000040;flex-direction:column;max-height:90vh;max-width:650px;overflow-y:hidden;position:relative;width:100%}.modal-close-icon{background:#0000;border:none;color:#333;cursor:pointer;font-size:24px;font-weight:700;position:absolute;right:4px;top:-4px}.video-wrapper{border-radius:8px;height:0;margin-bottom:1rem;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.video-wrapper video{background-color:#000;border-radius:8px;height:100%;left:0;object-fit:contain;position:absolute;top:0;width:100%;z-index:-44}.video_sec_desc h4,.video_sec_desc p{color:#fff;font-size:1rem;margin:.5rem 0}.modal-buttons{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.modal-buttons .btn{font-size:1rem;padding:.75rem;width:100%}@media (min-width:480px){.modal-buttons{flex-direction:row;justify-content:space-between}.modal-buttons .btn{width:48%}}.inner_txts{background-color:#f3f7fd;border-radius:12px;box-shadow:0 4px 10px #0000000d;color:#333;font-size:1rem;line-height:1.6;padding:20px 24px;transition:all .3s ease-in-out}.inner_txts strong{color:#4cbb16;font-weight:600}.inner_txts:hover{background-color:#e6f0ff}.banner-wrapper{background-image:url(/static/media/home_slider1.d7b0fe7ca0aeb9a848d3.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:12px;height:675px;width:100%}@media (max-width:768px){.banner-wrapper{height:213px}}@media (max-width:576px){.banner-wrapper{height:213px}}.card_text h5,.card_text h6{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card_text h5{-webkit-line-clamp:1;font-size:1rem}.card_text h6{-webkit-line-clamp:1;color:#000;font-size:.9rem}.img_wrapper{border-top-left-radius:10px;border-top-right-radius:10px;overflow:hidden;position:relative;transition:transform .3s ease}.img_wrapper:hover{transform:scale(1.18);z-index:2}.img_wrapper2 h5{color:#fff}.img_wrapper video{display:none;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.img_wrapper:hover video{display:block}.img_wrapper img{transition:opacity .3s ease}.img_wrapper:hover img{opacity:0}.hero_section{background-image:url(/static/media/hero_bg.77a5120caaa2904808bc.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%}.regular_update_sec .container{background-color:#e4e4e4;border-radius:20px}.regular_update_sec img{width:12rem}.regular_update_sec p{font-weight:bolder;margin-top:-2rem}.orange_card{background:#fa7d26;border-radius:10px}.orange_card2{background:#009aff;border-radius:10px}.orange_card3{background:#4ac74f;border-radius:10px}.orange_card4{background:#676ddc;border-radius:10px}.sky_btn{background-color:#80ccff}.green_btn{background-color:#9ee1a0}.violet_btn{background-color:#979be7}.orange_btn{background-color:#fcb482}.orange_btn:hover{background-color:#fa7d26}.sky_btn:hover{background-color:#009aff}.green_btn:hover{background-color:#4ac74f}.violet_btn:hover{background-color:#676ddc}.card-body img{width:12rem}.arrows{display:flex;gap:1rem}.arrows img{width:2rem}.arrows .left_arrow,.arrows .right_arrow{align-items:center;background-color:#e2dddd;border:1px solid #000;border-radius:50px;display:flex;justify-content:center}.arrows .left_arrow :hover{background:#4cbb16;border-radius:50px}.react-multiple-carousel__arrow--left:hover,.react-multiple-carousel__arrow--right:hover{background:#fff}.arrows .right_arrow :hover{background:#4cbb16;border-radius:50px}.slider img{width:20rem}.card_text{background-color:#55ba5c;border-bottom-left-radius:10px;border-bottom-right-radius:10px;font-weight:bolder}.img_wrapper{border-radius:10px;color:#000;cursor:pointer;transition:.5s}.img_wrapper img{border-top-left-radius:10px;border-top-right-radius:10px}.img_wrapper:hover{border-radius:10px;color:#fff}.react-multi-carousel-list{align-items:center;display:flex;overflow:hidden;padding:0;position:relative}.react-multi-carousel-item{transform-style:flat}.react-multiple-carousel__arrow{background-color:#fff;border:0;border-radius:35px;cursor:pointer;min-height:62px;min-width:62px;opacity:1;outline:0;position:absolute;transition:all .5s;z-index:0}.react-multiple-carousel__arrow:before{color:#4cbb16;display:block;font-family:revicons;font-size:30px;position:relative;text-align:center;z-index:2}.react-multiple-carousel__arrow--right{right:calc(4% + 1px);top:calc(26% + 1px)}.react-multiple-carousel__arrow--left{left:calc(4% + 1px);top:calc(26% + 1px)}.aboutus{background-color:#55ba5c;border-radius:10px}.banner_vtx{background-image:url(/static/media/vtx_banner_gamesite.315830140fe5c31c1e08.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;height:auto}.share_thought{background:#f6f6f6;border:2px solid #d3d3d3;border-radius:10px}.share_thought input{width:70%}.share_thought textarea{width:95%}.banner_vtx_mobile{display:none}.react-multi-carousel-dot-list{bottom:0;display:none;justify-content:center;left:0;list-style:none;margin:0;padding:0;position:absolute;right:0;text-align:center}ul li{list-style-type:circle}@media (max-width:576px){.banner_vtx_mobile{background:#c2b232;display:block}.banner_vtx{display:none}.copyright_sec{font-size:.8rem}.footer_sec{background-color:#1d293a;color:#fff;padding:1rem}}[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0s}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos]{pointer-events:none}[data-aos].aos-animate{pointer-events:auto}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}@media screen{html:not(.no-js) [data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:none}html:not(.no-js) [data-aos=fade-up]{transform:translate3d(0,100px,0)}html:not(.no-js) [data-aos=fade-down]{transform:translate3d(0,-100px,0)}html:not(.no-js) [data-aos=fade-right]{transform:translate3d(-100px,0,0)}html:not(.no-js) [data-aos=fade-left]{transform:translate3d(100px,0,0)}html:not(.no-js) [data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}html:not(.no-js) [data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}html:not(.no-js) [data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}html:not(.no-js) [data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}html:not(.no-js) [data-aos=zoom-in]{transform:scale(.6)}html:not(.no-js) [data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}html:not(.no-js) [data-aos=zoom-out]{transform:scale(1.2)}html:not(.no-js) [data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}html:not(.no-js) [data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}html:not(.no-js) [data-aos^=slide][data-aos^=slide]{transition-property:transform;visibility:hidden}html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0);visibility:visible}html:not(.no-js) [data-aos=slide-up]{transform:translate3d(0,100%,0)}html:not(.no-js) [data-aos=slide-down]{transform:translate3d(0,-100%,0)}html:not(.no-js) [data-aos=slide-right]{transform:translate3d(-100%,0,0)}html:not(.no-js) [data-aos=slide-left]{transform:translate3d(100%,0,0)}html:not(.no-js) [data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:transform}html:not(.no-js) [data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}html:not(.no-js) [data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}html:not(.no-js) [data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}html:not(.no-js) [data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}html:not(.no-js) [data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}html:not(.no-js) [data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}html:not(.no-js) [data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}}.back_to_top{background-color:initial;border:none;bottom:20px;position:fixed;right:20px}.fom_sec{background-color:#dcdcdc;height:auto}.send_btn{background-color:#4cbb16;border:none;color:#fff}.explore_games_sec{background-image:url(/static/media/hero_bg.77a5120caaa2904808bc.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.pagination .page-link{box-shadow:0 2px 6px #0000000d;transition:all .3s ease}.pagination .page-item.active .page-link{background-color:#4cbb16!important;border-color:#4cbb16!important;color:#fff}.pagination .page-link:hover{background-color:#f0f0f0;cursor:pointer}.pagination .page-item.disabled .page-link{opacity:.6;pointer-events:none}.games_section_explore img{width:100%}.dark_blue_bg{background-color:#1d293a}.grey_bg{background-color:#e4e4e4;cursor:pointer;transition:.6s}.grey_bg:hover{background-color:#4cbb16;color:#fff;padding-left:1rem}.grey_bg2{background-color:#55ba5c;cursor:pointer;transition:.6s}.grey_bg{color:#000}.active_class{background-color:#4cbb16!important;color:#fff!important}.category2_bg:hover,.grey_bg2:hover{background-color:#4cbb16;color:#fff;padding-left:1rem}.dropdown button:hover{color:#fff!important}.rounded_btm{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.rounded_top{border-top-left-radius:10px;border-top-right-radius:10px}.green_bg{background-color:#4cbb16;color:#fff;cursor:pointer}.category2_bg{word-wrap:break-word;align-items:center;background-color:#d3e9c8;border:2px solid #4cbb16;cursor:pointer;display:flex;font-size:.8rem;font-weight:bolder;justify-content:center;min-height:100px;padding:10px;text-align:center;transition:.6s}.active_class{background:#4cbb16;color:#1d293a}.active_class2{background:#4cbb16;color:#fff}.bg-grey{background-color:#f5f5f5}.category2_bg_green{background-color:#4cbb16;border:1px solid #4cbb16;color:#fff;cursor:pointer;font-size:.8rem}.gamevideo_sec{display:flex;flex-wrap:wrap;height:90vh;width:100%}.description_wrapper{align-items:flex-start;background:#000;color:#fff;padding:2rem;width:40%;z-index:2}.description_wrapper,.video_wrapper{display:flex;height:100%;justify-content:center;position:relative}.video_wrapper{align-items:center;background-color:#4cbb16;width:60%;z-index:1}.gamevideo_sec{overflow:hidden}#game_vid{background-color:#000;height:100%;object-fit:cover;width:100%}@media (max-width:768px){.gamevideo_sec{flex-direction:column;height:auto}.description_wrapper,.video_wrapper{height:auto;width:100%}#game_vid{display:none;height:auto;max-height:60vh;object-fit:cover}}.description_sec h1,.description_sec p{color:#fff}.share img{width:30px}.play_icon img{width:150px}.yellow_btn{background:#ffc800;border:none;border-radius:9px;color:#000;font-weight:500}.steps{background:#e4e4e4;color:#4cbb16;font-size:2rem;font-weight:700}.bg_green{background:#4cbb16;border:none;border-radius:8px;color:#f5f5f5}.text_area_bg{background-color:#f5f5f5}.user_review_stars img{width:20px}.v_line{background-color:#f5f5f5;height:5rem;width:.1rem}@media screen and (max-width:910px){.gamevideo_sec{height:45vh;width:100%}}.features img{height:34px;width:4%}.freetrial_btn{background:linear-gradient(135deg,#ff7518,#f90);border:none;border-radius:12px;box-shadow:0 4px 12px #ff751866;color:#fff;font-size:1.1rem;letter-spacing:.5px;transition:all .3s ease}.freetrial_btn:hover{background:linear-gradient(135deg,#f90,#ff7518);box-shadow:0 12px 24px #ff751880;text-shadow:0 1px 2px #0003;transform:translateY(-4px) scale(1.03)}.tabs1{background-color:#f9f9f9;border:3px solid #c7c7c7;border-radius:12px;box-shadow:0 4px 10px #0000000d;cursor:pointer;transition:all .5s ease}.tabs1:hover{border-color:#85bb65!important;box-shadow:0 10px 20px #ff751833;transform:scale(1.02)}.tabs1:hover h2{color:#85bb65;transition:color .4s ease}.tabs1:hover h6{color:#ff7518;transition:color .4s ease}@keyframes pulseEffect{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.animation{animation:pulseEffect 2s infinite}.pricing_right .subscribe_now_btn{background:#fff;border:1px solid #aaa;border-radius:8px;color:#6f6f6f;transition:.6s;width:100%}.pricing_right .tabs{background-color:#e4e4e4;border:3px solid #c7c7c7;border-radius:10px;cursor:pointer;transition:.6s}.pricing_right .tabs:hover .subscribe_now_btn{background-color:#4cbb16;color:#fff}.pricing_right .tabs:hover{border:3px solid #4cbb16}.accordion-button{box-shadow:none}.accordion-button:not(.collapsed){background-color:#fff;box-shadow:inset 0 -1px 0 rgba(0,0,0,.125);color:#000}.accordion-item{background-color:#fff;border:1px solid rgba(0,0,0,.125);border-left:#ffdead;border-right:none;border-top:none}.faq_section{color:#1d293a;overflow:hidden;padding:40px 10px;position:relative;text-align:left}.faq_container{margin:0;max-width:100%;padding:0;position:relative;z-index:1}.faq_title{animation:fadeInUp 1s ease forwards;background:linear-gradient(90deg,#1d293a,#4cbb16);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2rem;font-weight:700;margin-bottom:16px;opacity:0;text-align:left}.faq_title:after{background-color:#4cbb16;border-radius:2px;content:"";display:block;height:4px;margin-top:12px;width:60px}.faq_subtitle{animation:fadeInUp 1.2s ease forwards;color:#4a5568;font-size:1.1rem;font-weight:500;line-height:1.6;margin-bottom:24px;opacity:0;text-align:left}.faq_link{animation:fadeInUp 1.4s ease forwards;background-color:orange;border:none;border-radius:8px;box-shadow:0 4px 14px #ffa5004d;color:#1d293a;display:inline-block;font-size:1rem;font-weight:700;opacity:0;padding:12px 24px;text-decoration:none;transition:all .3s ease}.faq_link:hover{background-color:#4cbb16;box-shadow:0 6px 20px #4cbb1680;color:#fff;transform:translateY(-3px)}@media (max-width:768px){.faq_title{font-size:1.75rem}.faq_subtitle{font-size:1rem}.faq_link{font-size:.95rem;padding:10px 20px}}@media (max-width:480px){.faq_section{padding:30px 0}.faq_title{font-size:1.5rem}.faq_subtitle{font-size:.95rem}.faq_link{text-align:center;width:100%}}@media screen and (max-width:800px){.features img{height:30px;width:9%}}.orange_bg{background:#f98026}.game_workspace img{width:38px}.link{display:contents}.orange_bg_ot{background:#0072ff}.orange_bg_pt{background:#56ab2f}.game_workspace img{width:150px}.orange_bg_so{background:#676ddc}.orange_bg img{width:500px}.game_workspace img{width:35px}.button_sec_workspace button{background-color:#4cbb16;border:none;border-radius:8px;color:#fff}.sky_bg{background:#47aef0;border-radius:10px}.goto_workspace_btn{border:none;border-radius:8px}.hub_bg{background:#0000 linear-gradient(363deg,#eaab00 63%,#fffb00 105%) 30% 0;border-radius:10px;min-height:20rem}.profile_pic img{border-radius:50%;width:150px}.myprofile_text_green{color:#4cbb16;cursor:pointer}.profile_bg_blue{background:#4cbb16;border-radius:9px;cursor:pointer}.form-check-input{height:35px}.form-switch .form-check-input{background-position:0;border-radius:2em;margin-left:-2.5em;transition:background-position .15s ease-in-out;width:4em}.form-check-input:checked{background-color:#4cbb16;border-color:#4cbb16}.profile_bg_grey{background:#949494;border-radius:9px;cursor:pointer}.profile_bg_grey button{border:none;border-radius:9px;cursor:pointer}.profile_bg_grey2{background-color:#dcdcdc;border-radius:9px;cursor:pointer}.profile_input_box{border:none;border-radius:9px}.profile_btn_bg{background-color:#4cbb16;border:none;border-radius:9px;color:#fff;cursor:pointer}.vtx_monthly_plan_input .toggle{width:72px}input.largerCheckbox{transform:scale(2)}.modal-overlay{align-items:flex-start;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;transition:opacity .3s ease}.modal_area img{width:50px}.modal_wrapper{background-color:#00000014;background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;height:100%;position:fixed;top:0;width:100%}.modal_wrapper .modal_area{left:50%;position:absolute;top:30%;transform:translate(-50%,-30%)}.update_profile{border-radius:118px}.modal-footer{align-items:center;border-bottom-left-radius:calc(.3rem - 1px);border-bottom-right-radius:calc(.3rem - 1px);border-top:1px solid #4cbb16;display:flex;flex-shrink:0;flex-wrap:wrap;justify-content:flex-start;padding:.75rem}.modal.show .modal-dialog{max-width:450px;transform:none}.plus_icon{right:69px;top:62%;width:95px}.custom-dialog{left:-30rem;top:-10rem}.custom-bg .modal-content{background-color:#f0f0f0;margin-left:10%;width:83%}.custom-bg button{background-color:#4cbb16;border:2px solid #4cbb16}.plus_icon{right:9px;top:39%;width:80px}.custom-bg .modal-footer{justify-content:center}.modal-header{border-bottom:1px solid #4cbb16;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px);flex-shrink:0;padding:1rem}.hub_bg_occupation{background:#0000 linear-gradient(363deg,#00c6ff 63%,#0072ff 105%) 30% 0;border-radius:10px;min-height:20rem}.hub_bg_behavioral{background:#0000 linear-gradient(363deg,#76b852 63%,#8dc26f 105%) 30% 0;border-radius:10px;min-height:20rem}.hub_header button{border:none;border-radius:9px}.hub_bg_orga{background:#0000 linear-gradient(363deg,#4e54c8 63%,#8f94fb 105%) 30% 0;border-radius:10px;min-height:20rem}.hub_img{left:5%;top:35%;width:20%}.neon_green{background:#54bc60;border-radius:10px}.neon_green textarea{border-radius:10px;width:100%}.send_btn_home{background-color:#fec847;border:none;border-radius:8px;color:#000}.my_current_plan{background-color:#009fc9;border-radius:10px}.btn_sec_my_current_plan button{border:none;border-radius:9px}.btn_sec_my_current_plan .grey_btn{background:#e4e4e4}.my_plan_img img{width:500px}@media screen and (max-width:300px){h1{font-size:calc(1.2rem + 1.5vw)}.hub_bg{background:#0000 linear-gradient(363deg,#eaab00 63%,#fffb00 105%) 30% 0;border-radius:10px;min-height:10rem}.hub_img{left:5%;top:75%;width:20%}}.custom-swal-popup{background-color:#f0f8ff;border:2px solid #07c;color:#000}.custom-swal-popup-success{background-color:#e6ffe6;border:2px solid #4cbb16;color:#4cbb16}.custom-swal-popup-error{background-color:#fff;border:2px solid #f9ac0f;color:#f9ac0f}.custom-swal-title{font-size:1.5rem;font-weight:700}.custom-swal-text{font-size:1rem}.create_acc_sec{background-color:#e9f7ff}.form_sec{background-color:#00000029;border-radius:10px}.create_acc_sec .log_in_btn{background:#6f6f6f;border:none;border-radius:8px;color:#fff}.create_acc_sec .log_in_btn_green{background:#4cbb16;border:none;border-radius:8px;color:#fff}.create_acc_inputs input{border:none;border-radius:8px;width:100%}.button_sec_create_acc{left:50%;top:0;transform:translate(-50%,-50%);width:100%}.create_acc_checkbox .checkbox{width:5%}.create_acc_submit button{background:#4cbb16;border:none;border-radius:8px;color:#fff}.green_txt{color:#4cbb16;cursor:pointer}.custom-dialog2{top:60%}.notification_text_green{color:#4cbb16}.notification_text_black{color:#222429}.video-container{height:100vh;overflow:hidden;position:relative;width:100%}.video-container iframe{height:100%;left:0;position:absolute;top:0;width:100%}.overlay-button{background:#0000;border:none;border-radius:5px;cursor:pointer;position:absolute;right:0;top:calc(58px + 1rem);transform:translateX(-50%);width:9rem}.modal-container,.overlay-button{align-items:center;display:flex;justify-content:center;z-index:1000}.modal-container{height:100%;left:0;position:fixed;top:0;width:100%}.modal-content{background-color:initial;border:#ffdead;border-radius:8px;padding:20px;text-align:center;width:64%}.close-button{border-radius:7px;color:grey;font-size:1rem}.close_btn_subcat{background:#4cbb16;border-radius:4px;color:#fff;left:273px;padding:.6rem 1.3rem}.articulation_button{border:#ffdead;border-radius:14px;color:grey}.articulation-modal-container,.language-modal-container,.modal-container{align-items:center;background-image:url(/static/media/bg_activity.aa1f2309426dc39a89e3.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1050}.articulation_button{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:300px}@media (max-width:768px){.articulation_button{width:100%}}.close_button_new_modal{background-color:#fff;border-radius:5px;bottom:141px;color:#000;cursor:pointer;font-size:1rem;left:-3px}.default-bg{background-color:#fff;color:gray}.active{display:block}.selected-bg{background-color:#4cbb16;color:#fff}.disabled{background-color:#fff0;cursor:not-allowed}#fluencySlider{background:#fff!important}.tooltip-inner{background-color:orange!important;color:#fff!important}.tooltip.bs-tooltip-bottom .arrow:before,.tooltip.bs-tooltip-left .arrow:before,.tooltip.bs-tooltip-right .arrow:before,.tooltip.bs-tooltip-top .arrow:before{border-color:orange!important}.carousel-item{transition:none!important}@keyframes fade-slide{0%{opacity:0;transform:translateY(-10px) translateX(-50%)}to{opacity:1;transform:translateY(0) translateX(-50%)}}@keyframes fade-out{to{opacity:0}}.language_btn_bg{background-color:#4cbb16}.popup{background-color:#e36d00;border-radius:8px;box-shadow:0 4px 10px #0003;color:#fff;font-size:16px;font-weight:700;left:50%;padding:15px 30px;position:fixed;top:-100px;transform:translateX(-50%);transition:top .5s ease-in-out;z-index:1000}.popup.slide-down{top:20px}.sound_name{background-color:#fff9!important;border-radius:10px;font-size:1.2rem;text-align-last:center;text-overflow:ellipsis;white-space:nowrap}.options_section{margin:10px;text-align:left}.option-group{margin-right:0}.chat-arrow{border-top:10px solid #6ab04c;left:2%}.carousel-caption{background-color:initial;bottom:-3.75rem;left:0;padding-bottom:-3.75rem;padding-top:.4rem;position:absolute;right:25%;width:100%}.carousel-caption,.sound_position{border-radius:10px;color:#fff;text-align:center}.sound_position{background-color:#6ab04c!important;border:3px solid #fff;font-size:1.2rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sound_position option{background-color:#fff!important;color:#000!important}.carousel-inner{overflow:visible;position:relative;width:100%}.highlight{border:2px solid green}.participant-switcher{background-color:#0000001a;border-radius:10px;min-width:200px;padding:15px}.participant-switcher button{transition:all .2s ease}.participant-switcher button:hover{transform:translateY(-2px)}.age-selector{text-align:center;width:70px}.participant-row{background-color:#ffffff1a;border-radius:5px;margin-bottom:8px;padding:10px}.articulation-modal-container{align-items:center;background:#0000 linear-gradient(180deg,#54bef6,#037dff) 0 0 no-repeat padding-box;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.background-circle{background:#0000 linear-gradient(180deg,#4cb8f7,#0b83fe) 0 0 no-repeat padding-box;border-radius:50%;filter:blur(2px);pointer-events:none;position:fixed;z-index:1}.background-circle-1{animation:floatCircle 30s ease-in-out infinite;height:755px;left:903px;opacity:.5;top:-51px;transform:matrix(.82,.57,-.57,.82,0,0);width:755px}.background-circle-2{animation:floatCircle2 25s ease-in-out infinite;height:600px;left:-10%;opacity:.3;top:-20%;transform:matrix(.92,.38,-.38,.92,0,0);width:600px}.background-circle-3{animation:floatCircle3 35s ease-in-out infinite;bottom:-15%;height:500px;opacity:.4;right:-5%;transform:matrix(.96,.29,-.29,.96,0,0);width:500px}.background-circle-4{animation:floatCircle4 28s ease-in-out infinite;bottom:-10%;height:400px;left:30%;opacity:.2;transform:matrix(.97,-.26,.26,.97,0,0);width:400px}@keyframes floatCircle{0%{transform:matrix(.82,.57,-.57,.82,0,0) translate(0)}25%{transform:matrix(.82,.57,-.57,.82,0,0) translate(-20px,15px)}50%{transform:matrix(.85,.53,-.53,.85,0,0) translateY(30px)}75%{transform:matrix(.8,.6,-.6,.8,0,0) translate(20px,15px)}to{transform:matrix(.82,.57,-.57,.82,0,0) translate(0)}}@keyframes floatCircle2{0%{transform:matrix(.92,.38,-.38,.92,0,0) translate(0)}33%{transform:matrix(.92,.38,-.38,.92,0,0) translate(30px,20px)}66%{transform:matrix(.9,.43,-.43,.9,0,0) translate(-30px,40px)}to{transform:matrix(.92,.38,-.38,.92,0,0) translate(0)}}@keyframes floatCircle3{0%{transform:matrix(.96,.29,-.29,.96,0,0) translate(0)}30%{transform:matrix(.96,.29,-.29,.96,0,0) translate(-40px,-20px)}60%{transform:matrix(.98,.2,-.2,.98,0,0) translate(40px,-40px)}to{transform:matrix(.96,.29,-.29,.96,0,0) translate(0)}}@keyframes floatCircle4{0%{transform:matrix(.97,-.26,.26,.97,0,0) translate(0)}40%{transform:matrix(.97,-.26,.26,.97,0,0) translate(20px,-30px)}80%{transform:matrix(.95,-.32,.32,.95,0,0) translate(-20px,-15px)}to{transform:matrix(.97,-.26,.26,.97,0,0) translate(0)}}.articulation-modal-container:before{bottom:0;content:"";left:0;opacity:.05;pointer-events:none;position:absolute;right:0;top:0}.articulation-modal-content{background:#fff0;border-radius:24px;color:#fff;max-height:90vh;max-width:19200px;min-height:600px;overflow-y:auto;padding:30px;position:relative;width:98%;z-index:10}.articulation-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:-5px;width:100%}.grid-participant-container{display:flex;gap:20px;margin:20px 0}.vertical-section-container{display:flex;flex-direction:column;flex-shrink:0;gap:15px;width:300px}.glass-panel{backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);background:#ffffff2a 0 0 no-repeat padding-box;border:1px solid #fff;border-radius:32px;box-shadow:6px 12px 40px #0000003d;flex:1 1;min-width:0;padding:25px}.footer-navigation{margin-top:5px;padding:5px}.navigation-buttons-container{align-items:center;justify-content:space-between;width:78%}.navigation-action-buttons{align-items:center;display:flex;gap:20px;gap:12px;height:60px;justify-content:space-between;margin:0 auto;max-width:600px;width:100%}.play-cards-button{background:linear-gradient(135deg,#2e7de1,#1e6bb8)!important;border:none!important;border-radius:12px!important;box-shadow:0 4px 15px #2e7de14d!important;color:#fff!important;cursor:pointer!important;font-size:1.1rem!important;font-weight:600!important;min-width:160px!important;padding:15px 30px!important;position:relative!important;text-align:center!important;transition:all .3s ease!important}.play-cards-button:hover{background:linear-gradient(135deg,#1e6bb8,#2e7de1)!important;box-shadow:0 6px 20px #2e7de166!important;transform:translateY(-2px)!important}.play-cards-button:active{box-shadow:0 2px 10px #2e7de14d!important;transform:translateY(0)!important}.play-cards-button:disabled{cursor:not-allowed!important;opacity:.6!important;transform:none!important}.play-cards-button:before{animation:glow-pulse 2s ease-in-out infinite;background:linear-gradient(45deg,#2e7de1,#1e6bb8,#2e7de1);border-radius:14px;bottom:-2px;content:"";filter:blur(6px);left:-2px;opacity:.7;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes glow-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.navigation-action-buttons .play-cards-button{flex:0 0 auto;order:2}.navigation-action-buttons .return-button{order:1}.navigation-action-buttons .reset-button{order:3}@media (max-width:992px){.grid-participant-container{flex-direction:column}.vertical-section-container{width:100%}.navigation-buttons-container{flex-direction:column;gap:15px}.navigation-action-buttons{justify-content:center;width:100%}}@media (max-width:768px){.navigation-action-buttons{flex-direction:column;gap:15px}.play-cards-button{min-width:200px!important;order:1!important}.return-button{order:2!important}.reset-button{order:3!important}}.articulation-selection-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;padding:1rem;position:fixed;top:0;width:100%;z-index:2500}.articulation-selection-container{background-color:#fff;border-radius:16px;box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:90%}.articulation-selection-container.simplified{background-color:#fffaf0;border-radius:20px;box-shadow:0 20px 60px #0006;max-width:800px;overflow:hidden;width:95%}.selection-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.selection-title{color:#0f172a;font-size:1.5rem;font-weight:600;gap:.5rem;margin:0}.selection-title,.sound-accent{align-items:center;display:flex}.sound-accent{background:#c1e5cb;border:2px solid #3d6e38;border-radius:50%;color:#3d6e38;font-weight:800;height:3rem;justify-content:center;width:3rem}.close-button{color:#64748b;height:36px;transition:all .15s ease;width:36px}.close-button:hover{background-color:#f1f5f9;color:#334155}.selection-instructions{align-items:center;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;gap:1rem;padding:1rem 1.5rem}.info-icon{font-size:1.25rem}.selection-instructions p{color:#475569;font-size:.95rem;margin:0}.selection-tabs{border-bottom:1px solid #e2e8f0;display:flex}.tab-button{background:none;font-size:1rem;font-weight:500;gap:.5rem;padding:1rem;position:relative;transition:all .15s ease}.tab-button.active{color:#2e7de1;font-weight:600}.tab-button.active:after{background-color:#2e7de1;border-radius:3px 3px 0 0;bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.tab-icon{font-size:1.1rem}.selection-count{align-items:center;background-color:#2e7de1;border-radius:10px;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 6px}.selection-content{flex-grow:1}.selection-content,.simplified-content{overflow-y:auto;padding:1.5rem}.position-description,.type-description{margin-bottom:1rem}.position-description p,.type-description p{color:#475569;font-size:.95rem;margin:0}.positions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:1.5rem}.position-card{background-color:#f8fafc;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 4px #0000000d;cursor:pointer;padding:1rem;position:relative;transition:all .2s ease}.position-card:hover{box-shadow:0 5px 15px #00000014}.position-indicator{border-radius:50%;height:12px;margin-bottom:.5rem;width:12px}.position-name{color:#0f172a;font-weight:600;margin-bottom:.25rem}.position-example{font-size:.85rem;opacity:.9}.checkmark-indicator{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 2px 5px #0000001a;display:flex;height:22px;justify-content:center;position:absolute;right:.75rem;top:.75rem;width:22px}.types-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:1.5rem}.type-card{background-color:#f8fafc;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 4px #0000000d;cursor:pointer;padding:1rem;position:relative;transition:all .2s ease}.type-card:hover{box-shadow:0 5px 15px #00000014}.type-card.selected{background-color:#6366f115;border-color:#6366f1}.type-icon{font-size:1.5rem;font-size:1.8rem;margin-bottom:.5rem}.type-name{color:#0f172a;margin-bottom:.25rem}.type-description{color:#64748b;font-size:.85rem}.selection-summary{background-color:#f8fafc;border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:1.5rem;padding:1rem 1.5rem}.summary-section{flex-grow:1;min-width:200px}.summary-title{color:#64748b;font-size:.9rem;font-weight:500;margin:0 0 .5rem}.summary-chips{display:flex;flex-wrap:wrap;gap:.5rem}.summary-chip{align-items:center;border-radius:6px;display:flex;font-size:.85rem;font-weight:500;gap:.25rem;padding:.25rem .5rem}.type-chip{background-color:#6366f115;color:#6366f1}.remove-chip{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;line-height:1;margin-left:.25rem;opacity:.7;padding:0;transition:opacity .15s ease}.remove-chip:hover{opacity:1}.empty-selection{color:#94a3b8;font-size:.85rem;font-style:italic}.validation-message{background-color:#fffbeb;border:2px solid #fbbf24;border-radius:10px;margin:0 1.5rem 1.5rem;padding:.15rem 1rem}.validation-item{align-items:center;color:#b45309;display:flex;font-size:1.1rem;font-weight:500;gap:.5rem;margin-bottom:.5rem}.validation-icon{font-size:1.25rem}.selection-actions{border-top:1px solid #e2e8f0;display:flex;gap:1.5rem;justify-content:center;padding:1.25rem}.cancel-button,.done-button{border:none;border-radius:12px;cursor:pointer;font-family:Comic Sans MS,Chalkboard SE,cursive;font-size:1.2rem;font-weight:600;min-width:160px;padding:1rem 2rem;transition:all .2s ease}.cancel-button{background-color:#f1f5f9;color:#334155}.cancel-button:hover{background-color:#e2e8f0}.done-button{background-color:#2e7de1;box-shadow:0 3px 8px #2e7de133}.done-button:hover{background-color:#2468c0;box-shadow:0 5px 12px #2e7de14d}.done-button.disabled{background-color:#94a3b8;box-shadow:none;cursor:not-allowed}.simplified .selection-section{margin-bottom:1.5rem}.simplified .section-heading{color:#333;font-size:1.4rem;font-weight:600;margin-bottom:1rem;text-align:center}.position-big-buttons,.type-big-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.big-button{align-items:center;background-color:#fff;border:3px solid #e2e8f0;border-radius:16px;box-shadow:0 3px 6px #0000001a;cursor:pointer;display:flex;flex-direction:column;height:100px;justify-content:center;min-width:150px;padding:1rem;transition:all .2s ease}.big-button.selected{box-shadow:0 5px 15px #0000001a}.big-button-content{align-items:center;display:flex;gap:.75rem}.position-color-dot{border-radius:50%;height:16px;width:16px}.big-button-text{font-size:1.5rem;font-weight:600}.big-button-example{color:#666;font-size:.9rem;margin-top:.3rem}.type-button.selected{background-color:#6366f115;border-color:#6366f1}@media (max-width:640px){.selection-header{padding:1rem}.selection-title{font-size:1.25rem}.selection-actions,.selection-content,.selection-instructions,.selection-summary{padding:1rem}.positions-grid,.types-grid{grid-template-columns:1fr}}@media (max-width:600px){.big-button{height:90px;min-width:120px;padding:.75rem}.big-button-text{font-size:1.3rem}.type-icon{font-size:1.5rem}.section-heading{font-size:1.2rem}.validation-item{font-size:1rem}.cancel-button,.done-button{font-size:1.1rem;min-width:120px;padding:.8rem 1.5rem}}.dashboard-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000b3;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:10000}.dashboard-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:1px solid #fffc;border-radius:24px;box-shadow:0 32px 64px #00000026,0 0 0 1px #ffffff0d;display:flex;flex-direction:column;height:90%;max-height:900px;max-width:1400px;overflow:hidden;width:95%}.dashboard-header{background:linear-gradient(135deg,#3b82f61a,#93c5fd0d);border-bottom:1px solid #3b82f61a;padding:24px 32px}.header-content{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.header-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e40af,#3b82f6);-webkit-background-clip:text;background-clip:text;color:#1e40af;font-size:32px;font-weight:700;margin:0 0 8px}.header-title p{color:#64748b;font-size:16px;margin:0}.close-dashboard-btn{background:#ef44441a;border:1px solid #ef444433;border-radius:12px;color:#dc2626;cursor:pointer;padding:12px;transition:all .2s ease}.close-dashboard-btn:hover{background:#ef444426;transform:scale(1.05)}.dashboard-controls{align-items:center;display:flex;flex-wrap:wrap;gap:24px;margin-bottom:24px}.control-group{display:flex;flex-direction:column;gap:8px}.control-group label{color:#374151;font-size:14px;font-weight:600}.control-select{background:#ffffffe6;border:1px solid #3b82f633;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;padding:10px 16px;transition:all .2s ease}.control-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.export-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s ease}.export-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.dashboard-tabs{background:#f1f5f9cc;border-radius:12px;display:flex;gap:4px;padding:4px}.tab-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease}.tab-button:hover{background:#ffffffb3;color:#374151}.tab-button.active{background:#fff;box-shadow:0 2px 8px #0000001a;color:#3b82f6}.tab-icon{font-size:18px}.tab-label{font-size:14px}.dashboard-content{background:linear-gradient(135deg,#f8fafc80,#ffffff80);flex:1 1;overflow-y:auto;padding:32px}.tab-content{gap:24px;height:100%}.loading-container,.tab-content{display:flex;flex-direction:column}.loading-container{align-items:center;gap:16px;height:400px;justify-content:center}.loading-spinner{font-size:48px}.performance-metrics{margin-bottom:24px}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.metric-card{background:#ffffffe6;border-radius:16px;border-top:3px solid #3b82f6;box-shadow:0 4px 16px #0000000d;padding:24px;transition:all .2s ease}.metric-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.metric-header{justify-content:space-between;margin-bottom:16px}.metric-header,.metric-icon{align-items:center;display:flex}.metric-icon{border-radius:12px;font-size:24px;height:48px;justify-content:center;width:48px}.metric-change{font-size:12px;font-weight:600}.change-value.positive{color:#10b981}.change-value.negative{color:#ef4444}.metric-content{text-align:left}.metric-value{font-size:32px;margin-bottom:4px}.metric-title{color:#64748b;font-size:14px;font-weight:500}.charts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.chart-container{background:#ffffffe6;border:1px solid #fffc;border-radius:16px;box-shadow:0 4px 16px #0000000d;padding:24px}.chart-container.detailed{grid-column:1/-1}.chart-header{margin-bottom:24px;text-align:center}.chart-header h3{color:#1e40af;font-size:20px;font-weight:700;margin:0 0 8px}.chart-header p{color:#64748b;font-size:14px;margin:0}.participant-bars{display:flex;flex-direction:column;gap:16px}.participant-bar-item{align-items:center;display:flex;gap:16px}.participant-info{min-width:140px;text-align:right}.participant-name{font-size:14px}.participant-stats{color:#64748b;font-size:12px}.progress-bar{background:#f1f5f9cc;flex:1 1;height:32px;overflow:hidden}.progress-bar,.progress-fill{border-radius:16px;position:relative}.progress-fill{height:100%;transition:width .8s ease}.progress-value{color:#fff;font-size:12px;font-weight:600;right:12px;text-shadow:0 1px 2px #0000004d;top:50%;transform:translateY(-50%)}.participant-detailed-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.participant-detailed-card{background:#fffffff2;border-left:4px solid #3b82f6;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:20px}.card-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.participant-avatar{border-radius:10px;font-size:16px}.participant-details h4{color:#374151;font-size:16px;margin:0 0 4px}.performance-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.stat-item{text-align:center}.stat-label{color:#64748b;font-size:12px;margin-bottom:4px}.stat-value{color:#374151;font-size:18px;font-weight:700}.stat-value.primary{color:#3b82f6}.stat-value.positive{color:#10b981}.stat-value.negative{color:#ef4444}.last-session{background:#f8fafccc;border-radius:8px;margin-bottom:12px;padding:12px}.session-label{color:#64748b;font-size:12px;margin-bottom:4px}.session-date{color:#374151;font-weight:600;margin-bottom:2px}.session-accuracy{color:#3b82f6;font-size:12px}.accuracy-bar{background:#f1f5f9cc;border-radius:3px;height:6px;overflow:hidden}.accuracy-fill{border-radius:3px;height:100%;transition:width .8s ease}.timeline-chart{margin-bottom:16px}.chart-area{align-items:end;background:#f8fafc80;border-radius:12px;display:flex;gap:4px;height:200px;margin-bottom:12px;padding:16px}.chart-bar{border-radius:2px;cursor:pointer;flex:1 1;min-height:4px;transition:all .2s ease}.chart-bar:hover{transform:scaleY(1.05)}.chart-labels{display:flex;justify-content:space-between;padding:0 16px}.chart-label{color:#64748b;font-size:12px}.chart-legend{display:flex;gap:24px;justify-content:center;margin-top:16px}.legend-item{align-items:center;color:#64748b;display:flex;font-size:12px;gap:8px}.legend-color{border-radius:2px;height:12px;width:12px}.detailed-timeline{display:flex;flex-direction:column;gap:16px}.timeline-day{background:#ffffffe6;border:1px solid #3b82f61a;border-radius:12px;padding:16px}.day-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.day-date{color:#374151;font-weight:600}.day-stats{align-items:center;display:flex;gap:12px}.session-count{color:#64748b;font-size:12px}.accuracy-badge{border-radius:6px;color:#fff;font-size:12px;font-weight:600;padding:4px 8px}.accuracy-badge.excellent{background:#10b981}.accuracy-badge.good{background:#f59e0b}.accuracy-badge.needs-work{background:#ef4444}.day-sessions{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.session-summary{align-items:center;background:#f8fafc99;border-radius:6px;display:flex;justify-content:space-between;padding:8px}.session-participant{color:#374151;font-weight:500}.session-details{display:flex;gap:8px}.session-sound,.session-type{color:#64748b;font-size:12px}.session-score{color:#3b82f6;font-weight:600}.day-progress{background:#f1f5f9cc;border-radius:3px;height:6px;overflow:hidden}.progress-bar{border-radius:3px;height:100%;transition:width .5s ease}.timeline-container{max-height:600px;overflow-y:auto}.timeline-header{margin-bottom:24px;text-align:center}.timeline-header h3{color:#1e40af;font-size:20px;font-weight:700;margin:0 0 8px}.timeline-header p{color:#64748b;font-size:14px;margin:0}.empty-timeline{color:#64748b;padding:48px 24px;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px}.empty-timeline h4{color:#374151;margin:0 0 8px}.timeline-item,.timeline-list{position:relative}.timeline-item{display:flex;gap:16px;margin-bottom:24px}.timeline-marker{align-items:center;display:flex;flex-direction:column;min-width:20px}.marker-dot{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;height:12px;width:12px}.marker-line{background:#cbd5e199;flex:1 1;margin-top:8px;width:2px}.timeline-item:last-child .marker-line{display:none}.timeline-content{background:#ffffffe6;border:1px solid #cbd5e14d;border-radius:12px;flex:1 1;padding:16px}.session-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.session-participant{align-items:center;display:flex;gap:8px}.participant-avatar{border-radius:8px;font-size:14px;height:32px;width:32px}.participant-name{color:#374151}.session-time{color:#64748b;font-size:12px}.session-details{margin-bottom:12px}.session-info{display:flex;flex-wrap:wrap;gap:8px}.info-tag{background:#3b82f61a;border-radius:6px;color:#3b82f6;font-size:12px;font-weight:500;padding:4px 8px}.info-tag.sound{background:#10b9811a;color:#10b981}.info-tag.position{background:#f59e0b1a;color:#f59e0b}.info-tag.type{background:#8b5cf61a;color:#8b5cf6}.session-metrics{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:12px}.metric-item{text-align:center}.metric-label{color:#64748b;display:block;font-size:12px;margin-bottom:4px}.metric-value-container{align-items:center;display:flex;flex-direction:column;gap:4px}.metric-value{color:#374151;font-size:16px;font-weight:700}.metric-badge{border-radius:4px;color:#fff;font-size:10px;font-weight:600;padding:2px 6px}.session-progress{background:#f1f5f9cc;border-radius:2px;height:4px;margin-bottom:8px;overflow:hidden}.session-timestamp{color:#94a3b8;font-size:12px;text-align:right}.timeline-footer{color:#64748b;font-size:14px;padding:16px;text-align:center}@media (max-width:1200px){.charts-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-overlay{padding:10px}.dashboard-container{border-radius:16px;height:100%;width:100%}.dashboard-header{padding:16px 20px}.header-title h1{font-size:24px}.dashboard-controls{align-items:stretch;flex-direction:column;gap:16px}.control-group{align-items:center;flex-direction:row;justify-content:space-between}.dashboard-tabs{flex-direction:column}.tab-button{justify-content:flex-start}.dashboard-content{padding:16px 20px}.metrics-grid,.participant-detailed-grid,.performance-stats,.session-metrics{grid-template-columns:1fr}.day-header,.session-header,.session-summary{align-items:flex-start;flex-direction:column;gap:8px}}.participants-modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.participants-modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;color:#333;max-height:80vh;max-width:800px;overflow-x:hidden;overflow-y:auto;padding:1.5rem;width:90%}.participants-header{align-items:center;border-bottom:1px solid #e1e7f0;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.participants-header h2{color:#2e7de1;font-size:1.5rem;font-weight:600;margin:0}.header-actions{gap:12px}.dashboard-tab-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.dashboard-tab-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.close-button{color:#555;font-size:1.5rem;line-height:1;padding:0}.session-type-selector{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;row-gap:.5rem}.selector-label{color:#555;font-weight:500}.session-type-buttons{border:1px solid #e1e7f0;border-radius:6px;display:flex;overflow:hidden}.session-type-button{background:#f5f7fa;border:none;color:#555;cursor:pointer;padding:.5rem 1rem;transition:all .2s ease}.session-type-button.active{background:#2e7de1;color:#fff}.session-type-button:disabled{cursor:not-allowed;opacity:.5}.quick-add-form{background:linear-gradient(135deg,#f8fbff,#e8f4fd);border:1px solid #2e7de126;border-radius:16px;box-shadow:0 4px 20px #2e7de114;margin-bottom:2rem;padding:2rem}.quick-add-form h3{align-items:center;color:#1e40af;display:flex;font-size:1.25rem;font-weight:700;gap:.75rem;margin:0 0 1.5rem}.quick-add-form h3:before{content:"⚡";filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:1.5rem}.form-row{display:flex;gap:1rem;margin-bottom:1.5rem}.form-row:last-child{margin-bottom:0}.form-group{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.form-group.full-width{flex:1 1 100%}.form-label{color:#374151;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.form-input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#374151;font-size:1rem;padding:.875rem 1rem;transition:all .3s ease}.form-input:focus{border-color:#2e7de1;box-shadow:0 0 0 4px #2e7de11a;outline:none;transform:translateY(-1px)}.form-input:hover:not(:focus){border-color:#9ca3af}.form-input::placeholder{color:#9ca3af}.level-selector-wrapper{position:relative}.modern-level-selector{background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:1rem;position:relative;transition:all .3s ease;width:100%}.modern-level-selector:hover{border-color:#2e7de1;box-shadow:0 4px 12px #2e7de11a;transform:translateY(-1px)}.level-display{justify-content:space-between}.level-display,.level-visual{align-items:center;display:flex}.level-visual{gap:1rem}.level-emoji{align-items:center;background:#fffc;border:2px solid;border-radius:12px;display:flex;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:2rem;height:48px;justify-content:center;width:48px}.level-text{display:flex;flex-direction:column;gap:.25rem}.level-title{color:#1f2937;font-size:1.1rem;font-weight:600}.level-subtitle{color:#6b7280;font-size:.875rem}.chevron{color:#6b7280;transition:transform .3s ease}.chevron.open{transform:rotate(180deg)}.level-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modern-level-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-height:75vh;max-width:450px;overflow:hidden;width:100%}.modal-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb;padding:1rem 1.5rem}.modal-header h3{color:#1f2937;font-size:1.1rem}.modal-close-btn{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;padding:.25rem;transition:all .2s ease}.modal-close-btn:hover{background:#ef44441a;color:#ef4444}.levels-container{flex:1 1;overflow-y:auto;padding:1rem}.level-card{background:#fff;border:2px solid #f3f4f6;border-radius:12px;margin-bottom:.75rem;transition:all .3s ease}.level-card:last-child{margin-bottom:0}.level-card:hover{border-color:#d1d5db;box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.level-card.selected{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#2e7de1;box-shadow:0 4px 15px #2e7de133}.level-option{cursor:pointer;display:block;margin:0;padding:1rem}.level-radio{display:none}.level-content{display:flex;flex-direction:column;gap:.75rem}.level-main{align-items:center;display:flex;gap:.75rem}.level-icon-container{align-items:center;border:2px solid;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;transition:all .3s ease;width:48px}.level-icon{font-size:1.5rem}.level-info{flex-direction:column;gap:.25rem}.level-name{color:#1f2937;font-size:1rem;font-weight:700;margin:0}.level-description{color:#6b7280;font-size:.85rem;line-height:1.3;margin:0}.level-range{border-radius:16px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.025em;margin-top:.25rem;padding:.25rem .75rem;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.sub-levels{border-top:1px solid #f3f4f6;padding-top:.75rem}.sub-levels-label{color:#4b5563;display:block;font-size:.8rem;font-weight:600;margin-bottom:.5rem}.sub-level-options{display:flex;flex-wrap:wrap;gap:.5rem}.sub-level-btn{align-items:center;background:#fff;border:2px solid;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:700;height:40px;justify-content:center;transition:all .3s ease;width:40px}.sub-level-btn:hover{box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:1rem 1.5rem}.confirm-btn{background:linear-gradient(135deg,#2e7de1,#1e40af);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.confirm-btn:hover{box-shadow:0 4px 15px #2e7de14d;transform:translateY(-1px)}.add-participant-btn{align-items:center;background:linear-gradient(135deg,#059669,#047857);border:none;border-radius:12px;box-shadow:0 4px 15px #05966940;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 2rem;transition:all .3s ease;width:100%}.add-participant-btn:hover:not(:disabled){box-shadow:0 8px 25px #05966966;transform:translateY(-2px)}.add-participant-btn:disabled{box-shadow:0 2px 8px #05966926;cursor:not-allowed;opacity:.5;transform:none}.error-message{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fca5a5;border-radius:12px;color:#dc2626;font-size:.875rem;margin-top:1rem;padding:1rem}@media (max-width:768px){.form-row{flex-direction:column;gap:1rem}.quick-add-form{padding:1.5rem}.level-visual{gap:.75rem}.level-emoji{font-size:1.5rem;height:40px;width:40px}.level-title{font-size:1rem}.modern-level-modal{margin:1rem;max-width:calc(100vw - 2rem)}.modal-header{padding:1rem 1.5rem}.level-option,.levels-container{padding:1rem}.level-main{gap:.75rem}.level-icon-container{height:48px;width:48px}.level-icon{font-size:1.5rem}.sub-level-btn{height:44px;width:44px}}@media (max-width:480px){.quick-add-form{margin-bottom:1.5rem;padding:1rem}.form-input{font-size:16px;padding:.75rem}.modern-level-selector{padding:.875rem}.level-visual{gap:.5rem}.level-emoji{font-size:1.25rem;height:36px;width:36px}.modern-level-modal{border-radius:16px;max-height:85vh}.level-main{align-items:flex-start;flex-direction:column;gap:.75rem}.level-icon-container{height:44px;width:44px}.sub-level-options{gap:.5rem}.sub-level-btn{font-size:.9rem;height:40px;width:40px}}.participants-list{gap:1rem;margin-bottom:2rem;max-width:100%;overflow:visible;width:100%}.participant-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000f;box-sizing:border-box;display:flex;gap:1rem;max-width:100%;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease;width:100%}.participant-item:hover{border-color:#d1d5db;box-shadow:0 8px 25px #2e7de126;transform:translateY(-2px)}.participant-item.active{background:linear-gradient(135deg,#fff,#f8fbff);border-left:6px solid #2e7de1}.participant-item.inactive{background:linear-gradient(135deg,#fff,#fef2f2);border-left:6px solid #ef4444;opacity:.75}.participant-item.complete{border-left-color:#10b981}.participant-item.incomplete{border-left-color:#f59e0b}.participant-avatar-section{flex-shrink:0;position:relative}.completion-indicator,.participant-avatar-section{align-items:center;display:flex;justify-content:center}.completion-indicator{background:#10b981;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #10b9814d;color:#fff;font-size:12px;font-weight:700;height:20px;position:absolute;right:-5px;top:-5px;width:20px;z-index:5}.participant-avatar{border:3px solid #fff;box-shadow:0 4px 12px #00000026;cursor:pointer;font-size:1.5rem;height:56px;position:relative;transition:all .3s ease;width:56px}.participant-avatar:hover{box-shadow:0 6px 16px #0003;transform:scale(1.05)}.participant-avatar.duplicate:after{align-items:center;background:#ef4444;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #ef444466;color:#fff;content:"!";display:flex;font-size:12px;font-weight:700;height:18px;justify-content:center;position:absolute;right:-4px;top:-4px;width:18px}.color-picker{border-radius:12px;box-shadow:0 8px 25px #00000026;left:0;margin-top:8px;padding:1rem;top:100%;width:200px;z-index:20}.color-picker,.color-picker:before{background:#fff;border:1px solid #e5e7eb;position:absolute}.color-picker:before{border-bottom:none;border-right:none;content:"";height:12px;left:16px;top:-6px;transform:rotate(45deg);width:12px}.color-picker-title{border-bottom:1px solid #f3f4f6;color:#374151;font-size:.875rem;font-weight:600;margin-bottom:.75rem;padding-bottom:.5rem}.color-options{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr)}.color-option{border:3px solid #0000;border-radius:50%;cursor:pointer;height:32px;transition:all .2s ease;width:32px}.color-option:hover{box-shadow:0 2px 8px #00000026;transform:scale(1.1)}.color-option.active{border-color:#374151;box-shadow:0 2px 8px #0003}.participant-inputs{align-items:center;display:flex;flex:1 1;gap:.75rem;min-width:0;width:100%}.input-group{display:flex;flex-direction:column;gap:.3rem;min-width:0}.input-group.name-group{flex:1.8 1;min-width:100px}.input-group.age-group{flex:0.8 1;min-width:50px}.input-group.level-group{flex:2 1;min-width:130px}.input-label{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.025em;margin-bottom:.2rem;text-transform:uppercase}.input-group .input-field{background:#fff;border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:.9rem;padding:.6rem .8rem;transition:all .2s ease;width:100%}.input-group .input-field:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.participant-level-display{gap:.5rem;width:100%}.level-info,.participant-level-display{align-items:center;display:flex;min-width:0}.level-info{flex:1 1;gap:.4rem}.level-badge{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;color:#475569;display:inline-flex;font-size:.7rem;font-weight:600;gap:.3rem;max-width:100px;overflow:hidden;padding:.3rem .6rem;text-overflow:ellipsis;white-space:nowrap}.level-number{color:#64748b;font-size:.65rem;font-weight:500;white-space:nowrap}.level-input-small{background:#fff;border:1px solid #d1d5db;border-radius:4px;box-sizing:border-box;flex-shrink:0;font-size:.75rem;font-weight:600;height:44px;padding:.3rem;text-align:center;transition:all .2s ease;width:45px}.level-input-small:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a;outline:none}.participant-actions{align-items:center;display:flex;flex-shrink:0;gap:.4rem;max-width:140px;min-width:120px;width:auto}.active-toggle{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;color:#475569;cursor:pointer;flex:1 1;font-size:.7rem;font-weight:600;min-width:60px;padding:.4rem .6rem;text-align:center;transition:all .2s ease;white-space:nowrap}.active-toggle:hover{background:#e2e8f0}.active-toggle.active{background:#dbeafe;border-color:#2563eb;color:#1d4ed8}.active-toggle.inactive{background:#fee2e2;border-color:#ef4444;color:#dc2626}.remove-participant{align-items:center;background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .2s ease;width:28px}.remove-participant:hover{background:#fee2e2;border-color:#ef4444;color:#dc2626}@media (max-width:768px){.participant-item{align-items:stretch;flex-direction:column;gap:.8rem;padding:.9rem}.participant-inputs{flex-direction:column;gap:.6rem}.input-group.age-group,.input-group.level-group,.input-group.name-group{flex:none;min-width:auto}.participant-level-display{align-items:center;flex-direction:row;gap:.5rem}.level-badge{max-width:120px}.level-input-small{width:50px}.participant-actions{gap:.5rem;justify-content:space-between;max-width:100%;min-width:auto;width:100%}.active-toggle{flex:1 1;margin-right:0;min-width:70px;text-align:center}.remove-participant{flex-shrink:0;height:32px;width:32px}}@media (max-width:480px){.participant-item{gap:.7rem;padding:.8rem}.participant-inputs{gap:.6rem}.input-group .input-field{font-size:16px;padding:.5rem}.level-badge{font-size:.65rem;max-width:90px;padding:.25rem .5rem}.level-input-small{font-size:14px;height:28px;padding:.2rem;width:40px}.active-toggle{font-size:.65rem;min-width:60px;padding:.35rem .5rem}.remove-participant{height:26px;width:26px}.participant-actions{gap:.4rem;max-width:100%}}.no-participants-message{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px dashed #dee2e6;border-radius:12px;color:#0c0c0c;font-style:italic;margin-bottom:1.5rem;padding:2.5rem;width:100%}.participants-footer{border-top:2px solid #e1e7f0;display:flex;flex-wrap:wrap;gap:25rem;justify-content:flex-end;margin-top:1rem;padding-top:1.5rem}.cancel-button,.save-button{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;min-width:120px;padding:.75rem 1.5rem;text-align:center;transition:all .3s ease}.cancel-button{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #e1e7f0}.cancel-button:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);border-color:#adb5bd;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.save-button{background:linear-gradient(135deg,#2e7de1,#2468c0);box-shadow:0 3px 8px #2e7de133}.save-button:hover{background:linear-gradient(135deg,#2468c0,#1e5aa8);box-shadow:0 4px 12px #2e7de14d;transform:translateY(-1px)}@media (max-width:576px){.participants-modal-content{max-height:90vh;padding:1rem;width:95%}.participant-item{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem}.participant-avatar-section{align-self:center;margin-bottom:.5rem}.participant-inputs{gap:.75rem;grid-template-columns:1fr}.participant-actions{gap:.5rem;justify-content:space-between;width:100%}.active-toggle{flex:1 1;padding:.75rem;text-align:center}.color-picker{padding:.75rem;width:180px}.color-options{gap:.375rem;grid-template-columns:repeat(4,1fr)}.color-option{height:28px;width:28px}}@media (max-width:460px){.quick-add-form{margin-bottom:1.5rem;padding:1rem}.form-input{font-size:16px}.participant-item{padding:.875rem}.participant-inputs{gap:.6rem;grid-template-columns:1fr}.input-group .input-field{font-size:16px;padding:.6rem}.level-info{align-items:flex-start;flex-direction:column;gap:.375rem}.participant-level-display{align-items:stretch;flex-direction:column;gap:.5rem}.level-badge{font-size:.6rem;justify-content:center;max-width:90px;padding:.2rem .4rem}.level-input-small{font-size:16px;max-width:55px;padding:.5rem;width:100%}.levels-container,.modal-header{padding:1rem}}.participant-selector-panel{background:#fff;border:1px solid #2e7de11a;border-radius:16px;box-shadow:0 8px 24px #00000026;overflow:hidden;position:fixed;right:20px;top:100px;transition:width .3s ease;width:320px;z-index:1500}.participant-selector-panel.collapsed{width:50px}.panel-handle{background:linear-gradient(135deg,#2e7de1,#2468c0);box-shadow:0 2px 4px #0000001a;color:#fff;cursor:move;padding:12px 16px;-webkit-user-select:none;user-select:none}.panel-title{align-items:center;display:flex;justify-content:space-between}.panel-title h4{font-size:1.1rem;font-weight:600;margin:0;white-space:nowrap}.collapse-button{background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.3rem;padding:4px 8px;transition:background .2s ease}.collapse-button:hover{background:#ffffff4d}.panel-content{max-height:70vh;overflow-y:auto;padding:20px}.panel-content::-webkit-scrollbar{width:6px}.panel-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.panel-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.panel-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.participants-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.participant-card{background:#f8f9fa;border:2px solid #0000;border-radius:10px;box-shadow:0 2px 4px #0000000d;position:relative;transition:all .3s ease}.participant-card:hover{background:#f0f7ff;border-color:#b3d9ff;box-shadow:0 4px 8px #2e7de126;transform:translateY(-1px)}.participant-card.selected{background:#e3f2fd;border-color:#2e7de1;box-shadow:0 4px 12px #2e7de133}.participant-card.inactive{cursor:not-allowed;filter:grayscale(30%);opacity:.5}.participant-avatar{background:#2e7de1;border:2px solid #fff;box-shadow:0 2px 6px #2e7de14d;font-size:1rem;font-weight:700;height:36px;width:36px}.participant-info{flex:1 1;min-width:0}.participant-name{color:#1a1a1a;font-size:1rem;line-height:1.2;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant-details{display:flex;flex-direction:column;gap:2px}.participant-age,.participant-level{color:#666;font-size:.75rem;font-weight:500;margin:0}.participant-level{color:#2e7de1;font-weight:600}.participant-selected-indicator{background:#28a745;box-shadow:0 2px 4px #28a7454d;font-size:10px;height:18px;right:8px;top:8px;width:18px}.participant-assignment-count,.participant-selected-indicator{align-items:center;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;justify-content:center;position:absolute}.participant-assignment-count{background:#ff6b35;box-shadow:0 2px 6px #ff6b3566;font-size:.7rem;font-weight:700;height:20px;right:-6px;top:-6px;width:20px;z-index:10}.participant-assignment-summary{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #2e7de11a;border-radius:12px;margin-bottom:20px;padding:16px}.participant-assignment-summary h5{align-items:center;color:#1a1a1a;display:flex;font-size:1rem;font-weight:600;gap:8px;margin:0 0 12px}.participant-assignment-summary h5:before{content:"🎯";font-size:1.1rem}.assignment-list{display:flex;flex-direction:column;gap:8px}.sound-name{color:#333;font-size:1.2rem}.participant-badge{align-items:center;border:1px solid #ffffff80;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;font-size:.8rem;font-weight:600;height:22px;justify-content:center;width:22px}.no-assignments{color:#888;font-size:.8rem;font-style:italic;margin:10px 0;text-align:center}.manage-participants-button{background:linear-gradient(135deg,#2e7de1,#2468c0);border:none;border-radius:8px;box-shadow:0 3px 6px #2e7de133;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px;transition:all .3s ease;width:100%}.manage-participants-button:hover{background:linear-gradient(135deg,#2468c0,#1e5aa8);box-shadow:0 4px 12px #2e7de14d;transform:translateY(-1px)}.participant-selector-empty{background:#fff;border:1px solid #2e7de11a;border-radius:16px;box-shadow:0 8px 24px #00000026;padding:20px;position:fixed;right:20px;text-align:center;top:100px;width:280px;z-index:1500}.empty-state-content{flex-direction:column;gap:12px}.empty-state-icon{font-size:2.5rem;opacity:.7}.empty-state-content h4{color:#1a1a1a;font-size:1.1rem;font-weight:600;margin:0}.empty-state-content p{color:#666;font-size:.9rem;margin:0}.add-participants-button{background:linear-gradient(135deg,#2e7de1,#2468c0);border-radius:8px;box-shadow:0 3px 6px #2e7de133;font-size:.95rem;padding:12px 20px;transition:all .3s ease}.add-participants-button:hover{background:linear-gradient(135deg,#2468c0,#1e5aa8);box-shadow:0 4px 12px #2e7de14d;transform:translateY(-1px)}.panel-actions{display:flex;justify-content:center;margin-bottom:1.5rem}.add-participant-button{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;box-shadow:0 3px 6px #28a74533;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1rem;transition:all .3s ease}.add-participant-button:hover{background:linear-gradient(135deg,#218838,#1e7e34);box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}.add-participant-button:active{transform:translateY(0)}.sound-assignment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.participant-assignment{align-items:center;border-radius:4px;display:flex;gap:.5rem;padding:.25rem;transition:background-color .2s ease}.participant-assignment:hover{background-color:#2e7de10d}.remove-assignment-btn{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:10px;height:18px;justify-content:center;opacity:.7;transition:all .2s ease;width:18px}.remove-assignment-btn:hover{box-shadow:0 2px 4px #dc35454d;opacity:1;transform:scale(1.1)}.remove-assignment-btn:active{transform:scale(.95)}.sound-assignment-item{border-bottom:1px solid #eaeaea;display:flex;flex-direction:column;padding:8px 0}.sound-assignment-item:last-child{border-bottom:none}.assigned-participants{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem}@media (max-width:768px){.participant-selector-panel{right:10px;top:80px;width:280px}.participant-selector-panel.collapsed{width:45px}.panel-content{padding:16px}.participant-card{padding:10px}.participant-avatar{font-size:.9rem;height:32px;width:32px}.participant-name{font-size:.9rem}.participant-details{gap:1px}.participant-age,.participant-level{font-size:.7rem}}@media (max-width:480px){.participant-selector-panel{right:5px;width:260px}.panel-content{max-height:60vh;padding:12px}.participants-list{gap:10px}.participant-card{gap:10px;padding:8px}}.therapy-tabs{background:#5bc7ff!important;border:2px solid #fff;border-radius:24px;gap:10px;width:39rem}.therapy-tab{background-color:#5bc7ff!important;border-radius:27px!important;color:#000;font-size:16px;padding:10px 20px}.therapy-tab:focus{outline:none}.therapy-tab.active{background:#fff!important;color:#2e7de1!important;font-weight:600}.therapy-tab:hover:not(.active){background:#ffffff4d}.header-actions{gap:10px}.action-button{background:#fff3;color:#fff;padding:8px 15px}.action-button:focus{outline:none}.action-button:hover{background:#ffffff4d}.session-button{background:#00968866}.return-button{background:#ff980066}.reset-button{background:#f4433666}.sound-card{align-items:center;background:#c1e5cb!important;border:1px solid #fffc;border-radius:15px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;font-family:Poppins,sans-serif;height:90px;justify-content:center;overflow:hidden;padding:15px 30px;position:relative;transition:all .2s ease;width:90px}.sound-card.selected{background:#ffffffb3!important;box-shadow:0 6px 12px #00000026}.sound-card-glow{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.sound-name-container{align-items:center;border-radius:25%;display:flex;height:80px;justify-content:center;margin-bottom:8px;position:relative;width:80px}.sound-name{font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;margin:0;text-align:center;z-index:2}.participant-indicators{display:flex;flex-wrap:nowrap;gap:5px;justify-content:center;margin-top:8px;max-width:100%;position:relative;z-index:2}.participant-indicator{align-items:center;border-radius:4px;color:#fff;display:flex;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.participant-indicator.same-name{border:2px solid #fff}.sound-selected-indicator{align-items:center;background:#4caf50!important;border-radius:50%;color:#fff;display:flex;height:20px;justify-content:center;position:absolute;right:10px;top:10px;width:20px}.articulation-sounds-grid{align-items:center;display:flex;flex:1 1;flex-direction:column;padding-bottom:10px}.section-title{font-size:1.8rem;margin-bottom:20px}.sounds-container{display:flex;flex-wrap:wrap;gap:15px;padding:0 10px;width:100%}.navigation-buttons{margin-top:30px;padding:0}.navigation-button{color:#fff;padding:12px 24px}.prev-button{background-color:#ff980099}.prev-button:hover{background-color:#ff9800cc}.proceed-button{background-color:#4caf5099}.proceed-button:hover{background-color:#4caf50cc}.error-message{background-color:#f44336b3}.assignment-feedback,.error-message{border-radius:8px;color:#fff;font-weight:500;margin-bottom:20px;padding:12px 20px;text-align:center}.assignment-feedback{background-color:#4caf50b3}.assignment-feedback .participant,.assignment-feedback .sound{font-weight:700;margin:0 5px}.vertical-participant-section{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #fff;border-radius:32px;box-shadow:6px 12px 40px #0000003d;display:flex;flex-direction:column;flex-shrink:0;max-height:600px;padding:20px;width:320px}.vertical-participant-right{display:flex;width:5rem}.vertical-participant-section.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:space-between;z-index:10}.empty-participants-container{align-items:center;display:flex;flex-direction:column;flex-grow:1;gap:20px;justify-content:center;margin-bottom:20px}.empty-participants-icon{align-items:center;background:#1a1866a1;border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;margin-bottom:10px;width:80px}.empty-participants-message{background:rgba(4,33,160,.473);border-radius:25px;color:#fff;font-size:1rem;line-height:1.5;margin:0;opacity:.9;padding:10px 20px;text-align:center}.add-participants-button{align-items:center;background:2297cf;border:none;border-radius:24px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;margin-top:0;padding:12px 16px;transition:all .2s ease}.participants-label{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px #0000001a;color:#333;display:inline-block;font-size:16px;font-weight:600;padding:8px 16px;text-align:center;width:18rem}.add-participants-button:hover{background:#4caf5099}.add-participants-button.highlight{background:#4caf5099;box-shadow:0 0 15px #4caf5066;font-size:1.1rem;padding:14px 20px}.vertical-participants-header{margin-bottom:15px;text-align:center}.vertical-participants-header h3{font-size:1.2rem;font-weight:600;margin:0 0 5px}.vertical-participants-subheading{font-size:.8rem;margin:0;opacity:.8}.vertical-participants-list{display:flex;flex-direction:column;flex-grow:1;gap:10px;overflow-y:auto;padding-right:5px}.vertical-participants-list::-webkit-scrollbar{width:6px}.vertical-participants-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.vertical-participants-list::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px}.vertical-participant-card{align-items:center;background:#cdecfe!important;border-radius:12px;color:#000;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;position:relative;transition:all .2s ease}.vertical-participant-card.selected{background:#2e7de14d;box-shadow:0 2px 10px #2e7de133;transform:translateY(-2px)}.vertical-participant-card:hover{background:#fff3}.vertical-participant-left{align-items:center;display:flex;flex:1 1;min-width:0}.vertical-participant-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:36px;justify-content:center;margin-right:12px;width:36px}.vertical-participant-name{font-size:1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vertical-participant-age{align-items:center;background:#ffffff26;border-radius:6px;display:flex;flex-shrink:0;font-size:.8rem;font-weight:600;justify-content:center;margin-left:8px;padding:2px 8px}.vertical-participant-actions{align-items:center;display:flex;gap:8px;margin-left:10px}.vertical-action-button{align-items:center;background:#0000;border:none;border-radius:50%;color:red;cursor:pointer;display:flex;height:30px;justify-content:center;opacity:.6;transition:all .2s ease;width:30px}.vertical-action-button:hover{background:#ffffff1a;opacity:1}.vertical-action-button.delete:hover{background:#f443364d;color:#fff}.vertical-participant-selected-indicator{color:#fff;display:none;height:18px;position:absolute;right:12px;top:12px;width:18px}.vertical-sound-assignments{animation:fadeIn .3s ease;background:#ffffff0f;border-radius:12px;margin-top:15px;max-height:200px;overflow-y:auto;padding:15px}.vertical-sound-assignments h4{align-items:center;display:flex;font-size:1rem;justify-content:space-between;margin:0 0 10px;text-align:center}.vertical-sound-assignments-close{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:24px;justify-content:center;opacity:.7;padding:0;transition:opacity .2s;width:24px}.vertical-sound-assignments-close:hover{opacity:1}.vertical-assignment-list{display:flex;flex-direction:column;gap:12px}.vertical-assignment-item{align-items:center;background:#e8f4fd;border:1px solid #bbdefb;border-radius:12px;color:#1565c0;display:flex;gap:12px;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.vertical-assignment-item:hover{background:#e3f2fd;box-shadow:0 2px 8px #1565c01a;transform:translateY(-1px)}.vertical-assignment-item.language-combined{background:linear-gradient(135deg,#e8f5e8,#f0f8f0);border:1px solid #a5d6a7;color:#2e7d32}.vertical-assignment-item.language-combined:hover{background:linear-gradient(135deg,#e0f2e0,#e8f5e8);box-shadow:0 2px 8px #2e7d321a}.vertical-assignment-item.language-category{background:linear-gradient(135deg,#fff3e0,#fef7ed);border:1px solid #ffcc80;color:#f57c00}.vertical-assignment-item.language-category:hover{background:linear-gradient(135deg,#ffecb3,#fff3e0);box-shadow:0 2px 8px #f57c001a}.vertical-assignment-content{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.vertical-assignment-name{word-wrap:break-word;font-size:14px;font-weight:600;line-height:1.3}.vertical-assignment-details{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.category-badge{background:#2e7d3226;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.category-badge,.subcategory-badge{border-radius:6px;color:#1b5e20;font-size:11px;padding:3px 8px}.subcategory-badge{background:#2e7d3240;font-weight:500}.arrow{color:#4caf50;font-size:12px;font-weight:700}.vertical-remove-assignment{align-items:center;background:#f4433633;border:1px solid #f4433666;border-radius:50%;color:#f44336;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;opacity:.7;transition:all .2s ease;width:24px}.vertical-remove-assignment:hover{background:#f443364d;box-shadow:0 2px 6px #f443364d;opacity:1;transform:scale(1.1)}.vertical-remove-assignment:active{transform:scale(.95)}.vertical-remove-assignment svg{fill:currentColor;height:14px;width:14px}.vertical-assignment-item.removing{animation:slideOutRight .3s ease-out forwards}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@media (max-width:992px){.vertical-participant-section{max-height:400px;width:100%}}.loading-dialog-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-dialog-content{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;gap:24px;max-width:400px;padding:40px;position:relative;text-align:center;width:90%}.loading-dialog-header{align-items:center;display:flex;justify-content:center}.loading-spinner{animation:spin 2s linear infinite;color:#4a90e2;height:60px;width:60px}.loading-spinner circle{fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:75}@keyframes loading-dash{0%{stroke-dashoffset:283}50%{stroke-dashoffset:75}to{stroke-dashoffset:283}}.loading-dialog-body{align-items:center;display:flex;flex-direction:column;gap:16px}.loading-message{color:#333;font-size:18px;font-weight:600;line-height:1.4;margin:0}.loading-dots{color:#4a90e2;display:flex;font-size:20px;font-weight:700;gap:8px}.loading-dots span{animation:thinking 1.4s ease-in-out infinite}.loading-dots span:first-child{animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes thinking{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.loading-subtitle{color:#666;font-size:14px;line-height:1.3;margin:0;opacity:.8}.ai-brain-container{margin-top:8px}.ai-brain,.ai-brain-container{align-items:center;display:flex;justify-content:center}.ai-brain{color:#4a90e2}.ai-brain svg{fill:currentColor;height:60px;width:60px}@media (max-width:480px){.loading-dialog-content{border-radius:16px;max-width:350px;padding:30px 20px}.loading-message{font-size:16px}.loading-subtitle{font-size:13px}.ai-brain svg,.loading-spinner{height:50px;width:50px}}.loading-dialog-content:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.language-modal-container{align-items:center;background:linear-gradient(180deg,#54bef6,#037dff);display:flex;height:100vh;justify-content:center;left:0;overflow:auto;padding:1rem;position:fixed;top:0;width:100vw;z-index:1050}.language-modal-content{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:32px;box-shadow:0 8px 32px 0 #1f26875e;margin-right:2rem;max-width:1100px;opacity:1;padding-bottom:6rem}.language-modal-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:0;padding-bottom:1.5rem}.therapy-tabs{flex-wrap:wrap}.therapy-tab{flex-grow:1;min-width:100px;text-align:center}.section-title:after{background:#2e7de1}.language-categories-section{align-items:center;display:flex;flex-direction:column;margin-bottom:2rem}.language-categories-grid{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:1rem}.language-category-item{align-items:center;background:#c1e5cb!important;border:1px solid #eaeaea;border-radius:12px;box-shadow:0 2px 8px #0000000d;cursor:pointer;display:flex;height:100px;justify-content:center;max-width:250px;padding:.75rem;position:relative;transition:all .2s ease;width:100%}.language-category-item:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.language-category-item.active{background:#f0f7ff;border:2px solid #2e7de1;box-shadow:0 5px 15px #2e7de133}.category-name{color:#333;font-size:1.1rem;font-weight:600;text-align:center}.completed-indicator{background:#4caf50;border-radius:50%;color:#fff;font-size:12px;font-weight:700;height:22px;position:absolute;right:8px;top:8px;width:22px}.completed-indicator,.subcategory-modal-overlay{align-items:center;display:flex;justify-content:center}.subcategory-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:2000}.subcategory-modal-content{background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000026;max-height:80vh;max-width:800px;overflow-y:auto;padding:1.5rem;width:45%}.subcategory-title{color:#333;font-size:1.6rem;margin-bottom:1.5rem;text-align:center}.subcategory-grid{display:flex;flex-direction:column;gap:.75rem;justify-content:center;margin-bottom:1.5rem}.subcategory-item{align-items:center;background:#c1e5cb!important;border:1px solid #eaeaea;border-radius:8px;box-shadow:0 2px 8px #0000000d;cursor:pointer;display:flex;flex:1 1 70px;max-width:100%;min-width:200px;padding:.8rem 1.2rem;position:relative;transition:all .2s ease}.subcategory-item:hover{border-color:silver;box-shadow:0 5px 15px #00000014}.subcategory-item.selected{background:#f0f7ff;border-color:#2e7de1;box-shadow:0 5px 15px #2e7de126}.checkbox-container{align-items:center;display:flex;flex:1 1;gap:.75rem}.subcategory-checkbox{accent-color:#2e7de1;cursor:pointer;height:18px;width:18px}.subcategory-label{color:#333;cursor:pointer;font-size:1rem;font-weight:500;margin:0}.item-selected-indicator{align-items:center;background:#2e7de1;border-radius:50%;color:#fff;display:flex;font-size:10px;height:18px;justify-content:center;position:absolute;right:8px;top:8px;width:18px}.done-button{background:#2e7de1;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-weight:500;padding:.75rem 2.5rem;transition:all .2s ease}.done-button:hover{background:#2468c0;box-shadow:0 2px 8px #2e7de14d}.participant-initials-container{display:flex;gap:4px;position:absolute;right:8px;top:8px;z-index:10}.participant-initial{align-items:center;background-color:#2e7de1;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;display:inline-flex;font-size:10px;font-weight:700;height:20px;justify-content:center;text-align:center;transition:all .2s ease;width:20px}.participant-initial:hover{box-shadow:0 3px 8px #0000004d;transform:scale(1.1)}.participant-initials{display:flex;flex-wrap:wrap;gap:2px;position:absolute;right:5px;top:5px;z-index:10}@media (max-width:576px){.language-modal-content{padding:1rem;width:95%}.language-category-item{height:100px;width:130px}.category-name{font-size:.9rem}.subcategory-modal-content{padding:1rem}.subcategory-item{min-width:100%}.navigation-buttons{align-items:center;flex-direction:column;gap:.75rem}.navigation-button{text-align:center;width:100%}}@media (max-width:460px){.language-modal-header{align-items:flex-start;flex-direction:column}.header-actions{align-self:flex-end}}.disabled-panel{filter:blur(2px);opacity:.7;overflow:hidden;pointer-events:none;position:relative;-webkit-user-select:none;user-select:none}.disabled-panel:after{background:#0000001a;content:"";z-index:5}.disabled-panel:after,.no-participants-overlay{bottom:0;left:0;position:absolute;right:0;top:0}.no-participants-overlay{align-items:center;background:#0000004d;border-radius:16px;display:flex;justify-content:center;z-index:10}.no-participants-message{color:#050202;max-width:100%;padding:2rem;text-align:center}.no-participants-message svg{margin-bottom:1rem;opacity:.7}.no-participants-message p{color:#333;font-size:1.1rem;line-height:1.4;margin-bottom:1.5rem}.add-participants-overlay-button{background:#2e7de1;border:none;border-radius:8px;color:#000;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.add-participants-overlay-button:hover{background:#1e6bc7;box-shadow:0 4px 12px #2e7de14d;transform:translateY(-2px)}.fluency-modal-container{align-items:center;background:linear-gradient(180deg,#54bef6,#037dff);display:flex;height:100vh;justify-content:center;left:0;padding:1rem;position:fixed;top:0;width:100vw;z-index:1050}.fluency-modal-content{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:32px;box-shadow:0 8px 32px 0 #1f26875e;display:flex;flex-direction:column;height:auto;justify-content:space-between;max-height:90vh;max-width:1100px;opacity:1;padding:2rem 1.5rem;width:97%}@media (max-width:1024px){.fluency-modal-content{padding:1.5rem 1rem}}@media (max-width:768px){.fluency-modal-content{padding:1rem}}@media (max-width:480px){.fluency-modal-content{padding:.75rem}}.fluency-modal-header{align-items:center;display:flex;justify-content:space-between;width:97%}.therapy-tabs{display:flex;gap:.5rem}.therapy-tab{background:#f5f5f5;border:none;border-radius:8px;color:#555;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.therapy-tab.active{background:#2e7de1;box-shadow:0 2px 8px #2e7de14d;color:#fff}.therapy-tab:not(.active):hover{background:#e9e9e9}.header-actions{gap:1rem}.action-button{background:#f5f5f5;border:none;border-radius:8px;color:#555;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.reset-button:hover{background:#e9e9e9}.section-title{color:#333;display:inline-block;font-size:1.5rem;margin-bottom:1.5rem;position:relative;text-align:center}.participant-required-message{background:#ff572299;border-radius:8px;color:#fff;margin-bottom:20px;max-width:600px;padding:10px 20px;text-align:center}.section-title:after{background:#fff;border-radius:3px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:100%}.fluency-levels-section{align-items:center;display:flex;flex-direction:column;margin-bottom:2rem}.fluency-levels-grid{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:1.5rem}.fluency-level-item{align-items:center;background:#c1e5cb!important;border:1px solid #eaeaea;border-radius:12px;box-shadow:0 2px 8px #0000000d;cursor:pointer;display:inline-flex;height:auto;justify-content:center;max-width:100%;min-height:100px;min-width:200px;padding:1rem;position:relative;transition:all .2s ease;width:auto}.fluency-level-item:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.fluency-level-item.selected{background:#f0f7ff;border:2px solid #2e7de1;box-shadow:0 5px 15px #2e7de133}.fluency-level-item.disabled{cursor:not-allowed;filter:grayscale(50%);opacity:.5;pointer-events:none}.fluency-level-item.disabled:hover{box-shadow:0 2px 8px #0000000d;transform:none}.level-name{color:#333;font-size:1.1rem;font-weight:600;text-align:center}.level-selected-indicator{align-items:center;background:#2e7de1;border-radius:50%;color:#fff;display:flex;font-size:10px;height:20px;justify-content:center;position:absolute;right:8px;top:8px;width:20px}.navigation-button{border-radius:8px;color:#555;font-weight:500;padding:.75rem 2rem}.prev-button{background:#f5f5f5}.prev-button:hover{background:#e9e9e9}.proceed-button{background:#2e7de1;color:#fff}.proceed-button:hover{background:#2468c0;box-shadow:0 2px 8px #2e7de14d}.navigation-buttons{align-items:center;gap:20px;justify-content:space-between;margin:20px auto 0;padding:20px 0;width:100%}.navigation-buttons .play-cards-button{background:linear-gradient(135deg,#2e7de1,#1e6bb8)!important;border:none!important;border-radius:12px!important;box-shadow:0 4px 15px #2e7de14d!important;color:#fff!important;cursor:pointer!important;font-size:1.1rem!important;font-weight:600!important;min-width:160px!important;order:2;padding:15px 30px!important;position:relative!important;text-align:center!important;transition:all .3s ease!important}.navigation-buttons .play-cards-button:hover{background:linear-gradient(135deg,#1e6bb8,#2e7de1)!important;box-shadow:0 6px 20px #2e7de166!important;transform:translateY(-2px)!important}.navigation-buttons .play-cards-button:active{box-shadow:0 2px 10px #2e7de14d!important;transform:translateY(0)!important}.navigation-buttons .play-cards-button:disabled{cursor:not-allowed!important;opacity:.6!important;transform:none!important}.navigation-buttons .play-cards-button:before{animation:glow-pulse-fluency 2s ease-in-out infinite;background:linear-gradient(45deg,#2e7de1,#1e6bb8,#2e7de1);border-radius:14px;bottom:-2px;content:"";filter:blur(6px);left:-2px;opacity:.7;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes glow-pulse-fluency{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.navigation-buttons .reset-button{order:3}@media (max-width:768px){.navigation-buttons{flex-direction:column;gap:15px}.navigation-buttons .play-cards-button{min-width:200px!important;order:1!important}.navigation-buttons .prev-button{order:2!important}.navigation-buttons .reset-button{order:3!important}}.empty-state-wrapper{justify-content:center;min-height:380px;overflow:hidden;padding:32px 20px}.empty-state-content,.empty-state-wrapper{align-items:center;display:flex;position:relative}.empty-state-content{animation:fadeInScale .6s ease;background:linear-gradient(135deg,#fff,#f2f7fb);border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 8px 32px -8px #00000026;gap:40px;padding:38px 46px}.empty-state-arrow{align-items:center;display:flex;height:140px;justify-content:center;position:relative;width:140px}.arrow-base{animation:floatY 3s ease-in-out infinite;height:100px;position:relative;width:100px}@keyframes floatY{0%,to{transform:translateY(-6px)}50%{transform:translateY(6px)}}.arrow-shaft{animation:shaftGlow 2.4s ease-in-out infinite;background:#2563eb;border-radius:6px;box-shadow:0 0 0 4px #2563eb26,0 6px 14px -4px #2563eb80;height:10px;left:15px;position:absolute;top:48px;width:70px}@keyframes shaftGlow{0%,to{box-shadow:0 0 0 4px #2563eb26,0 6px 14px -4px #2563eb80}50%{box-shadow:0 0 0 6px #2563eb4d,0 6px 20px -4px #2563eb99}}.arrow-head{animation:headPulse 2.4s ease-in-out infinite;background:#1d4ed8;border-radius:6px;box-shadow:0 0 0 4px #1d4ed840,0 10px 24px -6px #1d4ed88c;height:38px;position:absolute;right:-2px;top:34px;transform:rotate(45deg);width:38px}@keyframes headPulse{0%,to{transform:rotate(45deg) scale(1)}50%{transform:rotate(45deg) scale(1.1)}}.arrow-pulse{animation:pulseRing 2.6s ease-out infinite;background:radial-gradient(circle at center,#3b82f659,#3b82f600 65%);border-radius:50%;filter:blur(2px);inset:0;position:absolute}@keyframes pulseRing{0%{opacity:.75;transform:scale(.5)}70%{opacity:0;transform:scale(1.2)}to{opacity:0}}.empty-state-text{max-width:390px}.empty-title{background:linear-gradient(90deg,#1d4ed8,#2563eb,#3b82f6);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.9rem;font-weight:700;letter-spacing:.5px;margin:0 0 8px}.empty-lead{color:#1e3a8a;font-size:1.15rem;font-weight:600;margin:0 0 4px}.empty-instructions{color:#334155;font-size:.95rem;line-height:1.5;margin:0 0 18px}.empty-cta-btn{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:14px;box-shadow:0 8px 22px -6px #2563eb8c;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:6px;overflow:hidden;padding:12px 22px;position:relative;transition:all .3s ease}.empty-cta-btn:before{animation:btnSheen 3s linear infinite;background:linear-gradient(90deg,#fff0,#fff6 50%,#fff0);content:"";inset:0;position:absolute;transform:translateX(-100%)}@keyframes btnSheen{0%{transform:translateX(-120%)}60%{transform:translateX(120%)}to{transform:translateX(120%)}}.empty-cta-btn:hover{box-shadow:0 12px 28px -8px #2563eba6;transform:translateY(-3px)}.empty-cta-btn:active{transform:translateY(-1px)}@media (max-width:900px){.empty-state-content{flex-direction:column;gap:26px;padding:34px 28px;text-align:center}.empty-state-arrow{height:120px;width:120px}.empty-title{font-size:1.55rem}}.empty-cta-btn:focus{outline:3px solid #93c5fd;outline-offset:3px}@media (prefers-reduced-motion:reduce){.arrow-base,.arrow-head,.arrow-pulse,.arrow-shaft,.empty-state-content{animation:none!important}}.live-score-container{margin-bottom:20px;max-width:100%;width:100%}.score-card{background:#ffffff0d;border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.score-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:15px}.score-title{color:#333;font-size:18px;font-weight:600;margin:0}.current-sound{background:linear-gradient(90deg,#e3f2fd,#bbdefb);border-radius:20px;color:#1976d2;font-size:14px;font-weight:600;max-width:100%;overflow:hidden;padding:5px 12px;text-overflow:ellipsis;white-space:nowrap}.score-metrics{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:15px}.score-circle{align-items:center;background:#ffffffe6;border:1px solid #0000000d;border-radius:12px;display:flex;flex:1 1;flex-direction:column;min-width:0;padding:10px 5px;text-align:center}.score-circle.primary{background:linear-gradient(180deg,#e3f2fd,#bbdefb);border-top:4px solid #2196f3}.score-circle.secondary{background:linear-gradient(180deg,#e8f5e9,#c8e6c9);border-top:4px solid #4caf50}.score-circle.tertiary{background:linear-gradient(180deg,#fff3e0,#ffe0b2);border-top:4px solid #ff9800}.score-value{font-size:22px;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.score-circle.primary .score-value{color:#1976d2}.score-circle.secondary .score-value{color:#388e3c}.score-circle.tertiary .score-value{color:#f57c00}.score-label{color:#757575;font-size:11px;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.encouragement-message{background:linear-gradient(90deg,#e3f2fd,#bbdefb);border:1px solid #1976d233;border-radius:8px;color:#1976d2;font-size:16px;font-weight:600;margin:10px 0;padding:12px;text-align:center}.attempt-counter{color:#757575;font-size:13px;margin-top:5px;text-align:right}@media (max-width:768px){.score-metrics{flex-wrap:nowrap}.score-value{font-size:20px}.score-label{font-size:10px}}@media (max-width:480px){.score-metrics{flex-direction:column;gap:10px}.score-circle{padding:10px;width:100%}.score-value{font-size:24px}.score-header{align-items:flex-start;flex-direction:column}.current-sound{align-self:flex-start}}.session-progress{background:#ffffffe6;border:1px solid #0000000d;border-radius:16px;box-shadow:0 8px 20px #00000014;height:10rem;padding:20px;width:100%}.progress-item{margin-bottom:15px}.progress-item:last-child{margin-bottom:0}.progress-label{display:flex;justify-content:space-between;margin-bottom:8px}.progress-label span{color:#555;font-size:14px;font-weight:500}.progress-value{color:#333;font-weight:700}.progress-bar-container{background-color:#f0f0f0;border-radius:6px;box-shadow:inset 0 1px 3px #0000001a;height:12px;margin-bottom:6px;overflow:hidden}.progress-bar-fill{border-radius:6px;height:100%;transition:width .5s ease}.progress-bar-fill.difficulty{background:linear-gradient(90deg,#4cb8ff,#2196f3);box-shadow:0 1px 3px #0003}.progress-bar-fill.accuracy{background:linear-gradient(90deg,#66bb6a,#43a047);box-shadow:0 1px 3px #0003}.progress-scale{color:#777;display:flex;font-size:12px;justify-content:space-between}@media (max-width:600px){.session-progress{padding:15px}}.export-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin:8px;padding:12px 24px;transition:all .2s ease}.export-button:hover:not(:disabled){box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.export-button:disabled{cursor:not-allowed;opacity:.6}.export-button.csv{background-color:#4caf50;color:#fff}.export-button.csv:hover:not(:disabled){background-color:#45a049}.export-button.pdf{background-color:#2196f3;color:#fff}.export-button.pdf:hover:not(:disabled){background-color:#1976d2}.export-button .icon{font-size:16px}.result-screen{align-items:center;background:linear-gradient(135deg,#4a90e240,#ff8c0033,#ffffff1a);height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;z-index:9999}.result-glass-container,.result-screen{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;width:100%}.result-glass-container{background:linear-gradient(135deg,#4a90e226,#ffffff80);border:1px solid #fff;border-radius:20px;box-shadow:0 8px 32px #4a90e24d;flex-direction:column;height:600px;max-width:700px;overflow:hidden}.results-content{display:flex;flex-direction:column;flex-grow:1;gap:24px;overflow-y:auto;padding:24px}.result-header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#4a90e233,#ffffff0d);border-bottom:1px solid #4a90e2;border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:inset 0 1px 0 #fff3;padding:20px 24px}.header-main{margin-bottom:16px}.header-actions{gap:16px;justify-content:space-between;margin-bottom:12px}.header-actions,.primary-actions{align-items:center;display:flex;flex-wrap:wrap}.primary-actions{gap:10px}.navigation-actions{align-items:center;display:flex;gap:10px}.header-actions .dashboard-redirect-btn,.header-actions .export-analytics-btn,.header-actions .save-button,.header-actions .skip-button,.header-actions .toggle-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.header-actions .toggle-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.header-actions .toggle-btn:hover{background:linear-gradient(135deg,#5b21b6,#7c3aed);transform:translateY(-1px)}.header-actions .toggle-btn.active{background:linear-gradient(135deg,#7c3aed,#5b21b6)}.header-actions .export-analytics-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.header-actions .export-analytics-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.header-actions .export-analytics-btn:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed;transform:none}.header-actions .export-button.pdf{align-items:center;background:linear-gradient(135deg,#2196f3,#1976d2);border:none;border-radius:8px;box-shadow:0 2px 4px #2196f333;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:10px 16px;transition:all .2s ease}.header-actions .export-button.pdf:hover:not(:disabled){background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 4px 8px #2196f34d;transform:translateY(-1px)}.header-actions .export-button.pdf:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:none;cursor:not-allowed;transform:none}.header-actions .dashboard-redirect-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.header-actions .dashboard-redirect-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px)}.header-actions .save-button{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.header-actions .save-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}.header-actions .skip-button{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.header-actions .skip-button:hover{background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-1px)}.header-sync-status{align-items:center;display:flex;justify-content:center;margin-top:8px}.header-sync-status .sync-indicator{background:#fff3;border-radius:6px;font-size:12px;font-weight:500;padding:4px 8px}.result-header h2{color:#2563eb;font-size:28px;font-weight:600;margin:0 0 10px}.participant-name{color:#1e40af;font-size:18px}.sound-info{color:#1e3a8a;font-size:16px;font-weight:500}.achievement-banner{align-items:center;background:#e6f0ffb3;border-left:4px solid #4a90e2;border-radius:12px;box-shadow:0 4px 6px #4a90e226;display:flex;gap:16px;padding:16px}.achievement-emoji{font-size:36px}.achievement-text h3{color:#1e40af;font-size:20px;font-weight:600;margin:0 0 4px}.achievement-text p{color:#1e3a8a;font-size:14px;margin:0}.score-summary{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.score-item{background:linear-gradient(135deg,#e6f0ff80,#fffc);border:1px solid #fff;border-radius:12px;box-shadow:0 4px 8px #4a90e233;flex:1 1;min-width:120px;padding:16px;text-align:center;transition:transform .2s ease}.score-item:hover{transform:translateY(-4px)}.score-value{color:#2563eb;font-size:28px;font-weight:700;margin-bottom:4px}.score-label{color:#1d4ed8;font-size:12px;font-weight:500}.therapist-feedback{display:flex;flex-direction:column;gap:16px}.feedback-group label{color:#1e40af;font-size:16px;font-weight:600}.feedback-group textarea{background:#f0f8ffcc;border:1px solid #4a90e2;border-radius:8px;color:#1e3a8a;font-family:inherit;font-size:16px;padding:12px;resize:vertical;width:100%}.feedback-group textarea:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e24d;outline:none}.result-actions{display:flex;gap:16px;margin-top:8px}.save-button{background:linear-gradient(135deg,#4a90e2,#2563eb);border:1px solid #fff;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px;transition:all .2s ease}.save-button:hover{background:linear-gradient(135deg,#2563eb,#4a90e2);transform:translateY(-2px)}.skip-button{background:#fff6;border:1px solid #4a90e2;border-radius:8px;color:#2563eb;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px;transition:all .2s ease}.skip-button:hover{background:#4a90e21a}.analytics-toggle{margin:16px 0;text-align:center}.toggle-btn{background:linear-gradient(135deg,#4a90e21a,#fff9);border:1px solid #4a90e2;border-radius:8px;color:#2563eb;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.toggle-btn:hover{background:linear-gradient(135deg,#4a90e233,#fffc);transform:translateY(-2px)}.toggle-btn.active{background:linear-gradient(135deg,#4a90e2,#2563eb);color:#fff}.detailed-analytics{background:linear-gradient(135deg,#e6f0ff4d,#fff9);border:1px solid #4a90e24d;border-radius:12px;margin-top:20px;padding:20px}.performance-highlights h4{color:#1e40af;font-size:18px;margin:0 0 16px;text-align:center}.performance-section{border-left:4px solid;border-radius:8px;margin-bottom:20px;padding:16px}.performance-section.excellent{background:linear-gradient(135deg,#4caf501a,#8bc34a1a);border-left-color:#4caf50}.performance-section.challenging{background:linear-gradient(135deg,#ff98001a,#ffc1071a);border-left-color:#ff9800}.performance-section.type-analysis{background:linear-gradient(135deg,#2196f31a,#4a90e21a);border-left-color:#2196f3}.performance-section.recommendations{background:linear-gradient(135deg,#9c27b01a,#8e24aa1a);border-left-color:#9c27b0}.performance-section h5{color:#1e40af;font-size:16px;font-weight:600;margin:0 0 12px}.items-list{display:flex;flex-direction:column;gap:8px}.performance-item{align-items:center;background:#ffffffb3;border:1px solid #4a90e233;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.performance-item.excellent{border-left:3px solid #4caf50}.performance-item.challenging{border-left:3px solid #ff9800}.item-content{color:#1e40af;flex:2 1;font-weight:600}.item-type{background:#4a90e233;border-radius:12px;color:#2563eb;flex:1 1;font-size:12px;margin:0 8px;padding:2px 8px;text-align:center}.item-accuracy{color:#1e3a8a;flex:1 1;font-weight:600;text-align:right}.type-breakdown{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.type-item{background:#fffc;border:1px solid #4a90e233;border-radius:8px;padding:12px}.type-header{display:flex;justify-content:space-between;margin-bottom:4px}.type-name{color:#2563eb;font-weight:600}.type-accuracy{color:#1e40af;font-weight:700}.type-stats{color:#1e3a8a;font-size:14px}.recommendations-list{margin:0;padding-left:20px}.recommendations-list li{color:#1e40af;font-weight:500;margin-bottom:8px}.analytics-actions{border-top:1px solid #4a90e24d;margin-top:20px;padding-top:16px;text-align:center}.dashboard-redirect-btn,.export-analytics-btn{border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;max-width:200px;padding:12px 24px;transition:all .3s ease}.export-analytics-btn{background:linear-gradient(135deg,#10b981,#059669)}.export-analytics-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px)}.dashboard-redirect-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.dashboard-redirect-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-2px)}.dashboard-modal-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10001}.dashboard-modal-content{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:1px solid #fffc;border-radius:16px;box-shadow:0 20px 40px #00000026;max-width:500px;overflow:hidden;width:90%}.modal-header{align-items:center;background:linear-gradient(135deg,#8b5cf61a,#7c3aed0d);border-bottom:1px solid #8b5cf61a;display:flex;justify-content:space-between;padding:24px}.modal-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#7c3aed;font-size:20px;font-weight:700;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.modal-close:hover{background:#ef44441a;color:#dc2626}.modal-body{padding:24px}.dashboard-preview{text-align:center}.preview-icon{font-size:48px;margin-bottom:16px}.dashboard-preview h4{color:#374151;font-size:18px;font-weight:600;margin:0 0 12px}.dashboard-preview p{color:#64748b;font-size:14px;line-height:1.5;margin:0 0 24px}.dashboard-features{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.feature-item{align-items:center;background:#8b5cf60d;border-radius:8px;color:#374151;display:flex;font-size:14px;gap:8px;padding:12px}.feature-icon{font-size:16px}.modal-actions{background:#f8fafc80;border-top:1px solid #cbd5e14d;display:flex;gap:12px;padding:24px}.cancel-btn,.open-dashboard-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.cancel-btn{background:#6b72801a;border:1px solid #6b728033;color:#374151}.cancel-btn:hover{background:#6b728026}.open-dashboard-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.open-dashboard-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px)}@media (max-width:600px){.detailed-analytics{padding:16px}.performance-item{align-items:flex-start;flex-direction:column;gap:4px}.item-accuracy,.item-content,.item-type{flex:none;margin:0}.type-breakdown{grid-template-columns:1fr}.result-glass-container{border-radius:16px}.result-header{padding:16px}.result-header h2{font-size:24px}.header-actions{align-items:stretch;flex-direction:column;gap:12px}.primary-actions{flex-wrap:wrap}.navigation-actions,.primary-actions{justify-content:center}.header-actions .dashboard-redirect-btn,.header-actions .export-analytics-btn,.header-actions .save-button,.header-actions .skip-button,.header-actions .toggle-btn{font-size:13px;min-width:120px;padding:10px 14px}.results-content{gap:16px;padding:16px}.score-summary{flex-direction:column}.score-item{width:100%}.result-actions{flex-direction:column}.save-button,.skip-button{width:100%}.detailed-analytics{padding:16px}.performance-item{align-items:flex-start;flex-direction:column;gap:4px}.item-accuracy,.item-content,.item-type{flex:none;margin:0}.type-breakdown{grid-template-columns:1fr}.toggle-btn{width:100%}.analytics-actions{flex-direction:column}.dashboard-redirect-btn,.export-analytics-btn,.export-button.pdf{max-width:none}.dashboard-features{grid-template-columns:1fr}.modal-actions{flex-direction:column}.dashboard-modal-content{margin:20px;width:95%}}.backend-export{background:linear-gradient(135deg,#4caf50,#45a049);border-color:#45a049}.backend-export:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#3e8e41);box-shadow:0 6px 16px #4caf5066;transform:translateY(-2px)}.backend-export:disabled{background:linear-gradient(135deg,#ccc,#999);box-shadow:none;cursor:not-allowed;transform:none}.sync-status{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;margin-top:16px;padding:12px;text-align:center}.sync-indicator{align-items:center;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center}.sync-indicator.synced{color:#4caf50}.sync-indicator.syncing{color:#ff9800}.sync-indicator.error{color:#f44336}.sync-indicator.disconnected{color:#9e9e9e}.sync-info{color:#ffffffb3;display:block;font-size:12px;font-style:italic;margin-top:6px}.analytics-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.analytics-actions .export-analytics-btn{flex:1 1;min-width:200px}@media (max-width:768px){.analytics-actions{flex-direction:column}.analytics-actions .export-analytics-btn{min-width:auto;width:100%}}.rephrase-button{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:25px;box-shadow:0 2px 8px #4caf504d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;overflow:hidden;padding:8px 16px;position:relative;transition:all .3s ease}.rephrase-button:hover{background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 4px 12px #4caf5066;transform:translateY(-1px)}.rephrase-button:active{box-shadow:0 2px 6px #4caf504d;transform:translateY(0)}.rephrase-button.disabled{color:#666;cursor:not-allowed}.rephrase-button.disabled,.rephrase-button.disabled:hover{background:#ccc;box-shadow:none;transform:none}.rephrase-icon{animation:rotate 2s linear infinite;font-size:16px}.rephrase-text{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rephrase-button:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .3s,height .3s;width:0}.rephrase-button:active:before{height:100px;width:100px}.rephrase-panel-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10000}.rephrase-panel{animation:slideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;max-height:80vh;max-width:600px;overflow-y:auto;width:90%}.rephrase-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;padding:20px 24px 16px}.rephrase-header h3{color:#333;font-size:24px;font-weight:600;margin:0}.close-button{color:#666;padding:4px}.close-button:hover{background:#f0f0f0;color:#333}.rephrase-content{padding:24px}.custom-rephrase-section,.original-text-section,.suggestions-section{margin-bottom:24px}.custom-rephrase-section label,.original-text-section label,.suggestions-section label{color:#333;display:block;font-size:16px;font-weight:600;margin-bottom:8px}.original-text{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;color:#495057;font-size:18px;line-height:1.5;padding:16px}.target-sound{color:#666;font-size:14px;margin-top:8px}.sound-highlight{background:linear-gradient(45deg,gold,orange);border-radius:4px;color:#333;font-weight:700;padding:2px 6px}.loading-suggestions{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:12px;padding:20px}.spinner{border:3px solid #e9ecef;border-top-color:#4caf50;height:20px;width:20px}.suggestions-list{display:flex;flex-direction:column;gap:8px}.suggestion-item{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;color:#495057;cursor:pointer;font-size:16px;line-height:1.4;padding:16px;text-align:left;transition:all .2s ease}.suggestion-item:hover{background:#e3f2fd;border-color:#2196f3;box-shadow:0 4px 8px #2196f333;transform:translateY(-1px)}.suggestion-item:active{transform:translateY(0)}.rephrase-input{border:2px solid #e9ecef;border-radius:8px;font-family:inherit;font-size:16px;line-height:1.5;padding:16px;resize:vertical;transition:border-color .2s ease;width:100%}.rephrase-input:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a;outline:none}.rephrase-actions{border-top:2px solid #f0f0f0;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:16px}.apply-button,.cancel-button{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s ease}.cancel-button{background:#f8f9fa;border:2px solid #e9ecef;color:#666}.cancel-button:hover{background:#e9ecef;color:#333}.apply-button{background:linear-gradient(135deg,#4caf50,#45a049);border:2px solid #0000;color:#fff}.apply-button:hover{background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 4px 12px #4caf504d;transform:translateY(-1px)}.apply-button:disabled{background:#ccc;box-shadow:none;color:#666;cursor:not-allowed;transform:none}@media (max-width:768px){.rephrase-panel{margin:20px;width:95%}.rephrase-header{padding:16px 20px 12px}.rephrase-header h3{font-size:20px}.rephrase-content{padding:20px}.rephrase-actions{flex-direction:column-reverse}.apply-button,.cancel-button{width:100%}}.rephrase-collapsible{align-items:center;display:flex;margin-bottom:8px;margin-top:12px;overflow:visible;position:relative}.rephrase-toggle-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:20px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:13px;font-weight:600;gap:6px;overflow:hidden;padding:8px 14px;position:relative;transition:all .3s ease;white-space:nowrap;z-index:10}.rephrase-toggle-btn:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.rephrase-toggle-btn.expanded{background:linear-gradient(135deg,#4c51bf,#553c9a);box-shadow:0 4px 16px #4c51bf66}.rephrase-icon{font-size:14px}.rephrase-label{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:13px}.rephrase-credits{background:#fff3;border-radius:8px;font-size:11px;font-weight:700;margin-left:4px;min-width:18px;padding:2px 6px;text-align:center}.rephrase-horizontal-container{align-items:flex-start;display:flex;margin-left:12px;max-width:calc(100vw - 200px);overflow:visible;position:relative}.rephrase-horizontal-list{align-items:flex-start;display:flex;flex-wrap:wrap;gap:8px;max-width:100%;padding:4px 0}.rephrase-horizontal-btn{align-items:center;background:linear-gradient(135deg,#f8f9ff,#f1f3ff);border:2px solid #e2e8f0;border-radius:16px;color:#4a5568;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:600;justify-content:center;margin-bottom:4px;min-height:36px;overflow:hidden;padding:8px 14px;position:relative;transition:all .3s ease}.rephrase-horizontal-btn:before{background:linear-gradient(90deg,#0000,#667eea1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.rephrase-horizontal-btn:hover:not(.disabled){background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 6px 20px #667eea40;color:#fff;transform:translateY(-2px)}.rephrase-horizontal-btn:hover:not(.disabled):before{left:100%}.rephrase-horizontal-btn:active:not(.disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.rephrase-horizontal-btn.disabled{background:#f7f8f9;border-color:#e2e8f0;color:#a0aec0;cursor:not-allowed;opacity:.5}.rephrase-horizontal-btn.reset-btn{background:linear-gradient(135deg,#fed7d7,#fbb6ce);border-color:#f56565;color:#2d3748}.rephrase-horizontal-btn.reset-btn:hover:not(.disabled){background:linear-gradient(135deg,#f56565,#ed64a6);border-color:#e53e3e;box-shadow:0 6px 20px #f5656540;color:#fff;transform:translateY(-2px)}.generating-overlay-horizontal{align-items:center;background:#fffffff2;border-radius:16px;bottom:0;display:flex;gap:8px;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:20}.generating-spinner{animation:spin 1s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:16px;width:16px}.generating-overlay-horizontal span{color:#667eea;font-size:12px;font-weight:600}@media (max-width:768px){.rephrase-collapsible{margin-bottom:6px;margin-top:8px}.rephrase-toggle-btn{border-radius:16px;font-size:12px;padding:6px 12px}.rephrase-icon,.rephrase-label{font-size:12px}.rephrase-horizontal-container{margin-left:8px;max-width:calc(100vw - 120px)}.rephrase-horizontal-list{flex-wrap:wrap;gap:6px}.rephrase-horizontal-btn{border-radius:12px;font-size:11px;min-height:32px;padding:6px 10px}.generating-spinner{height:14px;width:14px}.generating-overlay-horizontal span{font-size:11px}}@media (max-width:480px){.rephrase-toggle-btn{border-radius:14px;font-size:11px;padding:5px 10px}.rephrase-horizontal-container{margin-left:6px;max-width:calc(100vw - 80px)}.rephrase-horizontal-list{flex-wrap:wrap;gap:4px}.rephrase-horizontal-btn{border-radius:10px;font-size:10px;min-height:28px;padding:5px 8px}}.rephrase-horizontal-container{animation:slideInFromLeft .3s ease-out}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.rephrase-horizontal-btn:focus{box-shadow:0 0 0 2px #667eea4d;outline:none}.rephrase-toggle-btn:focus{box-shadow:0 0 0 3px #667eea4d;outline:none}.rephrase-toggle-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .3s,height .3s;width:0}.rephrase-toggle-btn:active:before{height:60px;width:60px}.rephrase-collapsible,.rephrase-horizontal-container{contain:layout;will-change:transform}.language-content{-webkit-text-fill-color:#1a202c!important;align-items:center;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll!important;background:initial!important;background-clip:initial!important;-webkit-background-clip:unset!important;color:#1a202c;display:flex;flex-direction:column;gap:0;padding:.75rem;position:relative;width:100%;z-index:5}.language-content *,.language-content :after,.language-content :before{-webkit-text-fill-color:currentColor!important;background-clip:initial!important;-webkit-background-clip:border-box!important;color:inherit!important;font-size:1.2rem;text-shadow:none!important}.language-question{word-wrap:break-word;-webkit-text-fill-color:#1a202c!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#0000;background-clip:initial!important;-webkit-background-clip:unset!important;border:none;border-radius:8px;box-shadow:none;color:#1a202c!important;font-size:1.2rem;font-weight:600;line-height:1.4;margin-bottom:.5rem;max-width:100%;padding:.25rem .75rem;position:relative;text-align:center;text-shadow:none;transition:all .3s ease;z-index:10}.language-options{align-items:center;flex-direction:column;margin-top:.25rem;width:100%}.show-answer-btn{align-items:center;background:linear-gradient(135deg,#2e7de1,#4a90e2);border:none;border-radius:10px;box-shadow:0 6px 14px #2e7de159;color:#fff!important;cursor:pointer;display:inline-flex;font-family:inherit;justify-content:center;padding:10px 18px;position:relative;transition:all .3s ease;width:10rem;z-index:10}.show-answer-btn:hover{box-shadow:0 8px 18px #2e7de173;filter:brightness(1.05);transform:translateY(-1px)}.show-answer-btn:active{box-shadow:0 4px 10px #2e7de159;transform:translateY(0)}.show-answer-text{-webkit-text-fill-color:#fff!important;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll!important;background:initial!important;background-clip:initial!important;-webkit-background-clip:unset!important;color:#fff!important;font-size:1rem;font-weight:600;margin:0;text-align:center;text-shadow:none}.show-answer-container{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-top:2.5rem;position:absolute;width:100%;z-index:1000}.answer-popup{background:#357abd;border:2px solid #fff;border-radius:12px;box-shadow:0 6px 20px #00000040;color:#fff;left:85%;max-width:90vw;min-width:280px;padding:10px;position:fixed;text-align:center;top:30%;transform:translate(-50%,24%);width:auto;z-index:1000}.answer-text{color:#fff!important;font-size:.9rem;font-weight:500;text-shadow:1px 1px 3px #0000004d}.chat-arrow{border-left:10px solid #0000;border-right:10px solid #0000;border-top:10px solid #4a90e2;display:none;height:0;left:6%;position:absolute;top:100%;transform:translateX(-50%);width:0}@keyframes popupFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(3%)}}@media (max-width:768px){.language-question{font-size:1.05rem;max-width:100%}.show-answer-btn{min-width:120px;padding:10px 20px}.show-answer-text{font-size:1rem}.answer-popup{left:50%;padding:12px 16px;width:16rem}.answer-text{font-size:1rem}}@media (max-width:480px){.language-content{gap:1rem}.language-question{font-size:1rem}.show-answer-btn{min-width:100px;padding:8px 16px}.show-answer-text{font-size:.9rem}.answer-popup{padding:10px 14px;width:14rem}.answer-text{font-size:.9rem}}.show-answer-btn:focus{outline:3px solid #4a90e2;outline-offset:2px}.show-answer-btn:focus:not(:focus-visible){outline:none}.language-content>*{animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.option-group{align-items:stretch;display:flex;flex-direction:column;gap:5px;justify-content:start}.option-item{align-items:center;background:#f6f9fc;border:1px solid #2e7de140;border-radius:10px;box-shadow:0 2px 6px #0000000f;color:#1a202c;display:inline-flex;font-weight:600;gap:8px;min-width:42%;padding:5px}@media (max-width:640px){.option-item{min-width:100%}}.option-item.correct{-webkit-text-fill-color:#fff!important;background:#6ab04c;border-color:#6ab04c;box-shadow:0 6px 16px #6ab04c59;color:#fff!important}.option-key{font-weight:400}.option-key,.option-text{color:inherit}.yesno-wrapper{align-items:center;display:flex;flex-direction:column;gap:10px;width:100%}.yesno-group{align-items:center;display:inline-flex;gap:12px;justify-content:center}.yesno-option{background:#f6f9fc;border:1px solid #00000014;border-radius:10px;box-shadow:0 2px 6px #0000000f;color:#1a202c;font-weight:600;min-width:90px;padding:10px 16px;text-align:center}.yesno-option.yes.active{background:#4caf50;border-color:#4caf50}.yesno-option.no.active,.yesno-option.yes.active{-webkit-text-fill-color:#fff!important;color:#fff!important}.yesno-option.no.active{background:#ef5350;border-color:#ef5350}.answer-text{-webkit-text-fill-color:#fff!important}.image-error-component{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px dashed #dee2e6;border-radius:12px;color:#495057;min-height:200px;overflow:hidden;padding:20px;position:relative;text-align:center}.image-error-component:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.error-content{align-items:center;display:flex;flex-direction:column;gap:16px;max-width:300px;z-index:1}.error-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:3rem;margin-bottom:8px}.error-text{display:flex;flex-direction:column;gap:4px}.error-title{color:#dc3545;font-size:1.1rem;font-weight:600;margin-bottom:4px}.error-subtitle{font-size:.9rem;line-height:1.4}.error-item-content{background:#fffc;border-left:4px solid #007bff;border-radius:8px;display:flex;flex-direction:column;gap:4px;max-width:100%;padding:12px}.content-label{color:#495057;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.content-text{color:#212529;font-size:.9rem;font-style:italic;word-break:break-word}.error-actions{flex-direction:column;gap:12px;width:100%}.retry-button{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);border-radius:8px;box-shadow:0 2px 8px #007bff4d;display:flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;min-height:44px;padding:12px 24px;transition:all .3s ease}.retry-button:hover:not(:disabled){box-shadow:0 4px 12px #007bff66;transform:translateY(-2px)}.retry-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.retry-icon,.retry-spinner{display:inline-block;font-size:1rem}.retry-spinner{animation:spin 1s linear infinite}.max-retries-message{background:#ffc1071a;border:1px solid #ffc1074d;border-radius:8px;color:#856404;padding:12px}.continue-text{font-size:.9rem;font-weight:500}@media (max-width:768px){.image-error-component{min-height:150px;padding:16px}.error-icon{font-size:2.5rem}.error-title{font-size:1rem}.error-subtitle,.retry-button{font-size:.8rem}.retry-button{min-height:40px;padding:10px 20px}}.image-error-component.fluency{background:linear-gradient(135deg,#f0f8ff,#e6f3ff);border-color:#b3d9ff}.image-error-component.articulation{background:linear-gradient(135deg,#fff5f5,#ffe6e6);border-color:#ffb3b3}.image-error-component.language{background:linear-gradient(135deg,#f0fff4,#e6ffe6);border-color:#b3ffcc}.image-error-component.fade-in{animation:fadeInScale .5s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.activity-screen{background:#f5f7fa;display:flex;flex-direction:column;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:9999}.activity-header{box-shadow:0 2px 10px #0000001a;justify-content:space-between;padding:15px 20px;position:relative;z-index:10000}.activity-header,.back-button{align-items:center;background-color:#fff;display:flex}.back-button{border:none;border-radius:50%;box-shadow:0 4px 12px #0000001f;color:#333;cursor:pointer;font-size:24px;height:60px;justify-content:center;margin-top:10px;transition:all .2s ease;width:60px}.back-button:hover{box-shadow:0 6px 15px #00000026;transform:translateY(-3px)}.back-button:active{transform:translateY(1px)}.image-error-component{align-items:center;background:#0000;display:flex;justify-content:center;margin:20px 0;min-height:300px}.activity-screen .image-error-component{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 10px 30px #00000026;flex:1 1;margin:20px}.activity-title{font-size:20px;margin:0}.feedback-button{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px}.activity-content{display:flex;flex:1 1;overflow:auto;padding:20px}.no-data-message{color:#666;margin:auto;text-align:center}.error-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin:auto;max-width:600px;padding:2rem;text-align:center}.error-container h3{color:#e77519;margin-bottom:1rem}.troubleshooting-tips{color:#555;margin:1rem 0;padding-left:1.5rem;text-align:left}.retry-button{background-color:#4a90e2;border:none;border-radius:4px;cursor:pointer;font-weight:500;margin-top:1rem;padding:10px 20px;transition:background-color .2s}.retry-button:hover{background-color:#3a7bd5}.feedback-overlay{z-index:10001}.activity-screen-container{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:9999}.dynamic-background{height:100%;overflow:hidden;position:relative;transition:background .8s ease;width:100%}.feedback-background{height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease-in-out;width:100%;z-index:1}.feedback-background.awesome{animation:pulse-awesome 1s ease-out;background:radial-gradient(circle at center,#4caf5066 0,#0000 70%)}.feedback-background.almost{animation:pulse-almost 1s ease-out;background:radial-gradient(circle at center,#ff980066 0,#0000 70%)}.feedback-background.practice{animation:pulse-practice 1s ease-out;background:radial-gradient(circle at center,#f4433666 0,#0000 70%)}@keyframes pulse-awesome{0%{opacity:0;transform:scale(.8)}25%{opacity:.6}50%{opacity:.8}75%{opacity:.4}to{opacity:0;transform:scale(1.3)}}@keyframes pulse-almost{0%{opacity:0;transform:scale(.8)}25%{opacity:.6}50%{opacity:.8}75%{opacity:.4}to{opacity:0;transform:scale(1.3)}}@keyframes pulse-practice{0%{opacity:0;transform:scale(.8)}25%{opacity:.6}50%{opacity:.8}75%{opacity:.4}to{opacity:0;transform:scale(1.3)}}.activity-screen-content{grid-gap:20px;box-sizing:border-box;display:grid;gap:20px;grid-template-columns:255px 25fr 253px;height:100%;padding:20px;position:relative;width:100%;z-index:2}.left-sidebar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;height:100%;overflow-y:auto}.left-sidebar::-webkit-scrollbar{width:8px}.left-sidebar::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.left-sidebar::-webkit-scrollbar-thumb{background:#2e7de199;border:1px solid #ffffff4d;border-radius:10px}.left-sidebar::-webkit-scrollbar-thumb:hover{background:#2e7de1cc}.sidebar-content{display:flex;flex-direction:column;height:100%;padding:20px 5px}.sidebar-section{border-bottom:1px solid #0000000d;margin-bottom:25px;padding-bottom:20px}.sidebar-section:last-child{border-bottom:none;margin-bottom:0}.sidebar-header{margin-bottom:30px;text-align:center}.sidebar-header h3{-webkit-text-fill-color:#0000;background:#fff;-webkit-background-clip:text;background-clip:text;color:#2e7de1;font-size:22px;font-weight:700;margin:0}.section-title{color:#fff;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:15px;text-transform:uppercase}.participant-section{margin-bottom:25px}.participant-list{display:flex;flex-direction:column;gap:10px;max-height:250px;overflow-y:auto;padding-right:5px;scrollbar-color:#2e7de166 #0000;scrollbar-width:thin}.participant-list::-webkit-scrollbar{width:6px}.participant-list::-webkit-scrollbar-track{background:#0000}.participant-list::-webkit-scrollbar-thumb{background-color:#2e7de166;border-radius:10px}.participant-card{align-items:center;background:#f6f9fce6;border:1px solid #e6f0ffe6;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s ease}.participant-card:hover{background:#e6f0ffe6;box-shadow:0 5px 15px #0000000d;transform:translateY(-2px)}.participant-card.active{background:#dcebffe6;border-color:#2e7de180;box-shadow:0 5px 15px #2e7de11a}.participant-avatar{align-items:center;background-blend-mode:overlay;background-image:linear-gradient(45deg,#0000001a,#ffffff4d);border-radius:50%;box-shadow:0 3px 10px #0000001a;color:#fff;display:flex;font-size:18px;font-weight:600;height:40px;justify-content:center;width:40px}.participant-details{flex:1 1}.participant-name{color:#333;font-size:15px;font-weight:600;margin-bottom:2px}.participant-age{color:#666;font-size:12px}.control-group{margin-bottom:15px}.control-group label{color:#fff;display:block;font-size:13px;font-weight:500;margin-bottom:8px}.control-input{background:#fffc;border:1px solid #2e7de14d;border-radius:10px;box-shadow:0 2px 5px #0000000d;color:#333;font-size:15px;padding:12px;transition:all .2s ease;width:100%}.control-input:focus{background:#fff;border-color:#2e7de1b3;box-shadow:0 0 0 3px #2e7de11a;outline:none}.control-input:disabled{background:#f6f9fcb3;border-color:#0000001a;color:#999;cursor:not-allowed}.navigation-buttons{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;margin-left:-7px}.nav-btn{align-items:center;background:#fff;border:1px solid #0000000d;border-radius:6px;box-shadow:0 4px 6px #0000001a,0 8px 20px #00000026;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:500;min-width:120px;padding:15px 19px;transition:all .3s ease;width:100%}.back-btn{background:linear-gradient(90deg,#e1f5fe,#b3e5fc);color:#0277bd}.back-btn:hover{background:linear-gradient(90deg,#b3e5fc,#81d4fa);box-shadow:0 5px 15px #03a9f433;transform:translateY(-2px)}.game-btn{background:linear-gradient(90deg,#fff3e0,#ffe0b2);color:#e65100}.game-btn:hover{background:linear-gradient(90deg,#ffe0b2,#ffcc80);box-shadow:0 5px 15px #ff980033;transform:translateY(-2px)}.nav-icon{font-size:18px}.nav-text{flex:1 1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.session-section{border-top:1px solid #0000000d;margin-top:auto}.end-session-button{background:linear-gradient(90deg,#ff9e80,#ff6e40);border:none;border-radius:12px;box-shadow:0 4px 15px #ff6e4040;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:16px;transition:all .2s ease;width:100%}.end-session-button:hover:not(:disabled){background:linear-gradient(90deg,#ff6e40,#ff3d00);box-shadow:0 6px 20px #ff6e4059;transform:translateY(-3px)}.end-session-button:disabled{background:linear-gradient(90deg,#ffccbc,#ffab91);box-shadow:none;cursor:not-allowed}.main-content-wrapper{height:100vh;padding:0}.main-content,.main-content-wrapper{align-items:center;display:flex;justify-content:center;width:100%}.main-content{flex-direction:column;height:100%;margin-bottom:10px;overflow:hidden;position:relative;transition:all .3s ease}.activity-content-wrapper{gap:15px;height:100%;justify-content:flex-start;margin-bottom:1rem;max-width:100%;overflow-x:hidden;overflow-y:auto}.activity-card,.activity-content-wrapper{display:flex;flex-direction:column;width:100%}.activity-card{background:#0000;border-radius:24px;box-shadow:0 15px 35px #0000001a;height:calc(100% - 30px);max-height:100%;overflow:visible;transition:all .3s ease}.activity-image-container{background:#0000;box-shadow:inset 0 2px 4px #ffffff1a,0 8px 32px #00000026;flex:1 1;overflow:hidden;position:relative;width:100%}.activity-image-container.fluency-mode{align-items:center;background:linear-gradient(135deg,#3b82f60d,#93c5fd14 50%,#bfdbfe0d);border:2px dashed #3b82f633;border-radius:12px;display:flex;justify-content:center;min-height:300px}.activity-image-placeholder{height:100%;position:relative;width:100%}.responsive-image-wrapper{border-radius:6px;height:100%;overflow:hidden;width:100%}.responsive-image-wrapper img{border-radius:6px;display:block;height:100%;object-position:top;width:100%}.blurred-background{background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;filter:blur(20px) brightness(.7) saturate(1.5);height:100%;left:0;opacity:.8;position:absolute;right:0;top:0;transform:scale(1.1);transition:all .3s ease;width:100%;z-index:1}.activity-generated-image{aspect-ratio:auto;border-radius:8px;box-shadow:0 8px 32px #0000004d;height:auto;max-height:100%;max-width:100%;object-fit:contain;position:relative;width:auto;z-index:2}@media (max-width:1200px){.activity-generated-image{max-height:95%;max-width:95%}.blurred-background{filter:blur(15px) brightness(.8) saturate(1.3)}}@media (max-width:768px){.activity-generated-image{border-radius:6px;max-height:90%;max-width:90%}.blurred-background{filter:blur(12px) brightness(.85) saturate(1.2);transform:scale(1.05)}.navigation-buttons{flex-direction:column;margin-left:0;width:100%}.nav-btn{margin-bottom:.5rem;min-width:0;min-width:auto;width:100%}}@media (max-width:1024px) and (min-width:769px){.navigation-buttons{gap:.75rem}.nav-btn{font-size:11px;padding:12px 16px}}@media (min-aspect-ratio:16/9){.activity-generated-image{max-height:85%;width:auto}}@media (max-aspect-ratio:4/3){.activity-generated-image{height:auto;max-width:85%}}.activity-word-area{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border-top:1px solid #00000014;display:flex;flex-direction:column;flex-shrink:0;gap:0;justify-content:flex-start;position:relative;text-align:center}.activity-word-area .rephrase-collapsible{max-width:100%;position:relative;width:100%;z-index:10}.activity-word-area::-webkit-scrollbar{width:6px}.activity-word-area::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.activity-word-area::-webkit-scrollbar-thumb{background:#26c6da;border-radius:3px}.activity-word-area::-webkit-scrollbar-thumb:hover{background:#667eea99}.activity-word{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1a365d;filter:contrast(1.2);font-size:clamp(2.5rem,5vw,4rem);font-weight:700;-webkit-hyphens:auto;hyphens:auto;letter-spacing:2px;line-height:1.2;margin:0;text-align:center;text-shadow:2px 2px 4px #0000001a;word-break:break-word}.content-type-indicator{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#667eea1a;border:1px solid #667eea33;border-radius:20px;color:#4c51bf;display:inline-flex;flex-wrap:wrap;font-size:14px;font-weight:600;gap:8px;padding:8px 16px}.keyboard-help-toggle{background:linear-gradient(135deg,#9c88ff,#8c7ae6);border:none;border-radius:25px;box-shadow:0 4px 15px #9c88ff4d;color:#fff;cursor:pointer;font-size:16px;padding:12px 16px;position:fixed;right:20px;top:20px;transition:all .3s ease;z-index:10000}.keyboard-help-toggle:hover{box-shadow:0 6px 20px #9c88ff66;transform:translateY(-2px)}.keyboard-help-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:20000}.keyboard-help-content{animation:slideInUp .4s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:70vh;max-width:500px;overflow-y:auto;padding:30px;width:90%}.keyboard-help-content h3{border-bottom:2px solid #667eea;color:#333;font-size:24px;font-weight:700;margin:0 0 25px;padding-bottom:15px;text-align:center}.shortcuts-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr;margin-bottom:25px}.shortcut-item{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #667eea;border-radius:10px;display:flex;gap:15px;padding:12px 15px}.shortcut-item kbd{background:#343a40;border-radius:6px;box-shadow:0 2px 4px #0003;color:#fff;font-family:Courier New,monospace;font-size:14px;font-weight:700;min-width:40px;padding:8px 12px;text-align:center}.shortcut-item span{color:#495057;flex:1 1;font-weight:500}.help-close-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:all .3s ease;width:100%}.help-close-btn:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.no-activity-message{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:20px;height:100%;justify-content:center;padding:40px;text-align:center}.message-icon{font-size:4rem;opacity:.7}.message-text h3{color:#334155;font-size:1.5rem;font-weight:600;margin:0 0 12px}.message-text p{color:#64748b;font-size:1.1rem;line-height:1.6;margin:0}.image-loading{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#677eeae6;bottom:0;color:#fff;font-size:1.2rem;gap:15px;left:0;position:absolute;right:0;top:0;z-index:3}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-top-color:#fff;height:40px;width:40px}.image-error{color:#ff6b6b;font-size:1.1rem;gap:8px}.image-error small{font-size:.9rem}.image-placeholder-text{font-size:1.3rem}.activity-navigation{align-items:center;display:flex;flex-shrink:0;gap:20px;justify-content:center;width:100%}.navigation-button{margin-left:1rem;transition:all .2s ease}.prev-button{background:linear-gradient(90deg,#e3f2fd,#bbdefb)}.prev-button:hover:not(:disabled){background:linear-gradient(90deg,#bbdefb,#90caf9);box-shadow:0 5px 15px #1976d233;transform:translateY(-3px)}.next-button{background:linear-gradient(90deg,#1e88e5,#0d47a1);border:1px solid #1976d233}.next-button:hover:not(:disabled){background:linear-gradient(90deg,#1976d2,#0d47a1);box-shadow:0 5px 15px #1976d24d;transform:translateY(-3px)}.right-sidebar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff26;background-image:linear-gradient(180deg,#ffffff40,#ffffff0d);border:1px solid #ffffff4d;border-radius:24px;box-shadow:0 8px 32px #0003;height:100%;overflow-y:auto;scrollbar-color:#2e7de166 #0000;scrollbar-width:thin}.right-sidebar::-webkit-scrollbar{width:8px}.right-sidebar::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.right-sidebar::-webkit-scrollbar-thumb{background:#2e7de180;border:1px solid #ffffff4d;border-radius:10px}.right-sidebar::-webkit-scrollbar-thumb:hover{background:#2e7de1cc}.feedback-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:25px}.feedback-btn{align-items:center;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:16px;transition:all .2s ease}.feedback-icon{font-size:20px}.feedback-btn.awesome{background:linear-gradient(90deg,#8bc34a,#4caf50);box-shadow:0 4px 10px #4caf5040}.feedback-btn.awesome:hover{background:linear-gradient(90deg,#4caf50,#2e7d32);box-shadow:0 6px 15px #4caf504d;transform:translateY(-2px)}.feedback-btn.almost{background:linear-gradient(90deg,#ffa726,#ff9800);box-shadow:0 4px 10px #ff980040}.feedback-btn.almost:hover{background:linear-gradient(90deg,#ff9800,#ef6c00);box-shadow:0 6px 15px #ff98004d;transform:translateY(-2px)}.feedback-btn.practice{background:linear-gradient(90deg,#26c6da,#00bcd4);box-shadow:0 4px 10px #00bcd440}.feedback-btn.practice:hover{background:linear-gradient(90deg,#00bcd4,#0097a7);box-shadow:0 6px 15px #00bcd44d;transform:translateY(-2px)}.feedback-btn{overflow:hidden;position:relative}.feedback-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.feedback-btn:hover:before{left:100%}.feedback-btn.disabled{box-shadow:none!important;cursor:not-allowed;opacity:.6;transform:none!important}.feedback-btn.disabled:hover{box-shadow:0 4px 10px #0000001a!important;transform:none!important}.feedback-status{align-items:center;animation:checkmarkPop .4s ease-out;background:#4caf50;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;position:absolute;right:-5px;top:-5px;width:20px}@keyframes checkmarkPop{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.difficulty-control{margin-bottom:25px}.difficulty-control label{color:#333;display:block;font-size:16px;font-weight:500;margin-bottom:15px}.difficulty-value{color:#2196f3;font-weight:700}.difficulty-slider{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#b3e5fc,#4fc3f7,#03a9f4);border-radius:5px;box-shadow:inset 0 2px 4px #0000001a;height:10px;margin-bottom:12px;outline:none;width:100%}.difficulty-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:2px solid #2196f3;border-radius:50%;box-shadow:0 2px 5px #0003;cursor:pointer;height:24px;width:24px}.difficulty-labels{color:#666;display:flex;font-size:14px;justify-content:space-between;margin-top:5px}.session-notes{background:#fffc;border:1px solid #0000001a;border-radius:12px;color:#333;font-family:inherit;font-size:15px;line-height:1.5;min-height:120px;padding:15px;resize:none;width:100%}.session-notes::placeholder{color:#999}.session-notes:focus{background:#fff;border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a;outline:none}.activity-image{display:block;height:100%;object-fit:contain;width:100%}.activity-image-loading{align-items:center;background:#ffffffb3;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.spinner{animation:spin 1s linear infinite;border:5px solid #007bff33;border-radius:50%;border-top-color:#007bff;height:50px;margin-bottom:10px;width:50px}.loading-text{color:#007bff;font-size:16px;font-weight:500}.image-loading{align-items:center;animation:pulse-loading 2s ease-in-out infinite;color:#ffffffe6;display:flex;flex-direction:column;font-size:1.3rem;font-weight:600;gap:20px;justify-content:center;text-shadow:2px 2px 4px #0000004d}@keyframes pulse-loading{0%,to{opacity:.8}50%{opacity:1}}.loading-spinner{animation:spin 1.2s linear infinite;border:5px solid #ffffff4d;border-radius:50%;border-top-color:#ffffffe6;box-shadow:0 4px 15px #0003;height:50px;width:50px}.tooltip{display:inline-block;position:relative}.tooltip:after{font-size:12px;padding:8px 12px}.tooltip:before{border:5px solid #0000}.activity-generated-image{animation:fadeInImage .5s ease-out;background:#0000;border:none;border-radius:0;bottom:0;filter:contrast(1.1) saturate(1.2) brightness(1.05);height:100%;left:0;object-fit:cover;object-position:center;position:absolute;right:0;top:0;transition:all .3s ease;width:100%}@keyframes fadeInImage{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes fadeInImageWrapper{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.image-error{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ff8a801a;bottom:0;color:#ff8a80;display:flex;flex-direction:column;font-size:1.2rem;font-weight:600;gap:12px;justify-content:center;left:0;position:absolute;right:0;text-align:center;text-shadow:2px 2px 4px #0000004d;top:0;z-index:3}.image-error small{color:#fffc;font-size:1rem;font-weight:400}.image-placeholder-text{color:#ffffffe6;font-size:1.4rem;font-weight:600;line-height:1.4;text-align:center;text-shadow:2px 2px 4px #0000004d}.fullscreen-mode{background:#000!important;height:100vh!important;left:0!important;position:fixed!important;top:0!important;width:100vw!important;z-index:999999!important}.fullscreen-mode .activity-screen-content{grid-template-columns:1fr!important;height:100vh!important;padding:0!important}.fullscreen-mode .left-sidebar,.fullscreen-mode .right-sidebar{display:none!important}.fullscreen-mode .main-content{height:100vh!important;padding:40px!important}.fullscreen-mode .activity-card{background:#fffffffa!important;border:none!important;height:calc(100vh - 80px)!important}.fullscreen-mode .activity-word{color:#1a202c!important;font-size:clamp(4rem,8vw,8rem)!important;text-shadow:4px 4px 12px #0000004d!important}.presentation-controls{bottom:20px;display:flex;gap:10px;opacity:.7;position:fixed;right:20px;transition:opacity .3s ease;z-index:10001}.presentation-controls:hover{opacity:1}.control-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:50px;justify-content:center;transition:all .3s ease;width:50px}.control-btn:hover{background:#000000e6;transform:scale(1.1)}@media (max-width:1600px){.activity-word{font-size:clamp(2.2rem,4.5vw,3.5rem)}}@media (max-width:1400px){.activity-screen-content{grid-template-columns:280px 1fr 320px}.activity-word{font-size:clamp(2rem,4vw,3.2rem)}}@media (max-width:1200px){.activity-screen-content{grid-template-columns:250px 1fr 255px;padding:15px}.activity-word{font-size:clamp(1.8rem,3.5vw,2.8rem)}}@media (max-width:992px){.activity-screen-content{gap:10px;grid-template-columns:220px 1fr 280px;padding:10px}.activity-word{font-size:clamp(1.6rem,3vw,2.4rem)}.sidebar-content{padding:15px 10px}.activity-word-area{min-height:100px;padding:20px 24px}}@media (max-width:768px){.activity-screen-content{gap:10px;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;height:auto;min-height:100%;overflow-y:auto;padding:10px}.left-sidebar{grid-row:1;max-height:300px;overflow-y:auto}.main-content{grid-row:2;min-height:300px;padding:10px}.right-sidebar{grid-row:3}.activity-card{height:auto;max-height:70vh;min-height:300px}.activity-image-container{max-height:30vh;min-height:150px}.activity-word-area{max-height:35vh;padding:12px 16px}.navigation-button{font-size:15px;padding:12px 20px}.activity-word{font-size:clamp(1.5rem,4vw,2.2rem)}.participant-list{max-height:150px}.keyboard-help-toggle{font-size:14px;padding:8px 12px;right:10px;top:10px}.activity-word-area{min-height:80px;padding:16px 20px}.content-type-indicator{flex-wrap:wrap;font-size:12px;gap:8px;padding:6px 12px}.replay-animation-btn{font-size:12px;height:28px;width:28px}.typing-progress-bar{height:3px;width:60px}.highlighted-word{border-radius:4px;margin:0 1px;padding:2px 4px}.navigation-status{left:auto;margin:10px 0;position:relative;top:auto;transform:none}.keyboard-help-content{max-height:80vh;padding:20px;width:95%}.shortcuts-grid{gap:10px}.shortcut-item{gap:10px;padding:10px 12px}.shortcut-item kbd{font-size:12px;min-width:35px;padding:6px 8px}}@media (max-width:480px){.activity-screen-content{gap:5px;padding:5px}.left-sidebar,.main-content,.right-sidebar{border-radius:16px}.activity-navigation{gap:10px}.navigation-button{font-size:14px;min-width:120px;padding:10px 15px}.activity-word{font-size:clamp(1.3rem,5vw,1.8rem);letter-spacing:1px}.activity-word-area{gap:8px;min-height:70px;padding:12px 16px}.feedback-btn{font-size:15px;padding:12px}}@media print{.activity-navigation,.left-sidebar,.presentation-controls,.right-sidebar{display:none!important}.activity-screen-content{grid-template-columns:1fr!important;padding:0!important}.main-content{padding:20px!important}.activity-card{border:2px solid #ccc!important;box-shadow:none!important}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.loading-spinner{animation:none;border:5px solid #fff9}}@media (prefers-contrast:high){.activity-word{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#000,#333);-webkit-background-clip:text;background-clip:text;text-shadow:2px 2px 4px #ffffff80}.activity-card{border:3px solid #000}.activity-image-container{border:2px solid #000}}.typing-text{display:inline-block;position:relative}.typing-cursor{animation:blink 1.2s infinite;background-color:currentColor;display:inline-block;margin-left:3px;width:3px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes completionFlash{0%{transform:scale(1)}25%{filter:brightness(1.2);transform:scale(1.02)}50%{filter:brightness(1.4);transform:scale(1.05)}75%{filter:brightness(1.2);transform:scale(1.02)}to{filter:brightness(1);transform:scale(1)}}.highlighted-word{animation:pulse-highlight 3s infinite;background:linear-gradient(45deg,gold,orange);border-radius:6px;box-shadow:0 2px 8px #ffd70066;display:inline-block;font-weight:700;margin:0 2px;padding:4px 8px;position:relative;transition:all .3s ease}.highlighted-word:hover{box-shadow:0 4px 12px #ffd70099;transform:scale(1.05)}@keyframes pulse-highlight{0%,to{background:linear-gradient(45deg,gold,orange);transform:scale(1)}50%{background:linear-gradient(45deg,orange,#ff8c00);transform:scale(1.02)}}.replay-animation-btn{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#667eea1a;border:1px solid #667eea4d;border-radius:50%;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;margin-left:12px;transition:all .3s ease;width:32px}.replay-animation-btn:hover{background:#667eea33;border-color:#667eea80;transform:scale(1.1) rotate(90deg)}.typing-progress{align-items:center;display:flex;gap:8px;margin-left:15px}.typing-progress-bar{background:#667eea33;border-radius:2px;height:4px;overflow:hidden;width:80px}.typing-progress-fill{animation:progressPulse 1s ease-in-out infinite;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;height:100%;transition:width .1s ease}@keyframes progressPulse{0%,to{box-shadow:0 0 5px #667eea4d}50%{box-shadow:0 0 10px #667eea99}}.navigation-button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;min-width:150px;overflow:hidden;padding:15px 25px;transition:all .3s cubic-bezier(.4,0,.2,1)}.navigation-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.navigation-button:hover:before{left:100%}.nav-feedback{animation:navigationPulse .6s ease-out;transform:scale(1.05)}.nav-warning{animation:navigationShake .5s ease-out}@keyframes navigationPulse{0%{transform:scale(1)}50%{box-shadow:0 8px 25px #2196f366;transform:scale(1.05)}to{transform:scale(1.02)}}@keyframes navigationShake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.prev-button{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #1976d233;box-shadow:0 4px 12px #1976d226;color:#1976d2;opacity:1}.prev-button:hover:not(:disabled){background:linear-gradient(135deg,#bbdefb,#90caf9);box-shadow:0 8px 25px #1976d240;transform:translateY(-3px) scale(1.02)}.prev-button:active:not(:disabled){transform:translateY(-1px) scale(.98);transition:all .1s ease}.next-button{background:linear-gradient(135deg,#f7971e,#ffd200);border:none;border-radius:8px;box-shadow:0 4px 14px #0003;color:#fff;cursor:pointer;font-size:16px;font-weight:600;opacity:1;padding:16px 20px;transition:all .3s ease}.next-button:hover:not(:disabled){background:linear-gradient(135deg,#ffa31a,#ffe347);box-shadow:0 6px 18px #0000004d;transform:translateY(-2px)}.next-button:active:not(:disabled){transform:translateY(-1px) scale(.98);transition:all .1s ease}.navigation-button:disabled{background:#f5f5f5!important;box-shadow:none!important;color:#999!important;cursor:not-allowed;opacity:.5;transform:none!important}.navigation-status{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:60px;pointer-events:none;position:relative}.navigation-status>span{left:50%;pointer-events:none;position:absolute;top:-40px;transform:translateX(-50%);white-space:nowrap}.end-session-button.navigation-center{background:linear-gradient(135deg,#ff9419,#ff5e02);border:none;border-radius:10px;box-shadow:0 4px 15px #3b82f640;color:#fff;cursor:pointer;font-size:14px;font-weight:600;min-width:200px;padding:20px;pointer-events:auto;position:relative;transition:all .3s ease;width:auto;z-index:10}.end-session-button.navigation-center:hover:not(:disabled){background:linear-gradient(135deg,#ff1f1f,#d81d1d);box-shadow:0 6px 20px #3b82f659;transform:translateY(-2px)}.end-session-button.navigation-center:disabled{background:linear-gradient(135deg,#94a3b8,#64748b);box-shadow:none;cursor:not-allowed;transform:none}.nav-complete,.nav-success{animation:slideInFromTop .4s ease-out;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:20px;box-shadow:0 4px 12px #4caf504d;color:#fff;font-size:14px;font-weight:600;padding:16px}.nav-complete{background:linear-gradient(135deg,#ff9800,#f57c00)}.feedback-text{animation:fadeInOut 2s ease-out;background:#ffa726;border-radius:15px;color:#fff;font-size:12px;font-weight:600;left:50%;padding:6px 12px;position:absolute;top:-35px;transform:translateX(-50%);white-space:nowrap}@keyframes slideInFromTop{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes fadeInOut{0%{opacity:0;transform:translateX(-50%) scale(.8)}20%{opacity:1;transform:translateX(-50%) scale(1)}80%{opacity:1;transform:translateX(-50%) scale(1)}to{opacity:0;transform:translateX(-50%) scale(.8)}}.tooltip:after{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;border-radius:8px;bottom:125%;box-shadow:0 4px 12px #0000004d;color:#fff;content:attr(data-tooltip);font-size:13px;font-weight:500;padding:10px 15px;white-space:nowrap;z-index:10002}.tooltip:after,.tooltip:before{left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:all .3s ease;visibility:hidden}.tooltip:before{border:6px solid #0000;border-top-color:#000000e6;bottom:115%;content:""}.tooltip:hover:after,.tooltip:hover:before{opacity:1;transform:translateX(-50%) translateY(-5px);visibility:visible}.fluency-info{background:#2e7de11a;border:1px solid #2e7de133;border-radius:6px;color:#fff;font-size:.9rem;font-weight:500;margin-top:.5rem;padding:.75rem;text-align:center}.fluency-sentence{color:#2c3e50;font-size:24px;font-weight:600;line-height:1.6;padding:1rem;text-align:center}.fluency-sentence:hover{color:#007bff;transition:color .3s ease}.loading-text{animation:textPulse 1.5s ease-in-out infinite;opacity:1}.text-fade-in{animation:fadeInText .8s ease-out forwards;opacity:1}.text-visible{opacity:1}.text-hidden,.text-visible{transition:opacity .3s ease-in-out}.text-hidden{opacity:0}@keyframes textPulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes fadeInText{0%{opacity:1;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.navigation-buttons{flex-direction:column;gap:.5rem;margin-left:0}.nav-btn{min-width:0;min-width:auto;padding:12px 16px}.nav-btn,.nav-text{font-size:11px}.activity-image-container.fluency-mode{margin:10px 0;min-height:200px}.fluency-sentence{font-size:18px;padding:.75rem}.fluency-image-toggle{font-size:11px;padding:6px 12px;right:10px;top:10px}.fluency-fallback-screen{min-height:300px;padding:1rem}.fluency-fallback-screen .fluency-sentence{font-size:35px;padding:.75rem}}.fluency-content-centered{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;text-align:center}.fluency-content-centered .fluency-sentence{color:#2c3e50;font-size:28px;font-weight:700;line-height:1.8;margin-bottom:1rem;max-width:80%}.fluency-content-centered .fluency-info{margin-top:1rem;max-width:60%}.fluency-fallback-screen{align-items:center;background:linear-gradient(135deg,gold,orange);background:linear-gradient(135deg,var(--fluency-bg-color1,gold),var(--fluency-bg-color2,orange));border:3px solid #ffb300;border:3px solid var(--fluency-border-color,#ffb300);border-radius:12px;box-shadow:0 8px 32px #ffc1074d;box-shadow:0 8px 32px var(--fluency-shadow-color,#ffc1074d);box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:400px;padding:2rem;text-align:center;transition:all .8s ease-in-out;width:100%}.fluency-fallback-screen.color-scheme-1{--fluency-bg-color1:#ff6b6b;--fluency-bg-color2:#ff8e53;--fluency-shadow-color:#ff6b6b66;--fluency-border-color:#ff5722}.fluency-fallback-screen.color-scheme-2{--fluency-bg-color1:#4ecdc4;--fluency-bg-color2:#44a08d;--fluency-shadow-color:#4ecdc466;--fluency-border-color:#00bcd4}.fluency-fallback-screen.color-scheme-3{--fluency-bg-color1:#a8e6cf;--fluency-bg-color2:#7fcdcd;--fluency-shadow-color:#a8e6cf66;--fluency-border-color:#4caf50}.fluency-fallback-screen.color-scheme-4{--fluency-bg-color1:#ffd93d;--fluency-bg-color2:#ff6b35;--fluency-shadow-color:#ffd93d66;--fluency-border-color:#ffa000}.fluency-fallback-screen.color-scheme-5{--fluency-bg-color1:#667eea;--fluency-bg-color2:#764ba2;--fluency-shadow-color:#667eea66;--fluency-border-color:#3f51b5}.fluency-fallback-screen.color-scheme-6{--fluency-bg-color1:#f093fb;--fluency-bg-color2:#f5576c;--fluency-shadow-color:#f093fb66;--fluency-border-color:#e91e63}.fluency-fallback-screen.color-scheme-7{--fluency-bg-color1:#4facfe;--fluency-bg-color2:#00f2fe;--fluency-shadow-color:#4facfe66;--fluency-border-color:#2196f3}.fluency-fallback-screen.color-scheme-8{--fluency-bg-color1:#ffb75e;--fluency-bg-color2:#ed8f03;--fluency-shadow-color:#ffb75e66;--fluency-border-color:#ff9800}.fluency-fallback-content{align-items:center;display:flex;flex:1 1;justify-content:center;width:100%}.fluency-fallback-screen .fluency-sentence{word-wrap:break-word;color:#fff;font-size:60px;font-weight:700;-webkit-hyphens:auto;hyphens:auto;line-height:1.4;margin:0;max-width:100%;overflow-wrap:break-word;padding:1rem;text-shadow:3px 3px 6px #000c;width:100%}@media (max-width:1024px){.fluency-fallback-screen .fluency-sentence{font-size:38px}}@media (max-width:768px){.fluency-fallback-screen{min-height:350px;padding:1.5rem}.fluency-fallback-screen .fluency-sentence{font-size:36px;padding:1rem}}.fluency-image-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #3b82f64d;border-radius:25px;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 16px;position:absolute;right:15px;top:15px;transition:all .3s ease;z-index:10}.fluency-image-toggle:hover{background:#fff;border-color:#3b82f680;box-shadow:0 4px 12px #3b82f633;transform:translateY(-2px)}.fluency-image-toggle.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#ffffff4d;color:#fff}.fluency-image-toggle.active:hover{background:linear-gradient(135deg,#2563eb,#1e40af)}.toggle-icon{font-size:16px;transition:transform .3s ease}.fluency-image-toggle.active .toggle-icon{transform:scale(1.1)}.fluency-image-wrapper{background:#f8fafc;border-radius:12px;height:100%;overflow:hidden;position:relative;width:100%}.fluency-image-wrapper img{border-radius:12px;height:100%;object-fit:cover;transition:opacity .3s ease;width:100%}.fluency-image-wrapper.cached:after{background:#22c55ee6;content:"📄 Cached"}.fluency-image-wrapper.cached:after,.fluency-image-wrapper.generated:after{border-radius:4px;color:#fff;font-size:11px;font-weight:600;left:8px;padding:4px 8px;position:absolute;top:8px;z-index:10}.fluency-image-wrapper.generated:after{background:#3b82f6e6;content:"✨ Generated"}.fluency-image-loading{align-items:center;background:linear-gradient(135deg,#e0f2fe,#b3e5fc);border-radius:12px;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem}.fluency-image-loading .loading-spinner{animation:spin 1s linear infinite;border:4px solid #3b82f64d;border-radius:50%;border-top-color:#3b82f6;height:40px;margin-bottom:1rem;width:40px}.fluency-image-loading .loading-text{color:#1e40af;font-size:16px;font-weight:600}.fluency-image-error{align-items:center;background:linear-gradient(135deg,#fef2f2,#fecaca);border-radius:12px;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;text-align:center}.fluency-image-error .error-icon{color:#dc2626;font-size:32px;margin-bottom:1rem}.fluency-image-error .error-text{color:#991b1b;font-weight:600;margin-bottom:.5rem}.fluency-image-error .error-subtitle{color:#b91c1c;font-size:14px}.language-option,.language-options{display:flex;justify-content:center}.language-option{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #00000026;color:#fff!important;cursor:pointer;font-size:1rem;font-weight:500;padding:1rem 1.5rem;text-align:center;transition:all .3s ease}.language-option:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 6px 20px #00000040;color:#fff;transform:translateY(-2px)}.language-option:active{box-shadow:0 2px 8px #0003;color:#fff;transform:translateY(0)}.language-option:disabled{color:#fff;cursor:not-allowed;opacity:.6;transform:none}.language-answer{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;box-shadow:0 4px 12px #10b9814d;color:#fff;font-size:1.1rem;font-weight:500;margin-top:1rem;padding:1rem;text-align:center}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.language-options{grid-template-columns:1fr}.language-question{font-size:1.1rem}.language-option{font-size:.9rem;min-height:50px;padding:.8rem 1rem}}.language-header-area{position:absolute;right:20px;top:20px;z-index:10}.language-fallback-screen{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #00000026;padding:1rem;text-align:center}.language-fallback-level{color:#ffffffe6;font-size:.9rem;font-weight:500;margin-bottom:.25rem}.language-fallback-title{color:#fff;font-size:1.1rem;font-weight:700;letter-spacing:1px}.image-carousel{align-items:center;display:flex;justify-content:center;position:relative}.image-carousel img{border-radius:14px;box-shadow:0 8px 24px #0000001f;max-height:420px;max-width:100%}.image-carousel .carousel-nav{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:22px;height:44px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:44px}.image-carousel .carousel-nav.prev{left:12px}.image-carousel .carousel-nav.next{right:12px}.image-carousel .carousel-indicators{bottom:8px;display:flex;gap:6px;left:50%;position:absolute;transform:translateX(-50%)}.image-carousel .indicator{background:#00000059;border:none;border-radius:50%;cursor:pointer;height:10px;width:10px}.image-carousel .indicator.active{background:#fffffff2}.multi-image-grid{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));padding:0 1rem;width:100%}.highlighted-image:hover{animation:pulseYellow 1.6s ease-in-out infinite}@keyframes pulseYellow{0%{box-shadow:0 0 10px #ffdf00b3}50%{box-shadow:0 0 18px #ffdf00}to{box-shadow:0 0 10px #ffdf00b3}}.multi-image-grid .grid-image-item{align-items:center;background:#fff;border-radius:10px;box-shadow:0 6px 18px #00000014;display:flex;justify-content:center;padding:6px}.multi-image-grid img{border-radius:8px;height:auto;width:100%}.continuation-prompt-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100000}.continuation-prompt-modal{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #fff3;border-radius:16px;box-shadow:0 20px 60px #0000004d;margin:1rem;max-width:500px;padding:2rem;text-align:center}.continuation-prompt-modal h3{color:#333;font-family:Inter,sans-serif;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.continuation-prompt-modal p{color:#666;font-family:Inter,sans-serif;font-size:1.1rem;line-height:1.5;margin-bottom:2rem}.continuation-prompt-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.continuation-prompt-button{border:none;border-radius:8px;cursor:pointer;font-family:Inter,sans-serif;font-size:1rem;font-weight:500;min-width:140px;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .2s ease}.continuation-prompt-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.continuation-prompt-button:hover:before{left:100%}.continuation-prompt-button.continue{background-color:#4cbb16;color:#fff}.continuation-prompt-button.continue:hover:not(:disabled){background-color:#3a9012;box-shadow:0 6px 20px #4cbb164d;transform:translateY(-2px)}.continuation-prompt-button.generate{background-color:#2e7de1;color:#fff}.continuation-prompt-button.generate:hover:not(:disabled){background-color:#1a5bb8;box-shadow:0 6px 20px #2e7de14d;transform:translateY(-2px)}.continuation-prompt-button:disabled{background-color:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.continuation-prompt-button:active:not(:disabled){transform:translateY(0)}.continuation-prompt-modal.success{animation:successPulse .6s ease-out}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.continuation-loading{align-items:center;display:inline-flex;gap:.5rem}.continuation-loading .spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:640px){.continuation-prompt-modal{margin:.5rem;padding:1.5rem}.continuation-prompt-buttons{align-items:center;flex-direction:column}.continuation-prompt-button{max-width:280px;width:100%}}@media (prefers-color-scheme:dark){.continuation-prompt-modal{background:linear-gradient(135deg,#2a2a2a,#1e1e1e);border:1px solid #ffffff1a}.continuation-prompt-modal h3{color:#fff}.continuation-prompt-modal p{color:#ccc}}.tutorial-highlight-overlay{bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:999990}.tutorial-highlight-backdrop{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.tutorial-highlight-mask{height:100%;left:0;position:absolute;top:0;width:100%}.tutorial-highlight-border{animation:tutorialHighlightGlow 2s ease-in-out infinite}.tutorial-highlight-border,.tutorial-highlight-pulse{pointer-events:none;z-index:1001}.tutorial-highlight-tooltip{background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000026;max-width:300px;min-width:200px;pointer-events:all;z-index:1002}.tutorial-highlight-tooltip-content{padding:16px 20px}.tutorial-highlight-tooltip-title{color:#1d1d1f;font-size:18px;font-weight:700;line-height:1.2;margin:0 0 8px}.tutorial-highlight-tooltip-text{color:#1d1d1f;font-size:14px;line-height:1.4;margin:0}.tutorial-highlight-tooltip-arrow{height:0;position:absolute;width:0}.tutorial-highlight-tooltip-arrow-top{border-top:8px solid #fff;bottom:-8px}.tutorial-highlight-tooltip-arrow-bottom,.tutorial-highlight-tooltip-arrow-top{border-left:8px solid #0000;border-right:8px solid #0000;left:50%;transform:translateX(-50%)}.tutorial-highlight-tooltip-arrow-bottom{border-bottom:8px solid #fff;top:-8px}.tutorial-highlight-tooltip-arrow-left{border-left:8px solid #fff;right:-8px}.tutorial-highlight-tooltip-arrow-left,.tutorial-highlight-tooltip-arrow-right{border-bottom:8px solid #0000;border-top:8px solid #0000;top:50%;transform:translateY(-50%)}.tutorial-highlight-tooltip-arrow-right{border-right:8px solid #fff;left:-8px}@keyframes tutorialHighlightGlow{0%{box-shadow:0 0 20px #007aff99}50%{box-shadow:0 0 30px #007affcc}to{box-shadow:0 0 20px #007aff99}}@keyframes tutorialHighlightPulse{0%{opacity:.8;transform:translate(-50%,-50%) scale(1)}50%{opacity:.3;transform:translate(-50%,-50%) scale(1.2)}to{opacity:.8;transform:translate(-50%,-50%) scale(1)}}@media (max-width:768px){.tutorial-highlight-tooltip{max-width:280px;min-width:180px}.tutorial-highlight-tooltip-content{padding:14px 16px}.tutorial-highlight-tooltip-title{font-size:16px}.tutorial-highlight-tooltip-text{font-size:13px}}@media (max-width:480px){.tutorial-highlight-tooltip{margin:10px;max-width:250px;min-width:150px}.tutorial-highlight-tooltip-content{padding:12px 14px}.tutorial-highlight-tooltip-title{font-size:15px;margin-bottom:6px}.tutorial-highlight-tooltip-text{font-size:12px;line-height:1.3}.tutorial-highlight-tooltip-arrow-bottom,.tutorial-highlight-tooltip-arrow-left,.tutorial-highlight-tooltip-arrow-right,.tutorial-highlight-tooltip-arrow-top{border-width:6px}}.tutorial-highlight-border,.tutorial-highlight-pulse{will-change:transform,opacity}@media (prefers-reduced-motion:reduce){.tutorial-highlight-border{animation:none;box-shadow:0 0 20px #007aff99}.tutorial-highlight-pulse{animation:none;opacity:.6}}.tutorial-modal-overlay{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:999999}.tutorial-modal-container{background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:100%}.tutorial-modal-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:24px 24px 16px}.tutorial-modal-title{color:#1d1d1f;font-size:24px;font-weight:700;line-height:1.2;margin:0}.tutorial-step-indicator{align-items:center;background:#f2f2f7;border-radius:20px;color:#8e8e93;display:flex;font-size:14px;font-weight:500;padding:6px 12px}.tutorial-step-current{color:#007aff;font-weight:600}.tutorial-step-separator{margin:0 4px}.tutorial-step-total{color:#8e8e93}.tutorial-modal-content{padding:20px 24px}.tutorial-modal-text{color:#1d1d1f;font-size:16px;line-height:1.5;margin:0}.tutorial-progress-container{padding:0 24px 20px}.tutorial-progress-bar{background:#f2f2f7;border-radius:2px;height:4px;overflow:hidden;width:100%}.tutorial-progress-fill{background:linear-gradient(90deg,#007aff,#5856d6);border-radius:2px;height:100%;transition:width .3s ease}.tutorial-modal-footer{justify-content:space-between;padding:16px 24px 24px}.tutorial-button-group,.tutorial-modal-footer{align-items:center;display:flex;gap:12px}.tutorial-button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:center;min-height:44px;padding:12px 24px;transition:all .2s ease;white-space:nowrap}.tutorial-button:focus{box-shadow:0 0 0 2px #007aff;outline:none}.tutorial-button-primary{background:linear-gradient(135deg,#007aff,#5856d6);color:#fff}.tutorial-button-primary:hover{box-shadow:0 8px 20px #007aff66;transform:translateY(-1px)}.tutorial-button-primary:active{box-shadow:0 4px 12px #007aff4d;transform:translateY(0)}.tutorial-button-secondary{background:#f2f2f7;color:#8e8e93}.tutorial-button-secondary:hover{background:#e5e5ea;color:#6d6d70}.tutorial-button-outline{background:#0000;border:2px solid #007aff;color:#007aff}.tutorial-button-outline:hover{background:#007aff;color:#fff}.tutorial-dots-container{align-items:center;display:flex;gap:8px;justify-content:center;padding:16px 24px 24px}.tutorial-dot{background:#e5e5ea;border-radius:50%;cursor:pointer;height:8px;transition:all .2s ease;width:8px}.tutorial-dot.active{background:#007aff;transform:scale(1.2)}.tutorial-dot.completed{background:#34c759}.tutorial-dot:hover{transform:scale(1.1)}@media (max-width:768px){.tutorial-modal-container{margin:20px;max-width:calc(100vw - 40px)}.tutorial-modal-header{padding:20px 20px 12px}.tutorial-modal-title{font-size:20px}.tutorial-modal-content{padding:16px 20px}.tutorial-modal-footer{flex-direction:column;gap:8px;padding:12px 20px 20px}.tutorial-button-group{justify-content:center;width:100%}.tutorial-button{flex:1 1;min-width:120px}}@media (max-width:480px){.tutorial-modal-overlay{padding:12px}.tutorial-modal-container{border-radius:12px;margin:0;max-width:100%}.tutorial-modal-title{font-size:18px}.tutorial-modal-text{font-size:15px}.tutorial-button{font-size:15px;padding:10px 20px}}.help-button-container{bottom:24px;pointer-events:all;position:fixed;right:24px;z-index:999999}.help-button{align-items:center;background:linear-gradient(135deg,#007aff,#5856d6);border:none;border-radius:50%;box-shadow:0 4px 15px #007aff33;cursor:pointer;display:flex;height:56px;justify-content:center;overflow:visible;position:relative;transition:all .2s ease;width:56px}.help-button:hover{box-shadow:0 8px 25px #007aff66;transform:translateY(-2px)}.help-button:active{box-shadow:0 4px 15px #007aff4d;transform:translateY(0)}.help-button:focus{box-shadow:0 0 0 3px #007aff4d;outline:none}.help-button-icon{align-items:center;color:#fff;display:flex;height:24px;justify-content:center;width:24px}.help-button-icon svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));height:100%;width:100%}.help-button-pulse-ring{border:2px solid #007aff;height:100%;left:0;opacity:.7;top:0;width:100%}.help-button-glow,.help-button-pulse-ring{border-radius:50%;pointer-events:none;position:absolute}.help-button-glow{background:radial-gradient(circle,#007aff1a 0,#0000 70%);bottom:-10px;left:-10px;opacity:.1;right:-10px;top:-10px;z-index:-1}.help-button-tooltip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;border-radius:8px;bottom:100%;box-shadow:0 4px 12px #00000026;color:#fff;font-size:14px;font-weight:500;margin-bottom:12px;padding:8px 12px;pointer-events:none;position:absolute;right:0;white-space:nowrap;z-index:1000}.help-button-tooltip-text{display:block}.help-button-tooltip-arrow{border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid #000000e6;height:0;position:absolute;right:16px;top:100%;width:0}.help-button-container:hover .help-button{transform:scale(1.05)}.help-button-container:hover .help-button-glow{opacity:.3;transform:scale(1.1)}.help-button.animate-bounce{animation:helpButtonBounce .6s ease-in-out}.help-button.animate-shake{animation:helpButtonShake .5s ease-in-out}@keyframes helpButtonBounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}@keyframes helpButtonShake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}@media (max-width:768px){.help-button-container{bottom:20px;right:20px}.help-button{height:50px;width:50px}.help-button-icon{height:20px;width:20px}.help-button-tooltip{font-size:13px;margin-bottom:10px;padding:6px 10px}}@media (max-width:480px){.help-button-container{bottom:16px;right:16px}.help-button{height:44px;width:44px}.help-button-icon{height:18px;width:18px}.help-button-tooltip{font-size:12px;padding:6px 8px;right:-20px}.help-button-tooltip-arrow{right:26px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.help-button-icon svg{filter:drop-shadow(0 .5px 1px rgba(0,0,0,.1))}}.tutorial-container,.tutorial-main-content{height:100%;position:relative;width:100%}.tutorial-main-content{transition:filter .3s ease}.tutorial-main-content.tutorial-active{filter:none;pointer-events:auto}.tutorial-overlay{bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:1000}.tutorial-overlay.active{pointer-events:all}.tutorial-fade-in{animation:tutorialFadeIn .3s ease-out forwards}.tutorial-fade-out{animation:tutorialFadeOut .3s ease-out forwards}.tutorial-slide-up{animation:tutorialSlideUp .3s ease-out forwards}.tutorial-slide-down{animation:tutorialSlideDown .3s ease-out forwards}.tutorial-scale-in{animation:tutorialScaleIn .3s ease-out forwards}@keyframes tutorialFadeIn{0%{opacity:0}to{opacity:1}}@keyframes tutorialFadeOut{0%{opacity:1}to{opacity:0}}@keyframes tutorialSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes tutorialSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes tutorialScaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes tutorialPulse{0%{opacity:.7;transform:scale(1)}50%{opacity:.3;transform:scale(1.2)}to{opacity:.7;transform:scale(1)}}@keyframes tutorialGlow{0%{box-shadow:0 0 5px #007aff4d}50%{box-shadow:0 0 20px #007aff99}to{box-shadow:0 0 5px #007aff4d}}.tutorial-no-select{-webkit-user-select:none;user-select:none}.tutorial-no-pointer-events{pointer-events:none}.tutorial-pointer-events{pointer-events:all}@media (max-width:768px){.tutorial-main-content.tutorial-active{filter:blur(1px)}}@media (max-width:480px){.tutorial-main-content.tutorial-active{filter:none}}.api-error-overlay{align-items:center;animation:overlayFadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.api-error-overlay.closing{animation:overlayFadeOut .2s ease-in}.api-error-modal{animation:modalSlideIn .3s ease-out;background:#fff;border:2px solid #e9ecef;border-radius:12px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.api-error-modal.closing{animation:modalSlideOut .2s ease-in}.api-error-modal:focus{outline:3px solid #007bff;outline-offset:2px}.error-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:3px solid #dee2e6;padding:20px}.error-header,.error-icon{align-items:center;display:flex}.error-icon{border-radius:50%;color:#fff;flex-shrink:0;font-size:24px;height:50px;justify-content:center;margin-right:15px;width:50px}.error-title-section{flex:1 1}.error-title{color:#212529;font-size:24px;font-weight:700;line-height:1.2;margin:0}.error-subtitle{color:#6c757d;font-size:16px;font-weight:500;margin:5px 0 0}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:24px;height:35px;justify-content:center;padding:5px;transition:all .2s ease;width:35px}.close-button:hover{background:#0000001a;color:#495057}.error-content{flex:1 1;overflow-y:auto;padding:20px}.error-type-badge{border-radius:20px;color:#fff;display:inline-block;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:15px;padding:6px 12px}.error-description{margin-bottom:20px}.error-description p{color:#495057;font-size:16px;line-height:1.6;margin:0}.usage-info{background:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;display:none!important;margin-bottom:20px;padding:15px}.usage-info h4{color:#495057;font-size:16px;margin:0 0 10px}.usage-bar-container{margin-top:10px}.usage-bar{background:#e9ecef;border-radius:4px;height:8px;margin-bottom:5px;overflow:hidden;width:100%}.usage-progress{border-radius:4px;height:100%;transition:width .3s ease}.usage-text{color:#6c757d;font-size:14px;font-weight:500}.remaining-calls{color:#28a745;font-weight:600}.error-suggestions{background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;margin-bottom:20px;padding:15px}.error-suggestions h4{color:#856404;font-size:16px;margin:0 0 10px}.error-suggestions ul{margin:0;padding-left:20px}.error-suggestions li{color:#856404;line-height:1.4;margin-bottom:5px}.technical-details-section{border-top:1px solid #dee2e6;margin-top:20px;padding-top:15px}.technical-details-toggle{align-items:center;background:none;border:none;border-radius:6px;color:#6c757d;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:10px;transition:all .2s ease;width:100%}.technical-details-toggle:hover{background:#f8f9fa;color:#495057}.arrow{transition:transform .2s ease}.arrow.down,.arrow.up{transform:rotate(0deg)}.technical-details{animation:detailsSlideDown .3s ease-out;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;margin-top:10px;padding:15px}.detail-row{font-size:14px;line-height:1.4;margin-bottom:10px}.detail-row strong{color:#495057;display:inline-block;font-weight:600;min-width:120px}.error-code{background:#e9ecef;border-radius:3px;color:#495057;font-family:Courier New,monospace;font-size:13px;padding:2px 6px;word-break:break-all}.request-data{background:#2d3748;border-radius:4px;color:#e2e8f0;font-size:12px;margin-top:5px;overflow-x:auto;padding:10px;white-space:pre-wrap;word-break:break-word}.error-actions{background:#f8f9fa;border-top:1px solid #dee2e6;display:flex;flex-wrap:wrap;gap:10px;padding:20px}.error-actions button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:5px;min-height:40px;padding:10px 16px;transition:all .2s ease}.retry-button{background:#28a745;color:#fff}.retry-button:hover{background:#218838;transform:translateY(-1px)}.continue-button{background:#6c757d;color:#fff;flex:1 1}.continue-button:hover{background:#5a6268;transform:translateY(-1px)}.report-button{background:#17a2b8;color:#fff}.report-button:hover{background:#138496;transform:translateY(-1px)}.error-footer{background:#f8f9fa;border-top:1px solid #dee2e6;padding:15px 20px;text-align:center}.error-footer p{color:#6c757d;font-size:12px;margin:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalSlideOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.9) translateY(-20px)}}@keyframes detailsSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.api-error-overlay{padding:10px}.api-error-modal{max-height:95vh}.error-content,.error-header{padding:15px}.error-actions{flex-direction:column;padding:15px}.error-actions button{width:100%}.error-title{font-size:20px}.technical-details{padding:10px}}@media (max-width:480px){.error-header{flex-direction:column;gap:10px;text-align:center}.close-button{position:absolute;right:10px;top:10px}.error-icon{margin-bottom:10px;margin-right:0}}@media (prefers-contrast:high){.api-error-modal{border:3px solid #000}.error-actions button{border:2px solid}}@media (prefers-reduced-motion:reduce){.api-error-modal,.api-error-overlay,.error-actions button,.technical-details{animation:none}.error-actions button:hover{transform:none}}.usage-warning-banner{animation:slideDown .3s ease-out;background:linear-gradient(135deg,#ffeaa7,#fdcb6e);border-bottom:3px solid #e17055;box-shadow:0 2px 10px #0000001a;display:none!important;left:0;position:fixed;right:0;top:0;z-index:9999}.usage-warning-banner.warning{background:linear-gradient(135deg,#ff9500,#ff6b00);border-bottom-color:#e55100}.usage-warning-banner.critical{background:linear-gradient(135deg,#ff6b6b,#ee5a52);border-bottom-color:#c44569}.warning-content{align-items:center;display:flex;margin:0 auto;max-width:1200px;padding:12px 20px}.warning-icon{flex-shrink:0;font-size:24px;margin-right:15px}.warning-text{color:#2d3436;flex:1 1}.warning-text strong{display:block;font-size:16px;font-weight:700;margin-bottom:2px}.usage-details{font-size:14px;font-weight:500;opacity:.9}.close-warning{align-items:center;background:none;border:none;border-radius:50%;color:#2d3436;cursor:pointer;display:flex;font-size:18px;height:30px;justify-content:center;margin-left:10px;padding:5px;transition:all .2s ease;width:30px}.close-warning:hover{background:#2d34361a;transform:scale(1.1)}.usage-progress-bar{background:#2d343633;height:4px;margin:0}.usage-progress-fill{background:#2d3436;border-radius:0 2px 2px 0;height:100%;transition:width .3s ease}.usage-warning-banner.critical .usage-progress-fill{background:#fff}.usage-warning-banner.warning .usage-progress-fill{background:#2d3436}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.api-error-handler{height:100%;position:relative;width:100%}.api-error-handler.has-warning{padding-top:60px}.api-usage-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:1px solid #ffffff1a;border-radius:8px;bottom:20px;color:#fff;display:none!important;font-family:monospace;font-size:12px;min-width:200px;padding:10px 15px;position:fixed;right:20px;z-index:9998}.api-usage-stats h4{color:gold;font-size:13px;margin:0 0 5px}.api-usage-stats .stat-row{display:flex;justify-content:space-between;margin-bottom:3px}.api-usage-stats .stat-label{color:#ccc}.api-usage-stats .stat-value{color:#fff;font-weight:700}.api-usage-stats .stat-value.critical{color:#ff6b6b}.api-usage-stats .stat-value.warning{color:orange}.api-usage-stats .stat-value.good{color:#51cf66}.error-prevention-message{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px;padding:20px;text-align:center}.error-prevention-message h3{align-items:center;color:#495057;display:flex;gap:10px;justify-content:center;margin-bottom:10px}.error-prevention-message p{color:#6c757d;line-height:1.5;margin-bottom:15px}.error-prevention-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.error-prevention-actions button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease}.try-again-btn{background:#007bff;color:#fff}.try-again-btn:hover{background:#0056b3;transform:translateY(-1px)}.go-back-btn{background:#6c757d;color:#fff}.go-back-btn:hover{background:#545b62;transform:translateY(-1px)}.check-status-btn{background:#17a2b8;color:#fff}.check-status-btn:hover{background:#138496;transform:translateY(-1px)}@media (max-width:768px){.warning-content{align-items:flex-start;flex-direction:column;gap:5px;padding:10px 15px}.warning-icon{margin-bottom:5px;margin-right:0}.close-warning{position:absolute;right:15px;top:10px}.api-usage-stats{bottom:10px;font-size:11px;left:10px;right:10px}.error-prevention-actions{flex-direction:column}.error-prevention-actions button{width:100%}}@media (max-width:480px){.warning-text strong{font-size:14px}.usage-details{font-size:12px}.api-usage-stats{font-size:10px}}@media (prefers-contrast:high){.usage-warning-banner{border-bottom-width:4px}.usage-progress-fill{outline:2px solid currentColor}}@media (prefers-reduced-motion:reduce){.close-warning,.usage-warning-banner{animation:none;transition:none}.close-warning:hover{transform:none}}