@charset "UTF-8";html,body{margin:0;padding:0;height:100%;font-family:Poppins,sans-serif;background-color:var(--background-color)}:root{--primary-color: #4f46e5;--secondary-color: #999ea7;--active-color: #eef2ff;--hover-color: #f9fafb;--background-color: #fbfbfb;--text-color: #333;--border-color: #e0e0e0;--border-color-hover: #a5b4fc;--disabled-color: #bdbdbd;--color-light-gray: #f5f5f5;--color-medium-gray: #a0a0a0;--color-dark-gray: #333333;--color-error: #b00020;--color-success: #4caf50;--color-blue-link: #1976d2;--color-disabled: #bdbdbd;--size-base: 8px;--size-small: 12px;--size-font: 14px;--size-medium: 16px;--size-large: 18px;--size-xlarge: 24px;--size-title: 28px;--size-padding: 20px;--size-input-height: 50px}a{text-decoration:none;color:inherit}@font-face{font-family:TemelYazi;src:url(/assets/TemelYazi-CDs8GQ8A.otf) format("opentype");font-weight:400;font-style:normal}.header-container{position:fixed;top:0;width:100%;background-color:#fff;box-shadow:0 2px 5px #0000001a;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:20px 50px}.header-logo-section{display:flex;align-items:center}.header-logo{display:flex;align-items:center;gap:10px}.header-img{width:clamp(40px,5vw,60px);height:clamp(40px,5vw,60px)}.header-text h1{font-size:clamp(18px,3vw,24px);margin:0;color:var(--text-color);font-weight:700}.header-text span{font-size:clamp(12px,2vw,14px);color:var(--secondary-color);line-height:1}.header-menu{display:flex;align-items:center;flex:1;justify-content:center;margin:0 20px}.header-menu-list{display:flex;justify-content:center;align-items:center;list-style:none;padding:0;margin:0;gap:10px;flex-wrap:wrap;row-gap:25px}.header-link{color:var(--text-color);transition:all .3s ease-in-out;padding:clamp(8px,2vw,10px) clamp(15px,3vw,20px);border-radius:5px;font-weight:500;font-size:clamp(14px,2vw,16px);text-decoration:none}.header-link.active-link{color:var(--primary-color);background-color:var(--active-color)}.header-link:hover{color:#000;background-color:var(--hover-color)}.header-right-section{display:flex;align-items:center;gap:15px}.header-cart-container{display:flex;align-items:center}.hamburger-menu{display:none;cursor:pointer;font-size:24px}.header-login-link{text-decoration:none}.header-login-link:hover{text-decoration:underline}@media(max-width:820px){.header-container{flex-wrap:wrap;justify-content:space-between;height:auto;padding:10px}.header-menu{display:none;flex-direction:column;width:100%;position:absolute;top:100%;background-color:#fff;box-shadow:0 2px 5px #0000001a;z-index:999;margin:0;left:0}.header-menu.open{display:flex}.header-menu-list{flex-direction:column;padding:20px 0;width:100%}.header-menu-item{width:100%;text-align:center;margin:10px 0}.header-link{display:block;width:100%}.hamburger-menu{display:block}.header-text span{display:none}.header-logo{flex-direction:column;gap:0}}@media(max-width:1200px){.empty-button{border-radius:10px;padding:5px 15px;font-size:14px}.header-link{padding:10px;font-size:14px}.header-text h1{font-size:16px;margin:0;color:var(--text-color);font-weight:700}.header-text span{font-size:12px;color:var(--secondary-color);line-height:1}.header-container{padding:10px 15px}}@media(max-width:916px){.header-text span{display:none}.header-logo{flex-direction:column;gap:0}}.empty-button{background-color:transparent;border:2px solid var(--border-color);border-radius:10px;color:var(--primary-color);padding:10px 30px;transition:all .3s ease;font-weight:500;font-size:16px}.empty-button:hover{background-color:transparent;border:2px solid var(--border-color-hover)}.empty-button:disabled{border:2px solid var(--disabled-color);color:var(--disabled-color);cursor:not-allowed}@media(max-width:1100px){.empty-button{border-radius:10px;padding:5px 15px;font-size:14px}}.cart-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;font-size:24px}.cart-icon-count{position:absolute;top:-8px;right:-8px;background-color:red;color:#fff;border-radius:50%;padding:2px;font-size:.6em;text-align:center;line-height:1;font-weight:700;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.cart-icon-count-text{font-size:.7em}.cart-item-container{display:flex;flex-direction:row;padding:10px 15px;justify-content:flex-end;align-items:center;gap:15px}.cart-button{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s ease-in-out}.cart-button:hover{transform:scale(1.05)}.cart-button:active{transform:scale(.95)}@media(max-width:768px){.cart-item-container{padding:8px 10px;gap:10px}}.modal-title{font-size:1.5rem;font-weight:700;margin-bottom:15px;color:#333}.modal-text{font-size:1rem;color:#555;margin-bottom:25px}@media(max-width:600px){.modal-content{padding:20px}.modal-title{font-size:1.3rem}.modal-text{font-size:.95rem}.modal-button-primary,.modal-button-secondary{font-size:.9rem;padding:10px 15px}}.common-button{background-color:var(--primary-color);border-radius:10px;color:#fff;padding:15px 30px;transform:scale(1);transition:all .3s ease;border:none}.common-button-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;font-weight:500}.common-button-container.right-arrow{flex-direction:row-reverse}.common-button:hover{transform:scale(1.05)}.common-button:disabled{background-color:var(--disabled-color);cursor:not-allowed}.common-button span{line-height:1}@media(max-width:1100px){.common-button{border-radius:10px;padding:7px 17px;font-size:14px}.common-button span{line-height:1.5}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out}.modal-content{background-color:#fff;padding:20px;border-radius:10px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 5px 15px #0000004d;display:flex;flex-direction:column;align-items:center;animation:slideInFromTop .3s ease-out}.modal-title{font-size:32px;font-weight:700;color:var(--color-primary);margin-bottom:var(--size-padding);text-align:center}.input-group-modal{width:100%;margin-bottom:var(--size-medium)}.modal-content-small{background-color:#fff;padding:20px;border-radius:10px;width:90%;max-width:450px;box-shadow:0 4px 10px #0003;display:flex;flex-direction:column;align-items:stretch;gap:10px}@keyframes slideInFromTop{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:600px){.modal-content{padding:15px;border-radius:8px}}@media(max-width:400px){.modal-content{width:95%}}.footer{display:flex;justify-content:center;align-items:center;padding:30px 0;background-color:var(--primary-color);color:#fff}.footer-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.footer-container button{background:none;border:none;color:#fff;text-decoration:underline;cursor:pointer;font-size:14px}.footer-container a{color:#fff;text-decoration:underline}.footer-container span{text-align:center}.footer-container a:hover{color:#fff}.footer-modal-heading{margin-bottom:10px;font-size:24px;text-align:center;color:var(--primary-color)}.footer-modal-text{margin-bottom:10px;font-size:16px;text-align:center;color:var(--text-color);white-space:pre-line}@media(max-width:460px){.footer-container,.footer-container button{font-size:12px}}.main-content{margin-top:120px}.loader-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100%}.loader{border:8px solid #f3f3f3;border-top:8px solid #3498db;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite}.enter-container{display:flex;flex-direction:column;justify-content:space-between;align-items:center;min-height:100vh;width:100%;overflow:hidden;transition:background-color .5s ease-in-out;box-sizing:border-box;background-image:url(/assets/site_bg_2-TTxGU8fV.png);background-repeat:repeat}.enter-intro-photo-section{width:100%;text-align:center;padding:40px}.enter-intro-photo{width:100%;height:auto;border-radius:20px}.enter-intro{padding:40px;width:100%;margin-bottom:20px;display:flex;flex-direction:column;align-items:start}.enter-intro-heading{font-size:5rem;font-weight:700;color:var(--text-color)}.enter-intro-heading-blue{color:var(--primary-color)}.enter-intro-title{display:inline-flex;align-items:center;justify-content:start;gap:10px;padding:2px 10px;background-color:var(--active-color);border-radius:50px}.enter-intro-title span{color:var(--primary-color);font-size:14px;font-weight:500}.enter-intro-dinoky-container{display:inline-flex;justify-content:center;align-items:center;border-radius:20px;box-shadow:0 16px 16px 8px #0000001a;padding:70px 50px;height:80%;background-color:#fff}.enter-intro-dinoky-img{width:50%;max-width:400px;height:auto;border-radius:20px}.enter-intro-dinoky-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.enter-input-container{display:flex;align-items:stretch;justify-content:center;width:100%;gap:10px;margin-bottom:10px}.pedegog-container{display:flex;align-items:center}.enter-intro-pedogog{width:100%}.enter-intro-row{padding:20px 0}.enter-intro-dinoky-text{font-size:1.2rem;color:var(--text-color);font-style:italic;font-weight:300}.enter-intro-dinoky-title-container{display:flex;flex-direction:column;align-items:start;justify-content:center;gap:20px}.enter-intro-dinoky-title-icon{padding:10px;border-radius:50%;background-color:var(--active-color)}.enter-intro-dinoky-title-icon-container{display:flex;align-items:center;justify-content:center;gap:10px}.enter-intro-heading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.enter-intro-heading-button-container{display:flex;align-items:center;justify-content:start;gap:20px;width:100%}.enter-intro-heading-button-container.bottom-buttons{justify-content:center;margin-bottom:40px}.enter-why-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;padding:20px}.enter-why-text{margin-bottom:70px;color:var(--secondary-color);font-size:1.2rem;text-align:center}.enter-why-title{font-size:2.5rem;font-weight:700;color:var(--text-color);margin-bottom:20px;text-align:center}.enter-why{padding:40px}.enter-society{padding:40px;width:100%}.enter-society-container{padding:40px 80px;display:flex;flex-direction:column;align-items:center;background:linear-gradient(to right,var(--primary-color),#9333ea);border-radius:20px;width:100%}.enter-society-statics-wrapper{color:#fff;display:flex;justify-content:space-around;width:100%}.enter-society-statics-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.enter-intro-fast-section{width:100%;padding:40px}.enter-fast-container{display:flex;width:100%;align-items:center;background-color:#9333ea;padding:40px;border-radius:20px;justify-content:space-between;color:#fff}.enter-fast-heading{font-size:3rem;font-weight:500;flex:3}.enter-intro-fast{flex:2;text-align:center}.enter-society-statics-container span{font-weight:300}@media(max-width:1100px){.enter-intro-heading{font-size:4rem}.enter-intro-dinoky-container{display:inline-flex;justify-content:center;align-items:center;border-radius:20px;box-shadow:0 16px 16px 8px #0000001a;padding:50px 30px;height:80%}.enter-intro-dinoky-title{font-size:14px}.enter-intro-dinoky-text{font-size:16px}.enter-why-title{font-size:2rem}.enter-why-text{font-size:1rem}}@media(max-width:900px){.enter-intro-fast-section{width:100%;padding:40px}.enter-fast-container{flex-direction:column;gap:20px}.enter-intro-fast-image{width:80%}.enter-fast-heading{font-size:2rem;font-weight:500;flex:3;text-align:center}.enter-intro-fast{flex:2;text-align:center}.enter-society-statics-container span{font-weight:300;font-size:12px;text-align:center}.enter-society-statics-container h2{font-size:14px}.enter-intro-heading{font-size:3rem}.enter-intro-dinoky-container{display:inline-flex;justify-content:center;align-items:center;border-radius:20px;box-shadow:0 16px 16px 8px #0000001a;padding:50px 30px;height:80%}.enter-intro-dinoky-title{font-size:12px}.enter-intro-dinoky-text{font-size:14px}.enter-why-title{font-size:2rem}.enter-why-text{font-size:1rem}}@media(max-width:460px){.enter-intro-photo-section{padding:10px}.enter-input-container{margin-top:40px}.enter-intro-heading{font-size:3rem}.enter-intro-dinoky-container{display:inline-flex;justify-content:center;align-items:center;border-radius:20px;box-shadow:0 16px 16px 8px #0000001a;padding:50px 30px;height:80%}.enter-intro-dinoky-title,.enter-intro-dinoky-text{font-size:14px}.enter-why-title{font-size:2rem;text-align:center}.enter-why-text{font-size:1rem;text-align:center}.enter-intro{padding:20px;width:100%;margin-bottom:20px;display:flex;flex-direction:column;align-items:center;background:linear-gradient(to bottom right,#f8faff,#fff)}.enter-society-statics-container span{font-weight:300;font-size:14px}.enter-society-statics-container h2{font-size:16px}.enter-society-statics-wrapper{color:#fff;display:flex;flex-direction:column;justify-content:space-around;width:100%}.enter-society-statics-container{gap:0;margin-bottom:20px}}.login-input{height:var(--size-input-height);width:100%;background-color:var(--color-white);border:1px solid var(--color-medium-gray);border-radius:var(--size-base);padding:0 var(--size-medium);font-size:var(--size-font);color:var(--color-dark-gray);box-sizing:border-box}.login-input::placeholder{color:var(--color-medium-gray)}.login-input:focus{outline:none;border-color:var(--active-color);box-shadow:0 0 0 2px #6200ee33}.enter-why-element-container{border:2px solid var(--active-color);border-radius:10px;padding:40px;display:flex;flex-direction:column;align-items:start;justify-content:center;gap:10px;transition:all .3s ease;height:100%;background-color:#fff}.enter-why-element-container span{margin-bottom:10px}.enter-why-element-container:hover{box-shadow:8px 8px 16px #0000001a}.enter-why-element{margin-bottom:30px}.login-screen{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:50px 20px;background-image:url(/assets/site_bg_2-TTxGU8fV.png);background-repeat:repeat;box-sizing:border-box}.login-grid{display:flex;flex-direction:row;width:100%;max-width:1200px;background-color:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;overflow:hidden;align-items:stretch}.login-grid-item{flex:1;min-width:0;display:flex;flex-direction:column}.login-image-wrapper{background-color:var(--active-color);padding:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100%}.login-image{width:50%;max-width:300px}.login-title{font-size:2.5rem;font-weight:400;color:var(--primary-color);text-align:center;margin:0}.login-wrapper{padding:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-grow:1}.login-container{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:stretch;gap:15px}.forgot-password-button{background:none;border:none;margin-top:10px;padding:10px;cursor:pointer}.forgot-password-text{color:var(--primary-color);font-size:var(--size-font);text-align:center;text-decoration:underline}.signup-texts-container{margin-top:25px;align-items:center;width:100%;display:flex;flex-direction:column;gap:10px}.signup-text{color:var(--secondary-color);margin-bottom:0}.signup-link-button{background:none;border:none;cursor:pointer}.signup-link-text{color:var(--primary-color);font-weight:600;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.login-grid{flex-direction:column;border-radius:10px}.login-image-wrapper{height:auto;border-bottom-left-radius:0;border-bottom-right-radius:0;padding:5px}.login-wrapper{padding:20px}}.input-group{width:100%}.select-input-group{position:relative}.select-input{height:var(--size-input-height);width:100%;background-color:var(--color-white);border:1px solid var(--color-medium-gray);border-radius:var(--size-base);padding:0 var(--size-medium);font-size:var(--size-font);color:var(--color-dark-gray);box-sizing:border-box;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;padding-right:30px}.select-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #6200ee33}.picker-icon{position:absolute;right:15px;top:calc(var(--size-input-height) / 2 - 3px);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--color-medium-gray);pointer-events:none}.link-button-inline{background:none;border:none;padding:0;font-size:inherit;color:var(--color-primary);font-weight:700;text-decoration:underline;cursor:pointer;transition:color .2s ease}.login-link-text{font-size:var(--size-font);color:var(--color-dark-gray);text-align:center}.bold-link{font-weight:700;color:var(--color-primary)}@media(max-width:600px){.signup-container{padding:var(--size-padding)}.signup-title{font-size:calc(var(--size-title) * .9);margin-bottom:var(--size-padding)}.text-input,.select-input{height:45px;font-size:calc(var(--size-font) * .9)}.checkbox-label,.login-link-text{font-size:calc(var(--size-font) * .9)}.signup-button{padding-vertical:calc(var(--size-medium) * .9)}.signup-button-text{font-size:calc(var(--size-large) * .9)}.modal-content-terms{padding:calc(var(--size-padding) * .8)}.modal-title{font-size:calc(var(--size-large) * .9)}.modal-text{font-size:calc(var(--size-font) * .9)}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90;color:#fff}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media(max-width:400px),(max-height:550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.signup-container{background-image:url(/assets/site_bg_2-TTxGU8fV.png);background-repeat:repeat}.input-group{width:100%;margin-bottom:0}.date-picker-container{width:100%;margin-bottom:var(--size-medium);display:flex;flex-direction:column;align-items:flex-start}.date-picker-label{font-size:var(--size-font);color:var(--color-dark-gray);margin-bottom:var(--size-base)}.date-picker-input{height:var(--size-input-height);width:100%;background-color:var(--color-white);border:1px solid var(--color-medium-gray);border-radius:var(--size-base);padding:0 var(--size-medium);font-size:var(--size-font);color:var(--color-dark-gray);box-sizing:border-box;text-align:center;cursor:pointer}.date-picker-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #6200ee33}.checkbox-container{display:flex;flex-direction:row;align-items:center;width:100%;margin-bottom:var(--size-padding);margin-top:var(--size-small)}.checkbox-input{margin-right:var(--size-base);width:20px;height:20px;cursor:pointer}.checkbox-label{font-size:var(--size-font);color:var(--color-dark-gray);flex-shrink:1;line-height:1.4}.link-button-inline{background:none;border:none;padding:0;font-size:inherit;color:var(--primary-color);font-weight:700;text-decoration:underline;cursor:pointer;transition:color .2s ease}.link-button-inline:hover{color:#4b00b0}.login-link-container{margin-top:var(--size-medium);background:none;border:none;cursor:pointer;padding:var(--size-small)}.login-link-text{font-size:var(--size-font);color:var(--text-color);text-align:center}.bold-link{font-weight:700;color:var(--primary-color)}.modal-content-terms{width:90%;max-width:600px;max-height:80vh;background-color:var(--color-white);border-radius:var(--size-medium);padding:var(--size-padding);box-shadow:0 5px 15px #0000004d;display:flex;flex-direction:column;align-items:center}.modal-scroll-view{flex-grow:1;overflow-y:auto;padding-right:10px;margin-bottom:var(--size-medium)}.modal-title{font-size:var(--size-large);font-weight:700;color:var(--color-primary);margin-bottom:var(--size-medium);text-align:center}.modal-text{font-size:var(--size-font);color:var(--color-dark-gray);margin-bottom:var(--size-small);line-height:calc(var(--size-font) * 1.5);text-align:justify}.signup-modal-close-button{background-color:var(--primary-color);padding:20px;width:20px;height:20px;border-radius:50%;align-self:stretch;border:none;cursor:pointer;transition:background-color .2s ease;position:absolute;top:20px;right:20px;z-index:1000;display:flex;justify-content:center;align-items:center}.modal-close-button:hover{background-color:#02b69f}.modal-close-button-text{color:var(--color-black);font-weight:700}@media(max-width:768px){.login-grid{flex-direction:column;border-radius:10px}.login-image-wrapper{height:auto;border-bottom-left-radius:0;border-bottom-right-radius:0}.login-wrapper{padding:20px}}@media(max-width:600px){.signup-container{padding:var(--size-padding)}.signup-title{font-size:calc(var(--size-title) * .9);margin-bottom:var(--size-padding)}.signup-modal-close-button{width:10px;height:10px;top:10px;right:10px;padding:15px}.text-input,.date-picker-input{height:45px;font-size:calc(var(--size-font) * .9)}.date-picker-label,.checkbox-label,.login-link-text{font-size:calc(var(--size-font) * .9)}.signup-button{padding-vertical:calc(var(--size-medium) * .9)}.signup-button-text{font-size:calc(var(--size-large) * .9)}.modal-content-terms{padding:calc(var(--size-padding) * .8)}.modal-title{font-size:calc(var(--size-large) * .9)}.modal-text{font-size:calc(var(--size-font) * .9)}}.avatar-container{position:relative;width:100%;height:100%}.avatar-layer{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.avatar-components-container{width:100%;margin:0 auto;padding:10px}.image-list{display:flex;flex-wrap:wrap;list-style:none;padding:0 15px 0 0;margin:0;gap:10px;justify-content:center;max-height:40vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.list-item{width:calc(100% / 3 - 10px);min-width:80px}.image-button{width:100%;padding:5px;height:auto;background-color:transparent;border:2px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease-in-out;display:flex;justify-content:center;align-items:center}.image-button:hover{background-color:#f0f0f0}.image-button.selected{border-color:#007bff;transform:scale(1.05)}.avatar-image{width:90%;height:auto;object-fit:contain}@media(max-width:480px){.list-item{width:calc(100% / 3 - 10px);min-width:60px}}.edit-avatar-screen{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;background-image:url(/assets/site_bg_2-TTxGU8fV.png);background-repeat:repeat;padding:20px;box-sizing:border-box}.edit-avatar-container{background-color:#fff;border-radius:10px;padding:25px;box-shadow:0 4px 10px #0000001a;width:100%;max-width:500px;display:flex;flex-direction:column;gap:20px}.input-section{display:flex;flex-direction:column;gap:10px}.edit-avatar-container .section-title{font-size:1.1rem;font-weight:700;color:var(--text-color);margin-bottom:5px;text-align:center;text-transform:uppercase}.text-input{border:1px solid #ccc;padding:12px;border-radius:5px;font-size:1rem;color:#333;width:100%;box-sizing:border-box}.text-input::placeholder{color:#888}.text-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff40}.gender-selection-container{display:flex;flex-direction:row;justify-content:center;gap:15px}.gender-button{padding:12px 20px;border:none;border-radius:8px;background-color:var(--hover-color);cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.gender-button.choosen-sex{background-color:var(--active-color);color:var(--primary-color);border:1px solid var(--border-color);font-weight:700}.gender-button-text{font-size:1rem;color:var(--primary-color);font-weight:500}.select-avatar-button,.save-button{padding:15px;border-radius:8px;border:none;cursor:pointer;font-size:1.1rem;font-weight:700;text-align:center;transition:background-color .2s ease}.select-avatar-button{background-color:#007bff;color:#fff}.select-avatar-button:hover:not(:disabled){background-color:#0056b3}.save-button{background-color:#28a745;color:#fff}.save-button:hover{background-color:#218838}.select-avatar-button-text,.save-button-text{color:#fff}.disabled-button{background-color:#b0b0b0;cursor:not-allowed;opacity:.7}.remaining-changes-text{font-size:.9rem;color:#666;text-align:center;margin-top:-10px}.avatar-modal-overlay{background-color:#000000b3}.avatar-modal-content{background-color:#fff;padding:20px;border-radius:10px;width:95%;max-width:700px;box-shadow:0 5px 15px #0006;display:flex;flex-direction:column;align-items:center}.avatar-preview-container{width:200px;height:200px;text-align:center;border:1px solid #eee;border-radius:10px;overflow:hidden;background-color:#f9f9f9;display:flex;justify-content:center}.modal-navigation-buttons{display:flex;justify-content:space-around;width:100%;margin-top:20px;gap:10px}.modal-nav-button{flex:1;padding:12px 15px;border-radius:8px;border:none;cursor:pointer;font-weight:700;font-size:1rem;background-color:#007bff;color:#fff;transition:background-color .2s ease}.modal-nav-button:hover:not(:disabled){background-color:#0056b3}.modal-nav-button.finish-button{background-color:#28a745}.modal-nav-button.finish-button:hover:not(:disabled){background-color:#218838}.modal-nav-button-text{color:#fff}.modal-close-button{margin-top:20px;padding:10px 20px;border-radius:8px;border:1px solid #ccc;background-color:#f0f0f0;color:#333;cursor:pointer;transition:background-color .2s ease}.modal-close-button:hover{background-color:#e0e0e0}.modal-close-button-text{color:#333}@media(max-width:600px){.edit-avatar-container,.avatar-modal-content{padding:15px;gap:15px}.section-title{font-size:1rem;color:var(--primary-color)}.text-input,.gender-button,.select-avatar-button,.save-button{padding:10px;font-size:.9rem}.gender-selection-container{flex-direction:column;gap:10px}.gender-button{width:100%}.avatar-preview-container{width:150px;height:150px}.modal-nav-button{padding:10px;font-size:.9rem}}.add-friend-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-image:url(/assets/site_bg_2-TTxGU8fV.png);background-repeat:repeat;padding:20px}.add-friend-container{width:100%;max-width:500px;padding:30px 20px;background-color:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.add-friend-title{font-size:24px;font-weight:700;color:var(--text-color)}.add-friend-modal-text{font-size:16px;color:var(--text-color);text-align:center}.add-friend-button-container{display:flex;flex-direction:column;align-items:center;width:100%;gap:10px}.add-class-screen{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:20px;background-image:url(/assets/site_bg_2-TTxGU8fV.png);background-repeat:repeat}.add-class-container{width:100%;max-width:500px;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;margin-top:100px}.add-class-label{display:block;font-size:18px;font-weight:700;margin-bottom:8px;color:#343a40}.add-class-input{width:100%;border:1px solid #ced4da;background-color:#fff;padding:10px 12px;margin-bottom:20px;border-radius:8px;font-size:16px;box-sizing:border-box}.add-class-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff40}.add-class-button{background-color:#007bff;padding:12px;align-items:center;border-radius:8px;box-shadow:0 2px 4px #0000003b;elevation:4;width:100%;border:none;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.add-class-button:hover{background-color:#0056b3;transform:translateY(-2px)}.add-class-button-disabled{background-color:#6c757d;cursor:not-allowed;box-shadow:none}.add-class-button-disabled:hover{transform:none;background-color:#6c757d}.add-class-button-text{color:#fff;font-weight:700;font-size:16px;text-align:center}.add-homework-container{display:flex;flex-direction:column;gap:20px;align-items:center;min-height:100vh;background-image:url(/assets/site_bg_2-TTxGU8fV.png);background-repeat:repeat;padding:20px;box-sizing:border-box}.add-homework-choosed-buttons{display:flex;flex-direction:column;gap:10px;width:100%;max-width:600px;align-items:center}.add-homework-option-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;align-items:center}.main-content-scroll{flex-grow:1;display:flex;flex-direction:column;align-items:center}.centered,.centered-section{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:200px}.spinner-small{width:20px;height:20px;border:2px solid rgba(0,123,255,.2);border-top-color:#007bff;border-radius:50%;animation:spin 1s linear infinite}.book-info-container{display:flex;flex-direction:column;gap:20px;align-items:center;margin-bottom:20px}.book-image{width:200px;height:200px;border-radius:8px;margin-bottom:10px;background-color:#e0e0e0;object-fit:contain}.placeholder-image{width:120px;height:180px;background-color:#e0e0e0;display:flex;justify-content:center;align-items:center;border-radius:8px;margin-bottom:10px}.placeholder-text{color:#777;font-size:14px}.book-name-text{font-size:18px;font-weight:700;text-align:center;color:#333;margin-bottom:5px}.book-theme-text{text-align:center;margin-bottom:10px;color:#666}.button{background-color:#007bff;padding:14px 20px;border-radius:8px;text-align:center;margin-bottom:12px;border:none;cursor:pointer;box-shadow:0 1px 2px #0003;transition:background-color .2s ease,transform .2s ease}.button:hover{background-color:#0056b3;transform:translateY(-2px)}.button-text{color:#fff;font-weight:700;font-size:16px}.date-text,.info-text,.info-text-footer,.info-text-modal{text-align:center;margin-top:5px;margin-bottom:15px;font-size:15px;color:#666}.info-text-footer{color:#e74c3c;font-size:14px}.section-spacer{height:20px}.react-datepicker-wrapper{width:100%}.date-picker-input{width:100%;border:1px solid #ced4da;border-radius:8px;padding:12px;font-size:16px;background-color:#fff;box-sizing:border-box;text-align:center}.date-picker-label{display:block;font-weight:700;margin-bottom:8px;text-align:center}.modal-confirm-button{background-color:#28a745;width:100%;margin-top:10px}.student-list{list-style:none;padding:0;margin:0 0 10px;width:100%;max-height:300px;overflow-y:auto}.student-item{display:flex;align-items:center;padding:15px 10px;border-bottom:1px solid #eee;width:100%}.student-item:last-child{border-bottom:none}.checkbox-input{width:20px;height:20px;margin-right:12px}.student-text{font-size:16px;color:#333;flex-grow:1}.full-modal .modal-content{width:100%;max-width:100%;height:100vh;max-height:100vh;border-radius:0;padding:0}.modal-scroll-view{overflow-y:auto;padding:20px}.story-title{font-size:22px;font-weight:700;margin-bottom:15px;text-align:center;color:#2c3e50}.story-content{font-size:17px;line-height:1.6;margin-bottom:20px;color:#34495e;text-align:justify}.option-list{list-style:none;padding:0;margin:0}.option-button{background-color:#e9ecef;padding:12px 15px;border-radius:6px;margin:6px 0;width:100%;border:1px solid #ced4da;cursor:pointer}.option-button-text{color:#007bff;font-weight:600;font-size:16px;text-align:center}.navigation-buttons-container{display:flex;justify-content:space-between;align-items:center;margin-top:20px;gap:10px}.navigation-button{flex:1;background-color:#007bff;color:#fff;padding:12px;border-radius:8px;border:none;cursor:pointer;font-weight:700;text-align:center;transition:background-color .2s}.navigation-button:disabled{background-color:#ccc;cursor:not-allowed}.page-indicator-text{font-size:16px;color:#555;font-weight:700}.send-button-container{padding:20px;box-shadow:0 -2px 10px #0000001a;position:sticky;bottom:0;background-color:#f4f6f8}.send-button{background-color:#e67e22;margin-bottom:0}.send-button:hover{background-color:#d35400}.close-modal-button{background-color:#c0392b}.close-modal-button:hover{background-color:#a93226}.half-button{flex:1;margin:0 5px}.get-card-screen{display:flex;flex-direction:column;min-height:100vh;background-image:url(/assets/site_bg_2-TTxGU8fV.png);background-repeat:repeat;padding:20px;box-sizing:border-box;align-items:center}.get-card-scroll-view{width:100%;max-width:1200px;overflow-y:auto;padding-right:15px}.get-card-loading-container{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;width:100%;background-color:#f0f0f0}.eggs-text{font-size:22px;font-weight:700;text-align:center;margin-bottom:25px;color:var(--text-color);padding:10px 0;border-bottom:1px solid #eee}.level-container{margin-bottom:30px;padding:0 10px}.level-title{font-size:20px;font-weight:700;margin-bottom:15px;color:#333;text-align:center}.cards-horizontal-list{display:flex;overflow-x:auto;padding-bottom:15px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:15px;justify-content:flex-start}.card-item{width:100px;height:150px;flex-shrink:0;border-radius:8px;overflow:hidden;border:1px solid #ddd;background-color:#fff;box-shadow:0 1px 3px #0003;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;position:relative}.card-item:hover{transform:translateY(-3px);box-shadow:0 3px 8px #00000040}.card-image-background{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.price-overlay{background-color:#eef2ffcc;padding:3px 5px;border-radius:5px;margin-bottom:5px}.card-price-text{font-size:24px;font-weight:700;color:var(--text-color)}.owned-text-overlay{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);text-align:center;color:#fff;font-weight:700;background-color:#4caf50b3;padding:2px 0;font-size:14px}.locked-overlay{position:absolute;inset:0;background-color:#f44336cc;display:flex;justify-content:center;align-items:center}.locked-text{color:#fff;font-weight:700;font-size:12px;text-align:center;padding:5px}.card-owned{opacity:.6;border-color:#4caf50;cursor:not-allowed}.get-card-modal-overlay{background-color:#0009}.modal-content-card-detail{background-color:#fff;border-radius:10px;padding:20px;display:flex;flex-direction:column;align-items:center;box-shadow:0 5px 15px #0000004d;width:90%;max-width:300px}.modal-image{width:120px;height:180px;border-radius:8px;margin-bottom:15px;object-fit:cover}.modal-card-name{font-size:18px;font-weight:700;margin-bottom:5px;color:#333;text-align:center}.modal-card-price{font-size:16px;color:var(--primary-color);margin-bottom:15px;text-align:center}.modal-owned-text,.modal-not-enough-eggs-text{font-size:16px;font-weight:700;margin-bottom:15px;text-align:center}.modal-owned-text{color:#4caf50}.modal-not-enough-eggs-text{color:#f44336}.modal-buy-button,.modal-close-button{background-color:#ff9800;padding:10px 20px;border-radius:20px;margin-top:10px;border:none;cursor:pointer;transition:background-color .2s ease}.modal-buy-button:hover{background-color:#e68a00}.modal-close-button{background-color:#9e9e9e}.modal-close-button:hover{background-color:#757575}@media(max-width:768px){.cards-horizontal-list{padding-left:10px;padding-right:10px}.card-item{width:90px;height:135px}.price-text,.owned-text-overlay,.locked-text{font-size:12px}.level-title{font-size:18px}}@media(max-width:480px){.card-item{width:80px;height:120px}.eggs-text{font-size:20px}.modal-image{width:100px;height:150px}.modal-card-name,.modal-card-price,.modal-owned-text,.modal-not-enough-eggs-text{font-size:14px}.modal-buy-button,.modal-close-button{padding:8px 15px;font-size:14px}}.card{background-color:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:10px;margin:5px}.card-image{width:100%;height:auto;border-top-left-radius:12px;border-top-right-radius:12px}.card-title{font-size:1rem;font-weight:700;color:#333;margin:10px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:90%}.card p{font-size:.9rem;color:#666;margin:5px 0;padding:0 10px}@media(max-width:480px){.card-title{font-size:.9rem}.card p{font-size:.7rem}}.friend-detail-screen{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;background-image:url(/assets/site_bg_2-TTxGU8fV.png);background-repeat:repeat;padding:20px;box-sizing:border-box}.modal-power-badge{width:150px;height:150px}.friend-detail-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;width:100%}.friend-detail-container{width:100%;max-width:800px;background-color:#fff;padding:25px;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;align-items:center}.friend-name-title{font-size:28px;font-weight:700;text-align:center;margin-bottom:30px;color:#343a40;border-bottom:1px solid #eee;padding-bottom:15px;align-self:stretch}.friend-detail-section-title{font-size:20px;font-weight:700;margin-top:20px;margin-bottom:25px;color:#343a40;padding-left:10px}.book-grid,.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;width:100%;justify-items:center}.book-grid-item,.cards-grid-item{width:100%;display:flex;justify-content:center;align-items:stretch}.book-item{font-size:16px;background-color:var(--active-color);padding:20px;height:100%;width:100%;display:flex;justify-content:center;align-items:center;border-radius:5px}.book-item-text{font-size:16px;color:#495057;text-align:center}.empty-text{text-align:center;color:#6c757d;font-size:16px;font-style:italic;margin-vertical:15px}.friend-back-button{width:100%;display:flex;justify-content:start;margin-bottom:20px}@media(max-width:480px){.book-grid,.cards-grid{gap:10px;grid-template-columns:repeat(2,1fr)}}.homeworks-screen{display:flex;flex-direction:column;min-height:100vh;background-image:url(/assets/site_bg_2-TTxGU8fV.png);background-repeat:repeat;padding:10px;box-sizing:border-box}.homeworks-container{flex:1;padding-horizontal:10px;padding-top:10px}.pagination-container{display:flex;justify-content:center;align-items:center;margin-top:20px;margin-bottom:20px;flex-wrap:wrap;gap:8px}.pagination-button{background-color:var(--primary-color);color:#fff;border:1px solid #ccc;border-radius:5px;padding:8px 12px;cursor:pointer;font-weight:700;transition:all .3s ease;min-width:40px;text-align:center}.pagination-button:hover{background-color:var(--active-color);transform:translateY(-2px)}.pagination-button.active{background-color:var(--active-color);color:var(--primary-color);border-color:var(--primary-color);pointer-events:none}@media(max-width:600px){.pagination-container{justify-content:center}}.homeworks-loading-container{display:flex;flex:1;justify-content:center;align-items:center;min-height:100vh;background-color:#f4f6f8}.empty-message-container{display:flex;flex:1;justify-content:center;align-items:center}.empty-message{font-size:18px;color:#666;text-align:center;margin-top:50px}.empty-message-modal{font-size:16px;color:#666;text-align:center;margin-vertical:20px}.homeworks-grid-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;padding-bottom:20px;justify-content:center}.homework-card{background-color:#fff;border-radius:12px;padding:15px;box-shadow:0 3px 6px #0000001a;min-height:150px;display:flex;flex-direction:column;justify-content:space-between;border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.homework-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.homework-title{font-size:16px;font-weight:700;color:#333;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}.homework-due-date{font-size:13px;color:#555;margin-bottom:10px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.stats-container{margin-top:auto;padding-top:8px;border-top:1px solid #eee;display:flex;flex-direction:column;gap:4px}.stat-item{display:flex;align-items:center}.stat-text{font-size:13px;margin-left:8px}.completed-text{color:#27ae60;font-weight:500}.pending-text{color:#d35400;font-weight:500}.homework-modal-overlay{background-color:#0009}.modal-content-completers{background-color:#fff;border-radius:15px;padding:20px;width:90%;max-width:500px;max-height:85vh;box-shadow:0 5px 15px #0000004d;display:flex;flex-direction:column}.modal-title{font-size:22px;font-weight:700;color:#2c3e50;text-align:center;margin-bottom:8px}.modal-subtitle{font-size:16px;color:#7f8c8d;text-align:center;margin-bottom:20px}.student-status-list{list-style:none;padding:0;margin:0;overflow-y:auto;flex-grow:1}.student-status-card{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:12px 10px;border-bottom:1px solid #ecf0f1;background-color:#f9f9f9;border-radius:8px;margin-bottom:8px}.student-name{font-size:16px;flex:1}.student-completed-name{color:#2c3e50}.student-not-completed-name{color:#888}.status-tag{font-size:14px;font-weight:700;padding:4px 8px;border-radius:6px;white-space:nowrap}.status-tag-completed{color:#2ecc71;background-color:#2ecc711a}.status-tag-not-completed{color:#e74c3c;background-color:#e74c3c1a}.close-modal-button{background-color:#007aff;border-radius:10px;padding:14px;margin-top:20px;border:none;cursor:pointer;text-align:center;transition:background-color .2s ease}.close-modal-button:hover{background-color:#0056b3}.close-button-text{color:#fff;font-size:17px;font-weight:600}@media(max-width:768px){.homeworks-grid-list{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.homework-card{padding:12px;min-height:130px}.homework-title{font-size:15px}.homework-due-date,.stat-text{font-size:12px}.modal-content-completers{padding:15px}.modal-title{font-size:20px}.student-status-card{padding:10px}.student-name,.status-tag{font-size:14px}}@media(max-width:480px){.homeworks-grid-list{grid-template-columns:1fr}.homework-card{width:100%;margin:8px auto}}.message-detail-screen{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;background-image:url(/assets/site_bg_2-TTxGU8fV.png);background-repeat:repeat;padding:20px;box-sizing:border-box}.message-detail-scroll-container{flex-grow:1;overflow-y:auto;width:100%;max-width:700px}.message-detail-buttons{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:15px;gap:10px}.message-card{background-color:#fff;border-radius:15px;padding:20px;box-shadow:0 3px 6px #00000026;margin-bottom:20px}.header-section{margin-bottom:15px}.title{font-size:26px;font-weight:700;color:var(--primary-color);margin-bottom:8px}.date{font-size:13px;color:#7f8c8d;text-align:right}.separator{height:1px;background-color:#eaeaea;margin-vertical:15px}.subtitle{font-size:18px;font-weight:600;color:var(--text-color);margin-bottom:15px;text-align:center;margin-top:15px}.main-text{font-size:16px;line-height:1.5;color:#555;margin-bottom:20px;text-align:center}.action-button-container{margin-top:25px;display:flex;justify-content:center;align-items:center}.friend-action-button{background-color:var(--active-color);padding:15px 30px;border-radius:25px;border:none;cursor:pointer;min-width:200px;transition:background-color .2s ease,transform .2s ease;display:flex;justify-content:center;align-items:center}.action-button:hover:not(:disabled){background-color:#0056b3;transform:translateY(-2px)}.action-button:disabled{background-color:#a0a0a0;cursor:not-allowed}.friend-action-button-text{color:var(--primary-color);font-size:17px;font-weight:600}.spinner-small{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@media(max-width:768px){.title{font-size:22px}.subtitle{font-size:16px;text-align:center}.main-text{font-size:15px;line-height:1.4}.action-button{padding:12px 25px;font-size:16px}}@media(max-width:480px){.message-card{padding:15px}.title{font-size:20px}.subtitle{font-size:15px}.main-text{font-size:14px}.action-button{min-width:unset;width:90%}}.class-detail-screen{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;background-image:url(/assets/site_bg_2-TTxGU8fV.png);background-repeat:repeat;padding:20px;box-sizing:border-box}.class-title-container{display:flex;justify-content:center;align-items:center;gap:10px}.class-detail-loading{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;font-size:1.2rem;color:#555}.class-detail-container{width:100%;max-width:600px;display:flex;flex-direction:column;gap:20px}.class-info-card{background-color:#fff;padding:25px;border-radius:10px;box-shadow:0 2px 5px #0000001a;text-align:center}.class-title-button{border:none;background-color:transparent;display:flex;justify-content:center;align-items:center;gap:10px;align-self:start}.class-name{font-size:28px;font-weight:700;color:var(--text-color)}.class-code-description{font-size:16px;color:#495057;margin-bottom:15px}.class-code-display{display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:10px;padding:10px;border:1px dashed #ced4da;border-radius:8px;background-color:#f0f0f0}.class-code-text{font-size:18px;color:#495057;font-weight:500}.copy-button{background-color:#007bff;padding:10px 15px;border-radius:5px;border:none;cursor:pointer;transition:background-color .2s ease}.copy-button:hover{background-color:#0056b3}.copy-button-text{color:#fff;font-size:15px;font-weight:500}.actions-container{display:flex;flex-direction:column;gap:15px}.action-button,.delete-button{padding:18px;border-radius:8px;border:none;cursor:pointer;text-align:center;box-shadow:0 1px 3px #0003;transition:background-color .2s ease,transform .2s ease}.action-button{background-color:#28a745}.action-button:hover{background-color:#218838;transform:translateY(-2px)}.delete-button{background-color:#dc3545}.delete-button:hover{background-color:#c82333;transform:translateY(-2px)}.action-button-text{color:#fff;font-size:18px;font-weight:700}.modal-title{font-size:24px;font-weight:700;margin-bottom:15px;color:#333}.modal-text{font-size:16px;color:#555;margin-bottom:25px}.modal-button-group{display:flex;justify-content:space-around;width:100%;gap:15px}.modal-button-primary,.modal-button-secondary{padding:12px 20px;border-radius:8px;border:none;cursor:pointer;font-weight:700;font-size:16px;flex:1;transition:background-color .2s ease}.arrow-icon{font-size:28px}@media(min-width:768px){.class-code-display{flex-direction:row;justify-content:space-between}}@media(max-width:768px){.class-name{font-size:24px;font-weight:700;color:var(--text-color)}.arrow-icon{font-size:24px}}@media(max-width:480px){.class-name{font-size:22px;font-weight:700;color:var(--text-color)}.arrow-icon{font-size:22px}}.message-body-container{display:flex;flex-direction:column;padding:20px}.readed{color:gray;text-align:center}.unReaded{color:#000;font-weight:700;text-align:center}.messages-screen{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;background-image:url(/assets/site_bg_2-TTxGU8fV.png);background-repeat:repeat;padding:20px;box-sizing:border-box}.messages-page-container{flex:1;padding-horizontal:15px;padding-top:10px;width:100%}.messages-loading-container{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background-color:#f4f6f8}.empty-container{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:center;min-height:300px}.empty-text{font-size:18px;color:#7f8c8d;text-align:center;margin-bottom:5px}.message-list-container{list-style:none;padding:0 0 20px;margin:0;align-items:center;justify-content:center}.message-item-container{background-color:#fff;border-radius:12px;margin-bottom:12px;display:flex;flex-direction:column;align-items:center;box-shadow:0 1px 3px #0000001a;border:1px solid #e0e0e0;cursor:pointer;transition:background-color .2s ease,border-color .2s ease;padding:15px;width:100%}.message-item-container:hover{background-color:#f8f9fa;border-color:silver}.unread-message-background{background-color:#e8f0fe;border-color:#a0c4ff}.unread-indicator{width:10px;height:10px;border-radius:50%;background-color:#007aff;margin-right:12px;flex-shrink:0}.message-content{flex:1;display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%}.delete-action-btn{background-color:#ff6b6b;color:#fff;border:none;padding:8px 15px;border-radius:20px;font-weight:700;font-size:.9rem;transition:transform .1s}.delete-action-btn:active{transform:scale(.95)}.delete-all-btn{background-color:#d63031}@media(max-width:768px){.messages-page-container{padding-horizontal:10px}.message-item-container{padding:12px}.unread-indicator{width:8px;height:8px;margin-right:10px}.delete-message-button{font-size:12px;padding:3px 8px}}@media(max-width:480px){.messages-page-container{padding-horizontal:5px}.message-item-container{flex-direction:column;align-items:flex-start;padding:10px}.unread-indicator{margin-bottom:5px;margin-right:0}.message-content{flex-direction:column;align-items:flex-start;width:100%}.delete-message-button{align-self:flex-end;margin-top:5px}}.payment-container{max-width:500px;margin:0 auto;padding:20px;border-radius:10px;background-image:url(/assets/site_bg_2-TTxGU8fV.png);background-repeat:repeat;box-shadow:0 2px 10px #0000001a;width:100%}.payment-title{text-align:center;margin-bottom:20px;font-size:24px;font-weight:600}.payment-form{display:flex;flex-direction:column;gap:15px}.payment-row{display:flex;gap:10px}.payment-select-input{padding:10px;border-radius:5px;border:1px solid #ccc;font-size:16px;background-color:#fff}.agreement-box{display:flex;align-items:center;margin:15px 0}.agreement-box input{margin-right:10px}.agreement-button{background:none;border:none;color:var(--primary-color);cursor:pointer;text-decoration:underline;margin-right:5px}.payment-info{width:100%;display:flex;align-items:center;gap:10px}.payment-prices{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:20px;background-color:#fff;border-radius:10px;border:1px solid #ccc;padding:10px}.payment-logos{flex:1;display:flex;align-items:center;gap:10px}.payment-logo-container{flex:1;display:flex;align-items:center;justify-content:center}.payment-logo{width:100%;height:auto}.payment-total{font-size:32px;font-weight:600}.payment-iframe-container{display:flex;justify-content:center;align-items:center;width:100%;max-width:600px;margin:40px auto;padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a}@media(max-width:600px){.payment-container{padding:10px}.payment-info{flex-direction:column}.payment-title{font-size:20px}.payment-prices{margin-bottom:15px;padding:8px}.payment-total{font-size:24px}.agreement-button,.agreement-label{font-size:14px}}.student-detail-screen{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;background-image:url(/assets/site_bg_2-TTxGU8fV.png);background-repeat:repeat;padding:20px;box-sizing:border-box}.student-detail-loading-container{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;width:100%;background-color:#f8f8f8}.book-grid-container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.student-detail-content-container{width:100%;max-width:600px;display:flex;flex-direction:column;gap:20px;background-color:#fff;padding:25px;border-radius:10px;box-shadow:0 4px 8px #0000001a}.student-name-header{font-size:28px;font-weight:700;text-align:center;margin-bottom:20px;color:#343a40;border-bottom:1px solid #eee;padding-bottom:15px}.section-card{background-color:#fdfdfd;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000000d;border:1px solid #eee}.section-title{font-size:18px;font-weight:700;margin-bottom:15px;color:#333;text-align:center}.average-text{font-size:24px;font-weight:700;text-align:center;color:var(--primary-color);margin-bottom:10px}.book-cards-grid{width:100%}.no-books-text{font-size:16px;text-align:center;color:#666;margin-top:10px}.delete-student-button{background-color:#dc3545;padding:15px 20px;border-radius:8px;border:none;cursor:pointer;text-align:center;margin-top:20px;box-shadow:0 2px 4px #0000001a;transition:background-color .2s ease,transform .2s ease}.delete-student-button:hover{background-color:#c82333;transform:translateY(-2px)}.delete-button-text{color:#fff;font-size:18px;font-weight:700}@media(max-width:768px){.student-detail-content-container{padding:20px}.student-name-header{font-size:24px}.section-title{font-size:16px}.average-text{font-size:20px}.delete-student-button{padding:12px 15px;font-size:16px}}@media(max-width:480px){.student-detail-content-container{padding:15px}.student-name-header{font-size:22px}.delete-student-button{width:100%}}@media(max-width:992px){.book-grid-container{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.book-grid-container{grid-template-columns:repeat(2,1fr);gap:15px}}.student-book-card{display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin-bottom:20px}.student-book-image{width:100px;aspect-ratio:3 / 2;border-radius:8px;margin-bottom:12px;object-fit:cover}.student-book-title{font-size:14px;font-weight:700;color:#333;margin-bottom:8px;text-align:center}.student-book-score{font-size:14px;font-weight:700;color:#333;text-align:center}@media(max-width:480px){.student-book-card{width:100%}}.student-card{width:180px;height:250px;border-radius:12px;background-color:var(--active-color);box-shadow:0 3px 6px #0000001a;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;transition:transform .2s ease-in-out}.student-card:hover{transform:scale(1.05)}.student-card-title{font-size:18px;font-weight:700;color:var(--primary-color);margin-bottom:8px;text-align:center}.student-avatar-container{display:flex;justify-content:center;align-items:center;overflow:hidden;margin-bottom:8px;width:120px;height:120px;border-radius:50%;background-color:#e0e0e0}.student-default-avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%}@media(max-width:480px){.student-card{width:100%}.student-avatar-container{width:40vw;height:40vw;max-width:120px;max-height:120px}}.students-screen{display:flex;flex-direction:column;justify-content:start;align-items:start;min-height:100vh;background-image:url(/assets/site_bg_2-TTxGU8fV.png);background-repeat:repeat;padding:20px;box-sizing:border-box}.students-container{flex:1;padding:10px;width:100%;display:flex;flex-direction:column;align-items:center}.stundents-class-name{background-color:var(--primary-color);border-radius:5px;padding:10px 20px;margin-bottom:20px;font-size:32px;font-weight:700;box-shadow:0 3px 6px #0000001a;color:#fff}.students-loading-container{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;width:100%;background-color:#f5f5f5}.no-students-container{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:center;padding:20px;min-height:200px}.no-students-text{font-size:18px;color:#666;text-align:center}.students-grid-list{width:100%;justify-content:center;padding-bottom:20px}.students-grid-list{display:grid;grid-template-columns:repeat(auto-fit,150px);gap:20px;width:100%;padding-bottom:20px;justify-content:space-around}.student-card-button{background:none;border:none;padding:0;cursor:pointer;display:flex;justify-content:center;align-items:center;height:100%}@media(max-width:768px){.stundents-class-name{background-color:var(--primary-color);border-radius:5px;padding:10px 20px;margin-bottom:20px;font-size:24px;font-weight:700}}.contact-container{display:flex;justify-content:center;align-items:center;height:100%;width:100%;padding:20px;box-sizing:border-box}.contact-loading-container{display:flex;flex:1;justify-content:center;align-items:center;min-height:100vh;width:100%;background-color:#f4f7fc}.contact-card{background-color:#fff;border-radius:15px;padding:25px;box-shadow:0 4px 10px #0000001a;width:100%;max-width:500px}.contact-title{font-size:24px;font-weight:700;color:#333;text-align:center;margin-bottom:30px;border-bottom:1px solid #eee;padding-bottom:15px}.info-section{display:flex;flex-direction:row;align-items:flex-start;margin-bottom:20px;gap:10px}.info-icon{flex-shrink:0;margin-top:2px}.info-label{font-size:16px;font-weight:700;color:#555;width:80px;flex-shrink:0}.info-text{font-size:16px;color:#333;flex:1;line-height:1.5;word-break:break-word}@media(max-width:600px){.contact-card{padding:20px}.contact-title{font-size:20px;margin-bottom:20px}.info-section{flex-direction:column;align-items:flex-start;gap:5px}.info-label{width:auto}}.book-card-centered{display:flex;justify-content:center;align-items:center;height:100%;min-height:250px}.book-card-spinner-small{width:24px;height:24px;border:3px solid rgba(76,175,80,.2);border-top-color:#4caf50;border-radius:50%;animation:spin 1s linear infinite}.card-book-stars{display:flex;flex-direction:column;justify-content:center;align-items:start;margin-top:var(--spacing-sm)}.book-card-top-left{display:flex;align-items:center;justify-content:center;padding:8px;background-color:var(--primary-color);border-radius:50%}.book-card-top-right{display:flex;align-items:center;justify-content:center;padding:4px 8px;background-color:#a855f7;border-radius:50px;color:#fff;font-size:14px}.book-card{height:100%;width:100%;background-color:#fff}.book-card-image-background{height:200px;background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:8px 8px 0 0}.book-card-title{font-size:15px;font-weight:700;color:var(--text-color);text-align:start;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.book-card-text-container{padding:24px;display:flex;flex-direction:column;align-items:start;text-align:start;flex-grow:1}.book-card-level-text{font-size:13px;color:var(--text-color);margin-top:4px;margin-bottom:2px}.book-card-type-text{font-size:11px;color:#777;margin-bottom:4px}.book-card-top{display:flex;justify-content:space-between;width:100%;align-items:center;padding:8px}.book-card-container{height:100%;display:flex;flex-direction:column;border-radius:8px;border:2px solid var(--border-color)}.library-main-container{display:flex;flex-direction:column;min-height:100vh;background-image:url(/assets/site_bg_2-TTxGU8fV.png);background-repeat:repeat;box-sizing:border-box}.library-scroll-view-content{flex-grow:1;padding-vertical:15px;padding-horizontal:15px;overflow-y:auto}.library-loading-container{display:flex;flex:1;justify-content:center;align-items:center;min-height:100vh;background-color:#f8f8f8}.spinner-large{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-top-color:#4caf50;border-radius:50%;animation:spin 1s linear infinite}.library-content-container{flex:1;padding:50px;display:flex;flex-direction:column;align-items:start;gap:40px}.library-section-title{padding:0;color:var(--primary-color)}.library-section-title-container{font-size:24px;font-weight:700;color:var(--primary-color);background-color:var(--active-color);padding:10px 15px;border-radius:50px;display:inline-flex;align-items:center;justify-content:start;gap:10px;margin-bottom:20px}.horizontal-slider-wrapper{position:relative;display:flex;align-items:center;padding:0 40px;align-self:stretch}.horizontal-list-container{display:flex;overflow-x:auto;padding-bottom:15px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:15px;flex-wrap:nowrap}.horizontal-list-container::-webkit-scrollbar{display:none}.horizontal-list-container{-ms-overflow-style:none;scrollbar-width:none}.book-card-button{background:none;border:none;padding:0;cursor:pointer;flex-shrink:0;flex-basis:200px;width:200px;scroll-snap-align:start}.empty-list-text{font-size:16px;color:#666;text-align:center;margin-top:10px;margin-bottom:20px;padding-horizontal:15px;align-self:center}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);background-color:var(--active-color);border:1px solid #ddd;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;box-shadow:0 2px 4px #0000001a;transition:all .2s ease}.slider-arrow:hover{background-color:#fff;border-color:#ccc;box-shadow:0 4px 8px #0003}.slider-arrow.left{left:0}.slider-arrow.right{right:0}.arrow-icon{font-size:20px;font-weight:700;color:#555;line-height:1}.message-modal-overlay{background-color:#00000080}.modal-title{font-size:20px;font-weight:700;margin-bottom:15px;text-align:center;color:#333}.message-list{list-style:none;display:flex;flex-direction:column;padding:0;margin:0;overflow-y:auto;flex-grow:1}.message-item{padding:12px;border-bottom:1px solid #eee;margin-bottom:5px;background:none;border:1px solid #ebeaea;width:100%;text-align:left;cursor:pointer;transition:background-color .2s ease;border-radius:10px}.empty-modal-text{font-size:16px;color:#666;text-align:center;padding-vertical:20px}.close-button{background-color:#4caf50;border-radius:8px;padding-vertical:12px;margin-top:15px;align-items:center;border:none;cursor:pointer}.close-button:hover{background-color:#388e3c}.button-text{color:#fff;font-size:16px;font-weight:700}.no-avatar-wrapper{background:linear-gradient(to bottom right,#f8faff,#fff);min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center}.no-avatar-container{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;text-align:center;height:100%}.no-avatar-text{font-size:18px;color:#555;margin-bottom:20px;line-height:1.5}.create-profile-button{background-color:#ff9800;border-radius:8px;padding:14px 25px;border:none;cursor:pointer;box-shadow:0 3px 6px #0000001a;transition:background-color .2s ease}.create-profile-button:hover{background-color:#e68a00}.create-profile-button-text{color:#fff;font-size:18px;font-weight:700}.pagination-wrapper{display:flex;justify-content:center;align-items:center;gap:15px}.pagination-text{font-size:1.2rem;font-weight:700;color:#4f46e5;padding:5px 10px;background-color:#f3f4f6;border-radius:8px}.pagination-arrow{background-color:transparent;border:none;font-size:1.5rem;color:#4f46e5;cursor:pointer;transition:transform .2s ease,color .2s ease;padding:5px}.pagination-arrow:hover{color:#3b82f6;transform:scale(1.1)}.pagination-arrow:disabled{color:#d1d5db;cursor:not-allowed;transform:scale(1)}@media(max-width:768px){.library-content-container{padding:50px 20px;gap:30px}.library-scroll-view-content{padding-horizontal:10px}.horizontal-list-container{padding-left:5px;padding-right:5px}.library-section-title{font-size:17px}.empty-list-text,.no-avatar-text{font-size:15px}.create-profile-button{padding:12px 20px;font-size:16px}}@media(max-width:480px){.library-content-container{padding:50px 10px;gap:20px}.library-scroll-view-content{padding-horizontal:5px}.horizontal-list-container{gap:10px}.book-card-button{flex-shrink:0;width:auto}}.bg-image-container{position:relative;width:80vw;max-width:400px;height:60vw;max-height:300px;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:20px auto;mask-image:linear-gradient(to right,transparent 0%,black 5%,black 95%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 5%,black 95%,transparent 100%)}.layer-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none}@media(max-width:768px){.bg-image-container{width:90vw;height:70vw}}@media(max-width:480px){.bg-image-container{width:95vw;height:75vw}}.read-book-screen{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(to bottom right,#f8faff,#fff);padding:20px;box-sizing:border-box}.read-book-loading-container{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;width:100%;background-color:#f0f8ff}.rulo-container{width:100%}.rulo-container img{width:100%;height:auto}.spinner-large{width:40px;height:40px;border:4px solid rgba(0,123,255,.2);border-top-color:#007bff;border-radius:50%;animation:spin 1s linear infinite}.book-page-scroll-view{height:calc(100% - 100px);overflow-y:auto}.footer-controls-container{height:100px;flex-shrink:0;width:100%}@media(max-width:768px){.book-reader-fullscreen-modal{display:block!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}.read-book-engine-container{height:auto!important;min-height:100%;display:block!important;overflow:visible!important}.book-page-scroll-view{height:auto!important;overflow:visible!important;margin-bottom:20px}.footer-controls-container{height:auto!important;padding:20px 0 50px;position:relative!important}.read-book-screen,.book-reader-fullscreen-modal,.read-book-engine-container{height:auto!important;min-height:100vh;overflow-y:visible!important;display:block}}.loading-text{margin-top:10px;font-size:1.1rem;color:#555}.read-book-img{width:80vw;max-width:400px;height:60vw;max-height:300px;mask-image:linear-gradient(to right,transparent 0%,black 5%,black 95%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 5%,black 95%,transparent 100%)}.read-book-img img{width:100%;height:100%;object-fit:cover;border-radius:15px}.read-book-scroll-container{flex-grow:1;overflow-y:auto;width:100%;max-width:800px;background-image:url(/assets/papertexture-DNfL7n6G.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:15px;box-shadow:0 5px 15px #0000001a;padding:20px;box-sizing:border-box}.read-back-button-container{display:flex;justify-content:center;margin-top:20px}.story-title{font-size:2.2rem;font-weight:700;text-align:center;margin-bottom:15px;color:#333;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.story-content{font-size:1.5rem;text-align:center;color:#000;margin-bottom:20px}.story-content-first{font-size:3.5rem;text-align:center;color:#555;margin-bottom:20px;font-family:TemelYazi,sans-serif}.read-button-container{display:flex;justify-content:center;margin-top:20px;gap:15px}.nav-button{background-color:#007bff;padding:12px 25px;border-radius:25px;min-width:120px;text-align:center;border:none;cursor:pointer;box-shadow:0 2px 4px #00000040;transition:background-color .2s ease,transform .2s ease}.nav-button:hover:not(:disabled){background-color:#0056b3;transform:translateY(-2px)}.nav-button:disabled{background-color:#a0a0a0;cursor:not-allowed;box-shadow:none;transform:none}.button-text{color:#fff;font-size:1rem;font-weight:700}.disabled-button-text{color:#ddd}.empty-button-space{min-width:120px;height:40px}.back-button{background-color:#6c757d;padding:12px 25px;border-radius:25px;margin:20px auto;display:block;width:fit-content;border:none;cursor:pointer;box-shadow:0 2px 4px #00000040;transition:background-color .2s ease,transform .2s ease}.back-button:hover{background-color:#5a6268;transform:translateY(-2px)}.back-button-text{color:#fff;font-size:1rem;font-weight:700}.centered-modal-content{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:150px}.test-modal-overlay .modal-content{background-color:#f8f8f8;padding:25px}.modal-view{width:100%;display:flex;flex-direction:column;align-items:center}.modal-title{font-size:1.6rem;font-weight:700;margin-bottom:20px;text-align:center;color:#333}.question-scroll-container{flex-grow:1;overflow-y:auto;padding-bottom:20px;width:100%}.question-text{font-size:1.1rem;margin-bottom:20px;text-align:center;color:#555;line-height:1.5}.question-text-first{font-size:2rem;margin-bottom:20px;text-align:center;color:#555;line-height:1.5;font-family:TemelYazi,sans-serif}.answers-container{width:100%;display:flex;flex-direction:column;gap:10px}.answer-button{padding:15px;border-radius:10px;border:1px solid #ddd;background-color:#f8f9fa;cursor:pointer;transition:background-color .2s ease,border-color .2s ease;text-align:left;width:100%}.choosen-answer{background-color:var(--active-color);border-color:var(--primary-color)}.not-choosen-answer{background-color:#f8f9fa;border-color:#ddd}.answer-button-text{font-size:1rem;color:#333}.answer-button-text-first{font-size:2rem;color:#333;font-family:TemelYazi,sans-serif}.seeanswer-button{padding:15px;border-radius:10px;border:1px solid #ddd;background-color:#f8f9fa;text-align:left;width:100%}.correct-answer{background-color:#28a745;border-color:#1c7732}.uncorrect-answer{background-color:#e74040;border-color:#af0101}.seeanswer-button-text{font-size:1rem;color:var(--text-color)}.uncorrect-answer .seeanswer-button-text,.correct-answer .seeanswer-button-text{color:#fff}.question-button-container{display:flex;justify-content:space-around;width:100%;margin-top:20px;margin-bottom:20px;gap:15px}.question-nav-button{background-color:#28a745;padding:10px 20px;border-radius:20px;min-width:100px;text-align:center;border:none;cursor:pointer;box-shadow:0 1px 3px #00000038;transition:background-color .2s ease}.question-nav-button:hover:not(:disabled){background-color:#218838}.modal-close-button{position:absolute;top:15px;right:15px;background-color:#dc3545;width:30px;height:30px;border-radius:50%;display:flex;justify-content:center;align-items:center;border:none;cursor:pointer;box-shadow:0 2px 4px #0003}.modal-close-button-text{color:#fff;font-size:1rem;font-weight:700}.egg-modal-view{display:flex;flex-direction:column;align-items:center;padding:20px}.egg-modal-text{font-size:1.2rem;text-align:center;margin-bottom:20px;color:var(--primary-color);font-weight:700}.modal-button-group{display:flex;justify-content:space-around;width:100%;margin-top:20px;gap:15px}.modal-button-primary,.modal-button-secondary{padding:12px 20px;border-radius:8px;border:none;cursor:pointer;font-weight:700;font-size:1rem;flex:1;transition:background-color .2s ease}.modal-button-primary{background-color:#007bff;color:#fff}.modal-button-secondary{background-color:#6c757d;color:#fff}.modal-button-secondary:hover{background-color:#5a6268}@media(max-width:768px){.read-book-screen{padding:10px}.read-book-scroll-container{padding:15px}.story-title{font-size:2rem}.story-content{font-size:1.4rem;line-height:1.5}.nav-button,.back-button{padding:10px 20px;font-size:.9rem;min-width:100px}.button-text,.back-button-text{font-size:.9rem}.modal-content{padding:20px}.modal-title{font-size:1.4rem}.question-text,.answer-button-text{font-size:.25rem}.egg-modal-text{font-size:1rem}}@media(max-width:480px){.read-book-screen{padding:5px}.read-book-scroll-container{padding:10px}.story-title{font-size:1.8rem}.story-content{font-size:1.2rem}.button-container{flex-direction:column;gap:10px}.nav-button,.back-button{width:100%;margin-left:auto;margin-right:auto}.modal-content{padding:15px}.modal-title{font-size:1.2rem}.question-text,.answer-button-text{font-size:.85rem}.egg-modal-text{font-size:.9rem}}.book-reader-fullscreen-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#fff;z-index:9999;display:flex;flex-direction:column}.book-reader-fullscreen-modal>*:not(.book-reader-close-button){flex:1;min-height:0}.book-reader-close-button{position:absolute;top:20px;right:20px;z-index:10000;background:#eee;border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;font-weight:700}.read-book-engine-container{display:flex;flex-direction:column;padding:20px;background-image:url(/assets/kagit_texture-C5J6XAG3.png);background-size:contain}.pagination-loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;z-index:10}.book-swiper-container{flex:1;width:100%;min-height:0}.book-page-slide{height:100%;display:flex;flex-direction:row;align-items:center;padding:35px}.read-button-container,.read-back-button-container{flex-shrink:0}@media(max-width:768px){.book-reader-fullscreen-modal{display:block!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;height:100vh!important}.read-book-engine-container{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;height:auto!important;min-height:100%!important;overflow:visible!important;padding-bottom:0!important}.book-page-scroll-view{height:auto!important;overflow:visible!important;flex:none!important}.footer-controls-container{height:auto!important;flex-shrink:0!important;margin-top:30px!important;padding-bottom:80px!important;position:relative!important}.book-reader-fullscreen-modal>*{flex:none!important}}.recorder-container{display:inline-block}.main-record-btn{width:60px;height:60px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #0003;outline:none}.btn-state-start{background:linear-gradient(135deg,#8b78fc,var(--primary-color))}.btn-state-start:hover{transform:scale(1.1);box-shadow:0 6px 15px #2563eb66}.btn-state-stop{background:linear-gradient(135deg,#ef4444,#dc2626);animation:pulse-red 1.5s infinite}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-content{background:#fff;width:90%;max-width:400px;padding:25px;border-radius:20px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;text-align:center;position:relative;animation:slide-up .3s ease-out}.modal-actions{display:flex;gap:15px;margin-top:20px;justify-content:center}.action-btn{padding:10px 20px;border-radius:10px;border:none;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:.95rem;transition:transform .2s}.action-btn:active{transform:scale(.95)}.btn-delete{background:#fee2e2;color:#ef4444}.btn-send{background:var(--primary-color);color:#fff;flex:1;justify-content:center}.btn-close{background:#f3f4f6;color:#4b5563;margin-top:15px;width:100%}.modal-audio-wrapper{margin:20px 0;padding:15px;background-color:#f1f5f9;border-radius:12px;border:1px solid #cbd5e1;display:block;width:100%;box-sizing:border-box}audio{width:100%;height:45px;display:block;outline:none}@keyframes pulse-red{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.spin-anim{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1100px){.main-record-btn{width:40px;height:40px;font-size:1.2rem}}.choosed-books-screen{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f0f0f0;padding:20px;box-sizing:border-box}.loading-container{display:flex;flex:1;justify-content:center;align-items:center}.story-page-container{width:100%;max-width:800px;background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;display:flex;flex-direction:column}.story-scroll-view{padding:20px;overflow-y:auto;background-image:url(/assets/papertexture-DNfL7n6G.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.story-image-container{display:flex;justify-content:center;align-items:center;margin-top:20px;margin-bottom:20px}.bg-image-placeholder{position:relative;width:300px;height:300px}.story-image{width:100%;height:100%;object-fit:contain;border-radius:10px}.story-title{font-size:28px;font-weight:700;text-align:center;margin-bottom:15px;color:#333}.story-content-scroll{margin-bottom:20px}.options-list-container{list-style:none;padding:0;margin:0 0 20px;width:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.choosed-button-container{width:100%}.option-button{background-color:#4caf50;padding:15px;border-radius:25px;margin-bottom:8px;width:100%;border:none;cursor:pointer;box-shadow:0 2px 2px #0003;transition:background-color .2s}.option-button:hover{background-color:#388e3c}.option-button-text{color:#fff;font-size:18px;font-weight:700;text-align:center}.navigation-buttons{display:flex;justify-content:space-around;width:100%;margin-bottom:20px}.nav-button{background-color:#2196f3;padding:12px 20px;border-radius:20px;min-width:120px;border:none;cursor:pointer;box-shadow:0 2px 2px #0003;transition:background-color .2s}.nav-button:hover{background-color:#1976d2}.nav-button-text{color:#fff;font-size:16px;font-weight:700;text-align:center}.exit-button-container{padding:20px;text-align:center}.exit-button{background:none;border:1px solid #f44336;color:#f44336;padding:10px 20px;border-radius:5px;cursor:pointer;font-weight:700;transition:background-color .2s}.exit-button:hover{background-color:#f44336;color:#fff}.modal-content-small{max-width:400px}.modal-title{font-size:22px;font-weight:700;margin-bottom:20px;text-align:center}.modal-text{font-size:16px;text-align:center;margin-bottom:20px}.modal-container-test{display:flex;flex-direction:column;padding:20px;width:100%;max-width:600px;border-radius:10px}.question-header{margin-bottom:20px;text-align:center}.question-title{font-size:22px;font-weight:700;color:#333}.question-content{display:flex;flex-direction:column;align-items:center;width:100%}.question-text{font-size:20px;text-align:center;margin-bottom:20px;color:#555}.answers-container{list-style:none;padding:0;margin:0;width:90%}.answer-button{padding:15px;border-radius:10px;margin-bottom:10px;width:100%;border:1px solid #ddd;cursor:pointer;transition:background-color .2s;text-align:left}.answer-button:hover{background-color:#f0f0f0}.choosen-answer{background-color:#a5d6a7;border-color:#4caf50}.not-choosen-answer{background-color:#fff}.answer-text{font-size:18px;color:#333}.question-navigation{display:flex;justify-content:space-between;width:100%;margin-top:10px}.close-test-button{margin-top:20px;background-color:#f44336;color:#fff;padding:10px 20px;border-radius:20px;border:none;cursor:pointer;font-weight:700;width:50%;align-self:center}.egg-modal-overlay .modal-content{background-color:#fff;border:2px solid var(--primary-color)}.egg-modal-container{display:flex;flex-direction:column;align-items:center;padding:20px}.egg-modal-text{font-size:24px;text-align:center;margin-bottom:30px;color:var(--primary-color);font-weight:700}.egg-modal-button-container{display:flex;flex-direction:column;gap:10px}.modal-button-group{display:flex;justify-content:space-around;width:100%;margin-top:20px}.modal-button-primary{background-color:#007bff;color:#fff;padding:10px 20px;border-radius:5px;border:none;cursor:pointer;font-weight:700}.modal-button-secondary{background-color:#ccc;color:#333;padding:10px 20px;border-radius:5px;border:none;cursor:pointer;font-weight:700}.book-page-scroll-view{width:100%;display:flex;flex-direction:column;border-radius:10px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.book-page-scroll-view::-webkit-scrollbar{display:none}.bg-container{width:100%;height:auto;min-height:250px;display:flex;justify-content:center;align-items:center;flex-shrink:0;background-image:url(/assets/floral3-CLVIsD5Q.png);background-size:cover;border-radius:20px}.story-content-wrapper{width:100%;height:auto;padding:20px;box-sizing:border-box;overflow-y:visible}.footer-controls-container{width:100%;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:1vw 0}.footer-left-section{flex:1;display:flex;justify-content:flex-start}.footer-center-section{flex:2;display:flex;justify-content:center;gap:10px}.footer-right-section{flex:1;display:flex;justify-content:flex-end;gap:10px}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.slide-in-animation{animation:slideInRight .5s ease-out forwards}@media(min-width:992px){.book-page-scroll-view{flex-direction:row;align-items:center;height:100%;overflow-y:hidden}.bg-container{width:50%;height:100%;display:flex;justify-content:center;align-items:center;background-size:contain;border-radius:20px}.read-book-img,.bg-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.read-book-img img,.story-image{max-width:90%;max-height:90%;object-fit:contain}.story-content-wrapper{width:50%;height:100%;overflow-y:auto;display:flex;flex-direction:column;justify-content:flex-start;padding:0 20px 0 40px;scrollbar-width:thin;scrollbar-color:#cdcdcd #f0f0f0}.story-content-wrapper::-webkit-scrollbar{width:10px;display:block}.story-content-wrapper::-webkit-scrollbar-track{background:#f0f0f0;border-radius:5px;margin-top:20px;margin-bottom:20px}.story-content-wrapper::-webkit-scrollbar-thumb{background:#cdcdcd;border-radius:5px;border:2px solid #f0f0f0}.story-content-wrapper::-webkit-scrollbar-thumb:hover{background:#a0a0a0}}@media(max-width:992px){.footer-controls-container{width:100%;display:flex;flex-direction:column-reverse;align-items:center;gap:10px;box-sizing:border-box;padding:1vw 0 0}}.story-button{background-color:sienna;border-radius:10px;color:#fff;padding:15px 30px;transform:scale(1);transition:all .3s ease;border:none}.story-button-container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;font-weight:500}.story-button-container.right-arrow{flex-direction:row-reverse}.story-button:hover{transform:scale(1.05)}.story-button:disabled{background-color:#977362;cursor:not-allowed}.story-button span{line-height:1}.spinner-container{display:flex;justify-content:center;align-items:center;width:100%}@media(max-width:1100px){.story-button{border-radius:10px;padding:7px 17px;font-size:14px}.story-button span{line-height:1.5}}.story-empty{background-color:transparent;border:2px solid #977362;border-radius:10px;color:sienna;padding:10px 30px;transition:all .3s ease;font-weight:500;font-size:16px}.story-empty:hover{background-color:transparent;border:2px solid #a0522d}.story-empty:disabled{border:2px solid #977362;color:#977362;cursor:not-allowed}@media(max-width:1100px){.story-empty{border-radius:10px;padding:5px 15px;font-size:14px}}:root{--color-primary: #fc8803;--color-secondary: #4a90e2;--color-tertiary: #50e3c2;--color-accent: #b442d8;--color-background: #f4f4f4;--color-card-background: #ffffff;--color-text-primary: #333333;--color-text-secondary: #888888;--color-white: #ffffff;--color-black: #000000;--color-error: #d0021b;--color-light-gray: #dddddd;--color-medium-gray: #999999;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--font-size-title: 24px;--font-size-subtitle: 18px;--font-size-body: 16px;--font-size-caption: 12px;--font-size-button: 16px}.store-container{display:flex;flex-direction:column;min-height:100vh;background-image:url(/assets/site_bg_2-TTxGU8fV.png);background-repeat:repeat;padding:var(--spacing-md);box-sizing:border-box}.modal-book-stars{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;margin-bottom:var(--spacing-sm)}.star-icon{color:var(--primary-color)}.star-icon-active{color:#fff}.store-loading-screen,.store-no-avatar-screen{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:var(--spacing-lg);text-align:center}.spinner-large{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.book-list-grid-container{padding:var(--spacing-md);width:100%}.book-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md);align-items:stretch;justify-items:center;width:100%}.book-card-wrapper{height:100%;width:100%}.book-card-touchable{background:none;border:none;padding:0;cursor:pointer;width:100%;height:100%}.loading-text,.message-text{margin-top:var(--spacing-sm);font-size:var(--font-size-body);color:var(--color-text-secondary)}.message-text{margin-bottom:var(--spacing-lg);font-size:var(--font-size-subtitle);color:var(--color-text-primary)}.header-controls{width:50%;padding:16px;margin-bottom:50px}.language-buttons-container{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-sm)}.language-button{background-color:var(--active-color);padding-vertical:var(--spacing-sm);padding-horizontal:var(--spacing-md);border-radius:20px;align-items:center;min-width:80px;border:none;cursor:pointer;transition:all .5s ease}.language-button-active{background-color:var(--primary-color);padding-vertical:var(--spacing-sm);padding-horizontal:var(--spacing-md);border-radius:20px;align-items:center;min-width:80px;border:none;cursor:pointer;color:var(--color-white)}.language-button:hover{box-shadow:1px 1px 8px var(--primary-color)}.language-button-text{color:var(--primary-color);font-weight:600;font-size:14px}.language-button-active .language-button-text{color:var(--color-white)}.search-input{background-color:var(--color-background);padding-horizontal:var(--spacing-md);padding-vertical:calc(var(--spacing-sm) + 2px);border-radius:8px;font-size:16px;border:1px solid var(--color-light-gray);color:var(--color-text-primary);width:100%;box-sizing:border-box}.search-input::placeholder{color:var(--color-text-secondary)}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.2)}.book-list-grid-container{padding:16px;width:100%}.book-list-grid{justify-content:start;width:100%}.book-card-touchable{background:none;border:none;padding:0;cursor:pointer;margin-bottom:24px}.empty-list-container{display:flex;justify-content:center;align-items:center;min-height:200px}.empty-list-text{font-size:var(--font-size-body);color:var(--color-text-secondary);text-align:center}.modal-content-student{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.modal-book-image{width:250px;height:250px;object-fit:contain;margin-bottom:var(--spacing-md);border-radius:8px}.modal-book-title{font-size:var(--font-size-title);text-align:center;margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.modal-book-detail{font-size:14px;color:var(--color-text-primary);margin-bottom:var(--spacing-xs);text-align:center}.modal-content-non-student{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.subscription-header-text{font-size:var(--font-size-subtitle);font-weight:700;text-align:center;margin-bottom:var(--spacing-lg);color:var(--color-text-primary);line-height:1.4}.price-options-container{display:flex;flex-direction:row;justify-content:space-around;width:100%;margin-bottom:var(--spacing-lg);gap:var(--spacing-md)}.price-option{display:flex;flex-direction:column;align-items:center;background-color:var(--color-background);padding:var(--spacing-md);border-radius:8px;min-width:120px;border:1px solid var(--color-light-gray);flex:1}.price-text{font-size:24px;font-weight:700;color:var(--text-color);text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:red}.price-text-lansman{font-size:28px;font-weight:700;color:var(--primary-color);text-decoration:none;text-align:center}.price-period{font-size:14px;color:var(--color-text-secondary);text-transform:uppercase;margin-top:var(--spacing-xs)}.book-list-page-changer{display:flex;justify-content:start;align-items:center;gap:5px;margin-top:20px;flex-wrap:wrap}.book-list-slider-arrow{background-color:var(--active-color);border:1px solid #ddd;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;box-shadow:0 2px 4px #0000001a;transition:all .2s ease}.book-list-slider-arrow:disabled{cursor:not-allowed}.book-list-page-changer-button{background-color:var(--active-color);padding:8px;width:30px;height:30px;border-radius:50%;color:var(--primary-color);font-size:14px;border:1px solid var(--primary-color);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-weight:700}.book-list-page-changer-button:hover,.book-list-page-changer-button.book-list-active{background-color:var(--primary-color);color:var(--color-white)}.action-button{padding-vertical:var(--spacing-md);padding-horizontal:var(--spacing-lg);border-radius:8px;align-items:center;justify-content:center;margin-top:var(--spacing-md);min-height:50px;border:none;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.action-button:hover{transform:translateY(-2px)}.action-button-text{font-size:var(--font-size-button);font-weight:700;color:var(--color-white)}.blue-button{background-color:var(--color-secondary)}.blue-button:hover{background-color:#3a7bd2}.green-button{background-color:var(--color-tertiary)}.green-button:hover{background-color:#3ec4a8}.purple-button{background-color:var(--color-accent)}.purple-button:hover{background-color:#9a32c2}.full-width-button{width:90%}.dismiss-button{margin-top:var(--spacing-md);padding:var(--spacing-sm);align-items:center;background:none;border:none;cursor:pointer}.dismiss-button-text{font-size:16px;color:var(--color-medium-gray);font-weight:500}@media(max-width:1100px){.header-controls{width:50%;padding:var(--spacing-sm)}}@media(max-width:950px){.header-controls{width:60%;padding:var(--spacing-sm)}}@media(max-width:768px){.header-controls{width:100%;padding:var(--spacing-sm)}.language-buttons-container{justify-content:space-between}.book-list-grid-container{padding:var(--spacing-sm)}.book-list-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.modal-content{padding:var(--spacing-md)}.modal-book-image{width:120px;height:180px}.modal-book-title{font-size:20px}.modal-book-detail{font-size:14px}.subscription-header-text{font-size:16px}.price-text{font-size:24px}.price-period{font-size:12px}.action-button{padding-vertical:var(--spacing-sm);padding-horizontal:var(--spacing-md);font-size:14px}.action-button-text{font-size:14px}.full-width-button{width:100%}}@media(max-width:480px){.store-container{padding:var(--spacing-sm)}.header-controls{padding:var(--spacing-sm);margin-bottom:20px}.language-buttons-container{justify-content:space-around}.language-button{padding-vertical:var(--spacing-xs);padding-horizontal:var(--spacing-sm);font-size:12px}.search-input{font-size:14px}.book-list-grid-container{padding:var(--spacing-xs)}.book-list-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.modal-content{padding:var(--spacing-sm)}.modal-book-image{width:100px;height:150px}.modal-book-title{font-size:18px}.modal-book-detail{font-size:12px}.price-text{font-size:20px}.price-period{font-size:10px}.action-button{padding-vertical:var(--spacing-xs);padding-horizontal:var(--spacing-sm);font-size:12px}.action-button-text{font-size:12px}}.friends-container{display:flex;flex-direction:column;min-height:100vh;background-image:url(/assets/site_bg_2-TTxGU8fV.png);background-repeat:repeat;padding:20px;box-sizing:border-box;align-items:center}.title{font-size:24px;font-weight:700;margin-bottom:20px;text-align:center}.friends-loading-container{display:flex;flex:1;justify-content:center;align-items:center;min-height:100vh;background-color:#fff}.loading-text{margin-top:10px;font-size:16px;color:#666}.empty-text{text-align:center;font-size:16px;color:#666;margin-top:20px}.friend-button-container{text-align:center;margin-bottom:50px;width:100%}.friend-list{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:20px;width:100%;padding:0;margin:0}.friend-card{background-color:var(--active-color);display:flex;flex-direction:column;align-items:center;padding:15px;border-radius:10px;margin-bottom:15px;box-shadow:0 1px 3px #00000038;border:none;width:100%;height:100%;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.friend-card p{margin:5px;color:#333;font-size:14px}.friend-card:hover{transform:translateY(-3px);box-shadow:0 4px 8px #0003}.friend-name{font-size:18px;font-weight:700;margin-bottom:5px;color:var(--primary-color);font-size:24px}.friend-card-wrapper{flex:1 1 23%;max-width:250px;min-width:200px;margin-bottom:20px}@media(max-width:1200px){.friend-card-wrapper{flex:1 1 20%}}@media(max-width:992px){.friend-card-wrapper{flex:1 1 30%}}@media(max-width:768px){.friends-container{padding:15px}.friend-list{justify-content:center;gap:15px}.friend-card-wrapper{flex:1 1 45%;max-width:none;min-width:unset}.friend-name{font-size:16px}.add-friend-button{font-size:16px;padding:10px 15px}}.collectioncard{background-color:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;overflow:hidden;width:150px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:10px;margin:5px}.collectioncard-image{width:100%;height:auto;border-top-left-radius:12px;border-top-right-radius:12px}.collectioncard-title{font-size:1rem;font-weight:700;color:#333;margin:10px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:90%}.collectioncard p{font-size:.9rem;color:#666;margin:5px 0;padding:0 10px}@media(max-width:768px){.collectioncard{width:120px;min-width:120px}}@media(max-width:480px){.collectioncard{width:100px;min-width:100px}.collectioncard-title{font-size:.9rem}.collectioncard p{font-size:.7rem}}.collection-screen{display:flex;flex-direction:column;min-height:100vh;background-image:url(/assets/site_bg_2-TTxGU8fV.png);background-repeat:repeat;padding:20px;box-sizing:border-box;align-items:center}.collection-loading-container{display:flex;flex:1;justify-content:center;align-items:center;min-height:100vh;width:100%}.spinner-large{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-top-color:#00f;border-radius:50%;animation:spin 1s linear infinite}.collection-content{width:100%}.collection-levels{display:flex;flex-direction:column;gap:20px;align-items:center}.level-section{margin-bottom:20px;width:100%}.library-section-title-container{display:flex;align-items:center;justify-content:flex-start;margin-bottom:15px;padding-left:10px}.slider-container{position:relative;width:100%}.cards-horizontal-list{display:flex;overflow-x:auto;padding:0 60px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:10px;width:100%;box-sizing:border-box;justify-content:flex-start}.cards-horizontal-list::-webkit-scrollbar{display:none}.cards-horizontal-list{-ms-overflow-style:none;scrollbar-width:none}.slider-button{background-color:#ffffffb3;border:none;border-radius:50%;color:#333;font-size:2rem;font-weight:700;cursor:pointer;padding:12px;width:50px;height:50px;position:absolute;top:50%;transform:translateY(-50%);z-index:10;box-shadow:0 2px 5px #0003;transition:background-color .3s ease;display:flex;align-items:center;justify-content:center}.slider-button.left{left:0}.slider-button.right{right:0}.slider-button:hover{background-color:#ffffffe6}.no-avatar-wrapper{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding-top:50px}.no-avatar-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.no-avatar-text{font-size:1.2rem;color:#666;margin:20px 0}.create-profile-link{text-decoration:none}.info-text-center{text-align:center;font-size:1.1rem;color:#888;margin-top:50px}.custom-alert-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.custom-alert-box{background-color:#fff;padding:25px;border-radius:8px;text-align:center;box-shadow:0 4px 6px #0000001a}.custom-alert-box button{margin-top:15px;padding:10px 20px;background-color:#4f46e5;color:#fff;border:none;border-radius:5px;cursor:pointer}@media(max-width:768px){.collection-content{margin-top:20px}.cards-horizontal-list{padding:0 5px}.slider-button{font-size:1rem;padding:2px;width:35px;height:35px}.collection-screen{padding:0}.no-avatar-text{font-size:1rem}}.profile-card-container{flex:1;margin:8px;height:150px;border-radius:10px;padding:15px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 2px 3px #00000026}.profile-card-count{font-size:2.2rem;font-weight:700;color:#fff;margin-bottom:5px;text-align:center}.profile-card-title{font-size:1rem;color:#fff;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.2}@media(max-width:600px){.profile-card-count{font-size:1.8rem}.profile-card-title{font-size:.9rem}}.profile-screen{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;background-image:url(/assets/site_bg_2-TTxGU8fV.png);background-repeat:repeat;padding:20px;box-sizing:border-box}.profile-scroll-view{width:100%;max-width:800px;overflow-y:auto;padding-right:15px;flex-grow:1;padding-vertical:20px}.membership-expiry-text{font-size:14px;color:#4caf50;margin-top:8px;text-align:center;width:100%}.membership-expiry-text strong{font-weight:700}.power-container{display:flex;flex-direction:column;border-radius:10px;margin-bottom:10px;align-items:center}.power-text{flex:1;font-size:18px;text-align:center}.power-level{font-weight:700;font-size:24px;color:var(--primary-color)}.membership-expiry-text.--expired{color:#f44336;cursor:pointer}.profile-loading-container{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;width:100%;background-color:#f8f8f8}.loading-text{margin-top:10px;font-size:1rem;color:#333}.header-section{display:flex;flex-direction:column;align-items:center;margin-bottom:30px;flex-shrink:0}.avatar-container{justify-content:center;align-items:center;overflow:hidden;margin-bottom:8px;width:180px;height:180px;border-radius:50%;background-color:#e0e0e0;border:2px solid var(--active-color)}.default-avatar-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.user-name-text{font-size:1.5rem;font-weight:700;color:#333;margin-bottom:2px;text-align:center}.user-role-text{font-size:1.1rem;color:#666;margin-bottom:15px;text-align:center}.edit-button{margin-top:10px;padding:8px 15px;background-color:var(--active-color);border-radius:15px;border:none;cursor:pointer;transition:transform .3s ease;transform:scale(1)}.edit-button:hover{transform:scale(1.05)}.edit-button-text{font-size:1rem;color:var(--primary-color);font-weight:500}.stats-section{width:100%;margin-bottom:30px;padding:15px;border-radius:8px;box-shadow:0 2px 4px #0000001a;background-color:#fff}.stat-row{display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #eee}.stat-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.stat-label{font-size:1.1rem;color:#555;font-weight:500;flex-shrink:1}.stat-value{font-size:1.1rem;color:#000;font-weight:700;margin-left:10px}.teacher-info-text{font-size:.95rem;color:#666;margin-top:10px;text-align:center;padding-horizontal:10px}.student-info-section{margin-bottom:30px;display:flex;flex-direction:column;align-items:stretch;justify-content:center}.user-code-container{background-color:#fff;padding:15px;border-radius:8px;margin-bottom:20px;border:3px solid var(--active-color)}.user-code-label{font-size:1.05rem;color:#555;margin-bottom:5px}.code-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.code-col{display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin-bottom:10px;gap:10px}.user-code-text{font-size:1.1rem;font-weight:700;color:#000;flex:1;margin-right:10px;word-break:break-all}.copy-code-button{background-color:#007bff;padding:6px 10px;border-radius:4px;border:none;cursor:pointer;min-width:60px;text-align:center}.copy-code-button-text{font-size:.9rem;color:#fff}.code-info-text{font-size:.85rem;color:#777;text-align:center}.join-class-button{background-color:#ffc107;padding:15px 20px;border-radius:8px;border:none;cursor:pointer;text-align:center;margin-bottom:30px;box-shadow:0 2px 4px #0000001a;transition:background-color .2s ease}.join-class-button:hover{background-color:#e0a800}.join-class-button-text{color:#333;font-size:1.1rem;font-weight:700;text-align:center}.profile-card-list-container{margin-bottom:20px;margin-top:20px}.profile-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;justify-content:center}.section-title{font-size:1.2rem;font-weight:700;color:#333;margin-bottom:10px;text-align:center}.links-section{margin-top:20px;margin-bottom:10px;display:flex;flex-direction:column;align-items:center;gap:10px}.link-button{padding:8px 12px;border:none;background:none;cursor:pointer;text-align:center}.link-button-text{font-size:1.05rem;color:var(--primary-color);text-decoration:none}.link-button-text:hover{text-decoration:underline}.logout-button{margin-top:20px;background-color:#dc3545;padding:12px 20px;border-radius:8px;border:none;cursor:pointer;text-align:center;box-shadow:0 2px 4px #0000001a;transition:background-color .2s ease}.logout-button:hover{background-color:#c82333}.logout-button-text{font-size:1.1rem;color:#fff;font-weight:700}.modal-title{font-size:1.5rem;font-weight:700;margin-bottom:15px;color:#333;text-align:center}.modal-text{font-size:1rem;color:#555;text-align:center;margin-bottom:15px}.text-input{width:100%;border:1px solid #ccc;border-radius:5px;padding:10px 12px;margin-bottom:20px;font-size:1.05rem;box-sizing:border-box}.modal-button-primary,.modal-button-secondary{padding:10px 20px;border-radius:5px;border:none;cursor:pointer;width:100%;font-weight:700;font-size:1.1rem;text-align:center;transition:background-color .2s ease}.modal-button-primary{background-color:#007bff;color:#fff;margin-bottom:10px}.modal-button-primary:hover{background-color:#0056b3}.modal-button-secondary{background-color:#ccc;color:#333}.modal-button-secondary:hover{background-color:#b0b0b0}@media(max-width:768px){.profile-scroll-view{padding-horizontal:10px}.avatar-container{width:150px;height:150px}.user-name-text{font-size:1.3rem}.user-role-text{font-size:1rem}.stat-label,.stat-value,.teacher-info-text,.user-code-label,.user-code-text,.copy-code-button-text,.code-info-text,.join-class-button-text,.section-title,.link-button-text,.logout-button-text,.modal-title,.modal-text,.text-input,.modal-button-primary,.modal-button-secondary{font-size:.95rem}.profile-cards-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}}@media(max-width:480px){.profile-scroll-view{padding-horizontal:5px}.avatar-container{width:120px;height:120px}.user-name-text{font-size:1.2rem}.profile-cards-grid{grid-template-columns:1fr}}.class-card{width:100%;max-width:none;height:150px;border-radius:12px;background-color:#fff;box-shadow:0 4px 8px #0000001a;padding:1.5rem 1rem;display:flex;align-items:center;justify-content:center;min-height:80px;transition:transform .2s ease-in-out}.class-card:hover{transform:translateY(-4px)}.class-card-title{font-size:1rem;font-weight:700;color:#333;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.classes-screen{display:flex;flex-direction:column;min-height:100vh;background-image:url(/assets/site_bg_2-TTxGU8fV.png);background-repeat:repeat;padding:10px;box-sizing:border-box}.classes-loading-container{display:flex;flex:1;justify-content:center;align-items:center;background-color:#f4f7fc}.spinner-large{width:40px;height:40px;border:4px solid rgba(0,122,255,.2);border-top-color:#007aff;border-radius:50%;animation:spin 1s linear infinite}.loading-text{margin-top:10px;font-size:16px;color:#555}.class-list-container{padding-bottom:20px;width:100%;display:flex;flex-direction:column;align-items:center}.notification-button{background-color:#ffc107;padding:12px 20px;border-radius:8px;margin:10px auto 15px;width:calc(100% - 20px);max-width:400px;border:none;cursor:pointer;box-shadow:0 2px 4px #00000026;transition:background-color .2s ease}.notification-button:hover{background-color:#e0a800}.notification-button-text{color:#333;font-weight:700;font-size:15px;text-align:center}.class-cards-grid{display:flex;justify-content:center;width:100%}.class-card-button{background:none;border:none;padding:0;cursor:pointer;display:flex;justify-content:center;align-items:center;width:100%}.empty-container{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:center;padding:20px}.empty-text{font-size:18px;color:#6c757d;margin-bottom:25px;text-align:center}.add-button{background-color:#007aff;padding:12px 30px;border-radius:25px;border:none;cursor:pointer;box-shadow:0 2px 4px #0003;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;margin:0 auto}.add-button:hover{background-color:#0056b3}.add-button-text{color:#fff;font-size:16px;font-weight:700}.add-class-footer-button{margin-top:20px;margin-bottom:20px}.modal-title{font-size:20px;font-weight:700;margin-bottom:15px;color:#333;text-align:center}.message-item:hover{background-color:#f8f9fa}.message-item-content{display:flex;flex-direction:column}.message-title{font-size:16px;font-weight:700;color:#333;margin-bottom:4px}.message-date{font-size:12px;color:#777;text-align:right}.message-separator{height:1px;background-color:#ececec;margin:0}.no-message-text{font-size:16px;color:#6c757d;text-align:center;padding:20px}.modal-close-button{background-color:#6c757d;padding:10px 15px;border-radius:8px;border:none;cursor:pointer;margin-top:20px;align-self:center}.modal-button-text{color:#fff;font-size:16px;font-weight:700}@media(max-width:768px){.class-cards-grid{justify-content:space-around;gap:15px;width:100%}.notification-button,.add-class-footer-button{width:calc(100% - 20px)}}.classes-button-container{display:flex;justify-content:center;margin:20px 0}.class-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;padding:0 10px;width:100%}@media(min-width:768px){.class-cards-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.class-cards-grid{grid-template-columns:repeat(4,1fr);max-width:1200px;margin:0 auto}}.teacher-book-card{width:100%;max-width:none;padding:12px;border-radius:8px;background:#fff;box-shadow:0 2px 4px #00000014;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;height:100%}.teacher-book-image{width:100%;height:160px;border-radius:6px;margin-bottom:10px;object-fit:cover}.teacher-book-image-placeholder{width:100%;height:160px;background-color:#e0e0e0;display:flex;justify-content:center;align-items:center;border-radius:6px;margin-bottom:10px;color:#777;font-size:14px}.teacher-book-title{font-size:16px;font-weight:700;text-align:center;margin-bottom:6px;color:#333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.2}.teacher-book-info,.teacher-homework-info{font-size:14px;text-align:center;margin-bottom:4px}.teacher-homework-info{color:#df1313;font-weight:700}@media(max-width:768px){.teacher-book-card{min-height:240px;padding:10px}.teacher-book-image,.teacher-book-image-placeholder{height:140px}.teacher-book-title{font-size:15px}}@media(max-width:480px){.teacher-book-card{min-height:auto}.teacher-book-image,.teacher-book-image-placeholder{height:160px}}.teacher-books-loading-container{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;width:100%;background-color:#f5f5f5}.spinner-large{width:40px;height:40px;border:4px solid rgba(0,0,255,.2);border-top-color:#00f;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.no-students-message-container{display:flex;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:20px;min-height:200px;gap:20px}.no-students-message-text{font-size:18px;color:#666;text-align:center}.search-input{height:50px;background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;padding-horizontal:15px;margin-bottom:20px;font-size:16px;color:#333;box-shadow:0 1px 2px #0000001a;width:100%;box-sizing:border-box}.search-input::placeholder{color:#9e9e9e}.search-input:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 3px #007aff33}.book-list-grid-container{width:100%;box-sizing:border-box;padding:8px 12px}.book-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;align-items:start;width:100%}.book-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;justify-content:center;padding-bottom:20px}.book-card-button{display:block;width:100%;padding:0;border:none;background:none;text-align:inherit;cursor:pointer}.book-card-button>.teacher-book-card{height:100%;display:flex;flex-direction:column}.empty-list-text{text-align:center;margin-top:50px;font-size:18px;color:#757575}@media(max-width:768px){.book-cards-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}}@media(max-width:480px){.book-cards-grid{grid-template-columns:1fr}.book-card-button{width:90%;margin:0 auto}.search-input{font-size:14px;height:45px}}.about-container{min-height:100vh;padding:20px;background-image:url(/assets/site_bg_2-TTxGU8fV.png);background-repeat:repeat;color:var(--text-color);display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.about-image-wrapper{width:100%;max-width:300px;margin-bottom:30px;display:flex;justify-content:center;align-items:center}.about-image{width:100%;height:auto;object-fit:cover}.about-title{font-size:2.5rem;color:var(--primary-color);text-align:center;margin-bottom:20px}.about-text{max-width:700px;font-size:1.1rem;line-height:1.7;text-align:justify;background-color:#fff;padding:3vw;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;justify-content:center;align-items:center}.about-text ul{list-style-type:disc;margin-left:20px;margin-bottom:15px}.about-text li{margin-bottom:10px}@media(max-width:768px){.about-title{font-size:2rem}.about-text{font-size:1rem}.about-image{width:80%;height:auto;object-fit:cover}}.dino-store-container{background-image:url(/assets/site_bg_2-TTxGU8fV.png);background-repeat:repeat}.verify-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background-image:url(/assets/site_bg_2-TTxGU8fV.png);background-repeat:repeat}.spam-text{color:red;font-weight:700}.verify-content{max-width:500px;background-color:#f8faff;border-radius:12px;box-shadow:0 4px 10px #0000001a;font-family:Arial,sans-serif;line-height:1.6;text-align:center;padding:50px 20px}.verify-container h2{margin-bottom:20px;color:#333;font-size:1.8rem}.verify-container p{margin-bottom:20px;color:#555;font-size:1rem}.verify-button-container{display:flex;justify-content:center;gap:10px}.failed-buttons{display:flex;flex-direction:column;gap:20px;margin-top:20px}.failed-container{background-image:url(/assets/site_bg_2-TTxGU8fV.png);background-repeat:repeat}.guide-container{background-image:url(/assets/site_bg_2-TTxGU8fV.png);background-repeat:repeat}.guide-selecter{border:2px solid #ccc;border-radius:10px;padding:20px;text-align:center;cursor:pointer;transition:border-color .5s,box-shadow .5s;margin:10px 0;width:80%}.guide-selecter:hover{border-color:var(--primary-color);box-shadow:0 0 10px var(--primary-color)}.guide-title{font-size:24px;font-weight:700;color:var(--primary-color);margin:0;padding:0}.video-accordion-list{max-width:800px;width:90%;margin:40px auto;font-family:Arial,sans-serif}.accordion-item{border:none}.video-accordion-list h1{text-align:center;color:var(--primary-color);margin-bottom:25px;font-weight:700}.accordion-title{background-color:var(--active-color);color:#333;cursor:pointer;padding:18px;width:100%;border:none;text-align:left;font-size:1.1em;transition:background-color .3s,border-bottom .3s;display:flex;justify-content:space-between;align-items:center;border-radius:5px 5px 0 0;margin-top:10px}.accordion-title:hover{background-color:#ddd}.accordion-title.active{background-color:var(--primary-color);color:#fff;border-bottom:1px solid #fff;border-radius:5px 5px 0 0}.accordion-title .icon{font-size:1.2em}.accordion-content{padding:20px;background-color:var(--active-color);border-top:none;overflow:hidden;border-radius:0 0 5px 5px}.video-responsive{overflow:hidden;padding-bottom:56.25%;position:relative;height:0}.video-responsive iframe{left:0;top:0;height:100%;width:100%;position:absolute;border:none}.guide-detail-wrapper{padding:20px}.pricing-amount{font-size:96px;font-weight:700;margin:0;color:var(--primary-color)}.pricing-image{width:100%;max-width:500px}.fast-reading-page{background-image:url(/assets/site_bg_2-TTxGU8fV.png);background-repeat:repeat}.fast-warn-title{font-size:20px;font-weight:600;color:#d32f2f;margin-bottom:15px}.fast-reading-container{display:flex;flex-direction:column;width:100%}.fast-reading-body{margin-top:20px}.fast-menu-item{display:flex;flex-direction:column;align-items:center;gap:30px;padding:30px;font-size:16px;background-color:var(--active-color);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .3s;width:100%;height:100%}.fast-menu-item p{font-size:40px;color:var(--primary-color)}.fast-menu-item span{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color) 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center}.fast-menu-item:hover{box-shadow:0 4px 15px #0003;transform:translateY(-5px)}.fast-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100dvh;background-color:#00000080;z-index:9998;display:flex;justify-content:center;align-items:flex-end}.fast-modal-container{background-color:#fff;width:100%;height:100dvh;max-width:none;max-height:none;border-radius:0;display:flex;flex-direction:column;animation:fastSlideUp .3s ease-out forwards}.fast-modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:#fff;border-bottom:1px solid #eee;box-shadow:0 2px 5px #0000000d;flex-shrink:0}.fast-modal-title{margin:0;font-size:1.35rem;font-weight:700;color:var(--primary-color);width:100%;text-align:center}.fast-modal-close-btn{background:#f0f0f0;border:none;width:36px;height:36px;border-radius:50%;font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#333;transition:background .2s}.fast-modal-close-btn:hover{background-color:#e0e0e0}.fast-modal-body{padding:20px;overflow-y:auto;flex-grow:1;background-color:#fafafa;display:flex}.fast-modal-body>*{margin:auto;width:100%}@keyframes fastSlideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.fast-intro-container{background-color:var(--active-color);padding:50px;border-radius:20px;display:flex;flex-direction:column;gap:50px;align-items:center}.fast-intro-items{display:grid;width:100%;gap:20px;grid-template-columns:1fr;text-align:center}.fast-intro-item{display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px;border:1px solid var(--border-color);border-radius:10px;background-color:#fff}.fast-intro-item p{text-align:center}.fast-intro-item span{width:50px;height:50px;border-radius:50%;background-color:var(--active-color);display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-weight:700;font-size:18px}.fast-intro-container>p{font-size:22px;text-align:center}@media(min-width:768px){.fast-intro-items{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.fast-intro-items{grid-template-columns:repeat(3,1fr)}}.text-buildup-area{width:100%;box-sizing:border-box;height:300px;background-color:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:24px;overflow-y:auto;font-size:1.5rem;line-height:1.6;color:#374151;text-align:left;box-shadow:inset 0 2px 4px #0000000d}.game-container-overlay{width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start;padding:60px 20px 20px;box-sizing:border-box;overflow-y:auto}.highlight-text{color:#2563eb;font-weight:600}.game-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f0f9ff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:20px;-webkit-user-select:none;user-select:none}.game-card{width:100%;max-width:800px;min-height:400px;background-color:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;overflow:hidden;display:flex;flex-direction:column}.game-header{background-color:var(--primary-color);padding:20px;text-align:center;color:#fff}.game-title{margin:0 0 10px;font-size:1.8rem}.target-display{display:inline-block;background-color:#2563eb;padding:8px 24px;border-radius:50px;font-size:1.2rem;box-shadow:inset 0 2px 4px #0003}.target-letter{font-weight:800;color:#fde047;font-size:1.5rem;margin-left:10px}.grid-wrapper{padding:20px}.letter-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:10px;max-width:100%;margin:0 auto}.grid-item{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background-color:#f3f4f6;border-radius:8px;font-size:1.2rem;font-weight:700;color:#374151;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.grid-item:hover{background-color:#dbeafe;transform:scale(1.05)}.grid-item.found{background-color:#22c55e;color:#fff;transform:scale(1.1);box-shadow:0 4px 6px #0000001a;border-color:#166534}.grid-placeholder{grid-column:span 10;height:200px;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-style:italic}.game-footer{background-color:#f9fafb;padding:15px 25px;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.score-board{display:flex;align-items:center;gap:8px;color:#1e40af;font-weight:700;font-size:1.1rem}.timer-board{display:flex;align-items:center;gap:8px;font-family:monospace;font-size:1.3rem;font-weight:700;color:#374151}.timer-warning{color:#dc2626;animation:pulse 1s infinite}.btn{display:flex;align-items:center;gap:8px;padding:10px 24px;border-radius:50px;font-weight:700;font-size:1rem;border:none;cursor:pointer;transition:transform .1s}.btn:active{transform:scale(.95)}.btn-start{background-color:#22c55e;color:#fff}.btn-stop{background-color:#ef4444;color:#fff}.harf-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.harf-modal-content{background-color:#fff;padding:40px;border-radius:24px;text-align:center;max-width:400px;width:90%;box-shadow:0 20px 25px #0003;animation:slideIn .3s ease-out}.modal-score-box{background-color:#eff6ff;padding:20px;border-radius:12px;margin:20px 0}.big-score{font-size:3rem;font-weight:800;color:#1e3a8a;margin:0}.modal-btn{width:100%;justify-content:center;font-size:1.1rem;padding:15px}.word-display-area{height:300px;display:flex;align-items:center;justify-content:center;background-color:#fff;border-bottom:2px solid #f3f4f6;font-size:3rem;font-weight:800;color:#1f2937;padding:20px;text-align:center;position:relative}.focus-line{position:absolute;top:50%;left:10%;right:10%;height:2px;background-color:#3b82f61a;z-index:0}.word-content{z-index:1;line-height:1.2}.settings-panel{display:flex;justify-content:space-around;align-items:center;padding:20px;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:15px}.setting-group{display:flex;flex-direction:column;align-items:center;gap:8px}.setting-label{font-size:.9rem;color:#64748b;font-weight:600;text-transform:uppercase}.chunk-btn{width:40px;height:40px;border-radius:8px;border:2px solid #cbd5e1;background:#fff;color:#64748b;font-weight:700;cursor:pointer;transition:all .2s}.chunk-btn.active{background-color:#3b82f6;color:#fff;border-color:#2563eb;transform:scale(1.1)}.speed-slider{width:150px;cursor:pointer}.speed-value{font-variant-numeric:tabular-nums;font-weight:700;color:#3b82f6}.progress-bar-container{height:6px;background-color:#e2e8f0;width:100%}.progress-bar{height:100%;background-color:#22c55e;transition:width .3s ease}.artan-yazi-buttons{display:flex;gap:16px}.jump-text-area{width:100%;height:350px;background-color:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:24px;overflow-y:auto;font-size:1.5rem;line-height:1.8;color:#94a3b8;text-align:left;box-shadow:inset 0 2px 4px #0000000d;font-family:Segoe UI,sans-serif;box-sizing:border-box}.jump-word{display:inline-block;padding:2px 4px;border-radius:4px;margin:0 2px;transition:all .1s ease-in-out}.jump-word.active{background-color:#facc15;color:#000;font-weight:800;transform:scale(1.1);box-shadow:0 2px 5px #0003}.word-bank-container{background-color:#f0f9ff;border:2px dashed #3b82f6;border-radius:12px;padding:15px;margin-bottom:20px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;min-height:80px}.bank-word-chip{background-color:#fff;border:2px solid #cbd5e1;padding:8px 16px;border-radius:20px;font-weight:700;color:#334155;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none;box-shadow:0 2px 4px #0000000d}.bank-word-chip:hover{transform:translateY(-2px);border-color:#94a3b8}.bank-word-chip.selected{background-color:#3b82f6;color:#fff;border-color:#2563eb;transform:scale(1.05);box-shadow:0 4px 6px #3b82f64d}.bank-word-chip.used{opacity:.4;cursor:default;transform:none;background-color:#e2e8f0;border-color:#cbd5e1;color:#94a3b8}.cloze-text-area{font-size:1.4rem;line-height:2;color:#374151;text-align:left}.cloze-slot{display:inline-block;min-width:80px;height:36px;vertical-align:middle;border-bottom:3px solid #3b82f6;background-color:#eff6ff;border-radius:4px;margin:0 5px;cursor:pointer;text-align:center;color:transparent;transition:all .3s}.cloze-slot:hover{background-color:#dbeafe}.cloze-slot.filled{background-color:transparent;border-bottom:none;color:#16a34a;font-weight:800;cursor:default;animation:popIn .3s ease-out}.shake-error{animation:shake .4s cubic-bezier(.36,.07,.19,.97) both;border-bottom-color:#ef4444!important;background-color:#fee2e2!important}@keyframes shake{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)}}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.difficulty-screen{display:flex;flex-direction:column;gap:15px;align-items:center;padding:40px}.diff-btn{width:200px;padding:15px;border-radius:12px;font-size:1.2rem;font-weight:700;border:none;cursor:pointer;color:#fff;transition:transform .2s}.diff-btn:hover{transform:scale(1.05)}.diff-easy{background-color:#22c55e}.diff-medium{background-color:#f59e0b}.diff-hard{background-color:#ef4444}.game-footer.won{background-color:#dcfce7;border-top:2px solid #22c55e}.game-footer.lost{background-color:#fee2e2;border-top:2px solid #ef4444}.footer-msg-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;text-align:center}.footer-title{font-size:1.5rem;font-weight:700;margin-bottom:10px;display:flex;align-items:center;gap:10px}.flow-text-area{width:100%;height:350px;background-color:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:24px;overflow-y:auto;font-size:1.5rem;line-height:1.8;color:#334155;text-align:left;box-shadow:inset 0 2px 4px #0000000d;font-family:Segoe UI,sans-serif;box-sizing:border-box}.flow-word{display:inline-block;padding:2px;border-radius:3px;margin:0 1px;transition:background-color .1s ease}.flow-word.painted{background-color:#facc15;color:#000}.flow-word.current{background-color:#f59e0b;color:#fff}.syllable-selector-container{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:20px;padding:10px;background-color:#f1f5f9;border-radius:12px;max-height:150px;overflow-y:auto}.syllable-btn{border:2px solid #cbd5e1;background-color:#fff;color:#334155;font-size:1.1rem;font-weight:700;padding:8px 16px;border-radius:8px;cursor:pointer;transition:all .2s;min-width:40px;text-align:center}.syllable-btn:hover{border-color:#3b82f6;background-color:#eff6ff}.syllable-btn.active{background-color:#3b82f6;color:#fff;border-color:#2563eb;transform:scale(1.1);box-shadow:0 4px 6px #3b82f64d}.syllable-btn.wide-group{background-color:#e0f2fe;border-color:#7dd3fc;color:#0c4a6e;font-weight:800;padding:8px 24px}.syllable-btn.wide-group.active{background-color:#0284c7;color:#fff;border-color:#0ea5e9}.flash-screen{width:100%;height:300px;background-color:#fff;border:4px solid #bae6fd;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:inset 0 0 20px #0000000d}.flash-text{font-size:6rem;font-weight:700;color:#1e293b;font-family:TemelYazi,sans-serif;letter-spacing:2px;animation:popText .3s cubic-bezier(.175,.885,.32,1.275)}.shape-svg-container{width:100%;height:350px;display:flex;align-items:center;justify-content:center;overflow:hidden}.game-polygon{fill:none;stroke:#cbd5e1;stroke-width:4;stroke-linejoin:round;transition:all .5s ease}.moving-dot{fill:#3b82f6;transition:cx .2s linear,cy .2s linear}.shape-control-group{display:flex;align-items:center;gap:10px;background-color:#f1f5f9;padding:8px 15px;border-radius:10px;border:1px solid #e2e8f0}.shape-label{font-size:.9rem;font-weight:700;color:#475569;margin-right:5px}.shape-btn{width:32px;height:32px;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#334155;font-weight:700;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.shape-btn:hover{border-color:#3b82f6;color:#3b82f6;background-color:#eff6ff}.shape-value{font-weight:700;color:#1e293b;min-width:20px;text-align:center;font-size:1.1rem}.wave-svg-container{width:100%;height:350px;background-color:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;position:relative}.wave-path{fill:none;stroke:#cbd5e1;stroke-width:4;stroke-linecap:round;transition:all .5s ease}.target-words-panel{background-color:#f0f9ff;border:2px dashed #3b82f6;border-radius:12px;padding:15px;margin-bottom:20px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center}.target-chip{background-color:#fff;border:2px solid #93c5fd;color:#1e3a8a;padding:6px 14px;border-radius:20px;font-weight:700;font-size:1.1rem;box-shadow:0 2px 4px #0000000d;display:flex;align-items:center;gap:6px}.target-chip.found{background-color:#22c55e;border-color:#16a34a;color:#fff;text-decoration:line-through;opacity:.8}.find-words-area{width:100%;height:400px;background-color:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:24px;overflow-y:auto;font-size:1.3rem;line-height:2;color:#475569;text-align:justify;box-shadow:inset 0 2px 4px #0000000d}.clickable-word{display:inline-block;padding:2px 6px;border-radius:6px;margin:0 2px;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid transparent;transition:all .2s}.clickable-word:hover{background-color:#e0f2fe;color:#0284c7}.clickable-word.found-target{background-color:#4ade80;color:#064e3b;font-weight:700;transform:scale(1.1);box-shadow:0 2px 4px #0000001a}.clickable-word.error{animation:shake .4s ease-in-out;background-color:#fee2e2;color:#dc2626}.level-up-overlay{position:absolute;inset:0;background:#fffc;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;animation:fadeIn .3s}.level-up-text{font-size:3rem;font-weight:800;color:#2563eb;text-shadow:0 4px 10px rgba(37,99,235,.2);animation:popIn .5s cubic-bezier(.175,.885,.32,1.275)}.wave-dot{fill:#ef4444}.timer-badge{display:flex;align-items:center;gap:8px;background-color:#fff;color:#ea580c;padding:5px 15px;border-radius:20px;font-weight:700;font-size:1.1rem;box-shadow:0 2px 5px #0000001a}.timer-badge.urgent{background-color:#fee2e2;color:#dc2626;animation:pulse 1s infinite}.game-result-overlay{position:absolute;inset:0;background-color:#fffffff2;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20;text-align:center}.result-title{font-size:2.5rem;font-weight:800;margin-bottom:10px}.result-desc{font-size:1.2rem;color:#64748b;margin-bottom:30px}@keyframes popText{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.speed-btn-group{display:flex;gap:10px;margin-bottom:10px}.speed-select-btn{padding:8px 16px;border-radius:20px;border:2px solid #e2e8f0;background:#fff;color:#64748b;font-weight:700;cursor:pointer}.speed-select-btn.active{background-color:#8b5cf6;color:#fff;border-color:#7c3aed}.stroop-container{display:flex;gap:20px;width:100%;height:250px;margin-bottom:20px}.stroop-box{flex:1;border-radius:12px;background-color:#f8fafc;border:2px solid #e2e8f0;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:inset 0 2px 4px #0000000d;transition:all .3s ease}.stroop-shape-icon{font-size:8rem;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.stroop-text{font-size:3rem;font-weight:900;letter-spacing:2px;text-transform:uppercase}.question-header{background-color:#3b82f6;color:#fff;padding:15px;border-radius:10px;text-align:center;font-size:1.4rem;font-weight:700;margin-bottom:20px;box-shadow:0 4px 6px #3b82f64d;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.options-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.option-btn{background-color:#fff;border:2px solid #cbd5e1;padding:15px;border-radius:8px;font-size:1.1rem;font-weight:700;color:#475569;cursor:pointer;transition:all .1s}.option-btn:hover{background-color:#e0f2fe;border-color:#3b82f6;color:#0284c7;transform:translateY(-2px)}.option-btn:active{transform:scale(.95)}.option-btn.wrong{background-color:#fee2e2;border-color:#ef4444;color:#dc2626;animation:shake .4s}.game-over-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:30px;text-align:center}.game-over-icon{color:#ef4444;margin-bottom:20px}.game-over-title{font-size:2rem;font-weight:800;color:#1f2937;margin-bottom:10px;margin-top:0}.game-over-score{font-size:1.2rem;color:#4b5563;margin-bottom:30px}@media(max-width:600px){.stroop-container{flex-direction:column;height:auto}.stroop-box{height:150px}.options-grid{grid-template-columns:repeat(2,1fr)}}.circle-game-area{width:100%;height:400px;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#fff;border-radius:12px;border:1px solid #e2e8f0;position:relative}.center-focus-dot{width:8px;height:8px;background-color:#ef4444;border-radius:50%;position:absolute;z-index:10;box-shadow:0 0 10px #ef444480}.expanding-circle{border:4px solid #3b82f6;border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;transition:width .3s cubic-bezier(.175,.885,.32,1.275),height .3s cubic-bezier(.175,.885,.32,1.275)}.circle-letter{position:absolute;font-size:2rem;font-weight:800;color:#1e293b;background-color:#fff;padding:0 5px;line-height:1}.pos-top{top:-20px;left:50%;transform:translate(-50%)}.pos-bottom{bottom:-20px;left:50%;transform:translate(-50%)}.pos-left{left:-20px;top:50%;transform:translateY(-50%)}.pos-right{right:-20px;top:50%;transform:translateY(-50%)}@media(max-width:600px){.circle-game-area{height:320px!important;overflow:visible!important}.expanding-circle{transform:scale(.75)}.game-footer{flex-direction:column!important;gap:20px!important;margin-top:10px}.setting-group{flex-direction:column!important;align-items:flex-start!important;width:100%;gap:10px!important;background:#f8fafc;padding:10px;border-radius:8px}.setting-group input[type=range]{width:100%!important;margin:5px 0}.setting-label{font-size:.9rem;font-weight:700;color:#475569}.artan-yazi-buttons{display:flex;flex-direction:row;width:100%;gap:10px}.artan-yazi-buttons .btn{flex:1;padding:10px 5px!important;font-size:.9rem!important;display:flex;justify-content:center;align-items:center;gap:5px}}.memory-grid{display:grid;gap:10px;width:100%;max-width:500px;margin:0 auto;padding:10px;transition:opacity .3s}.memory-card{position:relative;cursor:pointer;perspective:1000px;aspect-ratio:4/4}.memory-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d;border-radius:12px;box-shadow:0 4px 6px #0000001a}.memory-card.flipped .memory-card-inner{transform:rotateY(180deg)}.memory-card-front,.memory-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;-webkit-user-select:none;user-select:none}.memory-card-front{background-color:#f59e0b;color:#fff;border:2px solid #d97706}.memory-card-back{background-color:#fff;color:#2563eb;border:2px solid #3b82f6;transform:rotateY(180deg)}.memory-overlay{position:absolute;inset:0;background-color:#fffffff2;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:50;border-radius:15px;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.memory-controls{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;width:100%;background:#f9fafb;padding:10px;border-radius:10px;margin-bottom:10px;box-sizing:border-box}.memory-difficulty-group{display:flex;align-items:center;gap:10px}.memory-buttons-wrapper{display:flex;gap:5px}.setting-label-mobile{display:none}.memory-timer{display:flex;align-items:center;gap:8px;font-weight:700;color:#4b5563;font-size:1.2rem;background:#fff;padding:5px 15px;border-radius:6px;box-shadow:0 1px 2px #0000001a;white-space:nowrap}@media(max-width:600px){.memory-controls{flex-direction:column;align-items:stretch;gap:10px;padding:10px}.memory-difficulty-group{flex-direction:column;align-items:start;width:100%}.setting-label-mobile{display:flex;font-size:.9rem;font-weight:700;color:#4b5563;margin-bottom:5px}.memory-difficulty-group>div{display:grid!important;grid-template-columns:1fr 1fr 1fr;gap:5px;width:100%}.memory-difficulty-group button{padding:8px 2px!important;font-size:.75rem!important;width:100%!important;display:flex;align-items:center;justify-content:center}.memory-timer{justify-content:center;background-color:#fee2e2;color:#b91c1c;width:100%;font-size:1rem;margin-top:5px;padding:8px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.find-words-area{font-size:1rem;text-align:center}.target-chip{font-size:.8rem}.word-display-area{font-size:2rem}.flow-text-area{font-size:1rem;text-align:center}.cloze-text-area{font-size:1.2rem;text-align:center}.letter-grid{gap:4px}.grid-item{font-size:.9rem;border-radius:4px}.game-footer{flex-direction:column;gap:15px}}@media(max-width:600px){.speed-select-btn{font-size:.8rem;padding:4px 8px}.text-buildup-area{font-size:1rem}.jump-text-area{font-size:1rem;text-align:center}.grid-wrapper{padding:5px!important}.letter-grid{grid-template-columns:repeat(10,1fr)!important;gap:2px!important;width:100%!important}.grid-item{font-size:.85rem!important;border-width:1px!important;border-radius:4px!important}.game-footer{flex-direction:column!important;gap:15px!important;padding:10px!important}.game-footer>div{width:100%;justify-content:center;display:flex}.btn{width:100%}}.fast-menu-items{display:grid;width:100%;gap:20px;margin-top:50px;grid-template-columns:1fr}.fast-menu-titles{display:flex;gap:10px;background-color:var(--primary-color);border-radius:10px;padding:10px}.fast-menu{display:flex;padding:50px;flex-direction:column;align-items:center;justify-content:center}.fast-menu-title{background-color:var(--active-color);color:var(--primary-color);border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:16px;width:150px}.fast-button-active{background-color:var(--primary-color);color:var(--active-color)}@media(min-width:768px){.fast-menu-items{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.fast-menu-items{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.fast-menu{padding:20px 10px!important;width:100%;box-sizing:border-box;overflow-x:hidden}.fast-menu-items{margin-top:20px!important;width:100%;box-sizing:border-box;padding:0 5px}.fast-menu-titles{width:100%;justify-content:center;box-sizing:border-box}.fast-menu-title{width:auto!important;flex:1;font-size:14px!important;padding:10px 5px!important;white-space:nowrap}}