html,body,#root{width:100%;height:100%;margin:0;padding:0}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:Orbitron;src:url(../assets/fonts/Orbitron-VariableFont_wght.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;cursor:default}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#english-universe-root{position:relative;z-index:999999;font-family:Inter,Arial,sans-serif;font-size:16px;color:#222;background:#fff;box-sizing:border-box;line-height:1.5;margin:0;padding:0}#english-universe-root .menu{background-color:#007bff!important;margin:0!important;padding:1rem 0!important;border:none!important;border-radius:0!important;position:relative!important;z-index:999999!important}body,html{margin:0;padding:0;font-family:Arial,sans-serif;background:#f0f0f0}.hide-cursor{cursor:none}*{margin:0;padding:0;box-sizing:border-box}.app-container{margin:0!important;padding:0!important;position:relative}.app-wrapper{display:flex;flex-direction:column;align-items:center;min-height:100vh}.menu{width:100%;background-color:#007bff;padding:1rem 0}.menu ul{list-style:none;padding:0;display:flex;justify-content:center;margin:0}.menu li{margin:0 10px}.menu a{color:#fff;text-decoration:none;font-size:1rem}.menu a:hover{text-decoration:underline}.home{margin:2rem auto;text-align:center}.home h1{font-size:2rem}.home p{color:#666}.teacher-tools-container,.student-progress-container,.start-page,.starmap-container,.settings-container{padding-top:5%;margin-top:0}.student-tools-container{padding-top:0;margin-top:0}#english-universe-root .navbar{display:flex!important;align-items:center!important;justify-content:space-between!important;background-color:#000!important;padding:10px 20px!important;color:#fff!important;position:sticky!important;top:0!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:visible!important;overflow-y:visible!important;z-index:999999!important;margin:0!important;border:none!important;box-sizing:border-box!important;flex-shrink:0!important}#english-universe-root .navbar-logo{height:65px!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;border:none!important;background:none!important}#english-universe-root .navbar-content{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0!important;padding:0!important}.menu-button{background:none;border:none;color:#fff;font-size:50px;cursor:pointer;right:100px}.menu-button:hover{background:none;border:none;color:#90ee90}.dropdown-menu{position:absolute;right:10px;top:60px;background-color:#000;border:1px solid white;padding:10px;box-shadow:0 4px 8px #0000001a;z-index:1001;max-width:calc(100vw - 40px);overflow-x:auto}#english-universe-root .navbar-right{display:flex!important;align-items:center!important;gap:10px!important;margin-right:50px!important;margin-left:0!important;padding:0!important;overflow:visible!important}#english-universe-root .navbar-right p{display:none!important}#english-universe-root .navbar-right button{margin-right:0!important;font-size:20px!important;padding:8px 12px!important;background-color:#000!important;color:#fff!important;border:1px solid white!important;cursor:pointer!important;font-family:inherit!important;border-radius:4px!important}#english-universe-root .navbar-right button:hover{margin-right:0!important;font-size:20px!important;padding:8px 12px!important;background-color:#23a455!important;color:#fff!important;border:1px solid #23A455!important}#english-universe-root .navbar-right button.wp-auth-button{background-color:#23a455!important;color:#fff!important;border:none!important;padding:8px 16px!important;cursor:pointer!important;font-size:16px!important;margin-left:10px!important}#english-universe-root .navbar-right button.wp-auth-button:hover{background-color:#1a7d40!important}#english-universe-root .navbar-center{position:absolute!important;left:50%!important;transform:translate(-50%)!important;font-size:14px!important;color:#ccc!important;margin:0!important;padding:0!important}#english-universe-root .navbar-right button.notification-avatar-button,#english-universe-root .navbar-right button.notification-avatar-button:hover{border:none!important;background:none!important;background-color:transparent!important;padding:0!important;margin-right:0!important;font-size:inherit!important}.teacher-tools-dropdown-container{position:relative!important}.teacher-tools-dropdown{position:absolute!important;top:calc(100% + 2px)!important;left:0!important;background-color:#000!important;border:1px solid white!important;border-radius:4px!important;box-shadow:0 4px 8px #0000004d!important;z-index:1000000!important;min-width:200px!important;margin-top:0!important;display:flex!important;flex-direction:column!important;padding:5px 0!important}.teacher-tools-dropdown-container:after{content:""!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;height:2px!important;background:transparent!important;z-index:1000001!important}.teacher-tools-dropdown button{width:100%!important;text-align:left!important;padding:10px 15px!important;margin:0!important;border:none!important;border-radius:0!important;background-color:transparent!important;color:#fff!important;font-size:16px!important;cursor:pointer!important;transition:background-color .2s!important}.teacher-tools-dropdown button:hover,.teacher-tools-dropdown button.active{background-color:#23a455!important;color:#fff!important}.support-ticket-modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background-color:#000000bf!important;display:flex!important;justify-content:center!important;align-items:center!important;z-index:999999!important}.support-ticket-modal{position:relative!important;background:#fff!important;border-radius:12px!important;max-width:600px!important;width:90%!important;max-height:90vh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;outline:none!important;z-index:1000000!important}.support-ticket-modal-content{display:flex;flex-direction:column;height:100%;overflow:hidden}.support-ticket-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0}.support-ticket-modal-header h2{margin:0;font-size:24px;color:#333}.support-ticket-modal-close{background:none;border:none;font-size:32px;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;line-height:1;transition:color .2s}.support-ticket-modal-close:hover{color:#000}.support-ticket-form{display:flex;flex-direction:column;flex:1;overflow-y:auto;padding:20px}.support-ticket-field{margin-bottom:20px}.support-ticket-field label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:14px}.support-ticket-field select,.support-ticket-field textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;box-sizing:border-box}.support-ticket-field select:focus,.support-ticket-field textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.support-ticket-field textarea{resize:vertical;min-height:120px}.support-ticket-info{margin-bottom:20px}.support-ticket-info-text{color:#666;font-size:12px;margin:0;line-height:1.5}.support-ticket-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid #e0e0e0;margin-top:auto}.support-ticket-button{padding:10px 24px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.support-ticket-button:disabled{opacity:.5;cursor:not-allowed}.support-ticket-button-cancel{background-color:#f5f5f5;color:#333}.support-ticket-button-cancel:hover:not(:disabled){background-color:#e0e0e0}.support-ticket-button-submit{background-color:#007bff;color:#fff}.support-ticket-button-submit:hover:not(:disabled){background-color:#0056b3}.support-ticket-success{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;text-align:center;min-height:300px}.support-ticket-success-icon{width:80px;height:80px;border-radius:50%;background-color:#28a745;color:#fff;font-size:48px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;font-weight:700;animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.support-ticket-success h3{margin:0 0 16px;font-size:24px;color:#28a745;font-weight:600}.support-ticket-success p{margin:0;color:#333;font-size:16px;line-height:1.6}.sidebar{position:fixed;left:0;top:10;width:325px;height:100%;background-color:#fff;color:#000;transform:translate(-100%);transition:transform .3s ease;z-index:9999;overflow-y:auto;border-right:1px solid #dee2e6;scrollbar-width:none;-ms-overflow-style:none}.sidebar::-webkit-scrollbar{width:0px;background:transparent}.sidebar.open{transform:translate(0)}.close-button{background:none!important;border:none;color:red!important;font-size:45px!important;cursor:pointer;margin:0!important;float:right}.close-button:hover{background:none;border:none;color:red;transform:scale(1.5)}.sidebar-content{padding:20px;font-family:Concert One,sans-serif}.dropdown-button,.lesson-link{font-size:1.3rem;font-weight:700;color:#000;background:none;border:none;padding:0;margin:0;text-align:left;width:100%;cursor:pointer;transition:color .2s;display:flex;align-items:center}.dropdown-button:hover,.dropdown-button.active{background:none;color:#23a455;border:none}.dropdown-button:focus,.dropdown-button:active{outline:none;border:none;box-shadow:none}.dropdown-content{margin-left:0;max-height:60vh;overflow-y:auto;overflow-x:hidden;margin-top:0;margin-bottom:0;padding:0;scrollbar-width:none;-ms-overflow-style:none}.dropdown-content::-webkit-scrollbar{width:0px;background:transparent}.curriculum-lesson>.dropdown-content{margin-left:25px}.curriculum-lesson{margin-bottom:18px}.curriculum-lesson:last-child{margin-bottom:0}.dropdown-content .curriculum-lesson{margin-bottom:10px}.curriculum-level h3,.curriculum-unit h4{font-size:25px;margin:10px 0}.lesson-link:hover{color:#23a455;background:none}.lesson-link.active,.lesson-link.selected{color:#23a455}.section-header{color:#23a455;font-size:1.6rem;font-weight:700;margin-top:20px!important;margin-bottom:10px!important}.sub-item{padding-left:24px!important}.sidebar-loading{padding:10px;color:#666;font-style:italic;text-align:center}.no-lessons-message{padding:10px;color:#666;text-align:center;font-style:italic}.sidebar-emoji{margin-right:12px;font-size:1.3em;vertical-align:middle;display:inline-block}.dropdown-arrow{font-size:.5em;margin-left:5px}.dropdown-content .dropdown-button,.dropdown-content .lesson-link{font-size:1.3rem!important;margin-bottom:10px!important;margin-top:10px!important;margin-left:25px!important}@font-face{font-family:Concert One;src:url(../assets/fonts/ConcertOne-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.start-page{text-align:center;padding:20px;background-image:url(./LessonBackground-CYvr0WLZ.jpg);background-size:cover;background-position:center;height:100vh;margin:0;display:flex;flex-direction:column;justify-content:center}.level{margin:20px 0}.unit{margin:10px 0}.start-page button{background-color:green;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;margin:10px;transition:transform .2s ease,background-color .2s ease}.start-page button:hover{background-color:green;transform:scale(1.1)}#lesson-area-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;box-sizing:border-box;margin-top:75px}.lesson-container{position:relative;width:1000px;height:600px;margin:0 auto auto;background-color:#fff;box-shadow:0 0 10px #0003;border-radius:10px;overflow:hidden;display:flex;justify-content:center;align-items:center;transition:all .3s ease-in-out}.inner-container{width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.lesson-container.fullscreen .inner-container{overflow:visible;width:100%;height:100%;transform:none!important}.scaling-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;transform:scale(1);transform-origin:center center;position:relative}.template-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.lesson-container.fullscreen{width:100vw;height:100vh;position:fixed;top:0;left:0;margin:0;border-radius:0;z-index:1000;background-color:#fff;overflow:visible!important}.inventory-icon{position:absolute;top:20px;left:10px;width:50px;height:50px;cursor:pointer;z-index:4000;transition:transform .2s ease-in-out}.inventory-icon:hover{transform:scale(1.4) rotate(-10deg);transition:transform .3s ease}.inventory-icon img{width:100%;height:100%;object-fit:contain}.inventory-icon.open{transform:scale(1.4) rotate(-10deg)}.lesson-container.fullscreen .inventory-icon{top:20px;left:20px;width:60px;height:60px}.lesson-container .draggable-item{position:absolute;width:60px;height:60px;cursor:grab;background:transparent;z-index:3000;transition:transform .2s ease-in-out}.lesson-container .draggable-item img{width:100%;height:100%;object-fit:contain}.lesson-container .draggable-item.dragging{cursor:grabbing;opacity:.8;transform:scale(1.1)}.lesson-container .badge-notification{position:fixed;top:20px;right:20px;background-color:#007bffe6;color:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 12px #0000004d;z-index:3000;animation:slideIn .5s ease-out,fadeOut .5s 2.5s ease-in forwards}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.lesson-container .animating-item,.animated-inventory-item{position:absolute;width:50px;height:50px;object-fit:contain;pointer-events:none;z-index:3000}.return-all-icon{position:absolute;top:20px;left:70px;width:50px;height:50px;cursor:pointer;z-index:4000;transition:transform .2s ease-in-out}.teacher-tools-icon{position:absolute;bottom:5px;left:5px;width:50px;height:50px;cursor:pointer;z-index:1000;transition:transform .2s ease-in-out;font-size:32px;display:flex;align-items:center;justify-content:center}.teacher-tools-icon:hover{transform:scale(1.4)}.teacher-tools-icon.open{transform:scale(1.2)}.lesson-container.fullscreen .teacher-tools-icon{bottom:5px;left:5px;width:60px;height:60px;font-size:36px;z-index:3000!important}.return-all-icon:hover{transform:scale(1.2)}.return-all-icon img{width:100%;height:100%;object-fit:contain}.current-status{margin-top:5%;text-align:center;display:flex;justify-content:center;align-items:center}.current-status button{margin:0 10px;padding:5px 10px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}.current-status button:hover{background-color:#0056b3}.lesson-container .scaling-container>div{width:100%;height:100%}.lesson-container.thumbnail-mode{width:100%;height:100%;margin:0;box-shadow:none;border-radius:0}.lesson-container.fullscreen .scaling-container{transform:none!important}.lesson-container.fullscreen .teacher-draggable-item{z-index:2000!important;position:absolute!important}.teacher-draggable-item{z-index:10000001!important;position:absolute;pointer-events:auto}.lesson-text-element{z-index:1500!important;position:absolute!important;pointer-events:auto!important}.lesson-container.fullscreen .lesson-text-element{z-index:2000!important;font-size:24px!important;min-width:200px!important;min-height:40px!important}.lesson-container.fullscreen .lesson-text-element textarea{font-size:24px!important}.teacher-tools-container{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 0 300px;position:relative;width:100%;box-sizing:border-box;min-height:100vh;background-color:#fff;overflow-y:auto;max-height:100vh}.teacher-tools-container .left-section{flex:1;display:flex;flex-direction:column;align-items:center;margin-right:20px;margin-left:20px;max-width:30%;margin-top:2%;position:relative;overflow-y:auto;max-height:100vh;padding-bottom:200px}.teacher-tools-container .right-section{flex:2;display:flex;flex-direction:column;align-items:center;max-width:70%;margin-top:5%;overflow-y:auto;max-height:100vh;padding-bottom:200px}.teacher-tools-container .header{text-align:center;margin-bottom:0%;margin-top:0%}.teacher-tools-grid{display:flex;flex-wrap:wrap;gap:25px;justify-content:flex-start}.teacher-tools-container .student-box{position:relative;min-height:400px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:10px 10px 0;box-sizing:border-box;width:250px;border:1px solid black;border-radius:6px;z-index:1;gap:0;overflow:hidden}.teacher-tools-container .student-box .student-avatar{width:100%;height:100%;max-height:100px;object-fit:cover}.teacher-tools-container .student-box [id^=avatar-container-]{height:100%!important}.student-name{font-weight:700;text-align:center;font-size:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;padding:0 5px;box-sizing:border-box;flex-shrink:0;min-height:30px;line-height:30px}.student-player-name{font-weight:700;text-align:center;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;padding:0 5px;box-sizing:border-box;flex-shrink:0;min-height:22px;line-height:22px}.student-box .select-student-btn{width:70%;align-self:flex-start;text-align:center;font-size:22px;padding:10px 15px;background-color:#3fc3ed;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:transform .2s}.select-student-btn:hover{background-color:#3fc3ed}.teacher-tools-container .student-box.add-student-box{display:flex;justify-content:center;align-items:center;width:250px;height:300px;border:2px dashed #ccc;border-radius:6px;border-bottom:2px dashed #ccc;cursor:pointer;background-color:#f9f9f9}.teacher-tools-container .add-student-btn{background-color:#3fc3ed;color:#fff;font-size:18px;border:none;border-radius:5px;padding:10px 20px;cursor:pointer}.teacher-tools-container .add-student-btn:hover{background-color:#00bc48}.add-student-form input{width:90%;margin-bottom:10px;padding:8px;border:1px solid #ccc;border-radius:5px}.add-student-form h4{margin:0 0 15px;text-align:center;color:#333;font-size:16px}.add-student-buttons{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;height:100%;padding:10px}.add-student-buttons .add-student-btn{font-size:14px;padding:8px 16px;min-width:180px}.link-student-btn{display:block;margin:0 auto;background-color:#3fc3ed}.link-student-btn:hover{display:block;margin:0 auto;background-color:#23a455}.teacher-tools-container .teacher-edit-button{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer;transition:transform .2s}.teacher-tools-container .teacher-edit-button:hover{transform:scale(1.2);background:none}.teacher-tools-container .edit-icon{width:30px;height:30px}.teacher-tools-container .notes-btn{position:absolute;bottom:-1%;right:-3%;background:none;border:none;cursor:pointer;transition:transform .2s}.teacher-tools-container .notes-btn:hover{transform:scale(1.2);background:none}.teacher-tools-container .notes-icon{width:50px;height:50px}.teacher-tools-container .modal{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:2000}.teacher-tools-container .modal-content,.modal-content{background-color:#fff!important;padding:30px!important;border-radius:12px!important;box-shadow:0 10px 30px #0003!important;width:90%!important;max-width:600px!important;min-width:400px!important;max-height:80vh!important;overflow-y:auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;position:relative!important;outline:none!important;margin:auto!important;z-index:1000000!important;border:1px solid #ccc!important;visibility:visible!important;opacity:1!important}.drag-handle{position:absolute;top:5px;left:5px;width:30px;height:30px;cursor:grab;z-index:10}.teacher-tools-container .avatar-group{position:relative;display:flex;flex-direction:column;align-items:center;margin:0}.teacher-tools-container .avatar-group input{margin-top:0;width:200px}.teacher-tools-container button{padding:10px 15px;background-color:none;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-top:10px}.teacher-tools-container button:hover{background-color:none}.profile-edit-button{position:absolute;top:0;right:0;background:none;border:none;cursor:pointer;transition:transform .2s}.profile-edit-button:hover{transform:scale(1.2);background:none}.close-form-btn{position:absolute;top:5px;right:5px;background-color:red;color:#fff;border:none;border-radius:50%;width:20px;height:20px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:14px}.close-form-btn:hover{background-color:#8b0000}.teacher-tools-container .avatar-group h3{font-size:25px}.teacher-tools-container .right-section .header{text-align:center;margin-bottom:0%;margin-top:0%;font-size:35px}.teacher-tools-container .student-edit-button{position:absolute;top:10px;right:10px;background:none;border:none;cursor:pointer;transition:transform .2s}.teacher-tools-container .student-edit-button:hover{transform:scale(1.2);background:none}.my-lessons{margin-top:20px;padding:10px;background-color:#f9f9f9;border-radius:8px;width:100%}.my-lessons h4{margin-bottom:10px;font-size:18px;color:#333}.my-lessons ul{list-style-type:none;padding:0}.my-lessons li{padding:5px 0;border-bottom:1px solid #ddd}.my-lessons li:last-child{border-bottom:none}.lesson-title{cursor:pointer;color:#007bff;text-decoration:underline}.lesson-title:hover{color:#0056b3}.current-status-wrapper{width:100%;margin-top:20px;padding:10px;position:relative;bottom:0;left:0;right:0;background-color:#fff;border-top:none;box-shadow:none;z-index:10}.modal-overlay{display:flex!important;justify-content:center!important;align-items:center!important;position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background-color:#0009!important;z-index:999999!important;margin:0!important;padding:20px!important;box-sizing:border-box!important}.teacher-tools-container .modal-content button,.teacher-tools-container .modal-overlay button,.teacher-tools-container .ReactModal__Content button,.teacher-tools-container .ReactModal__Overlay button{padding:10px 20px!important;background-color:#007bff!important;color:#fff!important;border:none!important;border-radius:4px!important;cursor:pointer!important;font-size:14px!important;font-weight:400!important;margin:5px!important;text-decoration:none!important;display:inline-block!important;line-height:1.5!important;transition:background-color .2s!important}.teacher-tools-container .modal-content button:hover,.teacher-tools-container .modal-overlay button:hover,.teacher-tools-container .ReactModal__Content button:hover,.teacher-tools-container .ReactModal__Overlay button:hover{background-color:#0056b3!important;opacity:.9!important}.teacher-tools-container .modal-content button[onClick*=Save],.teacher-tools-container .modal-overlay button[onClick*=Save],.teacher-tools-container .ReactModal__Content button[onClick*=Save],.teacher-tools-container .ReactModal__Overlay button[onClick*=Save]{background-color:#007bff!important;font-weight:700!important}.teacher-tools-container .modal-content button[onClick*=Cancel],.teacher-tools-container .modal-overlay button[onClick*=Cancel],.teacher-tools-container .ReactModal__Content button[onClick*=Cancel],.teacher-tools-container .ReactModal__Overlay button[onClick*=Cancel]{background-color:#6c757d!important}.teacher-tools-container .modal-content button[onClick*=Reset],.teacher-tools-container .modal-overlay button[onClick*=Reset],.teacher-tools-container .ReactModal__Content button[onClick*=Reset],.teacher-tools-container .ReactModal__Overlay button[onClick*=Reset]{background-color:#e74c3c!important;font-weight:700!important}.teacher-tools-container .modal-content,.teacher-tools-container .ReactModal__Content{background-color:#fff!important;padding:30px!important;border-radius:12px!important;box-shadow:0 10px 30px #0003!important;max-width:600px!important;max-height:80vh!important;overflow:auto!important;border:1px solid #ccc!important}.teacher-tools-container .modal-content button,.teacher-tools-container .modal-overlay button,.teacher-tools-container .ReactModal__Content button,.teacher-tools-container .ReactModal__Overlay button{margin-bottom:10px!important}.schedule-button{background:linear-gradient(135deg,#4a9eff,#357abd);border:none;color:#fff;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 8px #4a9eff4d;width:100%;margin:20px 0}.schedule-button:hover{background:linear-gradient(135deg,#5ba8ff,#4a9eff);transform:translateY(-2px);box-shadow:0 4px 12px #4a9eff66}.schedule-button:active{transform:translateY(0)}.tt-dropdown-button,.tt-lesson-link{font-size:1.15rem;font-weight:700;color:#222!important;background:none;border:none;padding:0;margin:0;text-align:left;width:100%;cursor:pointer;transition:color .2s;display:flex;align-items:center}.tt-dropdown-button:hover,.tt-dropdown-button.active,.tt-lesson-link:hover,.tt-lesson-link.active{color:#23a455;background:none}.tt-dropdown-content{margin-left:0;max-height:300px;overflow-y:auto;margin-top:0;margin-bottom:0;padding:0 0 0 18px;background:#f8f8f8;border-radius:8px}.tt-dropdown-content .tt-dropdown-button,.tt-dropdown-content .tt-lesson-link{font-size:1.08rem!important;margin-bottom:8px!important;margin-top:8px!important;margin-left:10px!important;color:#222!important}.tt-dropdown-content .curriculum-lesson{margin-bottom:8px;color:#222!important}.tt-dropdown-content .no-lessons-message{color:#888;text-align:center;font-style:italic;padding:10px}.tt-dropdown-arrow{font-size:.7em;margin-left:5px}.left-section .avatar-group img,.left-section .avatar-group .avatar-display,.left-section .avatar-group .avatar{max-width:80px!important;max-height:80px!important;width:80px!important;height:80px!important;object-fit:cover;border-radius:50%;margin:10px 0}.tray-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:#0000004d!important;z-index:10000000!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;padding-left:20px!important;animation:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}.tray-container{background:#fff;border-radius:16px;width:200px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 10px 30px #0003;overflow-y:auto;overflow-x:hidden;transform:translate(0)!important;animation:none}.tray-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.tray-header h3{margin:0;font-size:1.2rem;color:#333;font-weight:600}.tray-close-btn{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.tray-close-btn:hover{background:#e9ecef;color:#333}.tray-tools-grid{padding:10px;display:flex;flex-direction:column;gap:10px;flex:1;min-height:0}.tray-tool-item{position:relative;display:flex;flex-direction:column;align-items:center;padding:10px;border:2px solid #e9ecef;border-radius:12px;cursor:pointer;transition:all .3s ease;background:#fff;min-height:80px;justify-content:center}.tray-tool-item:hover{border-color:#4a9eff;background:#f8f9ff;transform:translateY(-2px);box-shadow:0 4px 12px #4a9eff33}.tray-tool-item.coming-soon{opacity:.6;cursor:not-allowed}.tray-tool-item.coming-soon:hover{border-color:#e9ecef;background:#fff;transform:none;box-shadow:none}.tray-tool-icon{font-size:32px;margin-bottom:8px;display:block}.tray-tool-label{font-size:14px;font-weight:500;color:#333;text-align:center;line-height:1.2}.tray-tool-shortcut{position:absolute;top:4px;right:4px;background:#4a9eff;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:16px;text-align:center;opacity:0;transition:opacity .3s ease}.tray-tool-item:hover .tray-tool-shortcut{opacity:1}@keyframes slideInFromLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (max-width: 768px){.tray-overlay{padding-left:10px}.tray-container{width:280px;max-height:85vh}.tray-tools-grid{padding:16px;gap:12px}.tray-tool-item{padding:12px 8px;min-height:70px}.tray-tool-icon{font-size:28px}.tray-tool-label{font-size:13px}}@media (max-width: 480px){.tray-container{width:260px;max-height:90vh}.tray-tools-grid{padding:12px;gap:10px}.tray-tool-item{padding:10px 6px;min-height:65px}.tray-tool-icon{font-size:24px}.tray-tool-label{font-size:12px}}.whiteboard-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;z-index:10000000;pointer-events:none}.whiteboard-teacher-prop{pointer-events:auto!important;z-index:10000001!important;position:absolute!important}.whiteboard-overlay.fullscreen .whiteboard-text-element{font-size:24px!important;min-width:200px!important;min-height:40px!important}.whiteboard-overlay.fullscreen .whiteboard-text-element textarea{font-size:24px!important}.whiteboard-tool-selector{position:fixed;right:20px;top:25%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;pointer-events:auto;z-index:10000001;margin-top:0}.whiteboard-tool-btn{width:40px;height:40px;border:2px solid #ddd;background:#fff;border-radius:8px;cursor:pointer;font-size:18px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a}.whiteboard-tool-btn:hover{border-color:#4a9eff;background:#f8f9ff;transform:scale(1.05)}.whiteboard-tool-btn.active{border-color:#4a9eff;background:#4a9eff;color:#fff;transform:scale(1.1)}.whiteboard-size-btn{width:40px;height:40px;border:2px solid #ddd;background:#fff;border-radius:8px;cursor:pointer;font-size:16px;font-weight:700;color:#333;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a}.whiteboard-size-btn:hover{border-color:#4a9eff;background:#f8f9ff;transform:scale(1.05)}.whiteboard-size-btn:active{transform:scale(.95)}.whiteboard-clear-btn{width:32px;height:32px;border:3px solid #ddd;background:#fff;border-radius:50%;cursor:pointer;font-size:16px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a;margin-top:8px}.whiteboard-clear-btn:hover{border-color:#f44;background:#fff5f5;transform:scale(1.1)}.whiteboard-clear-btn:active{transform:scale(.95)}.whiteboard-color-palette{position:fixed;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:4px;pointer-events:auto;z-index:10000001;margin-top:60px}.whiteboard-color-btn{width:32px;height:32px;border:3px solid #ddd;border-radius:50%;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.whiteboard-color-btn:hover{transform:scale(1.1);box-shadow:0 4px 8px #0003}.whiteboard-color-btn.active{border-color:#4a9eff;transform:scale(1.2);box-shadow:0 4px 12px #4a9eff66}.whiteboard-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:auto;z-index:10000000;cursor:crosshair}.whiteboard-text-element{position:absolute;pointer-events:auto;z-index:10000001}.timer-widget{position:fixed;bottom:25px;right:20px;transform:none;background:#00000080;border-radius:8px;padding:10px 15px;display:flex;flex-direction:row;align-items:center;gap:12px;z-index:10000000;pointer-events:auto;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.timer-display{font-size:1.5rem;font-weight:700;color:#fff;font-family:Courier New,monospace;line-height:1}.timer-controls{display:flex;gap:0px}.timer-btn{background:none;border-radius:50%;margin-bottom:10px;width:25px;height:25px;display:flex;align-items:center;justify-content:center;font-size:25px;cursor:pointer;transition:all .2s ease;color:#fff;box-shadow:0 2px 5px #0003}.timer-btn:hover{background:none;transform:scale(1.25)}.add-time-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:6px;padding:5px 10px;font-size:1rem;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a;margin-bottom:10px}.add-time-btn:hover{background:green;transform:translateY(-1px);border:1px solid white}.lesson-container.fullscreen~.timer-widget,.timer-widget{position:fixed!important;bottom:75px!important;right:0!important;z-index:2000!important}@media (max-width: 480px){.timer-widget{bottom:75px;right:10px;gap:8px;padding:8px 12px}.timer-display{font-size:2rem}.timer-btn{width:32px;height:32px;font-size:16px}.add-time-btn{padding:4px 8px;font-size:.8rem}}.direct-drawing-tool{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000000;pointer-events:none}.tool-selector{position:fixed;right:20px;top:25%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;pointer-events:auto;z-index:10000001;margin-top:0}.tool-btn{width:40px;height:40px;border:2px solid #ddd;background:#fff;border-radius:8px;cursor:pointer;font-size:18px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a}.tool-btn:hover{border-color:#4a9eff;background:#f8f9ff;transform:scale(1.05)}.tool-btn.active{border-color:#4a9eff;background:#4a9eff;color:#fff;transform:scale(1.1)}.size-btn{width:40px;height:40px;border:2px solid #ddd;background:#fff;border-radius:8px;cursor:pointer;font-size:16px;font-weight:700;color:#333;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a}.size-btn:hover{border-color:#4a9eff;background:#f8f9ff;transform:scale(1.05)}.size-btn:active{transform:scale(.95)}.color-palette{position:fixed;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:4px;pointer-events:auto;z-index:10000001;margin-top:60px}.color-btn{width:32px;height:32px;border:3px solid #ddd;border-radius:50%;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0003}.color-btn:hover{transform:scale(1.1);box-shadow:0 4px 8px #0000004d}.color-btn.active{border-color:#4a9eff;transform:scale(1.2);box-shadow:0 4px 12px #4a9eff66}.drawing-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:auto;z-index:10000000;cursor:crosshair}.drawing-instructions{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;pointer-events:none;z-index:10000001}@media (max-width: 768px){.color-palette{right:10px;gap:6px}.color-btn{width:28px;height:28px}.drawing-instructions{font-size:12px;padding:6px 12px}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.inventory-overlay{position:absolute;top:80px;left:0;max-height:100vh;height:auto;width:130px;background:none;z-index:4000;overflow:hidden;padding:3px 3px 3px 10px;border-radius:8px;animation:slideIn .3s ease-in-out forwards;transition:transform .3s ease-in-out;pointer-events:auto;contain:layout;isolation:isolate}.inventory-overlay.slideOut{animation:slideOut .3s ease-in-out forwards}@keyframes slideIn{0%{opacity:0;transform:scale(.8) translate(-20px)}to{opacity:1;transform:scale(1) translate(0)}}@keyframes slideOut{0%{opacity:1;transform:scale(1) translate(0)}to{opacity:0;transform:scale(.8) translate(-20px)}}.inventory-overlay .inventory-section{margin-bottom:5px;border:none!important;outline:none!important;background:transparent}.inventory-overlay .inventory-list{list-style:none;padding:0;margin:0}.inventory-overlay .inventory-list li{display:flex;align-items:center;margin-bottom:3px;gap:2px;cursor:grab;border:none;outline:none}.inventory-overlay .inventory-list li.inventory-item{border:none!important;outline:none!important;background:transparent;padding:0;margin:0}.inventory-overlay .inventory-list li.inventory-item:hover{transform:scale(1.2);transition:transform .2s ease;z-index:10}.inventory-overlay .inventory-list li.inventory-item img{width:55px;height:55px;object-fit:contain;border:none!important;outline:none!important;background:transparent}.loading-inventory,.empty-inventory{height:40px}.badge-dropdown{position:absolute;top:3%;right:15px;z-index:5000;overflow:visible;transform:translateZ(0);isolation:isolate;contain:layout}.badge-dropdown .badge-icon{background:none;border:none;cursor:pointer;padding:0;outline:none;position:relative;z-index:5001}.badge-dropdown .badge-image{width:35px;height:35px;transition:transform .2s;will-change:transform;backface-visibility:hidden;transform:translateZ(0);isolation:isolate}.badge-dropdown .badge-image:hover{transform:scale(1.2) translateZ(0)}.badge-dropdown .badge-image:active{transform:scale(1.1) translateZ(0)}.badge-dropdown .badge-list{position:absolute;top:-30%;right:100%;margin-right:10px;background:#fff;border:1px solid #ccc;border-radius:4px;padding:5px;box-shadow:0 4px 8px #0003;z-index:5002;max-height:500px;overflow:visible;display:flex;flex-direction:row;gap:10px}.badge-dropdown .badge-item{display:flex;align-items:center;gap:5px;z-index:1000;overflow:visible;flex-direction:row}.badge-dropdown .badge-image:hover{transform:scale(1.5);z-index:3000}.badge-dropdown .badge-wrapper{position:relative;width:60px;height:60px;flex-shrink:0;overflow:visible}.badge-wrapper:hover:after{content:attr(data-count);position:absolute;bottom:-30px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:5px 8px;border-radius:5px;pointer-events:none;font-size:.9em;white-space:nowrap;opacity:0;animation:fadeInTooltip .3s forwards}@keyframes fadeInTooltip{0%{opacity:0}to{opacity:1}}.badge-wrapper:hover:before{content:"";position:absolute;bottom:-40px;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#000c}.badge-dropdown .badge-item-image{width:100%;height:100%;display:block;border-radius:4px;transition:transform .2s ease}.badge-dropdown .badge-fill{position:absolute;top:0;left:0;width:100%;background-color:#ffffff80;pointer-events:none;transition:height .5s ease-in-out}.animated-badge{position:absolute;width:100px;height:100px;z-index:4500;pointer-events:none;transform-origin:center}.animated-inventory-item{position:absolute;width:100px;height:100px;z-index:5000;pointer-events:none;transform-origin:center;right:50px;will-change:transform,opacity}.teacher-prop-library-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000000;display:flex;align-items:flex-end;justify-content:center;padding:0}.teacher-prop-library-tray{background:#fff;border-radius:16px;width:100%;max-width:1400px;height:240px;display:flex;flex-direction:column;box-shadow:0 -10px 30px #0003;overflow:hidden;transform:translateY(100%);animation:slideUp .3s ease-out forwards;margin-bottom:20px}.search-and-folders-row{display:flex;align-items:center;padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #e9ecef;gap:12px}.search-controls{flex:1;min-width:200px}.search-controls input{width:100%;padding:8px 12px;border:2px solid #e9ecef;border-radius:6px;height:36px;box-sizing:border-box;font-size:14px;transition:border-color .3s ease}.search-controls input:focus{outline:none;border-color:#4a9eff;box-shadow:0 0 0 2px #4a9eff1a}.folder-navigation{display:flex;gap:4px;align-items:center;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;flex-shrink:0}.folder-navigation::-webkit-scrollbar{display:none}.folder-btn{background:transparent;border:none;color:#6c757d;padding:6px 8px;font-size:1.1rem;cursor:pointer;transition:all .3s ease;border-radius:6px;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;flex-shrink:0}.folder-icon{font-size:1.2rem}.image-container{flex:1;overflow-x:auto;overflow-y:hidden;padding:8px 16px;display:flex;gap:8px;background:#fff;scrollbar-width:thin;scrollbar-color:#4a9eff #f1f1f1;align-items:center}.image-container::-webkit-scrollbar{height:4px}.image-container::-webkit-scrollbar-track{background:#f1f1f1}.image-container::-webkit-scrollbar-thumb{background:#4a9eff;border-radius:2px}.image-item{width:60px;height:60px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s ease;border-radius:6px;border:2px solid transparent;flex-shrink:0}.image-item:hover{transform:scale(1.05);border-color:#4a9eff;box-shadow:0 4px 12px #4a9eff33}.image-item-wrapper{width:56px;height:56px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:6px;background:#fff;box-shadow:0 1px 4px #0000001a;position:relative}.image-item-wrapper img{width:100%;height:100%;object-fit:contain;display:block}.video-wrapper{position:relative;width:56px;height:56px;overflow:hidden;border-radius:6px}.video-thumbnail{width:100%;height:100%;object-fit:cover}.video-name{position:absolute;bottom:0;left:0;right:0;background-color:#000000b3;color:#fff;padding:2px;font-size:10px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar-auto-replace-indicator-top{position:absolute;top:0;left:0;right:0;background-color:#000000b3;color:#fff;font-size:8px;padding:1px 2px;text-align:center;border-radius:6px 6px 0 0;line-height:1.1}.videos-coming-soon{display:flex;justify-content:center;align-items:center;height:60px;padding:8px 16px;flex-shrink:0}.coming-soon-message{text-align:center;color:#6c757d;background:#f8f9fa;padding:8px 12px;border-radius:6px;border:1px solid #e9ecef}.coming-soon-message h3{color:#4a9eff;margin:0 0 4px;font-size:.9rem}.coming-soon-message p{font-size:.7rem;margin:0}@media (max-width: 768px){.teacher-prop-library-tray{height:220px;margin-bottom:15px}.image-item{width:50px;height:50px}.image-item-wrapper,.video-wrapper{width:46px;height:46px}.search-and-folders-row{padding:8px 12px;gap:8px}.search-controls{min-width:150px}.search-controls input{height:32px;padding:6px 10px;font-size:13px}.folder-btn{min-width:28px;height:28px;font-size:1rem}}@media (max-width: 480px){.teacher-prop-library-tray{height:200px;margin-bottom:10px}.image-item{width:45px;height:45px}.image-item-wrapper,.video-wrapper{width:41px;height:41px}.search-and-folders-row{padding:6px 10px;gap:6px}.search-controls{min-width:120px}.search-controls input{height:30px;padding:5px 8px;font-size:12px}.folder-btn{min-width:26px;height:26px;font-size:.9rem}}.image-item.loading{opacity:.6;pointer-events:none}.image-item.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #f3f3f3;border-top:2px solid #4a9eff;border-radius:50%;animation:spin 1s linear infinite}.image-item.dragging{opacity:.5;transform:scale(.95)}.image-item.drag-over{border-color:#4a9eff;background-color:#4a9eff1a}.image-item:focus{outline:2px solid #4a9eff;outline-offset:2px}.close-button:focus{outline:2px solid white;outline-offset:2px}.folder-btn:focus{outline:2px solid #4a9eff;outline-offset:2px}.teacher-prop-library-overlay{animation:fadeIn .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.current-status{position:fixed;bottom:0;left:0;right:0;width:100%;background-color:#f8f9fa;padding:15px;box-shadow:0 -2px 5px #0000001a;display:flex;flex-direction:column;align-items:center;z-index:1000}.current-status.fullscreen-mode{position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;padding:0!important;margin:0!important;border-radius:0!important;z-index:10001!important;box-shadow:0 -2px 10px #0003!important}.current-status.fullscreen-mode .column-container{padding:10px 15px!important;width:100%!important;box-sizing:border-box!important}.current-status .status-line{display:flex;align-items:center;margin-bottom:10px}.current-status .status-text{font-size:23px;color:#333;margin-right:10px;align-items:center;text-align:center}.current-status .lesson-nav-button{background-color:#3fc3ed;color:#fff;border:none;padding:8px 16px;margin:0 5px;border-radius:4px;cursor:pointer;transition:background-color .3s ease;font-size:18px}.current-status .lesson-nav-button:hover{background-color:#23a455}.current-status .completion-button{background:none!important;border:none;cursor:pointer;padding:8px 16px;border-radius:6px;font-size:16px;font-weight:600;transition:all .3s ease;min-width:100px;text-align:center}.current-status .completion-button.completed{background-color:#d4edda!important;color:#155724;border:2px solid #28a745}.current-status .completion-button.completed:hover{background-color:#f8d7da!important;color:#721c24;border-color:#dc3545}.current-status .completion-button.incomplete{background-color:#f8d7da!important;color:#721c24;border:2px solid #dc3545}.current-status .completion-button.incomplete:hover{background-color:#d4edda!important;color:#155724;border-color:#28a745}.current-status .lesson-status-container{display:flex;align-items:center;gap:15px;margin-right:15px}.current-status .lesson-status{font-size:18px;color:#333;font-weight:500}.current-status .status-indicator{font-weight:600;padding:4px 8px;border-radius:4px;font-size:16px}.current-status .status-indicator.completed{background-color:#d4edda;color:#155724;border:1px solid #28a745}.current-status .status-indicator.incomplete{background-color:#f8d7da;color:#721c24;border:1px solid #dc3545}.current-status .completion-action-button{background:none;border:2px solid;cursor:pointer;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:600;transition:all .3s ease;min-width:120px;text-align:center}.current-status .completion-action-button.mark-complete{background-color:#d4edda;color:#155724;border-color:#28a745}.current-status .completion-action-button.mark-complete:hover{background-color:#28a745;color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #28a7454d}.current-status .completion-action-button.mark-incomplete{background-color:#f8d7da;color:#721c24;border-color:#dc3545}.current-status .completion-action-button.mark-incomplete:hover{background-color:#dc3545;color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #dc35454d}.current-status .completion-action-button.updating{opacity:.6;cursor:not-allowed;transform:none}.current-status .completion-action-button.updating:hover{background-color:inherit;transform:none}.current-status .student-select{padding:8px;border-radius:4px;margin-left:10px}.current-status .student-option{padding:15px}.current-status .lesson-select{padding:8px;border-radius:4px;border:1px solid #ccc;margin-left:10px}.current-status .lesson-option{padding:8px}.current-status .button-group{display:flex;align-items:center;margin-top:10px}.current-status .column-container{display:flex;width:100%;justify-content:space-between}.teacher-tools-icon-in-status{cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease-in-out;-webkit-user-select:none;user-select:none}.teacher-tools-icon-in-status:hover{transform:scale(1.2)}.teacher-tools-icon-in-status.open{transform:scale(1.1);opacity:.8}.current-status .column{display:flex;align-items:center;justify-content:center}.current-status .change-student-icon,.current-status .change-lesson-icon{background:none!important;border:none;cursor:pointer;padding:0;margin-left:10px}.current-status .change-student-icon img,.current-status .change-lesson-icon img{width:40px;height:40px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:flex-end;z-index:9999999}.modal{background:#fff;border-radius:10px;padding:20px;margin-bottom:60px;width:300px;max-height:50vh;overflow-y:auto;box-shadow:0 4px 8px #0003}.modal h2{font-size:24px;margin-bottom:10px}.modal ul{list-style:none;padding:0}.modal li{display:flex;align-items:center;margin-bottom:10px;cursor:pointer;transition:transform .3s ease}.modal li:hover{transform:scale(1.1)}.student-avatar{width:40px;height:40px;margin-right:10px;border-radius:50%}.modal span{font-size:18px}.student-modal{position:fixed;bottom:10%;left:50%;transform:translate(-50%);background:#fff;border-radius:10px;padding:15px 25px;box-shadow:0 4px 8px #0003;z-index:10000000;width:600px;height:220px;box-sizing:border-box;overflow:hidden}.student-modal ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:row;align-items:center;justify-content:center;height:100%}.student-modal li{display:flex;flex-direction:column;align-items:center;margin:0 20px 10px;cursor:pointer;position:relative;z-index:10;transition:all .4s ease;border-radius:20px}.student-modal li:hover{box-shadow:0 0 8px 3px #ffff00e6,0 0 16px 5px #ffd700b3,0 0 24px 8px #ffa50080,0 0 32px 10px #ff69b44d,0 0 40px 12px #8a2be233;transition:all .4s ease;background:radial-gradient(ellipse,rgba(255,255,255,.2) 0%,rgba(255,255,0,.1) 30%,rgba(255,215,0,.05) 60%,transparent 80%);animation:magicalGlow 2s ease-in-out infinite alternate;border:2px solid rgba(255,255,255,.3);border-radius:20px}.student-modal li:hover:before{content:"✨";position:absolute;top:5px;right:5px;font-size:18px;animation:sparkle 1.5s ease-in-out infinite;z-index:16}.student-modal li:hover:after{content:"⭐";position:absolute;bottom:10px;left:5px;font-size:14px;animation:sparkle 2s ease-in-out infinite reverse;z-index:16}.student-avatar{width:100px;height:100px;margin-bottom:5px;border-radius:50%;position:relative;z-index:12}@keyframes magicalGlow{0%{box-shadow:0 0 8px 3px #ffff00e6,0 0 16px 5px #ffd700b3,0 0 24px 8px #ffa50080,0 0 32px 10px #ff69b44d,0 0 40px 12px #8a2be233}to{box-shadow:0 0 12px 4px #ff0,0 0 20px 7px #ffd700cc,0 0 28px 10px #ffa50099,0 0 36px 12px #ff69b466,0 0 44px 15px #8a2be24d}}@keyframes sparkle{0%{opacity:0;transform:rotate(0) scale(.5)}50%{opacity:1;transform:rotate(180deg) scale(1)}to{opacity:0;transform:rotate(360deg) scale(.5)}}.student-modal span{font-size:22px;position:relative;z-index:15;color:#333;font-weight:700;text-shadow:1px 1px 2px rgba(255,255,255,.8),0 0 4px rgba(255,255,255,.6);margin-top:5px}.student-modal li:hover span{color:#222;text-shadow:1px 1px 3px rgba(255,255,255,1),0 0 6px rgba(255,255,255,.8)}.lesson-navigation-modal{position:fixed;bottom:10%;left:50%;transform:translate(-50%);background:#fff;border-radius:15px;box-shadow:0 4px 16px #0000004d;z-index:10000000;max-width:95vw;max-height:90vh;overflow:hidden;width:fit-content;min-width:550px}.lesson-navigation-modal.units{min-width:750px}.lesson-navigation-modal.levels,.lesson-navigation-modal.units{padding:15px}.lesson-navigation-modal.lessons{padding:15px;min-width:1200px}.lesson-navigation-modal.my-lessons{padding:15px}.lesson-navigation-modal.folders{padding:15px;min-width:1200px}.lesson-navigation-modal .modal-content{padding:15px}.lesson-navigation-modal h3{text-align:center;margin-bottom:15px;margin-top:0;font-size:22px;color:#333}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;position:relative}.modal-header h3{position:absolute;left:50%;transform:translate(-50%);margin:0;text-align:center;width:100%;pointer-events:none}.back-button{background-color:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.back-button:hover{background-color:#5a6268}.horizontal-selector{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;padding:0 10px;max-height:50vh;overflow-y:auto}.horizontal-selector.single-row{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding:0 10px 10px;max-height:none}.lesson-navigation-modal.levels .horizontal-selector{flex-wrap:nowrap;overflow:visible;padding:0;justify-content:center;gap:12px}.lesson-navigation-modal.units .horizontal-selector{flex-wrap:nowrap;overflow:visible;padding:0;justify-content:center;gap:8px}.lesson-navigation-modal.my-lessons .horizontal-selector{flex-wrap:wrap;justify-content:center;max-width:100%;overflow-x:visible;overflow-y:auto;max-height:60vh;padding:0 10px;gap:12px}.lesson-navigation-modal.my-lessons .level-item{min-width:100px;max-width:120px}.level-item,.unit-item{display:flex;flex-direction:column;align-items:center;padding:12px;border-radius:12px;cursor:pointer;transition:all .3s ease;min-width:90px;background-color:#f8f9fa;border:2px solid transparent;flex-shrink:0}.my-lessons-item{background-color:#e3f2fd!important;border-color:#2196f3!important}.folder-item{background-color:#fff3e0!important}.level-item:hover,.unit-item:hover{transform:scale(1.1);background-color:#e9ecef;border-color:#3fc3ed}.level-item.transparent,.unit-item.transparent{opacity:.3;cursor:not-allowed}.level-item.transparent:hover,.unit-item.transparent:hover{transform:none;background-color:#f8f9fa;border-color:transparent}.emoji{font-size:42px;margin-bottom:6px}.level-item span,.unit-item span{font-size:14px;font-weight:700;color:#333;text-align:center;line-height:1.2}.lessons-list{max-height:50vh;overflow-y:auto;padding:10px;border:1px solid #dee2e6;border-radius:8px;background-color:#f8f9fa}.lessons-two-column,.lessons-three-column{display:flex;gap:20px;max-height:none;overflow:visible;padding:10px;border:1px solid #dee2e6;border-radius:8px;background-color:#f8f9fa}.lessons-column{flex:1;min-width:0;max-width:33.33%}.lesson-item{padding:12px 16px;margin-bottom:8px;background-color:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid #dee2e6}.lesson-item:hover{background-color:#3fc3ed;color:#fff;transform:translate(5px)}.lesson-navigation-modal .lessons-two-column .lesson-item.completed,.lesson-navigation-modal .lessons-three-column .lesson-item.completed{background-color:#d4edda!important;border:2px solid #28a745!important;box-shadow:0 0 10px #28a7454d!important}.lesson-navigation-modal .lessons-two-column .lesson-item.completed:hover,.lesson-navigation-modal .lessons-three-column .lesson-item.completed:hover{background-color:#28a745!important;color:#fff!important;transform:translate(5px);box-shadow:0 0 15px #28a74580!important}.lesson-navigation-modal .lessons-list .lesson-item.completed{background-color:#d4edda!important;border:2px solid #28a745!important;box-shadow:0 0 10px #28a7454d!important}.lesson-navigation-modal .lessons-list .lesson-item.completed:hover{background-color:#28a745!important;color:#fff!important;transform:translate(5px);box-shadow:0 0 15px #28a74580!important}.lesson-item span{font-size:16px;font-weight:500}@media (max-width: 768px){.lesson-navigation-modal{max-width:98vw;bottom:5%;min-width:320px}.horizontal-selector{padding:0 10px;gap:8px}.lesson-navigation-modal.levels .horizontal-selector{padding:0 15px;gap:8px}.lesson-navigation-modal.my-lessons .horizontal-selector{gap:8px}.level-item,.unit-item{min-width:60px;padding:8px}.lesson-navigation-modal.levels .level-item{min-width:70px;max-width:80px;padding:8px 6px}.lesson-navigation-modal.levels .emoji{font-size:32px}.lesson-navigation-modal.levels .level-item span{font-size:12px}.lesson-navigation-modal.my-lessons .level-item{min-width:75px;max-width:90px}.emoji{font-size:28px}.level-item span,.unit-item span{font-size:11px}}.lesson-navigation-modal.levels .level-item{min-width:75px;max-width:90px;padding:12px 8px}.lesson-navigation-modal.units .unit-item{min-width:60px;max-width:70px;padding:10px 6px}.lesson-navigation-modal.levels .emoji{font-size:40px;margin-bottom:6px}.lesson-navigation-modal.levels .level-item span{font-size:14px;line-height:1.2}.lesson-navigation-modal.units .emoji{font-size:32px;margin-bottom:4px}.lesson-navigation-modal.units .unit-item span{font-size:12px;line-height:1.2}.lesson-start-page{font-family:Comic Sans MS,sans-serif;position:relative;width:1000px;height:600px;margin:auto;background:url(./LessonBackground-CYvr0WLZ.jpg) no-repeat center center;background-size:cover;border-radius:10px;box-shadow:0 0 15px #00000080;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;z-index:1}.lesson-start-page.fullscreen{width:100vw;height:100vh;position:fixed;top:0;left:0;margin:0;border-radius:0;box-shadow:none;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1000}.lesson-start-page .lesson-header{width:100%;text-align:center;z-index:5;margin-top:25px}.lesson-start-page.fullscreen .lesson-header{margin-top:15px}.lesson-start-page .lesson-info{background:#000000b3;padding:10px 20px;border-radius:10px;font-size:28px;color:#fff;font-weight:700;display:inline-block;margin-top:20px}.lesson-start-page.fullscreen .lesson-info{font-size:36px;padding:15px 25px}.lesson-start-page .lesson-content{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;width:100%}.lesson-start-page .lesson-title-container{background:#fffc;padding:20px 30px;border-radius:10px;box-shadow:0 4px 15px #0003;text-align:center;margin-top:25px;margin-bottom:50px}.lesson-start-page.fullscreen .lesson-title-container{padding:30px 40px;margin-top:15px;margin-bottom:30px}.lesson-start-page .lesson-title{font-family:Comic Sans MS,sans-serif;font-size:48px;font-weight:700;color:#000;text-decoration:none}.lesson-start-page .lesson-title:hover{font-family:Comic Sans MS,sans-serif;font-size:48px;font-weight:700;color:#000;background:none;text-decoration:none}.lesson-start-page.fullscreen .lesson-title{font-size:64px}.lesson-start-page .lesson-footer{display:flex;justify-content:center;width:100%;margin-bottom:20px}.lesson-start-page .start-button{padding:15px 30px;font-size:25px;font-weight:700;background-color:#28a745;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.lesson-start-page .start-button:hover{transform:scale(1.1);box-shadow:0 4px 15px #0000004d}.lesson-start-page.fullscreen .start-button{font-size:30px;padding:20px 40px}.lesson-start-page .copyright-container{position:absolute;bottom:25px;left:50%;transform:translate(-50%);cursor:pointer;display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;background:#00000080;color:#fff;font-size:15px;transition:transform .3s ease}.lesson-start-page.fullscreen .copyright-container{font-size:18px;padding:15px}.lesson-start-page .copyright-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;z-index:10000;border-radius:10px;box-sizing:border-box}.lesson-start-page .copyright-modal-box{background:#fff;padding:15px;border-radius:8px;width:85%;max-width:900px;text-align:left;color:#000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-height:90%;overflow-y:auto;box-sizing:border-box}.lesson-start-page.fullscreen .copyright-modal-box{width:85%;max-width:800px;max-height:80%}.lesson-start-page.fullscreen .copyright-modal-overlay{border-radius:0}.lesson-start-page .copyright-close-btn{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;font-weight:700;cursor:pointer;z-index:1}.image-library{width:100%;height:100%;background:#fff;overflow-y:auto;position:relative;padding-bottom:50vh;z-index:1000}.image-library .expand-button{position:absolute;top:10px;left:-40px;background:#23a455;color:#fff;border:none;padding:5px;cursor:pointer;transform:rotate(-90deg);transform-origin:left top}.image-library .search-bar{position:sticky;top:0;z-index:100;padding:10px 40px 10px 10px;background:#fff;border-bottom:1px solid #ddd;display:flex;gap:20px;box-shadow:0 2px 4px #0000001a;align-items:center;justify-content:space-between}.image-library .search-controls{display:flex;gap:10px;flex:1;align-items:center;max-width:50%}.ai-generate-btn{background:linear-gradient(135deg,#4a9eff,#357abd);border:none;color:#fff;padding:10px 20px;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px;white-space:nowrap;box-shadow:0 2px 8px #4a9eff4d;height:40px;box-sizing:border-box;flex-shrink:0;line-height:1;margin:0;position:relative;left:-15px;top:-5px}.ai-generate-btn:hover{background:linear-gradient(135deg,#5ba8ff,#4a9eff);transform:translateY(-1px);box-shadow:0 4px 12px #4a9eff66}.ai-icon{font-size:1.1rem}.image-library .image-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;padding:15px 10px 10px;padding-bottom:50vh}.image-library .image-item{aspect-ratio:1;width:100%;display:flex;justify-content:center;align-items:center;padding:5px;cursor:pointer;transition:transform .2s ease}.image-library .image-item:hover{transform:scale(1.05)}.image-library.expanded .image-item{border:1px solid #ddd;border-radius:4px}.image-library.expanded .image-item img{max-width:90%;max-height:90%}.image-library-sidebar{position:fixed;top:0;right:0;width:30%;height:100%;background:#fff;box-shadow:-2px 0 5px #0000001a;transform:translate(100%);transition:transform .3s ease}.image-library-sidebar.open{transform:translate(0)}.search-bar input{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:4px;height:40px;box-sizing:border-box;max-width:100%;font-size:14px;margin:0}.search-bar select{padding:8px;border:1px solid #ddd;border-radius:4px;min-width:120px}.image-container{flex:1;overflow-y:auto;padding:10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.image-item{width:100px;height:100px;cursor:pointer}.image-item img{width:100%;height:100%;object-fit:cover}.image-item:hover{background:#f5f5f5}.image-item.disabled{opacity:.5;cursor:not-allowed}.image-item.disabled:after{content:"Not available for this area";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;color:#fff;padding:5px;border-radius:4px;font-size:12px;opacity:0;transition:opacity .2s}.image-item.disabled:hover:after{opacity:1}.image-item-wrapper{width:120px;height:120px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 1px 4px #0000000f;margin:0 auto}.image-item-wrapper img{width:100%;height:100%;object-fit:cover;display:block}.image-name{background-color:#000000b3;color:#fff;padding:4px;font-size:12px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;border-radius:0 0 4px 4px;margin-top:2px}.video-wrapper{position:relative;width:100%;height:0;padding-bottom:75%;overflow:hidden;border-radius:4px}.video-thumbnail{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.video-name{position:absolute;bottom:0;left:0;right:0;background-color:#000000b3;color:#fff;padding:4px;font-size:12px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-thumbnail:hover{background-color:#333}.preset-searches{display:flex;align-items:center;margin-bottom:10px;padding:0 10px}.preset-searches span{font-size:12px;margin-right:8px;color:#666}.preset-search-btn{background-color:#e6f7ff;border:1px solid #91d5ff;color:#1890ff;border-radius:4px;padding:3px 8px;font-size:12px;cursor:pointer;margin-right:5px;transition:all .2s}.preset-search-btn:hover{background-color:#1890ff;color:#fff}.avatar-auto-replace-indicator{position:absolute;bottom:0;left:0;right:0;background-color:#000000b3;color:#fff;font-size:10px;padding:2px 4px;text-align:center;border-radius:0 0 4px 4px}.avatar-auto-replace-indicator-top{position:absolute;top:0;left:0;right:0;background-color:#000000b3;color:#fff;font-size:10px;padding:2px 4px;text-align:center;border-radius:4px 4px 0 0}.folder-navigation{display:flex;gap:4px;align-items:center;padding:8px 10px;background:#f8f9facc;border-bottom:1px solid #e9ecef;justify-content:center}.folder-btn{background:transparent;border:none;color:#8ba3c7;padding:6px 8px;font-size:1.1rem;cursor:pointer;transition:all .3s ease;border-radius:4px;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px}.folder-btn:hover{background:#4a9eff1a;color:#4a9eff;transform:translateY(-1px)}.folder-btn.active{background:#4a9eff33;color:#4a9eff;box-shadow:0 2px 4px #4a9eff4d}.folder-icon{font-size:1.1rem}.ai-images-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px}.ai-images-search{flex:1}.ai-images-search input{width:100%;padding:12px 16px;border:2px solid #2a4a6b;border-radius:8px;background:#1a1a2ecc;color:#fff;font-size:14px;transition:all .3s ease}.ai-images-search input:focus{outline:none;border-color:#4a9eff;box-shadow:0 0 0 3px #4a9eff33}.ai-images-container{min-height:200px}.ai-image-item{background:#1a1a2e99;border:1px solid #2a4a6b;border-radius:8px;overflow:hidden;transition:all .3s ease}.ai-image-item:hover{border-color:#4a9eff;transform:translateY(-2px);box-shadow:0 8px 20px #4a9eff33}.ai-image-preview{position:relative;height:150px;overflow:hidden}.ai-image-preview img{width:100%;height:100%;object-fit:cover;cursor:pointer;transition:transform .3s ease}.ai-image-preview img:hover{transform:scale(1.05)}.ai-image-info{padding:12px}.ai-image-name{font-weight:600;color:#4a9eff;margin-bottom:4px;font-size:.9rem}.ai-image-prompt{color:#8ba3c7;font-size:.8rem;margin-bottom:4px;line-height:1.3}.ai-image-date{color:#6c757d;font-size:.7rem}.ai-image-actions{display:flex;gap:8px;padding:0 12px 12px}.ai-image-indicator{position:absolute;top:4px;right:4px;background:#4a9effe6;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:10px;z-index:10}.videos-coming-soon{display:flex;justify-content:center;align-items:center;min-height:200px;padding:40px 20px}.coming-soon-message{text-align:center;color:#8ba3c7;background:#1a1a2e4d;padding:30px;border-radius:12px;border:2px solid #2a4a6b}.coming-soon-message h3{color:#4a9eff;margin-bottom:12px;font-size:1.3rem}.coming-soon-message p{font-size:.9rem;margin:0}.no-images-message{text-align:center;padding:40px 20px;color:#8ba3c7}.no-images-message h3{color:#4a9eff;margin-bottom:12px;font-size:1.2rem}.no-images-message p{margin-bottom:20px;font-size:.9rem}.storage-usage{background:#1a1a2e66;border:1px solid #2a4a6b;border-radius:8px;padding:16px;margin-bottom:20px}.storage-usage h3{color:#4a9eff;margin:0 0 16px;font-size:1.1rem;font-weight:600}.usage-item{margin-bottom:16px}.usage-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.9rem;color:#4a9eff}.usage-count{font-weight:600;color:#4a9eff}.usage-bar{width:100%;height:8px;background:#1a1a2e99;border-radius:4px;overflow:hidden;margin-bottom:6px}.usage-fill{height:100%;border-radius:4px;transition:all .3s ease}.usage-text{font-size:.8rem;color:#4a9eff;font-style:italic}.usage-limits{margin-top:16px;padding-top:16px;border-top:1px solid #2a4a6b}.usage-limits h4{color:#4a9eff;margin:0 0 8px;font-size:1rem}.usage-limits ul{margin:0;padding-left:20px;font-size:.85rem;color:#4a9eff}.usage-limits li{margin-bottom:4px}.usage-warning{margin-top:16px;padding:12px;background:#ff6b6b1a;border:1px solid #ff6b6b;border-radius:6px}.usage-warning p{margin:0 0 8px;color:#ff6b6b;font-weight:600;font-size:.9rem}.usage-warning ul{margin:0;padding-left:20px;font-size:.85rem;color:#ff6b6b}.usage-warning li{margin-bottom:4px}.usage-loading{text-align:center;color:#4a9eff;font-style:italic;padding:20px}.storage-usage-section{margin-bottom:24px}@media (max-width: 768px){.storage-usage{padding:12px}.usage-label{flex-direction:column;align-items:flex-start;gap:4px}.usage-limits ul{padding-left:16px}}.ai-image-generator-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:99999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ai-image-generator-modal{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);border:2px solid #4a9eff;border-radius:16px;box-shadow:0 20px 40px #00000080,0 0 20px #4a9eff4d;max-width:1000px;width:95%;max-height:85vh;overflow-y:auto;color:#fff;font-family:Orbitron,monospace;margin-top:-10vh}.ai-image-generator-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid #4a9eff;background:linear-gradient(90deg,#1a1a2e,#16213e);border-radius:14px 14px 0 0}.header-content{display:flex;align-items:center;gap:12px;flex:1}.header-content h2{margin:0;color:#4a9eff;font-size:1.2rem;font-weight:600;text-shadow:0 0 10px rgba(74,158,255,.5)}.quality-tips-btn-small{background:linear-gradient(135deg,#ff6b6b,#ee5a52);border:none;color:#fff;padding:4px 8px;border-radius:4px;font-size:.7rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 1px 4px #ff6b6b4d}.quality-tips-btn-small:hover{background:linear-gradient(135deg,#ff5252,#ff6b6b);transform:translateY(-1px);box-shadow:0 2px 6px #ff6b6b66}.close-btn{background:none;border:none;color:#4a9eff;font-size:24px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.close-btn:hover{background:#4a9eff33;transform:scale(1.1)}.ai-image-generator-content{padding:16px 20px}.form-group{margin-bottom:16px}.ai-image-generator-modal .form-group label{display:block;margin-bottom:6px;color:#4a9eff!important;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.form-group label{display:block;margin-bottom:6px;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.form-group select,.form-group input,.form-group textarea{width:100%;padding:8px 12px;border:2px solid #2a4a6b;border-radius:6px;background:#1a1a2ecc;color:#fff;font-size:13px;transition:all .3s ease;box-sizing:border-box}.form-group select:focus,.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#4a9eff;box-shadow:0 0 0 3px #4a9eff33;background:#1a1a2ee6}.form-group textarea{resize:vertical;min-height:80px;font-family:inherit}.form-group small{display:block;margin-top:6px;color:#4a9eff;font-size:.8rem;font-style:italic}.prompt-suggestions{margin-top:12px}.prompt-suggestions small{color:#4a9eff;font-weight:600;margin-bottom:8px;display:block}.suggestion-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.suggestion-chip{background:#4a9eff1a;border:1px solid #4a9eff;color:#4a9eff;padding:6px 12px;border-radius:20px;font-size:.8rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}.suggestion-chip:hover{background:#4a9eff33;transform:translateY(-1px);box-shadow:0 4px 8px #4a9eff4d}.error-message{background:#ff3b301a;border:1px solid #ff3b30;color:#ff6b6b;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:.9rem}.generate-btn{width:100%;background:linear-gradient(135deg,#4a9eff,#357abd);border:none;color:#fff;padding:12px 20px;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;box-shadow:0 4px 15px #4a9eff4d}.generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #4a9eff66;background:linear-gradient(135deg,#5ba8ff,#4a9eff)}.generate-btn:disabled{background:#2a4a6b;cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}.generated-images{margin-top:24px;padding-top:24px;border-top:1px solid #2a4a6b}.generated-images h3{color:#4a9eff;margin-bottom:16px;font-size:1.2rem}.image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.generated-image-item{background:#1a1a2e99;border:1px solid #2a4a6b;border-radius:8px;overflow:hidden;transition:all .3s ease}.generated-image-item:hover{border-color:#4a9eff;transform:translateY(-2px);box-shadow:0 8px 20px #4a9eff33}.generated-image-item img{width:100%;height:150px;object-fit:cover;display:block}.use-image-btn{width:100%;background:linear-gradient(135deg,#00d4aa,#00b894);border:none;color:#fff;padding:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.use-image-btn:hover{background:linear-gradient(135deg,#00e6b8,#00d4aa);transform:translateY(-1px)}.use-image-btn.small{padding:6px 12px;font-size:.8rem;width:auto}.user-images-section{margin-top:24px;padding-top:24px;border-top:1px solid #2a4a6b}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h3{color:#4a9eff;margin:0;font-size:1.2rem}.toggle-btn{background:#4a9eff1a;border:1px solid #4a9eff;color:#4a9eff;padding:6px 12px;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.toggle-btn:hover{background:#4a9eff33}.user-images{max-height:300px;overflow-y:auto}.user-image-item{background:#1a1a2e66;border:1px solid #2a4a6b;border-radius:8px;padding:12px;margin-bottom:12px;transition:all .2s ease}.user-image-item:hover{border-color:#4a9eff;background:#1a1a2e99}.image-info{margin-bottom:8px}.image-info small{display:block;color:#4a9eff;font-size:.8rem;margin-bottom:4px}.image-actions{display:flex;gap:8px}.delete-image-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a52);border:none;color:#fff;padding:6px 12px;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.delete-image-btn:hover{background:linear-gradient(135deg,#ff7b7b,#ff6b6b);transform:translateY(-1px)}.loading,.no-images{text-align:center;color:#4a9eff;padding:20px;font-style:italic}.ai-image-generator-modal::-webkit-scrollbar,.user-images::-webkit-scrollbar{width:8px}.ai-image-generator-modal::-webkit-scrollbar-track,.user-images::-webkit-scrollbar-track{background:#1a1a2e4d;border-radius:4px}.ai-image-generator-modal::-webkit-scrollbar-thumb,.user-images::-webkit-scrollbar-thumb{background:#4a9eff;border-radius:4px}.ai-image-generator-modal::-webkit-scrollbar-thumb:hover,.user-images::-webkit-scrollbar-thumb:hover{background:#5ba8ff}@media (max-width: 768px){.ai-image-generator-modal{width:95%;max-height:95vh}.ai-image-generator-content{padding:16px}.image-grid{grid-template-columns:1fr}.suggestion-chips{flex-direction:column}.suggestion-chip{max-width:none}}.quality-tips{margin-top:12px;padding:12px;background:#4a9eff1a;border:1px solid rgba(74,158,255,.3);border-radius:8px}.quality-tips small{color:#4a9eff;font-weight:600}.quality-tips ul{margin:8px 0 0;padding-left:20px}.quality-tips li{color:#4a9eff;font-size:.8rem;margin-bottom:4px;line-height:1.4}.image-name-input{margin-bottom:20px;padding:16px;background:#4a9eff0d;border:1px solid rgba(74,158,255,.2);border-radius:8px}.image-name-input label{display:block;margin-bottom:8px;color:#4a9eff;font-weight:600;font-size:.9rem}.image-name-input input{width:100%;padding:12px 16px;border:2px solid #2a4a6b;border-radius:8px;background:#1a1a2ecc;color:#fff;font-size:14px;transition:all .3s ease;box-sizing:border-box}.image-name-input input:focus{outline:none;border-color:#4a9eff;box-shadow:0 0 0 3px #4a9eff33;background:#1a1a2ee6}.image-name-input small{display:block;margin-top:6px;color:#4a9eff;font-size:.8rem;font-style:italic}.size-tip{display:block;margin-top:6px;color:#4a9eff;font-size:.8rem;font-style:italic;background:#4a9eff1a;padding:4px 8px;border-radius:4px;border-left:3px solid #4a9eff}.storage-limits-section{display:flex;gap:20px;margin-bottom:20px;padding:12px;background:#1a1a2e4d;border-radius:8px;border:1px solid #2a4a6b}.storage-usage-compact{flex:1}.usage-limits-compact{flex:0 0 200px;padding:8px;background:#4a9eff1a;border-radius:6px;border:1px solid rgba(74,158,255,.2)}.usage-limits-compact h4{margin:0 0 8px;color:#4a9eff;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.limits-grid{display:flex;flex-direction:column;gap:6px}.limit-item{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#4a9eff}.limit-icon{font-size:.8rem}.limit-label{font-weight:500;min-width:60px}.limit-value{font-weight:600;color:#4a9eff}.storage-usage-compact .storage-usage{margin:0}.storage-usage-compact .storage-usage h3{font-size:.8rem;margin-bottom:8px}.storage-usage-compact .usage-item{margin-bottom:8px}.storage-usage-compact .usage-label,.storage-usage-compact .usage-count{font-size:.7rem}.storage-usage-compact .usage-bar{height:6px;margin:4px 0}.storage-usage-compact .usage-text{font-size:.65rem;margin-top:2px}.storage-usage-compact .usage-limits{display:none}.form-row{display:flex;gap:12px;margin-bottom:8px}.form-row .form-group{flex:1;margin-bottom:0}.form-row .form-group label{font-size:.75rem;margin-bottom:4px}.form-row .form-group select,.form-row .form-group input{padding:6px 8px;font-size:.75rem}.form-row .form-group small{font-size:.6rem;margin-top:2px;display:block}.form-row .size-tip{font-size:.6rem;padding:2px 4px;margin-top:2px}.suggestion-chips-single-line{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.suggestion-chips-single-line .suggestion-chip{background:#4a9eff1a;border:1px solid rgba(74,158,255,.3);color:#4a9eff;padding:4px 8px;border-radius:12px;font-size:.7rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.suggestion-chips-single-line .suggestion-chip:hover{background:#4a9eff33;border-color:#4a9eff;transform:translateY(-1px)}.quality-tips-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a52);border:none;color:#fff;padding:8px 16px;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:8px;width:100%;box-shadow:0 2px 8px #ff6b6b4d}.quality-tips-btn:hover{background:linear-gradient(135deg,#ff5252,#ff6b6b);transform:translateY(-1px);box-shadow:0 4px 12px #ff6b6b66}.quality-tips-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100000}.quality-tips-modal{background:#fff;border-radius:12px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d}.quality-tips-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e9ecef;background:linear-gradient(135deg,#4a9eff,#357abd);color:#fff;border-radius:12px 12px 0 0}.quality-tips-header h3{margin:0;font-size:1.2rem;font-weight:600}.quality-tips-header .close-btn{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease}.quality-tips-header .close-btn:hover{background:#fff3}.quality-tips-content{padding:24px}.tip-section{margin-bottom:24px}.tip-section:last-child{margin-bottom:0}.tip-section h4{color:#4a9eff;margin:0 0 12px;font-size:1rem;font-weight:600}.tip-section ul{margin:0;padding-left:20px}.tip-section li{margin-bottom:8px;line-height:1.5;color:#333;font-size:.9rem}.tip-section li:last-child{margin-bottom:0}.drag-drop-template{font-family:Comic Sans MS,sans-serif;color:#fff;display:flex;justify-content:center;align-items:center;width:1000px;height:600px;margin:auto;background-size:cover;background-position:center;box-shadow:0 0 15px #00000080;border-radius:10px;overflow:hidden;position:relative;transition:all .3s ease-in-out}.drag-drop-template.fullscreen{position:fixed;width:100vw;height:100vh;margin:0;border-radius:0;box-shadow:none;z-index:1000;background-size:cover;background-position:center}.drag-drop-template .quiz-container{text-align:center;width:80%;z-index:2;position:relative}.drag-drop-template.fullscreen .quiz-container{width:90%;transform:scale(1.1);transform-origin:center}.drag-drop-template .sentence-container{font-size:35px;font-weight:700;color:#000;display:flex;justify-content:center;align-items:center;background-color:#fff;border-radius:8px;padding:10px;margin-top:-110px;margin-bottom:50px;margin-left:50px;max-width:80%;box-sizing:content-box;box-shadow:0 4px 8px #0000001a;position:relative;z-index:15}.drag-drop-template.fullscreen .sentence-container{font-size:50px;padding:20px;margin-top:-80px;margin-bottom:60px;max-width:85%}.drag-drop-template .battery-slot{background-color:gold;padding:20px 40px;border-radius:8px;font-weight:700;font-size:35px;margin:0 10px;display:flex;align-items:center;justify-content:center;color:transparent;height:50px;box-shadow:0 4px 6px #0003;transition:all .3s ease-in-out;cursor:pointer;z-index:3}.drag-drop-template .battery-slot.filled{background-color:#28a745;color:#fff;cursor:default}.drag-drop-template.fullscreen .battery-slot{padding:30px 50px;font-size:45px;height:70px}.drag-drop-template .options-container{position:relative;display:flex;justify-content:center;gap:20px;margin-top:40px;z-index:20;transition:all .3s ease-in-out}.drag-drop-template.fullscreen .options-container{gap:30px;margin-top:50px}.drag-drop-template .option-battery{background-color:#28a745;padding:15px 25px;border-radius:8px;font-weight:700;font-size:35px;color:#fff;cursor:pointer;display:flex;align-items:center;position:relative;margin-left:25px;z-index:20;box-shadow:0 4px 6px #0003;transition:all .3s ease-in-out}.drag-drop-template .option-battery.disabled{opacity:.5;cursor:not-allowed}.drag-drop-template .option-battery.correct-answer{background-color:#28a745;color:#fff}.drag-drop-template.fullscreen .option-battery{padding:20px 35px;font-size:50px;margin-left:30px}.drag-drop-template .side-battery{position:absolute;right:75px;top:50%;transform:translateY(-50%);width:50px;height:400px;border:3px solid #333;border-radius:8px;overflow:hidden;background-color:#555;display:flex;flex-direction:column-reverse;justify-content:flex-start;transition:all .3s ease-in-out;z-index:2;cursor:not-allowed}.drag-drop-template .side-battery.enabled{cursor:pointer;box-shadow:0 0 10px #ffffff80}.drag-drop-template .side-battery.disabled{cursor:not-allowed;opacity:1}.drag-drop-template.fullscreen .side-battery{width:70px;height:500px;right:50px}.drag-drop-template .side-battery-section{flex:1;border-top:2px solid #333;background-color:#444;transition:background-color .3s ease}.drag-drop-template .side-battery-section.filled{background-color:#28a745}.drag-drop-template .confetti{position:fixed;top:-10px;background-color:var(--confetti-color, #FFD700);animation:fall linear infinite;opacity:.8;left:calc(var(--confetti-left) * 1%);transform:rotate(calc(var(--confetti-rotation) * 1deg));width:calc(var(--confetti-size) * 1px);height:calc(var(--confetti-size) * 1px);animation-delay:var(--animation-delay);animation-duration:var(--animation-duration)}@keyframes fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(360deg);opacity:0}}.drag-drop-template .character-bottom-left{position:absolute;bottom:0%;left:0%;width:400px;height:400px;transition:all .3s ease-in-out;background:transparent!important}.drag-drop-template.fullscreen .character-bottom-left{width:600px;height:600px;bottom:0%;left:0%}.drag-drop-template .character-image{width:100%;height:100%;object-fit:contain;display:block;background:transparent!important;image-rendering:pixelated}.drag-drop-template .character-bottom-left *,.drag-drop-template .character-bottom-left .character-display,.drag-drop-template .character-bottom-left .character-display img{background:transparent!important}@keyframes flashRed{0%{background-color:gold}50%{background-color:#ff4d4d}to{background-color:gold}}.drag-drop-template .option-battery.incorrect{animation:flashRed .5s}.drag-drop-template .sentence-container[style*="cursor: pointer"]:hover,.drag-drop-template .option-battery[style*="cursor: pointer"]:hover{outline:2px dashed #23A455}.drag-drop-template .option-battery.correct-answer{border:2px solid #28a745}.drag-drop-template .character-bottom-left.editable{background:transparent!important}.drag-drop-template .character-bottom-left.editable.dragging-over{outline:2px dashed #23A455;background:transparent!important}.drag-drop-template .character-bottom-left:hover,.drag-drop-template .character-bottom-left:active{background:transparent!important}.drag-drop-template .editable{cursor:pointer}.drag-drop-template .editable:hover{outline:2px dashed #23A455}.drag-drop-template .editable:active{outline:2px solid #23A455}.drag-drop-template .text-part.editable{display:inline-block;padding:2px 4px;border-radius:4px}.drag-drop-template .option-battery.editable{cursor:pointer}.drag-drop-template .option-battery.editable:hover{outline:2px dashed #23A455;outline-offset:2px}.editor-preview .drag-drop-template .option-battery{background-color:gold;color:#000}.drag-drop-template:not(.editing) .option-battery{background-color:#28a745!important;color:#fff!important;cursor:grab!important;-webkit-user-select:none!important;user-select:none!important}.drag-drop-template:not(.editing) .option-battery{cursor:grab;-webkit-user-select:none;user-select:none}.drag-drop-template:not(.editing) .option-battery:active{cursor:grabbing}.option-battery.flash-red{animation:flashRed .5s;background-color:#ff4d4d!important;color:#fff!important}@keyframes flashRed{0%{background-color:#ff4d4d}50%{background-color:#fff;color:#ff4d4d}to{background-color:#ff4d4d;color:#fff}}.drag-drop-template .next-button{background-color:#28a745;color:#fff;font-size:20px;font-weight:700;padding:15px 40px;border-radius:8px;cursor:pointer;box-shadow:0 4px 6px #0003;transition:all .3s ease;margin:0 auto;text-align:center;min-width:150px}.drag-drop-template .next-button:hover{background-color:#218838;transform:scale(1.05)}.drag-drop-template .next-button:active{transform:scale(.98)}.drag-drop-template.fullscreen .next-button{font-size:50px;padding:20px 60px}.character-display,.character-display *{background:transparent!important}.character-display .character-image{width:100%;height:100%;object-fit:contain;background:transparent!important;image-rendering:pixelated;backface-visibility:hidden;transform:translateZ(0);will-change:transform,opacity;transition:opacity .1s ease-in}.character-display .character-image.loading{opacity:0}.character-display .character-image.ready{opacity:1}.character-display{position:relative;min-height:200px}.character-display.loading:before{content:"";position:absolute;width:100%;height:100%;background:transparent;pointer-events:none}.character-display.left{transform-origin:bottom left}.character-display.right{transform-origin:bottom right}.character-display.talking{animation:talking .5s ease-in-out infinite alternate}@keyframes talking{0%{transform:scale(1)}to{transform:scale(1.05)}}.phonics-asteroids-template{font-family:Comic Sans MS,sans-serif;color:#fff;display:flex;justify-content:space-between;align-items:center;width:1000px;height:600px;margin:auto;background-size:cover;background-position:center;box-shadow:0 0 15px #00000080;border-radius:10px;overflow:hidden;position:relative;cursor:default}.phonics-asteroids-template.fullscreen{position:fixed;width:100vw;height:100vh;margin:0;padding:0;background:url(./PhonicsAsteroidsBackground-D0LMacwD.jpg) no-repeat center center / cover;transform:scale(1.2);transform-origin:center;border-radius:0;box-shadow:none;z-index:1000}.phonics-asteroids-template .left-section{flex:1;display:flex;justify-content:center;align-items:center}.phonics-asteroids-template .main-word-image{position:relative;width:200px;height:200px;margin-left:10px}.phonics-asteroids-template .image-placeholder{width:100%;height:100%;background-color:#ddd;border:2px solid #888;border-radius:10px;display:flex;justify-content:center;align-items:center;font-size:18px;font-weight:700;color:#000;transition:transform .3s ease,opacity .3s ease;cursor:default;background-size:contain!important;background-repeat:no-repeat!important;background-position:center!important;overflow:hidden;position:absolute;top:0;left:0;z-index:1}.phonics-asteroids-template .main-word-image .main-image{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;object-fit:contain;border-radius:10px}.phonics-asteroids-template .image-placeholder.clickable{box-shadow:0 4px 6px #0f06;cursor:pointer}.phonics-asteroids-template.fullscreen .main-word-image{width:300px;height:300px;margin-left:100px;margin-right:-200px}.phonics-asteroids-template .right-section{flex:1.5;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.phonics-asteroids-template .asteroid-cluster-container{display:grid;grid-template-areas:"top-left top-right" ". bottom";gap:10px;justify-items:center;margin-bottom:20%;margin-right:200px;z-index:1;cursor:url(./targetcursor_green-DUAxBvuZ.png) 50 60,pointer}.phonics-asteroids-template .asteroid:nth-child(1){grid-area:top-left}.phonics-asteroids-template .asteroid:nth-child(2){grid-area:top-right}.phonics-asteroids-template .asteroid:nth-child(3){grid-area:bottom;margin-right:100px}.phonics-asteroids-template .asteroid{width:150px;height:150px;border-radius:50%;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:transparent;font-size:75px;font-weight:700;display:flex;justify-content:center;align-items:center;transition:transform 5s ease;cursor:url(./targetcursor_green-DUAxBvuZ.png) 50 60,pointer}.phonics-asteroids-template .asteroid.invisible{opacity:0;pointer-events:none}.phonics-asteroids-template .asteroid:hover{transform:scale(1.2)}.phonics-asteroids-template.fullscreen .asteroid{width:200px!important;height:200px!important;font-size:150px!important}.phonics-asteroids-template .asteroid .letter{background-color:#000;color:#fff;font-size:45px;font-weight:700;border-radius:10px;padding:5px 10px;text-align:center;display:inline-block;margin:auto}.phonics-asteroids-template.fullscreen .asteroid .letter{font-size:60px}.phonics-asteroids-template .explosion-container{width:100px;height:100px;position:absolute;pointer-events:none;z-index:10000;margin-top:-20%;margin-left:-50%;transform:translate(-50%,-50%)}.phonics-asteroids-template.fullscreen .explosion-container{width:150px;height:150px;margin-top:5%;margin-left:0%}.phonics-asteroids-template .target-container{display:flex;gap:20px;justify-content:center;position:absolute;bottom:10%;left:50%;transform:translate(-50%);z-index:1}.phonics-asteroids-template.fullscreen .target-container{bottom:25%}.phonics-asteroids-template .target-slot{width:100px;height:100px;border-radius:50%;background-color:#000;display:flex;align-items:center;justify-content:center;margin-right:1vw;font-size:40px;font-weight:700;color:transparent;position:relative;transition:background-color .3s ease,transform .3s ease}.phonics-asteroids-template .target-slot.filled{background-color:#000;color:#fff;transform:scale(1.2)}.phonics-asteroids-template.fullscreen .target-slot{width:100px;height:100px;font-size:45px;margin-bottom:-50px}.phonics-asteroids-template .final-row{position:absolute;top:50%;left:40%;transform:translate(-50%,-50%);display:flex;gap:25px;align-items:center;justify-content:center;opacity:1;transition:opacity .5s ease;z-index:99}.phonics-asteroids-template .final-row.visible{opacity:1}.phonics-asteroids-template .final-item-image-container{position:relative;width:150px;height:150px;border-radius:10px;overflow:hidden}.phonics-asteroids-template .missing-image{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f0f0f0;color:#999;display:flex;align-items:center;justify-content:center;z-index:1;font-size:14px;text-align:center;padding:10px;box-sizing:border-box;border-radius:10px}.phonics-asteroids-template .final-item-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;z-index:2;cursor:pointer;border-radius:10px;transition:transform .3s ease}.phonics-asteroids-template .final-item-image:hover{transform:scale(1.05)}.phonics-asteroids-template.fullscreen .final-item-image-container{width:250px;height:250px}.phonics-asteroids-template .final-item span{font-size:25px;font-weight:700;margin-top:10px;text-align:center}.phonics-asteroids-template.fullscreen .final-item span{font-size:25px}.phonics-asteroids-template .character-bottom-right{position:absolute;bottom:0;right:0;margin-right:-10%;width:400px;height:400px}.phonics-asteroids-template.fullscreen .character-bottom-right{margin-right:-0px;width:600px;height:600px}.phonics-asteroids-template .character-bottom-right .character-image{width:100%;height:100%;background-size:contain;cursor:default}.phonics-asteroids-template.fullscreen .character-bottom-right .character-image{background-size:cover}.phonics-asteroids-template .non-cursor-target{cursor:default!important}.phonics-asteroids-template .return-to-bank{animation:returnToBank .5s forwards}.phonics-asteroids-template .sorting-complete{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#00bc48e6;color:#fff;padding:20px 40px;border-radius:10px;font-size:30px;font-weight:700;z-index:100}.phonics-asteroids-template .error-message{color:#d32f2f;font-size:18px;padding:10px;border:1px solid #d32f2f;border-radius:5px;background-color:#fdecea;width:300px;margin:20px auto}.phonics-asteroids-template .character-bottom-right.editable{pointer-events:all;position:absolute}.phonics-asteroids-template .character-bottom-right.editable:after{content:"Drop character here";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;color:#fff;padding:8px 16px;border-radius:4px;opacity:0;transition:opacity .3s ease}.phonics-asteroids-template .character-bottom-right.editable:hover:after{opacity:1}.phonics-asteroids-template .character-bottom-right.editable.dragging-over{outline:2px dashed #23A455;background-color:#23a4551a}.phonics-asteroids-template .final-item-word{display:block;color:#222;font-size:28px;font-weight:700;text-align:center;margin-top:12px;background:#ffffffd9;border-radius:6px;padding:4px 8px;letter-spacing:1px;box-shadow:0 2px 6px #00000012}.phonics-asteroids-template.fullscreen .final-item-word{font-size:38px;margin-top:18px;padding:8px 16px}.who-is-right-template{position:relative;font-family:Comic Sans MS,sans-serif;width:1000px;height:600px;background:url(./WhoIsRightBackground-BaqEG1_3.jpg) no-repeat center center;background-size:cover;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;transition:all .3s ease-in-out}.who-is-right-template.fullscreen{width:100vw;height:100vh;background-size:cover}.who-is-right-template__characters-container{display:flex;justify-content:space-between;width:100%;position:absolute;bottom:0;transition:transform .3s ease-in-out}.who-is-right-template__characters-container.fullscreen{bottom:20%}.who-is-right-template__character{position:relative;transition:transform .3s ease;display:flex;justify-content:center;align-items:flex-end}.who-is-right-template__character-image{width:400px;height:400px;background-size:contain;background-repeat:no-repeat;background-position:center bottom;cursor:pointer;z-index:1}.who-is-right-template.fullscreen .who-is-right-template__character-image{width:600px;height:600px}.who-is-right-template__speech-bubble{position:absolute;top:-20%;left:50%;transform:translate(-50%);width:75%;background:#fff;border-radius:10px;border:3px solid black;padding:10px 15px;text-align:center;font-size:40px;color:#000;box-shadow:0 4px 10px #0003;z-index:2;cursor:pointer;transition:transform .3s ease,opacity .3s ease,font-size .3s ease;margin-bottom:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;word-break:keep-all;hyphens:none;overflow-wrap:break-word;white-space:normal;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none}.who-is-right-template__speech-bubble:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:0;height:0;border:15px solid transparent;border-top:15px solid white;z-index:1;bottom:-25px}.who-is-right-template.fullscreen .who-is-right-template__speech-bubble:after{bottom:-10%;left:50%}.who-is-right-template__speech-bubble--correct{background:#4caf50;color:#fff;transform:translate(-50%) scale(1.05)}.who-is-right-template.fullscreen .who-is-right-template__speech-bubble{width:260px;font-size:60px;top:-50%}.who-is-right-template__speech-bubble--hidden{opacity:0;pointer-events:none}.who-is-right-template__speech-bubble--shake{animation:shake .5s;color:#fff;background:red}@keyframes shake{0%,to{transform:translate(5%)}10%,30%,50%,70%,90%{transform:translate(-5%)}20%,40%,60%,80%{transform:translate(5%)}}.who-is-right-template__portal{position:absolute;top:45%;left:45%;width:50px;height:50px;cursor:pointer}.who-is-right-template__portal:hover{transform:scale(1.3)}.who-is-right-template__portal-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px!important;height:300px!important;cursor:pointer;object-fit:contain!important;max-width:none!important;max-height:none!important;min-width:300px!important;min-height:300px!important}.who-is-right-template__portal-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;display:flex;align-items:center;justify-content:center;border:2px dashed rgba(255,255,255,.5);border-radius:50%;color:#ffffffb3;font-size:16px;text-align:center;padding:20px;cursor:pointer}.who-is-right-template.fullscreen .who-is-right-template__portal-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px!important;height:500px!important;cursor:pointer;object-fit:contain!important;max-width:none!important;max-height:none!important;min-width:500px!important;min-height:500px!important}.who-is-right-template.fullscreen .who-is-right-template__portal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;cursor:pointer}.who-is-right-template__final-row{position:absolute;bottom:12%;left:50%;transform:translate(-50%);display:flex;gap:8px;justify-content:center;align-items:center}.who-is-right-template__final-portal{width:75px;height:75px;border-radius:50%;overflow:hidden}.who-is-right-template.fullscreen .who-is-right-template__final-portal{width:150px;height:150px}.who-is-right-template__final-portal img{width:100%;height:100%;object-fit:cover}.who-is-right-template__final-portal-placeholder{width:100%;height:100%;background-color:#0000001a;border:2px dashed rgba(255,255,255,.4);border-radius:50%}.who-is-right-template__speed-gauge{position:absolute;bottom:5%;left:50%;transform:translate(-50%);width:90%;height:25px;background-color:#ddd;border-radius:15px;overflow:hidden;box-shadow:inset 0 0 5px #0003}.who-is-right-template__gauge-fill{height:100%;border-radius:15px;transition:width .3s ease-in-out,background .3s ease-in-out}.who-is-right-template__speed-gauge--complete .who-is-right-template__gauge-fill{background-color:#4caf50;box-shadow:0 0 15px 5px #4caf50bf}.who-is-right-template__gauge-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;font-weight:700;color:#fff}.who-is-right-template__gauge-fill{background:linear-gradient(to right,#4caf50,#ffc107,#ff5722,#f44336)}.who-is-right-template__enlarged-portal-image{width:300px!important;height:300px!important;object-fit:contain!important;max-width:none!important;max-height:none!important;min-width:300px!important;min-height:300px!important}.who-is-right-template.fullscreen .who-is-right-template__enlarged-portal-image{width:500px!important;height:500px!important;object-fit:contain!important;max-width:none!important;max-height:none!important;min-width:500px!important;min-height:500px!important}.who-is-right-template__enlarged-portal-placeholder{width:300px;height:300px;background-color:#0000001a;border:2px dashed rgba(255,255,255,.4);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;font-size:16px}.who-is-right-template.fullscreen .who-is-right-template__enlarged-portal-placeholder{width:500px;height:500px;font-size:24px}.who-is-right-template__final-row.disabled,.who-is-right-template__enlarged-portal-image.disabled{pointer-events:none;opacity:.5}@media (max-width: 768px){.who-is-right-template__character-image{width:150px;height:150px}.who-is-right-template__speech-bubble{width:140px;font-size:20px}.who-is-right-template__portal{width:120px;height:120px}}@media (max-width: 480px){.who-is-right-template__character-image{width:120px;height:120px}.who-is-right-template__speech-bubble{width:120px;font-size:18px}.who-is-right-template__portal{width:100px;height:100px}}.portal-image-input{width:150px;padding:5px;text-align:center;font-size:14px}.test-tube-letters-template{position:relative;width:1000px;height:600px;background:url(./TestTubeBackground-VtEstaYR.jpg) no-repeat center center;background-size:cover;display:flex;flex-direction:row;align-items:center center;justify-content:space-between;overflow:hidden}.test-tube-letters-template.fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;background-size:cover;z-index:1000;overflow:hidden}.test-tube-letters-template:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1;opacity:0;animation:fadeInOverlay 5s ease-in-out forwards}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.test-tube-letters-template .scaling-container{position:relative;z-index:0}.test-tube-letters-template .character-section{position:absolute;bottom:0;left:0%;z-index:1}.test-tube-letters-template.fullscreen .character-section{left:0%;bottom:0;z-index:2;display:flex;align-items:flex-end;height:100%}.test-tube-letters-template .character{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:100%;margin-left:150px!important;bottom:0;z-index:1;position:relative}.test-tube-letters-template.fullscreen .character{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:100%!important;margin-left:200px!important;bottom:0;z-index:1;position:relative}.test-tube-letters-template .character-image{height:400px;width:400px;object-fit:contain;z-index:1;position:absolute;left:15%;bottom:0}.test-tube-letters-template.fullscreen .character-image{width:700px!important;height:700px!important;max-width:100vw!important;max-height:100vh!important;object-fit:contain!important;display:block!important;left:25%!important;position:absolute!important}.test-tube-letters-template .test-tube-container,.test-tube-letters-template.fullscreen .test-tube-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-left:25%;width:10%;z-index:99}.test-tube-letters-template .test-tube{width:100px;height:250px;border:3px solid lightblue;background-color:#ffffff75;border-radius:20px;position:relative;cursor:pointer;transition:transform .5s ease;z-index:100}.test-tube-letters-template.fullscreen .test-tube{width:150px;height:550px;border:3px solid lightblue;background-color:#ffffff75;border-radius:20px;position:relative;cursor:pointer;transition:transform .5s ease;z-index:100}.test-tube-letters-template .test-tube.tilted{transform:rotate(45deg)}.test-tube-letters-template .test-tube-label{position:absolute;top:25px;left:50%;transform:translate(-50%);font-size:50px;font-weight:700;color:#fff;background-color:#000;border-radius:25px;padding:10px;z-index:1;font-family:Comic Sans MS,sans-serif;min-width:60px;min-height:40px;display:flex;justify-content:center;align-items:center}.test-tube-letters-template .test-tube-liquid{position:absolute;bottom:0;width:100%;height:80%;background:#007bff;border-radius:20px;transition:height .5s ease}.test-tube-letters-template .words{display:flex;flex-direction:column;justify-content:center;width:40%;margin-right:75px;z-index:8;font-family:Comic Sans MS,sans-serif;font-size:25px}.test-tube-letters-template .word-container{margin-bottom:20px;margin-right:0}.test-tube-letters-template.fullscreen .word-container{margin-bottom:20px;margin-left:-200px;height:150px}.test-tube-letters-template .word{display:flex;justify-content:center;align-items:center;border:2px solid lightblue;border-radius:10px;padding:5px;background:#cce5ff;height:150px;margin-right:50px}.test-tube-letters-template .letter{display:flex;justify-content:center;align-items:center;width:50px;height:75px;margin:0 5px;font-size:55px;font-weight:700;color:transparent;background:#fff;border:2px solid #007bff;border-radius:5px;transition:all .3s ease}.test-tube-letters-template.fullscreen .letter{display:flex;justify-content:center;align-items:center;width:75px;height:125px;margin:0 5px;font-size:75px;font-weight:700;color:transparent;background:#fff;border:2px solid #007bff;border-radius:5px;transition:all .3s ease}.test-tube-letters-template .letter.filled{color:#fff;background:#007bff}.test-tube-letters-template .completed-words{display:flex;flex-direction:column;align-items:flex-start;margin-left:150%;margin-top:20px}.test-tube-letters-template .completed-word-wrapper{margin-bottom:20px;margin-left:-150px}.test-tube-letters-template .completed-word{display:flex;flex-direction:row;justify-content:center;align-items:center;border:2px solid lightblue;border-radius:20px;padding:10px;background:#fff;box-shadow:0 4px 6px #0000001a}.test-tube-letters-template .completed-word .letter{margin:0 3px}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.test-tube-letters-template .slide-in{animation:slideInFromRight .5s ease-out forwards}.test-tube-letters-template.fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;background-size:cover;border-radius:0;z-index:1000;transform-origin:top left}.test-tube-letters-template .test-tube{cursor:pointer;transition:transform .5s ease,background-color .3s ease}.find-stars-template{position:relative;width:1000px;height:600px;background:url(https://www.goingupeducation.com/wp-content/uploads/2024/01/47.png) no-repeat center center;background-size:cover;border-radius:15px;overflow:hidden;box-shadow:0 4px 20px #000c;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Comic Sans MS,sans-serif}.find-stars-template.fullscreen{position:fixed;top:0;left:0;width:100vw!important;height:100vh!important;margin:0;border-radius:0;box-shadow:none;z-index:1000;background-size:cover;background-position:center;transform:none;transform-origin:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.find-stars-template .constellation-container{position:absolute;top:0%;left:10%;width:80%;height:15%;padding:5%;box-sizing:border-box}.find-stars-template.fullscreen .constellation-container{top:2%;left:10%;width:80%;height:20%;padding:5%;box-sizing:border-box}.find-stars-template .star{position:absolute;width:75px;height:75px;background:url(./star-D2TtfdZT.png) no-repeat center center;background-size:contain;opacity:0;transform:rotate(0);transition:opacity .5s ease,transform .5s ease}.find-stars-template.fullscreen .star{width:clamp(75px,15vw,175px);height:clamp(75px,15vh,175px)}.find-stars-template .content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%}.find-stars-template .question{background:#fff;color:#000;font-size:36px;font-weight:700;padding:10px 20px;border-radius:10px;text-align:center;margin-bottom:10%;margin-top:-5%}.find-stars-template.fullscreen .question{font-size:clamp(36px,6vw,75px);padding:15px 30px;margin-bottom:5vh;margin-top:0}.find-stars-template .answers-container{display:flex;justify-content:center;align-items:center;gap:25px;z-index:1;margin-left:0}.find-stars-template.fullscreen .answers-container{gap:clamp(25px,5vw,50px);margin-bottom:0;flex-wrap:wrap}.find-stars-template .answer{position:relative;width:150px;height:150px;border-radius:15px;overflow:hidden;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,opacity .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-left:15px}.find-stars-template.fullscreen .answer{width:clamp(150px,25vw,300px);height:clamp(150px,25vw,300px);margin:10px}.find-stars-template .answer.correct{animation:grow .5s ease forwards;box-shadow:0 0 15px #0f0c;transform:scale(1.3)}.find-stars-template .answer.wrong{animation:shake .3s ease;opacity:.5;transform:scale(.8)}.find-stars-template .answer.wrong-disappear{animation:fadeOut .5s ease forwards}.find-stars-template .answer img{width:100%;height:100%;object-fit:cover;border-radius:15px}.find-stars-template .answer-text{position:absolute;bottom:10px;background:#fffc;width:90%;text-align:center;font-size:20px;font-weight:700;padding:2px;border-radius:5px}.find-stars-template.fullscreen .answer-text{font-size:clamp(20px,3vw,35px);bottom:5%}.find-stars-template .answer:hover{transform:scale(1.1)}.find-stars-template .character-bottom-left{position:absolute;bottom:0;left:0;width:400px;height:400px;margin-left:-50px}.find-stars-template.fullscreen .character-bottom-left{width:clamp(300px,40vw,700px);height:clamp(300px,40vh,700px);margin-left:-2vw;bottom:0;left:0}.find-stars-template .character-bottom-left .character-image{width:100%;height:100%;background-size:contain;background-repeat:no-repeat}@keyframes grow{0%{transform:scale(1)}to{transform:scale(1.3)}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}.answer-image-preview,.answer-image-container{width:180px;height:180px;display:flex;align-items:center;justify-content:center;background:#f9f9f9;border-radius:8px;overflow:hidden}.matching-aliens-template{position:relative;width:1000px;height:600px;background-size:cover;background-position:center;border-radius:15px;overflow:hidden;box-shadow:0 4px 20px #000c;display:flex;flex-direction:column;align-items:center;justify-content:center}.matching-aliens-template.fullscreen{position:fixed;width:100vw;height:100vh;margin:0;border-radius:0;box-shadow:none;z-index:1000}.matching-aliens-template .difficulty-panel{position:absolute;top:10px;right:20px;background:#111c;border:1px solid #0f0;padding:10px;border-radius:5px;z-index:10}.matching-aliens-template .difficulty-toggle{display:flex;flex-direction:column;gap:10px}.matching-aliens-template .difficulty-toggle button{background:#000;color:#fff;border:1px solid #0f0;padding:5px 10px;cursor:pointer;font-family:Courier New;font-weight:700;font-size:20px;transition:background .3s,color .3s}.matching-aliens-template.fullscreen .difficulty-toggle button{font-size:25px}.matching-aliens-template .difficulty-toggle button.active{background:#0f0;color:#000}.matching-area{display:flex;justify-content:space-between;align-items:center;width:75%;flex-grow:1;margin-bottom:100px}.column{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);grid-gap:25px;width:45%}.square{width:150px;height:150px;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:15px;font-size:20px;font-weight:700;color:#000;cursor:pointer;position:relative;transition:box-shadow .3s ease,transform .3s ease,opacity .3s ease;border:2px solid lightblue}.text-item{font-size:25px;font-weight:700;color:#000;cursor:pointer;position:relative}.fullscreen .text-item{font-size:50px;font-weight:700}.fullscreen .square{width:250px;height:250px}.square.correct{opacity:0;pointer-events:none;transition:opacity .5s ease}.square.selected{box-shadow:0 0 15px 5px #fffc;transform:scale(1.05)}.square.wrong{box-shadow:0 0 15px 5px #f00c;animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}}.found-aliens{position:absolute;bottom:0;width:75%;display:flex;justify-content:space-between;align-items:center;padding:0 100px;z-index:10}.found-alien{width:175px;height:175px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,opacity .3s ease;cursor:pointer}.fullscreen .found-alien{width:250px;height:250px}.found-alien img{width:100%;height:100%;object-fit:contain}.enlarged-alien-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;cursor:pointer;border-radius:10px;overflow:hidden;box-shadow:0 8px 20px #00000080}.enlarged-alien-overlay img{max-width:100%;max-height:100%;object-fit:contain}.item-image{width:100%;height:100%;object-fit:contain;object-position:center}.item-image-preview img{max-width:100%;max-height:100%;object-fit:contain}.matching-aliens-editor{background:#fffffff2;padding:20px;border-radius:8px;margin-top:20px;max-width:800px;margin-left:auto;margin-right:auto}.matching-pair{background:#f5f5f5;border-radius:6px;padding:15px;margin-bottom:15px}.pair-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.remove-pair-btn{background:#ff4d4d;color:#fff;border:none;border-radius:50%;width:24px;height:24px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.pair-content{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pair-item{background:#fff;padding:15px;border-radius:6px;box-shadow:0 1px 3px #0000001a}.pair-item h5{margin-top:0;margin-bottom:10px;color:#333}.pair-item input{width:100%;padding:8px;margin-bottom:10px;border:1px solid #ddd;border-radius:4px}.image-preview{width:100px;height:100px;border:1px solid #ddd;border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-top:10px}.add-pair-btn{background:#4caf50;color:#fff;border:none;border-radius:4px;padding:10px 20px;cursor:pointer;font-size:14px;margin-top:10px}.add-pair-btn:hover{background:#45a049}.navigation-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1001}.navigation-container .nav-button{position:absolute;width:50px;height:50px;background-color:#fff;color:#000;border:none;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:24px;box-shadow:0 4px 6px #0003;pointer-events:all;cursor:pointer;transition:transform .2s ease,background-color .2s ease}.navigation-container .nav-button:hover{background-color:#f0f0f0;transform:scale(1.1)}.navigation-container .nav-button.home{top:-20px;left:10px}.navigation-container .nav-button.restart{top:10px;right:10px}.navigation-container .nav-button.previous{bottom:10px;left:10px}.navigation-container .nav-button.next{bottom:10px;right:10px}.navigation-container .nav-button.fullscreen{top:10px;left:70px}.lesson-container.fullscreen .navigation-container .nav-button{transform:scale(1.2)}.space-junk-sentence-template{position:relative;width:100%;height:100%;min-width:1000px;min-height:600px;background-size:cover;background-position:center;border-radius:15px;overflow:hidden;font-family:Comic Sans MS,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center}.space-junk-sentence-template.fullscreen{position:fixed;top:0;left:0;width:100vw!important;height:100vh!important;min-width:unset;min-height:unset;margin:0;border-radius:0;box-shadow:none;z-index:1000}.space-junk-sentence-template .background-video,.space-junk-sentence-template .background-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.space-junk-sentence-template .selected-character{position:absolute;bottom:0;left:0;height:80%;width:auto;max-width:350px;z-index:2;cursor:pointer;object-fit:contain;object-position:bottom left;transform-origin:bottom left;transition:transform .3s ease}.space-junk-sentence-template .selected-character:hover{transform:scale(1.05)}.space-junk-sentence-template.fullscreen .selected-character{height:90%;max-width:500px}.space-junk-sentence-template .control-panel{position:absolute;top:25%;left:50%;transform:translate(-50%);z-index:20;display:flex;flex-direction:column;align-items:center;gap:20px}.space-junk-sentence-template .go-button{padding:15px 30px;font-size:24px;font-family:Comic Sans MS,sans-serif;font-weight:700;background:#28a745;color:#fff;border:none;border-radius:10px;margin-top:25%;margin-bottom:10%;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.space-junk-sentence-template .go-button:hover{transform:scale(1.1);box-shadow:0 0 10px #28a745cc}.space-junk-sentence-template.fullscreen .go-button{width:45%;height:10%;font-size:50px}.space-junk-sentence-template .slider-container{display:flex;flex-direction:column;align-items:center}.space-junk-sentence-template .slider-labels{width:100%;display:flex;justify-content:space-between;margin-top:5px;font-size:18px;color:#fff;text-align:center}.space-junk-sentence-template .slider{width:300px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;background:#ddd;outline:none;border-radius:5px;margin:0;padding:0}.space-junk-sentence-template .slider:hover{background:#ccc}.space-junk-sentence-template .slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:25px;height:25px;background:#28a745;cursor:pointer;border-radius:50%;border:none}.space-junk-sentence-template .slider::-moz-range-thumb{width:25px;height:25px;background:#28a745;cursor:pointer;border-radius:50%;border:none}.space-junk-sentence-template .floating-word-container{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translate(-50%,-50%);cursor:pointer;z-index:10;transition:left .5s linear}.space-junk-sentence-template .space-junk-placeholder{width:75px;height:75px;background:none;border-radius:5px;margin-bottom:5px;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all .3s ease}.space-junk-sentence-template .space-junk-placeholder.empty{background:#8080801a;border:2px dashed rgba(255,255,255,.2)}.space-junk-sentence-template .space-junk-image{width:100%;height:100%;object-fit:contain;border-radius:3px}.space-junk-sentence-template.fullscreen .space-junk-placeholder{width:150px;height:150px}.space-junk-sentence-template .floating-word{background:#fff;color:#000;font-size:24px;font-weight:700;padding:5px 10px;border-radius:5px;box-shadow:0 0 5px #0000004d;text-align:center;z-index:10}.space-junk-sentence-template.fullscreen .floating-word{background:#fff;color:#000;font-size:100px;font-weight:700;padding:5px 10px;border-radius:5px;box-shadow:0 0 5px #0000004d;text-align:center;z-index:10}.space-junk-sentence-template .collected-words{position:absolute;bottom:50px;left:50%;transform:translate(-50%);display:flex;justify-content:center;gap:10px;z-index:5;pointer-events:none;transition:all .5s ease}.space-junk-sentence-template .collected-words.completed{top:40%;transform:translate(-50%,-50%);pointer-events:auto}.space-junk-sentence-template .collected-word{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5px;opacity:.5;transition:transform .3s ease,opacity .3s ease}.space-junk-sentence-template .collected-word.green{opacity:1;color:green}.space-junk-sentence-template .collected-word.red{opacity:1;color:red}.space-junk-sentence-template .collected-word .word{background-color:#fff;color:#000;font-size:24px;text-align:center;padding:5px;border-radius:5px}.space-junk-sentence-template.fullscreen .collected-word .word{background-color:#fff;color:#000;font-size:50px;text-align:center;padding:5px;border-radius:5px}.space-junk-sentence-template .collected-word.green .word{background-color:#0f0c;box-shadow:0 0 10px #0f0c;padding:5px;border-radius:5px}.space-junk-sentence-template .collected-word:hover .word{transform:scale(1.2);transition:transform .3s ease}@media (max-width: 768px){.space-junk-sentence-template .selected-character{width:200px;margin-left:-30px}.space-junk-sentence-template.fullscreen .selected-character{width:500px;margin-left:-60px}.space-junk-sentence-template .floating-word{font-size:18px;padding:3px 8px}.space-junk-sentence-template.fullscreen .floating-word{font-size:28px}.space-junk-sentence-template .collected-words.completed{font-size:24px}.space-junk-sentence-template.fullscreen .collected-words.completed{font-size:32px}.space-junk-sentence-template .go-button{font-size:18px;padding:10px 20px}.space-junk-sentence-template.fullscreen .go-button{font-size:40px}.space-junk-sentence-template .slider-container .slider,.space-junk-sentence-template .slider-container .slider-labels{width:200px}}@media (max-width: 480px){.space-junk-sentence-template .selected-character{width:150px;margin-left:-20px}.space-junk-sentence-template.fullscreen .selected-character{width:400px;margin-left:-40px}.space-junk-sentence-template .floating-word{font-size:16px;padding:2px 5px}.space-junk-sentence-template.fullscreen .floating-word{font-size:24px}.space-junk-sentence-template .collected-words.completed{font-size:20px}.space-junk-sentence-template.fullscreen .collected-words.completed{font-size:28px}.space-junk-sentence-template .go-button{font-size:16px;padding:8px 16px}.space-junk-sentence-template.fullscreen .go-button{font-size:35px}.space-junk-sentence-template .slider-container .slider,.space-junk-sentence-template .slider-container .slider-labels{width:150px}.space-junk-sentence-template .background-video,.space-junk-sentence-template .background-image{object-fit:cover}}.rocket-instructions-template{position:relative;width:1000px;height:600px;background-size:cover;background-position:center;border-radius:15px;overflow:hidden;display:flex;flex-direction:row;justify-content:space-between;font-family:Comic Sans MS,sans-serif}.rocket-instructions-template.fullscreen{position:fixed;width:100vw;height:100vh;z-index:1000;border-radius:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;overflow:hidden}.rocket-instructions-template .left-section{width:75%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background-color:#000c;z-index:2}.rocket-instructions-template.fullscreen .left-section{width:75%;height:100%}.rocket-instructions-template .header{padding:10px 20px;background:#fff;color:#000;font-size:40px;font-weight:700;text-align:center;margin-bottom:20px;border-radius:5px;z-index:2}.rocket-instructions-template.fullscreen .header{font-size:50px;margin-bottom:50px}.rocket-instructions-template .instruction-box{width:85%;max-width:85%;height:auto;max-height:65%;background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000004d;padding:20px;font-size:25px;color:#000;display:flex;flex-direction:column;justify-content:flex-start}.rocket-instructions-template .instruction{opacity:0;margin:15px 0;transition:opacity .5s ease;text-align:center;font-weight:700;font-size:25px}.rocket-instructions-template.fullscreen .instruction{font-size:50px}.rocket-instructions-template .instruction.visible{opacity:1}.rocket-instructions-template .right-section{display:flex;flex-direction:column;align-items:center;justify-content:center;width:45%;position:relative}.rocket-instructions-template .fuel-meter-container{display:flex;align-items:flex-end;justify-content:center;margin-bottom:25px;z-index:2}.rocket-instructions-template .spaceship{position:relative;width:150px;height:300px;margin-right:20px;cursor:pointer;transition:transform 2s ease;z-index:2}.rocket-instructions-template.fullscreen .spaceship{width:250px;height:500px}.rocket-instructions-template .spaceship.launched{transform:translateY(-1200px)}.rocket-instructions-template .rocket-image{width:100%;height:auto;z-index:2;position:relative}.rocket-instructions-template .flame-animation{position:absolute;bottom:-85px;left:50%;transform:translate(-50%);width:150px;height:auto;pointer-events:none;z-index:1;transition:transform 2s ease}.rocket-instructions-template.fullscreen .flame-animation{width:275px}.rocket-instructions-template .fuel-meter{width:50px;height:300px;background:#d3d3d3;border-radius:25px;position:relative;cursor:pointer;overflow:hidden;display:flex;flex-direction:column-reverse}.rocket-instructions-template.fullscreen .fuel-meter{width:50px;height:600px;background:#d3d3d3;border-radius:25px}.rocket-instructions-template .fuel{width:100%;height:0%;background:linear-gradient(to top,orange,red);border-radius:25px;transition:height .5s ease}.rocket-instructions-template .launch-button{width:150px;height:50px;margin-top:25px;padding:10px;background:red;color:#fff;font-size:35px;font-weight:700;text-align:center;line-height:25px;border-radius:10px;cursor:pointer;display:block;transition:background .3s ease;z-index:3;font-family:Comic Sans MS,sans-serif}.rocket-instructions-template.fullscreen .launch-button{width:250px;height:55px;margin-top:25px;padding:10px;background:red;color:#fff;font-size:50px;font-weight:700;text-align:center;line-height:50px;border-radius:10px;cursor:pointer;display:block;transition:background .3s ease;z-index:3;font-family:Comic Sans MS,sans-serif}.rocket-instructions-template .launch-button:hover{background:#00bc48;transform:scale(1.1)}.rocket-instructions-template .background-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.rocket-instructions-template .background-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:-1}.speaking-template{position:relative;width:1000px;height:600px;background:url(./SpeakingBackground-Dw5EzlgB.jpg) no-repeat center center;background-size:cover;border-radius:15px;overflow:hidden;display:flex;align-items:center;justify-content:center;font-family:Comic Sans MS,sans-serif}.speaking-template.fullscreen{position:fixed;top:0;left:0;width:100vw!important;height:100vh!important;z-index:1000;border-radius:0;box-shadow:none;background-size:cover;background-position:center;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.speaking-template.fullscreen .scaling-wrapper{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-around;transform:none!important;padding:20px;box-sizing:border-box}.speaking-template.fullscreen .character-container{width:clamp(150px,30vw,300px);height:auto;margin-bottom:2vh}.speaking-template.fullscreen .character-image{max-width:100%;height:auto}.speaking-template.fullscreen .speech-bubble{width:clamp(250px,70vw,700px);height:auto;min-height:100px;padding:clamp(15px,3vw,30px);font-size:clamp(18px,3vw,32px);position:relative;bottom:auto;left:auto;transform:none;margin-bottom:2vh}.speaking-template.fullscreen .recording-ui{display:flex;flex-direction:column;align-items:center;margin-top:2vh}.speaking-template.fullscreen .record-button,.speaking-template.fullscreen .play-button,.speaking-template.fullscreen .stop-button,.speaking-template.fullscreen .reset-button{width:clamp(60px,10vw,100px);height:clamp(60px,10vw,100px);margin:10px}.speaking-template.fullscreen .recording-text{font-size:clamp(16px,2.5vw,24px);margin-top:1vh}.speaking-template.fullscreen .buttons-container{display:flex;justify-content:center;align-items:center;margin-top:10px}.speaking-template .scaling-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:transform .3s ease-in-out}.speaking-template .character{position:absolute;bottom:0;display:flex;flex-direction:column;align-items:center}.speaking-template .character.left{left:-10%}.speaking-template .character.right{right:-10%}.speaking-template.fullscreen .character.left{left:0%}.speaking-template.fullscreen .character.right{right:0%}.speaking-template .character-image{width:500px;height:500px;background-size:contain;background-repeat:no-repeat;background-position:center;margin-top:30px;z-index:1;opacity:1;transform:scale(1);transition:opacity .3s ease,transform .3s ease;transform-origin:center}.speaking-template.fullscreen .character-image{width:700px;height:700px}.speaking-template .character-image.talking{transform:scale(1.2);transition:transform .3s ease-in-out}.speaking-template .speech-bubble{position:absolute;background:#fff;border-radius:10px;border:3px solid black;padding:10px 15px;text-align:center;max-width:75%;font-size:24px;line-height:1.5;color:#000;box-shadow:0 4px 10px #0003;opacity:0;transform:scale(.9);transition:transform .3s ease,opacity .3s ease,font-size .3s ease;z-index:2}.speaking-template .speech-bubble:hover{transform:scale(1.2);box-shadow:0 8px 20px #0000004d}.speaking-template.fullscreen .speech-bubble{font-size:50px;line-height:2;margin-top:100px;padding-bottom:4%}.speaking-template .speech-bubble.left{left:15%;top:15%}.speaking-template.fullscreen .speech-bubble.left{left:-25%;top:15%}.speaking-template .speech-bubble.right{right:15%;top:15%}.speaking-template.fullscreen .speech-bubble.right{right:-25%;top:15%}.speaking-template .speech-bubble.visible{opacity:1;transform:scale(1)}.speaking-template .speech-bubble:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);border-width:15px 15px 0;border-style:solid;border-color:white transparent transparent transparent}.microphone{position:absolute;bottom:-3%;width:250px;height:auto;cursor:pointer;transition:all .3s ease;z-index:999}.microphone-center{left:50%;transform:translate(-50%)}.microphone-left{left:20%}.microphone-right{right:20%}.speaking-template .play-button{position:absolute;bottom:50%;padding:10px 20px;font-size:40px;font-weight:700;cursor:pointer;background-color:#28a745;color:#fff;border:none;border-radius:10px;z-index:15;font-family:Comic Sans MS,sans-serif}.speaking-template.fullscreen .play-button{width:200px;font-size:50px}.speaking-template .play-button:hover:not(:disabled){transform:scale(1.2);box-shadow:0 0 10px #28a745cc}.play-button:disabled{background-color:#6c757d;cursor:not-allowed;box-shadow:none;transform:scale(1)}@media (max-width: 768px){.speaking-template .speech-bubble{font-size:25px;padding:5px 10px}.speaking-template.fullscreen .speech-bubble{font-size:28px}.speaking-template .slider-container .slider,.speaking-template .slider-container .slider-labels{width:200px}}.speaking-template .bottom-click-region{position:absolute;bottom:0;left:0;width:100%;height:25%;background:transparent;z-index:5;cursor:pointer}.speaking-template .character-drop-zone{position:absolute;top:0;bottom:0;width:50%;z-index:500;pointer-events:auto;transition:none}.speaking-template .character-drop-zone:hover{opacity:1}.speaking-template .character-drop-zone.left-zone{left:0;right:50%;width:50%}.speaking-template .character-drop-zone.right-zone{left:50%;right:0;width:50%}.speaking-template:not(.editing) .character-drop-zone{display:none}.speaking-template .character-drop-zone:after{display:none}.add-dialogue-menu{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px;border-radius:8px;box-shadow:0 0 20px #00000080;z-index:1000;width:400px}.add-dialogue-menu textarea{width:100%;min-height:100px;padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px}.dialogue-menu-buttons{display:flex;justify-content:space-between}.dialogue-menu-buttons button{padding:8px 20px;border:none;border-radius:4px;background:#4caf50;color:#fff;cursor:pointer}.dialogue-menu-buttons button:last-child{background:#f44336}.remove-dialogue-btn{position:absolute;top:5px;right:5px;width:20px;height:20px;background:#f44336;color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;z-index:100}.reading-page-template{position:relative;width:100%;height:100%;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center;display:flex;font-family:Comic Sans MS,sans-serif}.reading-page-template.fullscreen{position:fixed;top:0;left:0;width:100vw!important;height:100vh!important;margin:0;border-radius:0;box-shadow:none;z-index:1000;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center}.reading-page-template .text-area{background:#ffffffe6;padding:15px;border-radius:10px;font-size:35px;font-weight:700;color:#000;transition:transform .3s ease,font-size .3s ease;overflow:hidden;box-sizing:border-box;text-align:left;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;min-height:40px;width:auto;line-height:1.4}.reading-page-template.fullscreen .text-area{font-size:clamp(24px,5vw,70px);padding:clamp(10px,2vw,20px);max-width:90vw;max-height:80vh;overflow:hidden;text-align:left;box-sizing:border-box;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.4}.reading-page-template .word{display:inline-block;transition:color .3s ease,font-weight .3s ease,transform .3s ease;cursor:pointer;padding:5px 2px;border:2px solid transparent;margin-left:10px;margin-right:10px}.reading-page-template.fullscreen .word{padding:clamp(2px,.5vw,5px) clamp(1px,.2vw,3px);margin:clamp(1px,.2vw,3px) clamp(3px,.5vw,8px)}.reading-page-template .word:hover{color:green;font-weight:bolder;border-color:green;border-radius:10px;transform:scale(1.2)}.reading-page-template .word.highlighted{color:red;font-weight:700}.reading-page-template .word.current{color:green;font-weight:700;transform:scale(1.1);transition:all .3s ease;border-radius:8px}.reading-page-template .read-button{position:absolute;bottom:-25%;left:25%;padding:10px 20px;font-size:20px;font-weight:700;color:#fff;background:green;border:none;border-radius:5px;cursor:pointer;box-shadow:0 4px 8px #0003;font-family:Comic Sans MS,sans-serif}.reading-page-template .read-button:hover{background:#006400}.position-grid-selector{position:absolute;bottom:20px;right:20px;background:#ffffffe6;padding:10px;border-radius:8px;box-shadow:0 2px 8px #0003;z-index:100}.position-grid-selector h4{margin:0 0 8px;text-align:center;font-size:16px}.position-grid{display:grid;grid-template-columns:repeat(3,40px);grid-template-rows:repeat(3,40px);gap:5px}.grid-cell{border:1px solid #ccc;border-radius:4px;background:#f0f0f0;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s ease;position:relative}.grid-cell:hover{background:#e0e0e0;transform:scale(1.05)}.grid-cell.selected{border:2px solid #23A455;background:#e0f2e9}.position-indicator{width:8px;height:8px;background:#333;border-radius:50%;position:absolute}.grid-cell.top-left .position-indicator{top:6px;left:6px}.grid-cell.top-center .position-indicator{top:6px;left:50%;transform:translate(-50%)}.grid-cell.top-right .position-indicator{top:6px;right:6px}.grid-cell.center-left .position-indicator{top:50%;left:6px;transform:translateY(-50%)}.grid-cell.center-center .position-indicator{top:50%;left:50%;transform:translate(-50%,-50%)}.grid-cell.center-right .position-indicator{top:50%;right:6px;transform:translateY(-50%)}.grid-cell.bottom-left .position-indicator{bottom:6px;left:6px}.grid-cell.bottom-center .position-indicator{bottom:6px;left:50%;transform:translate(-50%)}.grid-cell.bottom-right .position-indicator{bottom:6px;right:6px}.reading-page-controls{display:flex;flex-direction:column;gap:15px}.reading-page-controls .read-button{position:relative;bottom:auto;left:auto;margin:0 auto}.character-drop-zone{position:absolute;top:0;height:100%;width:50%;z-index:10;pointer-events:all;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.character-drop-zone.left{left:0;border-right:2px dashed transparent}.character-drop-zone.right{right:0;border-left:2px dashed transparent}.character-drop-zone:hover{background-color:#0080001a;border-color:#00800080}.character-drop-zone.active{background-color:#00800033;border-color:#008000cc}.character-drop-zone:before{content:"Drop Character Here";position:absolute;color:#008000b3;font-size:24px;font-weight:700;opacity:0;transition:opacity .3s ease;text-align:center;background-color:#fffc;padding:10px;border-radius:5px;pointer-events:none}.character-drop-zone.left:before{content:"Drop Left Character Here"}.character-drop-zone.right:before{content:"Drop Right Character Here"}.character-drop-zone:hover:before,.character-drop-zone.active:before{opacity:1}.reading-page-character{position:absolute;height:80%;bottom:0;z-index:1}.reading-page-character img{height:100%;width:auto;max-width:100%;object-fit:contain;object-position:bottom}.text-pos-top-left{position:absolute;align-items:center;top:8%;left:6%!important;max-width:75%!important;max-height:50%!important}.text-pos-top-center{position:absolute;top:8%;left:50%;transform:translate(-50%);max-width:85%!important;max-height:75%!important}.text-pos-top-right{position:absolute;top:8%;right:6%!important;max-width:75%!important;max-height:50%!important}.text-pos-center-left{position:absolute;top:50%;left:6%!important;transform:translateY(-50%);max-width:75%!important;max-height:75%!important}.text-pos-center-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:85%!important;max-height:75%!important}.text-pos-center-right{position:absolute;top:50%;right:6%!important;transform:translateY(-50%);max-width:75%!important;max-height:75%!important}.text-pos-bottom-left{position:absolute;bottom:12%;left:6%!important;max-width:75%!important;max-height:75%!important}.text-pos-bottom-center{position:absolute;bottom:12%;left:50%;transform:translate(-50%);max-width:85%!important;max-height:75%!important}.text-pos-bottom-right{position:absolute;bottom:12%;right:6%!important;max-width:75%!important;max-height:75%!important}.reading-page-template.fullscreen .read-button{position:relative;bottom:auto;left:auto;padding:clamp(10px,2vh,20px) clamp(15px,3vw,30px);font-size:clamp(16px,2.5vh,24px);margin-top:20px}.reading-page-template.fullscreen .reading-page-controls{position:absolute;bottom:5vh;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:1001}.reading-page-template.fullscreen .reading-page-character{height:clamp(30%,40vh,50%);max-width:clamp(200px,25vw,400px);bottom:0}.reading-page-template.fullscreen .reading-page-character.left{left:2vw;bottom:0vh}.reading-page-template.fullscreen .reading-page-character.right{right:2vw;bottom:0vh}.reading-page-template.fullscreen .text-pos-top-left,.reading-page-template.fullscreen .text-pos-top-center,.reading-page-template.fullscreen .text-pos-top-right,.reading-page-template.fullscreen .text-pos-center-left,.reading-page-template.fullscreen .text-pos-center-center,.reading-page-template.fullscreen .text-pos-center-right,.reading-page-template.fullscreen .text-pos-bottom-left,.reading-page-template.fullscreen .text-pos-bottom-center,.reading-page-template.fullscreen .text-pos-bottom-right{position:absolute}.reading-page-template.fullscreen .text-pos-top-left{top:5vh;left:5vw;transform:translate(0)}.reading-page-template.fullscreen .text-pos-top-center{top:5vh;left:50vw;transform:translate(-50%)}.reading-page-template.fullscreen .text-pos-top-right{top:5vh;right:5vw;transform:translate(0)}.reading-page-template.fullscreen .text-pos-center-left{top:50vh;left:5vw;transform:translateY(-50%)}.reading-page-template.fullscreen .text-pos-center-center{top:50vh;left:50vw;transform:translate(-50%,-50%)}.reading-page-template.fullscreen .text-pos-center-right{top:50vh;right:5vw;transform:translateY(-50%)}.reading-page-template.fullscreen .text-pos-bottom-left{bottom:15vh;left:5vw;transform:translate(0)}.reading-page-template.fullscreen .text-pos-bottom-center{bottom:15vh;left:50vw;transform:translate(-50%)}.reading-page-template.fullscreen .text-pos-bottom-right{bottom:15vh;right:5vw;transform:translate(0)}.reading-page-template.fullscreen .word.current{transform:scale(1.1);color:#23a455;font-weight:700;border-radius:8px}.lesson-end{font-family:Comic Sans MS,sans-serif;position:relative;width:1000px;height:600px;margin:auto;background:url(./LessonBackground-CYvr0WLZ.jpg) no-repeat center center;background-size:cover;border-radius:10px;box-shadow:0 0 15px #00000080;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.lesson-end.fullscreen{position:fixed;width:100vw;height:100vh;margin:0;border-radius:0;box-shadow:none;z-index:1000;transform:scale(.1vw,calc(100vh / 600));transform-origin:top left}.lesson-end .lesson-header{width:100%;text-align:center;z-index:5;margin-top:25px}.lesson-end .lesson-info{background:#000000b3;padding:10px 20px;border-radius:10px;font-size:28px;color:#fff;font-weight:700;display:inline-block;margin-top:20px}.lesson-end.fullscreen .lesson-info{font-size:40px}.lesson-end .lesson-content{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;width:100%}.lesson-end .lesson-title-container{background:#fffc;padding:20px 30px;border-radius:10px;box-shadow:0 4px 15px #0003;text-align:center;margin-top:25px;margin-bottom:50px}.lesson-end .lesson-title{font-family:Comic Sans MS,sans-serif;font-size:48px;font-weight:700;color:#000;text-decoration:none}.lesson-end .lesson-title:hover{font-family:Comic Sans MS,sans-serif;font-size:48px;font-weight:700;color:#000;background:none}.lesson-end.fullscreen .lesson-title{font-size:64px}.lesson-end .lesson-footer{display:flex;justify-content:center;width:100%;margin-bottom:20px}.lesson-end .start-button{padding:15px 30px;font-size:25px;font-weight:700;background-color:#28a745;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.lesson-end .start-button:hover{transform:scale(1.1);box-shadow:0 4px 15px #0000004d}.lesson-end.fullscreen .start-button{font-size:32px;padding:20px 40px}.lesson-end .start-button.editor-disabled{opacity:.6;cursor:not-allowed;background-color:#ccc!important;color:#666!important;border:2px solid #999999;position:relative}.lesson-end .start-button.editor-disabled:hover{background-color:#ccc!important;color:#666!important;transform:none;box-shadow:none}.lesson-end .start-button.editor-disabled:after{content:"Preview Only";position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:12px;color:#666;font-weight:400;white-space:nowrap}.lesson-end .copyright-container{position:absolute;bottom:10px;left:50%;transform:translate(-50%);cursor:pointer;display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;background:#00000080;color:#fff;font-size:15px;transition:transform .3s ease}.lesson-end .copyright-container:hover{transform:scale(1)}.lesson-end .modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.lesson-end .modal-box{background:#fff;padding:20px;border-radius:10px;width:85%;max-width:800px;text-align:left;color:#000;position:relative}.lesson-end .close-btn{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;font-weight:700;cursor:pointer}.letter-tracing-template{position:relative;width:1000px;height:600px;background:#fff;display:flex;align-items:center;justify-content:center;font-family:Comic Sans MS,sans-serif;transition:all .3s ease-in-out}.letter-tracing-template.fullscreen{width:100vw;height:100vh;background-size:cover;background-position:center}.letter-tracing-template .paint-container{position:absolute;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:99}.letter-tracing-template .paint-jar{width:60px;height:60px;border:2px solid black;border-radius:5px;cursor:pointer;font-size:18px;font-weight:700;color:#fff;transition:transform .2s ease-in-out,opacity .2s ease-in-out}.letter-tracing-template .paint-jar.active{transform:scale(1.4);border:4px solid gold}.letter-tracing-template .paint-jar:disabled{opacity:.5;cursor:not-allowed}.letter-tracing-template .completion-message{position:absolute;bottom:50px;color:#fff;padding:15px 25px;border-radius:5px;font-size:50px;font-weight:700;text-align:center;animation:fadeIn 1s ease-in-out}.letter-tracing-template .konvajs-content{z-index:99}.letter-tracing-template .character-bottom-left{position:absolute;bottom:-2%;left:-5%;margin:0;z-index:0}.letter-tracing-template.fullscreen .character-bottom-left{bottom:-2%;left:0%;margin:0;z-index:0}.letter-tracing-template .character-image{width:400px;height:auto}.letter-tracing-template.fullscreen .character-image{width:600px;height:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sorting-game-template{display:flex;flex-direction:column;width:1000px;height:600px;font-family:Comic Sans MS,sans-serif;position:relative;padding:20px;box-sizing:border-box;background-size:cover;background-position:center}.sorting-game-template.fullscreen{width:100vw;height:100vh;padding:0;margin:0;position:fixed;z-index:1000}.sorting-game-template .containers-row{display:flex;justify-content:space-around;width:100%;flex:1;margin-bottom:20px}.sorting-game-template .category-container{position:relative;margin-top:25px;display:flex;flex-direction:column;width:35%;height:365px;background:#fffc;border:2px solid #ccc;border-radius:10px;padding:15px;text-align:center;transition:transform 1s ease-in-out,opacity 1s ease-in-out}.sorting-game-template.fullscreen .category-container{margin-top:5%;height:75%}.sorting-game-template .category-container.launching{transform:translateY(-800px);opacity:0}.sorting-game-template .category-title{color:#000;margin-top:-3%;font-size:35px}.sorting-game-template.fullscreen .category-title{color:#000;margin-top:0%;font-size:50px}.sorting-game-template .drop-zone{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;height:300px;overflow-y:scroll;border:2px solid #ccc;scrollbar-width:none;-ms-overflow-style:none}.sorting-game-template .drop-zone{height:500px}.sorting-game-template .drop-zone::-webkit-scrollbar{display:none}.sorting-game-template .category-container.drag-over .drop-zone{background:#e4f1d8e6;border-color:#4caf50}.sorting-game-template .sorted-item{width:calc(50% - 10px);height:100px;margin:5px;box-sizing:border-box}.sorting-game-template .two-stacks-row{display:flex;flex-direction:row;justify-content:space-around;width:100%}.sorting-game-template .items-stack{display:flex;flex-direction:column;gap:10px;width:40%;align-items:center;margin-bottom:15%}.sorting-game-template .draggable-item{width:120px;height:120px;cursor:grab;transition:transform .2s ease-in-out;flex-shrink:0}.sorting-game-template.fullscreen .draggable-item{width:200px;height:200px;cursor:grab;transition:transform .2s ease-in-out;flex-shrink:0}.sorting-game-template .draggable-item:active{cursor:grabbing;transform:scale(1.1)}.sorting-game-template .item-box,.sorted-item{width:120px;height:120px;background-size:cover;background-position:center;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:30px;color:#fff;font-weight:700;text-shadow:1px 1px 2px black;text-align:center;padding:5px;box-sizing:border-box;z-index:100}.sorting-game-template.sorting-game-template.fullscreen .item-box,.sorted-item{width:200px;height:200px;font-size:50px}.sorting-game-template .highlighted-text{display:inline-block;background:#000;color:#fff;padding:5px 10px;border-radius:5px;text-shadow:none;white-space:nowrap}.sorting-game-template .launch-button{margin-top:10px;padding:10px 20px;font-size:18px;background:green;color:#fff;border:none;border-radius:5px;cursor:pointer;font-family:Comic Sans MS,sans-serif}.sorting-game-template.fullscreen .launch-button{margin-top:10px;padding:10px 20px;font-size:30px;background:green;color:#fff;border:none;border-radius:5px;cursor:pointer;font-family:Comic Sans MS,sans-serif}.sorting-game-template .launch-button:hover{background:#006400}.sorting-game-template .character-section{position:absolute;bottom:0%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:90}.sorting-game-template .character-image{width:350px;height:auto}.sorting-game-template.fullscreen .character-image{width:600px;height:auto}@media (max-width: 768px){.sorting-game-template .category-container{width:45%;height:250px}.sorting-game-template .draggable-item,.item-box,.sorted-item{width:100px;height:100px}}@media (max-width: 480px){.sorting-game-template .category-container{width:90%;height:200px}.sorting-game-template .items-stack{width:45%}.sorting-game-template .draggable-item,.item-box,.sorted-item{width:80px;height:80px}.sorting-game-template .launch-button{font-size:14px;padding:6px 12px}}.label-template{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;width:1000px;height:600px;background-size:cover;background-position:center;font-family:Comic Sans MS,sans-serif;position:relative;padding:20px;box-sizing:border-box;overflow:hidden}.label-template.fullscreen{position:fixed;width:100vw;height:100vh;background-size:contain;z-index:1000;padding:30px}.label-template .label-column{width:20%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:15px;padding:10px;margin-top:10%;z-index:5}.label-template .label-item{background-color:gold;border:2px solid #ffc107;border-radius:8px;padding:10px 15px;text-align:center;cursor:grab;transition:transform .2s ease;font-size:25px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.label-template.fullscreen .label-item{font-size:45px}.label-template .label-item:active{cursor:grabbing;transform:scale(1.1)}.label-template .label-item.dragging{opacity:.5;transform:scale(.9)}.label-template .label-item:hover{background-color:#ffc107}.label-template .image-container{width:75%;height:75%;position:relative;overflow:hidden;margin-right:5%;margin-top:5%;padding:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.label-template .activity-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:10px;margin:0;padding:0;display:block}.label-template .activity-image[src*="/backgrounds/"],.label-template .activity-image[src*="/readingbackgrounds/"]{object-fit:cover}.label-template .activity-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#666;font-style:italic;background-color:#ffffff80;padding:20px;text-align:center}.label-template .placeholder-content{display:flex;flex-direction:column;align-items:center;gap:10px}.label-template .placeholder-icon{font-size:48px;opacity:.7}.label-template .placeholder-text{font-size:18px;color:#666;max-width:200px;text-align:center;line-height:1.4}.label-template.editing .image-container.editable{cursor:crosshair;transition:background-color .2s ease;position:relative;z-index:1}.label-template .image-container.preview-only{cursor:default}.label-template .image-container.preview-only:hover{background-color:transparent!important}.label-template .placed-label{position:absolute;background-color:gold;border:2px solid #ffa500;border-radius:8px;padding:5px 10px;text-align:center;white-space:nowrap;cursor:grab;transform:translate(-50%,-50%);font-size:25px;z-index:10;pointer-events:auto;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.label-template.fullscreen .placed-label{font-size:45px}.label-template .placed-label:hover{background-color:#ffc107;transform:translate(-50%,-50%) scale(1.05);cursor:grab;box-shadow:0 2px 8px #0003}.label-template .placed-label:active{cursor:grabbing;transform:translate(-50%,-50%) scale(.95)}.label-template .character-section{position:absolute;bottom:0;left:-5%;display:flex;align-items:flex-end;justify-content:flex-start;height:60%;width:30%}.label-template .character-image{height:100%;width:auto;max-width:100%;object-fit:contain;object-position:bottom left}.label-template.fullscreen .character-image{height:100%;max-width:100%;min-width:300px;min-height:300px}.label-template.fullscreen .image-container{width:90%;height:90%;max-width:100vw;max-height:90vh}.label-template.fullscreen .activity-image{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;display:block}.alien-dictionary-template{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:1000px;height:600px;margin:auto;background:url(./AlienDictionaryBackground-skPpVvpr.jpg) no-repeat center center;background-size:cover;font-family:Comic Sans MS,sans-serif;color:#fff;padding:20px;box-sizing:border-box;position:relative}.alien-dictionary-template.fullscreen{position:fixed;width:100vw;height:100vh;margin:0;z-index:1000;background-size:cover;background-position:center}.alien-dictionary-template .message-container{width:90%;height:93%;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none;border-radius:10px;padding:50px 0;margin-top:-5%;box-sizing:border-box}.alien-dictionary-template .message-container::-webkit-scrollbar{display:none}.alien-dictionary-template.fullscreen .message-container{width:85%;height:80%}.alien-dictionary-template .message-row{display:flex;align-items:center;margin:20px 0;width:100%}.alien-dictionary-template.fullscreen .message-row{display:flex;align-items:center;margin:50px 0;width:100%}.alien-dictionary-template .message-row.left{justify-content:flex-start}.alien-dictionary-template .message-row.right{justify-content:flex;margin-left:auto;flex-direction:row-reverse}.alien-dictionary-template .character-image{width:150px;height:150px;border-radius:50%;cursor:pointer}.alien-dictionary-template.fullscreen .character-image{width:250px;height:250px;border-radius:50%;cursor:pointer}.alien-dictionary-template .message-row.left .character-image{margin-right:10px}.alien-dictionary-template .message-row.right .character-image{margin-left:10px}.alien-dictionary-template .message-content{padding:10px;border-radius:10px;background-color:#3e3aa1f2;max-width:75%;word-wrap:break-word;font-size:35px}.alien-dictionary-template.fullscreen .message-content{font-size:50px}.alien-dictionary-template .message-content img{max-width:250px;height:auto;border-radius:8px;display:block}.alien-dictionary-template .message-content video{max-width:300px;height:auto;border-radius:8px;display:block}.alien-dictionary-template .message-row.right .message-content{background-color:#2c91cae6;text-align:left;margin:0}.alien-dictionary-template .message-media{display:block;max-width:100%;border-radius:8px}@keyframes fadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}.alien-dictionary-template .emoji-reaction-bar{position:absolute;background:#fff;padding:5px 10px;border-radius:20px;display:flex;gap:5px;box-shadow:0 2px 6px #0003;z-index:9999;margin-top:-20%;margin-left:-60%;animation:fadeOut 2s ease-out 3s forwards}.alien-dictionary-template .emoji-reaction-bar .emoji{cursor:pointer;font-size:40px;transition:transform .2s}.alien-dictionary-template .emoji-reaction-bar .emoji:hover{transform:scale(1.3)}.alien-dictionary-template .emoji-explosion{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:100px;animation:explode 5s forwards;z-index:999}@keyframes explode{0%{transform:scale(1);opacity:1}to{transform:scale(10);opacity:0}}.alien-dictionary-template .send-message-button{position:absolute;font-size:30px;z-index:999;color:#fff!important;background-color:green;bottom:5%;font-family:Comic Sans MS,sans-serif;border-color:#fff!important}.alien-dictionary-template.fullscreen .send-message-button{position:absolute;font-size:50px;z-index:999;background-color:green;bottom:5%;font-family:Comic Sans MS,sans-serif}.alien-dictionary-template .send-message-button:hover{position:absolute;font-size:30px;z-index:999;background-color:green;bottom:5%;transform:scale(1.2);color:#fff!important;border-color:#fff!important}.alien-dictionary-template.fullscreen .send-message-button:hover{position:absolute;font-size:50px;z-index:999;background-color:green;bottom:5%;transform:scale(1.2)}.character-image.speaking{animation:speaking-animation 1s infinite}@keyframes speaking-animation{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.alien-dictionary-template .character-preview{position:absolute;bottom:20px;width:80px;height:100px;border:2px dashed rgba(255,255,255,.5);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#0000004d;transition:all .3s ease;cursor:pointer}.alien-dictionary-template .character-preview.left{left:20px}.alien-dictionary-template .character-preview.right{right:20px}.alien-dictionary-template .character-preview:hover{border-color:#fffc;background-color:#00000080}.alien-dictionary-template .character-preview img{width:60px;height:60px;object-fit:contain;margin-bottom:5px}.alien-dictionary-template .character-preview .character-label{font-size:10px;color:#fff;text-align:center;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.alien-dictionary-template.fullscreen .character-preview{width:100px;height:120px;bottom:40px}.alien-dictionary-template.fullscreen .character-preview.left{left:40px}.alien-dictionary-template.fullscreen .character-preview.right{right:40px}.alien-dictionary-template.fullscreen .character-preview img{width:80px;height:80px}.alien-dictionary-template.fullscreen .character-preview .character-label{font-size:12px}.puzzle-maker-template{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:1000px;height:600px;font-family:Comic Sans MS,sans-serif;border-radius:10px;position:relative;margin:0 auto;background-color:#000;overflow:hidden;box-sizing:border-box}.puzzle-maker-template.fullscreen{position:fixed;width:100vw;height:100vh;z-index:1000;border-radius:0;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;background-color:#000!important}.puzzle-maker-template .puzzle-background,.puzzle-maker-template.fullscreen .puzzle-background{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2}.puzzle-maker-template .puzzle-video-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.puzzle-maker-template.fullscreen .puzzle-video-bg{position:absolute;top:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:-1}.puzzle-maker-template .default-background{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:-2}.puzzle-maker-template .difficulty-panel{position:absolute;right:2%;top:15%;width:9%;background:#000000e6;border:1px solid #0f0;padding:1%;border-radius:5px;z-index:9999;display:block}.puzzle-maker-template .difficulty-panel button{width:100%;margin-bottom:10px;background:transparent;color:#0f0;border:1px solid #0f0;padding:1em;font-family:Courier New,monospace;font-size:1em;font-weight:700;cursor:pointer;transition:transform .2s ease,background-color .2s,color .2s}.puzzle-maker-template .difficulty-panel button.active,.puzzle-maker-template .difficulty-panel button.active:hover{background:#0f0;color:#000}.puzzle-maker-template .difficulty-panel button:hover{transform:scale(1.05);background-color:#000}.puzzle-maker-template .character-section{position:absolute;bottom:-10px;right:-5%;width:300px;max-height:300px;z-index:50;pointer-events:none;display:flex;align-items:flex-end}.puzzle-maker-template .character-image{display:block;width:300px;max-height:300px;object-fit:contain}.puzzle-maker-template.fullscreen .character-section{max-height:500px;bottom:0;right:2%!important;position:absolute!important}.puzzle-maker-template.fullscreen .character-image{max-height:500px;width:500px;height:500px;position:absolute!important}.puzzle-maker-template .puzzle-area{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;z-index:100!important;width:100%!important;height:100%!important}.puzzle-maker-template.fullscreen .puzzle-area{position:absolute;top:5%;left:50%;z-index:0}.puzzle-maker-template .code-drag-container{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:999!important;width:75%;background:#000c;padding:20px;border:1px solid #0f0;border-radius:10px;min-height:120px;max-width:90%!important;width:auto!important;overflow-x:hidden!important;padding:15px 25px!important}.puzzle-maker-template.fullscreen .code-drag-container{position:absolute;bottom:8%!important;left:50%;transform:translate(-50%);z-index:999!important;width:75%;background:#000c;padding:20px;border:1px solid #0f0;border-radius:10px;min-height:120px;max-width:90%!important;width:auto!important;overflow-x:hidden!important;padding:15px 25px!important}.puzzle-maker-template .code-words-list{display:flex!important;flex-wrap:nowrap!important;white-space:nowrap!important;overflow-x:auto!important;scrollbar-width:thin;scrollbar-color:#00ff00 #001100;padding:10px 0;margin:0;-ms-overflow-style:none}.puzzle-maker-template .code-words-list::-webkit-scrollbar{height:6px}.puzzle-maker-template .code-words-list::-webkit-scrollbar-track{background:#010;border-radius:5px}.puzzle-maker-template .code-words-list::-webkit-scrollbar-thumb{background:#0f0;border-radius:5px}.puzzle-maker-template .code-word-draggable{min-width:90px;min-height:48px;box-sizing:border-box;padding:10px;background-color:#000;color:#0f0;border:1px solid #0f0;border-radius:5px;font-family:Courier New,monospace;font-size:30px;cursor:grab;transition:transform .15s ease,background-color .15s ease,box-shadow .15s ease,border-color .15s ease;flex:0 0 auto;-webkit-user-select:none;user-select:none;position:relative;z-index:1;white-space:nowrap!important;flex-shrink:0!important;max-width:none!important}.puzzle-maker-template.fullscreen .code-word-draggable{font-size:40px!important;min-width:100px!important;min-height:60px!important;padding:12px 15px!important}.puzzle-maker-template .code-word-draggable.dragging{opacity:.3!important;border:2px dashed #0f0!important;background:#0032004d!important;box-shadow:none!important;transform:scale(.95)!important;z-index:0!important}.puzzle-maker-template .code-word-draggable.drag-over-before{box-shadow:inset 4px 0 #0f0;transform:translate(5px)}.puzzle-maker-template .code-word-draggable.drag-over-after{box-shadow:inset -4px 0 #0f0;transform:translate(-5px)}.puzzle-maker-template .code-word-draggable:hover{background-color:#0f0;color:#000;transform:scale(1.05);box-shadow:0 0 10px #00ff004d;z-index:2}.puzzle-maker-template .code-words-list.dragging-active{outline:1px dashed rgba(0,255,0,.5);background-color:#0014004d}@keyframes settle{0%{transform:scale(1.1)}to{transform:scale(1)}}.puzzle-maker-template .code-word-draggable.dropped{animation:settle .3s ease-out}.puzzle-maker-template.fullscreen .code-word-draggable{font-family:Courier New,monospace;font-size:40px;min-width:100px;min-height:60px;padding:12px 15px}.puzzle-maker-template .code-line{font-size:50px;font-family:Courier New,monospace;color:#0f0;animation:code-blink .5s infinite alternate;margin-left:0;display:inline-block}@keyframes code-blink{0%{opacity:1}to{opacity:.5}}.puzzle-maker-template .completion-message{font-size:1.5em;color:#0f0;font-family:Courier New,monospace;margin-top:1em}.puzzle-maker-template .fullscreen{width:100vw;height:100vh}.puzzle-maker-template .completion-video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:100}.puzzle-maker-template .completion-video{max-width:90%;max-height:90%;object-fit:contain}.puzzle-loading-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fc0;font-size:1.5em;text-align:center;z-index:5}.puzzle-maker-template .background-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.puzzle-maker-template .puzzle-content{position:relative;width:100%;height:100%;z-index:2}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{font-weight:700;color:#333}.form-group input,.form-group select{padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px}.form-group input:focus,.form-group select:focus{border-color:#2196f3;outline:none;box-shadow:0 0 0 2px #2196f333}.konvajs-content{position:relative!important;z-index:100!important;margin:0 auto!important;display:block!important}.konvajs-content canvas{position:relative!important;z-index:100!important;display:block!important;margin:0 auto!important}.code-words-list{position:relative;padding:5px 0}.revealed-words{min-height:40px}.code-word-draggable{transition:transform .2s ease,opacity .2s ease;position:relative;z-index:1}.code-word-draggable:hover{transform:scale(1.05);cursor:grab}.code-word-draggable.dragging{opacity:.1!important;z-index:0}.drop-indicator{position:absolute;height:70px;width:10px;background:#0f0;box-shadow:0 0 15px #00ff00b3;top:50%;transform:translateY(-50%) translate(-50%);transition:left .2s ease;z-index:2;pointer-events:none;animation:pulseIndicator 1s infinite alternate}@keyframes pulseIndicator{0%{opacity:.7;box-shadow:0 0 10px #0f0;width:4px}to{opacity:1;box-shadow:0 0 20px #0f0,0 0 30px #00ff0080;width:6px}}.code-word-draggable.adjacent-left{transform:translate(-15px)!important}.code-word-draggable.adjacent-right{transform:translate(15px)!important}.code-word-draggable.dropped{animation:dropPulse .3s ease}@keyframes dropPulse{0%{transform:scale(1.1);box-shadow:0 0 15px #00ff00e6}to{transform:scale(1);box-shadow:0 2px 4px #0000004d}}.dragging-active{min-height:80px;border-bottom:2px solid rgba(0,255,0,.4)!important}.puzzle-video-bg{transition:opacity 1s ease}.word-bank-template{display:flex;width:1000px;height:600px;flex-direction:row;justify-content:space-between;align-items:center;padding:20px;background-color:#f0f8ff;font-family:Comic Sans MS,sans-serif;position:relative;transition:all .3s ease-in-out;overflow:hidden;background-repeat:no-repeat;background-size:cover}.word-bank-template:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:0;opacity:0;animation:fadeInOverlay 5s ease-in-out forwards}.word-bank-template.fullscreen{width:100vw;height:100vh;padding:40px;box-sizing:border-box;background-repeat:no-repeat;background-size:cover}.word-bank-template .character-section{position:absolute;bottom:-1%;left:0}.word-bank-template .character-image{width:300px;height:300px;transition:transform .3s ease-in-out}.word-bank-template.fullscreen .character-image{width:600px;height:600px;margin-bottom:-25px}.word-bank-template .sentences-container{width:100%;display:flex;flex-direction:column;margin-right:75px;margin-left:50px;align-items:left;z-index:1;padding-right:40px}.word-bank-template.fullscreen .sentences-container{width:50%;margin-right:10%;padding-right:80px}.word-bank-template .sentence-row{display:flex;font-size:clamp(16px,3vw,40px);margin-bottom:15px;background-color:#fff;padding:20px 2ch;border-radius:10px;align-items:center;flex-wrap:nowrap;white-space:nowrap;margin-right:0;word-break:keep-all;hyphens:none;overflow-wrap:break-word;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none}.word-bank-template.fullscreen .sentence-row{font-size:clamp(20px,5vw,50px);margin-bottom:50px;white-space:nowrap;margin-right:0}.word-bank-template .blank{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;min-width:100px;max-width:none;overflow-x:auto;overflow-y:hidden;text-overflow:ellipsis;height:50px;background-color:#ffeeba;border:2px dashed #ffbf00;text-align:center;line-height:50px;border-radius:5px;margin:0 10px;font-weight:700;position:relative;font-size:clamp(14px,3vw,40px)}.word-bank-template.fullscreen .blank{min-width:150px;max-width:none;height:75px;font-size:clamp(18px,5vw,55px);line-height:75px;white-space:nowrap;overflow-x:auto;text-overflow:ellipsis}.word-bank-template .bank{width:25%;display:flex;flex-wrap:wrap;gap:15px;z-index:99;margin-left:50px;margin-top:-150px}.word-bank-template.fullscreen .bank-{width:25%;gap:5%;top:0%}.word-bank-template .word-item-container{position:relative;min-width:fit-content;height:50px;display:flex;align-items:center;justify-content:center;margin-bottom:25px;flex-shrink:0}.word-bank-template.fullscreen .word-item-container{min-width:fit-content;height:100px;margin-left:20%;display:flex;flex-shrink:0}.word-bank-template .word-item{background-color:gold;border:2px solid #ffa500;border-radius:8px;padding:10px 20px;text-align:center;cursor:grab;font-size:35px;z-index:100;transition:transform .2s ease,box-shadow .2s ease,font-size .2s;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;min-width:fit-content;max-width:none;word-break:keep-all;hyphens:none;overflow-wrap:break-word;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none}.word-bank-template.fullscreen .word-item{font-size:55px;padding:20px 30px;margin:5%}.word-bank-template .word-item.return-to-bank{animation:returnToBank .5s forwards}@keyframes returnToBank{0%{transform:translateY(0);opacity:1}50%{transform:translateY(-20px);opacity:.5}to{transform:translateY(0);opacity:1}}.crystal-image{width:100px;height:100px;object-fit:contain;padding:10px}.word-bank-template.fullscreen .crystal-image{width:150px;height:150px}.word-bank-template .swirl-init{animation:dropAndSwirl 2s forwards}@keyframes dropAndSwirl{0%{transform:translateY(-100px) rotate(0) scale(0);opacity:0}50%{transform:translateY(0) rotate(180deg) scale(1.2);opacity:1}to{transform:translateY(0) rotate(360deg) scale(1);box-shadow:0 0 20px #ffd700cc}}.word-bank-template .grow-swirl-infinite{animation:growAndSwirlInfinite 3s forwards,swirlInfinite 3s linear infinite}@keyframes growAndSwirlInfinite{0%{transform:scale(1)}to{transform:scale(1.2)}}@keyframes swirlInfinite{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.word-bank-template .word-item.long-word{font-size:28px;padding:10px 15px}.word-bank-template.fullscreen .word-item.long-word{font-size:45px;padding:20px 25px}.word-bank-template .word-item.extra-long-word{font-size:22px;padding:10px 12px}.word-bank-template.fullscreen .word-item.extra-long-word{font-size:35px;padding:20px}.word-bank-template .sentence-row.long-sentence,.word-bank-template .blank.long-sentence{font-size:28px!important}.word-bank-template.fullscreen .sentence-row.long-sentence,.word-bank-template.fullscreen .blank.long-sentence{font-size:38px!important}.word-bank-template .bank{width:25%;display:flex;flex-wrap:wrap;gap:15px;z-index:99;margin-left:50px;margin-top:-150px;align-items:flex-start;justify-content:flex-start}.word-bank-template.fullscreen .bank-{width:30%;gap:5%;top:0%;align-items:flex-start;justify-content:flex-start}.word-bank-template .blank{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;min-width:fit-content;max-width:none;height:50px;background-color:#ffeeba;border:2px dashed #ffbf00;text-align:center;line-height:50px;border-radius:5px;margin:0 10px;font-weight:700;position:relative;font-size:clamp(14px,3vw,40px);padding:0 15px;word-break:keep-all;hyphens:none;overflow-wrap:break-word;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none}.word-bank-template.fullscreen .blank{min-width:fit-content;max-width:none;height:75px;font-size:clamp(18px,5vw,55px);line-height:75px;white-space:nowrap;padding:0 20px}.word-bank-template .blank.long-word{font-size:22px!important;padding:0 12px}.word-bank-template.fullscreen .blank.long-word{font-size:35px!important;padding:0 15px}.word-bank-template .blank.extra-long-word{font-size:18px!important;padding:0 10px}.word-bank-template.fullscreen .blank.extra-long-word{font-size:28px!important;padding:0 12px}.storyline-template{position:relative;width:1000px;height:600px;background-size:cover;background-position:center;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.storyline-template.fullscreen{width:100vw;height:100vh}.storyline-template .background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transition:opacity 2.5s ease-in-out;z-index:1;opacity:0}.storyline-template .background.visible{opacity:1;z-index:2}.storyline-template .background.hidden{opacity:0;z-index:1}.storyline-template .play-button{position:absolute;bottom:20%;left:40%;padding:20px 40px;font-size:2em;background-color:#28a745;color:#fff;border:none;border-radius:12px;cursor:pointer;z-index:4;transition:background-color .3s ease,transform .3s ease;font-family:Comic Sans MS,sans-serif;font-weight:700;word-break:keep-all;-webkit-hyphens:none;hyphens:none;overflow-wrap:break-word;white-space:normal}.storyline-template.fullscreen .play-button{font-size:60px}.storyline-template .play-button:hover{background-color:#218838;transform:scale(1.2)}.storyline-template .play-button:active{transform:scale(.95)}.storyline-template .story-button{position:absolute;bottom:30%;left:40%;padding:15px 30px;font-size:1.5em;background-color:#218838;color:#fff;border:none;border-radius:8px;cursor:pointer;z-index:3;transition:background-color .3s ease,transform .3s ease;font-family:Comic Sans MS,sans-serif;font-weight:700;word-break:keep-all;-webkit-hyphens:none;hyphens:none;overflow-wrap:break-word;white-space:normal}.storyline-template.fullscreen .story-button{font-size:60px}.storyline-template .story-button:hover:not(:disabled){background-color:#218838;transform:scale(1.2)}.storyline-template .story-button:disabled{background-color:#ccc;color:#666;cursor:not-allowed;transform:scale(1)}.storyline-template .story-button:active{transform:scale(.95)}.storyline-template .character{position:absolute;height:400px;width:400px!important;display:flex;flex-direction:column;align-items:center;cursor:pointer;z-index:2;transition:transform .5s ease,opacity .5s ease}.storyline-template.fullscreen .character{height:700px;width:700px;margin-bottom:0%}.storyline-template.fullscreen .character-image{width:700px;height:700px;max-height:700px}.storyline-template .character.slide-in{animation:slideUp .5s forwards}.storyline-template .character.static{transform:translateY(0)}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.storyline-template .character.left{left:0%;bottom:0%}.storyline-template .character.right{right:0%;bottom:0%}.storyline-template .character-image{width:100%;height:100%;max-height:500px;background-size:contain;background-repeat:no-repeat;background-position:center;margin-top:0;transition:transform .3s ease,opacity .3s ease}.storyline-template .speech-bubble.enlarge{animation:pop-up .5s forwards}@keyframes pop-up{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}@keyframes pop-out{0%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}.storyline-template .speech-bubble{position:absolute;background:#fff;border-radius:10px;border:3px solid black;padding:10px 15px;text-align:center;max-width:100%;font-size:40px;line-height:1.5;color:#000;box-shadow:0 4px 10px #0003;z-index:2;transform:scale(1);opacity:1;transition:transform .3s ease,opacity .3s ease;word-break:keep-all;hyphens:none;overflow-wrap:break-word;white-space:normal;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none}.storyline-template .speech-bubble{animation:pop-up .5s forwards}.storyline-template.fullscreen .speech-bubble{font-size:60px;margin-left:5%}.storyline-template .speech-bubble.left:after{content:"";position:absolute;bottom:-15px;left:25px;width:0;height:0;border:15px solid transparent;border-top:15px solid white;border-width:15px 15px 0}.storyline-template .speech-bubble.right:after{content:"";position:absolute;bottom:-15px;right:25px;width:0;height:0;border:15px solid transparent;border-top:15px solid white;border-width:15px 15px 0}.storyline-template .speech-bubble.left{left:20%;top:0%;margin-top:-15%}.storyline-template .speech-bubble.right{right:20%;top:0%;margin-top:-15%}.storyline-template .speech-bubble.center{left:25%;top:25%}.storyline-template.fullscreen .speech-bubble.left{top:-35%;margin-top:0}.storyline-template.fullscreen .speech-bubble.right{right:20%;top:-35%;margin-top:0}.storyline-template.fullscreen .speech-bubble.center{left:25%;top:25%}.storyline-template .dialogue-image{position:absolute;top:-60px;width:100px;height:100px}.storyline-template .dialogue-image img{width:100%;height:100%;object-fit:contain}.storyline-template .character:hover .character-image{transform:scale(1.2)}@keyframes pulse-glow{0%{transform:scale(1);box-shadow:0 0 10px #fffc}to{transform:scale(1.1);box-shadow:0 0 20px #fff}}.collectible-item{width:80px;height:80px;margin-bottom:8px;cursor:pointer;animation:pulse-glow 1s infinite alternate}.storyline-template .collect-button,.storyline-template button{word-break:keep-all;hyphens:none;overflow-wrap:break-word;white-space:normal;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none}@media (max-width: 1200px){.storyline-template{width:90vw;height:80vh}.storyline-template .speech-bubble{font-size:1.5em}.storyline-template .play-button{padding:15px 30px;font-size:1.2em}.storyline-template .story-button{padding:10px 20px;font-size:1em}}.legacy-genialy-container{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden}.legacy-genialy-container.fullscreen{width:100vw;height:100vh}.legacy-genialy-iframe{width:100%;height:100%;border:none;background:#fff;position:absolute;top:0;left:0;right:0;bottom:0}.legacy-genialy-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:18px;z-index:10;text-align:center}.legacy-genialy-error{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f0f0f0;color:#d32f2f;font-size:16px;padding:20px;text-align:center}.legacy-genialy-iframe{pointer-events:auto;z-index:1}.custom-slide-template{position:relative;width:100%;height:100%;min-height:600px;overflow:hidden;-webkit-user-select:none;user-select:none;z-index:1;display:block}.custom-slide-background{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none}.custom-slide-template.edit-mode{cursor:default}.custom-slide-image{position:absolute;cursor:move;z-index:10;border:2px solid transparent;transition:border-color .2s}.custom-slide-image:hover{border-color:#007bff80}.custom-slide-image.selected{border-color:#007bff;box-shadow:0 0 0 3px #007bff4d}.custom-slide-textbox{position:absolute;cursor:move;z-index:10;padding:8px;border:2px solid transparent;background:#ffffffe6;border-radius:4px;word-wrap:break-word;transition:border-color .2s,box-shadow .2s;min-width:100px}.custom-slide-textbox:hover{border-color:#007bff80}.custom-slide-textbox.selected{border-color:#007bff;box-shadow:0 0 0 3px #007bff4d;background:#fff}.custom-slide-textbox textarea{padding:0;margin:0}.delete-element-btn{position:absolute;top:-10px;right:-10px;width:24px;height:24px;border-radius:50%;background:#f44;color:#fff;border:2px solid white;cursor:pointer;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;z-index:20;box-shadow:0 2px 4px #0003;transition:transform .2s,background-color .2s}.delete-element-btn:hover{background:#c00;transform:scale(1.1)}.add-textbox-btn{position:absolute;bottom:20px;right:20px;padding:10px 20px;background:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;z-index:100;box-shadow:0 2px 8px #0003;transition:background-color .2s,transform .2s}.add-textbox-btn:hover{background:#0056b3;transform:translateY(-2px)}.add-textbox-btn:active{transform:translateY(0)}.custom-slide-template.edit-mode *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.custom-slide-textbox textarea{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.custom-slide-box{position:absolute;cursor:move;z-index:1000;border:2px solid transparent;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;overflow:visible;pointer-events:auto;touch-action:none}.custom-slide-box:hover{border-color:#007bff80}.custom-slide-box.selected{border-color:#007bff;box-shadow:0 0 0 3px #007bff4d}.resize-handle{position:absolute;background:#007bff;border:2px solid white;border-radius:50%;width:12px;height:12px;z-index:1000;cursor:pointer;box-shadow:0 2px 4px #0003;pointer-events:auto}.resize-handle:hover{background:#0056b3;transform:scale(1.2)}.resize-handle-top-left{top:-6px;left:-6px;cursor:nwse-resize}.resize-handle-top-right{top:-6px;right:-6px;cursor:nesw-resize}.resize-handle-bottom-left{bottom:-6px;left:-6px;cursor:nesw-resize}.resize-handle-bottom-right{bottom:-6px;right:-6px;cursor:nwse-resize}.resize-handle-top{top:-6px;left:50%;transform:translate(-50%);cursor:ns-resize}.resize-handle-bottom{bottom:-6px;left:50%;transform:translate(-50%);cursor:ns-resize}.resize-handle-left{left:-6px;top:50%;transform:translateY(-50%);cursor:ew-resize}.resize-handle-right{right:-6px;top:50%;transform:translateY(-50%);cursor:ew-resize}.custom-slide-box.selected .resize-handle{display:block}.delete-box-btn{position:absolute;top:-12px;right:-12px;width:24px;height:24px;border-radius:50%;background:#f44;color:#fff;border:2px solid white;cursor:pointer;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;z-index:101;box-shadow:0 2px 4px #0003;transition:transform .2s,background-color .2s;padding:0;line-height:1}.delete-box-btn:hover{background:#c00;transform:scale(1.1)}.add-box-btn{position:absolute;bottom:20px;left:20px;padding:10px 20px;background:#28a745;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;z-index:100;box-shadow:0 2px 8px #0003;transition:background-color .2s,transform .2s}.add-box-btn:hover{background:#218838;transform:translateY(-2px)}.add-box-btn:active{transform:translateY(0)}.box-properties-panel{position:absolute;top:20px;right:20px;background:#fff;border:1px solid #ddd;border-radius:8px;padding:16px;min-width:250px;max-width:300px;box-shadow:0 4px 12px #00000026;z-index:200}.box-properties-panel h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#333}.property-group{margin-bottom:16px}.property-group:last-child{margin-bottom:0}.property-group label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:#555}.property-group input[type=color]{width:100%;height:40px;border:1px solid #ddd;border-radius:4px;cursor:pointer}.property-group input[type=range]{width:100%;margin-top:4px}.property-group input[type=number]{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.property-group input[type=number]:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.custom-slide-shape-circle{border-radius:50%!important}.custom-slide-shape-triangle{background:transparent!important}.shape-triangle,.shape-heart,.shape-star{pointer-events:none}.shapes-dropdown{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:#fff;cursor:pointer}.shapes-dropdown:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.teacher-scheduling-modal{position:relative;background:#fff;border-radius:12px;padding:0;max-width:95vw;max-height:95vh;width:1400px;height:800px;outline:none;display:flex;flex-direction:column}.teacher-scheduling-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:999999;padding:20px}.slot-editor-modal{background:#fff;border-radius:10px;width:1000px;max-width:95vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.slot-editor{display:flex;flex-direction:column;height:100%}.slot-editor-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #eaeaea}.manage-external-lesson-btn{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.manage-external-lesson-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #007bff66}.external-lesson-editor{padding:16px 20px}.external-lesson-header{display:flex;align-items:center;justify-content:space-between;color:#333}.slot-editor-body{padding:16px 20px;overflow:auto}.field-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.field-row label{width:120px;color:#333;font-weight:600}.required-asterisk{color:#e53935;margin-left:3px}.field-row input,.field-row select,.field-row textarea{flex:1;border:1px solid #ddd;border-radius:6px;padding:8px 10px;font-size:14px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}.slot-editor-actions{display:flex;align-items:center;gap:10px;padding:12px 20px;border-top:1px solid #eaeaea}.slot-editor-actions button{padding:8px 14px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;font-weight:600}.slot-editor-actions button.primary{background:#4caf50;color:#fff;border-color:#4caf50}.slot-editor-actions button.danger,.slot-editor-actions .cancel-button{background:#e53935;color:#fff;border-color:#e53935}.slot-time-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:#000;font-weight:700;font-size:14px}.slot-time-header.centered{justify-content:center}.scheduling-header{display:flex;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid #e0e0e0;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border-radius:0;flex-shrink:0}.tabs-left{display:flex;gap:8px}.spacer{flex:1}.header-controls{display:flex;align-items:center;gap:10px}.tab-button{background:#fff!important;border:none;padding:12px 16px;cursor:pointer;font-size:16px;font-weight:700!important;color:#666!important;border-bottom:3px solid transparent;transition:all .2s;position:relative;border-radius:6px 6px 0 0;box-shadow:0 2px 4px #0000001a}.tab-button:hover{color:#333!important;background-color:#f8f9fa!important;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.tab-button.active{color:#28a745!important;border-bottom-color:#28a745;background-color:#fff!important;font-weight:700!important;box-shadow:0 4px 8px #0003}.scheduling-content{flex:1;overflow:hidden;display:flex;flex-direction:column;background:#fff;min-height:0}.calendar-view{flex:1;display:flex;flex-direction:column;padding:10px 20px;overflow:hidden;background:#fff;min-height:0;height:100%}.calendar-controls{display:none}.header-controls button{padding:8px 16px;border:1px solid #ddd;background:#fff;color:#000;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.header-controls button:hover{background:#e9ecef;border-color:#adb5bd}.timezone-tab-container{position:relative;display:inline-block}.timezone-tab{position:relative}.timezone-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:0 0 8px 8px;box-shadow:0 4px 12px #00000026;z-index:1000;padding:8px}.timezone-dropdown select{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;background:#fff;font-size:14px;color:#333;cursor:pointer}.timezone-dropdown select:focus{outline:none;border-color:#28a745;box-shadow:0 0 0 3px #28a7451a}.create-slot-button{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;border:none!important;font-weight:600;padding:10px 20px!important}.create-slot-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.current-week{font-weight:600;color:#333;margin:0 20px}.calendar-grid{flex:1;display:flex;flex-direction:column;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;background:#fff;position:relative;min-height:0;height:100%}.calendar-body{flex:1;overflow-y:auto;overflow-x:hidden;max-height:calc(100vh - 300px);min-height:0}.time-cell:hover{background-color:#f8f9fa}.slot-hover-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#28a745e6;color:#fff;padding:4px 12px;border-radius:4px;font-size:12px;font-weight:600;pointer-events:auto;z-index:10;white-space:nowrap;cursor:pointer}.time-cell.hovered .slot-hover-center{display:block}.slot-edit-icon{position:absolute;top:4px;right:4px;background:#fffffff2;border:1px solid #ddd;border-radius:4px;padding:2px 6px;font-size:12px;cursor:pointer;z-index:11;pointer-events:auto;box-shadow:0 2px 4px #0000001a;transition:all .2s}.slot-edit-icon:hover{background:#fff;box-shadow:0 2px 6px #00000026;transform:scale(1.1)}.time-cell.hovered:has(.slot-indicator.available) .slot-hover-center{background:#dc3545e6}.success-message-overlay{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:10000;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.time-cell.slot-start~.time-cell .slot-indicator{opacity:1}.time-row{position:relative}.time-cell.slot-start{z-index:4}.slot-indicator.completed{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:2px solid #28a745;box-shadow:0 0 8px #28a74566}.slot-indicator.pending{background:linear-gradient(135deg,#ffc107,#ff9800);color:#fff;border:2px solid #ff9800;box-shadow:0 0 10px #ffc10780;animation:pendingPulse 2s ease-in-out infinite alternate}.slot-time-display{flex:1;padding:8px 10px;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px}.extend-btn{margin-left:10px;padding:8px 12px;border:1px solid #28a745;color:#fff;background:#28a745;border-radius:6px;cursor:pointer;font-weight:600}.extend-btn:hover{background:#1e7e34;border-color:#1e7e34}.booking-options-section{margin-top:15px;padding:12px;background:#f8f9fa;border-radius:6px;border-left:4px solid #007bff}.booking-options-section label{display:block;margin-bottom:10px;font-weight:600;color:#007bff}.checkbox-group{display:flex;gap:20px;flex-wrap:wrap}.checkbox-label{display:flex;align-items:center;gap:8px;font-weight:500;color:#555;cursor:pointer;margin-bottom:0}.checkbox-label input[type=checkbox]{width:18px;height:18px}.recurring-section{margin-top:15px;padding:12px;background:#f8f9fa;border-radius:6px;border-left:4px solid #28a745}.recurring-section label{display:flex;align-items:center;gap:8px;font-weight:600;color:#28a745}.recurring-section input[type=checkbox]{width:auto;margin:0}.recurring-options{margin-top:10px;padding:12px;background:#e8f5e8;border-radius:6px;border:1px solid #c3e6cb}.recurring-options .field-row{margin-bottom:8px}.external-lesson-section{margin-top:20px;padding-top:20px;border-top:1px solid #e0e0e0}.external-lesson-options{margin-top:15px;padding:15px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0}.external-lesson-options .field-row{margin-bottom:15px}.external-lesson-options .field-row:last-child{margin-bottom:0}.external-lesson-row{display:flex;gap:15px;align-items:flex-end}.external-lesson-row .field-group{flex:1;display:flex;flex-direction:column}.external-lesson-row .field-group label{margin-bottom:5px;font-weight:600;color:#333;font-size:14px}.external-lesson-row .field-group select{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;background-color:#fff;color:#333!important;transition:border-color .2s}.external-lesson-row .field-group select:focus{outline:none;border-color:#28a745;box-shadow:0 0 0 3px #28a7451a}.capacity-indicator{position:absolute;top:4px;right:6px;background:#ffffffe6;color:#333;font-size:10px;padding:2px 6px;border-radius:3px;font-weight:700}.requests-view{padding:20px 30px;overflow-y:auto}.no-data{text-align:center;color:#666;font-style:italic;padding:40px}.request-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000000d}.request-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.student-info{display:flex;flex-direction:column;gap:5px}.student-name{font-weight:600;color:#333;font-size:16px}.request-type{font-size:12px;color:#666}.request-time{font-size:14px;color:#666;text-align:right}.student-message{background:#f8f9fa;padding:10px;border-radius:6px;margin:10px 0;font-style:italic;color:#555}.request-actions{display:flex;gap:10px;margin-top:15px}.accept-button{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.accept-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #28a74566}.notifications-view{padding:20px 30px;overflow-y:auto}.notification-item:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.notification-item.unread{border-left:4px solid #667eea;background:#f8f9ff}.settings-view{padding:20px 30px;overflow-y:auto}.settings-view h3{margin:0 0 20px;color:#333;font-size:20px}.settings-form{max-width:600px}.settings-form .field-row{margin-bottom:20px}.settings-form .field-row label{display:block;margin-bottom:8px;font-weight:600;color:#333}.settings-form .field-row input,.settings-form .field-row select{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px}.settings-form .field-row input[type=checkbox]{width:auto;margin-right:8px}.settings-actions{margin-top:30px;padding-top:20px;border-top:1px solid #e0e0e0}.save-settings-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s}.save-settings-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #28a74566}.slot-modal,.request-modal{background:#fff;border-radius:12px;padding:30px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d}.slot-modal h3,.request-modal h3{margin:0 0 20px;color:#333;font-size:20px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.age-range{display:flex;align-items:center;gap:10px}.age-range input{width:calc(50% - 20px)}.age-range span{color:#666;font-weight:500}.recurring-settings{background:#f8f9fa;padding:15px;border-radius:6px;margin-top:10px}.recurring-settings .form-group{margin-bottom:15px}.recurring-settings label{display:inline-flex;align-items:center;margin-right:15px;margin-bottom:10px;font-weight:400}.recurring-settings input[type=checkbox]{width:auto;margin-right:5px}.save-button{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s}.save-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #28a74566}.delete-button{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s}.delete-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #dc354566}.request-details{background:#f8f9fa;padding:15px;border-radius:6px;margin-bottom:20px}.request-details p{margin:5px 0;color:#555}.response-actions{display:flex;flex-direction:column;gap:15px;margin:20px 0}.decline-button{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s}.decline-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #dc354566}.counter-offer{background:#f8f9fa;padding:15px;border-radius:6px;border:1px solid #e0e0e0}.counter-offer h4{margin:0 0 10px;color:#333;font-size:16px}.counter-button{background:linear-gradient(135deg,#ffc107,#e0a800);color:#333;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:600;margin-top:10px;transition:all .2s}.counter-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ffc10766}@media (max-width: 768px){.teacher-scheduling-modal{width:95vw;height:95vh}.scheduling-header{padding:15px 20px}.scheduling-header h2{font-size:20px}.scheduling-tabs{padding:0 20px;flex-wrap:wrap}.tab-button{padding:10px 15px;font-size:12px}.calendar-view,.requests-view,.notifications-view,.settings-view{padding:15px 20px}.calendar-controls{flex-wrap:wrap;gap:10px}.calendar-controls button{font-size:12px;padding:6px 12px}.time-row{grid-template-columns:60px repeat(7,1fr)}.time-label{font-size:10px;padding:4px 8px}.slot-indicator{font-size:10px;padding:2px 6px}}.backpack-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.backpack-header{text-align:center;margin-bottom:30px;position:relative}.back-button{position:absolute;left:0;top:0;background:#fff3;color:#fff;border:none;padding:10px 20px;border-radius:25px;cursor:pointer;font-weight:700;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.back-button:hover{background:#ffffff4d;transform:translateY(-2px)}.backpack-header h1{color:#fff;font-size:2.5rem;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.backpack-subtitle{color:#ffffffe6;font-size:1.1rem;margin:10px 0 0}.loading{text-align:center;color:#fff;font-size:1.2rem;margin-top:50px}.empty-backpack{text-align:center;color:#fff;margin-top:50px}.empty-icon{font-size:4rem;margin-bottom:20px}.empty-backpack h3{font-size:1.5rem;margin-bottom:10px}.empty-backpack p{font-size:1.1rem;opacity:.8}.backpack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;max-width:1200px;margin:0 auto}.backpack-item{background:#fffffff2;border-radius:15px;padding:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;text-align:center}.backpack-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0003}.item-image{text-align:center;margin-bottom:10px}.item-image img{width:150px;height:150px;object-fit:contain;border-radius:10px}.item-info h4{margin:10px 0 5px;color:#333;font-size:1.2rem;text-align:center;font-weight:700;word-wrap:break-word;max-width:100%}.item-quantity{margin:0;color:#666;font-size:.9rem;text-align:center;font-weight:700}.backpack-container .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.backpack-container .item-modal{background:#fff;border-radius:20px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d;animation:modalSlideIn .3s ease-out;padding:25px;border:none!important}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #eee}.modal-header h2{margin:0;color:#333;font-size:1.5rem}.close-button{background:none;border:none;font-size:2rem;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-button:hover{background:#f0f0f0;color:#333}.backpack-container .modal-content{padding:25px;border:none!important;box-shadow:none!important;background:transparent!important;outline:none!important;position:relative}.item-flashcard{text-align:center}.flashcard-image{margin-bottom:25px}.flashcard-image img{width:120px;height:120px;object-fit:contain;border-radius:15px;box-shadow:0 4px 15px #0000001a}.flashcard-word{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:25px;padding:15px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;position:relative}.word-text{font-size:1.8rem;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.audio-button{background:#fff3;border:none;border-radius:50%;width:50px;height:50px;font-size:1.5rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:absolute;top:10px;right:10px}.audio-button:hover{background:#ffffff4d;transform:scale(1.1)}.audio-button:active{transform:scale(.95)}@media (max-width: 768px){.backpack-container{padding:15px}.backpack-header h1{font-size:2rem}.back-button{position:relative;margin-bottom:20px}.backpack-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.backpack-item{padding:15px}.item-image img{width:60px;height:60px}.item-modal{width:95%;margin:10px}.modal-content{padding:20px}.flashcard-image img{width:100px;height:100px}.word-text{font-size:1.5rem}}.signin-container{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;background-size:cover;background-position:center;background-repeat:no-repeat;padding:50px 20px 20px;font-family:Comic Sans MS,cursive,sans-serif;position:relative}.signin-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top,#0000,#00000080 85%,#000);pointer-events:none;z-index:0}.signin-form{position:relative;z-index:1;background:#fff;padding:40px;border-radius:20px;box-shadow:0 20px 40px #0000001a;width:100%;max-width:500px;text-align:center;margin-top:100px}.signin-form form{text-align:left}.signin-form h2{color:#333;margin-bottom:30px;font-size:2.5rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.form-group{margin-bottom:20px;display:flex!important;flex-direction:row!important;align-items:center!important;gap:15px;justify-content:flex-start;width:100%}.form-group label{display:inline-block!important;min-width:120px;color:#555;font-weight:700;font-size:1.1rem;text-align:right;flex-shrink:0;margin-bottom:0!important}.form-group input[type=email],.form-group input[type=password]{flex:1;padding:12px;border:3px solid #e0e0e0;border-radius:15px;font-size:1.1rem;font-family:Comic Sans MS,cursive,sans-serif;transition:all .3s ease;box-sizing:border-box;display:inline-block!important}.form-group input[type=email]:focus,.form-group input[type=password]:focus{outline:none;border-color:#667eea;box-shadow:0 0 15px #667eea4d;transform:translateY(-2px)}.signin-button{width:100%;padding:15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:15px;font-size:1.2rem;font-weight:700;font-family:Comic Sans MS,cursive,sans-serif;cursor:pointer;transition:all .3s ease;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px}.signin-button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #667eea66}.signin-button:active{transform:translateY(-1px)}.google-signin-button{width:100%;padding:15px;background:#fff;color:#333;border:3px solid #e0e0e0;border-radius:15px;font-size:1.1rem;font-weight:700;font-family:Comic Sans MS,cursive,sans-serif;cursor:pointer;transition:all .3s ease;margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:10px}.google-signin-button:hover{border-color:#4285f4;background:#f8f9fa;transform:translateY(-2px);box-shadow:0 8px 20px #4285f433}.divider{display:flex;align-items:center;margin:25px 0;color:#666;font-size:1rem}.error-message{color:#e74c3c;background:#fdf2f2;border:2px solid #fecaca;border-radius:10px;padding:15px;margin-bottom:20px;font-weight:700;text-align:center}.signup-link{color:#667eea;text-decoration:none;font-weight:700;transition:color .3s ease}.signup-link:hover{color:#5a6fd8;text-decoration:underline}.dev-testing{margin-top:30px;padding:20px;border:2px dashed #ccc;border-radius:15px;background:#f8f9fa}.dev-testing h3{margin:0 0 15px;color:#666;font-size:1.2rem}.dev-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:10px}.dev-button{padding:10px 20px;border:none;border-radius:10px;cursor:pointer;font-size:14px;font-family:Comic Sans MS,cursive,sans-serif;font-weight:700;transition:all .3s ease}.dev-button.student{background:#4caf50;color:#fff}.dev-button.teacher{background:#2196f3;color:#fff}.dev-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.dev-note{margin:10px 0 0;font-size:12px;color:#888;text-align:center}@media (max-width: 480px){.signin-container{padding:30px 10px 10px}.signin-form{padding:30px 20px}.signin-form h2{font-size:2rem}.form-group{flex-direction:column;align-items:flex-start;gap:8px}.form-group label{min-width:auto;text-align:left}.form-group input[type=email],.form-group input[type=password]{width:100%}.dev-buttons{flex-direction:column}}.signin-button:disabled,.google-signin-button:disabled,.dev-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.signin-button:disabled:hover,.google-signin-button:disabled:hover,.dev-button:disabled:hover{transform:none;box-shadow:none}.signup-container{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;background-size:cover;background-position:center;background-repeat:no-repeat;padding:30px 20px 20px;font-family:Comic Sans MS,cursive,sans-serif;position:relative;overflow-y:auto}.signup-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top,#0000,#00000080 85%,#000);pointer-events:none;z-index:0}.signup-form{position:relative;z-index:1;background:#fff;padding:20px;border-radius:20px;box-shadow:0 20px 40px #0000001a;width:100%;max-width:600px;text-align:center;max-height:90vh;overflow-y:auto;margin-top:0}.signup-form form{text-align:left}.back-link{text-align:left;margin-bottom:12px}.back-link a{color:#667eea;text-decoration:none;font-size:.9rem;font-weight:500}.back-link a:hover{text-decoration:underline}.signup-form h2{color:#333;margin-bottom:6px;font-size:1.75rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.role-description{color:#666;font-size:.9rem;margin-bottom:16px;line-height:1.4}.form-group{margin-bottom:12px;display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px;width:100%}.form-group label{display:inline-block!important;min-width:140px;color:#555;font-weight:700;font-size:.9rem;text-align:right;flex-shrink:0;margin-bottom:0!important}.form-group input[type=email],.form-group input[type=password],.form-group input[type=text]{flex:1;padding:10px;border:2px solid #e0e0e0;border-radius:10px;font-size:.95rem;font-family:Comic Sans MS,cursive,sans-serif;transition:all .3s ease;box-sizing:border-box;display:inline-block!important}.form-group input[type=email]:focus,.form-group input[type=password]:focus,.form-group input[type=text]:focus{outline:none;border-color:#667eea;box-shadow:0 0 15px #667eea4d;transform:translateY(-2px)}.role-selection{display:flex;gap:20px;justify-content:flex-start;flex:1}.role-option{display:flex;align-items:center;gap:8px;cursor:pointer;padding:10px 15px;border-radius:10px;transition:all .3s ease;background:#f8f9fa;border:2px solid transparent}.role-option:hover{background:#e9ecef;transform:translateY(-2px)}.role-option input[type=radio]{width:20px;height:20px;accent-color:#667eea}.role-option.selected{background:#667eea;color:#fff;border-color:#5a6fd8}.role-option.selected input[type=radio]{accent-color:white}.signup-button{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:700;font-family:Comic Sans MS,cursive,sans-serif;cursor:pointer;transition:all .3s ease;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.signup-button:hover{transform:translateY(-3px);box-shadow:0 10px 25px #667eea66}.signup-button:active{transform:translateY(-1px)}.google-signup-button{width:100%;padding:12px;background:#fff;color:#333;border:2px solid #e0e0e0;border-radius:10px;font-size:.95rem;font-weight:700;font-family:Comic Sans MS,cursive,sans-serif;cursor:pointer;transition:all .3s ease;margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:8px}.google-signup-button:hover{border-color:#4285f4;background:#f8f9fa;transform:translateY(-2px);box-shadow:0 8px 20px #4285f433}.google-icon{width:20px;height:20px}.signup-options{margin-top:16px}.email-signup-toggle-button{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:700;font-family:Comic Sans MS,cursive,sans-serif;cursor:pointer;transition:all .3s ease;margin-bottom:12px}.email-signup-toggle-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.email-signup-toggle-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.email-signup-toggle-button:disabled:hover{transform:none;box-shadow:none}.email-signup-form{margin-top:16px;animation:slideDown .3s ease-out}.divider{display:flex;align-items:center;margin:12px 0;color:#666;font-size:.9rem}.divider:before,.divider:after{content:"";flex:1;height:2px;background:#e0e0e0}.divider span{padding:0 20px;background:#fff}.error-message{color:#e74c3c;background:#fdf2f2;border:2px solid #fecaca;border-radius:8px;padding:10px;margin-bottom:12px;font-weight:700;font-size:.9rem;text-align:center}.login-link{color:#667eea;text-decoration:none;font-weight:700;transition:color .3s ease;font-size:.9rem}.login-link:hover{color:#5a6fd8;text-decoration:underline}.signup-form>p{margin-top:12px;margin-bottom:0;font-size:.9rem;color:#666}.early-access-signup-notice{background:linear-gradient(135deg,#fff3cd,#ffe69c);border:2px solid #ffc107;border-radius:8px;padding:10px;margin-bottom:12px;margin-top:8px}.early-access-checkbox{margin:0;padding:0}.early-access-checkbox label{display:flex;align-items:center;gap:8px;cursor:pointer;color:#856404;font-size:.85em;font-weight:500;margin:0}.early-access-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#ffc107;flex-shrink:0}@media (max-width: 480px){.signup-container{padding:30px 10px 10px}.signup-form{padding:30px 20px}.signup-form h2{font-size:2rem}.form-group{flex-direction:column;align-items:flex-start;gap:8px}.form-group label{min-width:auto;text-align:left}.form-group input[type=email],.form-group input[type=password],.form-group input[type=text]{width:100%}.role-selection{flex-direction:column;gap:10px}}.legal-acceptance-container{margin:12px 0;padding:10px;background:#f8f9fa;border-radius:8px;border:2px solid #e0e0e0}.legal-acceptance-checkbox{display:flex;align-items:flex-start;gap:8px;cursor:pointer;font-size:.85rem;line-height:1.4;color:#555}.legal-acceptance-checkbox input[type=checkbox]{width:18px;height:18px;margin-top:2px;cursor:pointer;accent-color:#667eea;flex-shrink:0}.legal-acceptance-checkbox span{flex:1}.legal-acceptance-checkbox a{color:#667eea;text-decoration:none;font-weight:600}.legal-acceptance-checkbox a:hover{text-decoration:underline}.signup-button:disabled,.google-signup-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.signup-button:disabled:hover,.google-signup-button:disabled:hover{transform:none;box-shadow:none}.role-selector-container{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;background-size:cover;background-position:center;background-repeat:no-repeat;padding:50px 20px 20px;font-family:Comic Sans MS,cursive,sans-serif;position:relative}.role-selector-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top,#0000,#00000080 85%,#000);pointer-events:none;z-index:0}.role-selector-card{position:relative;z-index:1;background:#fff;border-radius:20px;padding:40px;box-shadow:0 20px 40px #0000001a;text-align:center;max-width:600px;width:100%;margin-top:0}.role-selector-card h1{color:#333;margin-bottom:10px;font-size:2.5rem;font-weight:700}.subtitle{color:#666;font-size:1.2rem;margin-bottom:40px;line-height:1.5}.role-options{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px}.role-option{background:#f8f9fa;border:3px solid transparent;border-radius:15px;padding:40px 20px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.role-option:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a;border-color:#667eea}.role-option.selected{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;transform:translateY(-5px);box-shadow:0 15px 30px #667eea4d}.role-icon{font-size:3rem;margin-bottom:15px}.role-option h3{font-size:1.5rem;margin-bottom:10px;font-weight:700}.role-option p{font-size:1rem;line-height:1.4;opacity:.8}.existing-user{margin-top:30px;padding-top:20px;border-top:1px solid #eee}.existing-user p{color:#666;font-size:1rem}.existing-user a{color:#667eea;text-decoration:none;font-weight:700}.existing-user a:hover{text-decoration:underline}@media (max-width: 768px){.role-options{grid-template-columns:1fr;gap:20px}.role-selector-card{padding:30px 20px}.role-selector-card h1{font-size:2rem}.subtitle{font-size:1.1rem}.role-option{padding:35px 15px}.role-icon{font-size:2.5rem}.role-option h3{font-size:1.3rem}}.teacher-student-management{padding:20px;border:1px solid #ddd;border-radius:10px;background-color:#fff;max-width:400px;margin:auto}.teacher-student-management h2{margin-bottom:20px;text-align:center}.add-student{display:flex;gap:10px;margin-bottom:20px;margin-left:10px;margin-right:10px}.student-item{margin-bottom:10px}.select-student-btn{width:100%;padding:10px;background-color:#28a745;color:#fff;border:none;border-radius:5px;cursor:pointer;text-align:left}.select-student-btn:hover{background-color:#218838}.settings-container{padding:20px;background-color:#fff;border-radius:0;box-shadow:none;max-width:none;margin:0;min-height:100vh;overflow-y:auto;height:100vh}.avatar-section{display:flex;justify-content:space-around}.avatar-group{display:flex;flex-direction:column;align-items:center;margin:10px}.avatar-group input{margin-top:5px;width:200px}.avatar-section img{width:100px;height:100px;border-radius:50%;border:2px solid #ddd;margin-bottom:10px}.display-name-section,.student-management{margin-bottom:40px}input[type=text]{width:calc(100% - 20px);padding:8px;margin-bottom:10px;border:1px solid #ccc;border-radius:5px}button{padding:10px 15px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-top:10px}button:hover{background-color:#0056b3}h3{margin-bottom:20px}.student-box{width:220px;height:220px;border:1px solid black;border-radius:6px;padding:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.student-avatar img{width:80px;height:80px;border-radius:50%}.student-name{font-weight:700;text-align:center}.student-actions{display:flex;gap:.5rem}.tab-navigation{display:flex;border-bottom:2px solid #e9ecef;margin-bottom:20px;flex-wrap:wrap;gap:5px}.tab-button{padding:12px 20px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:14px;font-weight:500;color:#6c757d;transition:all .3s ease;white-space:nowrap;min-width:fit-content}.tab-button:hover{color:#007bff;background-color:#f8f9fa}.tab-button.active{color:#007bff;border-bottom-color:#007bff;background-color:#f8f9fa}.tab-content{padding:0}.tab-content h3{margin-bottom:20px;color:#333;font-size:24px}.tab-content h4{margin-bottom:15px;color:#555;font-size:18px}.tab-content h5{margin-bottom:10px;color:#666;font-size:16px}.settings-section{margin:20px 0;padding:20px;background-color:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.settings-section.warning-section{background-color:#fff3cd;border-color:#ffc107}.settings-section.danger-section{background-color:#f8d7da;border-color:#dc3545}.terms-form{background-color:#fff;padding:20px;border-radius:8px;border:1px solid #dee2e6;margin-bottom:20px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px;border:1px solid #ced4da;border-radius:4px;font-size:14px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:0;border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.checkbox-label{display:flex!important;align-items:center;gap:8px;cursor:pointer}.checkbox-label input[type=checkbox]{width:auto!important;margin:0}.btn{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;text-decoration:none;display:inline-block;text-align:center;transition:all .15s ease-in-out;margin-right:10px;margin-bottom:10px}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#545b62}.btn-warning{background-color:#ffc107;color:#212529}.btn-warning:hover{background-color:#e0a800}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.warning-text{font-weight:700;color:#dc3545}.success-message{background-color:#d4edda;color:#155724;padding:8px 12px;border-radius:4px;border:1px solid #c3e6cb;font-size:14px;font-weight:500;animation:fadeInOut 3s ease-in-out}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@media (max-width: 768px){.tab-navigation{flex-direction:column}.tab-button{text-align:left;border-bottom:none;border-left:3px solid transparent}.tab-button.active{border-left-color:#007bff;border-bottom-color:transparent}.settings-section{padding:15px}.btn{width:100%;margin-right:0}}.teacher-schedule-modal{position:relative;background:#fff;border-radius:12px;padding:0;max-width:95vw;max-height:95vh;width:1200px;height:800px;outline:none!important;border:none!important;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column}.teacher-schedule-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:999999;padding:20px}.teacher-schedule-modal .scheduling-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid #e0e0e0;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border-radius:12px 12px 0 0}.teacher-schedule-modal .scheduling-header h2{margin:0;font-size:24px;font-weight:600}.teacher-schedule-modal .close-button{background:none;border:none;color:#fff;font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.teacher-schedule-modal .close-button:hover{background-color:#fff3}.teacher-schedule-modal .scheduling-content{flex:1;overflow:hidden;display:flex;flex-direction:column;background:#fff}.teacher-schedule-modal .calendar-view{flex:1;display:flex;flex-direction:column;padding:20px 30px;overflow:hidden;background:#fff}.teacher-schedule-modal .calendar-grid{flex:1;display:flex;flex-direction:column;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;background:#fff}.teacher-schedule-modal .calendar-header{display:grid;grid-template-columns:80px repeat(7,1fr);background:#f8f9fa;border-bottom:1px solid #e0e0e0;margin-right:17px}.teacher-schedule-modal .time-header{padding:12px;font-weight:600;text-align:center;color:#666;border-right:1px solid #e0e0e0}.teacher-schedule-modal .day-header{padding:12px;text-align:center;border-right:1px solid #e0e0e0}.teacher-schedule-modal .day-name{font-weight:600;color:#333;margin-bottom:4px}.teacher-schedule-modal .day-date{font-size:12px;color:#666}.teacher-schedule-modal .calendar-body{flex:1;overflow-y:auto}.teacher-schedule-modal .time-row{display:grid;grid-template-columns:80px repeat(7,1fr);border-bottom:1px solid #f0f0f0;min-height:56px}.teacher-schedule-modal .time-label{padding:6px 8px;font-size:11px;color:#666;text-align:center;border-right:1px solid #e0e0e0;background:#fafafa;display:flex;align-items:center;justify-content:center}.teacher-schedule-modal .time-cell{padding:4px;border-right:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s;position:relative;z-index:1;overflow:hidden;min-height:56px}.teacher-schedule-modal .time-cell:hover{background-color:#f8f9fa}.teacher-schedule-modal .time-cell.empty-slot{cursor:pointer;position:relative}.teacher-schedule-modal .time-cell.empty-slot:hover{background-color:#e3f2fd;border:2px dashed #2196f3}.teacher-schedule-modal .time-cell.empty-slot:hover:after{content:"Click to request class";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;color:#2196f3;font-weight:600;pointer-events:none}.teacher-schedule-modal .time-cell:last-child{border-right:none}.teacher-schedule-modal .slot-indicator{position:absolute;top:2px;left:2px;right:2px;bottom:2px;padding:6px 8px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;display:flex;flex-direction:column;justify-content:center;overflow:hidden;z-index:3}.teacher-schedule-modal .slot-title-line{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;max-width:100%;flex-shrink:1}.teacher-schedule-modal .slot-subline{font-weight:600;opacity:.95;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;max-width:100%;flex-shrink:1}.teacher-schedule-modal .capacity-indicator{position:absolute;top:4px;right:6px;background:#ffffffe6;color:#333;font-size:10px;padding:2px 6px;border-radius:3px;font-weight:700}.teacher-schedule-modal .slot-indicator.available{background:#2ecc71;color:#fff}.teacher-schedule-modal .slot-indicator.group{background:linear-gradient(135deg,#007bff,#6610f2);color:#fff}.teacher-schedule-modal .slot-indicator.booked{background:linear-gradient(135deg,#fd7e14,#e83e8c);color:#fff}.teacher-schedule-modal .slot-indicator.unavailable{background:#e74c3c;color:#fff}.teacher-schedule-modal .slot-indicator.external{background:linear-gradient(135deg,#9c27b0,#673ab7);color:#fff;border:2px solid #7b1fa2}.teacher-schedule-modal .slot-indicator.my-booking{background:linear-gradient(135deg,#3498db,#2980b9)!important;color:#fff!important;border:3px solid #2980b9!important;box-shadow:0 0 15px #3498db99!important;animation:myBookingGlow 2s ease-in-out infinite alternate}.teacher-schedule-modal .slot-indicator.requested{background:linear-gradient(135deg,#ffc107,#ff8c00)!important;border:2px solid #ff9800;color:#fff;box-shadow:0 0 15px #ffc10799;animation:requestedGlow 2s ease-in-out infinite alternate}.teacher-schedule-modal .slot-indicator.past{background:#f5f5f5!important;border:1px solid #ddd!important;color:#999!important;cursor:not-allowed!important;opacity:.5!important}.teacher-schedule-modal .slot-indicator.past:hover{background:#f5f5f5!important;transform:none!important;box-shadow:none!important}.teacher-schedule-modal .current-time-line{position:absolute;z-index:10;pointer-events:none;animation:currentTimePulse 2s ease-in-out infinite alternate}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.teacher-schedule-modal .request-details{padding:20px;max-width:500px;margin:0 auto}.teacher-schedule-modal .request-info h3{color:#333;margin-bottom:20px;text-align:center;font-size:20px}.teacher-schedule-modal .request-detail-item{margin-bottom:15px;padding:10px;background-color:#f8f9fa;border-radius:8px;border-left:4px solid #007bff}.teacher-schedule-modal .request-detail-item strong{color:#007bff;font-weight:600}.teacher-schedule-modal .request-actions{display:flex;gap:15px;justify-content:center;margin-top:30px}.teacher-schedule-modal .close-details-button{background-color:#6c757d;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s ease}.teacher-schedule-modal .close-details-button:hover{background-color:#5a6268}.teacher-schedule-modal .cancel-request-button{background-color:#dc3545;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s ease}.teacher-schedule-modal .cancel-request-button:hover{background-color:#c82333}.teacher-schedule-modal .status-pending{color:#ffc107;font-weight:600;background-color:#fff3cd;padding:4px 8px;border-radius:4px;border:1px solid #ffeaa7}.teacher-schedule-modal .past-time-slot{background-color:#f8f9fa!important;opacity:.6}.teacher-schedule-modal .past-time-slot .time-label{color:#6c757d!important}.teacher-schedule-modal .past-time-slot .time-cell{background-color:#f8f9fa!important;border-color:#e9ecef!important}.teacher-schedule-modal .loading,.teacher-schedule-modal .no-data{text-align:center;color:#666;font-style:italic;padding:40px}.teacher-schedule-modal .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999999;padding:20px}.teacher-schedule-modal .modal-content{background:#fff;border-radius:12px;padding:30px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d}.teacher-schedule-modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.teacher-schedule-modal .modal-header h2{margin:0;color:#333;font-size:20px}.teacher-schedule-modal .modal-body{margin-bottom:20px}.teacher-schedule-modal .slot-summary{background:#f8f9fa;padding:15px;border-radius:8px;margin-bottom:20px;border:1px solid #e0e0e0}.teacher-schedule-modal .slot-summary h4{margin:0 0 10px;color:#333;font-size:16px}.teacher-schedule-modal .slot-summary p{margin:5px 0;color:#666;font-size:14px}.teacher-schedule-modal .form-group{margin-bottom:20px}.teacher-schedule-modal .form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333}.teacher-schedule-modal .form-group input,.teacher-schedule-modal .form-group select,.teacher-schedule-modal .form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s}.teacher-schedule-modal .form-group input:focus,.teacher-schedule-modal .form-group select:focus,.teacher-schedule-modal .form-group textarea:focus{outline:none;border-color:#28a745;box-shadow:0 0 0 3px #28a7451a}.teacher-schedule-modal .form-group textarea{resize:vertical;min-height:80px}.teacher-schedule-modal .success-message{background-color:#d4edda;color:#155724;padding:10px;border-radius:4px;margin-bottom:15px;border:1px solid #c3e6cb;font-size:16px;font-weight:700}.teacher-schedule-modal .modal-footer{display:flex;gap:10px;margin-top:30px;justify-content:flex-end}.teacher-schedule-modal .btn{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s}.teacher-schedule-modal .btn-secondary{background:#6c757d;color:#fff}.teacher-schedule-modal .btn-secondary:hover{background:#5a6268}.teacher-schedule-modal .btn-primary{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.teacher-schedule-modal .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #28a74566}@media (max-width: 768px){.teacher-schedule-modal{width:95vw;height:95vh}.teacher-schedule-modal .scheduling-header{padding:15px 20px}.teacher-schedule-modal .scheduling-header h2{font-size:20px}.teacher-schedule-modal .calendar-view{padding:15px 20px}.teacher-schedule-modal .calendar-header,.teacher-schedule-modal .time-row{grid-template-columns:60px repeat(7,1fr)}.teacher-schedule-modal .time-header{padding:10px 5px;font-size:12px}.teacher-schedule-modal .day-header{padding:10px 5px}.teacher-schedule-modal .day-name{font-size:12px}.teacher-schedule-modal .day-date{font-size:16px}.teacher-schedule-modal .time-label{font-size:10px;padding:5px}.teacher-schedule-modal .slot-indicator{font-size:10px;padding:2px 6px}.teacher-schedule-modal .slot-title-line{font-size:8px}.teacher-schedule-modal .slot-subline{font-size:7px}.teacher-schedule-modal .modal-content{padding:20px}.teacher-schedule-modal .form-group input,.teacher-schedule-modal .form-group select,.teacher-schedule-modal .form-group textarea{font-size:16px}}.overlay-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;z-index:9999999;display:flex;align-items:center;justify-content:center;padding:20px}.overlay-modal>.modal-content{background:#fff;border-radius:12px;padding:30px;max-width:700px;width:90%;max-height:90vh;overflow:auto;box-shadow:0 10px 40px #0003}.overlay-modal.request-modal>.modal-content{max-width:600px}.teacher-profile-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.teacher-profile-content{min-height:100vh;display:flex;width:100%;padding:0;gap:0}.teacher-profile-left-section{width:400px;background:#fff;padding:30px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 10px 40px #0000001a;overflow-y:auto}.teacher-profile-back-button{align-self:flex-start;margin-bottom:20px}.teacher-profile-back-btn{background:none;border:2px solid #667eea;color:#667eea;padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.teacher-profile-back-btn:hover{background:#667eea;color:#fff;transform:translateY(-1px)}.teacher-profile-avatar{width:200px;height:200px;margin-bottom:10px;border:2px solid #e9ecef;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f8f9fa}.teacher-profile-avatar .avatar-display{width:100%;height:100%}.teacher-profile-name{font-size:2rem;font-weight:700;color:#2c3e50;margin-bottom:20px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.teacher-profile-view-schedule-button-left{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d;margin-bottom:20px;width:100%}.teacher-profile-view-schedule-button-left:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.teacher-profile-stats{display:flex;flex-direction:column;gap:15px;width:100%}.teacher-profile-stat{text-align:center;padding:15px;background:#f8f9fa;border-radius:12px;border-left:4px solid #667eea}.teacher-profile-stat-value{display:block;font-size:1.8rem;font-weight:700;color:#667eea;margin-bottom:4px}.teacher-profile-stat-label{font-size:.9rem;color:#6c757d;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.teacher-profile-specialties-section{margin-top:20px;width:100%}.teacher-profile-specialties-title{font-size:1.2rem;font-weight:600;color:#2c3e50;margin-bottom:15px;text-align:center}.teacher-profile-specialty-group{margin-bottom:15px}.teacher-profile-specialty-group h4{font-size:1rem;font-weight:600;color:#495057;margin-bottom:8px;text-align:center}.teacher-profile-checkbox-group-small{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.teacher-profile-checkbox-label-small{display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid #e9ecef;border-radius:6px;cursor:pointer;transition:all .3s ease;background:#fff;font-size:.8rem}.teacher-profile-checkbox-label-small:hover{border-color:#667eea;background:#f8f9ff}.teacher-profile-checkbox-label-small input[type=checkbox]{margin:0;width:14px;height:14px;accent-color:#667eea}.teacher-profile-checkbox-label-small input[type=checkbox]:checked+.teacher-profile-checkbox-text-small{color:#667eea;font-weight:600}.teacher-profile-checkbox-text-small{font-size:.8rem;color:#495057;transition:all .3s ease}.teacher-profile-tags-small{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.teacher-profile-tag-small{padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500;transition:all .3s ease}.teacher-profile-age-tag-small{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1976d2;border:1px solid #90caf9}.teacher-profile-subject-tag-small{background:linear-gradient(135deg,#f3e5f5,#e1bee7);color:#7b1fa2;border:1px solid #ce93d8}.teacher-profile-no-content-small{color:#6c757d;font-style:italic;font-size:.8rem;text-align:center}.teacher-profile-right-section{flex:1;background:#fff;padding:30px;box-shadow:0 10px 40px #0000001a;overflow-y:auto;display:flex;flex-direction:column}.teacher-profile-edit-button{margin-bottom:20px;text-align:right}.teacher-profile-edit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:600;font-size:16px;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.teacher-profile-edit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.teacher-profile-edit-actions{display:flex;gap:12px;justify-content:flex-end}.teacher-profile-cancel-button{background:#6c757d;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease}.teacher-profile-cancel-button:hover{background:#5a6268;transform:translateY(-1px)}.teacher-profile-save-button{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #28a7454d}.teacher-profile-save-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #28a74566}.teacher-profile-save-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.teacher-profile-sections{flex:1;display:flex;flex-direction:column;gap:25px}.teacher-profile-section{padding-bottom:20px;border-bottom:1px solid #e9ecef}.teacher-profile-section:last-child{border-bottom:none;padding-bottom:0}.teacher-profile-section h2{font-size:1.5rem;font-weight:600;color:#2c3e50;margin-bottom:15px;display:flex;align-items:center;gap:12px}.teacher-profile-section-title{display:flex;align-items:center;gap:12px}.teacher-profile-edit-icon{font-size:1.2rem;opacity:.7}.teacher-profile-description-text{font-size:1rem;line-height:1.6;color:#495057;font-style:italic}.teacher-profile-description-input{width:100%;padding:12px;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;line-height:1.6;font-family:inherit;resize:vertical;min-height:80px;transition:all .3s ease}.teacher-profile-description-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.teacher-profile-specialty-group{margin-bottom:20px}.teacher-profile-specialty-group h3{font-size:1.1rem;font-weight:600;color:#495057;margin-bottom:10px}.teacher-profile-tags{display:flex;flex-wrap:wrap;gap:6px}.teacher-profile-tag{padding:6px 12px;border-radius:16px;font-size:.85rem;font-weight:500;transition:all .3s ease}.teacher-profile-age-tag{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1976d2;border:1px solid #90caf9}.teacher-profile-subject-tag{background:linear-gradient(135deg,#f3e5f5,#e1bee7);color:#7b1fa2;border:1px solid #ce93d8}.teacher-profile-availability-tag{background:linear-gradient(135deg,#e8f5e8,#c8e6c9);color:#388e3c;border:1px solid #a5d6a7}.teacher-profile-no-content{color:#6c757d;font-style:italic;font-size:.9rem}.teacher-profile-checkbox-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.teacher-profile-checkbox-label{display:flex;align-items:center;gap:8px;padding:8px 12px;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;transition:all .3s ease;background:#fff;font-size:.9rem}.teacher-profile-checkbox-label:hover{border-color:#667eea;background:#f8f9ff}.teacher-profile-checkbox-label input[type=checkbox]{margin:0;width:16px;height:16px;accent-color:#667eea}.teacher-profile-checkbox-label input[type=checkbox]:checked+.teacher-profile-checkbox-text{color:#667eea;font-weight:600}.teacher-profile-checkbox-text{font-size:.9rem;color:#495057;transition:all .3s ease}.teacher-profile-credentials-text p{font-size:.95rem;line-height:1.5;color:#495057;background:#f8f9fa;padding:12px;border-radius:8px;border-left:4px solid #28a745}.teacher-profile-credentials-input{width:100%;padding:12px;border:2px solid #e9ecef;border-radius:8px;font-size:.95rem;line-height:1.5;font-family:inherit;resize:vertical;min-height:80px;transition:all .3s ease}.teacher-profile-credentials-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.teacher-profile-demo-video-edit{display:flex;flex-direction:column;gap:6px}.teacher-profile-video-url-input{width:100%;padding:10px 12px;border:2px solid #e9ecef;border-radius:6px;font-size:.9rem;transition:all .3s ease}.teacher-profile-video-url-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.teacher-profile-help-text{font-size:.8rem;color:#6c757d;font-style:italic}.teacher-profile-demo-videos-display{margin-top:12px}.teacher-profile-videos-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:0px;margin-top:5px;max-width:1000px}.teacher-profile-video-container-small{position:relative;width:100%;height:0;padding-bottom:56.25%;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;background:#f8f9fa}.teacher-profile-video-container-small iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.teacher-profile-demo-videos-edit{margin-top:12px}.teacher-profile-video-inputs{display:flex;flex-direction:column;gap:15px;margin-bottom:15px}.teacher-profile-video-input-group{border:1px solid #e9ecef;border-radius:8px;padding:15px;background:#f8f9fa}.teacher-profile-video-input-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.teacher-profile-video-input-header label{font-weight:600;color:#495057;font-size:.9rem}.teacher-profile-remove-video-button{background:#dc3545;color:#fff;border:none;padding:4px 8px;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .3s ease}.teacher-profile-remove-video-button:hover{background:#c82333;transform:translateY(-1px)}.teacher-profile-add-video-button{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:10px}.teacher-profile-add-video-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #28a7454d}.teacher-profile-settings-group{display:flex;flex-direction:column;gap:12px}.teacher-profile-setting-label{display:flex;align-items:center;gap:10px;padding:12px;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;transition:all .3s ease;background:#fff}.teacher-profile-setting-label:hover{border-color:#667eea;background:#f8f9ff}.teacher-profile-setting-label input[type=checkbox]{margin:0;width:16px;height:16px;accent-color:#667eea}.teacher-profile-setting-text{font-size:.95rem;color:#495057;font-weight:500}.teacher-profile-message{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:8px;font-weight:600;box-shadow:0 4px 12px #0003;z-index:1000;animation:teacher-profile-slideIn .3s ease}.teacher-profile-success{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;border:1px solid #c3e6cb}.teacher-profile-error{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24;border:1px solid #f5c6cb}@keyframes teacher-profile-slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.teacher-profile-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;color:#fff}.teacher-profile-loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:teacher-profile-spin 1s linear infinite;margin-bottom:20px}@keyframes teacher-profile-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.teacher-profile-content{flex-direction:column;min-height:100vh}.teacher-profile-left-section{width:100%;flex-direction:row;text-align:left;padding:20px}.teacher-profile-back-button,.teacher-profile-avatar{margin-right:20px;margin-bottom:0}.teacher-profile-stats{flex-direction:row;gap:15px}.teacher-profile-stat{flex:1}}@media (max-width: 768px){.teacher-profile-content{padding:10px;gap:10px}.teacher-profile-left-section{flex-direction:column;text-align:center;padding:20px}.teacher-profile-back-button{margin-right:0;margin-bottom:15px;align-self:center}.teacher-profile-avatar{margin-right:0;margin-bottom:15px}.teacher-profile-stats{flex-direction:column;gap:10px}.teacher-profile-right-section{padding:20px}.teacher-profile-checkbox-group{grid-template-columns:1fr}.teacher-profile-edit-actions{flex-direction:column;gap:8px}.teacher-profile-edit-actions button{width:100%}.teacher-profile-videos-grid{grid-template-columns:1fr;gap:10px}.teacher-profile-video-inputs{gap:10px}.teacher-profile-video-input-group{padding:10px}}@media (max-width: 480px){.teacher-profile-name{font-size:1.5rem}.teacher-profile-section h2{font-size:1.3rem}.teacher-profile-tags{justify-content:center}}.link-request-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;z-index:99999;display:flex;align-items:center;justify-content:center}.link-request-modal-content{background:#fff;border-radius:12px;padding:32px;width:90%;max-width:500px;box-shadow:0 10px 30px #0000004d;position:relative}.link-request-modal-header{margin-bottom:24px;padding-bottom:16px;position:relative;border-bottom:1px solid #eee}.link-request-modal-header h2{margin:0;color:#2c3e50;font-size:24px;padding-right:40px}.link-request-modal-close-button{position:absolute;top:0;right:0;background:none;border:none;font-size:28px;cursor:pointer;color:#666;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.link-request-modal-close-button:hover{background-color:#f0f0f0}.link-request-modal-body{padding:0}.link-request-form-group{margin-bottom:20px}.link-request-form-group:last-of-type{margin-bottom:24px}.link-request-label{display:block;margin-bottom:8px;font-weight:700;color:#333;font-size:15px}.link-request-input,.link-request-textarea,.link-request-select{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:16px;box-sizing:border-box;font-family:inherit;background-color:#fff;color:#333}.link-request-select{padding-right:40px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.link-request-input:focus,.link-request-textarea:focus,.link-request-select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.link-request-input:disabled,.link-request-textarea:disabled,.link-request-select:disabled{background-color:#f5f5f5;cursor:not-allowed}.link-request-textarea{resize:vertical;min-height:100px}.link-request-select:disabled{cursor:not-allowed}.link-request-select option{color:#333}.link-request-select option:first-child{color:#999}.link-request-message{margin-top:20px;padding:12px 16px;border-radius:6px;font-size:15px;font-weight:500;text-align:center;animation:slideDown .3s ease-out}.link-request-message-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.link-request-message-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.link-request-modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #eee}.link-request-button{padding:12px 24px;border:none;border-radius:6px;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .2s,opacity .2s}.link-request-button:disabled{cursor:not-allowed}.link-request-button-cancel{padding:10px 20px;background-color:#6c757d;color:#fff}.link-request-button-cancel:disabled{opacity:.6}.link-request-button-submit{background-color:#007bff;color:#fff}.link-request-button-submit:disabled{background-color:#ccc}.teacher-marketplace{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.marketplace-header{text-align:center;margin-bottom:30px;color:#fff}.marketplace-header h1{font-size:2.5rem;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.marketplace-header p{font-size:1.2rem;opacity:.9;max-width:600px;margin:0 auto}.marketplace-content{display:grid;grid-template-columns:300px 1fr;gap:30px;max-width:1400px;margin:0 auto}.filters-sidebar{background:#fff;padding:25px;border-radius:15px;box-shadow:0 8px 32px #0000001a;height:fit-content;position:sticky;top:20px}.filters-sidebar h3{margin:0 0 20px;color:#333;font-size:1.3rem;border-bottom:2px solid #667eea;padding-bottom:10px}.filter-group{margin-bottom:20px}.filter-group label{display:block;margin-bottom:8px;font-weight:600;color:#555;font-size:.9rem}.search-input,.filter-select{width:100%;padding:10px 12px;border:2px solid #e1e5e9;border-radius:8px;font-size:.9rem;transition:border-color .3s ease}.search-input:focus,.filter-select:focus{outline:none;border-color:#667eea}.clear-filters-btn{width:100%;padding:12px;background:#f8f9fa;border:2px solid #e1e5e9;border-radius:8px;cursor:pointer;font-weight:600;color:#666;transition:all .3s ease}.clear-filters-btn:hover{background:#e9ecef;border-color:#adb5bd}.teachers-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;align-items:start}.teacher-rating{text-align:center;margin-bottom:15px}.stars{margin-bottom:5px}.star{font-size:1.2rem;margin:0 2px}.star.filled{color:#ffc107}.star.half{color:#ffc107;opacity:.7}.star.empty{color:#e0e0e0}.rating-text{font-size:.9rem;color:#666}.teacher-details{display:flex;justify-content:space-between;margin-bottom:15px;padding:10px;background:#f8f9fa;border-radius:8px}.teacher-details p{margin:0;font-size:.9rem;color:#555}.teacher-specialties{margin-bottom:15px}.specialty-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.tag{padding:3px 8px;border-radius:10px;font-size:.75rem;font-weight:600}.age-tag{background:#e3f2fd;color:#1976d2}.subject-tag{background:#f3e5f5;color:#7b1fa2}.teacher-card{background:#fff;border-radius:12px;padding:16px 16px 0;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease,box-shadow .2s ease;border:1px solid #e9ecef;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;height:fit-content;align-self:start}.teacher-card:hover{transform:translateY(-3px);box-shadow:0 4px 16px #00000026}.teacher-avatar{width:100px;height:100px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.teacher-avatar>*{width:100px;height:100px;max-width:100px;max-height:100px}.teacher-avatar img{width:100px;height:100px;border-radius:10px;object-fit:cover}.teacher-avatar .avatar-display{width:100px!important;height:100px!important;border-radius:10px;max-width:100px!important;max-height:100px!important}.teacher-name{text-align:center;margin:0 0 10px;color:#212529;font-size:1.1rem;font-weight:600;line-height:1.3;width:100%}.teacher-age-groups,.teacher-subjects{margin-bottom:8px;width:100%}.teacher-description{font-size:.85rem;color:#666;line-height:1.5;margin-bottom:10px;width:100%;text-align:left;padding:0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden;text-overflow:ellipsis}.teacher-credentials{margin-bottom:12px;width:100%}.credentials{font-size:.8rem;color:#555;background:#f8f9fa;padding:8px;border-radius:6px;border-left:3px solid #667eea;text-align:left}.teacher-actions{text-align:center;width:100%;margin-top:8px;margin-bottom:0;padding-bottom:12px;flex-shrink:0}.request-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 20px;border-radius:20px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.85rem;box-shadow:0 4px 15px #667eea4d;width:100%;max-width:200px;margin:0}.request-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.request-btn:active{transform:translateY(0)}.no-teachers{grid-column:1 / -1;text-align:center;padding:60px 20px;background:#fff;border-radius:15px;box-shadow:0 8px 32px #0000001a}.no-teachers h3{color:#333;margin-bottom:10px}.no-teachers p{color:#666;font-size:1.1rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#fff}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@media (max-width: 1400px){.teachers-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.teachers-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.marketplace-content{grid-template-columns:1fr;gap:20px}.filters-sidebar{position:static}.teachers-grid{grid-template-columns:1fr}.marketplace-header h1{font-size:2rem}.marketplace-header p{font-size:1rem}}@media (max-width: 480px){.teacher-marketplace{padding:10px}.teacher-card{padding:20px}.teacher-avatar,.teacher-avatar img,.teacher-avatar .avatar-display{width:80px;height:80px}.teacher-avatar>*{width:80px;height:80px;max-width:80px;max-height:80px}.teacher-name{font-size:1rem}}.legacy-carousel{width:100%;max-width:1400px;margin:0 auto;position:relative;padding:0 100px}.carousel-container{width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;margin-top:2rem;position:relative;padding:0}.carousel-scroll-indicator{position:absolute;top:50%;transform:translateY(-50%);background:#000000e6;color:#fff;border:3px solid rgba(255,255,255,.6);border-radius:50%;width:60px;height:60px;font-size:2rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:102;transition:all .3s ease;opacity:1;box-shadow:0 6px 20px #00000080}.carousel-scroll-indicator:hover{background:#000000f2;border-color:#ffffffb3;opacity:1;transform:translateY(-50%) scale(1.1);box-shadow:0 6px 20px #00000080}.carousel-scroll-left{left:-120px}.carousel-scroll-right{right:-120px}.carousel-container::-webkit-scrollbar{display:none}.carousel-track{display:flex;gap:1.5rem;padding:0 1rem;min-width:max-content}.carousel-item{background:#000c;border:2px solid rgba(255,255,255,.2);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease;position:relative;z-index:101;opacity:1;visibility:visible;flex-shrink:0;width:220px;min-width:220px;display:flex;align-items:center;justify-content:center}.carousel-item:hover{transform:translateY(-5px);border-color:#fff6;box-shadow:0 16px 48px #0009}.carousel-image{width:100%;height:auto;object-fit:contain;display:block;opacity:1;visibility:visible;transition:transform .3s ease}.carousel-item:hover .carousel-image{transform:scale(1.02)}.carousel-modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:transparent!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;z-index:99999!important;padding:0!important;width:100vw!important;height:100vh!important;overflow:hidden!important;transform:none!important;transform-origin:center center!important}body.modal-open{overflow:hidden!important;position:fixed!important;width:100%!important;height:100%!important}html.modal-open{overflow:hidden!important}.carousel-modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;z-index:999999!important;background-color:#00000080!important;transform:none!important;transform-origin:center center!important;isolation:isolate!important}.carousel-modal{background:transparent!important;border:none!important;border-radius:0!important;width:auto!important;height:auto!important;max-width:90vw!important;max-height:none!important;position:relative!important;overflow:visible!important;margin:0 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important}.modal-close{display:none!important}.modal-content{padding:0!important;display:flex;flex-direction:column;background-color:transparent!important;border:none!important;width:auto!important;height:auto!important}.modal-header{display:none!important}.modal-image-container{position:relative;display:flex;align-items:center;justify-content:center;margin:0;width:auto!important;height:auto!important}.modal-image{max-width:100vw;max-height:70vh;width:auto;height:auto;object-fit:contain;border-radius:0;box-shadow:none}.modal-navigation-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:space-between;align-items:center;width:100vw;max-width:1400px;z-index:1002;pointer-events:none}.modal-nav-button{position:relative;background:#000c;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:50%;width:50px;height:50px;font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;z-index:1002;pointer-events:auto}.modal-nav-button:hover{background:#000000e6;border-color:#fff9;transform:scale(1.1)}.modal-nav-left{margin-right:auto;margin-left:25%}.modal-nav-right{margin-left:auto;margin-right:25%}@media (max-width: 768px){.carousel-item{width:200px;min-width:200px}.modal-image{max-width:85vw;max-height:75vh}.modal-nav-button{width:40px;height:40px;font-size:1.2rem}.modal-navigation-container{width:50vw;max-width:900px}.modal-nav-left{margin-left:-20px}.modal-nav-right{margin-right:-20px}.carousel-scroll-indicator{width:50px;height:50px;font-size:1.4rem}.carousel-scroll-left{left:-60px}.carousel-scroll-right{right:-60px}}@media (max-width: 480px){.carousel-item{width:180px;min-width:180px}.modal-nav-button{width:35px;height:35px;font-size:1rem}.modal-nav-left{margin-left:-15px}.modal-nav-right{margin-right:-15px}.carousel-scroll-indicator{width:45px;height:45px;font-size:1.2rem}.carousel-scroll-left{left:-50px}.carousel-scroll-right{right:-50px}}.fullscreen-scroll-container{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background:transparent!important;color:#fff!important;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif!important;overflow-x:hidden!important;overflow-y:auto!important;z-index:10!important;box-sizing:border-box!important;isolation:isolate!important;contain:layout style!important}.fullscreen-scroll-container *{box-sizing:border-box!important}.fullscreen-scroll-container .container{width:100%!important;max-width:100%!important;margin:0!important;overflow-x:hidden!important;box-sizing:border-box!important;padding:0!important}.fullscreen-scroll-container .hero-section{padding:2rem 1rem!important;min-height:80vh!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;text-align:center!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;font-size:2rem!important;font-weight:700!important;position:relative!important;width:100%!important;overflow:hidden!important;box-sizing:border-box!important;margin:0!important}.fullscreen-scroll-container .hero-section h1{margin-bottom:1rem!important;font-size:2.5rem!important;font-weight:700!important;max-width:90%!important;word-wrap:break-word!important;overflow-wrap:break-word!important;text-align:center!important;box-sizing:border-box!important;padding:0 1rem!important;margin-left:auto!important;margin-right:auto!important}.fullscreen-scroll-container .cta-button{display:inline-block!important;margin-top:1.5rem!important;padding:.75rem 1.5rem!important;background-color:#3b82f6!important;color:#fff!important;font-size:1rem!important;border-radius:9999px!important;text-decoration:none!important;border:none!important;cursor:pointer!important;transition:all .3s ease!important;font-weight:600!important;max-width:90%!important;word-wrap:break-word!important;overflow-wrap:break-word!important;text-align:center!important;box-sizing:border-box!important;margin-left:auto!important;margin-right:auto!important}.fullscreen-scroll-container .cta-button:hover{background-color:#2563eb!important;transform:translateY(-2px)!important}.fullscreen-scroll-container .close-button{position:fixed!important;top:1rem!important;right:1rem!important;background-color:#fff3!important;color:#fff!important;border:none!important;border-radius:50%!important;width:40px!important;height:40px!important;font-size:1.2rem!important;cursor:pointer!important;z-index:1001!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .3s ease!important;box-sizing:border-box!important;margin:0!important;padding:0!important;min-width:40px!important;max-width:40px!important;min-height:40px!important;max-height:40px!important}.fullscreen-scroll-container .close-button:hover{background-color:#ffffff4d!important;transform:scale(1.1)!important}.fullscreen-scroll-container .hero-section-3d{padding:2rem 1rem!important;padding-top:10vh!important;padding-bottom:2vh!important;min-height:90vh!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;text-align:left!important;position:relative!important;z-index:10!important;background:transparent!important;width:100%!important;box-sizing:border-box!important;margin:0!important}.fullscreen-scroll-container .hero-section-3d .hero-grid{display:grid!important;grid-template-columns:.85fr 1.15fr!important;gap:2rem!important;align-items:flex-start!important;max-width:100%!important;width:100%!important;margin:5vh!important;padding-inline:clamp(16px,3vw,40px)!important}.fullscreen-scroll-container .hero-section-3d .hero-left{display:flex!important;flex-direction:column!important;gap:1rem!important;min-width:0!important}.fullscreen-scroll-container .hero-section-3d .hero-right{display:flex!important;flex-direction:column!important;gap:0rem!important;align-items:center!important;justify-content:center!important;min-height:320px!important;min-width:0!important;width:100%!important;padding-inline:clamp(16px,3vw,48px)!important}.fullscreen-scroll-container .hero-section-3d .hero-right-grid{width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(360px,1fr))!important;gap:1.25rem!important;justify-content:start!important;max-width:clamp(720px,52vw,1100px)!important;margin:0!important;padding-inline:clamp(8px,2vw,24px)!important}.fullscreen-scroll-container .hero-section-3d .hero-card{background:#00000080!important;border-radius:12px!important;padding:1.25rem!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;box-shadow:0 12px 30px #00000059!important}.fullscreen-scroll-container .hero-section-3d .hero-card-image{width:100%!important;aspect-ratio:16/10!important;border-radius:10px!important;overflow:hidden!important;background:#ffffff0f!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-bottom:.75rem!important}.fullscreen-scroll-container .hero-section-3d .hero-card-image img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center top!important;border-radius:8px!important}.fullscreen-scroll-container .hero-section-3d .hero-card ul{list-style:disc!important;padding:10%!important;margin:0!important;display:grid!important;gap:.4rem!important;text-align:left!important;font-size:1.5rem!important}.fullscreen-scroll-container .hero-section-3d .hero-card h3{justify-content:center!important;margin:0!important;display:grid!important;gap:.4rem!important;text-align:left!important;font-size:1.3rem!important}.fullscreen-scroll-container .hero-section-3d .hero-cta-wrap{width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-top:1rem!important}.fullscreen-scroll-container .hero-section-3d .hero-title{font-size:clamp(5rem,4vw,14rem)!important;line-height:1.05!important;font-weight:900!important;margin:0 0 .6rem!important;letter-spacing:.5px!important;color:#fff!important;text-shadow:0 4px 22px rgba(0,0,0,.55)!important;font-family:Orbitron,system-ui,-apple-system,sans-serif!important}.fullscreen-scroll-container .hero-section-3d .hero-title .word{position:relative!important;display:inline-block!important;margin-right:.5ch!important;white-space:nowrap!important;transition:transform .12s ease,text-shadow .12s ease!important;color:inherit!important;font:inherit!important}.fullscreen-scroll-container .hero-section-3d .hero-title .word:hover{animation:word-jitter .22s ease-in-out 1;text-shadow:2px 0 rgba(99,102,241,.9),-2px 0 rgba(16,185,129,.9),0 2px 12px rgba(0,0,0,.6)!important;transform:translateZ(0) scale(1.04)}@keyframes word-jitter{0%{transform:translate(0) skew(0)}33%{transform:translate(.5px,-.5px) skew(.3deg)}66%{transform:translate(-.5px,.5px) skew(-.3deg)}to{transform:translate(0) skew(0)}}.fullscreen-scroll-container .hero-section-3d h1.hero-title{background:none!important;-webkit-text-fill-color:currentColor!important;color:#fff!important}@keyframes blur{0%,40%,50%,60%,90%,95%,to{text-shadow:0 -5px 10px rgba(255,255,255,1),0 0 5px rgba(255,255,255,0),0 0 10px rgba(255,255,255,0),2px 1px 15px rgba(100,240,255,0),0 0 20px rgba(255,255,255,0)}45%,75%{text-shadow:0 -5px 10px rgba(255,255,255,1),0 0 5px rgba(255,255,255,1),0 0 10px rgba(255,255,255,1),2px 1px 15px rgba(100,240,255,1),0 0 20px rgba(255,255,255,1)}97.5%{text-shadow:0 -5px 10px rgba(255,255,255,0),0 0 5px rgba(255,255,255,0),0 0 10px rgba(255,255,255,0),2px 1px 4px rgba(255,100,100,1),0 0 20px rgba(255,255,255,0)}}@keyframes noise-anim-2{0%{clip:rect(10px,9999px,20px,0)}10%{clip:rect(50px,9999px,80px,0)}20%{clip:rect(20px,9999px,65px,0)}30%{clip:rect(70px,9999px,90px,0)}40%{clip:rect(40px,9999px,60px,0)}50%{clip:rect(15px,9999px,35px,0)}60%{clip:rect(80px,9999px,110px,0)}70%{clip:rect(25px,9999px,55px,0)}80%{clip:rect(60px,9999px,85px,0)}90%{clip:rect(5px,9999px,25px,0)}to{clip:rect(35px,9999px,75px,0)}}@keyframes shift{0%,40%,44%,58%,61%,65%,69%,73%,to{transform:skew(0)}41%{transform:skew(10deg)}42%{transform:skew(-10deg)}59%{transform:skew(40deg) skewY(10deg)}60%{transform:skew(-40deg) skewY(-10deg)}63%{transform:skew(10deg) skewY(-5deg)}70%{transform:skew(-50deg) skewY(-20deg)}71%{transform:skew(10deg) skewY(-10deg)}}.fullscreen-scroll-container .hero-section-3d .hero-subtitle,.fullscreen-scroll-container .hero-section-3d .hero-credibility{font-size:1.4rem!important;color:#fffffff2!important;background:#00000073!important;padding:1rem 1.25rem!important;border-radius:12px!important;-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important;max-width:56ch!important}.fullscreen-scroll-container .hero-section-3d .hero-credibility{font-size:1.3rem!important}.fullscreen-scroll-container .hero-section-3d .hero-cta-primary{font-size:1.5rem!important;padding:1.5rem 3rem!important;margin-top:2rem!important;background:linear-gradient(45deg,#ff6b6b,#feca57)!important;border:none!important;border-radius:50px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:1px!important;box-shadow:0 10px 30px #ff6b6b66!important;transition:all .3s ease!important}.fullscreen-scroll-container .hero-section-3d .hero-cta-primary:hover{transform:translateY(-3px)!important;box-shadow:0 15px 40px #ff6b6b99!important;background:linear-gradient(45deg,#ff5252,#ffb74d)!important}.fullscreen-scroll-container .hero-section-3d .hero-points{list-style:none!important;padding:0!important;margin:.5rem 0 0!important;display:grid!important;grid-template-columns:1fr!important;gap:.5rem!important}.fullscreen-scroll-container .hero-section-3d .hero-points li{font-size:1.1rem!important;background:#0006!important;padding:.6rem .8rem!important;border-radius:10px!important}@media (max-width: 992px){.fullscreen-scroll-container .hero-section-3d .hero-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.fullscreen-scroll-container .hero-section-3d .hero-title{font-size:clamp(2.2rem,10vw,4rem)!important}.fullscreen-scroll-container .hero-section-3d .hero-subtitle,.fullscreen-scroll-container .hero-section-3d .hero-credibility{max-width:100%!important}}.fullscreen-scroll-container .hero-section-3d h1{background:transparent!important;padding:0!important;border-radius:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.fullscreen-scroll-container .hero-section-3d p{background:#00000080!important;padding:1rem 2rem!important;border-radius:10px!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.fullscreen-scroll-container .hero-section-3d button{background:linear-gradient(45deg,#667eea,#764ba2)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.fullscreen-scroll-container .section{padding:1.5rem!important;min-height:50vh!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;text-align:center!important;position:relative!important;z-index:10!important;background:transparent!important;margin:.25rem 0!important}.fullscreen-scroll-container .section .section-heading{display:inline-block!important;background:#000!important;color:#fff!important;padding:1.5rem 2.2rem!important;border-radius:14px!important;font-size:clamp(2.5rem,5.2vw,4.2rem)!important;line-height:1.15!important;font-weight:900!important;letter-spacing:.5px!important;margin-bottom:1.5rem!important}.fullscreen-scroll-container .section .section-heading .kw{color:#00bc48!important}.fullscreen-scroll-container .section .section-subtitle{color:#fff!important;font-size:clamp(1.4rem,2.6vw,1.8rem)!important;opacity:.95!important;margin:.3rem 0 1.8rem!important}.fullscreen-scroll-container .section .section-copy{max-width:1100px!important;text-align:left!important;font-size:clamp(1.5rem,2.6vw,1.7rem)!important;line-height:1.8!important;color:#fffffff2!important;background:#000000b3!important;padding:1.8rem 2.4rem!important;border-radius:12px!important;-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important}.fullscreen-scroll-container .placeholder{width:100%!important;max-width:1200px!important;min-height:260px!important;border:2px dashed rgba(255,255,255,.5)!important;border-radius:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#ffffffe6!important;font-size:1.1rem!important;padding:1rem!important;margin-top:1.5rem!important;background:#00000040!important}.fullscreen-scroll-container .placeholder.small{min-height:180px!important}.fullscreen-scroll-container .placeholder.tall{min-height:360px!important}.fullscreen-scroll-container .feature-icons{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:2rem!important;margin-top:2rem!important;width:100%!important;max-width:1200px!important;margin-left:auto!important;margin-right:auto!important}.fullscreen-scroll-container .feature-icons .icon-chip{background:#00000080!important;color:#fff!important;border-radius:999px!important;padding:.75rem 1rem!important;font-weight:700!important;text-align:center!important}.fullscreen-scroll-container .feature-video-container{display:flex!important;flex-direction:column!important;align-items:center!important;gap:.75rem!important;background:#00000080!important;border-radius:12px!important;padding:1.5rem!important;-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important;transition:all .3s ease!important;min-width:300px!important}.fullscreen-scroll-container .feature-video-container:hover{background:#000000b3!important;transform:translateY(-2px)!important;box-shadow:0 8px 25px #0000004d!important}.fullscreen-scroll-container .feature-video-container h4{color:#fff!important;font-size:1.4rem!important;font-weight:700!important;text-align:center!important;margin:0!important;text-transform:uppercase!important;letter-spacing:.5px!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:3rem!important}.fullscreen-scroll-container .feature-video{width:100%!important;max-width:450px!important;height:auto!important;border-radius:8px!important;box-shadow:0 4px 15px #0000004d!important;transition:all .3s ease!important}.fullscreen-scroll-container .feature-video:hover{transform:scale(1.05)!important;box-shadow:0 8px 25px #0006!important}.fullscreen-scroll-container .bulleted-copy{text-align:left!important;max-width:1100px!important;font-size:clamp(1.1rem,2vw,1.35rem)!important;line-height:1.8!important;color:#fffffff2!important;background:#00000073!important;padding:1.25rem 1.5rem!important;border-radius:12px!important;-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important}.fullscreen-scroll-container .cards-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;gap:1rem!important;width:100%!important;max-width:1100px!important;margin-top:1rem!important}.fullscreen-scroll-container .quote-card{background:#000000b3!important;border-radius:12px!important;padding:1.5rem!important}.fullscreen-scroll-container .quote-card .quote-content p{font-size:1.3rem!important;line-height:1.6!important;color:#fffffff2!important;margin-bottom:1rem!important}.fullscreen-scroll-container .quote-card .quote-author{font-size:1.1rem!important;font-weight:600!important;color:#00bc48!important}.fullscreen-scroll-container .cta-primary{font-size:1.2rem!important;padding:1rem 2rem!important;background:linear-gradient(45deg,#00bc48,#00d85a)!important;color:#fff!important;border:none!important;border-radius:50px!important;cursor:pointer!important;font-weight:800!important}.fullscreen-scroll-container .section h2{background:#000000b3!important;padding:1.5rem 2rem!important;border-radius:15px!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;margin-bottom:1.5rem!important;font-size:1.8rem!important;line-height:1.4!important}.fullscreen-scroll-container .section p,.fullscreen-scroll-container .section ul{background:#000000b3!important;padding:1.5rem 2rem!important;border-radius:10px!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;font-size:1.2rem!important;line-height:1.6!important}.fullscreen-scroll-container .comparison-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:2rem!important;max-width:1200px!important;width:100%!important;margin-top:2rem!important}.fullscreen-scroll-container .tools-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:3rem!important;max-width:1200px!important;width:100%!important;margin-top:2rem!important}.fullscreen-scroll-container .tools-side{background:#000000b3!important;border-radius:15px!important;padding:2rem!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.fullscreen-scroll-container .tools-side h3{color:#00bc48!important;font-size:1.8rem!important;font-weight:700!important;margin-bottom:1.5rem!important;text-align:center!important;text-transform:uppercase!important;letter-spacing:.5px!important}.fullscreen-scroll-container .avatar-character-grid{display:grid!important;grid-template-columns:repeat(8,1fr)!important;grid-template-rows:repeat(2,1fr)!important;gap:1rem!important;max-width:1200px!important;width:100%!important;margin:2rem auto 0!important;justify-content:center!important;align-items:center!important}.fullscreen-scroll-container .character-box{display:flex!important;flex-direction:column!important;align-items:center!important;gap:.5rem!important;background:#000000b3!important;border-radius:12px!important;padding:1rem .5rem!important;-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important;transition:all .3s ease!important;border:2px solid rgba(255,255,255,.1)!important}.fullscreen-scroll-container .character-box:hover{background:#000c!important;border-color:#ffffff4d!important;transform:translateY(-2px)!important;box-shadow:0 8px 25px #0000004d!important}.fullscreen-scroll-container .character-image{width:150px!important;height:150px!important;object-fit:contain!important;border-radius:8px!important;background:#ffffff1a!important;border:2px solid rgba(255,255,255,.2)!important;transition:all .3s ease!important}.fullscreen-scroll-container .character-box:hover .character-image{border-color:#fff6!important}.fullscreen-scroll-container .character-name{color:#ffffffe6!important;font-size:1rem!important;font-weight:600!important;text-align:center!important;line-height:1.2!important}.fullscreen-scroll-container .comparison-card{padding:2rem!important;background:#00000080!important;border-radius:1rem!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.fullscreen-scroll-container .comparison-card h3{background:#0000004d!important;padding:.5rem 1rem!important;border-radius:8px!important;margin-bottom:1rem!important}.fullscreen-scroll-container .templates-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;gap:2rem!important;max-width:1200px!important;width:100%!important;margin-top:2rem!important}.fullscreen-scroll-container .template-preview{padding:1.5rem!important;background:#00000080!important;border-radius:1rem!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.fullscreen-scroll-container .template-preview h4{background:#0000004d!important;padding:.5rem 1rem!important;border-radius:8px!important;margin:1rem 0 .5rem!important}.fullscreen-scroll-container .video-placeholder{width:100%!important;height:200px!important;background-color:transparent!important;border-radius:.5rem!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-bottom:1rem!important;font-size:1.2rem!important;border:2px dashed rgba(255,255,255,.3)!important}.fullscreen-scroll-container .template-cards-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:1.5rem!important;max-width:1400px!important;width:100%!important;margin:2rem auto!important;padding:0 1rem!important;position:relative!important;z-index:100!important}.fullscreen-scroll-container .template-cards-grid .template-card{background:#000c!important;border-radius:12px!important;overflow:hidden!important;transition:transform .3s ease!important;border:2px solid rgba(255,255,255,.2)!important;box-shadow:0 8px 32px #00000080!important;position:relative!important;z-index:101!important;opacity:1!important;visibility:visible!important}.fullscreen-scroll-container .template-cards-grid .template-card:hover{transform:translateY(-5px)!important;box-shadow:0 16px 48px #0009!important;border-color:#fff6!important}.fullscreen-scroll-container .template-cards-grid .template-card img,.fullscreen-scroll-container .template-cards-grid .template-card .template-video{width:100%!important;height:180px!important;object-fit:cover!important;display:block!important;opacity:1!important;visibility:visible!important}.fullscreen-scroll-container .template-cards-grid .template-card .template-video{background:#000!important;border-radius:0!important;transition:all .3s ease!important;position:relative!important;cursor:pointer!important}.fullscreen-scroll-container .template-cards-grid .template-card:hover .template-video{transform:scale(1.02)!important}.fullscreen-scroll-container .template-cards-grid .template-card h4{margin:0!important;padding:1rem 1rem .5rem!important;font-size:1.1rem!important;font-weight:600!important;color:#fff!important;opacity:1!important;visibility:visible!important;text-shadow:1px 1px 2px rgba(0,0,0,.8)!important}.fullscreen-scroll-container .template-cards-grid .template-card p{margin:0!important;padding:0 1rem 1rem!important;font-size:.9rem!important;color:#ffffffe6!important;line-height:1.4!important;opacity:1!important;visibility:visible!important;text-shadow:1px 1px 2px rgba(0,0,0,.8)!important}.fullscreen-scroll-container .template-cards-grid .coming-soon-card{background:linear-gradient(135deg,#000c,#667eea4d)!important;border:2px dashed rgba(255,255,255,.3)!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:268px!important;position:relative!important;z-index:101!important;opacity:1!important;visibility:visible!important;transition:all .3s ease!important}.fullscreen-scroll-container .template-cards-grid .coming-soon-card:hover{background:linear-gradient(135deg,#000000e6,#667eea66)!important;border-color:#ffffff80!important;transform:translateY(-5px)!important}.fullscreen-scroll-container .template-cards-grid .coming-soon-content{text-align:center!important;padding:2rem!important}.fullscreen-scroll-container .template-cards-grid .coming-soon-icon{font-size:3rem!important;margin-bottom:1rem!important;animation:pulse 2s infinite!important}.fullscreen-scroll-container .template-cards-grid .coming-soon-content h4{font-size:1.2rem!important;margin-bottom:.5rem!important;color:#fff!important;text-shadow:1px 1px 2px rgba(0,0,0,.8)!important;opacity:1!important;visibility:visible!important}.fullscreen-scroll-container .template-cards-grid .coming-soon-content p{font-size:.9rem!important;color:#fffc!important;text-shadow:1px 1px 2px rgba(0,0,0,.8)!important;opacity:1!important;visibility:visible!important;line-height:1.4!important}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.fullscreen-scroll-container .template-cards-grid .template-card{animation:fadeInUp .6s ease-out forwards!important;opacity:1!important;transform:translateY(0)!important}.fullscreen-scroll-container .template-cards-grid .template-card:nth-child(1){animation-delay:.1s!important}.fullscreen-scroll-container .template-cards-grid .template-card:nth-child(2){animation-delay:.2s!important}.fullscreen-scroll-container .template-cards-grid .template-card:nth-child(3){animation-delay:.3s!important}.fullscreen-scroll-container .template-cards-grid .template-card:nth-child(4){animation-delay:.4s!important}.fullscreen-scroll-container .template-cards-grid .template-card:nth-child(5){animation-delay:.5s!important}.fullscreen-scroll-container .template-cards-grid .template-card:nth-child(6){animation-delay:.6s!important}.fullscreen-scroll-container .template-cards-grid .template-card:nth-child(7){animation-delay:.7s!important}.fullscreen-scroll-container .template-cards-grid .template-card:nth-child(8){animation-delay:.8s!important}.fullscreen-scroll-container .template-cards-grid .template-card:nth-child(9){animation-delay:.9s!important}.fullscreen-scroll-container .template-cards-grid .template-card:nth-child(10){animation-delay:1s!important}.fullscreen-scroll-container .template-cards-grid .template-card:nth-child(11){animation-delay:1.1s!important}.fullscreen-scroll-container .template-cards-grid .template-card:nth-child(12){animation-delay:1.2s!important}.fullscreen-scroll-container .template-cards-grid .template-card:nth-child(13){animation-delay:1.3s!important}.fullscreen-scroll-container .template-cards-grid .template-card:nth-child(14){animation-delay:1.4s!important}.fullscreen-scroll-container .template-cards-grid .template-card:nth-child(15){animation-delay:1.5s!important}.fullscreen-scroll-container .template-cards-grid .template-card:nth-child(16){animation-delay:1.6s!important}.fullscreen-scroll-container .template-cards-grid .template-card:nth-child(17){animation-delay:1.7s!important}@keyframes fadeInUp{to{opacity:1!important;transform:translateY(0)!important}}.fullscreen-scroll-container .testimonials-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:2rem!important;max-width:1200px!important;width:100%!important;margin-top:2rem!important}.fullscreen-scroll-container .testimonial{padding:2rem!important;background:#00000080!important;border-radius:1rem!important;font-style:italic!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.fullscreen-scroll-container .testimonial footer{background:#0000004d!important;padding:.5rem 1rem!important;border-radius:8px!important;margin-top:1rem!important;font-style:normal!important}.fullscreen-scroll-container .services-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:2rem!important;max-width:1200px!important;margin:0 auto!important}.fullscreen-scroll-container .service-block{padding:1.5rem!important;background:#00000080!important;color:#fff!important;border-radius:.75rem!important;box-shadow:0 25px 50px -12px #00000040!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;opacity:0!important}.fullscreen-scroll-container .rewards-preview,.fullscreen-scroll-container .avatar-demo,.fullscreen-scroll-container .tools-demo,.fullscreen-scroll-container .builder-demo,.fullscreen-scroll-container .upcoming-features-preview{background:#00000080!important;padding:2rem!important;border-radius:15px!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.fullscreen-scroll-container .countdown-placeholder{background:#00000080!important;border-radius:15px!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.fullscreen-scroll-container .cta-button{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;box-shadow:0 10px 30px #0000004d!important}@media (max-width: 768px){.fullscreen-scroll-container .hero-section{padding:2rem 1rem!important;font-size:1.5rem!important}.fullscreen-scroll-container .hero-section h1{font-size:2rem!important}.fullscreen-scroll-container .countdown-container{font-size:2.5rem!important;height:3rem!important}.fullscreen-scroll-container .hero-rocket{width:6rem!important}.fullscreen-scroll-container .flame-container{width:18rem!important;height:18rem!important;margin-top:-17rem!important}.fullscreen-scroll-container .cta-button{font-size:.9rem!important;padding:.6rem 1.2rem!important}.fullscreen-scroll-container .template-cards-grid{grid-template-columns:repeat(2,1fr)!important;gap:1rem!important;padding:0 .5rem!important}.fullscreen-scroll-container .tools-grid{grid-template-columns:1fr!important;gap:2rem!important}.fullscreen-scroll-container .tools-side h3{font-size:1.6rem!important}.fullscreen-scroll-container .avatar-character-grid{grid-template-columns:repeat(6,1fr)!important;grid-template-rows:repeat(3,1fr)!important;gap:.75rem!important;max-width:600px!important}.fullscreen-scroll-container .character-image{width:65px!important;height:65px!important}.fullscreen-scroll-container .character-name{font-size:.7rem!important}.fullscreen-scroll-container .feature-icons{grid-template-columns:repeat(3,1fr)!important;gap:1.5rem!important;max-width:100%!important}.fullscreen-scroll-container .feature-video-container{min-width:250px!important;padding:1.25rem!important}.fullscreen-scroll-container .feature-video-container h4{font-size:1.2rem!important;min-height:2.5rem!important}.fullscreen-scroll-container .feature-video{max-width:280px!important}}@media (max-width: 480px){.fullscreen-scroll-container .template-cards-grid{grid-template-columns:1fr!important;gap:1rem!important}.fullscreen-scroll-container .tools-side h3{font-size:1.4rem!important}.fullscreen-scroll-container .avatar-character-grid{grid-template-columns:repeat(4,1fr)!important;grid-template-rows:repeat(4,1fr)!important;gap:.5rem!important;max-width:400px!important}.fullscreen-scroll-container .character-image{width:55px!important;height:55px!important}.fullscreen-scroll-container .character-name{font-size:.6rem!important}.fullscreen-scroll-container .feature-icons{grid-template-columns:1fr!important;gap:1.5rem!important;max-width:400px!important}.fullscreen-scroll-container .feature-video-container{min-width:280px!important;padding:1rem!important}.fullscreen-scroll-container .feature-video-container h4{font-size:1.1rem!important;min-height:2.5rem!important}.fullscreen-scroll-container .feature-video{max-width:320px!important}}.fullscreen-scroll-container .final-cta-section{position:relative!important;z-index:1000!important;background:#000c!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border-radius:20px!important;margin:2rem auto!important;max-width:800px!important;padding:3rem 2rem!important;text-align:center!important}.fullscreen-scroll-container .final-cta-section .final-cta-button{font-size:1.8rem!important;padding:1.5rem 6rem!important;background:linear-gradient(45deg,#00bc48,#00d85a)!important;color:#fff!important;border:none!important;border-radius:50px!important;cursor:pointer!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:1px!important;box-shadow:0 15px 40px #00bc4866!important;transition:all .3s ease!important;margin-top:2rem!important;display:inline-block!important;text-decoration:none!important;outline:none!important}.fullscreen-scroll-container .final-cta-section .final-cta-button:hover{transform:translateY(-3px)!important;box-shadow:0 20px 50px #00bc4899!important;background:linear-gradient(45deg,#00a040,#00c050)!important;color:#fff!important}.pricing-page{min-height:100vh;background:#f8f9fa;padding:40px 20px}.pricing-container{max-width:1200px;margin:0 auto}.pricing-container h1{text-align:center;font-size:2.5em;margin-bottom:10px;color:#333}.pricing-subtitle{text-align:center;font-size:1.1em;color:#666;margin-bottom:30px}.early-access-notice{background:linear-gradient(135deg,#fff3cd,#ffe69c);border:2px solid #ffc107;border-radius:12px;padding:20px;margin-bottom:30px;box-shadow:0 4px 12px #ffc10733}.early-access-notice-content{text-align:center}.early-access-notice-content h3{margin:0 0 12px;color:#856404;font-size:1.3em;font-weight:600}.early-access-notice-content p{margin:8px 0;color:#856404;font-size:1em;line-height:1.5}.early-access-notice-content p:last-child{margin-bottom:0}.current-plan-badge{text-align:center;background:#d1ecf1;border:1px solid #bee5eb;border-radius:8px;padding:12px;margin-bottom:30px;color:#0c5460}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;padding:12px;margin-bottom:20px;color:#721c24;text-align:center}.plan-section{margin-bottom:60px}.plan-section-title{font-size:2em;margin-bottom:10px;color:#333}.plan-section-description{color:#666;margin-bottom:30px;font-size:1.1em}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:40px}.pricing-card{background:#fff;border:2px solid #dee2e6;border-radius:12px;padding:32px;position:relative;transition:transform .2s,box-shadow .2s}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.pricing-card.featured{border-color:#007bff;box-shadow:0 4px 12px #007bff26}.plan-name{font-size:1.5em;font-weight:600;margin-bottom:16px;color:#333}.plan-price{font-size:3em;font-weight:700;color:#007bff;margin-bottom:8px}.price-period{font-size:.4em;color:#666;font-weight:400}.plan-description{color:#666;margin-bottom:24px;font-size:.95em}.plan-features{list-style:none;padding:0;margin:0 0 32px}.plan-features li{padding:8px 0;color:#333;font-size:.95em}.subscribe-btn{width:100%;padding:14px 24px;font-size:1.1em;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:background .2s;background:#6c757d;color:#fff}.subscribe-btn:not(:disabled):hover{background:#5a6268}.subscribe-btn.primary{background:#007bff}.subscribe-btn.primary:not(:disabled):hover{background:#0056b3}.subscribe-btn:disabled{opacity:.6;cursor:not-allowed}.free-plan-info{background:#fff;border:2px solid #dee2e6;border-radius:12px;padding:32px;margin-top:40px;text-align:center}.free-plan-info h3{font-size:1.8em;margin-bottom:16px;color:#333}.free-plan-info p{color:#666;margin-bottom:16px}.free-plan-info ul{list-style:none;padding:0;text-align:left;max-width:500px;margin:20px auto}.free-plan-info li{padding:8px 0;color:#333}@media (max-width: 768px){.pricing-grid{grid-template-columns:1fr}.pricing-container h1{font-size:2em}.plan-price{font-size:2.5em}.checkout-modal{max-width:100%}.checkout-modal-content{padding:20px}}.plan-info{background:#f8f9fa;border-radius:8px;padding:20px;margin-bottom:20px}.plan-info.loading{text-align:center;padding:40px}.plan-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.plan-header h3{margin:0;font-size:1.2em;color:#333}.upgrade-button{background:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:.9em}.upgrade-button:hover{background:#0056b3}.plan-details{display:flex;gap:24px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #dee2e6}.plan-stat{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:.85em;color:#666}.stat-value{font-size:1.1em;font-weight:600;color:#333}.plan-limits,.plan-benefits{margin-top:16px}.plan-limits h4,.plan-benefits h4{margin:0 0 12px;font-size:1em;color:#333}.limit-item{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:.9em}.limit-label{flex:1;color:#666}.limit-value{font-weight:600;color:#333}.limit-value.at-limit{color:#dc3545}.limit-warning{color:#dc3545;font-size:.85em}.upgrade-prompt{background:#fff3cd;border:1px solid #ffc107;border-radius:4px;padding:12px;margin-top:12px;text-align:center}.upgrade-prompt p{margin:0 0 8px;color:#856404}.upgrade-prompt button{background:#007bff;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:.9em}.upgrade-prompt button:hover{background:#0056b3}.plan-benefits ul{list-style:none;padding:0;margin:0}.plan-benefits li{padding:6px 0;color:#333;font-size:.9em}html:has(.plan-info-page),body:has(.plan-info-page),#english-universe-root:has(.plan-info-page){overflow:auto!important;height:auto!important;max-height:none!important}.plan-info-page{min-height:100vh;background:#f8f9fa;padding:40px 20px 100px;overflow-y:visible;overflow-x:hidden;position:relative;width:100%;height:auto}.plan-info-page.loading{display:flex;align-items:center;justify-content:center;font-size:1.2em;color:#666}.plan-info-container{max-width:1400px;margin:0 auto;padding-bottom:60px;width:100%;position:relative}.plan-info-container h1{text-align:center;font-size:2.5em;margin-bottom:10px;color:#333}.page-subtitle{text-align:center;font-size:1.1em;color:#666;margin-bottom:40px}.billing-toggle-container{display:flex;justify-content:center;margin-bottom:40px}.billing-toggle{display:inline-flex;background:#fff;border:2px solid #dee2e6;border-radius:12px;padding:4px;gap:4px}.toggle-option{padding:12px 32px;border:none;background:transparent;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:all .2s;color:#666;position:relative}.toggle-option.active{background:#007bff;color:#fff}.toggle-option:hover:not(.active){background:#f8f9fa}.save-badge{display:block;font-size:.7em;font-weight:400;margin-top:2px;opacity:.9}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:60px}.plan-card{background:#fff;border:2px solid #dee2e6;border-radius:16px;padding:32px;position:relative;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.plan-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.plan-card.featured{border-color:#007bff;box-shadow:0 4px 12px #007bff26;transform:scale(1.05)}.plan-card.current{border-color:#28a745;background:#f8fff9}.current-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#28a745;color:#fff;padding:6px 20px;border-radius:20px;font-size:.85em;font-weight:600}.popular-badge{position:absolute;top:-12px;right:20px;background:#007bff;color:#fff;padding:6px 16px;border-radius:20px;font-size:.85em;font-weight:600}.plan-name{font-size:1.8em;font-weight:700;margin-bottom:16px;color:#333;text-align:center}.plan-price-container{text-align:center;margin-bottom:8px}.original-price{font-size:1.5em;font-weight:500;color:#999;text-decoration:line-through;margin-bottom:4px;text-align:center}.plan-price{font-size:3em;font-weight:700;color:#007bff;margin-bottom:8px;text-align:center}.price-period{font-size:.35em;color:#666;font-weight:400}.savings-text{text-align:center;color:#28a745;font-weight:600;font-size:.95em;margin-bottom:8px;margin-top:4px}.plan-subtitle{text-align:center;color:#666;margin-bottom:24px;font-size:.95em;min-height:40px}.plan-features{list-style:none;padding:0;margin:0 0 auto;flex-grow:1}.plan-features li{padding:10px 0;color:#333;font-size:.95em}.plan-btn{width:100%;padding:16px 24px;font-size:1.1em;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:background .2s;background:#6c757d;color:#fff;margin-top:24px}.plan-btn:not(:disabled):hover{background:#5a6268}.plan-btn.primary{background:#007bff}.plan-btn.primary:not(:disabled):hover{background:#0056b3}.plan-btn:disabled{opacity:.6;cursor:not-allowed}.current-plan-section{background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 8px #0000001a;margin-top:40px;margin-bottom:40px;min-height:200px}.plan-info-page *{box-sizing:border-box}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;padding:12px;margin:20px 0;color:#721c24;text-align:center}@media (max-width: 1024px){.plans-grid{grid-template-columns:1fr;max-width:500px;margin-left:auto;margin-right:auto}.plan-card.featured{transform:scale(1)}}@media (max-width: 768px){.plan-info-container h1{font-size:2em}.plan-price{font-size:2.5em}.billing-toggle{width:100%;max-width:300px}.toggle-option{flex:1;padding:10px 20px}}.checkout-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.checkout-modal{background:#fff;border-radius:12px;max-width:500px;width:100%;box-shadow:0 8px 32px #0000004d}.checkout-modal-content{padding:30px}.checkout-modal-content h3{margin:0 0 20px;color:#856404;font-size:1.5em;font-weight:600;text-align:center}.checkout-notice-text{margin-bottom:20px}.checkout-notice-text p{margin:10px 0;color:#333;line-height:1.6;font-size:1em}.checkout-checkbox{margin:20px 0;padding:15px;background:#fff3cd;border-radius:8px;border:1px solid #ffc107}.checkout-checkbox label{display:flex;align-items:center;gap:12px;cursor:pointer;color:#856404;font-size:1em;font-weight:500}.checkout-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#ffc107}.checkout-checkbox a{color:#667eea;text-decoration:none;font-weight:600}.checkout-checkbox a:hover{text-decoration:underline}.checkout-modal-actions{display:flex;gap:12px;margin-top:24px}.checkout-modal-cancel,.checkout-modal-proceed{flex:1;padding:12px 24px;font-size:1em;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.checkout-modal-cancel{background:#6c757d;color:#fff}.checkout-modal-cancel:hover:not(:disabled){background:#5a6268}.checkout-modal-proceed{background:#007bff;color:#fff}.checkout-modal-proceed:hover:not(:disabled){background:#0056b3}.checkout-modal-cancel:disabled,.checkout-modal-proceed:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.checkout-modal{max-width:100%}.checkout-modal-content{padding:20px}}.purchase-credits{max-width:1200px;margin:40px auto;padding:0 20px}.purchase-header{text-align:center;margin-bottom:40px}.purchase-header h1{font-size:32px;margin-bottom:12px;color:#333}.purchase-header .subtitle{font-size:16px;color:#666;max-width:600px;margin:0 auto}.credit-packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:40px}.pack-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:24px;text-align:center;position:relative;transition:transform .2s,box-shadow .2s}.pack-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.pack-card.popular{border-color:#2196f3}.pack-card.best-value{border-color:#4caf50}.badge{position:absolute;top:-12px;right:20px;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.popular-badge{background:#2196f3;color:#fff}.best-value-badge{background:#4caf50;color:#fff}.pack-card h3{margin:0 0 16px;font-size:24px;color:#333}.pack-card .price{font-size:36px;font-weight:700;color:#2196f3;margin-bottom:8px}.pack-card .credits{font-size:20px;font-weight:600;color:#333;margin-bottom:8px}.pack-card .per-credit{font-size:14px;color:#666;margin-bottom:16px}.pack-card .estimated-classes{font-size:13px;color:#666;margin-bottom:20px;padding:8px;background:#f5f5f5;border-radius:4px}.purchase-btn{width:100%;padding:12px;background:#2196f3;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.purchase-btn:hover:not(:disabled){background:#1976d2}.purchase-btn:disabled{background:#ccc;cursor:not-allowed}.info-section{background:#f5f5f5;border-radius:8px;padding:24px;margin-top:40px}.info-section h3{margin:0 0 16px;color:#333}.info-section ul{margin:0;padding-left:24px;color:#666}.info-section li{margin-bottom:8px}.loading{text-align:center;padding:60px;color:#666;font-size:18px}.legal-page{min-height:100vh;background-color:#f5f5f5;padding:40px 20px}.legal-container{max-width:900px;margin:0 auto;background-color:#fff;padding:40px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.legal-container h1{font-size:2.5em;margin-bottom:10px;color:#333}.legal-last-updated{color:#666;font-style:italic;margin-bottom:5px;font-size:.9em}.legal-effective-date{color:#666;font-style:italic;margin-bottom:30px;font-size:.9em}.legal-container section{margin-bottom:40px}.legal-container section:last-child{margin-bottom:0}.legal-container h2{font-size:1.5em;margin-top:0;margin-bottom:15px;color:#444;border-bottom:2px solid #e0e0e0;padding-bottom:10px}.legal-container p{line-height:1.8;margin-bottom:15px;color:#555}.legal-container ul,.legal-container ol{margin-left:20px;margin-bottom:15px;line-height:1.8}.legal-container li{margin-bottom:8px;color:#555}.legal-container strong{color:#333;font-weight:600}@media (max-width: 768px){.legal-container{padding:20px}.legal-container h1{font-size:2em}.legal-container h2{font-size:1.3em}}.teacher-business-dashboard{max-width:100%;width:100%;margin:0;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f8f9fa;min-height:100vh;overflow-y:auto}.business-tabs{display:flex;gap:10px;margin-bottom:30px;background:#fff;padding:10px;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow-x:auto}.business-content{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 10px #0000001a;min-height:600px;max-height:calc(100vh - 200px);overflow-y:auto;overflow-x:hidden}.scheduling-container{margin:-30px;padding:0;width:calc(100% + 60px)}.overview-grid,.teaching-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:30px}.overview-card,.teaching-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.overview-card:hover,.teaching-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.stat-sublabel{color:#6c757d;font-size:.8rem;margin-top:5px}.affiliate-section{margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid #e9ecef}.affiliate-section:last-child{border-bottom:none}.referral-code-display{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding:20px;background:#f8f9fa;border-radius:8px;border:2px solid #667eea}.referral-code{font-size:1.5rem;font-weight:700;font-family:monospace;color:#667eea;letter-spacing:2px}.copy-btn{padding:8px 16px;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .3s ease}.copy-btn:hover{background-color:#5568d3}.referral-links{display:flex;flex-direction:column;gap:10px}.link-item{padding:12px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.link-item strong{display:block;margin-bottom:5px;color:#333}.link-item code{display:block;font-size:.9rem;color:#667eea;word-break:break-all;font-family:monospace}.rates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.rate-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px}.rate-header{display:flex;align-items:center;gap:10px;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #e9ecef}.rate-icon{font-size:1.3rem}.rate-title{font-weight:700;font-size:1.1rem;color:#333}.rate-content{display:flex;flex-direction:column;gap:12px}.rate-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.rate-value{font-weight:700;color:#667eea;font-size:1.1rem}.boost-badge{background:#28a745;color:#fff;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:700;margin-left:8px}.earnings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.earnings-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;text-align:center}.earnings-label{color:#6c757d;font-size:.9rem;margin-bottom:10px}.earnings-amount{font-size:1.8rem;font-weight:700;color:#667eea}.earnings-amount.unpaid{color:#ffc107}.fleet-table{overflow-x:auto;border-radius:8px;border:1px solid #e9ecef}.fleet-table table{width:100%;border-collapse:collapse}.fleet-table th{background-color:#f8f9fa;color:#333;font-weight:700;padding:15px;text-align:left;border-bottom:1px solid #e9ecef}.fleet-table td{padding:12px 15px;border-bottom:1px solid #f8f9fa;vertical-align:middle}.fleet-table tr:hover{background-color:#f8f9fa}.role-badge{padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:500}.role-badge.teacher{background-color:#e3f2fd;color:#1976d2}.role-badge.student{background-color:#f3e5f5;color:#7b1fa2}.active-badge{color:#28a745;font-weight:500}.inactive-badge{color:#6c757d}.analytics-section{margin-bottom:30px}.chart-container{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px}.chart{display:flex;align-items:flex-end;justify-content:space-around;gap:15px;height:300px;margin-bottom:20px}.chart-bar-group{display:flex;flex-direction:column;align-items:center;flex:1;height:100%}.chart-label{font-size:.8rem;color:#6c757d;margin-bottom:10px;text-align:center}.chart-bars{display:flex;gap:5px;align-items:flex-end;width:100%;height:calc(100% - 30px)}.chart-bar{flex:1;min-height:20px;border-radius:4px 4px 0 0;position:relative;transition:opacity .3s ease;display:flex;align-items:flex-start;justify-content:center;padding-top:5px}.chart-bar:hover{opacity:.8}.chart-bar.booked{background:linear-gradient(to top,#667eea,#764ba2)}.chart-bar.completed{background:linear-gradient(to top,#28a745,#20c997)}.chart-value{color:#fff;font-size:.75rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}.chart-legend{display:flex;justify-content:center;gap:20px;padding-top:15px;border-top:1px solid #e9ecef}.legend-item{display:flex;align-items:center;gap:8px;font-size:.9rem;color:#333}.legend-color{width:16px;height:16px;border-radius:4px}.legend-color.booked{background:linear-gradient(135deg,#667eea,#764ba2)}.legend-color.completed{background:linear-gradient(135deg,#28a745,#20c997)}@media (max-width: 768px){.teacher-business-dashboard{padding:15px}.business-header{padding:20px}.business-header h1{font-size:2rem}.business-tabs{flex-direction:column;gap:5px}.tab-btn{justify-content:center}.business-content{padding:20px}.overview-grid,.teaching-grid,.rates-grid{grid-template-columns:1fr}.chart{flex-direction:column;height:auto;gap:10px}.chart-bar-group{flex-direction:row;height:50px}.chart-bars{height:50px}}@media (max-width: 480px){.business-header h1{font-size:1.5rem}.business-header p{font-size:1rem}.tab-label{display:none}.tab-btn{padding:12px;justify-content:center}.business-content,.overview-card,.teaching-card,.rate-card{padding:15px}.referral-code{font-size:1.2rem}}.guest-booking-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.guest-booking-header{max-width:1200px;margin:0 auto 30px;text-align:center;color:#fff;padding:40px 20px}.guest-booking-header h1{font-size:2.5rem;margin:20px 0 10px;font-weight:700}.guest-booking-header .subtitle{font-size:1.2rem;opacity:.9;margin:0}.back-button{position:absolute;top:20px;left:20px;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:10px 20px;border-radius:8px;cursor:pointer;font-size:16px;transition:all .3s}.back-button:hover{background:#ffffff4d}.guest-booking-content{max-width:1200px;margin:0 auto;background:#fff;border-radius:12px;padding:30px;box-shadow:0 10px 40px #0000001a}.alert{max-width:1200px;margin:0 auto 20px;padding:15px 20px;border-radius:8px;font-weight:500}.alert-error{background:#fee;color:#c33;border:1px solid #fcc}.alert-success{background:#efe;color:#3c3;border:1px solid #cfc}.loading,.error-message{text-align:center;padding:60px 20px;color:#fff}.error-message h2{margin-bottom:20px}.error-message button{margin-top:20px;padding:12px 24px;background:#fff;color:#667eea;border:none;border-radius:8px;font-size:16px;cursor:pointer;font-weight:600}.no-slots{text-align:center;padding:60px 20px;color:#666}.slots-container h2{margin-bottom:30px;color:#333;font-size:1.8rem}.date-group{margin-bottom:40px}.date-header{font-size:1.4rem;color:#667eea;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #e0e0e0}.slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.slot-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:20px;transition:all .3s;cursor:pointer}.slot-card.available{border-color:#667eea}.slot-card.available:hover{transform:translateY(-4px);box-shadow:0 8px 20px #667eea4d;border-color:#764ba2}.slot-card.unavailable{opacity:.6;cursor:not-allowed}.slot-time{font-size:1.2rem;font-weight:600;color:#333;margin-bottom:10px}.slot-title{color:#666;margin-bottom:10px;font-size:1rem}.slot-capacity{font-size:.9rem;color:#888;margin-bottom:10px}.slot-action{margin-top:15px;padding:8px 16px;background:#667eea;color:#fff;border-radius:6px;text-align:center;font-weight:600;font-size:.9rem}.slot-card.available:hover .slot-action{background:#764ba2}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.modal-content{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid #e0e0e0}.modal-header h2{margin:0;color:#333}.close-button{background:none;border:none;font-size:32px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.close-button:hover:not(:disabled){background:#f0f0f0;color:#333}.close-button:disabled{opacity:.5;cursor:not-allowed}.modal-body{padding:30px}.booking-slot-info{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:30px}.booking-slot-info h3{margin-top:0;color:#667eea}.booking-slot-info p{margin:8px 0;color:#666}.booking-form h3{margin-top:0;margin-bottom:20px;color:#333}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:600}.form-group input,.form-group textarea{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color .3s;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea}.form-group input:disabled,.form-group textarea:disabled{background:#f5f5f5;cursor:not-allowed}.form-group textarea{resize:vertical;font-family:inherit}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px}.btn-primary,.btn-secondary{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover:not(:disabled){background:#764ba2;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.btn-secondary{background:#e0e0e0;color:#333}.btn-secondary:hover:not(:disabled){background:#d0d0d0}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.guest-booking-header h1{font-size:2rem}.slots-grid{grid-template-columns:1fr}.modal-content{max-width:100%;margin:10px}}.feedback-edit-page{min-height:100vh;background:#f5f5f5;padding:20px;display:flex;justify-content:center;align-items:flex-start}.feedback-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;max-width:800px;width:100%;padding:0;overflow:hidden}.feedback-loading,.feedback-error{text-align:center;padding:40px}.feedback-error h2{color:#d32f2f;margin-bottom:16px}.feedback-error button{margin-top:16px;padding:10px 20px;background:#1976d2;color:#fff;border:none;border-radius:6px;cursor:pointer}.feedback-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e0e0e0;background:#fafafa}.feedback-header h1{margin:0;font-size:24px;color:#333}.close-button{background:none;border:none;font-size:32px;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.close-button:hover{background:#e0e0e0}.feedback-content{padding:24px}.lesson-info-section{margin-bottom:32px}.lesson-info-section h2{margin:0 0 16px;font-size:20px;color:#333}.lesson-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding:16px;background:#f9f9f9;border-radius:8px}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:12px;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:18px;color:#333;font-weight:600}.feedback-editor-section{margin-bottom:24px}.feedback-editor-section label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:14px}.feedback-textarea{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;min-height:200px;box-sizing:border-box;transition:border-color .2s}.feedback-textarea:focus{outline:none;border-color:#1976d2}.template-info,.existing-feedback-info{margin-top:8px;color:#666;font-size:12px}.existing-feedback-info{color:#1976d2}.feedback-error-message{padding:12px;background:#ffebee;color:#d32f2f;border-radius:6px;margin-bottom:16px;font-size:14px}.feedback-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid #e0e0e0}.btn-primary,.btn-secondary{padding:12px 24px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:#1976d2;color:#fff}.btn-primary:hover:not(:disabled){background:#1565c0}.btn-primary:disabled{background:#ccc;cursor:not-allowed}.btn-secondary{background:#f5f5f5;color:#333}.btn-secondary:hover:not(:disabled){background:#e0e0e0}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}:root{--early-access-banner-height: 48px}.early-access-banner{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,#fff3cd,#ffe69c);border-top:2px solid #ffc107;padding:12px 20px;z-index:1000000!important;box-shadow:0 -2px 8px #ffc1074d;animation:slideUpFromBottom .3s ease-out;margin:0;box-sizing:border-box;height:var(--early-access-banner-height);display:flex;align-items:center;overflow:hidden;line-height:1}.early-access-banner.dismissing{animation:slideDownToBottom .3s ease-out forwards}@keyframes slideUpFromBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDownToBottom{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.early-access-banner-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:12px;position:relative;width:100%;padding:0 50px}.early-access-banner-icon{font-size:1.5em;flex-shrink:0}.early-access-banner-text{flex:1;text-align:center;color:#856404;font-size:1em;font-weight:500;line-height:1.2;white-space:nowrap;overflow:visible;text-overflow:ellipsis;margin:0;padding:0}.early-access-banner-dismiss{background:transparent;border:none;color:#856404;font-size:1.8em;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;flex-shrink:0;line-height:1;position:absolute;right:20px}.early-access-banner-dismiss:hover{background:#8564041a;transform:scale(1.1)}.early-access-banner-dismiss:active{transform:scale(.95)}body.has-early-access-banner,html.has-early-access-banner,body.has-early-access-banner #english-universe-root,body.has-early-access-banner .app-container,body.has-early-access-banner .app{margin-top:0!important;padding-top:0!important}@media (max-width: 768px){.early-access-banner{padding:10px 15px}.early-access-banner-content{gap:8px;padding:0 40px}.early-access-banner-icon{font-size:1.2em}.early-access-banner-text{font-size:.85em;white-space:normal}.early-access-banner-dismiss{font-size:1.5em;width:28px;height:28px}}.badge-notification{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px;box-shadow:0 20px 40px #0006;z-index:3000;text-align:center;min-width:400px;max-width:500px;animation:badgeNotificationSlideIn .6s ease-out;border:3px solid #fff;overflow:hidden}.badge-notification-content{padding:40px}.close-button{position:absolute;top:15px;right:15px;background:#fff3;border:none;color:#fff;font-size:20px;font-weight:700;width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:3001}.close-button:hover{background:#ffffff4d;transform:scale(1.1)}.continue-button{background:linear-gradient(135deg,gold,#ffed4e);color:#333;border:none;padding:12px 24px;border-radius:25px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ffd7004d}.progress-header h4{font-size:24px;margin:0 0 20px;text-align:center;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.progress-content{display:flex;align-items:center;gap:20px;margin-bottom:20px}.badge-image-container{flex-shrink:0}.badge-preview-image{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.progress-info{flex:1}.progress-info h5{font-size:18px;margin:0 0 15px;color:gold;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.progress-indicator{display:flex;align-items:center;gap:10px;margin-bottom:10px}.progress-text{font-size:12px;font-weight:700;min-width:80px;text-align:right;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.progress-description{font-size:14px;margin:0;line-height:1.3}.max-level-message{text-align:center;padding:20px;background:#ffffff1a;border-radius:10px;margin-bottom:20px}.max-level-message h5{font-size:20px;margin:0 0 10px;color:gold}.max-level-message p{font-size:16px;margin:0}.badge-notification h4{font-size:28px;margin:0 0 15px;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.badge-notification p{font-size:18px;margin:0;line-height:1.4;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.badge-notification strong{color:gold;font-weight:700}@keyframes badgeNotificationSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.badge-notification-content{position:relative}.celebration-header h3{font-size:28px;margin:0 0 5px;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.celebration-header h4{font-size:32px;margin:0 0 20px;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.3);color:gold}.badge-notification .badge-item-container{text-align:center;margin:20px 0}.badge-notification .badge-item-image-container{display:flex;justify-content:center;align-items:center;margin-bottom:20px;z-index:3004}.badge-notification .badge-item-image{width:120px!important;height:120px!important;object-fit:contain!important;z-index:3005!important;opacity:1!important;transition:transform .3s ease-in-out!important}.badge-notification .badge-item-image:hover{transform:scale(1.1)!important}.progress-header-content{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.progress-header-text h3{font-size:24px;margin:0 0 5px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.progress-header-text h4{font-size:20px;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.progress-badge-image-container{flex-shrink:0;margin-left:20px}.progress-badge-image{width:60px;height:60px;object-fit:contain;transition:transform .3s ease-in-out}.progress-badge-image:hover{transform:scale(1.1)}.keep-going-button{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;border:none;padding:12px 24px;border-radius:25px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;text-shadow:1px 1px 2px rgba(0,0,0,.3);box-shadow:0 4px 15px #0003}.keep-going-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.confetti-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2999;overflow:hidden}.confetti-item{position:absolute;width:80px;height:80px;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.9;z-index:2998;animation:spinInPlace 4s linear infinite}@keyframes spinInPlace{0%{transform:rotate(0) scale(1);opacity:.9}25%{transform:rotate(90deg) scale(1.1);opacity:1}50%{transform:rotate(180deg) scale(1.2);opacity:1}75%{transform:rotate(270deg) scale(1.1);opacity:1}to{transform:rotate(360deg) scale(1);opacity:.9}}.first-badge-notification{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border-radius:20px;box-shadow:0 20px 40px #0006;z-index:3000;min-width:500px;max-width:600px;animation:firstBadgeSlideIn .8s ease-out;border:3px solid #fff;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center}.keep-going-button-container{text-align:center;padding:20px 30px;border-top:1px solid rgba(255,255,255,.2)}.keep-going-button{background:linear-gradient(135deg,gold,#ffed4e);border:none;color:#333;font-size:18px;font-weight:700;padding:12px 24px;border-radius:25px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ffd7004d;animation:celebrationPulse 2s ease-in-out infinite}.keep-going-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd70066}.continue-button-container{margin-top:20px;text-align:center}.continue-button{background:linear-gradient(135deg,gold,#ffed4e);color:#333;border:none;padding:15px 30px;border-radius:25px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ffd7004d;animation:celebrationPulse 2s ease-in-out infinite}.continue-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd70066}.progress-header{margin-bottom:20px;width:100%}.progress-header-content{display:flex;align-items:center;justify-content:space-between;gap:20px}.progress-header-text{flex:1}.progress-header h3{font-size:28px;margin:0 0 5px;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.progress-header h4{font-size:24px;margin:0;color:gold;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.progress-badge-image-container{flex-shrink:0}.progress-badge-image{width:100px;height:100px;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));animation:badgeGlow 2s ease-in-out infinite alternate}.progress-badge-image:hover{transform:scale(1.1)!important;transition:transform .3s ease-in-out!important}.progress-info{margin-bottom:20px}.progress-description{font-size:18px;margin:0;line-height:1.4}.first-badge-content{padding:30px;position:relative}.celebration-header h3{font-size:32px;margin:0 0 20px;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.first-badge-notification .badge-item-container{text-align:center;margin-bottom:20px;position:relative;z-index:9999}.first-badge-notification .badge-item-image-container{margin-bottom:15px;position:relative;z-index:9999}.first-badge-notification .badge-item-image{width:100px!important;height:100px!important;object-fit:contain!important;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))!important;animation:badgeGlow 2s ease-in-out infinite alternate!important;position:relative!important;z-index:9999!important;opacity:1!important;transition:transform .3s ease-in-out!important}.first-badge-notification .badge-item-image:hover{transform:scale(1.5)!important}.intro-text{font-size:20px;margin:0 0 15px;line-height:1.4;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.next-badge-info{background:#ffffff26;border-radius:10px;padding:15px;margin-bottom:15px;border:1px solid rgba(255,255,255,.2)}.next-badge-info h4{font-size:22px;margin:0 0 8px;color:gold;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.items-needed{font-size:18px;margin:0;line-height:1.4}.progress-indicator{display:flex;align-items:center;gap:10px}.progress-bar{flex:1;height:12px;background:#fff3;border-radius:6px;overflow:hidden;border:1px solid rgba(255,255,255,.3)}.progress-fill{height:100%;background:linear-gradient(90deg,gold,#ffed4e);border-radius:6px;transition:width .5s ease;box-shadow:0 0 10px #ffd70080}.progress-text{font-size:16px;font-weight:700;min-width:80px;text-align:right;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.encouragement-message{text-align:center;padding-top:15px;border-top:1px solid rgba(255,255,255,.2)}.encouragement-message p{font-size:14px;margin:0;font-style:italic;opacity:.9}.first-badge-notification strong{color:gold;font-weight:700}@keyframes firstBadgeSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.3) rotate(-10deg)}to{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}}@keyframes celebrationPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes badgeGlow{0%{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3)) drop-shadow(0 0 5px rgba(255,215,0,.3))}to{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3)) drop-shadow(0 0 15px rgba(255,215,0,.6))}}@keyframes buttonGlow{0%{box-shadow:0 4px 15px #ffffff4d,0 0 20px #fff9}to{box-shadow:0 4px 15px #ffffff80,0 0 30px #fffc}}@media (max-width: 768px){.first-badge-notification{min-width:320px;max-width:90vw;margin:0 20px}.first-badge-content{padding:20px}.celebration-header h3{font-size:20px}.badge-intro{flex-direction:column;text-align:center;gap:15px}.badge-preview-image{width:60px;height:60px}.progress-indicator{flex-direction:column;gap:8px}.progress-text{text-align:center}}.student-progress-container{display:flex;height:100vh;width:100%;box-sizing:border-box;padding:20px;gap:20px}.student-progress-container .left-section{width:300px;display:flex;flex-direction:column;align-items:center;flex-shrink:0;gap:15px}.student-progress-container .left-section h1{margin:0 0 10px;font-size:24px;text-align:center}.student-progress-container .right-section{flex:1;display:flex;flex-direction:column;height:100%;overflow:hidden}textarea{width:260px;height:120px;margin-top:10px;padding:10px;max-width:100%;resize:none;border-radius:8px;border:1px solid #dee2e6;font-family:inherit}.mode-button{margin:10px;padding:15px 30px;font-size:25px;font-weight:700;border:none;border-radius:5px;cursor:pointer}.mode-button.active{background-color:#00bc48;color:#fff}.mode-button:not(.active){background-color:#ffbf00;color:#fff!important}.mode-button:not(.active):hover{transform:scale(1.1)!important}.lesson-navigation-container{display:flex;height:calc(100% - 80px);border:1px solid #dee2e6;border-radius:12px;overflow:hidden;background:#fff}.levels-sidebar{width:115px;background:#f8f9fa;border-right:1px solid #dee2e6;display:flex;flex-direction:column;align-items:center;padding:10px 0;gap:10px}.level-icon{width:100px;height:75px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;cursor:pointer;transition:all .3s ease;background:#fff;border:2px solid transparent;font-size:11px;font-weight:700;color:#333}.level-icon:hover{transform:scale(1.05);border-color:#3fc3ed}.level-icon.active{background:#e3f2fd;border-color:#2196f3;color:#1976d2}.level-icon.custom-lessons{background:#fff3e0;border-color:#ff9800}.level-icon.custom-lessons.active{background:#e8f5e8;border-color:#4caf50;color:#2e7d32}.level-icon.transparent{opacity:.3;cursor:not-allowed}.level-icon.transparent:hover{transform:none;border-color:transparent}.level-emoji{font-size:20px;margin-bottom:2px}.lesson-content-area{flex:1;display:flex;flex-direction:column}.units-tabs{display:flex;background:#f8f9fa;border-bottom:1px solid #dee2e6;padding:0 10px;overflow-x:auto;min-height:50px;align-items:center}.unit-tab{padding:8px 16px;border-radius:8px 8px 0 0;cursor:pointer;background:#fff;border:1px solid #dee2e6;border-bottom:none;margin-right:5px;font-weight:700;font-size:14px;white-space:nowrap;transition:all .2s ease}.unit-tab:hover{background:#e9ecef}.unit-tab.active{background:#3fc3ed;color:#fff}.lessons-display-area{flex:1;padding:20px;overflow:visible;background:#fafafa}.lessons-three-column{display:flex;gap:20px;height:100%}.lessons-column{flex:1;display:flex;flex-direction:column;gap:8px}.lesson-item{display:flex;align-items:center;padding:8px 12px;background:#fff;border:1px solid #dee2e6;border-radius:8px;transition:all .2s ease;font-size:14px}.lesson-item:hover{background:#f0f7ff;border-color:#3fc3ed}.lesson-item.completed{background-color:#28a745!important;color:#fff;border-color:#1e7e34;background:#e7f5ee;border-color:#4caf50}.lesson-item.clickable{cursor:pointer}.lesson-item .checkbox-button{margin-right:8px;flex-shrink:0;background:none;border:none;cursor:pointer;padding:0}.lesson-item .checkbox-button:disabled{cursor:not-allowed;opacity:.6}.lesson-item .checkbox-button img{width:20px!important;height:20px!important}.lesson-item .lesson-title{flex:1;font-weight:500}.lesson-item.custom-lesson{border-left:3px solid #23A455}.lesson-item.custom-lesson.completed{background:#e7f5ee;border-color:#4caf50}.progress-list{list-style-type:none;padding:0;text-align:left}.progress-list li{font-size:25px;font-weight:700;margin:10px 0;display:flex;align-items:center}.checkbox-button{background:none;border:none;cursor:pointer;margin-right:10px}.checkbox-button:hover{background:none;border:none;cursor:pointer}.checkbox-button:disabled{cursor:not-allowed}.checkbox-button img{width:35px!important;height:35px!important;vertical-align:middle!important;margin-top:-25%!important}.student-progress-container .save-button,.student-progress-container .edit-button{margin-top:10px;padding:10px 20px;font-size:16px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;display:inline-block}.student-progress-container .save-button:hover,.student-progress-container .edit-button:hover{background-color:#0056b3}.button-container{display:flex;justify-content:center;gap:10px}.close-button{margin-top:10px;padding:10px 20px;font-size:16px;background-color:#dc3545;color:#fff;border:none;border-radius:5px;cursor:pointer}.close-button:hover{background-color:#c82333}.save-message{margin-top:10px;color:green;font-size:16px;text-align:center}.assign-lessons-btn{background-color:#23a455;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:14px;margin-bottom:16px;cursor:pointer;transition:all .2s ease}.assign-lessons-btn:hover{background-color:#1c8348;transform:translateY(-2px);box-shadow:0 2px 5px #0003}.progress-list .custom-lesson{background-color:#23a4550d;border-left:3px solid #23A455;position:relative}.unassign-button{background-color:#ff6b6b;color:#fff;border:none;border-radius:4px;padding:4px 8px;font-size:12px;position:absolute;right:10px;opacity:0;transition:opacity .2s ease}.custom-lesson:hover .unassign-button{opacity:1}.unassign-button:hover{background-color:#ff4757}.assignment-modal-content{position:absolute;top:5%;left:5%;right:5%;bottom:5%;border:1px solid #ccc;background:#fff;overflow:auto;border-radius:10px;outline:none;padding:20px;max-width:90%;max-height:90%}.assignment-modal-content.three-column h2{text-align:center;margin-bottom:20px}.assignment-columns{display:flex;height:calc(100% - 120px);gap:20px}.assignment-columns .column{flex:1;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.assignment-columns .column h3{background-color:#f5f5f5;padding:10px;margin:0;border-bottom:1px solid #e0e0e0;text-align:center}.folders-column .folders-list{padding:10px;overflow-y:auto;height:100%}.folders-column ul{list-style:none;padding:0;margin:0}.folders-column .folder-item{padding:10px;margin-bottom:8px;border-radius:6px;background-color:#f8f9fa;cursor:pointer;display:flex;align-items:center;transition:all .2s ease}.folders-column .folder-item:hover{background-color:#e9ecef}.folders-column .folder-item.selected{background-color:#e7f1ff;border-left:4px solid #007bff}.folders-column .folder-emoji{margin-right:10px;font-size:18px}.folders-column .folder-name{flex-grow:1}.folders-column .folder-item.dragging{opacity:.5;border:2px dashed #007bff}.folder-lessons-column .folder-lessons-list{padding:10px;overflow-y:auto;height:100%}.folder-lessons-column ul{list-style:none;padding:0;margin:0}.folder-lessons-column li{padding:10px;margin-bottom:8px;border-radius:6px;background-color:#fff;border:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.folder-lessons-column li:hover{background-color:#f8f9fa}.folder-lessons-column li.assigned{background-color:#e7f5ee}.toggle-assignment-btn{padding:4px 8px;border-radius:4px;border:none;cursor:pointer;font-size:12px;transition:all .2s ease;background-color:#23a455;color:#fff}.toggle-assignment-btn:not(.assigned){background-color:#23a455;color:#fff}.toggle-assignment-btn.assigned{background-color:#ff6b6b;color:#fff}.toggle-assignment-btn:hover{transform:translateY(-1px)}.toggle-assignment-btn:not(.assigned):hover{background-color:#1c8348}.toggle-assignment-btn.assigned:hover{background-color:#ff4d4d}.assigned-lessons-drop-zone{min-height:200px;padding:15px;border:2px dashed #ccc;border-radius:8px;background-color:#f9f9f9;transition:all .2s ease}.assigned-lessons-column ul{list-style:none;padding:0;margin:0}.assigned-lessons-column li{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;margin-bottom:8px;background-color:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.assigned-lessons-column .empty-assigned-lessons{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:150px;color:#999}.assigned-lessons-column .empty-assigned-lessons p{text-align:center}.assigned-lessons-drop-zone.drag-over{border-color:#3498db;background-color:#3498db1a}.assignment-modal-footer{text-align:center;margin-top:20px}.assignment-modal-footer button{padding:10px 20px;background-color:#23a455;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:all .2s ease}.assignment-modal-footer button:hover{background-color:#1c8348}.folder-lessons-column h4{margin:15px 0 10px;font-size:.95rem;color:#555;border-bottom:1px solid #eee;padding-bottom:5px}.sub-folders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-bottom:20px}.sub-folder-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:10px;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .2s ease}.sub-folder-card:hover{background-color:#f0f7ff;transform:translateY(-2px);box-shadow:0 3px 6px #0000001a}.sub-folder-emoji{font-size:1.5rem;margin-bottom:5px}.sub-folder-name{font-size:.9rem;font-weight:500;text-align:center;margin-bottom:3px}.sub-folder-count{font-size:.8rem;color:#888}.progress-map-container{position:relative;width:100%;min-height:400px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:20px;overflow-y:auto;overflow-x:visible;max-height:calc(100vh - 200px);height:100%;contain:layout style}.unit-heading{font-size:24px;font-weight:700;color:#fff;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid rgba(255,255,255,.3);text-shadow:0 2px 4px rgba(0,0,0,.2)}.streak-indicator{position:absolute;top:20px;right:20px;background:#fffffff2;border-radius:8px;padding:12px 16px;display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px #00000026;z-index:10}.streak-icon{font-size:24px}.streak-text{font-size:14px;font-weight:600;color:#333}.streak-longest{font-size:12px;color:#666;margin-top:2px}.progress-map-content{display:flex;flex-direction:column;gap:40px;padding-top:60px;overflow:visible}.unit-row{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px;background:#ffffff1a;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:visible}.unit-chest-container{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:100%}.lesson-nodes-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;position:relative;min-height:120px;padding:20px 0;width:100%;overflow:visible}.lesson-row{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;gap:20px;position:relative;width:100%;padding:10px 0;flex-wrap:nowrap}.lesson-connector{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:50px;height:2px;margin:0 5px}.row-connector{position:relative;width:100%;height:30px;display:flex;align-items:center;justify-content:center;margin:8px 0;padding:0}.lesson-node{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;transition:transform .2s ease;z-index:1;flex-shrink:0;min-width:120px;max-width:160px;justify-content:flex-start}.lesson-node:hover{transform:scale(1.1)}.lesson-node.most-recent .node-circle{box-shadow:0 0 20px #4caf5099;border:3px solid #4CAF50}.lesson-node.needs-review .node-circle{border:2px solid #ff9800}.node-circle{width:56px;height:56px;border-radius:50%;background:#ccc;border:3px solid #999;display:flex;align-items:center;justify-content:center;position:relative;transition:all .3s ease;overflow:hidden}.node-circle.completed-teacher{background:linear-gradient(to right,#4caf50,#4caf50 50%,#ccc 50%,#ccc);border-color:#2e7d32}.node-circle.completed-homework{background:linear-gradient(to right,#ccc,#ccc 50%,#4caf50 50%,#4caf50);border-color:#2e7d32}.node-circle.completed-teacher.completed-homework{background:#4caf50;border-color:#2e7d32}.node-checkmark{color:#fff;font-size:32px;font-weight:700}.node-badge{position:absolute;font-size:14px;background:#ffffffe6;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000004d}.node-badge-teacher{top:-4px;left:-4px}.node-badge-homework{top:-4px;right:-4px}.node-badge-review{bottom:-4px;right:-4px;background:#ff9800;color:#fff}.node-label{font-size:13px;color:#fff;text-align:center;max-width:140px;min-width:100px;width:100%;overflow:hidden;white-space:normal;word-wrap:break-word;line-height:1.4;height:2.8em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.5);padding:0 6px;margin-top:4px;box-sizing:border-box}.node-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:10px;background:#fff;border-radius:8px;padding:12px;min-width:200px;max-width:300px;box-shadow:0 4px 12px #0003;z-index:1000;pointer-events:auto;white-space:nowrap}.node-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#fff}.tooltip-title{font-weight:600;font-size:14px;color:#333;margin-bottom:8px}.tooltip-line{font-size:12px;color:#666;margin-bottom:4px}.tooltip-divider{height:1px;background:#e0e0e0;margin:8px 0}.tooltip-feedback{font-size:12px;color:#555;line-height:1.4;max-height:60px;overflow:hidden}.tooltip-feedback-section{margin-top:8px}.tooltip-feedback-title{font-size:11px;font-weight:600;color:#333;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.tooltip-feedback-item{margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.tooltip-feedback-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.tooltip-feedback-teacher{font-size:11px;font-weight:600;color:#666;margin-bottom:4px}.tooltip-feedback-text{font-size:12px;color:#555;line-height:1.4;max-height:60px;overflow:hidden}.tooltip-mark-complete-btn{width:100%;padding:8px 12px;background:#4caf50;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease;margin-top:8px}.tooltip-mark-complete-btn:hover{background:#45a049}.tooltip-mark-complete-btn:active{background:#3d8b40}.unit-chest{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease}.unit-chest.unlocked{cursor:pointer}.unit-chest.unlocked:hover{transform:scale(1.1)}.chest-icon{font-size:40px;filter:grayscale(.7);opacity:.6;transition:all .3s ease}.unit-chest.unlocked .chest-icon{filter:grayscale(0);opacity:1}.chest-glow{position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgba(255,215,0,.4) 0%,transparent 70%);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.2);opacity:1}}@media (max-width: 768px){.progress-map-container{padding:15px}.unit-row{flex-direction:column;gap:15px}.lesson-nodes-container{width:100%;justify-content:flex-start;overflow-x:auto;padding:15px 0}.streak-indicator{position:relative;top:auto;right:auto;margin-bottom:15px;align-self:flex-end}.unit-chest-container{width:100%;justify-content:center}}.student-tools{padding:0;background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:0}.student-tools p{font-size:18px;margin-bottom:20px}.student-tools button{margin-right:10px;padding:10px 15px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}.student-tools ul{list-style-type:none;padding:0}.student-tools li{margin-bottom:10px;font-size:16px}.student-tools .mode-button{margin:10px;padding:15px 30px;font-size:25px;font-weight:700;border:none;border-radius:5px;cursor:pointer}.student-tools .mode-button.active{background-color:#23a455;color:#fff}.student-tools .mode-button:not(.active){background-color:#ffbf00;color:#000}.student-tools .mode-button:not(.active):hover{transform:scale(1.05)}.student-tools .progress-list{list-style-type:none;padding:0;text-align:left;width:100%;height:100%;overflow-y:auto;overflow-x:hidden}.student-tools .progress-list li{font-size:25px;font-weight:700;margin:10px 0;display:flex;align-items:center}.student-tools .checkbox-button{margin-right:10px}.student-tools .checkbox-button,.student-tools .checkbox-button:hover{background:none!important;border:none;cursor:pointer}.student-tools .checkbox-button:disabled{cursor:not-allowed}.student-tools .checkbox-button img{width:25px;height:25px;vertical-align:middle}.student-tools .student-tools-container{display:flex;justify-content:space-between;padding:20px;width:100%;box-sizing:border-box;margin-top:0}.student-tools .left-section{flex:1;display:flex;flex-direction:column;align-items:center;max-width:25%;margin-top:0;position:relative}.student-tools.middle-section{flex:2;display:flex;flex-direction:column;align-items:center;max-width:50%;margin-top:0;height:100vh;overflow-y:auto;overflow-x:hidden}.student-tools .right-section{flex:1;display:flex;flex-direction:column;align-items:center;max-width:25%;margin-top:0}.student-tools .avatar-group{display:flex;flex-direction:column;align-items:center;margin:0;position:relative}.student-tools .avatar-group input{margin-top:5px;width:200px}.student-tools .avatar-group h3{font-size:30px}.student-tools .avatar-group .edit-button{background:none;border:none;cursor:pointer;position:absolute;top:0;right:0}.student-tools h3{font-size:30px}.student-tools button{padding:10px 15px;background-color:none;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-top:10px}.student-tools button:hover{background-color:#0056b3}.student-tools .edit-button{background:none;border:none;cursor:pointer;position:absolute;top:0;right:0}.student-tools .edit-icon{width:30px;height:30px}.student-tools .teacher-edit-button:hover{transform:scale(1.2);background:none}.modal-content{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 8px #0000001a;width:80%;max-width:500px;display:flex;flex-direction:column;align-items:center}.right-section .avatar-group{display:flex;flex-direction:column;align-items:center;margin:10px;position:relative}.right-section .avatar-group h3{font-size:30px}.lesson-title.clickable{cursor:pointer;transition:transform .3s ease,color .3s ease}.lesson-title.clickable:hover{transform:scale(1.1);color:#23a455}.lessons-section{margin-top:20px}.lessons-section h2{margin-bottom:15px}.lessons-section h3{margin:15px 0 10px;color:#333;font-size:1.2rem}.lessons-list{list-style:none;padding:0;margin:0}.lesson-item{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;margin-bottom:8px;border-radius:6px;background-color:#f5f5f5;transition:all .2s ease}.lesson-item:hover{background-color:#e9e9e9;transform:translateY(-2px);box-shadow:0 2px 5px #0000001a}.lesson-title-section{display:flex;align-items:center;flex:1}.lesson-title{font-size:1rem;color:#333;flex:1;margin:0}.lesson-controls{display:flex;align-items:center;gap:10px}.complete-toggle{width:24px;height:24px;border-radius:50%;border:2px solid #23A455;background:#fff;color:#23a455;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0;line-height:1}.complete-toggle.completed{background:#23a455;color:#fff}.start-lesson-btn{padding:6px 12px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;font-size:.9rem}.start-lesson-btn:hover{background-color:#0069d9;transform:translateY(-1px)}.assigned-lessons-section{margin-bottom:25px;border-bottom:1px solid #eee;padding-bottom:20px}.assigned-lessons-section h3{color:#23a455;font-weight:600;display:flex;align-items:center}.assigned-lessons-section h3:before{content:"★";margin-right:8px;color:#23a455}.lesson-item.custom-assigned{background-color:#23a45514;border-left:3px solid #23A455}.lesson-item.custom-assigned:hover{background-color:#23a45526}.custom-lesson-icon{color:#23a455;font-size:16px;margin-right:8px}.loading{padding:20px;text-align:center;color:#666;font-style:italic}.curriculum-lessons{margin-top:10px}.modal-overlay{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:2000}.student-tools .modal-content button,.student-tools .modal-overlay button,.student-tools .ReactModal__Content button,.student-tools .ReactModal__Overlay button{padding:10px 20px!important;background-color:#007bff!important;color:#fff!important;border:none!important;border-radius:4px!important;cursor:pointer!important;font-size:14px!important;font-weight:400!important;margin:5px!important;text-decoration:none!important;display:inline-block!important;line-height:1.5!important;transition:background-color .2s!important}.student-tools .modal-content button:hover,.student-tools .modal-overlay button:hover,.student-tools .ReactModal__Content button:hover,.student-tools .ReactModal__Overlay button:hover{background-color:#0056b3!important;opacity:.9!important}.student-tools .modal-content button[onClick*=Save],.student-tools .modal-overlay button[onClick*=Save],.student-tools .ReactModal__Content button[onClick*=Save],.student-tools .ReactModal__Overlay button[onClick*=Save]{background-color:#007bff!important;font-weight:700!important}.student-tools .modal-content button[onClick*=Cancel],.student-tools .modal-overlay button[onClick*=Cancel],.student-tools .ReactModal__Content button[onClick*=Cancel],.student-tools .ReactModal__Overlay button[onClick*=Cancel]{background-color:#6c757d!important}.student-tools .modal-content button[onClick*=Reset],.student-tools .modal-overlay button[onClick*=Reset],.student-tools .ReactModal__Content button[onClick*=Reset],.student-tools .ReactModal__Overlay button[onClick*=Reset]{background-color:#e74c3c!important;font-weight:700!important}.student-tools .modal-content,.student-tools .ReactModal__Content{background-color:#fff!important;padding:30px!important;border-radius:12px!important;box-shadow:0 10px 30px #0003!important;max-width:600px!important;max-height:80vh!important;overflow:auto!important;border:1px solid #ccc!important}.modal-content,.ReactModal__Content{background-color:#fff!important}.badges-modal{background-color:#fff!important;max-width:1200px!important;height:90vh!important;max-height:1200px!important;overflow-y:auto!important}.schedule-modal,.request-modal{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 8px #0000001a;width:90%;max-width:1200px;max-height:90vh;overflow:auto;display:flex;flex-direction:column}.request-modal{max-width:600px}.schedule-button,.request-class-button{margin-top:10px;padding:8px 16px;font-weight:700;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.schedule-button{background-color:#4caf50;color:#fff}.request-class-button{background-color:#3498db;color:#fff}.schedule-button:hover,.request-class-button:hover{opacity:.9}.join-class-button{background:linear-gradient(135deg,#9c27b0,#7b1fa2);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #9c27b04d;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:10px 0;text-decoration:none}.join-class-button:hover{background:linear-gradient(135deg,#7b1fa2,#6a1b9a);transform:translateY(-2px);box-shadow:0 6px 16px #9c27b066}.join-class-button:active{transform:translateY(0);box-shadow:0 2px 8px #9c27b04d}.join-class-button:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.join-class-button.has-upcoming-class{background:linear-gradient(135deg,#ff6b35,#f7931e);animation:pulse 2s infinite;box-shadow:0 4px 12px #ff6b3566}.join-class-button.has-upcoming-class:hover{background:linear-gradient(135deg,#f7931e,#ff6b35);box-shadow:0 6px 16px #ff6b3580}@keyframes pulse{0%{box-shadow:0 4px 12px #ff6b3566}50%{box-shadow:0 4px 12px #ff6b35b3}to{box-shadow:0 4px 12px #ff6b3566}}.student-badge-display{display:flex;flex-direction:column;gap:20px;padding:20px;background-color:#fff;border-radius:12px;max-width:1200px;height:80vh;max-height:1100px!important;margin:0 auto}.badge-category-row{display:flex;flex-direction:column;gap:10px}.badge-row{display:flex;justify-content:flex-start;align-items:flex-start;gap:20px;flex-wrap:nowrap}.student-badge-display .badge-item{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:100px;flex:0 0 100px}.student-badge-display .badge-item-image{width:60px;height:60px;opacity:.5;transition:opacity .3s ease;border-radius:8px}.student-badge-display .badge-item-image.earned{opacity:1;box-shadow:0 4px 8px #3498db4d}.student-badge-display .badge-level-info{display:flex;flex-direction:column;align-items:center;text-align:center;font-size:12px}.student-badge-display .badge-level{font-weight:700;color:#333}.student-badge-display .badge-level-name{font-weight:700;color:#333;font-size:11px;text-align:center;line-height:1.2}.student-badge-display .badge-requirement{color:#666;font-size:10px}.student-scheduling-modal{position:relative;background:#fff;border-radius:12px;padding:0;max-width:95vw;max-height:95vh;width:1200px;height:800px;outline:none;display:flex;flex-direction:column}.student-scheduling-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:999999;padding:20px}.scheduling-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid #e0e0e0;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border-radius:12px 12px 0 0}.scheduling-header h2{margin:0;font-size:24px;font-weight:600}.close-button{background:none;border:none;color:#fff;font-size:28px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.close-button:hover{background-color:#fff3}.timezone-selector{display:flex;align-items:center;margin-right:15px}.timezone-selector label{font-size:14px;font-weight:600;color:#fff;margin:0}.timezone-selector select{color:#333!important;background-color:#fff!important}.scheduling-tabs{display:flex;background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:0 30px}.tab-button{background:none;border:none;padding:15px 20px;cursor:pointer;font-size:14px;font-weight:500;color:#666;border-bottom:3px solid transparent;transition:all .2s;position:relative}.tab-button:hover{color:#333;background-color:#e9ecef}.tab-button.active{color:#28a745;border-bottom-color:#28a745;background-color:#fff}.scheduling-content{flex:1;overflow:hidden;display:flex;flex-direction:column;background:#fff}.calendar-view{flex:1;display:flex;flex-direction:column;padding:20px 30px;overflow:hidden;background:#fff}.calendar-grid{flex:1;display:flex;flex-direction:column;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;background:#fff}.calendar-header{display:grid;grid-template-columns:80px repeat(7,1fr);background:#f8f9fa;border-bottom:1px solid #e0e0e0;margin-right:17px}.time-header{padding:12px;font-weight:600;text-align:center;color:#666;border-right:1px solid #e0e0e0}.day-header{padding:12px;text-align:center;border-right:1px solid #e0e0e0}.day-name{font-weight:600;color:#333;margin-bottom:4px}.day-date{font-size:12px;color:#666}.calendar-body{flex:1;overflow-y:auto}.time-row{display:grid;grid-template-columns:80px repeat(7,1fr);border-bottom:1px solid #f0f0f0;min-height:56px}.time-label{padding:6px 8px;font-size:11px;color:#666;text-align:center;border-right:1px solid #e0e0e0;background:#fafafa;display:flex;align-items:center;justify-content:center}.available-slots-view{flex:1;padding:20px 30px;overflow-y:auto;background:#fff}.available-slots-view h3{margin:0 0 20px;color:#333;font-size:20px}.loading,.no-data{text-align:center;color:#666;font-style:italic;padding:40px}.no-teachers-message{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.no-teachers-message h3{color:#333;margin-bottom:20px}.no-teachers-message p{color:#666;margin:10px 0;font-size:16px}.slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.slot-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;transition:all .2s}.slot-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.slot-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #f0f0f0}.teacher-info{display:flex;align-items:center;gap:10px}.teacher-name{font-weight:600;color:#333;font-size:16px}.capacity-info{background:#e3f2fd;color:#1976d2;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.slot-details h4{margin:0 0 10px;color:#333;font-size:18px}.slot-time{color:#666;font-size:14px;margin:5px 0}.slot-duration{color:#888;font-size:13px;margin:5px 0}.slot-description{color:#555;font-size:14px;margin:10px 0;line-height:1.4}.slot-level,.slot-age{display:inline-block;background:#f8f9fa;color:#666;padding:2px 8px;border-radius:4px;font-size:12px;margin-right:8px;margin-top:5px}.slot-actions{margin-top:15px;padding-top:15px;border-top:1px solid #f0f0f0}.request-button{width:100%;background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:12px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s}.request-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #28a74566}.request-button:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.my-bookings-view{flex:1;padding:20px 30px;overflow-y:auto}.my-bookings-view h3{margin:0 0 20px;color:#333;font-size:20px}.bookings-list{display:flex;flex-direction:column;gap:15px}.booking-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a}.booking-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #f0f0f0}.booking-status.confirmed{color:#28a745;font-weight:600;font-size:14px}.booking-details h4{margin:0 0 10px;color:#333;font-size:18px}.booking-time{color:#666;font-size:14px;margin:5px 0}.booking-duration{color:#888;font-size:13px;margin:5px 0}.booking-actions{margin-top:15px;padding-top:15px;border-top:1px solid #f0f0f0}.cancel-button{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.cancel-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #dc354566}.requests-view{flex:1;padding:20px 30px;overflow-y:auto}.requests-view h3{margin:0 0 20px;color:#333;font-size:20px}.requests-list{display:flex;flex-direction:column;gap:15px}.request-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a}.request-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #f0f0f0}.request-status{font-weight:600;font-size:14px}.request-details h4{margin:0 0 10px;color:#333;font-size:18px}.request-time{color:#666;font-size:14px;margin:5px 0}.request-type{color:#888;font-size:13px;margin:5px 0}.request-message{background:#f8f9fa;padding:10px;border-radius:6px;margin:10px 0;font-style:italic;color:#555}.teacher-response{background:#e3f2fd;padding:10px;border-radius:6px;margin:10px 0;color:#1976d2}.request-meta{margin-top:15px;padding-top:15px;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;font-size:12px;color:#888}.notifications-view{flex:1;padding:20px 30px;overflow-y:auto}.notifications-view h3{margin:0 0 20px;color:#333;font-size:20px}.notifications-list{display:flex;flex-direction:column;gap:10px}.notification-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:15px;cursor:pointer;transition:all .2s}.notification-item:hover{border-color:#28a745;box-shadow:0 2px 8px #28a7451a}.notification-item.unread{border-left:4px solid #28a745;background:#f8fff9}.notification-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.notification-title{font-weight:600;color:#333;font-size:14px}.notification-time{font-size:12px;color:#666}.notification-message{color:#555;font-size:13px;line-height:1.4}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999999;padding:20px}.request-modal{background:#fff;border-radius:12px;padding:30px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0000004d}.request-modal h3{margin:0 0 20px;color:#333;font-size:20px}.slot-summary{background:#f8f9fa;padding:15px;border-radius:8px;margin-bottom:20px;border:1px solid #e0e0e0}.slot-summary h4{margin:0 0 10px;color:#333;font-size:16px}.slot-summary p{margin:5px 0;color:#666;font-size:14px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#28a745;box-shadow:0 0 0 3px #28a7451a}.form-group textarea{resize:vertical;min-height:80px}.modal-actions{display:flex;gap:10px;margin-top:30px;justify-content:flex-end}.submit-button{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s}.submit-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #28a74566}.cancel-button{background:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.cancel-button:hover{background:#5a6268}@media (max-width: 768px){.student-scheduling-modal{width:95vw;height:95vh}.scheduling-header{padding:15px 20px}.scheduling-header h2{font-size:20px}.scheduling-tabs{padding:0 20px;flex-wrap:wrap}.tab-button{padding:10px 15px;font-size:12px}.available-slots-view,.my-bookings-view,.requests-view,.notifications-view{padding:15px 20px}.slots-grid{grid-template-columns:1fr;gap:15px}.slot-card,.booking-card,.request-card{padding:15px}.slot-header,.booking-header,.request-header{flex-direction:column;align-items:flex-start;gap:10px}.request-meta{flex-direction:column;gap:5px}}.time-cell{padding:4px;border-right:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s;position:relative;z-index:1;overflow:hidden;min-height:56px}.slot-indicator{position:absolute;top:2px;left:2px;right:2px;bottom:2px;padding:6px 8px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;display:flex;flex-direction:column;justify-content:center;overflow:hidden;z-index:3;box-sizing:border-box;max-width:100%}.slot-title-line{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;max-width:100%;flex-shrink:1}.slot-subline{font-weight:600;opacity:.95;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;max-width:100%;flex-shrink:1}.slot-indicator.available{background:#2ecc71;color:#fff}.slot-indicator.group{background:linear-gradient(135deg,#007bff,#6610f2);color:#fff}.slot-indicator.booked{background:linear-gradient(135deg,#fd7e14,#e83e8c);color:#fff}.slot-indicator.pending{background:linear-gradient(135deg,#ffc107,#ff9800)!important;color:#fff!important;border:2px solid #ff9800!important;box-shadow:0 0 10px #ffc10780!important;animation:pendingPulse 2s ease-in-out infinite alternate}@keyframes pendingPulse{0%{box-shadow:0 0 10px #ffc10780}to{box-shadow:0 0 20px #ffc107cc}}.slot-indicator.unavailable{background:#e74c3c;color:#fff}.slot-indicator.my-booking{background:#3498db!important;border:2px solid #2980b9;color:#fff}.slot-indicator.requested{background:linear-gradient(135deg,#ffc107,#ff8c00)!important;border:2px solid #ff9800;color:#fff;box-shadow:0 0 15px #ffc10799;animation:requestedGlow 2s ease-in-out infinite alternate}.slot-indicator.past{background:#f5f5f5!important;border:1px solid #ddd!important;color:#999!important;cursor:not-allowed!important;opacity:.5!important}.slot-indicator.past:hover{background:#f5f5f5!important;transform:none!important;box-shadow:none!important}.slot-indicator.external{background:linear-gradient(135deg,#9c27b0,#673ab7);color:#fff;border:2px solid #7b1fa2}.slot-indicator.my-booking{background:linear-gradient(135deg,#3498db,#2980b9)!important;color:#fff!important;border:3px solid #2980b9!important;box-shadow:0 0 15px #3498db99!important;animation:myBookingGlow 2s ease-in-out infinite alternate}@keyframes myBookingGlow{0%{box-shadow:0 0 15px #3498db99}to{box-shadow:0 0 25px #3498dbcc}}@keyframes requestedGlow{0%{box-shadow:0 0 15px #ffc10799}to{box-shadow:0 0 25px #ffc107cc}}.current-time-line{position:absolute;z-index:10;pointer-events:none;animation:currentTimePulse 2s ease-in-out infinite alternate}@keyframes currentTimePulse{0%{opacity:.8}to{opacity:1}}.past-time-slot{background-color:#f8f9fa!important;opacity:.6}.past-time-slot .time-label{color:#6c757d!important}.past-time-slot .time-cell{background-color:#f8f9fa!important;border-color:#e9ecef!important}.recurring-bookings-view{padding:20px;background:#fff}.recurring-bookings-list{display:flex;flex-direction:column;gap:15px}.recurring-booking-item{border:1px solid #ddd;border-radius:8px;padding:15px;background:#f8f9fa}.booking-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.booking-title{font-weight:600;color:#2c3e50}.booking-time{color:#7f8c8d;font-size:.9em}.booking-details p{margin:5px 0;font-size:.9em;color:#5a6c7d}.status{padding:2px 6px;border-radius:4px;font-size:.8em;text-transform:uppercase;font-weight:600}.status.active{background:#d4edda;color:#155724}.status.cancelled{background:#f8d7da;color:#721c24}.booking-actions{margin-top:15px;text-align:right}.danger-button{background:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:.9em}.danger-button:hover{background:#c82333}.recurring-modal{background:#fff;border-radius:12px;padding:30px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.recurring-slot-info{margin:20px 0}.slot-details{padding:15px;background:#f8f9fa;border-radius:8px;margin-bottom:15px}.slot-details h4{margin:0 0 10px;color:#2c3e50}.slot-time{color:#28a745;font-weight:600;margin:5px 0}.slot-description{color:#6c757d;font-style:italic;margin:10px 0 0}.booking-info{padding:15px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px}.booking-info p{margin:8px 0;color:#856404}.booking-info strong{color:#533f03}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.primary-button{background:#28a745;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-weight:600}.primary-button:hover:not(:disabled){background:#218838}.primary-button:disabled{background:#6c757d;cursor:not-allowed}.cancel-button{background:#6c757d;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer}.cancel-button:hover:not(:disabled){background:#5a6268}.parent-auth-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:10000}.parent-auth-modal-content{position:relative;background:#fff;border-radius:12px;padding:0;max-width:450px;width:90%;max-height:90vh;overflow:auto;outline:none;box-shadow:0 8px 32px #0000004d}.parent-auth-modal{padding:30px}.parent-auth-modal-title{margin:0 0 15px;font-size:24px;color:#333;text-align:center}.parent-auth-modal-message{margin:0 0 25px;color:#666;font-size:14px;text-align:center;line-height:1.6}.parent-auth-form{display:flex;flex-direction:column;gap:20px}.parent-auth-input-group{display:flex;flex-direction:column;gap:8px}.parent-auth-input-group label{font-size:14px;font-weight:600;color:#333}.parent-auth-input-wrapper{position:relative;display:flex;align-items:center}.parent-auth-input{width:100%;padding:12px 45px 12px 12px;font-size:18px;border:2px solid #ddd;border-radius:8px;outline:none;transition:border-color .2s;font-family:monospace;letter-spacing:4px;text-align:center}.parent-auth-input:focus{border-color:#4caf50}.parent-auth-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.parent-auth-toggle-visibility{position:absolute;right:10px;background:none;border:none;cursor:pointer;font-size:20px;padding:4px;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .2s}.parent-auth-toggle-visibility:hover{opacity:1}.parent-auth-error{padding:12px;background-color:#fff3cd;border:1px solid #ffc107;border-radius:6px;color:#856404;font-size:14px;text-align:center}.parent-auth-buttons{display:flex;gap:12px;margin-top:10px}.parent-auth-button{flex:1;padding:12px 24px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.parent-auth-button:disabled{opacity:.5;cursor:not-allowed}.parent-auth-button-cancel{background-color:#f5f5f5;color:#333}.parent-auth-button-cancel:hover:not(:disabled){background-color:#e0e0e0}.parent-auth-button-submit{background-color:#4caf50;color:#fff}.parent-auth-button-submit:hover:not(:disabled){background-color:#45a049}.parent-auth-note{margin-top:20px;padding:15px;background-color:#e3f2fd;border:1px solid #90caf9;border-radius:6px;color:#1565c0;font-size:13px;text-align:center;line-height:1.6}.parent-auth-note p{margin:5px 0}.slide-editor,.slide-editor *,.slide-editor-form,.slide-editor-form *,.editor-forms,.editor-forms *,.editor-preview,.editor-preview *{scrollbar-width:none!important;-ms-overflow-style:none!important}.slide-editor::-webkit-scrollbar,.slide-editor *::-webkit-scrollbar,.slide-editor-form::-webkit-scrollbar,.slide-editor-form *::-webkit-scrollbar,.editor-forms::-webkit-scrollbar,.editor-forms *::-webkit-scrollbar,.editor-preview::-webkit-scrollbar,.editor-preview *::-webkit-scrollbar{display:none!important}.slide-editor{display:flex;flex-direction:column;height:100vh}.editor-layout{display:grid;grid-template-columns:1fr 2fr 1fr;height:100%}.editor-forms{padding:5px;background:#f9f9f9;overflow-y:auto;padding-bottom:50vh}.slide-editor-preview{position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;width:100%;height:600px;padding:0;box-sizing:border-box;background-color:transparent!important;transition:all .3s ease;z-index:1}.slide-editor .editor-preview .space-junk-sentence-template{width:100%;height:100%;position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.slide-editor .editor-preview .scaling-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;transform-origin:center center}.slide-editor .editor-preview .space-junk-sentence-template .background-video,.slide-editor .editor-preview .space-junk-sentence-template .background-image{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:1}.image-library-tab{position:relative;background:#fff;box-shadow:-2px 0 5px #0000001a;overflow-y:auto;transition:transform .3s ease}.image-library-toggle{position:absolute;top:10px;left:-100px;transform:rotate(-90deg);transform-origin:left top;background:#23a455;color:#fff;border:none;padding:10px;cursor:pointer}.image-library-tab.open{transform:translate(0)}.image-library-tab:not(.open){transform:translate(100%)}.slide-editor .scaling-container{width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start}.editor-preview:after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ffffff80;font-size:18px;pointer-events:none;opacity:0;transition:opacity .3s ease}.editor-preview.dragging-over:after{opacity:1}.edit-section{flex:1;overflow-y:auto;height:100%;padding:16px;width:100%;scrollbar-width:thin;scroll-behavior:auto!important;overflow-anchor:none!important}.scroll-top{scroll-behavior:auto!important;scroll-padding-top:0!important;overflow-anchor:none!important}.edit-section input:focus,.edit-section textarea:focus{scroll-margin-top:0!important;scroll-margin-bottom:0!important}.slide-editor:has(.preview-section:only-child){height:100%}.slide-editor:has(.edit-section:only-child){height:100%;overflow-y:auto}.preview-container,.preview-wrapper,.template-wrapper{all:unset;width:100%!important;height:100%!important;display:block!important}.editor-section{flex:1;width:100%;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px;overflow-y:auto}.template-editor{margin-top:0;padding-bottom:200px}.sentences-section,.words-section{display:flex;flex-direction:column;gap:15px;margin:15px 0}.sentence-editor,.word-editor{display:grid;grid-template-columns:1fr auto;gap:10px;padding:10px;border:1px solid #ddd;border-radius:4px;background:#f9f9f9}.word-editor h4{margin:0 0 10px;color:#333}.word-editor input[type=text]{padding:8px;border:1px solid #ddd;border-radius:4px;margin-bottom:10px;width:100%}.letters-grid{display:flex;gap:5px;margin-bottom:10px}.letters-grid input{width:40px;height:40px;text-align:center;font-size:18px;border:1px solid #ddd;border-radius:4px}.to-fill{margin-top:10px}.to-fill h5{margin:0 0 5px;color:#666}.to-fill input{width:40px;height:40px;text-align:center;font-size:18px;border:1px solid #23A455;border-radius:4px;margin-right:5px}.button,.add-answer-btn,.add-question-btn,.edit-dragdrop-add-sentence-btn,.add-instruction-btn,.add-sentence-btn,.add-label-btn{display:block;margin:0 auto 24px;background:#23a455!important;color:#fff;border:none;border-radius:6px;padding:12px 28px;font-size:20px;font-weight:700;cursor:pointer;box-shadow:0 2px 6px #23a45514;transition:background .2s,box-shadow .2s}.button,.add-label-btn,.add-sentence-btn,.add-answer-btn,.add-question-btn,.edit-dragdrop-add-sentence-btn:hover{background:#1a7d40;box-shadow:0 4px 12px #23a45521}.lesson-start-editor{display:flex;flex-direction:column;gap:20px;padding:20px}.editor-field{display:flex;flex-direction:column;gap:8px}.editor-field label{font-weight:500;color:#333}.editor-field input{padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333}.form-group input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-group input:focus{border-color:#23a455;outline:none}.background-drop-zone{position:relative;min-height:200px;border:2px dashed #ccc;border-radius:8px;text-align:center;transition:all .3s ease;cursor:pointer;margin-top:10px;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center}.background-drop-zone:hover,.background-drop-zone.dragging-over{border-color:#23a455;background-color:#23a4551a}.background-preview{width:100%;height:200px;overflow:hidden;border-radius:4px;margin-bottom:10px;background:#f5f5f5}.background-preview img{width:100%;height:100%;object-fit:cover}.lesson-container .scaling-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;transform:scale(1);transform-origin:top left}.slide-editor .slide-editor-preview>.scaling-container{position:relative;width:1000px;height:600px;display:flex;justify-content:center;align-items:center;background:#fff;box-shadow:0 0 8px #00000026;z-index:1}.slide-editor .slide-editor-preview>.scaling-container:has(.custom-slide-template){background:transparent}.slide-editor .slide-editor-preview>.scaling-container .lesson-container{width:100%!important;height:100%!important;min-height:600px!important;z-index:1}.slide-editor .slide-editor-preview>.scaling-container .lesson-container .inner-container{width:100%!important;height:100%!important;min-height:600px!important;z-index:1}.slide-editor .slide-editor-preview>.scaling-container .lesson-container .inner-container>.scaling-container{width:100%!important;height:100%!important;min-height:600px!important;z-index:1}.slide-editor .slide-editor-preview>.scaling-container>*{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.sentence-editor{background:#f9f9f9;padding:20px;border-radius:8px;margin-bottom:20px}.answer-options{display:flex;flex-direction:column;gap:15px;margin-top:15px}.correct-answer{background:#e0f2e9;padding:15px;border-radius:6px}.incorrect-answers{background:#fff0f0;padding:15px;border-radius:6px}.incorrect-answer-input{display:flex;gap:10px;margin-bottom:10px}.remove-option{background:#dc3545;color:#fff;border:none;border-radius:4px;width:30px;height:30px;cursor:pointer}.add-option{background:#6c757d;color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer}.character-drop-zone{position:relative;min-height:200px;border:2px dashed #ccc;border-radius:8px;text-align:center;transition:all .3s ease;cursor:pointer;margin-top:10px}.character-drop-zone:hover,.character-drop-zone.dragging-over{border-color:#23a455;background-color:#23a4551a}.character-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.character-preview img{max-width:100%;max-height:200px;object-fit:contain}.editor-preview .drag-drop-template .option-battery.correct-answer{background-color:#28a745;color:#fff}.background-drop-zone.dragging-over{border-color:#23a455;background-color:#23a4551a}.background-drop-zone.invalid-drag{border-color:#dc3545;background-color:#dc35451a}.character-drop-area{position:relative;width:100%;height:100%;background-color:transparent}.character-drop-area.dragging-over:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#23a4551a;border:2px dashed #23A455;pointer-events:none}.edit-whoisright-editor{padding:0!important;padding-bottom:50vh!important}.edit-whoisright-sentences{padding:0!important}.edit-whoisright-sentence{position:relative;background:#fff;border:1.5px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 8px #0000000a;margin-bottom:24px;padding:18px 18px 12px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start}.edit-whoisright-answers{display:flex;flex-direction:column;gap:10px;margin-top:10%}.edit-whoisright-answer-section{margin-bottom:10px}.edit-whoisright-answer-input{width:100%;padding:12px;border:2px solid #d9d9d9;border-radius:8px;font-size:19px}.edit-whoisright-answer-input.correct{background:#4caf5021!important;border-color:#4caf50}.edit-whoisright-answer-input.incorrect{background:#f4433621!important;border-color:#f44336}.edit-whoisright-portal-section{display:flex;flex-direction:column;gap:5px;width:100%;align-items:center}.edit-whoisright-portal-preview{width:100%;height:100%;border:2px dashed #d9d9d9;border-radius:8px;display:flex;justify-content:center;align-items:center;overflow:hidden;background:#fff;cursor:pointer;transition:all .2s ease}.edit-whoisright-portal-preview:hover{border-color:#23a455;background:#f6fef7}.edit-whoisright-portal-image{width:100%;height:100%;object-fit:contain}.edit-whoisright-portal-placeholder{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:#888;text-align:center;pointer-events:none;background-color:#f9f9f9cc;padding:8px}.edit-whoisright-portal-input{width:100%;padding:8px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;text-align:center}.edit-whoisright-add-btn{display:block;margin:0 auto 24px;background:#23a455;color:#fff;border:none;border-radius:6px;padding:12px 28px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 2px 6px #23a45514;transition:background .2s,box-shadow .2s}.edit-whoisright-add-btn:hover{background:#1a7d40;box-shadow:0 4px 12px #23a45521}.edit-whoisright-delete-btn{position:absolute;top:-5px!important;right:0!important;width:25px;height:25px;background:none;color:#000;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:25px;font-weight:700;cursor:pointer;z-index:10;line-height:1;padding:0;transition:all .2s ease}.edit-whoisright-delete-btn:hover{transform:scale(2);color:red;background:none}.findstars-editor{padding:20px;background:#fff;border-radius:8px;margin-bottom:50vh}.findstars-editor .question-block{position:relative;border:1px solid #ddd;border-radius:8px;padding:10px;margin-bottom:10px;background:#f9f9f9}.findstars-editor .question-header{display:flex;align-items:center;margin-bottom:15px}.findstars-editor .question-header h4{margin:0 15px 0 0}.findstars-editor .question-text-input{flex:1;padding:8px;border:1px solid #ddd;border-radius:4px;margin-top:15px}.edit-findstars-delete-question-btn{position:absolute;top:-10px;right:0;width:25px;height:25px;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;z-index:10;transition:transform .2s ease}.findstars-editor .answers-section{margin-top:0}.findstars-editor .answer-editor{position:relative;border:1px solid #ddd;border-radius:8px;padding:15px;margin-bottom:15px;background:#fff}.findstars-editor .answer-editor.correct-answer{border-color:#4caf50;background:#4caf500d}.findstars-editor .answer-editor.incorrect-answer{border-color:#f44336;background:#f443360d}.findstars-editor .answer-content{display:flex;flex-direction:row;align-items:center;gap:15px;position:relative;width:100%}.findstars-editor .answer-image-section{width:120px;flex-shrink:0}.findstars-editor .answer-text-section{flex:1;min-width:0}.findstars-editor .answer-text-input{width:100%;height:auto!important}.findstars-editor .answer-image-preview{width:120px;height:120px;border:1px solid #ddd;border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#fff;margin-bottom:5px}.findstars-editor .image-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#999;font-size:12px;text-align:center}.matching-aliens-editor{padding:20px;padding-bottom:25vh!important;background:#fff;border-radius:8px}.matching-pair{position:relative;padding:15px;border:1px solid #ddd;border-radius:8px;background:#f9f9f9;margin-bottom:15px}.pair-header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:15px}.pair-header h4{margin:0}.pair-items{display:grid;grid-template-columns:1fr 1fr;gap:15px}.pair-item-text{margin-bottom:10px;margin-top:25px}.image-preview{width:100%;height:120px;border:1px solid #ddd;border-radius:5px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;background-color:#f9f9f9}.empty-image-preview{width:100%;height:120px;border:1px dashed #ccc;border-radius:5px;display:flex;align-items:center;justify-content:center;color:#999;font-size:14px;background-color:#f9f9f9}.image-preview img{max-width:100%;max-height:100%;object-fit:contain}.delete-image-preview-btn{position:absolute;top:5px;right:5px;width:25px;height:25px;background:none;border:none;color:#000;font-size:18px;font-weight:700;cursor:pointer;z-index:10;transition:transform .2s ease;display:flex;align-items:center;justify-content:center}.delete-image-preview-btn:hover{transform:scale(1.2);color:red}.pair-item-image-input{width:100%;align-self:center;text-align:center;margin-top:-5%}.item-image-preview{width:100px;height:100px;margin:0 auto 10px;border:1px dashed #ccc;border-radius:5px;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;background-color:#f9f9f9}.item-image-preview:hover{border-color:#2196f3;background-color:#2196f31a}.item-image-preview .image-placeholder{padding:5px;text-align:center}.item-image{max-width:100%;max-height:100%;object-fit:contain}.image-placeholder{color:#999;font-size:12px;text-align:center}.item-inputs{display:flex;flex-direction:column;gap:10px}.item-image-field,.item-text-field{width:100%}.item-image-field label,.item-text-field label{display:block;font-size:12px;margin-bottom:5px}.item-image-field input,.item-text-field input{width:100%;padding:5px;border:1px solid #ccc;border-radius:4px}.add-pair-btn{width:100%;padding:10px;background:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-top:10px}.spacejunk-sentence-editor{padding:20px;background:#fff;border-radius:8px}.spacejunk-form{display:flex;flex-direction:column;gap:15px}.spacejunk-sentence-field{width:100%}.spacejunk-sentence-field label{display:block;font-size:14px;font-weight:500;margin-bottom:5px}.spacejunk-sentence-field input{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px}.field-help{margin-top:5px;font-size:12px;color:#666;font-style:italic}.rocket-instructions-editor{padding:20px;border-radius:8px}.instruction-editor{position:relative;margin-bottom:10px;display:flex}.instruction-editor input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px}.delete-instruction-btn{position:absolute;top:-1%;right:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.speaking-editor{display:flex;flex-direction:column;gap:20px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.speaking-editor-conversation-list{display:flex;flex-direction:column;gap:12px;min-height:400px;height:100%;padding:16px 16px 75%;border:1px solid #ddd;border-radius:8px;background:#fff;margin-bottom:16px;overflow-y:auto}.speaking-editor-dialogue-item{display:flex;align-items:center;gap:12px;padding:8px 0;position:relative;min-height:80px}.speaking-editor-character-avatar{width:70px!important;height:70px!important;border-radius:50%!important;object-fit:cover!important;flex-shrink:0;border:2px solid #ddd!important}.left-dialogue .speaking-editor-character-avatar{border-color:#1890ff!important}.right-dialogue .speaking-editor-character-avatar{border-color:#faad14!important}.speaking-editor-dialogue-content{flex:1;position:relative;display:flex;flex-direction:column;justify-content:flex-start}.speaking-editor-dialogue-content textarea{width:100%;min-height:40px!important;max-height:80px;padding:8px 12px!important;border:1px solid #ddd;border-radius:4px;resize:vertical;font-size:16px;line-height:1.4;color:#000!important}.left-dialogue .speaking-editor-dialogue-content textarea{background:#e6f7ff;color:#000!important}.right-dialogue .speaking-editor-dialogue-content textarea{background:#fff8e6;color:#000!important}.speaking-editor-delete-btn{position:absolute;top:0;right:0}.speaking-editor-delete-btn:hover{opacity:1}.speaking-editor-controls{display:flex;justify-content:space-around;align-items:center;padding:16px;border-top:1px solid #eee;margin-top:auto}.speaking-editor-character-section{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.speaking-editor-preview{margin-bottom:0}.speaking-editor-preview-image{width:150px!important;height:150px!important;border-radius:0!important;object-fit:cover!important;border:3px solid #ddd!important}.left-add{background:#1890ff!important}.right-add{background:#faad14!important}.speaking-editor-add-btn{padding:8px 16px!important;border:none!important;border-radius:4px!important;cursor:pointer!important;font-size:18px!important;font-weight:700!important;min-width:120px!important;color:#fff!important}.difficulty-slider{width:100%;cursor:pointer}.difficulty-labels{display:flex;justify-content:space-between;font-size:12px;color:#666;margin-top:5px}.image-preview-small{width:150px;height:100px;border:1px solid #ddd;margin-top:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#f0f0f0}.image-preview-small img{max-width:100%;max-height:100%;object-fit:contain}.image-preview-small.placeholder{color:#999;font-size:12px;text-align:center}.labels-section{margin-top:15px}.label-editor-item{display:flex;align-items:center;gap:10px;margin-bottom:8px}.label-editor-item input{flex-grow:1;padding:6px;border:1px solid #ccc;border-radius:4px}.delete-label-btn{background-color:#ff4d4d;color:#fff;border:none;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px}.alien-dictionary-editor{display:flex;flex-direction:column;position:relative;height:100%;min-height:0}.alien-dictionary-editor .alien-dictionary-sticky-header{position:sticky;top:0;z-index:10;background:#fff;padding-bottom:8px;box-shadow:0 2px 8px #0000000a}.alien-dictionary-editor .character-previews{display:flex;gap:20px;margin-bottom:0}.alien-dictionary-editor .emoji-editor{margin:12px 0 0}.alien-dictionary-editor .conversation-list{flex:1 1 0;min-height:0;max-height:none;overflow-y:auto;border:1px solid #eee;padding:10px;margin-top:0;background-color:#fff}.alien-dictionary-editor .character-column{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;padding:15px;border:1px solid #ddd;border-radius:8px;background:#f9f9f9}.alien-dictionary-editor .character-preview{display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px;border:2px dashed #ccc;border-radius:8px;width:100%;background:#fff;transition:border-color .2s ease}.alien-dictionary-editor .character-preview:hover{border-color:#23a455}.alien-dictionary-editor .character-preview img{width:120px;height:120px;object-fit:contain}.alien-dictionary-editor .add-message-buttons{display:flex;flex-direction:column;gap:0px;width:75%;margin-top:10px}.alien-dictionary-editor .add-message-buttons button{padding:8px 12px;border:none;border-radius:4px;background:#23a455;color:#fff;cursor:pointer;font-size:16px;transition:background-color .2s ease}.alien-dictionary-editor .add-message-buttons button:hover{background:#1a7d40}.alien-dictionary-editor .add-message-buttons button:disabled{background:#ccc;cursor:not-allowed}.alien-dictionary-editor .conversation-line-editor{display:flex;align-items:center;gap:10px;min-height:56px;padding:6px 8px;background:#f8f8f8;border-radius:8px;margin-bottom:8px;position:relative}.alien-dictionary-editor .conversation-line-editor .character-image-preview,.alien-dictionary-editor .conversation-line-editor img.character-image{width:38px;height:38px;object-fit:contain;border-radius:50%;border:2px solid #ddd;margin-right:8px;display:flex;align-items:center;justify-content:center}.alien-dictionary-editor .conversation-line-editor .message-content{flex:1;display:flex;flex-direction:column;justify-content:center}.alien-dictionary-editor .conversation-line-editor textarea{min-height:54px;height:54px;font-size:15px;padding:6px 10px;border-radius:4px;border:1px solid #ddd;margin-bottom:2px;resize:vertical;width:100%;line-height:1.4}.alien-dictionary-editor .conversation-line-editor .media-input-group{display:flex;flex-direction:column;align-items:center;justify-content:center;width:50%;min-width:120px;max-width:180px;margin:8px 0}.alien-dictionary-editor .conversation-line-editor .media-preview img,.alien-dictionary-editor .conversation-line-editor .media-preview video{width:100%;max-width:100%;border-radius:6px;margin-bottom:6px;display:block}.alien-dictionary-editor .conversation-line-editor .media-input-group input[type=text]{width:100%;font-size:14px;padding:6px 8px;border-radius:4px;border:1px solid #ddd;margin-bottom:2px;text-align:center;display:block}.delete-line-btn.text{top:-10%!important;right:0%!important}.delete-line-btn.media{top:-3%!important;right:-0%!important}.edit-phonicsasteroids-image-search{position:relative;margin-top:10px}.image-search-container{position:relative;width:100%}.image-suggestions{position:absolute;top:100%;left:0;width:100%;max-height:200px;overflow-y:auto;background-color:#fff;border:1px solid #ddd;border-radius:4px;z-index:1000;box-shadow:0 4px 8px #0000001a}.image-suggestion{display:flex;align-items:center;padding:8px;cursor:pointer;transition:background-color .2s}.image-suggestion:hover{background-color:#f5f5f5}.image-suggestion img{width:40px;height:40px;object-fit:contain;margin-right:10px}.image-suggestion span{font-size:14px;color:#333}.sorting-game-editor .categories-container{display:flex;flex-direction:column;gap:20px}.sorting-game-editor .categories-header{display:flex;gap:20px}.sorting-game-editor .category-column{flex:1;min-width:0;padding:15px;background:#f9f9f9;border-radius:8px;border:1px solid #e0e0e0;display:flex;flex-direction:column;align-items:center}.sorting-game-editor .category-column h3{margin-top:0;margin-bottom:10px;font-size:16px;color:#333}.sorting-game-editor .items-container{display:flex;gap:20px}.sorting-game-editor .item-row{display:flex;gap:10px;margin-bottom:8px;align-items:center;width:100%}.sorting-game-editor .item-row input{flex:1;padding:8px;border:1px solid #ddd;border-radius:4px}.sorting-game-add-btn{padding:8px 16px!important;border:none!important;border-radius:4px!important;cursor:pointer!important;font-size:18px!important;font-weight:700!important;min-width:120px!important;color:#fff!important;background:#23a455!important;margin-top:16px!important;transition:background-color .2s!important}.sorting-game-add-btn:hover{background:#1a7d40!important}.sorting-game-add-btn:disabled{background:#ccc!important;cursor:not-allowed!important}.phonics-asteroids-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.phonics-asteroids-editor-cell{background:#f9f9f9;border-radius:8px;padding:18px 16px 16px;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;gap:0px;position:relative}.phonics-asteroids-editor-cell .word-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:0}.phonics-asteroids-editor-cell .word-text-section{margin-bottom:0}.phonics-asteroids-editor-cell .word-image-section{display:flex;flex-direction:column;gap:0px}.phonics-asteroids-editor-cell .image-preview{width:100%!important;height:120px!important;border:1px solid #ddd;border-radius:4px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:0;position:relative}.phonics-asteroids-editor-cell .image-preview img{max-width:100%;max-height:100%;object-fit:contain}.phonics-asteroids-editor-cell .image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#999;font-size:12px;text-align:center;padding:10px;background:#f9f9f9;border-radius:4px}.phonics-asteroids-editor-cell .image-name-input{width:100%;font-size:14px;padding:10px;border:1px solid #ccc;border-radius:4px;text-align:center}.add-word-btn{width:100%;padding:10px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-top:10px;font-size:16px;font-weight:700}.phonics-asteroids-editor-cell .delete-word-btn,.phonics-asteroids-editor-cell .delete-word-btn:hover{background:none!important;color:red!important}.phonics-asteroids-editor-cell .phonics-asteroids-image-delete-btn{right:1%!important;top:-6%!important;background:none!important}.phonics-asteroids-editor-cell .delete-word-btn.button:hover{background:none!important}.delete-btn,.delete-word-btn,.delete-answer-btn,.delete-pair-btn,.delete-line-btn,.delete-option-btn,.delete-instruction-btn,.delete-label-btn,.delete-answer-image-btn,.edit-dragdrop-delete-btn,.edit-dragdrop-delete-option-btn,.edit-whoisright-delete-btn,.phonics-asteroids-image-delete-btn,.edit-findstars-delete-question-btn,.edit-findstars-delete-answer-btn,.edit-matching-aliens-delete-pair-btn,.speaking-editor-delete-btn,.delete-item-btn,.storyline-editor-delete-btn,.wordbank-editor-delete-btn,.label-editor-delete-btn,.label-editor-image-delete-btn,.alien-dictionary-delete-btn{position:absolute!important;width:25px!important;height:25px!important;background:none!important;color:#000!important;border:none!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:25px!important;font-weight:700!important;cursor:pointer!important;z-index:10!important;line-height:1!important;padding:0!important;transition:all .2s ease!important}.delete-btn:hover,.delete-word-btn:hover,.delete-answer-btn:hover,.delete-pair-btn:hover,.delete-line-btn:hover,.delete-option-btn:hover,.delete-instruction-btn:hover,.delete-label-btn:hover,.delete-answer-image-btn:hover,.edit-dragdrop-delete-btn:hover,.edit-dragdrop-delete-option-btn:hover,.edit-whoisright-delete-btn:hover,.phonics-asteroids-image-delete-btn:hover,.edit-findstars-delete-question-btn:hover,.edit-findstars-delete-answer-btn:hover,.edit-matching-aliens-delete-pair-btn:hover,.speaking-editor-delete-btn:hover,.delete-item-btn:hover,.storyline-editor-delete-btn:hover,.wordbank-editor-delete-btn:hover,.label-editor-delete-btn:hover,.label-editor-image-delete-btn:hover,.alien-dictionary-delete-btn:hover{transform:scale(2)!important;color:red!important;background:none!important}.delete-item-btn{position:relative!important;right:5%!important;margin-top:-5%!important}.edit-findstars-delete-answer-btn{position:absolute!important;top:-15%!important;right:-5%!important;width:25px!important;height:25px!important;background:none!important;border:none!important;color:#000!important;font-size:20px!important;font-weight:700!important;cursor:pointer!important;z-index:10!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:transform .2s ease!important}.delete-answer-image-btn{position:absolute!important;top:-10%!important;right:-3%!important;width:25px!important;height:25px!important;background:none!important;border:none!important;color:#000!important;font-size:20px!important;font-weight:700!important;cursor:pointer!important;z-index:10!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:transform .2s ease!important}.findstars-editor .answer-image-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.findstars-editor .answer-image{max-width:100%;max-height:100%;object-fit:contain;display:block}.phonics-asteroids-image-delete-btn{position:absolute!important;top:5px!important;right:5px!important;width:25px!important;height:25px!important;background:none!important}.edit-dragdrop-editor,.edit-dragdrop-sentences{padding:0!important}input[type=text],input[type=number],input[type=email],input[type=password],input:not([type]),textarea,.label-editor-item input{font-size:19px!important}.edit-dragdrop-answers-row{display:flex;flex-direction:row;gap:5px;margin-top:-5%}.edit-dragdrop-correct-answer,.edit-dragdrop-incorrect-wrapper input[type=text]{flex:1 1 0;min-width:0;font-size:19px;font-weight:400;height:48px;border-radius:8px;border:2px solid #d9d9d9;background:#f6fef7;text-align:center;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.edit-dragdrop-incorrect-wrapper{flex:1 1 0;min-width:0;display:flex;align-items:center;position:relative}.edit-dragdrop-add-incorrect{flex:1 1 0;min-width:0;height:48px;border-radius:8px;border:2px dashed #d9d9d9;background:#fff;color:#23a455;font-size:28px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,border-color .2s;padding:0}.edit-dragdrop-add-incorrect:hover{background:#f6fef7;border-color:#23a455}.edit-option-btn{position:absolute;top:-6px!important;right:2px!important;width:22px;height:22px;border-radius:50%;background:#ff4d4d;color:#fff;border:none;display:flex;align-items:center;justify-content:center;font-size:25px!important;cursor:pointer;z-index:2}.edit-dragdrop-delete-option-btn{position:absolute;top:-6px!important;right:2px!important;width:22px;height:22px}.edit-dragdrop-delete-btn{position:absolute;width:15px;height:15px;border-radius:50%;bottom:0!important;border:none;display:flex;cursor:pointer;z-index:2;top:-6%!important;right:.5%!important}.edit-dragdrop-editor-box{background:#fff;border:1.5px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 8px #0000000a;margin-bottom:24px;padding:18px 18px 12px;display:flex;flex-direction:column;gap:16px}.edit-dragdrop-correct-answer{background:#4caf5021!important}.edit-dragdrop-incorrect-wrapper input[type=text]{background:#f4433621!important}.phonics-asteroids-image-delete-btn{position:absolute;top:2px;right:2px;width:16px;height:16px;background:#ff4d4d;color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;padding:0}.phonics-asteroids-editor-cell .image-name-input{font-size:13px;padding:5px;width:100%;margin-top:5px}.edit-phonicsasteroids-editor button:last-child:hover{background-color:#3d8b40!important}.phonics-asteroids-editor-cell .delete-word-btn:hover,.phonics-asteroids-editor-cell .delete-word-btn.button:hover{background:none!important;background-color:transparent!important}.edit-phonicsasteroids-editor .delete-word-btn:hover{background:none!important}.edit-phonicsasteroids-editor .phonics-asteroids-editor-cell .delete-word-btn.button:hover,.edit-phonicsasteroids-editor .phonics-asteroids-editor-cell .delete-word-btn:hover,.phonics-asteroids-editor-cell .delete-word-btn.button:hover,.phonics-asteroids-editor-cell .delete-word-btn:hover{background:none!important;background-color:transparent!important;background-image:none!important}.editor-whoisright-characters{display:flex;justify-content:space-between;align-items:flex-end;height:300px;margin:20px 0;position:relative}.editor-whoisright-character{height:280px;object-fit:contain;object-position:bottom;max-width:40%}.editor-whoisright-character.left{margin-right:auto}.editor-whoisright-character.right{margin-left:auto}.editor-whoisright-portal{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:120px;height:120px}.editor-whoisright-portal img{width:100%;height:100%;object-fit:contain}.editor-preview .reading-page-template .character-drop-zone,.editor-preview .reading-page-template .character-drop-zone:hover,.editor-preview .reading-page-template .character-drop-zone.active,.editor-preview .reading-page-template .character-drop-zone.left,.editor-preview .reading-page-template .character-drop-zone.right,.editor-preview .reading-page-template .character-drop-zone.left:hover,.editor-preview .reading-page-template .character-drop-zone.right:hover,.editor-preview .reading-page-template .character-drop-zone:after{border:none!important;background:transparent!important;background-color:transparent!important;box-shadow:none!important;opacity:1!important;transition:none!important}.labels-section,.label-editor-item,.delete-label-btn,.add-label-btn,.label-editor-item input{font-size:16px!important;font-weight:700!important}.form-group label,.editor-field label,.label-editor-item label{font-size:22px!important;font-weight:700!important}.edit-whoisright-editor,.edit-dragdrop-editor,.edit-phonicsasteroids-editor,.edit-matchingaliens-editor,.edit-spacejunk-editor,.edit-aliendictionary-editor,.edit-puzzlemaker-editor,.edit-sortinggame-editor,.edit-label-editor,.edit-lettertracing-editor,.edit-rocketinstructions-editor,.edit-speaking-editor,.edit-readingpage-editor,.edit-lessonstart-editor,.edit-lessonend-editor{padding-bottom:50vh!important}.edit-matching-aliens-delete-pair-btn{position:absolute!important;top:-3%!important;right:0!important;width:25px!important;height:25px!important;background:none!important;color:#000!important;border:none!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:25px!important;font-weight:700!important;cursor:pointer!important;z-index:10!important;line-height:1!important;padding:0!important;transition:all .2s ease!important}.matching-aliens-toggle-mode-btn{position:absolute!important;top:-5%!important;right:-1%!important;width:30px!important;height:30px!important;background:none!important;border:none!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:16px!important;cursor:pointer!important;z-index:10!important;padding:0!important;transform:scale(1)!important;transition:transform .2s ease!important}.toggle-mode-btn:hover{transform:scale(1.2)!important}.pair-item{padding:15px;border:1px solid #ddd;border-radius:5px;background:#fff;position:relative;display:flex;flex-direction:column;flex:1;min-width:0}.pair-content{display:flex;gap:15px;margin-top:10px}.pair-item-image-mode{display:flex;flex-direction:column}.pair-item h5{margin-top:0;margin-bottom:10px;text-align:center}.pair-item-image-container{margin-bottom:10px}.mode-indicator{display:block;text-align:center;font-size:12px;color:#666;margin-bottom:10px;font-style:italic}.spacejunk-sentence-label{display:block;font-size:18px!important;font-weight:600!important;margin-bottom:10px!important;color:#333}.spacejunk-sentence-textarea{width:100%;min-height:80px;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:16px;line-height:1.5;resize:vertical}.rocket-instructions-label{display:block;font-size:18px!important;font-weight:600!important;margin-bottom:10px!important;margin-top:15px!important;color:#333}.storyline-editor-dialogue-item{display:flex;align-items:center;gap:8px;padding:4px 0;position:relative;min-height:40px;margin-bottom:6px}.storyline-editor-character-avatar{width:50px!important;height:50px!important;border-radius:50%!important;object-fit:cover!important;flex-shrink:0;border:2px solid #ddd!important}.storyline-editor-dialogue-item.left .storyline-editor-character-avatar{border-color:#1890ff!important}.storyline-editor-dialogue-item.right .storyline-editor-character-avatar{border-color:#faad14!important}.storyline-editor-dialogue-content{flex:1;position:relative;display:flex;flex-direction:column;justify-content:flex-start;background:#fff;border-radius:8px;padding:8px;box-shadow:0 1px 3px #0000001a}.storyline-editor-dialogue-item.left .storyline-editor-dialogue-content{background:#e6f7ff}.storyline-editor-dialogue-item.right .storyline-editor-dialogue-content{background:#fff8e6}.storyline-editor-dialogue-item.center .storyline-editor-dialogue-content{background:#fff9c4;margin-left:62px}.storyline-editor-dialogue-text{width:100%;min-height:36px!important;height:75px!important;padding:5px 8px!important;border:1px solid #ddd;border-radius:4px;resize:none;font-size:14px;line-height:1.2;margin-bottom:4px;margin-top:5%}.storyline-editor-inventory-section{margin-top:8px;padding-top:8px;border-top:1px solid rgba(0,0,0,.1);display:grid;grid-template-columns:1fr 1fr;gap:12px;position:relative}.storyline-editor-inventory-image-column{display:flex;flex-direction:column;gap:8px;align-items:center;position:relative}.storyline-editor-inventory-text-column{display:flex;flex-direction:column;gap:8px}.storyline-editor-inventory-preview{width:100%;display:flex;flex-direction:column;gap:8px;align-items:center}.storyline-editor-inventory-image-container{width:100px;height:100px;border:2px dashed #ddd;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f9f9f9;cursor:pointer;transition:all .2s ease}.storyline-editor-inventory-image-container:hover,.storyline-editor-inventory-image-container.dragging-over{border-color:#23a455;background:#23a4551a}.storyline-editor-inventory-image-container img{max-width:100%;max-height:100%;object-fit:contain}.storyline-editor-inventory-image-placeholder{color:#999;font-size:12px;text-align:center;padding:10px}.storyline-editor-button-text-input{width:100%;padding:4px 8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.storyline-editor-delete-btn{position:absolute!important;top:-3%!important;right:-1%!important}.storyline-editor-controls{display:flex;justify-content:center;padding:16px;border-top:1px solid #eee;margin-top:16px;margin-bottom:175px;gap:12px;flex-wrap:wrap}.storyline-editor-add-btn{padding:8px 16px!important;border:none!important;border-radius:4px!important;cursor:pointer!important;font-size:20px!important;font-weight:700!important;min-width:100px!important;color:#fff!important;transition:background-color .2s ease!important}.storyline-editor-add-btn.left{background:#1890ff!important}.storyline-editor-add-btn.center{background:#faad14!important}.storyline-editor-add-btn.right{background:#1890ff!important}.storyline-editor-add-btn:hover{opacity:.9}.storyline-editor-add-item-btn{display:block;margin:10px auto;background:#23a455;color:#fff;border:none;border-radius:6px;padding:12px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 2px 6px #23a45514;transition:background .2s,box-shadow .2s}.storyline-editor-add-item-btn.inline{display:inline-block;margin:10px 0 0;padding:8px 12px;background:#17a2b8;font-size:14px;font-weight:400;border-radius:4px;box-shadow:0 1px 3px #17a2b833}.storyline-editor-add-item-btn.inline:hover{background:#138496;box-shadow:0 2px 6px #17a2b84d}.button,.add-answer-btn,.add-question-btn,.edit-dragdrop-add-sentence-btn:hover{background:#1a7d40!important;box-shadow:0 4px 12px #23a45521}.storyline-editor-narrator-label{font-size:16px;font-weight:700;color:#666;margin-bottom:4px;text-align:center}.storyline-editor-delete-item-btn{position:absolute!important;top:-6px!important;left:-6px!important;width:22px!important;height:22px!important;background:none!important;color:#000!important;border:none!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:25px!important;font-weight:700!important;cursor:pointer!important;z-index:10!important;line-height:1!important;padding:0!important;transition:transform .2s ease!important}.storyline-editor-delete-item-btn:hover{transform:scale(2)!important;color:red!important}.storyline-editor-inventory-image-input{width:70%!important;padding:4px 8px;border:1px solid #ddd;border-radius:4px;font-size:14px;text-align:center}.wordbank-editor-sentence{position:relative;padding:15px;border:1px solid #ddd;border-radius:8px;background:#f9f9f9;margin-bottom:15px}.wordbank-editor-sentence-text{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px;margin-bottom:8px}.wordbank-editor-correct-word{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:#4caf5021!important}.wordbank-editor-delete-btn{position:absolute!important;top:-5px!important;right:-1px!important}.label-editor{display:flex;gap:20px;padding:15px}.label-editor-left-column,.label-editor-right-column{flex:1;display:flex;flex-direction:column;gap:10px}.label-editor-image-preview{width:100%;min-height:200px;border:2px dashed #ccc;border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#f9f9f9;margin-bottom:10px;transition:border-color .2s ease}.label-editor-image-preview.dragging-over{border-color:#23a455;background:#23a4551a}.label-editor-image-preview img{max-width:100%;max-height:200px;object-fit:contain}.label-editor-image-preview img.background-type{width:100%;height:100%;object-fit:cover}.label-editor-image-input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px;margin-top:5px;text-align:center}.label-editor-label-item{position:relative;padding:10px 35px 10px 10px;background:#f9f9f9;border:1px solid #ddd;border-radius:4px;margin-bottom:8px}.label-editor-label-input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.label-editor-delete-btn{right:7%!important;top:10%!important;transform:translateY(0)!important}.label-editor-image-delete-btn{top:5px!important;right:5px!important}.alien-dictionary-character-preview{display:flex!important;align-items:center!important;justify-content:center;height:38px;width:38px;min-width:32px;min-height:32px;max-width:38px;max-height:38px;margin-right:8px;border-radius:50%;overflow:hidden;border:2px solid #ddd;background:#fff}.media-input-group{align-items:center;justify-content:center;flex-direction:column;display:flex;width:100%}.media-input-group input[type=text]{display:block;margin:12px auto 0;text-align:center;width:90%;max-width:260px}.alien-dictionary-image-preview{border:2px dashed #bbb;border-radius:8px;min-height:120px;min-width:120px;height:120px;width:120px;display:flex;align-items:center;justify-content:center;background:#fff;margin:0 auto}.alien-dictionary-video-preview{border:2px dashed #bbb;border-radius:8px;min-height:120px;min-width:200px;height:120px;width:220px;display:flex;align-items:center;justify-content:center;background:#fff;margin:0 auto}.alien-dictionary-character-dialogue-preview{display:flex!important;align-items:center!important;justify-content:center;height:38px;width:38px;min-width:32px;min-height:32px;max-width:38px;max-height:38px;margin-right:8px;border-radius:50%;overflow:hidden;border:2px solid #ddd;background:#fff}.puzzle-image-preview-container{display:flex;flex-direction:column;align-items:center;margin-bottom:15px}.puzzle-image-preview-container .image-preview-small{background-color:#f9f9f9;position:relative;overflow:hidden;transition:all .2s ease-in-out;box-shadow:0 2px 5px #0000001a}.puzzle-image-preview-container .image-preview-small:hover{border-color:#007bff;box-shadow:0 3px 8px #00000026}.puzzle-image-preview-container .image-preview-small img{display:block;max-width:100%;max-height:100%;margin:0 auto}.puzzle-image-preview-container .placeholder{color:#999;display:flex;align-items:center;justify-content:center;height:100%;width:100%}.code-message-editor{margin-top:0}.code-message-input-group{display:flex;flex-direction:column;gap:8px}.code-message-textarea{width:100%;height:60px;min-height:60px;padding:10px;border:1px solid #dee2e6;border-radius:4px;resize:none;background-color:#f8f9fa;font-family:inherit;font-size:inherit}.code-message-save-btn{align-self:flex-end;padding:5px 10px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:18px}.code-message-save-btn:hover,.code-message-edit-btn:hover{background-color:#218838}.code-message-display-group{display:flex;flex-direction:column;gap:8px}.code-message-display{padding:10px;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;height:60px;overflow-y:auto}.code-message-edit-btn{align-self:flex-end;padding:5px 10px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:18px}.difficulty-slider{width:100%;margin:10px 0}.difficulty-labels{display:flex;justify-content:space-between;width:100%;margin-top:5px}.delete-word-btn,.wordbank-editor-delete-btn,.delete-option-btn{position:absolute;top:5px;right:5px;width:25px;height:25px;border-radius:50%;background-color:#f44336;color:#fff;border:none;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5}.delete-word-btn:hover,.wordbank-editor-delete-btn:hover,.delete-option-btn:hover{background-color:#d32f2f}.character-management{display:flex;flex-direction:column;gap:12px;margin-top:8px}.character-info{display:flex;justify-content:space-between;gap:16px}.character-display{flex:1;display:flex;justify-content:center;padding:10px;border-radius:8px;background-color:#f5f5f5;min-height:100px}.clear-characters-btn{background-color:#f44336;color:#fff;border:none;border-radius:4px;padding:8px 12px;cursor:pointer;font-weight:500;transition:background-color .2s;margin-top:4px}.clear-characters-btn:hover{background-color:#d32f2f}.character-drop-zone.active{z-index:20}.reading-page-character{position:absolute;bottom:0;height:50%;max-height:400px;z-index:5}.reading-page-character.left{left:0}.reading-page-character.right{right:0}.character-preview-container{display:flex;flex-direction:column;align-items:center;gap:5px}.character-preview-img{width:70px;height:70px;object-fit:contain;border-radius:6px;box-shadow:0 2px 4px #0000001a;background-color:#fff}.character-position{font-size:12px;color:#666;font-weight:500}.empty-character-preview{display:flex;justify-content:center;align-items:center;height:80px;color:#999;font-style:italic;background-color:#f0f0f0;border-radius:6px}.copyright-icon{width:24px;height:24px;object-fit:contain;vertical-align:middle}.editor-preview .reading-page-template .character-drop-zone,.editor-preview .reading-page-template .character-drop-zone:hover,.editor-preview .reading-page-template .character-drop-zone.active,.editor-preview .reading-page-template .character-drop-zone.left,.editor-preview .reading-page-template .character-drop-zone.right,.editor-preview .reading-page-template .character-drop-zone.left:hover,.editor-preview .reading-page-template .character-drop-zone.right:hover,.editor-preview .reading-page-template .character-drop-zone:after,.editor-preview .speaking-template .character-drop-zone,.editor-preview .speaking-template .character-drop-zone:hover,.editor-preview .speaking-template .character-drop-zone.active,.editor-preview .speaking-template .character-drop-zone.left,.editor-preview .speaking-template .character-drop-zone.right,.editor-preview .speaking-template .character-drop-zone.left:hover,.editor-preview .speaking-template .character-drop-zone.right:hover,.editor-preview .speaking-template .character-drop-zone:after{border:none!important;background:transparent!important;background-color:transparent!important;box-shadow:none!important;opacity:1!important;transition:none!important;z-index:-1!important;pointer-events:none!important}.lesson-container:not(.editor-preview) .character-drop-zone,.lesson-container:not(.editor-preview) .delete-btn,.lesson-container:not(.editor-preview) .edit-option-btn,.lesson-container:not(.editor-preview) .editor-forms,.lesson-container:not(.editor-preview) .editor-delete-btn,.lesson-container:not(.editor-preview) .speaking-editor-delete-btn,.lesson-container:not(.editor-preview) .delete-item-btn,.lesson-container:not(.editor-preview) .storyline-editor-delete-btn,.lesson-container:not(.editor-preview) .wordbank-editor-delete-btn,.lesson-container:not(.editor-preview) .label-editor-delete-btn,.lesson-container:not(.editor-preview) .phonics-asteroids-editor-form,.lesson-container:not(.editor-preview) .findstars-editor-form,.lesson-container:not(.editor-preview) .edit-dragdrop-form{display:none!important}.lesson-container:not(.editor-preview) .character-drop-zone,.lesson-container:not(.editor-preview) .who-is-right-template__character-drop-zone,.lesson-container:not(.editor-preview) .editor-placeholder,.lesson-container:not(.editor-preview) .slide-editor-label,.lesson-container:not(.editor-preview) .slide-thumbnail-content,.lesson-container:not(.editor-preview) .editor-controls,.lesson-container:not(.editor-preview) .editor-buttons,.lesson-container:not(.editor-preview) [class*=-editor-form],.lesson-container:not(.editor-preview) [class*=-editor-controls],.lesson-container:not(.editor-preview) [class*=-editor-label],.lesson-container:not(.editor-preview) [class*=-editor-delete],.lesson-container:not(.editor-preview) .phonics-asteroids-editor-cell,.lesson-container:not(.editor-preview) .edit-section,.lesson-container:not(.editor-preview) .edit-form{display:none!important}.lesson-container:not(.editor-preview) .character-container img,.lesson-container:not(.editor-preview) .character-display img,.lesson-container:not(.editor-preview) .who-is-right-template__character-image,.lesson-container:not(.editor-preview) .reading-page-character,.lesson-container:not(.editor-preview) .speaking-template-character{pointer-events:none!important;cursor:default!important}.lesson-container:not(.editor-preview) .drag-drop-template .option-battery{background-color:#28a745!important;color:#fff!important}.lesson-container:not(.editor-preview) .drag-drop-template .option-battery{cursor:grab!important;pointer-events:all!important}.lesson-container:not(.editor-preview) .phonics-asteroids-template .word-image,.lesson-container:not(.editor-preview) .phonics-asteroids-template .main-image,.lesson-container:not(.editor-preview) .label-template .label-box,.lesson-container:not(.editor-preview) .drag-drop-template .option-battery,.lesson-container:not(.editor-preview) .word-bank-template .word-option,.lesson-container:not(.editor-preview) .lesson-start-page-template .start-button{pointer-events:all!important;cursor:pointer!important}.lesson-container:not(.editor-preview) .character-bottom-left:hover,.lesson-container:not(.editor-preview) .character-bottom-right:hover{border:none!important;background:none!important;box-shadow:none!important}.lesson-container:not(.editor-preview) .character-drop-zone{pointer-events:none!important;z-index:-1!important}.lesson-container:not(.editor-preview) .label-template .label-box{cursor:grab!important;pointer-events:all!important}.lesson-container:not(.editor-preview) .lesson-start-page-template .start-button{cursor:pointer!important;pointer-events:all!important}.speaking-template .character-drop-zone{position:absolute;width:20%;height:50%;bottom:0;z-index:10;pointer-events:auto}.speaking-template .character-drop-zone.left-zone{left:0}.speaking-template .character-drop-zone.right-zone{right:0}.lesson-container:not(.editor-preview) .speaking-template .character-drop-zone,.lesson-container:not(.editor-preview) .speaking-template .remove-dialogue-btn{display:none!important;pointer-events:none!important}.lesson-start-page-template .start-button{pointer-events:auto!important;cursor:pointer!important;z-index:100!important}.drag-drop-template .option-battery{-webkit-user-select:none!important;user-select:none!important}.lesson-container:not(.editor-preview) .drag-drop-template .option-battery{cursor:grab!important;-webkit-user-select:none!important;user-select:none!important;pointer-events:auto!important;z-index:10!important}.lesson-container:not(.editor-preview) .label-template .label-item{cursor:grab!important;-webkit-user-select:none!important;user-select:none!important;pointer-events:auto!important}.lesson-container:not(.editor-preview) .label-template .image-container{pointer-events:auto!important}.lesson-container:not(.editor-preview) .character img:hover,.lesson-container:not(.editor-preview) .character-bottom-left:hover,.lesson-container:not(.editor-preview) .character-bottom-right:hover{outline:none!important;border:none!important;box-shadow:none!important}.editor-preview-container.in-grid .editor-preview{position:relative;width:100%;padding-top:56.25%;background-color:#f0f0f0;overflow:hidden;border-radius:8px;box-shadow:0 2px 8px #0000001a}.editor-preview-container.in-grid .editor-preview>.scaling-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.editor-preview:has(.scaling-container>div.fullscreen),.editor-preview:has(.scaling-container>div.reading-page-template.fullscreen){overflow:visible!important;transform:none!important}.editor-preview:has(.scaling-container>div.fullscreen)>.scaling-container,.editor-preview:has(.scaling-container>div.reading-page-template.fullscreen)>.scaling-container{transform:none!important;overflow:visible!important}.editor-preview .scaling-container>div.fullscreen{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:2000!important;background-color:#fff;background-size:cover!important;background-position:center!important;border-radius:0!important;box-shadow:none!important;transform:none!important;margin:0!important;padding:0!important;overflow:auto!important}.editor-preview .scaling-container .reading-page-template.fullscreen{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:2001!important;transform:none!important;margin:0!important;padding:0!important;border-radius:0!important;box-shadow:none!important;overflow:auto!important}.slide-editor .editor-preview{background-color:#e0e0e0;padding:20px}.editor-preview-inner{width:100%;max-width:1000px;aspect-ratio:5/3;background:#fff;box-shadow:0 0 8px #00000026;border-radius:10px;overflow:hidden;position:relative;display:flex;justify-content:center}.editor-preview-inner:has(.custom-slide-template){background:transparent;box-shadow:none}.slide-editor .editor-preview .lesson-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.edit-button,.delete-button{padding:4px 8px;border:none;border-radius:4px;cursor:pointer;font-size:12px}.edit-button{background-color:#4caf50;color:#fff}.delete-button{background-color:#f44336;color:#fff;border:none;padding:5px 10px;margin-left:5px;cursor:pointer;border-radius:4px;position:absolute;bottom:10px;right:10px}.delete-button:hover{background-color:#d32f2f}.inventory-item{position:relative;padding:10px;border:1px solid #ccc;border-radius:8px;margin-bottom:10px}.slide-editor input,.slide-editor textarea{background-color:#fff!important;color:#000!important}.slide-editor .edit-whoisright-answer-input.correct,.slide-editor .edit-dragdrop-correct-answer,.slide-editor .findstars-editor .answer-editor.correct-answer input,.slide-editor .findstars-editor .answer-editor.correct-answer textarea{background:#4caf5021!important;color:#000!important}.slide-editor .edit-whoisright-answer-input.incorrect,.slide-editor .edit-dragdrop-incorrect-wrapper input[type=text],.slide-editor .findstars-editor .answer-editor.incorrect-answer input,.slide-editor .findstars-editor .answer-editor.incorrect-answer textarea{background:#f4433621!important;color:#000!important}.speaking-editor-drag-handle,.storyline-editor-drag-handle,.alien-dictionary-drag-handle{cursor:grab;color:#666;font-size:16px;padding:5px;display:flex;align-items:center;justify-content:center;background:#f0f0f0;border-radius:4px;margin-right:8px;min-width:20px;-webkit-user-select:none;user-select:none}.speaking-editor-drag-handle:hover,.storyline-editor-drag-handle:hover,.alien-dictionary-drag-handle:hover{background:#e0e0e0;color:#333}.speaking-editor-drag-handle:active,.storyline-editor-drag-handle:active,.alien-dictionary-drag-handle:active{cursor:grabbing}.speaking-editor-dialogue-item.dragging,.storyline-editor-dialogue-item.dragging,.alien-dictionary-conversation-item.dragging{opacity:.5;transform:scale(.95);transition:all .2s ease;border:2px dashed #007cba;background:#007cba1a}.speaking-editor-dialogue-item.drag-over,.storyline-editor-dialogue-item.drag-over,.alien-dictionary-conversation-item.drag-over{border-top:3px solid #007cba;background:#007cba0d;transform:translateY(-2px);transition:all .2s ease}.speaking-editor-dialogue-item{display:flex;align-items:flex-start;margin-bottom:15px;padding:10px;border:1px solid #ddd;border-radius:8px;background:#fff;transition:all .2s ease}.speaking-editor-dialogue-item:hover{border-color:#ccc;box-shadow:0 2px 5px #0000001a}.storyline-editor-dialogue-item{display:flex;align-items:flex-start;margin-bottom:15px;padding:10px;border:1px solid #ddd;border-radius:8px;background:#fff;transition:all .2s ease}.storyline-editor-dialogue-item:hover{border-color:#ccc;box-shadow:0 2px 5px #0000001a}.alien-dictionary-conversation-item{position:relative;display:flex;align-items:flex-start;padding:15px;margin-bottom:12px;background:#fff;border:2px solid #e9ecef;border-radius:12px;transition:all .2s ease;gap:12px}.alien-dictionary-conversation-item:hover{background:#f8f9fa;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.alien-dictionary-conversation-item.image-drag-over{border:2px solid #007cba!important;box-shadow:0 4px 12px #007cba33!important}.alien-dictionary-conversation-item.image-drag-over:before{display:none}.alien-dictionary-item-controls,.alien-dictionary-item-type{display:flex;align-items:center;gap:10px}.alien-dictionary-item-controls label,.alien-dictionary-item-type label{font-weight:700;min-width:80px}.alien-dictionary-item-controls input,.alien-dictionary-item-type select{flex:1;padding:5px;border:1px solid #ddd;border-radius:4px}.alien-dictionary-conversation-content textarea,.alien-dictionary-conversation-content input[type=text]{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;resize:vertical}.alien-dictionary-delete-btn{background:#f44;color:#fff;border:none;border-radius:4px;padding:5px 10px;cursor:pointer;align-self:flex-start;margin-bottom:10px}.alien-dictionary-delete-btn:hover{background:#c00}.alien-dictionary-controls{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.alien-dictionary-add-btn{background:#007cba;color:#fff;border:none;border-radius:4px;padding:10px 15px;cursor:pointer;font-size:14px}.alien-dictionary-add-btn:hover{background:#005a8a}.alien-dictionary-editor{padding:20px}.alien-dictionary-conversation-list{max-height:600px;overflow-y:auto;margin-bottom:20px}@media (max-width: 768px){.alien-dictionary-item-controls,.alien-dictionary-item-type{flex-direction:column;align-items:flex-start}.alien-dictionary-item-controls label,.alien-dictionary-item-type label{min-width:auto}.alien-dictionary-controls{flex-direction:column}.speaking-editor-dialogue-item,.storyline-editor-dialogue-item,.alien-dictionary-conversation-item{flex-direction:column;gap:10px}.speaking-editor-drag-handle,.storyline-editor-drag-handle,.alien-dictionary-drag-handle{align-self:flex-start;margin-right:0;margin-bottom:10px}}.speaking-editor-character-section,.alien-dictionary-character-section,.storyline-character-section{display:flex;justify-content:space-around;gap:20px;margin-top:20px}.character-section{display:flex;flex-direction:column;align-items:center;gap:10px}.character-preview{width:80px;height:80px;border:2px solid #ddd;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#f9f9f9}.character-preview-image{width:100%;height:100%;object-fit:cover}.character-preview.narrator{background-color:#4a90e2;color:#fff}.narrator-icon{font-size:32px}.character-buttons{display:flex;flex-direction:column;gap:5px;align-items:center}.speaking-editor-preview-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.alien-dictionary-add-btn.left-add{background-color:#28a745}.alien-dictionary-add-btn.left-add:hover{background-color:#218838}.alien-dictionary-add-btn.right-add{background-color:#dc3545}.alien-dictionary-add-btn.right-add:hover{background-color:#c82333}.alien-dictionary-character-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid #ddd;margin-right:15px;flex-shrink:0}.alien-dictionary-type-badge{position:absolute;top:8px;left:8px;padding:4px 8px;font-size:16px;border:none;background:#ffffffe6;border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a;z-index:10}.alien-dictionary-type-badge.clickable:hover{background:#fff;transform:scale(1.1);box-shadow:0 3px 6px #00000026}.alien-dictionary-type-badge.clickable:active{transform:scale(.95)}.alien-dictionary-conversation-content{position:relative;flex:1;display:flex;flex-direction:column;gap:10px;padding:15px;background:#f8f9fa;border-radius:8px;margin-left:10px}.alien-dictionary-delete-btn{position:absolute!important;top:8px!important;right:8px!important}.alien-dictionary-image-container{display:flex;flex-direction:column;gap:10px}.alien-dictionary-image-preview{width:100%;max-width:200px;height:auto;border:2px solid #ddd;border-radius:8px;overflow:hidden;background:#f9f9f9;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.alien-dictionary-image-preview img{width:100%;height:auto;max-height:150px;object-fit:contain}.alien-dictionary-image-drop-zone{position:relative;min-height:150px;border:2px dashed #ddd;border-radius:8px;padding:12px;transition:all .3s ease;background:#fafafa}.alien-dictionary-image-drop-zone.has-image{border:2px solid #e0e0e0;background:#fff}.alien-dictionary-image-drop-zone:hover,.alien-dictionary-image-drop-zone.dragging-over{border-color:#23a455;background:#23a4550d}.alien-dictionary-image-drop-zone .alien-dictionary-image-preview{position:relative;display:flex;justify-content:center;align-items:center;min-height:120px;margin-bottom:10px}.alien-dictionary-image-drop-zone .alien-dictionary-image-preview img{max-width:100%;max-height:120px;object-fit:contain;border-radius:4px}.alien-dictionary-image-drop-zone .image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#23a455cc;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:4px;opacity:0;transition:opacity .3s ease;font-weight:500}.alien-dictionary-image-drop-zone:hover .image-overlay,.alien-dictionary-image-drop-zone.dragging-over .image-overlay{opacity:1}.alien-dictionary-image-drop-zone .image-placeholder{display:flex;align-items:center;justify-content:center;min-height:120px;margin-bottom:10px;color:#999;font-size:16px;font-weight:500}.alien-dictionary-image-drop-zone.dragging-over .image-placeholder{color:#23a455}.alien-dictionary-image-drop-zone input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;margin-top:auto}.alien-dictionary-image-drop-zone input:focus{outline:none;border-color:#23a455;box-shadow:0 0 0 2px #23a4551a}.alien-dictionary-image-drop-zone input:focus{border-color:#2196f3!important;outline:none!important}.puzzle-maker-editor{padding:20px;display:flex;flex-direction:column;align-items:center;gap:20px;background-color:#f5f5f5;border-radius:8px;max-width:600px;margin:0 auto}.puzzle-image-drop-area{width:200px;height:200px;border:2px dashed #ccc;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;position:relative;overflow:hidden;background-color:#fff;transition:border-color .3s,background-color .3s}.puzzle-image-drop-area:hover{border-color:#2196f3;background-color:#2196f30d}.puzzle-image-drop-area img{max-width:100%;max-height:100%;object-fit:contain}.puzzle-image-drop-area .overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.puzzle-image-drop-area:hover .overlay{opacity:1}.puzzle-maker-form{width:100%;display:flex;flex-direction:column;gap:15px}.puzzle-maker-form .form-group{display:flex;flex-direction:column;gap:5px}.puzzle-maker-form .form-group label{font-weight:700;color:#333}.puzzle-maker-form .form-group input,.puzzle-maker-form .form-group select{padding:8px;border:1px solid #ccc;border-radius:4px;font-size:14px}.puzzle-maker-form .form-group input:focus,.puzzle-maker-form .form-group select:focus{border-color:#2196f3;outline:none;box-shadow:0 0 0 2px #2196f333}.slide-editor-form,.slide-editor-form *,.editor-forms,.editor-forms *,.editor-preview,.editor-preview *,.slide-editor,.slide-editor *{scrollbar-width:none;-ms-overflow-style:none}.slide-editor-form::-webkit-scrollbar,.slide-editor-form *::-webkit-scrollbar,.editor-forms::-webkit-scrollbar,.editor-forms *::-webkit-scrollbar,.editor-preview::-webkit-scrollbar,.editor-preview *::-webkit-scrollbar,.slide-editor::-webkit-scrollbar,.slide-editor *::-webkit-scrollbar{display:none}*[style*=overflow]::-webkit-scrollbar,*[class*=scroll]::-webkit-scrollbar,*[class*=overflow]::-webkit-scrollbar{display:none!important}*[style*=overflow]{scrollbar-width:none!important;-ms-overflow-style:none!important}.slide-editor-form .testtube-letters-editor{padding:20px;padding-bottom:300px!important;min-height:600px;overflow-y:auto;max-height:85vh;scrollbar-width:none;-ms-overflow-style:none}.slide-editor-form .testtube-letters-editor::-webkit-scrollbar{display:none}.slide-editor-form{overflow-y:auto;max-height:100vh;scrollbar-width:none;-ms-overflow-style:none}.slide-editor-form::-webkit-scrollbar{display:none}.slide-editor-form .words-section{margin-bottom:20px}.slide-editor-form .template-actions{position:sticky;bottom:20px;background:#fff;padding:15px;border-top:1px solid #e0e0e0;z-index:10}.letters-to-fill-section{margin-top:15px}.letters-instruction{font-size:12px;color:#666;margin:2px 0 8px}.letters-grid{display:flex;flex-wrap:wrap;gap:4px;margin-top:12px;justify-content:center}.letter-selection-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:0}.letter-checkbox{position:absolute;opacity:0;width:0;height:0;margin:0}.letter-label{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid #9e9e9e;border-radius:6px;background-color:#9e9e9e;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;user-select:none;text-transform:uppercase}.letter-label:not(.selected):not(.selectable){background-color:#9e9e9e;border-color:#9e9e9e;color:#fff}.letter-label.selectable:not(.selected){background-color:#4caf5080;border-color:#4caf50;color:#fff}.letter-label.selected{background-color:#4caf50;border-color:#4caf50;color:#fff;transform:scale(1.05);box-shadow:0 4px 8px #4caf504d}.letter-label.disabled{background-color:#ccc;border-color:#ccc;color:#666;cursor:not-allowed;transform:none;box-shadow:none}.letter-label:not(.disabled):hover{transform:scale(1.1);box-shadow:0 6px 12px #0003}.letter-label.selectable:not(.selected):not(.disabled):hover{transform:scale(1.1);box-shadow:0 6px 12px #4caf504d}.letter-label.selected:not(.disabled):hover{transform:scale(1.15);box-shadow:0 6px 12px #4caf5066}.letter-label.disabled:hover{transform:none;box-shadow:none}.testtube-letters-header{margin-bottom:24px;text-align:center}.testtube-letters-header h3{margin:0 0 8px;color:#333;font-size:24px;font-weight:700}.testtube-letters-header p{margin:0;color:#666;font-size:14px}.testtube-letters-words{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.testtube-word-editor{position:relative;padding:20px;border:2px solid #e0e0e0;border-radius:12px;background:#fafafa;transition:all .2s ease}.testtube-word-editor:hover{border-color:#23a455;background:#f8fff8}.word-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e0e0e0}.word-header h4{margin:0;color:#333;font-size:18px;font-weight:600}.word-content{display:flex;flex-direction:column;gap:16px}.word-input-section{display:flex;flex-direction:column;gap:8px}.word-input-row{display:flex;align-items:center}.word-input-row label{min-width:50px;font-weight:500;color:#555;font-size:14px}.word-input-row .word-text-input{flex:1;margin:0;max-width:50%}.word-input-row .delete-word-btn{position:static;margin:0}.word-input-section label{font-weight:500;color:#555;font-size:14px}.word-text-input{padding:12px;border:2px solid #ddd;border-radius:8px;font-size:16px;font-weight:500;transition:border-color .2s ease}.word-text-input:focus{outline:none;border-color:#23a455;box-shadow:0 0 0 3px #23a4551a}.add-word-btn{display:block;margin:0 auto 24px;background:#23a455;color:#fff;border:none;border-radius:8px;padding:16px 32px;font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #23a45533;transition:all .2s ease}.add-word-btn:hover{background:#1a7d40;box-shadow:0 4px 12px #23a4554d;transform:translateY(-1px)}.add-word-btn{margin-bottom:200px!important}.testtube-letters-footer{text-align:center;padding:16px;background:#f8f9fa;border-radius:8px;border-left:4px solid #23A455}.testtube-letters-footer p{margin:0;color:#666;font-size:14px;font-style:italic}.testtube-word-editor .delete-word-btn{position:absolute;top:12px;right:12px;width:28px;height:28px;border-radius:50%;background-color:#dc3545;color:#fff;border:none;font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:background-color .2s ease}.testtube-word-editor .delete-word-btn:hover{background-color:#c82333}.lesson-editor{display:flex;flex-direction:column;width:100vw;height:100vh;background:#f5f5f5}.editor-header{padding:15px 20px;background:#fff;border-bottom:1px solid #ddd;z-index:2;display:flex;justify-content:space-between;align-items:center}.lesson-title{font-size:25px;margin:0;padding:5px;border-radius:4px;cursor:pointer}.lesson-title:hover{background:#f5f5f5}.lesson-title-input{font-size:25px;padding:8px;border:1px solid #23A455;border-radius:4px;width:400px;background:#fff}.header-actions button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer}.save-button{background:#23a455;color:#fff}.back-button{background:#f5f5f5;color:#333}.editor-main{display:grid;grid-template-columns:25% 50% 20%;gap:1.5%;flex:1;overflow:hidden;margin-bottom:150px}.editor-forms{background:#fff;border-radius:0;box-shadow:0 2px 2px #0000001a;overflow-y:auto;height:100%;display:flex;flex-direction:column}.editor-preview-column{display:flex;flex-direction:column;gap:0;align-items:flex-start}.editor-preview{width:1000px;height:600px;padding:0;margin:0;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.editor-preview>div{width:1000px;height:600px;position:relative}.editor-preview>div>div{width:1000px!important;height:600px!important;background:none!important}.editor-preview>.slide-editor-preview>.scaling-container{width:1000px!important;height:600px!important;transform:none!important;display:flex!important;justify-content:center!important;align-items:center!important}.editor-library{min-width:320px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;height:100%;overflow:hidden;display:flex;flex-direction:column;margin-right:-15%}.image-library.permanent{position:static;height:100%;transform:none;display:flex;flex-direction:column}.image-library .search-bar{padding:10px;background:#fff;border-bottom:1px solid #ddd;display:flex;gap:10px}.image-library .image-container{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:10px;overflow-y:auto}.image-library .image-item{aspect-ratio:1;width:100%;display:flex;justify-content:center;align-items:center;padding:5px}.image-library .image-item img{max-width:100%;max-height:100%;object-fit:contain}.slides-container{position:fixed;bottom:0;left:0;right:0;height:150px;background:#fff;border-top:1px solid #ddd;padding:15px;z-index:1100;display:flex;align-items:center;gap:15px;overflow-x:auto;box-shadow:0 -2px 5px #0000001a;scroll-behavior:smooth}.scroll-zone{position:absolute;width:40px;height:100%;top:0;z-index:50;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.scroll-zone.left{left:0;background:linear-gradient(to right,rgba(255,255,255,.9),transparent)}.scroll-zone.right{right:0;background:linear-gradient(to left,rgba(255,255,255,.9),transparent)}.scroll-zone:hover{opacity:1}.slides-list{display:flex;align-items:center;gap:10px;padding:0 40px}.add-slide-between{display:none}.slide-preview{flex:1;position:relative;background:#fff;border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center}.slide-preview-image{max-width:100%;max-height:100%;object-fit:contain;width:100%;height:100%}.slide-item .slide-preview-image{object-fit:contain;padding:5px;background:#fff}.slide-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#999;font-size:12px;background:#f0f0f0;border:1px dashed #ccc}.slide-item{position:relative;min-width:200px;height:120px;background:#f5f5f5;padding:8px;border-radius:4px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:4px;overflow:hidden;box-shadow:0 1px 3px #0000001a;border-left:none}.slide-item.selected{background:#e0f2e9;border-left:4px solid #23A455}.slide-item.active{background:#e0f2e9;border-left:4px solid #23A455;box-shadow:0 0 15px #23a45599,0 0 25px #23a45566;animation:activeSlideGlow 2s ease-in-out infinite alternate}@keyframes activeSlideGlow{0%{box-shadow:0 0 15px #23a45599,0 0 25px #23a45566}to{box-shadow:0 0 20px #23a455cc,0 0 35px #23a45599}}.delete-button-container{position:absolute;top:0;right:0;width:34px;height:34px;z-index:250;display:flex;align-items:center;justify-content:center;cursor:pointer}.slide-item .delete-slide-btn{position:absolute;top:2px;right:2px;width:30px;height:30px;background-color:#ff4d4d;color:#fff;border:none;border-radius:50%;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:300;box-shadow:0 2px 5px #0000004d;opacity:.9;transition:all .2s ease;padding:0;line-height:1}.delete-slide-btn:hover{background-color:red;transform:scale(1.1);opacity:1;box-shadow:0 3px 7px #0006}.delete-slide-btn:active{transform:scale(.95);background-color:#c00}.delete-slide-btn-standalone{position:absolute;z-index:200;top:-10px;right:-5px;transform:none;width:24px;height:24px;border-radius:50%;background-color:#ff4d4d;color:#fff;font-size:18px;font-weight:700;border:2px solid white;box-shadow:0 2px 5px #0000004d;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;line-height:1;transition:all .2s ease;opacity:0}.delete-slide-btn-standalone:hover{background-color:red;transform:scale(1.1)}.delete-slide-btn-standalone:active{background-color:#c00;transform:scale(.95)}.add-slide-btn{position:absolute;z-index:200;top:40%;right:-5px;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;background-color:#23a455;color:#fff;font-size:16px;font-weight:700;border:2px solid white;box-shadow:0 2px 5px #0000004d;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;line-height:1;transition:all .2s ease;opacity:0}.add-slide-btn:hover{background-color:#1c8348;transform:translateY(-50%) scale(1.1)}.add-slide-btn:active{background-color:#146c38;transform:translateY(-50%) scale(.95)}.duplicate-slide-btn{position:absolute;z-index:200;bottom:0;right:-5px;width:24px;height:24px;border-radius:50%;background-color:#3498db;color:#fff;font-size:14px;font-weight:700;border:2px solid white;box-shadow:0 2px 5px #0000004d;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;line-height:1;transition:all .2s ease;opacity:0;transform:none}.duplicate-slide-btn:hover{background-color:#2980b9;transform:scale(1.1)}.duplicate-slide-btn:active{background-color:#1c6ea4;transform:scale(.95)}.duplicate-icon{display:block;line-height:1;font-weight:700}.delete-slide-btn{display:none}.slide-item-overlay{position:relative;border-radius:6px;width:200px;height:120px;overflow:hidden;cursor:grabbing;transition:transform .2s ease;box-shadow:0 5px 15px #00000040;background-color:#fff;transform:scale(1.05);opacity:.85;z-index:1000}.slide-item-overlay .slide-number{position:absolute;bottom:5px;right:5px;background:#000000b3;color:#fff;font-size:12px;border-radius:4px;padding:2px 6px;z-index:2}.sortable-item{position:relative;transition:all .2s ease;z-index:1;margin:0 8px}.sortable-item.is-dragging{opacity:0;z-index:0}.sortable-item.is-over{z-index:2;box-shadow:0 0 0 2px #23a455}.slides-list.is-sorting .sortable-item:not(.is-dragging){transition:transform .25s ease}.editor-preview h3,.editor-preview .preview-header,.editor-preview>div>div:not(:first-child){display:none}.editor-preview *{margin:0;padding:0}.preview-container,.forms-container{height:100%}.preview-container h3,.forms-container h3{margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #eee}.lesson-editor h3{margin:0;color:#333;font-size:1.1rem}.lesson-editor .no-slides{display:flex;justify-content:center;align-items:center;height:100%;color:#666}.lesson-editor .forms-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.lesson-editor .toggle-library-btn{padding:8px 16px;background:#23a455;color:#fff;border:none;border-radius:4px;cursor:pointer}.lesson-editor .preview-section{width:100%;height:100%;display:flex;align-items:flex-start;justify-content:center}.edit-dragdrop-editor{width:100%;padding:15px}.edit-dragdrop-sentence{position:relative;background:#f9f9f9;padding:15px;border-radius:8px;margin-bottom:15px;display:flex;flex-direction:column;gap:15px}.edit-dragdrop-delete-btn{position:absolute;top:8px;right:8px;background:none;border:none;color:#dc3545;font-size:18px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;z-index:1}.edit-dragdrop-delete-btn:hover{background:#dc35451a}.edit-dragdrop-sentence-row{width:100%;margin-bottom:15px}.edit-dragdrop-sentence-input{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.edit-dragdrop-answers-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.edit-dragdrop-correct-answer{width:100%;background:#e0f2e9;border:1px solid #23A455;border-radius:4px;padding:12px;font-size:14px}.edit-dragdrop-incorrect-wrapper{flex:1;position:relative;display:flex;align-items:center}.edit-dragdrop-incorrect-wrapper input{width:100%;background:#fff0f0;border:1px solid #dc3545;border-radius:4px;padding:12px;font-size:14px}.edit-dragdrop-delete-option-btn{position:absolute;right:-8px;top:-8px;width:20px;height:20px;background:#dc3545;color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;padding:0;line-height:1}.edit-dragdrop-delete-option-btn:hover{background:#c82333}.edit-dragdrop-incorrect-answers{display:flex;gap:10px;width:100%}.edit-dragdrop-add-incorrect{flex:1;background:#f8f9fa;border:2px dashed #dc3545;border-radius:4px;padding:12px;color:#dc3545;font-size:14px;cursor:pointer;transition:all .2s ease}.edit-dragdrop-add-incorrect:hover{background:#fff0f0}.edit-dragdrop-add-sentence-btn{width:100%;padding:12px;background:#23a455;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-top:10px;font-size:14px;transition:all .2s ease}.edit-dragdrop-add-sentence-btn:hover{background:#1a7d40}.edit-phonicsasteroids-editor{width:100%;padding:15px}.edit-phonicsasteroids-word{position:relative;background:#f9f9f9;padding:15px;border-radius:8px;margin-bottom:15px}.edit-phonicsasteroids-delete-btn{position:absolute;top:8px;right:8px;background:none;border:none;color:#dc3545;font-size:18px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;z-index:1}.edit-phonicsasteroids-delete-btn:hover{background:#dc35451a}.edit-phonicsasteroids-word-row{display:grid;grid-template-columns:1fr 150px;gap:15px;align-items:center}.edit-phonicsasteroids-word-input{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.edit-phonicsasteroids-image-drop{width:150px;height:150px;border:2px dashed #23A455;border-radius:8px;display:flex;justify-content:center;align-items:center;overflow:hidden}.edit-phonicsasteroids-word-image{width:100%;height:100%;object-fit:contain}.edit-phonicsasteroids-image-placeholder{color:#666;text-align:center;font-size:14px}.edit-phonicsasteroids-add-word-btn{width:100%;padding:12px;background:#23a455;color:#fff;border:none;border-radius:4px;cursor:pointer;margin-top:10px;font-size:14px;transition:all .2s ease}.edit-phonicsasteroids-add-word-btn:hover{background:#1a7d40}.slide-template-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f9f9f9}.slide-template-placeholder .template-icon{font-size:20px;font-weight:700;color:#666;background:#eee;width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a}.slide-item[data-template=TestTubeLetters] .template-icon{background:#e8f5e9;color:#4caf50;border:1px solid #a5d6a7}.slide-item[data-template=AlienDictionary] .template-icon{background:#e3f2fd;color:#2196f3;border:1px solid #90caf9}.slide-item[data-template=Storyline] .template-icon{background:#fff3e0;color:#ff9800;border:1px solid #ffcc80}.slide-item[data-template=WordBank] .template-icon{background:#f3e5f5;color:#9c27b0;border:1px solid #ce93d8}.slide-item[data-template=Label] .template-icon{background:#e8eaf6;color:#3f51b5;border:1px solid #9fa8da}.slide-item[data-template=LetterTracing] .template-icon{background:#fce4ec;color:#e91e63;border:1px solid #f48fb1}.slide-item[data-template=SortingGame] .template-icon{background:#f1f8e9;color:#689f38;border:1px solid #aed581}.slide-item[data-template=DragDrop] .template-icon{background:#e0f7fa;color:#00bcd4;border:1px solid #80deea}.slide-item[data-template=PhonicsAsteroids] .template-icon{background:#ede7f6;color:#673ab7;border:1px solid #b39ddb}.slide-item[data-template=MatchingAliens] .template-icon{background:#e0f2f1;color:#009688;border:1px solid #80cbc4}.slide-item[data-template=PuzzleMaker] .template-icon{background:#fbe9e7;color:#ff5722;border:1px solid #ffab91}.slide-item[data-template=FindStars] .template-icon{background:#fff8e1;color:#ffc107;border:1px solid #ffe082}.slide-title{font-size:12px;color:#666;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 4px}.slide-item .inventory-panel,.slide-item .inventory-icon,.slide-item .inventory-toggle,.slide-item .template-controls,.slide-item .template-header,.slide-item .template-footer,.slide-item .lesson-controls,.slide-content-thumbnail,.slide-content-thumbnail .lesson-container,.slide-content-thumbnail .inner-container,.slide-content-thumbnail .scaling-container,.slide-content-thumbnail .lesson-container.thumbnail-mode .inner-container,.slide-content-thumbnail .lesson-container.thumbnail-mode .scaling-container,.slide-content-thumbnail .template-container,.lesson-container.thumbnail-mode .inventory-icon,.lesson-container.thumbnail-mode .return-all-icon,.lesson-container.thumbnail-mode .badge-dropdown,.lesson-container.thumbnail-mode .template-controls,.lesson-container.thumbnail-mode .template-header,.lesson-container.thumbnail-mode .template-footer{display:none!important}.storyline-thumbnail{width:100%;height:100%;position:relative;overflow:hidden;border-radius:4px;background-color:#f5f5f5;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}.thumbnail-character{position:absolute;height:80%;bottom:0;object-fit:contain}.left-character{left:5%;z-index:1}.right-character{right:5%;z-index:1}.thumbnail-bubble{background:#ffffffe6;border-radius:10px;padding:6px 10px;font-size:10px;max-width:60%;text-align:center;z-index:5;box-shadow:0 1px 3px #0003;color:#333;font-weight:700;position:relative}.left-bubble{align-self:flex-start;margin-left:25%;margin-right:auto}.right-bubble{align-self:flex-end;margin-right:25%;margin-left:auto}.center-bubble{align-self:center}.thumbnail-inventory-indicator{position:absolute;top:5px;right:5px;background:#0009;color:#fff;font-size:8px;padding:2px 5px;border-radius:8px}.testtube-thumbnail{width:100%;height:100%;background:#e8f5e9;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.thumbnail-tubes{display:flex;gap:6px;justify-content:center;margin-bottom:5px}.thumbnail-tube{width:24px;height:32px;background:#fff;border:1px solid #ccc;border-radius:0 0 8px 8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#4caf50;box-shadow:0 2px 3px #0000001a}.thumbnail-template-title{position:absolute;bottom:3px;left:0;right:0;text-align:center;font-size:9px;color:#fff;background:#00000080;padding:2px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wordbank-thumbnail{width:100%;height:100%;background:#f3e5f5;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px;position:relative}.thumbnail-words{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;align-items:center;padding:5px}.thumbnail-word{background:#fff;border-radius:12px;padding:3px 8px;font-size:9px;color:#9c27b0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60px;box-shadow:0 1px 2px #0000001a}.dragdrop-thumbnail{width:100%;height:100%;background:#e0f7fa;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:relative;padding:3px}.thumbnail-image-container{width:100%;height:70%;display:flex;align-items:center;justify-content:center;overflow:hidden}.thumbnail-main-image{width:100%;height:100%;object-fit:contain}.thumbnail-options-container{display:flex;flex-wrap:wrap;gap:3px;justify-content:center;padding:2px;width:100%}.thumbnail-option-item{background:#fff;border:1px solid #00acc1;border-radius:4px;padding:2px 4px;font-size:8px;color:#00acc1;max-width:45px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.more-indicator{background:#00acc1;color:#fff}.phonics-thumbnail,.matching-aliens-thumbnail,.label-thumbnail,.sorting-game-thumbnail,.letter-tracing-thumbnail,.alien-dictionary-thumbnail,.puzzle-maker-thumbnail,.find-stars-thumbnail{width:100%;height:100%;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;background-size:cover;background-position:center}.undo-notification{position:fixed;top:20px;right:20px;background-color:#333;color:#fff;padding:12px 20px;border-radius:4px;z-index:9999;font-size:14px;box-shadow:0 2px 10px #0003;animation:fadeInOut 2s ease}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-20px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.empty-slides-prompt{display:flex;justify-content:center;align-items:center;min-height:120px;width:100%;padding:20px}.add-first-slide-btn{display:flex;align-items:center;justify-content:center;background:#23a455;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #23a4554d}.add-first-slide-btn:hover{background:#1c8348;transform:translateY(-2px);box-shadow:0 6px 16px #23a45566}.add-icon{font-size:22px;margin-right:8px;line-height:1}.slide-item-container{position:relative}.slide-item-container:hover .duplicate-slide-btn,.slide-item-container:hover .delete-slide-btn-standalone,.slide-item-container:hover .slide-number,.slide-item-container:hover .add-slide-btn{opacity:1}.slide-number{position:absolute;top:8px;left:8px;background:#0009;color:#fff;font-size:12px;padding:3px 8px;border-radius:12px;z-index:200;opacity:0;transition:all .2s ease}.template-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:4000}.template-modal-overlay .template-modal{background:#fff;border-radius:8px;padding:20px;width:80%;max-width:900px;max-height:80vh;overflow-y:auto}.template-modal-overlay .template-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.template-modal-overlay .template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.template-modal-overlay .template-item{background:#f5f5f5;border-radius:8px;padding:20px;cursor:pointer;transition:all .2s ease}.template-modal-overlay .template-item:hover{transform:translateY(-2px);box-shadow:0 2px 8px #0000001a;background:#e0f2e9}.template-modal-overlay .template-item h3{margin:0 0 8px;color:#23a455}.template-modal-overlay .template-item p{margin:0;font-size:14px;color:#666}.template-modal-overlay .template-item img{width:100%;height:150px;object-fit:cover;border-radius:4px;margin-bottom:10px}.template-modal-overlay .template-item span{display:block;font-size:14px;color:#333}.slide-editor .slide-preview,.slide-editor .slide-preview *,.slide-editor .slide-thumbnail-wrapper,.slide-editor .slide-thumbnail-wrapper *,.slide-editor .slides-container,.slide-editor .slides-container *,.slide-editor .slides-list,.slide-editor .slides-list *,.slide-editor .slide-item,.slide-editor .slide-item *,.slide-editor .slide-item-container,.slide-editor .slide-item-container *,.slide-editor .sortable-item,.slide-editor .sortable-item *,.slide-editor .add-slide-btn,.slide-editor .delete-slide-btn-standalone,.slide-editor .duplicate-slide-btn,.slide-editor .slide-number{all:initial!important;box-sizing:border-box!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important}.slide-editor .slide-preview{width:100%!important;height:100%!important;overflow:hidden!important;transform-origin:top left!important;position:relative!important;display:block!important;margin:0!important;padding:0!important;border:none!important;background:transparent!important;box-shadow:none!important;text-align:left!important;font-size:14px!important;line-height:1.5!important;color:#333!important}.slide-editor .slide-preview-image{max-width:100%!important;max-height:100%!important;object-fit:contain!important;width:100%!important;height:100%!important;display:block!important;margin:0!important;padding:0!important;border:none!important;background:transparent!important;box-shadow:none!important;vertical-align:baseline!important;float:none!important;clear:none!important;position:static!important;transform:none!important;transition:none!important;animation:none!important;filter:none!important;opacity:1!important;visibility:visible!important;overflow:visible!important;clip:auto!important;z-index:auto!important}.slide-editor .slide-placeholder{width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#999!important;font-size:12px!important;background:#f0f0f0!important;border:1px dashed #ccc!important;margin:0!important;padding:0!important;box-shadow:none!important;text-align:center!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;line-height:1.5!important;position:relative!important;float:none!important;clear:none!important;transform:none!important;transition:none!important;animation:none!important;filter:none!important;opacity:1!important;visibility:visible!important;overflow:visible!important;clip:auto!important;z-index:auto!important}.slide-editor .slide-template-placeholder{width:100%!important;height:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;background:#f9f9f9!important;margin:0!important;padding:0!important;border:none!important;box-shadow:none!important;text-align:center!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;line-height:1.5!important;color:#333!important;position:relative!important;float:none!important;clear:none!important;transform:none!important;transition:none!important;animation:none!important;filter:none!important;opacity:1!important;visibility:visible!important;overflow:visible!important;clip:auto!important;z-index:auto!important}.slide-editor .template-icon{font-size:20px!important;font-weight:700!important;color:#666!important;background:#eee!important;width:48px!important;height:48px!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 2px 4px #0000001a!important;margin:0!important;padding:0!important;border:none!important;text-align:center!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;line-height:1!important;position:relative!important;float:none!important;clear:none!important;transform:none!important;transition:none!important;animation:none!important;filter:none!important;opacity:1!important;visibility:visible!important;overflow:visible!important;clip:auto!important;z-index:auto!important;vertical-align:baseline!important;text-decoration:none!important;text-transform:none!important;letter-spacing:normal!important;word-spacing:normal!important;white-space:normal!important;cursor:default!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.slide-editor .template-name{background:#0009!important;color:#fff!important;padding:4px 8px!important;border-radius:4px!important;font-size:12px!important;margin:0!important;border:none!important;box-shadow:none!important;text-align:center!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;line-height:1.5!important;position:relative!important;float:none!important;clear:none!important;transform:none!important;transition:none!important;animation:none!important;filter:none!important;opacity:1!important;visibility:visible!important;overflow:visible!important;clip:auto!important;z-index:auto!important;vertical-align:baseline!important;text-decoration:none!important;text-transform:none!important;letter-spacing:normal!important;word-spacing:normal!important;white-space:normal!important;cursor:default!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;display:block!important}.thumbnail-storyline-container{position:relative;width:100%;height:100%;padding:8px;flex-direction:column;overflow:visible;border-radius:4px;background-color:#f5f5f5;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}.thumbnail-storyline-container .thumbnail-character-container{position:absolute;bottom:0;height:50%}.thumbnail-storyline-container .thumbnail-character-container.left{left:-15%;width:50%;height:50%;bottom:0;z-index:20}.thumbnail-storyline-container .thumbnail-character-container.right{right:-15%;width:50%;height:50%;bottom:0;z-index:20}.thumbnail-storyline-container .thumbnail-character-image{height:25%;object-fit:contain;transform-origin:bottom left}.thumbnail-storyline-container .thumbnail-dialogue-bubble{background:#fff;border-radius:6px;padding:4px 6px;font-size:9px;box-shadow:0 1px 2px #0000001a;position:relative;margin:0}.thumbnail-storyline-container .thumbnail-bubble-left{position:absolute;top:10px;left:50px}.thumbnail-storyline-container .thumbnail-bubble-right{position:absolute;top:10px;right:50px}.thumbnail-storyline-container .thumbnail-bubble-center{position:absolute;top:10px;left:50%;transform:translate(-50%)}.thumbnail-storyline-container .thumbnail-inventory-indicator{position:absolute;top:5px;right:5px;background:#0009;color:#fff;font-size:8px;padding:2px 5px;border-radius:8px}.thumbnail-testtube-container{display:flex;justify-content:center;align-items:center;width:10%;margin:8px 0 8px 25%;background:none}.thumbnail-testtube-tubes{display:flex;gap:6px;justify-content:center;margin-bottom:5px}.thumbnail-testtube-tube{width:24px;height:32px;background:#fff;border:1px solid #ccc;border-radius:0 0 8px 8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#4caf50;box-shadow:0 2px 3px #0000001a}.thumbnail-testtube-completed-words{position:absolute;width:100%;top:5px}.thumbnail-template-title{position:absolute;bottom:0;left:0;right:0;background-color:#00000080;color:#fff;font-size:10px;padding:2px 4px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wordbank-thumbnail{width:100%;height:100%;position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow:hidden}.thumbnail-wordbank-content{display:flex;flex-direction:column;width:100%;height:100%;padding:15px;position:relative;z-index:10}.thumbnail-wordbank-sentences-scrollable{width:85%;max-height:90%;overflow-y:auto;margin:0 auto;background-color:#ffffffd9;border-radius:8px;padding:12px;box-shadow:0 2px 4px #00000026;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.3) transparent}.thumbnail-wordbank-sentences-scrollable::-webkit-scrollbar{width:5px;height:5px}.thumbnail-wordbank-sentences-scrollable::-webkit-scrollbar-thumb{background:#0000004d;border-radius:10px}.thumbnail-wordbank-sentences-scrollable::-webkit-scrollbar-track{background:transparent}.thumbnail-wordbank-sentence{margin-bottom:10px;font-size:12px;line-height:1.4;color:#333}.thumbnail-wordbank-blank{display:inline-block;min-width:40px;padding:0 5px;background-color:gold;border-radius:3px;font-weight:700;text-align:center;margin:0 3px;color:#333}.thumbnail-wordbank-options{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;width:90%;margin:0 auto}.thumbnail-wordbank-option{background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:4px 8px;font-size:11px;box-shadow:0 1px 3px #0000001a}.thumbnail-wordbank-option.more{background-color:#0000000d;border:none}.thumbnail-wordbank-character-container{position:absolute!important;bottom:0!important;left:-15%!important;height:50%!important;width:50%!important;z-index:50!important;display:flex!important;align-items:flex-end!important;justify-content:flex-start!important;pointer-events:none}.thumbnail-wordbank-character{height:100%!important;max-width:100%!important;object-fit:contain!important}.dragdrop-thumbnail{position:relative;overflow:hidden}.dragdrop-thumbnail .thumbnail-character.left{position:absolute;bottom:0;left:-15%;width:50%;height:50%;object-fit:contain;pointer-events:none;z-index:20}.thumbnail-dragdrop-content{position:relative;width:80%;top:-5%;max-height:80%;padding:15% 1px 1px;margin:10px auto;background-color:#fffc;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.3) rgba(0,0,0,.1);z-index:10}.thumbnail-dragdrop-content::-webkit-scrollbar{width:2px}.thumbnail-dragdrop-content::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:4px}.thumbnail-dragdrop-content::-webkit-scrollbar-track{background-color:#0000001a;border-radius:4px}.thumbnail-dragdrop-sentence{margin-bottom:1px;font-size:10px;padding:4px 5px;border-radius:4px;box-shadow:0 1px 2px #0000001a;line-height:1.3;text-align:center}.thumbnail-dragdrop-answer{display:inline-block;background-color:#fff;border:1px solid green;border-radius:4px;padding:0 2px;margin:0;color:green;font-weight:700;font-size:10px}.thumbnail-dragdrop-blank{display:inline-block;width:40px;height:12px;background-color:#e0e0e0;border-radius:3px;vertical-align:middle;margin:0 2px}.thumbnail-dragdrop-options{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;max-width:95%}.thumbnail-dragdrop-option{background:#e9f5ff;border:1px solid #80bdff;border-radius:4px;padding:2px 4px;font-size:7px;color:#06c}.thumbnail-dragdrop-correct{background-color:#e8f5e9;border-color:#66bb6a;color:#2e7d32}.thumbnail-dragdrop-more{background-color:#eee;color:#757575}.phonics-asteroids-thumbnail{position:relative;width:100%;height:100%;overflow:hidden;background-color:transparent!important;border-radius:8px;box-shadow:0 2px 5px #0000001a}.phonics-asteroids-thumbnail .thumbnail-phonics-word-list{position:absolute;top:10%;left:5%;width:90%;max-height:75%;background-color:#fffc;border-radius:6px;padding:6px;overflow-y:auto;box-shadow:0 1px 3px #0003;z-index:10}.thumbnail-phonics-word-item{display:flex;align-items:center;gap:3px;margin-bottom:1px}.thumbnail-phonics-word-image{width:15px;height:15px;object-fit:contain;border:1px solid #ddd;border-radius:4px;background:#fff}.phonics-asteroids-thumbnail .thumbnail-phonics-character{position:absolute!important;bottom:0!important;right:-15%!important;width:50%!important;height:50%!important;object-fit:contain!important;z-index:20!important}.thumbnail-phonics-word-text{display:flex;justify-content:center;align-items:center;margin:2px 0;font-size:12px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thumbnail-phonics-letter{padding:0 2px;font-weight:400}.thumbnail-phonics-target-letter{background-color:#e3f2fd;padding:0 2px;font-weight:700;color:#1976d2;border-radius:3px}.thumbnail-phonics-character{position:absolute;bottom:10px;right:10px;width:40%;height:40%;z-index:10}.thumbnail-phonics-character img{width:100%;height:100%;object-fit:contain}.thumbnail-matchingaliens-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5px;position:relative;overflow:hidden;background-size:cover;background-position:center;margin-top:0}.thumbnail-matchingaliens-content{width:95%;height:85%;background-color:#fffc;border-radius:8px;padding:3px;box-shadow:0 2px 4px #0000001a}.thumbnail-matchingaliens-pairs-scrollable{width:100%;height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:3px;padding-right:3px;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.3) rgba(0,0,0,.1)}.thumbnail-matchingaliens-pairs-scrollable::-webkit-scrollbar{width:4px}.thumbnail-matchingaliens-pairs-scrollable::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:4px}.thumbnail-matchingaliens-pairs-scrollable::-webkit-scrollbar-track{background-color:#0000001a;border-radius:4px}.thumbnail-matchingaliens-pair{display:flex;justify-content:space-between;gap:8px;width:100%}.thumbnail-matchingaliens-item{flex:1;background:#fff;border-radius:4px;padding:4px;min-height:40px;display:flex;align-items:center;justify-content:center;font-size:10px;text-align:center;overflow:hidden;border:1px solid rgba(0,0,0,.1)}.thumbnail-matchingaliens-item .text-content{font-size:10px;font-weight:700;color:#333;word-break:break-word;padding:2px}.thumbnail-spacejunk-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;border-radius:4px;overflow:visible;background:#e3f2fd}.thumbnail-spacejunk-sentences{display:flex;flex-direction:column;gap:4px;width:100%}.thumbnail-spacejunk-sentence{background:#fff;padding:4px 8px;border-radius:4px;font-size:10px;color:#1565c0;text-align:center;line-height:1.2;box-shadow:0 1px 2px #0000001a}.aliendictionary-thumbnail{position:relative;width:100%;height:100%;overflow:hidden;border-radius:4px;box-shadow:0 2px 4px #0000001a}.thumbnail-aliendictionary-content{width:100%;height:100%;position:relative;z-index:2;padding:10px;display:flex;flex-direction:column}.thumbnail-aliendictionary-words{position:absolute;top:10px;left:10px;right:10px;display:flex;flex-wrap:wrap;gap:5px;justify-content:center;max-height:30%;overflow-y:auto;padding:5px;background-color:#ffffffbf;border-radius:6px;box-shadow:0 1px 3px #0003;z-index:3;margin-bottom:10px}.thumbnail-aliendictionary-word{background-color:#e8f5e9;border:1px solid #81c784;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:700;color:#2e7d32;box-shadow:0 1px 2px #0000001a}.thumbnail-media-content{display:flex;flex-direction:column;align-items:center;margin-top:3px}.thumbnail-message-media{max-width:60px;max-height:40px;object-fit:cover;border-radius:4px;border:1px solid rgba(0,0,0,.1)}.thumbnail-video-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#0000000d;border-radius:8px;padding:8px;min-width:80px;min-height:60px;text-align:center}.video-play-icon{font-size:24px;margin-bottom:4px}.video-filename{font-size:10px;color:#555;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:#0000001a;border-radius:4px;padding:2px 6px}.dragdrop-thumbnail{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;position:relative;padding:10px}.thumbnail-image-container{width:100%;height:60%;display:flex;justify-content:center;align-items:center;overflow:hidden}.thumbnail-main-image{max-width:90%;max-height:90%;object-fit:contain}.thumbnail-options-container{display:flex;flex-wrap:wrap;gap:3px;padding:5px;justify-content:center}.thumbnail-option-item{background-color:#fffc;color:#333;font-size:9px;padding:2px 4px;border-radius:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45%}.thumbnail-option-item.more-indicator{background-color:#0000001a}.slide-editor .slide-thumbnail-container{width:240px!important;height:144px!important;border-radius:8px!important;overflow:hidden!important;box-shadow:0 2px 4px #0000001a!important;position:relative!important;margin:0!important;padding:0!important;border:none!important;background:transparent!important;text-align:left!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;font-size:14px!important;line-height:1.5!important;color:#333!important;float:none!important;clear:none!important;display:block!important;visibility:visible!important;opacity:1!important;transform:none!important;transition:none!important;animation:none!important;filter:none!important;outline:none!important;cursor:default!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;vertical-align:baseline!important;text-decoration:none!important;text-transform:none!important;letter-spacing:normal!important;word-spacing:normal!important;white-space:normal!important;z-index:auto!important;box-sizing:border-box!important}.slide-editor .slide-preview-wrapper{width:100%!important;height:100%!important;overflow:hidden!important;position:relative!important;margin:0!important;padding:0!important;border:none!important;background:transparent!important;box-shadow:none!important;text-align:left!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;font-size:14px!important;line-height:1.5!important;color:#333!important;float:none!important;clear:none!important;display:block!important;visibility:visible!important;opacity:1!important;transform:none!important;transition:none!important;animation:none!important;filter:none!important;outline:none!important;cursor:default!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;vertical-align:baseline!important;text-decoration:none!important;text-transform:none!important;letter-spacing:normal!important;word-spacing:normal!important;white-space:normal!important;z-index:auto!important;box-sizing:border-box!important}.slide-editor .slide-preview-scaling{width:100%!important;height:100%!important;position:relative!important;display:flex!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:0!important;border:none!important;background:transparent!important;box-shadow:none!important;text-align:left!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;font-size:14px!important;line-height:1.5!important;color:#333!important;float:none!important;clear:none!important;visibility:visible!important;opacity:1!important;transform:none!important;transition:none!important;animation:none!important;filter:none!important;outline:none!important;cursor:default!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;vertical-align:baseline!important;text-decoration:none!important;text-transform:none!important;letter-spacing:normal!important;word-spacing:normal!important;white-space:normal!important;z-index:auto!important;box-sizing:border-box!important}.thumbnail-storyline-content,.thumbnail-dragdrop-content,.thumbnail-wordbank-content,.thumbnail-phonics-content,.thumbnail-matching-content,.thumbnail-spacejunk-content,.thumbnail-testtube-content,.thumbnail-default-content{width:100%;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.thumbnail-character{position:absolute;z-index:50;max-height:80%;bottom:0}.sentence-container{background:#fffc;padding:4px 8px;border-radius:4px;font-size:8px;text-align:center;margin-bottom:8px;max-width:90%;max-height:75%!important}.options-container{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;max-width:90%}.option-item{background:#fff;border:1px solid #ddd;padding:2px 4px;border-radius:4px;font-size:7px;max-width:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.words-container{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;max-width:90%}.word-item{background:#fff;padding:2px 4px;border-radius:10px;font-size:7px;border:1px solid #ddd}.instructions-container{font-size:7px;background:#fffc;padding:2px 4px;border-radius:4px}.pairs-container{display:flex;flex-direction:column;gap:5px;width:90%}.pair-row{display:flex;align-items:center;justify-content:space-between;background:#fffc;padding:3px;border-radius:4px;font-size:7px}.pair-left,.pair-right{max-width:40%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pair-connector{font-size:8px;color:#666}.testtubeletters-thumbnail .tubes-container{display:flex;gap:4px}.tube{width:18px;height:30px;background:#fffc;border-radius:0 0 8px 8px;display:flex;align-items:center;justify-content:center;position:relative}.letter{font-size:10px;font-weight:700;color:#333}.template-title{font-size:8px;background:#00000080;color:#fff;padding:2px 5px;border-radius:4px}.slide-item .slide-preview{width:100%;height:0;padding-bottom:60%;position:relative}.storyline-thumbnail,.testtube-thumbnail,.wordbank-thumbnail,.dragdrop-thumbnail,.phonicsasteroids-thumbnail,.matchingaliens-thumbnail,.spacejunk-thumbnail,.aliendictionary-thumbnail,.puzzlemaker-thumbnail,.sortinggame-thumbnail,.label-thumbnail,.lettertracing-thumbnail,.whoisright-thumbnail,.findstars-thumbnail,.rocketinstructions-thumbnail,.speaking-thumbnail,.readingpage-thumbnail,.lessonstart-thumbnail,.lessonend-thumbnail,.default-thumbnail{position:relative;width:100%;height:100%;padding:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:visible;box-sizing:border-box}.thumbnail-character.right{right:3px}.thumbnail-character.left{left:3px}.thumbnail-dialogue,.thumbnail-sentence,.thumbnail-word-display,.thumbnail-code-message,.thumbnail-question,.thumbnail-instruction,.thumbnail-title,.thumbnail-header,.thumbnail-text,.thumbnail-junk-sentence{background:#ffffffd9;color:#333;padding:6px 10px;border-radius:4px;font-size:14px;text-align:center;max-width:90%;margin-bottom:10px;z-index:10;box-shadow:0 1px 3px #00000026;line-height:1.2}.left-bubble{position:absolute;top:10px;left:50px}.right-bubble{position:absolute;top:10px;right:50px}.center-bubble{position:absolute;top:10px;left:50%;transform:translate(-50%)}.thumbnail-words,.thumbnail-options,.thumbnail-asteroids,.thumbnail-tubes,.thumbnail-categories,.thumbnail-sort-items,.thumbnail-labels,.thumbnail-answers{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:90%;margin-bottom:8px}.thumbnail-button{border:1px solid #2196F3;color:#2196f3;background:#fff}.thumbnail-letter{font-size:72px;font-weight:700;color:#333;text-shadow:1px 1px 3px rgba(255,255,255,.8)}.thumbnail-match-pair{display:flex;align-items:center;background:#fffc;border-radius:4px;padding:6px;margin-bottom:8px;width:90%}.thumbnail-match-image{width:32px;height:32px;margin-right:10px}.thumbnail-match-image img{width:100%;height:100%;object-fit:contain}.thumbnail-match-text{font-size:10px;color:#333}.thumbnail-puzzle-image,.thumbnail-label-image{max-width:80%;max-height:60%;object-fit:contain;margin-bottom:10px}.thumbnail-correct{color:#4caf50}.thumbnail-incorrect{color:#f44336}.empty-thumbnail{display:flex;align-items:center;justify-content:center;height:100%;width:100%;background-color:#f0f0f0;color:#777;font-size:14px}.slide-item .slide-thumbnail-container{width:100%!important;height:100%!important;overflow:hidden}.storyline-thumbnail,.testtube-thumbnail,.wordbank-thumbnail,.dragdrop-thumbnail,.phonicsasteroids-thumbnail,.matchingaliens-thumbnail,.spacejunk-thumbnail{transform:none;transform-origin:center;width:100%;height:100%}.testtube-thumbnail{width:100%;height:100%;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:8px;overflow:visible}.slide-item .slide-preview>div{position:absolute;top:0;left:0;width:100%;height:100%}.storyline-thumbnail,.lessonend-thumbnail,.sortinggame-thumbnail,.wordbank-thumbnail,.testtube-thumbnail,.dragdrop-thumbnail,.phonicsasteroids-thumbnail,.matchingaliens-thumbnail,.aliendictionary-thumbnail,.puzzlemaker-thumbnail,.label-thumbnail{background-color:transparent!important;width:100%;height:100%;position:relative;z-index:5}.slide-item{cursor:pointer}.slide-item:hover .slide-preview{opacity:.95;box-shadow:0 0 8px #0000ff40}.slide-item.selected .slide-preview{box-shadow:0 0 0 2px #2196f3,0 0 10px #2196f380}.thumbnail-title,.thumbnail-dialogue,.thumbnail-sort-item,.thumbnail-category,.thumbnail-button,.thumbnail-sentence,.thumbnail-option,.thumbnail-word{background:#ffffffe6!important;box-shadow:0 1px 3px #0000004d!important;padding:4px 8px!important;border-radius:4px!important;margin:2px!important;z-index:10!important}.slide-thumbnail-wrapper{width:100%;height:100%;overflow:hidden;position:relative;border-radius:6px}.slide-item .slide-preview-wrapper{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;width:100%!important;height:100%!important}.thumbnail-items{display:flex;flex-wrap:wrap;gap:4px}.thumbnail-item{background-color:#ffffc866;border:1px solid #ffcc44;border-radius:4px;padding:2px 4px;font-size:8px;color:#333}.matchingaliens-thumbnail{width:100%;height:100%;display:flex;flex-direction:column;position:relative;padding:10px}.thumbnail-matching{display:flex;flex-direction:column;width:70%;z-index:60}.thumbnail-pair{display:flex;justify-content:space-between;margin-bottom:6px}.thumbnail-left,.thumbnail-right{background-color:#fffc;border-radius:4px;padding:2px 5px;font-size:10px;width:45%;text-align:center;border:1px solid #ccc}.puzzlemaker-thumbnail{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;padding:10px;overflow:visible;background-color:#1a1a1a;border-radius:6px}.thumbnail-puzzlemaker-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#1a1a1a}.thumbnail-puzzlemaker-background{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.thumbnail-puzzlemaker-image-container{position:relative;width:100%;height:50%;display:flex;align-items:center;justify-content:center;overflow:hidden}.thumbnail-puzzlemaker-image{max-width:100%;max-height:100%;object-fit:contain}.thumbnail-puzzlemaker-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#ffffff80;font-size:14px;background-color:#ffffff1a;border-radius:4px}.thumbnail-puzzlemaker-code{position:relative;margin-top:2px;padding:8px;background-color:#ffffff1a;color:#fffc;border-radius:4px;font-size:10px;max-width:90%;text-align:center;word-break:break-word;z-index:99}.thumbnail-puzzlemaker-character{position:absolute;bottom:8px;right:-5%;width:48px;height:48px;object-fit:contain;border-radius:50%;z-index:10}.thumbnail-sortinggame-categories{display:flex;justify-content:space-around;width:100%;height:70%!important;padding-bottom:0;position:absolute;bottom:0;align-items:center;right:0%;margin-bottom:8%}.thumbnail-sortinggame-category{width:40%;height:100%!important;background:#fffc;border:1px solid #ccc;border-radius:6px;padding:3px;display:flex;flex-direction:column;align-items:center}.thumbnail-sortinggame-items{display:flex;flex-direction:column;gap:2px;padding:4px;width:100%;height:calc(100% - 20px);overflow-y:auto!important;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.3) rgba(0,0,0,.1)}.thumbnail-sortinggame-item-text{text-align:center;font-size:7px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thumbnail-sortinggame-character{position:absolute;bottom:0;left:50%;transform:translate(-50%);height:35%;width:auto;z-index:5}.thumbnail-speaking-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;padding:8px;background-size:cover;background-position:center;overflow:hidden}.thumbnail-speaking-dialogues{position:absolute;top:10px;left:10px;right:10px;max-height:70%;overflow-y:auto;z-index:2;background-color:#ffffffbf;border-radius:6px;padding:8px;box-shadow:0 1px 3px #0003;display:flex;flex-direction:column;gap:6px;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.3) rgba(0,0,0,.1)}.thumbnail-speaking-dialogues::-webkit-scrollbar{width:4px}.thumbnail-speaking-dialogues::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:4px}.thumbnail-speaking-dialogues::-webkit-scrollbar-track{background-color:#0000001a;border-radius:4px}.thumbnail-speaking-dialogue{padding:6px 10px;margin-bottom:4px;border-radius:8px;font-size:11px;position:relative;color:#333;background-color:#fff;box-shadow:0 1px 2px #0000001a;max-width:80%;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.3}.thumbnail-speaking-dialogue.left{align-self:flex-start;margin-right:auto;background-color:#e3f2fd}.thumbnail-speaking-dialogue.right{align-self:flex-end;margin-left:auto;background-color:#e8f5e9}.thumbnail-speaking-character-container{position:absolute!important;bottom:0!important;z-index:3!important;height:50%!important;width:50%!important;display:flex!important;align-items:flex-end!important}.thumbnail-speaking-character-container.left{left:-15%!important}.thumbnail-speaking-character-container.right{right:-15%!important}.thumbnail-speaking-character-container img{height:100%!important;width:100%!important;object-fit:contain!important;filter:drop-shadow(2px 2px 3px rgba(0,0,0,.3))!important}.thumbnail-speaking-microphone{position:absolute;bottom:5px;left:50%;transform:translate(-50%);width:30px;height:30px;z-index:4;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.thumbnail-reading-container{position:relative;width:100%;height:144px;background-size:cover;background-position:center;overflow:hidden}.thumbnail-reading-character{position:absolute!important;bottom:0!important;height:50%!important;width:50%!important;display:flex!important;align-items:flex-end!important;z-index:5!important}.thumbnail-reading-character.left{left:-15%!important}.thumbnail-reading-character.right{right:-15%!important}.thumbnail-reading-character img{height:100%!important;width:100%!important;object-fit:contain!important;object-position:bottom!important}.thumbnail-reading-text{position:absolute;background-color:#ffffffe6;padding:8px 12px;border-radius:6px;font-size:12px;max-width:70%;text-align:center;z-index:10;box-shadow:0 2px 4px #0000001a;word-break:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.thumbnail-matchingaliens-pairs{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:90%;max-width:300px;margin:0 auto}.thumbnail-matchingaliens-item{background:#ffffffe6;border-radius:4px;padding:4px;min-height:30px;display:flex;align-items:center;justify-content:center;font-size:10px;text-align:center;overflow:hidden}.thumbnail-matchingaliens-item img{max-width:100%;max-height:30px;object-fit:contain}.thumbnail-matchingaliens-more{font-size:10px;color:#666;text-align:center;margin-top:5px;font-style:italic}.lessonstart-thumbnail{position:relative;width:100%;height:100%;background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.thumbnail-lessonstart-header{background-color:#000000b3;color:#fff;padding:3px 10px;border-radius:5px;font-size:11px;margin:5px;text-align:center;z-index:10}.thumbnail-lessonstart-info{font-size:10px;color:#fff;margin:0}.thumbnail-lessonstart-content{display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:0;z-index:5}.thumbnail-lessonstart-title-container{background-color:#fffc;padding:3px 8px;border-radius:8px;text-align:center;box-shadow:0 2px 4px #0000001a;max-width:90%}.thumbnail-lessonstart-title{font-size:10px;font-weight:700;color:#333;margin:0}.thumbnail-lessonstart-footer{width:100%;display:flex;justify-content:center;margin-top:0;margin-bottom:15px;z-index:10}.thumbnail-lessonstart-button{background-color:green;color:#fff;padding:3px 10px;border-radius:20px;font-size:9px;text-align:center;cursor:pointer;box-shadow:0 2px 4px #0003;font-weight:700;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid rgba(255,255,255,.8)}.storyline-thumbnail{position:relative;width:100%;height:100%;overflow:hidden;border-radius:4px;box-shadow:0 2px 4px #0000001a}.custom-slide-thumbnail{position:relative;width:100%;height:100%;overflow:hidden;background:#f0f0f0}.custom-slide-thumbnail-content{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:8px;z-index:1}.custom-slide-indicator{background:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500;white-space:nowrap}.custom-slide-empty{color:#999;font-size:12px;font-weight:500}.thumbnail-background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:1}.thumbnail-storyline-dialogues{position:absolute;top:10px;left:10px;right:10px;max-height:65%;overflow-y:auto;z-index:2;background-color:#ffffffbf;border-radius:6px;padding:8px 8px 10px;box-shadow:0 1px 3px #0003;display:flex;flex-direction:column;gap:6px;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.3) rgba(0,0,0,.1)}.thumbnail-storyline-dialogues::-webkit-scrollbar{width:4px}.thumbnail-storyline-dialogues::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:4px}.thumbnail-storyline-dialogues::-webkit-scrollbar-track{background-color:#0000001a;border-radius:4px}.thumbnail-storyline-dialogue-bubble{padding:6px 10px;margin-bottom:8px;border-radius:8px;font-size:11px;position:relative;color:#333;background-color:#fff;box-shadow:0 1px 2px #0000001a;max-width:80%;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.3}.dialogue-text{margin-bottom:0;word-break:break-word;overflow-wrap:break-word;width:100%;white-space:normal;text-align:left;-webkit-hyphens:auto;hyphens:auto;line-height:1.3;display:flex;align-items:center;gap:4px}.inline-inventory-item{display:inline-flex;align-items:center;margin-left:4px}.inline-inventory-item img{width:16px;height:16px;object-fit:contain;vertical-align:middle}.thumbnail-storyline-center-indicator,.dialogue-speaker{display:none}.thumbnail-storyline-more{font-size:10px;font-style:italic;text-align:center;color:#888;margin-top:4px}.thumbnail-storyline-character-container{position:absolute;bottom:0;z-index:3;height:100%;display:flex;align-items:flex-end}.thumbnail-storyline-character-container.left{left:-15%}.thumbnail-storyline-character-container.right{right:-15%}.thumbnail-storyline-character-container img{height:50%;width:50%;object-fit:contain;filter:drop-shadow(2px 2px 3px rgba(0,0,0,.3))}.empty-thumbnail{display:flex;align-items:center;justify-content:center;height:100%;width:100%;background-color:#f5f5f5;color:#888;font-size:12px;text-align:center;padding:10px;border-radius:4px}.storyline-thumbnail .thumbnail-aliendictionary-words+.thumbnail-storyline-dialogues{top:calc(30% + 20px);max-height:45%}.thumbnail-storyline-dialogue-bubble{padding:6px 10px;border-radius:8px;font-size:11px;position:relative;color:#333;background-color:#fff;margin-bottom:8px;box-shadow:0 1px 2px #0000001a;max-width:80%;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.3}.dialogue-content{display:flex;flex-direction:column;width:100%;gap:2px}.dialogue-inventory-item{display:flex;align-items:center;background-color:#ffebcd80;border-radius:4px;padding:3px 5px;margin:4px 0 0;position:relative;font-size:9px;max-width:100%;overflow:hidden}.inventory-item-icon{width:20px;height:20px;border-radius:4px;overflow:hidden;margin-right:4px;display:flex;align-items:center;justify-content:center;background-color:#fffc;box-shadow:0 1px 2px #0000001a;border:1px solid rgba(0,0,0,.1)}.inventory-item-icon img{width:100%;height:100%;object-fit:contain}.inventory-item-name{font-size:9px;font-weight:700;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 40px)}.thumbnail-storyline-dialogue-bubble.left{align-self:flex-start;margin-right:auto;background-color:#e3f2fd}.thumbnail-storyline-dialogue-bubble.right{align-self:flex-end;margin-left:auto;background-color:#e8f5e9}.thumbnail-storyline-dialogue-bubble.center{align-self:center;text-align:center;background-color:#fff9c4}.thumbnail-storyline-dialogue-bubble.center .dialogue-text{text-align:center}.thumbnail-lettertracing-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:visible!important}.thumbnail-lettertracing-letter{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:50px;font-weight:700;color:#333;text-shadow:0 0 10px rgba(255,255,255,.8);z-index:10}.thumbnail-lettertracing-paint-colors{position:absolute;right:5px;top:15%;display:flex;flex-direction:column;gap:5px;z-index:20}.thumbnail-lettertracing-paint-color{width:15px;height:15px;border:2px solid black;border-radius:5px}.thumbnail-lettertracing-character{position:absolute!important;bottom:0!important;left:-5%!important;height:50%!important;z-index:50!important;display:flex!important;align-items:flex-end!important;justify-content:flex-start!important;pointer-events:none;max-width:50%;width:50%;overflow:visible!important}.thumbnail-lettertracing-character img{height:100%!important;max-width:100%!important;object-fit:contain!important;object-position:bottom left!important}.findstars-thumbnail{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important}.thumbnail-findstars-questions-container{width:85%!important;max-height:70%!important;background-color:#fffc;border-radius:8px;padding:5px;overflow:auto;position:absolute;top:10%;left:7.5%;box-shadow:0 2px 6px #00000026;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.3) rgba(0,0,0,.1)}.thumbnail-findstars-questions-container::-webkit-scrollbar{width:4px}.thumbnail-findstars-questions-container::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:4px}.thumbnail-findstars-questions-container::-webkit-scrollbar-track{background-color:#0000001a;border-radius:4px}.thumbnail-findstars-question-item{margin-bottom:0;border-bottom:1px dashed #ccc;padding-bottom:3px}.thumbnail-findstars-question-item:last-child{border-bottom:none}.thumbnail-findstars-question{font-weight:700;font-size:12px;margin-bottom:5px;padding:2px;color:#333;overflow-wrap:break-word;text-align:center}.thumbnail-findstars-answers{padding-left:10px;width:90%}.thumbnail-findstars-answer{display:flex;align-items:center;margin-bottom:3px;padding:2px;border-radius:4px;font-size:9px;position:relative}.thumbnail-findstars-answer span{margin:0}.thumbnail-findstars-answer img{width:20px;height:20px;object-fit:contain;margin:0 4px 0 0;border:1px solid #ddd;border-radius:4px;background-color:#fff}.thumbnail-findstars-answer .image-delete-button{display:none!important}.thumbnail-findstars-character-container{position:absolute!important;bottom:0!important;left:-5%!important;height:50%!important;width:50%!important;z-index:20!important;display:flex!important;align-items:flex-end!important;pointer-events:none!important}.thumbnail-findstars-character{height:100%!important;max-width:100%!important;object-fit:contain!important;object-position:bottom left!important}.findstars-thumbnail .constellation-container{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:10%!important;z-index:1!important;display:flex!important;justify-content:space-around!important;align-items:center!important}.findstars-thumbnail .star{position:absolute!important;width:7px!important;height:7px!important;background:url(./star-D2TtfdZT.png) no-repeat center center!important;background-size:contain!important;opacity:1!important;z-index:5!important;transform:scale(.9)!important;border:none!important}.thumbnail-findstars-empty{font-size:11px;color:#666;font-style:italic;text-align:center;padding:10px}.thumbnail-whoisright-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:0;position:relative;border-radius:8px;overflow:hidden}.thumbnail-whoisright-answers{display:flex;flex-direction:column;gap:0px;flex:1;padding:0;height:85%;position:relative;z-index:5;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.3) rgba(0,0,0,.1)}.thumbnail-whoisright-answers::-webkit-scrollbar{width:4px}.thumbnail-whoisright-answers::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:4px}.thumbnail-whoisright-answers::-webkit-scrollbar-track{background-color:#0000001a;border-radius:4px}.thumbnail-whoisright-answer-group{display:flex;flex-direction:column;gap:0px;align-items:center;width:100%;background:none;padding:3px;border-radius:8px;margin-top:5%;margin-bottom:5%}.thumbnail-whoisright-portal{width:40px;height:40px;margin:0;position:relative;z-index:10}.thumbnail-whoisright-portal img{width:100%;height:100%;object-fit:contain}.thumbnail-whoisright-answer-pair{display:flex;justify-content:center;align-items:center;width:100%;gap:5px;margin-bottom:4px}.thumbnail-whoisright-correct,.thumbnail-whoisright-incorrect{width:calc(50% - 10px);padding:3px;border-radius:4px;font-size:10px;min-height:30px;display:flex;align-items:center;justify-content:center;text-align:center;word-break:break-word;background:#fff!important;box-shadow:0 1px 2px #00000012}.thumbnail-whoisright-correct{background-color:#4caf5033;border:1px solid #4CAF50}.thumbnail-whoisright-incorrect{background-color:#f4433633;border:2px solid #F44336}.thumbnail-whoisright-characters{position:absolute;bottom:0%;left:0;right:0;height:100%;display:flex;justify-content:space-between;align-items:flex-end;z-index:20;pointer-events:none}.thumbnail-whoisright-character{position:absolute!important;bottom:0!important;height:50%!important;width:50%!important;object-fit:contain!important;object-position:bottom!important}.thumbnail-whoisright-character.left{left:-15%!important}.thumbnail-whoisright-character.right{right:-15%!important}.thumbnail-rocketinstructions-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:stretch;padding:7px;background-color:#f5f5f5;background-size:cover;background-position:center;overflow:hidden}.thumbnail-rocketinstructions-right{position:absolute;right:8%;bottom:10%;width:25%;height:80%;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:.7;pointer-events:none;z-index:1}.thumbnail-rocketinstructions-rocket-container{display:flex;align-items:center;gap:0px;height:70%}.thumbnail-rocketinstructions-rocket{width:45px;height:55px;position:relative;margin-right:-10%}.thumbnail-rocketinstructions-rocket img{width:100%;height:100%;object-fit:contain}.thumbnail-rocketinstructions-fuel-meter{width:10px;height:45px;background-color:green;border-radius:6px;border:1px solid rgba(255,255,255,.8);position:relative;overflow:hidden}.thumbnail-rocketinstructions-fuel{position:absolute;bottom:0;width:100%;height:30%;background-color:#4caf50;transition:height .3s ease}.thumbnail-rocketinstructions-content{position:relative;width:100%;height:100%;z-index:2;display:flex;flex-direction:column;gap:2px}.thumbnail-rocketinstructions-header{background-color:#ffffffe6;padding:4px 6px;border-radius:4px;font-size:10px;font-weight:700;box-shadow:0 1px 2px #0000001a;margin-bottom:2px;width:65%;text-align:center}.thumbnail-rocketinstructions-instructions{background-color:#fffc;padding:6px;border-radius:4px;flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;gap:3px;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.3) rgba(0,0,0,.1);width:70%;max-height:calc(100% - 30px)}.thumbnail-rocketinstructions-instructions::-webkit-scrollbar{width:3px}.thumbnail-rocketinstructions-instructions::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:3px}.thumbnail-rocketinstructions-instructions::-webkit-scrollbar-track{background-color:#0000001a;border-radius:3px}.thumbnail-rocketinstructions-instruction{font-size:8px;padding:3px 5px;background-color:#ffffffe6;border-radius:3px;box-shadow:0 1px 2px #0000000d}.thumbnail-rocketinstructions-launch-btn{position:absolute;bottom:15%;right:8px;background-color:#f44336;color:#fff;border:none;border-radius:12px;padding:2px 6px;font-size:8px;font-weight:700;cursor:pointer;box-shadow:0 1px 2px #0003;white-space:nowrap;z-index:3}.thumbnail-rocketinstructions-launch-btn:hover{background-color:#d32f2f}.lessonend-thumbnail{position:relative;width:100%;height:100%;background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.thumbnail-lessonend-header{background-color:#000000b3;color:#fff;padding:3px 10px;border-radius:5px;font-size:11px;margin:5px;text-align:center;z-index:10}.thumbnail-lessonend-info{font-size:10px;color:#fff;margin:0}.thumbnail-lessonend-content{display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:0;z-index:5}.thumbnail-lessonend-title-container{background-color:#fffc;padding:4px 8px;border-radius:8px;text-align:center;box-shadow:0 2px 4px #0000001a;max-width:90%}.thumbnail-lessonend-title{font-size:11px;font-weight:700;color:#333;margin:0}.thumbnail-lessonend-footer{width:100%;display:flex;justify-content:center;margin-top:0;margin-bottom:0;z-index:10}.thumbnail-lessonend-button{background-color:#4caf50;color:#fff;padding:5px 10px;border-radius:20px;font-size:10px;text-align:center;cursor:pointer;box-shadow:0 2px 4px #0003;font-weight:700;max-width:80%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid rgba(255,255,255,.8)}.thumbnail-label-container{position:relative;width:100%;height:100%;background-size:cover;background-position:center;display:flex;flex-direction:row;justify-content:space-between;overflow:hidden}.thumbnail-label-content{position:absolute;top:10%;right:10%;width:75%;height:70%;background-color:#e0f7fab3;border-radius:10px;padding:5px;z-index:5;overflow:hidden;display:flex;flex-direction:column}.thumbnail-label-image{width:100%;height:100%;object-fit:contain;background-position:center;background-repeat:no-repeat}.thumbnail-label-image.background-type{object-fit:cover}.thumbnail-label-image.content-type{max-height:80%;margin:auto;display:block}.thumbnail-label-labels{position:absolute;top:5px;left:5px;display:flex;flex-direction:column;gap:5px;z-index:6;max-height:90%;overflow-y:auto;padding-right:10px}.thumbnail-label-labels::-webkit-scrollbar{width:4px}.thumbnail-label-labels::-webkit-scrollbar-track{background:#ffffff4d;border-radius:3px}.thumbnail-label-labels::-webkit-scrollbar-thumb{background:#0000004d;border-radius:3px}.thumbnail-label-item{background-color:gold;border:2px solid #ffc107;border-radius:8px;padding:2px;font-size:10px;font-weight:700;white-space:nowrap;min-width:50px}.thumbnail-label-item.more{background-color:#f0f0f0;border:2px solid #ccc}.thumbnail-label-character-container{position:absolute;bottom:0;left:-5%;height:50%;width:50%;z-index:50;display:flex;align-items:flex-end}.thumbnail-label-character{height:100%;width:auto;max-width:100%;object-fit:contain;object-position:bottom left}.thumbnail-sortinggame-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;padding:5px;background-size:cover;background-position:center;overflow:hidden}.thumbnail-sortinggame-categories{display:flex;justify-content:space-around;width:100%;height:75%!important;padding-bottom:0;position:absolute;bottom:0;align-items:center;right:0%}.thumbnail-sortinggame-category{width:40%;height:120px;background:#fffc;border:1px solid #ccc;border-radius:6px;padding:3px;display:flex;flex-direction:column;align-items:center}.thumbnail-sortinggame-category-title{font-size:11px;font-weight:700;color:#333;margin-bottom:0;text-align:center;padding:2px;background:#fff9;border-radius:3px;width:100%;flex-shrink:0}.thumbnail-sortinggame-items{display:flex;flex-direction:column;gap:2px;padding:4px;width:100%;height:calc(100% - 20px);overflow-y:hidden;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.3) rgba(0,0,0,.1)}.thumbnail-sortinggame-items::-webkit-scrollbar{width:4px}.thumbnail-sortinggame-items::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:4px}.thumbnail-sortinggame-items::-webkit-scrollbar-track{background-color:#0000001a;border-radius:4px}.thumbnail-sortinggame-item{background:#0009;border-radius:4px;width:calc(100% - 8px);margin:0 4px;padding:3px;min-height:16px;display:flex;align-items:center;justify-content:center;font-size:8px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8);flex-shrink:0}.thumbnail-sortinggame-item-text{text-align:center;font-size:8px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thumbnail-sortinggame-character{position:absolute;bottom:0;left:50%;transform:translate(-50%);height:50%;width:auto;z-index:5}.thumbnail-sortinggame-character img{height:100%;width:auto;object-fit:contain;object-position:bottom}.spacejunk-thumbnail{position:relative;width:100%;height:144px;background-size:cover;background-position:center;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.spacejunk-thumbnail video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.spacejunk-thumbnail .character-container{position:absolute;bottom:0;left:-5%;height:50%;width:50%;z-index:5;display:flex;align-items:flex-end}.spacejunk-thumbnail .character-container img{height:100%;max-width:100%;object-fit:contain;object-position:bottom left}.spacejunk-thumbnail .words-container{position:absolute;top:10%;right:5%;display:flex;flex-wrap:wrap;gap:6px;align-items:flex-start;justify-content:center;z-index:10;max-height:75%;overflow-y:auto;background:#ffffff26;padding:8px;border-radius:8px;width:95%;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) rgba(255,255,255,.1)}.spacejunk-thumbnail .word-item{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#ffffffe6;padding:4px;border-radius:6px;box-shadow:0 1px 3px #0000001a;width:fit-content;max-width:calc(50% - 6px);margin:0 auto}.spacejunk-thumbnail .word-image{width:24px;height:24px;background:#fff;border-radius:4px;padding:2px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 1px 2px #0000001a;flex-shrink:0}.spacejunk-thumbnail .word-image img{width:100%;height:100%;object-fit:contain}.spacejunk-thumbnail .word-text{font-size:11px;line-height:1.2;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slide-editor [class*=thumbnail-],.slide-editor [class*=slide-],.slide-editor [class*=template-],.slide-editor .slide-preview,.slide-editor .slide-preview *,.slide-editor .slide-thumbnail-wrapper,.slide-editor .slide-thumbnail-wrapper *,.slide-editor .slide-preview-wrapper,.slide-editor .slide-preview-wrapper *,.slide-editor .slide-preview-scaling,.slide-editor .slide-preview-scaling *,.slide-editor .slide-item-container,.slide-editor .slide-item-container *,.slide-editor .slides-container,.slide-editor .slides-container *,.slide-editor .slides-list,.slide-editor .slides-list *,.slide-editor .sortable-item,.slide-editor .sortable-item *{all:unset!important;box-sizing:border-box!important;display:block!important;position:static!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;font-size:14px!important;font-weight:400!important;line-height:1.5!important;text-align:left!important;text-decoration:none!important;text-transform:none!important;text-shadow:none!important;letter-spacing:normal!important;word-spacing:normal!important;white-space:normal!important;color:#333!important;margin:0!important;padding:0!important;border:none!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:none!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;float:none!important;clear:none!important;z-index:auto!important;opacity:1!important;visibility:visible!important;overflow:visible!important;clip:auto!important;transform:none!important;transition:none!important;animation:none!important;filter:none!important;cursor:default!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;pointer-events:auto!important;vertical-align:baseline!important;border-collapse:separate!important;border-spacing:0!important;list-style:none!important;counter-reset:none!important;counter-increment:none!important;flex:none!important;flex-grow:0!important;flex-shrink:0!important;flex-basis:auto!important;align-self:auto!important;order:0!important;grid-area:auto!important;grid-column:auto!important;grid-row:auto!important;justify-self:auto!important;content:normal!important;empty-cells:show!important;caption-side:top!important;resize:none!important;scroll-behavior:auto!important;overflow-anchor:auto!important;word-break:normal!important;word-wrap:normal!important;overflow-wrap:normal!important;-webkit-hyphens:none!important;hyphens:none!important}.slide-editor .delete-slide-btn-standalone,.slide-editor .add-slide-btn,.slide-editor .duplicate-slide-btn,.slide-editor .slide-number,body .slide-editor .delete-slide-btn-standalone,body .slide-editor .add-slide-btn,body .slide-editor .duplicate-slide-btn,body .slide-editor .slide-number,html body .slide-editor .delete-slide-btn-standalone,html body .slide-editor .add-slide-btn,html body .slide-editor .duplicate-slide-btn,html body .slide-editor .slide-number{all:unset!important;display:flex!important;position:absolute!important;box-sizing:border-box!important;cursor:pointer!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-weight:700!important;text-align:center!important;text-decoration:none!important;line-height:1!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;border:2px solid white!important;padding:0!important;margin:0!important;box-shadow:0 2px 5px #0000004d!important;transition:all .2s ease!important;opacity:0!important;z-index:200!important;user-select:none!important;-webkit-user-select:none!important;pointer-events:auto!important;transform:none!important;transform-origin:center!important;background-image:none!important;background-repeat:no-repeat!important;background-position:center!important;background-size:auto!important;min-width:unset!important;min-height:unset!important;max-width:none!important;max-height:none!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;outline:none!important;border-style:solid!important;background-attachment:scroll!important;background-clip:border-box!important;background-origin:padding-box!important;border-collapse:separate!important;border-spacing:0!important;caption-side:top!important;content:normal!important;counter-increment:none!important;counter-reset:none!important;direction:ltr!important;empty-cells:show!important;font-size-adjust:none!important;font-stretch:normal!important;font-style:normal!important;font-variant:normal!important;list-style:none!important;orphans:2!important;page-break-after:auto!important;page-break-before:auto!important;page-break-inside:auto!important;quotes:none!important;speak:normal!important;table-layout:auto!important;unicode-bidi:normal!important;white-space:normal!important;widows:2!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;resize:none!important;background-color:initial!important;color:initial!important;text-shadow:none!important;letter-spacing:normal!important;word-spacing:normal!important;text-indent:0!important;text-transform:none!important;white-space:nowrap!important;vertical-align:baseline!important;float:none!important;clear:none!important;overflow:visible!important;clip:auto!important;visibility:visible!important}.slide-editor .slide-preview,.slide-editor .slide-thumbnail-wrapper,.slide-editor .slide-preview-wrapper,.slide-editor .slide-preview-scaling,.slide-editor [class*=thumbnail-container],.slide-editor [class*=thumbnail-content]{display:block!important}.slide-editor [class*=thumbnail-] img{display:block!important;max-width:100%!important;height:auto!important}.slide-editor .slide-preview-scaling,.slide-editor [class*=thumbnail-] [class*=flex],.slide-editor [class*=thumbnail-] [class*=container]:not([class*=character]):not([class*=image]){display:flex!important}.slide-editor .slide-preview{width:100%!important;height:100%!important;overflow:hidden!important;position:relative!important}.slide-editor .slide-thumbnail-wrapper{width:100%!important;height:100%!important;overflow:hidden!important;position:relative!important;border-radius:6px!important}.slide-editor .thumbnail-storyline-container{width:100%!important;height:100%!important;padding:8px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;position:relative!important;background-size:cover!important;background-position:center!important;border-radius:4px!important}.slide-editor .slide-item-container{position:relative!important;display:block!important}.slide-editor .slide-item{position:relative!important;display:flex!important;flex-direction:column!important;min-width:200px!important;height:120px!important;background:#f5f5f5!important;padding:8px!important;border-radius:4px!important;cursor:pointer!important;transition:all .2s ease!important;gap:4px!important;overflow:hidden!important;box-shadow:0 1px 3px #0000001a!important;border-left:none!important;margin:0 8px!important}.slide-editor .slide-item.active{background:#e0f2e9!important;border-left:4px solid #23A455!important;box-shadow:0 0 15px #23a45599,0 0 25px #23a45566!important}.slide-editor .slide-item-container .delete-slide-btn-standalone,.slide-editor .delete-slide-btn-standalone,body .slide-editor .delete-slide-btn-standalone,html body .slide-editor .delete-slide-btn-standalone{top:-8px!important;right:-8px!important;width:24px!important;height:24px!important;background-color:#dc3545!important;color:#fff!important;font-size:12px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;border:2px solid white!important;box-shadow:0 2px 5px #0000004d!important;opacity:0!important;visibility:visible!important;position:absolute!important;z-index:9999!important}.slide-editor .slide-item-container .delete-slide-btn-standalone:hover,.slide-editor .delete-slide-btn-standalone:hover{background-color:#c82333!important;transform:scale(1.1)!important}.slide-editor .slide-item-container .add-slide-btn,.slide-editor .add-slide-btn,body .slide-editor .add-slide-btn,html body .slide-editor .add-slide-btn{bottom:-8px!important;left:50%!important;transform:translate(-50%)!important;width:32px!important;height:24px!important;border-radius:12px!important;background-color:#28a745!important;color:#fff!important;font-size:16px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:2px solid white!important;box-shadow:0 2px 5px #0000004d!important;opacity:0!important;visibility:visible!important;position:absolute!important;z-index:9999!important}.slide-editor .slide-item-container .add-slide-btn:hover,.slide-editor .add-slide-btn:hover{background-color:#218838!important;transform:translate(-50%) scale(1.1)!important}.slide-editor .slide-item-container .duplicate-slide-btn,.slide-editor .duplicate-slide-btn,body .slide-editor .duplicate-slide-btn,html body .slide-editor .duplicate-slide-btn{top:-8px!important;left:-8px!important;width:24px!important;height:24px!important;background-color:#17a2b8!important;color:#fff!important;font-size:12px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;border:2px solid white!important;box-shadow:0 2px 5px #0000004d!important;opacity:0!important;visibility:visible!important;position:absolute!important;z-index:9999!important}.slide-editor .slide-item-container .duplicate-slide-btn:hover,.slide-editor .duplicate-slide-btn:hover{background-color:#138496!important;transform:scale(1.1)!important}.slide-editor .slide-number,body .slide-editor .slide-number,html body .slide-editor .slide-number{top:4px!important;left:4px!important;width:auto!important;height:auto!important;background:#000000b3!important;color:#fff!important;font-size:10px!important;padding:2px 6px!important;border-radius:10px!important;border:none!important;box-shadow:none!important;opacity:0!important;visibility:visible!important;display:block!important;position:absolute!important;z-index:10!important}.slide-editor .slide-item-container:hover .delete-slide-btn-standalone,.slide-editor .slide-item-container:hover .add-slide-btn,.slide-editor .slide-item-container:hover .duplicate-slide-btn,.slide-editor .slide-item-container:hover .slide-number,.slide-editor .delete-slide-btn-standalone:hover,.slide-editor .add-slide-btn:hover,.slide-editor .duplicate-slide-btn:hover{opacity:1!important;visibility:visible!important;display:flex!important}.slide-editor .slide-item-container:hover button.delete-slide-btn-standalone,.slide-editor .slide-item-container:hover button.add-slide-btn,.slide-editor .slide-item-container:hover button.duplicate-slide-btn,.slide-editor .slide-item-container:hover .slide-number,body .slide-editor .slide-item-container:hover .delete-slide-btn-standalone,body .slide-editor .slide-item-container:hover .add-slide-btn,body .slide-editor .slide-item-container:hover .duplicate-slide-btn,body .slide-editor .slide-item-container:hover .slide-number,html body .slide-editor .slide-item-container:hover .delete-slide-btn-standalone,html body .slide-editor .slide-item-container:hover .add-slide-btn,html body .slide-editor .slide-item-container:hover .duplicate-slide-btn,html body .slide-editor .slide-item-container:hover .slide-number,html body div.slide-editor .slide-item-container:hover .delete-slide-btn-standalone,html body div.slide-editor .slide-item-container:hover .add-slide-btn,html body div.slide-editor .slide-item-container:hover .duplicate-slide-btn,html body div.slide-editor .slide-item-container:hover .slide-number{opacity:1!important;visibility:visible!important;display:flex!important;pointer-events:auto!important}.slide-editor .slide-item-container:hover .slide-number,body .slide-editor .slide-item-container:hover .slide-number,html body .slide-editor .slide-item-container:hover .slide-number,html body div.slide-editor .slide-item-container:hover .slide-number{display:block!important}.slide-editor .slides-container{position:relative!important;display:flex!important;flex-direction:row!important;align-items:center!important;overflow:hidden!important}.slide-editor .slides-list{display:flex!important;flex-direction:row!important;gap:8px!important;padding:10px!important;overflow-x:auto!important;scrollbar-width:thin!important}.slide-editor .sortable-item{position:relative!important;display:block!important;transition:all .2s ease!important;z-index:1!important;margin:0 8px!important}.slide-editor .thumbnail-character-container{position:absolute!important;display:block!important}.slide-editor .thumbnail-character-container.left{left:10px!important;bottom:10px!important}.slide-editor .thumbnail-character-container.right{right:10px!important;bottom:10px!important}.slide-editor .thumbnail-character-container img,.slide-editor .thumbnail-character-image{width:40px!important;height:40px!important;border-radius:50%!important;object-fit:cover!important;border:2px solid white!important;box-shadow:0 1px 3px #0003!important}.slide-editor .thumbnail-dialogue-bubble{position:absolute!important;display:block!important;max-width:80%!important;padding:4px 8px!important;background:#fff!important;border-radius:8px!important;font-size:10px!important;line-height:1.2!important;color:#333!important;border:1px solid #ddd!important;box-shadow:0 1px 2px #0000001a!important;z-index:10!important}.slide-editor .thumbnail-bubble-left{left:50px!important;bottom:25px!important}.slide-editor .thumbnail-bubble-right{right:50px!important;bottom:25px!important}.slide-editor .thumbnail-bubble-center{left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important}.slide-editor .thumbnail-rocketinstructions-rocket{width:30px!important;height:35px!important}.slide-editor .phonics-asteroids-thumbnail .thumbnail-phonics-character{position:absolute!important;bottom:0!important;right:-15%!important;width:50%!important;height:50%!important;object-fit:contain!important;z-index:20!important}.slide-editor .thumbnail-whoisright-character{position:absolute!important;bottom:0!important;width:50%!important;height:50%!important;object-fit:contain!important;z-index:20!important}.slide-editor .thumbnail-whoisright-character.left{left:-10%!important}.slide-editor .thumbnail-whoisright-character.right{right:-10%!important}.slide-editor .thumbnail-speaking-character-container{position:absolute!important;bottom:0!important;width:40%!important;height:45%!important;z-index:20!important}.slide-editor .thumbnail-speaking-character-container.left{left:-10%!important}.slide-editor .thumbnail-speaking-character-container.right{right:-10%!important}.slide-editor .thumbnail-speaking-character-container img{width:100%!important;height:100%!important;object-fit:contain!important}.slide-editor .thumbnail-reading-character{position:absolute!important;bottom:0!important;width:40%!important;height:45%!important;object-fit:contain!important;z-index:20!important}.slide-editor .thumbnail-reading-character.left{left:-10%!important}.slide-editor .thumbnail-reading-character.right{right:-10%!important}.slide-editor .thumbnail-storyline-character-container{position:absolute!important;bottom:0!important;width:35%!important;height:40%!important;z-index:20!important}.slide-editor .thumbnail-storyline-character-container.left{left:5%!important}.slide-editor .thumbnail-storyline-character-container.right{right:-3%!important}.slide-editor .thumbnail-storyline-character-container img{width:100%!important;height:100%!important;object-fit:contain!important}.slide-editor .thumbnail-label-character{position:absolute!important;bottom:0!important;right:-15%!important;width:35%!important;height:40%!important;max-width:35%!important;max-height:40%!important;object-fit:contain!important;z-index:20!important}.slide-editor .thumbnail-puzzlemaker-image{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;visibility:visible!important;opacity:1!important;z-index:10!important}.slide-editor .thumbnail-puzzlemaker-character{position:absolute!important;bottom:0!important;right:-15%!important;width:50%!important;height:50%!important;object-fit:contain!important;z-index:20!important}.slide-editor .thumbnail-sortinggame-character{position:absolute!important;bottom:5px!important;right:-15%!important;width:35%!important;height:40%!important;object-fit:contain!important;z-index:20!important}.slide-editor [class*=thumbnail-] img,.slide-editor .thumbnail-character img,.slide-editor .character-image{border:none!important;border-radius:0!important;margin:0!important;padding:0!important;box-shadow:none!important;filter:none!important;opacity:1!important;transform:none!important}.slide-editor .thumbnail-character{max-height:50%!important;max-width:50%!important}.slide-editor .slide-item-container:hover button.delete-slide-btn-standalone,.slide-editor .slide-item-container:hover button.add-slide-btn,.slide-editor .slide-item-container:hover button.duplicate-slide-btn,.slide-editor button.delete-slide-btn-standalone,.slide-editor button.add-slide-btn,.slide-editor button.duplicate-slide-btn,body .slide-editor .delete-slide-btn-standalone,body .slide-editor .add-slide-btn,body .slide-editor .duplicate-slide-btn,html body .slide-editor .delete-slide-btn-standalone,html body .slide-editor .add-slide-btn,html body .slide-editor .duplicate-slide-btn,html body div.slide-editor .delete-slide-btn-standalone,html body div.slide-editor .add-slide-btn,html body div.slide-editor .duplicate-slide-btn{all:unset!important;border:2px solid white!important;border-radius:50%!important;background-image:none!important;text-shadow:none!important;box-shadow:0 2px 5px #0000004d!important;font-weight:700!important;cursor:pointer!important;background-clip:padding-box!important;background-origin:padding-box!important;background-attachment:scroll!important;text-transform:none!important;letter-spacing:normal!important;word-spacing:normal!important;display:flex!important;align-items:center!important;justify-content:center!important;background-color:#f44!important;color:#fff!important;margin:0!important;padding:0!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;position:absolute!important;box-sizing:border-box!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-size:inherit!important;line-height:1!important;text-align:center!important;text-decoration:none!important;z-index:9999!important}.slide-editor .slide-item-container:hover button.delete-slide-btn-standalone,.slide-editor button.delete-slide-btn-standalone,body .slide-editor .delete-slide-btn-standalone,html body .slide-editor .delete-slide-btn-standalone,html body div.slide-editor .delete-slide-btn-standalone,html body div.slide-editor button.delete-slide-btn-standalone{background-color:#dc3545!important;background:#dc3545!important;color:#fff!important;border-color:#fff!important;opacity:1!important;visibility:visible!important;display:flex!important}.slide-editor .slide-item-container:hover button.add-slide-btn,.slide-editor button.add-slide-btn,body .slide-editor .add-slide-btn,html body .slide-editor .add-slide-btn,html body div.slide-editor .add-slide-btn,html body div.slide-editor button.add-slide-btn{background-color:#28a745!important;background:#28a745!important;color:#fff!important;border-radius:12px!important;border-color:#fff!important;opacity:1!important;visibility:visible!important;display:flex!important}.slide-editor .slide-item-container:hover button.duplicate-slide-btn,.slide-editor button.duplicate-slide-btn,body .slide-editor .duplicate-slide-btn,html body .slide-editor .duplicate-slide-btn,html body div.slide-editor .duplicate-slide-btn,html body div.slide-editor button.duplicate-slide-btn{background-color:#17a2b8!important;background:#17a2b8!important;color:#fff!important;border-color:#fff!important;opacity:1!important;visibility:visible!important;display:flex!important}.slide-editor .slide-item-container:hover button.delete-slide-btn-standalone:hover,.slide-editor button.delete-slide-btn-standalone:hover,body .slide-editor .delete-slide-btn-standalone:hover,html body .slide-editor .delete-slide-btn-standalone:hover{background-color:#c82333!important;background:#c82333!important;transform:scale(1.1)!important}.slide-editor .slide-item-container:hover button.add-slide-btn:hover,.slide-editor button.add-slide-btn:hover,body .slide-editor .add-slide-btn:hover,html body .slide-editor .add-slide-btn:hover{background-color:#218838!important;background:#218838!important;transform:translate(-50%) scale(1.1)!important}.slide-editor .slide-item-container:hover button.duplicate-slide-btn:hover,.slide-editor button.duplicate-slide-btn:hover,body .slide-editor .duplicate-slide-btn:hover,html body .slide-editor .duplicate-slide-btn:hover{background-color:#138496!important;background:#138496!important;transform:scale(1.1)!important}.curriculum-builder{width:100vw;min-height:calc(100vh - 80px);padding:0;display:flex;flex-direction:column}.curriculum-builder .curriculum-builder-header{padding:10px;background:#fff;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center}.curriculum-builder .curriculum-builder-content{flex:1;padding:2px;overflow:auto;display:grid;grid-template-columns:300px 1fr;gap:0px}.curriculum-builder .header-actions{display:flex;gap:15px}.curriculum-builder .header-actions button{padding:8px 16px;border-radius:4px;border:none;cursor:pointer;transition:all .2s ease;font-size:18px}.curriculum-builder .header-actions button:first-child{background:#23a455;color:#fff}.curriculum-builder .header-actions button:last-child{background:#f0f0f0;color:#333}.curriculum-builder .header-actions button.publish-lesson-btn{background:#007bff;color:#fff}.curriculum-builder .header-actions button.publish-lesson-btn:disabled{background:#ccc;color:#666}.curriculum-builder .header-actions button.publish-lesson-btn.glowing{box-shadow:0 0 16px 4px #007bff,0 0 8px 2px #fff;transition:box-shadow .3s}.curriculum-builder .builder-header{padding:20px;background:#fff;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center}.curriculum-builder .builder-content{display:grid;grid-template-columns:1fr;gap:20px;padding:20px;overflow:auto}.curriculum-builder .curriculum-builder-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.curriculum-builder .lessons-list{background:#f5f5f5;padding:15px;border-radius:8px;height:calc(100vh - 200px);overflow-y:auto}.curriculum-builder .lesson-item{background:#fff;padding:15px;margin-bottom:10px;border-radius:4px;cursor:pointer;transition:all .2s ease}.curriculum-builder .lesson-item:hover{transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.curriculum-builder .lesson-item.selected{border:2px solid #23A455}.curriculum-builder .lesson-meta{display:flex;justify-content:space-between;font-size:.8em;color:#666;margin-top:10px}.curriculum-builder .status{padding:2px 6px;border-radius:3px}.curriculum-builder .status.published{background:#23a455;color:#fff}.curriculum-builder .status.draft{background:#f0f0f0;color:#666}.curriculum-builder-header{padding:20px;background:#fff;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center}.curriculum-builder-header h1{margin:0;padding:8px;border-radius:4px;cursor:pointer}.curriculum-builder-header h1:hover{background:#f5f5f5}.lesson-title-input{font-size:28px;font-weight:700;padding:8px;border:1px solid #23A455;border-radius:4px;width:400px;background:#fff}.lesson-title-input:focus{outline:none;box-shadow:0 0 0 2px #23a45533}.slide-thumbnails-bar{position:sticky;position:-webkit-sticky;bottom:0;left:0;width:100%;background:#fff;z-index:100;box-shadow:0 -2px 8px #00000012;border-top:1px solid #e0e0e0}.curriculum-builder-root,.slide-editor,.editor-layout{height:100vh!important;min-height:100vh!important;max-height:100vh!important;overflow:hidden!important;display:flex;flex-direction:column}.editor-forms,.image-library-tab{overflow-y:auto!important;max-height:100vh}html,body{height:100vh;overflow:hidden!important}.clickable-title{cursor:pointer;padding:5px;border-radius:4px;transition:all .2s ease;font-size:2rem!important;color:#2c3e50;margin:0;margin-right:25%!important}.difficulty-buttons{display:flex;gap:8px;margin-top:5px}.difficulty-btn{padding:8px 15px;border:1px solid #ddd;border-radius:6px;background:#f5f5f5;color:#666;font-size:14px;cursor:pointer;transition:all .2s ease}.save-lesson-btn.glowing{box-shadow:0 0 16px 4px #23a455,0 0 8px 2px #fff;transition:box-shadow .3s}.clickable-title{cursor:pointer;padding:5px;border-radius:4px;transition:all .2s ease}.clickable-title:hover{background:#3498db1a}.difficulty-badge{font-size:.8rem;padding:3px 8px;border-radius:12px;font-weight:500;background:#f0f0f0;color:#333;border:1px solid #ddd}.difficulty-badge.beginner,.difficulty-badge.intermediate,.difficulty-badge.advanced{background:#f0f0f0;color:#333}.lesson-properties-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.lesson-properties-modal .modal-content{background:#fff;border-radius:12px;padding:30px;width:500px;max-width:90%;box-shadow:0 4px 20px #00000026}.lesson-properties-modal h2{margin-top:0;color:#2c3e50;margin-bottom:20px}.modal-field{margin-bottom:20px}.modal-field label{display:block;font-weight:500;margin-bottom:8px;color:#2c3e50}.modal-field input,.modal-field textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:15px;font-family:inherit}.modal-field textarea{resize:vertical;min-height:100px}.modal-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:25px}.modal-actions button{padding:10px 20px;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease}.modal-actions .cancel-button{background:#f0f0f0;color:#666}.modal-actions .save-button{background:#3498db;color:#fff}.modal-actions button:hover{filter:brightness(1.1)}.lessons-library{width:100%;min-height:calc(100vh - 80px);padding:20px;background:#f5f7fa}.library-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 20px}.library-header h1{font-size:2.4rem;color:#2c3e50;margin:0}.create-lesson-btn{padding:12px 24px;background:#23a455;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .2s ease}.create-lesson-btn:hover{background:#1e8449;transform:translateY(-2px)}.library-layout{display:grid;grid-template-columns:250px 1fr;gap:20px;height:calc(100vh - 140px)}.folders-sidebar{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000d;height:100%;overflow-y:auto}.folders-sidebar h2{font-size:1.4rem;margin:0 0 15px;color:#2c3e50}.folders-list{list-style:none;padding:0;margin:0 0 20px}.folder-item{display:flex;align-items:center;padding:10px;margin-bottom:8px;border-radius:6px;cursor:pointer;transition:all .2s ease;position:relative;background-color:#f8f9fa;border:2px solid transparent}.folder-item:hover{background-color:#f0f0f0}.folder-item.active{background-color:#e7f1ff;border-left:4px solid #007bff}.folder-icon{margin-right:10px;font-size:1.2rem}.folder-name{flex-grow:1;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.delete-folder-btn{visibility:hidden;width:24px;height:24px;border-radius:50%;border:none;background:#f0f0f0;color:#666;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;transition:all .2s ease}.folder-item:hover .delete-folder-btn{visibility:visible}.delete-folder-btn:hover{background:#ff6b6b;color:#fff}.add-folder-btn{width:100%;padding:10px;border:1px dashed #ccc;border-radius:6px;background:none;color:#666;cursor:pointer;transition:all .2s ease}.add-folder-btn:hover{background:#f5f5f5;color:#333;border-color:#aaa}.new-folder-form{margin-top:10px;display:flex;flex-direction:column;gap:8px}.new-folder-form input{padding:10px;border:1px solid #ccc;border-radius:6px;font-size:14px}.new-folder-form button{padding:6px 12px;border:none;border-radius:4px;background:#3498db;color:#fff;cursor:pointer;transition:all .2s ease}.new-folder-form button:nth-child(3){background:#f5f5f5;color:#666}.new-folder-form button:hover{filter:brightness(1.1)}.lessons-content{height:100%;overflow-y:auto;padding-right:10px;position:relative}.course-builder-section{position:sticky;top:0;z-index:10;background:#fff;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:20px;border-radius:12px}.lessons-content h2{font-size:1.8rem;margin:0 0 20px;color:#2c3e50;padding:0 10px}.lessons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:20px;position:relative;z-index:1}.lesson-card{position:relative;border:1px solid #ddd;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d;background-color:#fff;transition:box-shadow .3s ease,transform .2s ease;transform-origin:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.lesson-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.lesson-card-inner-content{width:100%;display:flex;flex-direction:column;position:relative;z-index:1;pointer-events:auto;-webkit-user-select:text;user-select:text}.drag-handle{position:absolute;left:0;top:0;width:50px;height:50px;display:flex;justify-content:center;align-items:center;cursor:grab!important;color:#444;z-index:100;border-radius:0 0 8px;background:none;transition:all .2s ease;font-size:24px;user-select:none;-webkit-user-select:none;touch-action:none;-ms-touch-action:none}.lesson-card:hover .drag-handle{background:#2196f333;color:#000}.drag-handle:hover{background:#2196f34d!important;transform:scale(1.1)}.drag-handle:active{cursor:grabbing!important;background:#2196f380!important}.lesson-thumbnail{position:relative;width:100%;height:180px;overflow:hidden;background-color:#f5f5f5;border-radius:4px 4px 0 0;cursor:pointer;transition:all .2s ease;margin-top:10px}.lesson-thumbnail:hover{box-shadow:inset 0 0 0 2px #4e9fff}.slide-preview{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;background-color:#f5f5f5}.slide-preview-content{position:absolute;width:100%;height:100%;top:0;left:0;display:flex;justify-content:center;align-items:center;z-index:1;overflow:hidden}.slide-template{position:absolute;top:8px;left:8px;padding:4px 8px;background-color:#000000b3;color:#fff;font-size:12px;border-radius:4px;z-index:10}.slide-pagination{position:absolute;bottom:10px;right:10px;padding:5px 10px;background-color:#000000b3;color:#fff;font-size:12px;border-radius:20px;z-index:10;box-shadow:0 2px 4px #0003}.slide-preview-content>div{transform:scale(.9);transform-origin:center center;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.lesson-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.lesson-card h3{font-size:1.4rem;color:#2c3e50;margin:0;cursor:pointer;padding:3px;border-radius:4px;transition:background .2s}.lesson-card h3:hover{background:#f5f5f5}.status-container{display:flex;flex-direction:column;align-items:center;gap:8px}.status{padding:4px 10px;border-radius:16px;font-size:12px;cursor:pointer;text-align:center;min-width:80px;font-weight:500;transition:background-color .2s,color .2s}.status.published{background:#23a455;color:#fff}.status.draft{background:#f0f0f0;color:#666}.status.hover-publish{background:#23a455;color:#fff}.status.hover-unpublish{background:#e0e0e0;color:#666}.edit-input{width:100%;padding:8px;border:1px solid #3498db;border-radius:4px;font-family:inherit;font-size:inherit;background:#fff}.title-input{font-size:1.4rem;font-weight:700}.description-input{min-height:80px;resize:vertical}.lesson-meta{display:flex;justify-content:flex-end;margin-top:auto;padding-top:10px}.lesson-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;position:relative}.lesson-actions button{flex:1;min-width:80px;padding:8px 10px;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.move-button{background:#f5f5f5;color:#333}.move-button:hover{background:#e5e5e5}.delete-button-circle{position:absolute;top:0;right:5px;width:30px;height:30px;background-color:#ff4d4d;color:#fff;border:none;border-radius:50%;font-size:20px;font-weight:700;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:300;box-shadow:0 2px 5px #0000004d;opacity:.9;transition:all .2s ease;padding:0;line-height:1}.lesson-card:hover .delete-button-circle{display:flex}.delete-button-circle:hover{background-color:red;transform:scale(1.1)}.clickable-title{cursor:pointer;padding:4px;border:1px solid transparent;margin:0;transition:all .2s;font-size:20px!important;font-weight:600;line-height:1.3;color:#333;border-radius:4px;flex:1;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clickable-title:hover{background-color:#00000008;border-color:#0000001a}.inline-title-edit{width:100%;max-width:80%;font-size:18px;font-weight:600;padding:4px;border:1px solid #ddd;border-radius:4px;background-color:#fff;outline:none;box-shadow:0 1px 3px #0000001a}.inline-title-edit:focus{border-color:#4d90fe;box-shadow:0 1px 3px #4d90fe4d}.lesson-description{color:#666;margin:8px 0 15px;font-size:14px;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;cursor:pointer;padding:4px;border:1px solid transparent;border-radius:4px;transition:all .2s}.lesson-description:hover{background-color:#00000008;border-color:#0000001a}.inline-description-edit{width:100%;font-size:14px;line-height:1.4;padding:8px;border:1px solid #ddd;border-radius:4px;background-color:#fff;outline:none;resize:vertical;margin:4px 0 12px;font-family:inherit;box-shadow:0 1px 3px #0000001a}.inline-description-edit:focus{border-color:#4d90fe;box-shadow:0 1px 3px #4d90fe4d}.difficulty-badge{background:#e8e8e8;color:#666;padding:3px 8px;border-radius:12px;font-size:12px;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none;border:1px solid transparent}.difficulty-badge:hover{box-shadow:0 1px 3px #0003;transform:translateY(-1px)}.difficulty-badge:active{transform:translateY(0);box-shadow:none}.difficulty-badge.beginner{background-color:#d4f5d4;color:#1e7e1e;border-color:#a9e8a9}.difficulty-badge.intermediate{background-color:#fff0d4;color:#960;border-color:#ffe0a9}.difficulty-badge.advanced{background-color:#ffdfdf;color:#c00;border-color:#ffbfbf}.folder-menu{position:absolute;left:0;top:40px;width:200px;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 10px #0003;z-index:100;display:none;flex-direction:column;padding:8px 0;overflow:hidden;animation:fadeIn .2s ease}.folder-menu.show{display:flex}.folder-menu-header{padding:8px 12px;font-weight:700;color:#555;border-bottom:1px solid #eee;margin-bottom:5px}.folder-option{padding:8px 12px;cursor:pointer;transition:background-color .2s;display:flex;align-items:center}.folder-option:hover{background-color:#f0f7ff}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.no-lessons{grid-column:1 / -1;text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014}.no-lessons p{font-size:1.2rem;color:#666;margin-bottom:20px}.no-lessons button{padding:12px 24px;background:#23a455;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .2s ease}.no-lessons button:hover{background:#1e8449;transform:translateY(-2px)}.loading-indicator,.error-message{padding:40px;text-align:center;font-size:1.2rem;color:#666;background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014}.error-message button{margin-top:15px;padding:8px 16px;background:#3498db;color:#fff;border:none;border-radius:6px;cursor:pointer}@media (max-width: 768px){.library-layout{grid-template-columns:1fr}.folders-sidebar{height:auto;margin-bottom:20px}.lessons-grid{grid-template-columns:1fr}}.folder-item.drag-over{background-color:#007bff26;border:2px dashed #007bff;transform:scale(1.03);box-shadow:0 0 10px #007bff4d;transition:all .2s ease}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 10px}.sort-options{display:flex;align-items:center;gap:10px}.sort-options label{font-size:14px;color:#666}.sort-options select{padding:6px 10px;border-radius:4px;border:1px solid #ddd;background-color:#fff;font-size:14px;cursor:pointer}.difficulty-selector{margin:10px 0;border-top:1px solid #eee;padding-top:10px}.difficulty-label{display:block;font-size:14px;color:#666;margin-bottom:5px}.difficulty-buttons{display:flex;gap:8px}.difficulty-btn{padding:5px 10px;border:1px solid #ddd;border-radius:4px;background:#f5f5f5;color:#666;font-size:12px;cursor:pointer;transition:all .2s ease}.difficulty-btn:hover{background:#e5e5e5}.difficulty-btn.active{background:#3498db;color:#fff;border-color:#2980b9}.folder-emoji{margin-right:5px;font-size:16px}.emoji-picker-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.emoji-picker-content{background:#fff;border-radius:12px;padding:20px;width:340px;box-shadow:0 4px 20px #00000026}.emoji-picker-content h3{margin-top:0;text-align:center;color:#2c3e50;margin-bottom:15px}.emoji-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:15px}.emoji-btn{width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:24px;border:1px solid #ddd;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease}.emoji-btn:hover{background:#f5f7fa;transform:scale(1.05)}.emoji-btn.selected{border-color:#3498db;background:#e7f1ff}.emoji-input-container{margin-bottom:20px}.emoji-input-container label{display:block;font-weight:500;margin-bottom:8px;color:#2c3e50}.emoji-input{width:100%;padding:12px;font-size:20px;text-align:center;border:2px solid #ddd;border-radius:8px;margin-bottom:8px;transition:all .2s ease}.emoji-input:focus{border-color:#3498db;box-shadow:0 0 8px #3498db4d;outline:none}.emoji-suggestion-label{font-size:14px;color:#666;margin-bottom:10px}.emoji-modal-actions{display:flex;justify-content:center;gap:15px}.emoji-modal-actions button{padding:8px 20px;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.emoji-modal-actions button:first-child{background:#3498db;color:#fff}.emoji-modal-actions button:last-child{background:#f0f0f0;color:#666}.emoji-modal-actions button:hover{filter:brightness(1.1)}.content-subheader{font-size:1.2rem;color:#2c3e50;margin:20px 0 15px 10px;border-bottom:1px solid #eee;padding-bottom:5px}.folders-grid{margin-bottom:20px}.folders-inner-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px;padding:0 10px}.folder-card{background:#fff;border-radius:5px;box-shadow:0 2px 12px #00000014;padding:10px;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:all .3s ease;min-height:150px;position:relative}.folder-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0000001f}.delete-folder-card-btn{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;border:none;background:#ffffffe6;color:#666;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;transition:all .2s ease;opacity:0;visibility:hidden;z-index:10}.folder-card:hover .delete-folder-card-btn{opacity:1;visibility:visible}.delete-folder-card-btn:hover{background:#ff6b6b;color:#fff;transform:scale(1.1)}.folder-card-emoji{font-size:2.5rem;margin-bottom:10px;padding:10px}.folder-card-name{font-size:1.1rem;font-weight:500;color:#2c3e50;text-align:center;margin-bottom:5px}.folder-card-count{font-size:.9rem;color:#666;text-align:center}.add-folder-card{border:2px dashed #ccc;box-shadow:none;background:#f9f9f9}.add-folder-card:hover{border-color:#3498db;background:#f0f7ff}.add-folder-card .folder-card-emoji{font-size:2rem;color:#888}.lessons-section{margin-top:10px}.slide-preview.placeholder{background-color:#f0f0f0;display:flex;justify-content:center;align-items:center}.slide-placeholder-text{color:#888;font-size:14px}.right-click-hint{display:none!important}.lesson-card .thumbnail-template-title,.lesson-card .thumbnail-story-title,.lesson-card .thumbnail-wordbank-sentence,.lesson-card .thumbnail-storyline-container,.lesson-card .thumbnail-phonics-word-item,.lesson-card .thumbnail-matchingaliens-item,.lesson-card .thumbnail-dragdrop-sentence{font-size:110%;line-height:1.3}.lesson-card .thumbnail-background,.lesson-card .slide-background{position:absolute;width:100%;height:100%;top:0;left:0;background-size:cover;background-position:center;z-index:0}.lesson-card .slide-preview-thumbnail{transform:scale(1.1);max-width:100%;max-height:100%}.lesson-card .thumbnail-storyline-container,.lesson-card .thumbnail-reading-container,.lesson-card .thumbnail-puzzlemaker-container,.lesson-card .thumbnail-aliendictionary-container,.lesson-card .thumbnail-dragdrop-content,.lesson-card .thumbnail-phonics-asteroids,.lesson-card .thumbnail-matchingaliens-container,.lesson-card .thumbnail-spacejunk-container,.lesson-card .thumbnail-speaking-container,.lesson-card .thumbnail-label-container,.lesson-card .thumbnail-testtube-container,.lesson-card .thumbnail-wordbank-content,.lesson-card .thumbnail-lettertracing-container,.lesson-card .thumbnail-sortinggame-container,.lesson-card .thumbnail-whoisright-container,.lesson-card .thumbnail-rocketinstructions-container,.lesson-card .thumbnail-findstars-container,.lesson-card .thumbnail-lessonstart-content,.lesson-card .thumbnail-lessonend-content{transform:scale(1);width:100%;height:100%;margin:0;padding:10px}.lesson-card .thumbnail-title,.lesson-card .thumbnail-text,.lesson-card .thumbnail-instruction,.lesson-card .thumbnail-option,.lesson-card .thumbnail-word,.lesson-card .thumbnail-sentence{font-size:14px!important;line-height:1!important;font-weight:500!important}.lesson-card ::-webkit-scrollbar{width:0;height:0;display:none}.lesson-card .thumbnail-background{position:absolute;width:100%;height:100%;top:0;left:0;background-size:cover;background-position:center;z-index:0}.difficulty-badge.unset{background-color:#e0e0e0;color:#757575;border-color:#d0d0d0}.difficulty-badge{position:relative;display:inline-flex;align-items:center}.difficulty-badge:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:transparent;border-radius:inherit;transition:background-color .2s}.lesson-card.drag-preview{box-shadow:0 5px 20px #0000004d;transform:scale(.95);opacity:.9;pointer-events:none;background:#fff;border:2px solid #4e9fff;width:300px;max-width:300px}.lesson-card.drag-preview .drag-handle{background:#2196f366;color:#fff}.lesson-card-content{flex:1;padding:15px;display:flex;flex-direction:column;position:relative}.DndContext{position:relative;z-index:1}[data-dnd-draggable-id]{-webkit-user-select:none;user-select:none}.lesson-card.curriculum-lesson{border:2px solid #f39c12;background:linear-gradient(135deg,#fff9e6,#fff)}.lesson-card.curriculum-lesson:hover{border-color:#e67e22;box-shadow:0 4px 20px #f39c1233}.curriculum-badge{position:absolute;top:8px;left:8px;width:32px;height:32px;background:#f39c12;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;z-index:10;box-shadow:0 2px 4px #0003}.external-materials-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:20000}.external-materials-modal{background:#fff;border-radius:12px;padding:24px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #0000004d}.external-materials-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e9ecef}.external-materials-header h3{margin:0;color:#333;font-size:20px}.external-materials-close{background:none;border:none;font-size:28px;cursor:pointer;color:#666;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.external-materials-close:hover{background:#e9ecef;color:#333}.external-materials-body{margin-bottom:20px}.external-materials-description{color:#666;margin-bottom:20px;line-height:1.6}.external-materials-url-input{margin-bottom:20px}.external-materials-url-input label{display:block;margin-bottom:8px;color:#333;font-weight:600}.external-materials-input{width:100%;padding:10px;border:2px solid #dee2e6;border-radius:6px;font-size:14px;transition:border-color .2s ease;box-sizing:border-box}.external-materials-input:focus{outline:none;border-color:#6c757d}.external-materials-examples{background:#f8f9fa;padding:15px;border-radius:6px;margin-top:20px}.external-materials-examples p{margin:0 0 10px;color:#333;font-size:14px}.external-materials-examples ul{margin:0;padding-left:20px;color:#666;font-size:13px}.external-materials-examples li{margin:5px 0}.external-materials-examples code{background:#e9ecef;padding:2px 6px;border-radius:3px;font-size:12px;color:#d63384}.external-materials-note{margin-top:15px;padding-top:15px;border-top:1px solid #dee2e6;color:#666;font-size:13px;line-height:1.5}.external-materials-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:15px;border-top:1px solid #dee2e6}.external-materials-cancel,.external-materials-load{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.external-materials-cancel{background:#e9ecef;color:#333}.external-materials-cancel:hover{background:#dee2e6}.external-materials-load{background:#6c757d;color:#fff}.external-materials-load:hover{background:#5a6268}.classroom-container{min-height:100vh;background:#f5f5f5;padding:20px;display:flex;flex-direction:column}.classroom-loading{display:flex;justify-content:center;align-items:center;height:100vh;color:#fff;font-size:18px}.pre-join-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.pre-join-modal{background:#fff;border-radius:12px;padding:20px;box-shadow:0 8px 32px #0000004d;max-width:900px;width:90%;max-height:80vh}.pre-join-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.pre-join-header h2{margin:0;color:#333;font-size:24px}.close-pre-join-btn{background:#dc3545;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:16px}.pre-join-video-container{display:flex;justify-content:center;align-items:center;min-height:600px;background:#f8f9fa;border-radius:8px;border:2px solid #dee2e6}.classroom-top-section{background:#fff;border-radius:12px;padding:15px;margin-bottom:20px;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:space-between;align-items:flex-start;min-height:120px}.video-feeds-container{display:flex;gap:15px;flex:1}.video-feed{flex:1;display:flex;flex-direction:column;min-height:100px;max-width:300px}.video-feed-label{font-weight:600;color:#495057;margin-bottom:8px;font-size:12px;text-align:center}.video-feed-content{flex:1;background:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;display:flex;align-items:center;justify-content:center;min-height:300px;max-height:500px;overflow:hidden}.teacher-controls{position:fixed;top:20px;right:20px;display:flex;gap:10px;z-index:1001}.settings-button{background:#3fc3ed;color:#fff;border:none;padding:12px 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;display:flex;align-items:center;gap:8px}.settings-button:hover{background:#23a455;transform:translateY(-1px)}.chat-toggle-button{background:#28a745;color:#fff;border:none;padding:12px 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;display:flex;align-items:center;gap:8px}.chat-toggle-button:hover{background:#218838;transform:translateY(-1px)}.leave-class-button{background:#dc3545;color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease}.leave-class-button:hover{background:#c82333;transform:translateY(-1px)}.teacher-settings-panel{position:fixed;top:80px;right:20px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;z-index:1002;min-width:300px;max-width:400px;border:2px solid #3FC3ED}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #dee2e6;background:#f8f9fa;border-radius:10px 10px 0 0}.settings-header h3{margin:0;color:#333;font-size:18px}.close-settings{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-settings:hover{background:#e9ecef;color:#333}.settings-content{padding:20px}.setting-group{margin-bottom:20px}.setting-group:last-child{margin-bottom:0}.setting-group label{display:flex;align-items:center;gap:10px;font-size:16px;color:#333;cursor:pointer;font-weight:500}.setting-group input[type=checkbox]{width:18px;height:18px;accent-color:#3FC3ED}.setting-group select{width:100%;padding:8px 12px;border:1px solid #dee2e6;border-radius:6px;font-size:14px;background:#fff;margin-top:8px}.setting-group select:focus{outline:none;border-color:#3fc3ed;box-shadow:0 0 0 2px #3fc3ed33}.custom-chat-panel{position:fixed;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;z-index:1003;border:2px solid #28a745;display:flex;flex-direction:column;max-height:60vh}.custom-chat-panel.chat-flybox{right:0;bottom:15%;width:350px;height:50vh;max-height:500px;min-height:300px;border-radius:12px 0 0 12px;transform:translate(0);transition:transform .3s ease}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #dee2e6;background:#f8f9fa;border-radius:10px 10px 0 0}.chat-header h4{margin:0;color:#333;font-size:16px}.close-chat{background:none;border:none;font-size:20px;cursor:pointer;color:#666;padding:0;width:25px;height:25px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-chat:hover{background:#e9ecef;color:#333}.chat-security-notice-modal{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;border-radius:12px}.chat-security-notice-content{background:#fff;border-radius:12px;padding:24px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{transform:scale(.9) translateY(-20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.chat-security-notice-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #ffc107}.chat-security-notice-icon{font-size:32px}.chat-security-notice-header h3{margin:0;color:#856404;font-size:20px}.chat-security-notice-body{color:#333;line-height:1.6}.chat-security-notice-body p{margin:0 0 12px}.chat-security-notice-body ul{margin:12px 0;padding-left:20px}.chat-security-notice-body li{margin:8px 0;color:#555}.chat-security-notice-body strong{color:#856404;font-weight:600}.chat-security-notice-footer{margin-top:24px;display:flex;justify-content:center;padding-top:15px;border-top:1px solid #dee2e6}.chat-security-acknowledge-btn{background:#28a745;color:#fff;border:none;padding:12px 32px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.chat-security-acknowledge-btn:hover{background:#218838}.chat-security-acknowledge-btn:active{transform:scale(.98)}.chat-messages{flex:1;overflow-y:auto;padding:15px;display:flex;flex-direction:column;gap:10px}.no-messages{text-align:center;color:#666;font-style:italic;padding:20px}.message{padding:10px 15px;border-radius:12px;max-width:80%;word-wrap:break-word}.teacher-message{background:#e3f2fd;border:1px solid #2196f3;align-self:flex-end;margin-left:auto}.student-message{background:#f1f8e9;border:1px solid #8bc34a;align-self:flex-start;margin-right:auto}.message-sender{font-size:12px;font-weight:600;color:#666;margin-bottom:4px}.message-content{font-size:14px;color:#333;line-height:1.4}.message-time{font-size:10px;color:#999;margin-top:4px;text-align:right}.chat-input{display:flex;padding:15px;border-top:1px solid #dee2e6;gap:10px}.chat-input input{flex:1;padding:10px 12px;border:1px solid #dee2e6;border-radius:6px;font-size:14px;outline:none}.chat-input input:focus{border-color:#28a745;box-shadow:0 0 0 2px #28a74533}.send-button{background:#28a745;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease}.send-button:hover{background:#218838}.chat-notification-bubble{position:fixed;bottom:15%;right:20px;z-index:1000;animation:bubblePopIn .3s ease-out;max-width:300px}@keyframes bubblePopIn{0%{transform:scale(.8) translateY(20px);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1) translateY(0);opacity:1}}.chat-bubble-content{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000026;padding:12px 16px;border:2px solid #28a745;position:relative}.chat-bubble-content:after{content:"";position:absolute;bottom:-10px;right:30px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid white}.chat-bubble-content:before{content:"";position:absolute;bottom:-12px;right:30px;width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-top:11px solid #28a745}.chat-bubble-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.chat-bubble-sender{font-size:13px;font-weight:600;color:#28a745}.chat-bubble-close{background:none;border:none;font-size:20px;color:#999;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;line-height:1;transition:color .2s}.chat-bubble-close:hover{color:#333}.chat-bubble-message{font-size:14px;color:#333;line-height:1.4;word-wrap:break-word}.chat-bubble-content:hover{box-shadow:0 6px 25px #0003;transform:translateY(-2px);transition:all .2s ease}.classroom-middle-section{background:transparent;border-radius:0;padding:0;margin-bottom:0;box-shadow:none;flex:1;display:flex;flex-direction:column;min-height:400px;position:relative;z-index:1;overflow-y:auto}.lesson-content{position:relative;width:100%;height:100%;flex:1}.screen-share-overlay{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:1000;background:#000;display:flex;align-items:center;justify-content:center}.screen-share-overlay video{width:100%;height:100%;object-fit:contain}.external-materials-overlay{position:fixed;top:0;left:0;right:0;bottom:80px;width:100%;height:calc(100vh - 80px);z-index:500;background:#000;display:flex;flex-direction:column}.external-materials-iframe{width:100%;height:100%;border:none;flex:1;background:#000}.external-materials-overlay iframe[src*="youtube.com"]{background:#000}.lesson-renderer-container{flex:1;border:none;border-radius:0;background:transparent;overflow:auto;position:relative;z-index:1;min-height:500px;height:100%;width:100%}.control-tab{position:fixed;left:0;bottom:0;background:#6c757d;color:#fff;border:none;border-radius:0 8px 0 0;padding:6px 16px;font-size:12px;font-weight:600;cursor:pointer;z-index:10002;box-shadow:0 -2px 4px #0000001a;transition:all .3s ease;min-width:70px;margin:0}.classroom-container{position:relative}.control-tab:hover{background:#5a6268;box-shadow:0 -4px 6px #00000026}.current-status-wrapper{position:fixed;bottom:0;left:0;right:0;width:100%;z-index:10000;transition:max-height .3s ease,opacity .3s ease;overflow:hidden;opacity:1;max-height:500px;margin:0!important;padding:0!important;box-sizing:border-box}.current-status-wrapper .current-status{position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;margin:0!important;background:#fff!important;border-radius:0!important;padding:15px!important;box-shadow:0 -2px 10px #0003!important;box-sizing:border-box!important;z-index:10001!important}.current-status-wrapper:has(.current-status.fullscreen-mode),.classroom-container:has(.lesson-container.fullscreen) .current-status-wrapper{position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;margin:0!important;padding:0!important;z-index:10001!important}.current-status-wrapper:has(.current-status.fullscreen-mode) .current-status,.classroom-container:has(.lesson-container.fullscreen) .current-status-wrapper .current-status.fullscreen-mode{position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;padding:0!important;margin:0!important;border-radius:0!important;z-index:10001!important}.classroom-container:has(.lesson-container.fullscreen) .control-tab,.current-status-wrapper:has(.current-status.fullscreen-mode)~.control-tab{position:fixed!important;left:0!important;bottom:0!important;transform:none!important;margin-bottom:0!important;border-radius:0 8px 0 0!important;z-index:10002!important}.lesson-container.fullscreen~.current-status-wrapper{position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;margin:0!important;padding:0!important;z-index:10001!important}.lesson-container.fullscreen~.current-status-wrapper .current-status.fullscreen-mode{position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;padding:0!important;margin:0!important;border-radius:0!important;z-index:10001!important}.lesson-container.fullscreen~.control-tab{position:fixed!important;left:0!important;bottom:0!important;transform:none!important;margin-bottom:0!important;border-radius:0 8px 0 0!important;z-index:10002!important}.current-status-wrapper.collapsed{max-height:0!important;opacity:0;pointer-events:none;overflow:hidden}.classroom-container .current-status-wrapper{position:relative;z-index:10000!important}.lesson-container.fullscreen~* .current-status-wrapper,.current-status-wrapper{z-index:10000!important;position:relative!important}.classroom-info h1{margin:0 0 10px;color:#333;font-size:24px}.classroom-info p{margin:5px 0;color:#666;font-size:16px}.classroom-controls{display:flex;gap:15px;align-items:center}.control-toggle{background:#f8f9fa;border:2px solid #dee2e6;padding:10px 15px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s ease}.control-toggle.active{background:#28a745;color:#fff;border-color:#28a745}.join-button,.leave-button{padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.join-button{background:#007bff;color:#fff}.join-button:hover:not(:disabled){background:#0056b3}.join-button:disabled{background:#6c757d;cursor:not-allowed}.leave-button{background:#dc3545;color:#fff}.leave-button:hover{background:#c82333}.video-placeholder{text-align:center;color:#666}.video-placeholder p{margin:10px 0;font-size:16px}.video-placeholder p:first-child{font-size:18px;font-weight:700;color:#e74c3c}.loading-spinner{font-size:2rem;animation:spin 1s linear infinite;margin:20px 0}.video-controls{margin-bottom:15px;display:flex;justify-content:center;align-items:center}.video-size-controls{display:flex;gap:10px;align-items:center;background:#f8f9fa;padding:10px 15px;border-radius:8px;border:1px solid #dee2e6}.video-size-controls span{font-weight:600;color:#495057;margin-right:5px}.video-size-controls button{padding:6px 12px;border:1px solid #dee2e6;background:#fff;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s ease}.video-size-controls button:hover{background:#e9ecef;border-color:#adb5bd}.video-size-controls button.active{background:#007bff;color:#fff;border-color:#007bff}.daily-video{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.curriculum-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.curriculum-modal{background:#fff;border-radius:12px;width:90%;max-width:800px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.curriculum-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #dee2e6;background:#f8f9fa}.curriculum-modal-header h2{margin:0;color:#495057}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:#6c757d;padding:5px;border-radius:4px}.close-button:hover{background:#e9ecef;color:#495057}.curriculum-modal-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.curriculum-selector{height:100%;display:flex;flex-direction:column}.curriculum-tabs{display:flex;border-bottom:1px solid #dee2e6;background:#f8f9fa}.curriculum-tabs button{flex:1;padding:15px 20px;border:none;background:none;cursor:pointer;font-weight:600;color:#6c757d;border-bottom:3px solid transparent;transition:all .2s ease}.curriculum-tabs button:hover{background:#e9ecef;color:#495057}.curriculum-tabs button.active{color:#007bff;border-bottom-color:#007bff;background:#fff}.lessons-list{flex:1;overflow-y:auto;padding:20px}.lesson-item{padding:15px;border:1px solid #dee2e6;border-radius:8px;margin-bottom:10px;cursor:pointer;transition:all .2s ease;background:#fff}.lesson-item:hover{border-color:#007bff;background:#f8f9ff;transform:translateY(-2px);box-shadow:0 4px 8px #007bff1a}.lesson-item h4{margin:0 0 5px;color:#495057;font-size:16px}.lesson-item p{margin:0;color:#6c757d;font-size:14px}.curriculum-loading{padding:40px;text-align:center;color:#6c757d}.lesson-section{flex:1;background:#fff;border-radius:12px;padding:20px;overflow:hidden;display:flex;flex-direction:column;min-height:400px}.lesson-renderer-container{flex:1;overflow:hidden;border:1px solid #dee2e6;border-radius:8px;background:#f8f9fa}.no-lesson{text-align:center;padding:40px;color:#6c757d}.no-lesson button{margin-top:15px;padding:10px 20px;background:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600}.curriculum-button{background:#17a2b8;color:#fff;border:none;padding:10px 15px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease}.curriculum-button:hover{background:#138496;transform:translateY(-1px)}.classroom-current-status{background:#fff;border-radius:12px;padding:15px;margin-bottom:20px;box-shadow:0 2px 8px #0000001a;border:1px solid #dee2e6}.classroom-current-status .current-status{margin:0;padding:0;background:none;box-shadow:none;border:none}.classroom-current-status .column-container{display:flex;align-items:center;justify-content:center;gap:20px}.classroom-current-status .column{flex:1;display:flex;justify-content:center;align-items:center}.classroom-current-status .lesson-nav-button{background:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease}.classroom-current-status .lesson-nav-button:hover{background:#0056b3;transform:translateY(-1px)}.classroom-current-status .status-line{display:flex;align-items:center;gap:10px;margin:5px 0}.classroom-current-status .status-text{font-size:16px;font-weight:600;color:#495057;margin:0}.classroom-current-status .checkbox-button,.classroom-current-status .change-lesson-icon,.classroom-current-status .change-student-icon{background:none;border:none;cursor:pointer;padding:5px;border-radius:4px;transition:all .2s ease}.classroom-current-status .checkbox-button:hover,.classroom-current-status .change-lesson-icon:hover,.classroom-current-status .change-student-icon:hover{background:#f8f9fa}.classroom-current-status .checkbox-button img,.classroom-current-status .change-lesson-icon img,.classroom-current-status .change-student-icon img{width:20px;height:20px}@media (max-width: 768px){.classroom-content{height:calc(100vh - 150px)}.video-size-controls{flex-wrap:wrap;gap:5px}.video-size-controls button{padding:4px 8px;font-size:11px}.curriculum-modal{width:95%;max-height:90vh}.lesson-header{flex-direction:column;gap:10px;align-items:flex-start}}@media (max-width: 768px){.classroom-container{padding:10px}.pre-join-modal{width:95%;padding:15px}.pre-join-video-container{min-height:400px}.classroom-top-section{flex-direction:column;gap:10px;min-height:auto;padding:10px}.video-feeds-container{flex-direction:column;gap:10px}.video-feed{max-width:none}.video-feed-content{min-height:200px;max-height:300px}.leave-class-button{margin-left:0;align-self:flex-end}.classroom-middle-section{min-height:300px}}.video-active{text-align:center;color:#28a745;font-weight:600}.join-video-btn,.create-room-btn{background:#007bff;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:15px}.join-video-btn:hover:not(:disabled),.create-room-btn:hover{background:#0056b3}.participants-list{background:#f8f9fa;border-radius:8px;padding:15px;max-height:200px;overflow-y:auto}.participants-list h3{margin:0 0 15px;color:#333;font-size:18px}.participant{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#fff;border-radius:6px;margin-bottom:8px;box-shadow:0 2px 4px #0000001a}.participant-name{font-weight:500;color:#333}.owner-badge{color:#ffc107;font-size:18px}.lesson-section{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 6px #0000001a;overflow-y:auto}.lesson-placeholder{background:#f8f9fa;border-radius:8px;padding:20px;text-align:center;color:#666}.no-lesson{text-align:center;color:#666;padding:40px 20px}.no-lesson button{background:#007bff;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:15px}.no-lesson button:hover{background:#0056b3}@media (max-width: 768px){.classroom-content{grid-template-columns:1fr;height:auto}.classroom-header{flex-direction:column;gap:15px;text-align:center}.classroom-controls{flex-wrap:wrap;justify-content:center}.video-container{min-height:500px;padding:15px}.video-section{min-height:600px}}.video-controls{display:flex;gap:20px;margin-bottom:15px;padding:10px;background:#ffffff1a;border-radius:8px;align-items:center}.video-size-controls,.video-position-controls{display:flex;align-items:center;gap:8px}.video-size-controls label,.video-position-controls label{color:#fff;font-weight:500;font-size:14px}.video-size-controls select,.video-position-controls select{padding:5px 10px;border:1px solid #ddd;border-radius:4px;background:#fff;font-size:14px}.video-join-area{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:20px;text-align:center}.join-video-btn{background:#4caf50;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:16px;cursor:pointer;transition:background-color .3s}.join-video-btn:hover:not(:disabled){background:#45a049}.join-video-btn:disabled{background:#ccc;cursor:not-allowed}.daily-iframe-container{position:relative;width:100%;height:100%;background:#000;border-radius:8px;overflow:hidden}.daily-iframe-container iframe{width:100%;height:100%;border:none;background:#000;object-fit:fill}.daily-iframe-container iframe{position:absolute;top:0;left:0;width:100%!important;height:100%!important}.daily-iframe-container{overflow:hidden;position:relative}.daily-iframe-container iframe{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;border:none!important}.daily-iframe-container [class*=header],.daily-iframe-container [class*=toolbar],.daily-iframe-container [class*=controls],.daily-iframe-container [class*=footer],.daily-iframe-container [class*=bottom],.daily-iframe-container [class*=bar],.daily-iframe-container [data-testid*=toolbar],.daily-iframe-container [data-testid*=controls],.daily-iframe-container [data-testid*=header],.daily-iframe-container [data-testid*=footer],.daily-iframe-container [role=toolbar],.daily-iframe-container [role=banner],.daily-iframe-container [aria-label*=toolbar],.daily-iframe-container [aria-label*=controls]{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;width:0!important;position:absolute!important;left:-9999px!important;top:-9999px!important}.daily-iframe-container [class*=video-header],.daily-iframe-container [class*=participant-header],.daily-iframe-container [class*=video-title],.daily-iframe-container [class*=participant-name],.daily-iframe-container [class*=video-label],.daily-iframe-container [class*=name],.daily-iframe-container [class*=title],.daily-iframe-container [class*=header],.daily-iframe-container [data-testid*=video-header],.daily-iframe-container [data-testid*=participant-header],.daily-iframe-container [data-testid*=name],.daily-iframe-container [data-testid*=title],.daily-iframe-container [aria-label*=video-header],.daily-iframe-container [aria-label*=participant-header],.daily-iframe-container [aria-label*=name],.daily-iframe-container [aria-label*=title],.daily-iframe-container [role=banner],.daily-iframe-container [role=heading],.daily-iframe-container h1,.daily-iframe-container h2,.daily-iframe-container h3,.daily-iframe-container h4,.daily-iframe-container h5,.daily-iframe-container h6,.daily-iframe-container [class*=text],.daily-iframe-container [class*=label]{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;width:0!important;position:absolute!important;left:-9999px!important;top:-9999px!important;font-size:0!important;line-height:0!important;margin:0!important;padding:0!important}.custom-video-controls{position:absolute;bottom:5px;left:50%;transform:translate(-50%);display:flex;gap:4px;background:#000000d9;padding:4px 6px;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:fit-content;white-space:nowrap;z-index:1001;box-shadow:0 4px 20px #0000004d}.custom-video-controls button{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;padding:4px 6px;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:14px;display:flex;align-items:center;min-width:32px;min-height:32px;justify-content:center;min-width:36px;min-height:36px;width:36px;height:36px;line-height:1}.custom-video-controls button:hover{background:#fff3;border-color:#fff6;transform:translateY(-1px)}.custom-video-controls button.active{background:#007bff;border-color:#007bff}.custom-video-controls button.danger{background:#dc3545;border-color:#dc3545}.custom-video-controls button.danger:hover{background:#c82333;border-color:#c82333}.custom-video-controls button.disabled{background:#ff00004d;border-color:#ff000080;opacity:.7}.custom-video-controls button.disabled:hover{background:#f006;border-color:#f009}.video-off-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:8px}.video-off-message{color:#fff9;text-align:center;font-size:16px;line-height:1.5;font-weight:500}.video-off-message br{display:block;margin:4px 0}.daily-iframe-container:after{content:"";position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(transparent,#000c);z-index:1000;pointer-events:none}.daily-iframe-container iframe{filter:contrast(1.2) brightness(1.1)}.daily-iframe-container:before{content:"";position:absolute;top:0;left:0;right:0;height:80px;background:linear-gradient(rgba(0,0,0,.9),transparent);z-index:1001;pointer-events:none}.daily-iframe-container iframe{z-index:1!important;position:relative!important;pointer-events:auto!important;object-fit:fill!important}.daily-iframe-container iframe *{pointer-events:auto!important;-webkit-user-select:auto!important;user-select:auto!important}.daily-iframe-container iframe video,.daily-iframe-container iframe canvas{object-fit:fill!important;width:100%!important;height:100%!important}.daily-iframe-container{position:relative!important;overflow:visible!important}.floating-video-feed .resize-handle{z-index:999999!important;position:absolute!important;pointer-events:all!important;display:block!important;visibility:visible!important}.floating-video-feed .resize-handle{z-index:9999999!important;position:absolute!important;pointer-events:all!important;display:block!important;visibility:visible!important;background:#007bff!important;border:3px solid #007bff!important;box-shadow:0 0 20px #007bff!important}.daily-iframe-container{position:relative;resize:both;overflow:hidden;min-width:200px;min-height:150px;max-width:100%;max-height:100%}.daily-iframe-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:1002;pointer-events:none}.floating-video-feed .resize-handle.aspect-ratio{position:absolute!important;background:red!important;border:2px solid #cc0000!important;z-index:999999!important;pointer-events:all!important;cursor:se-resize!important;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;box-shadow:0 0 10px #f00c!important;opacity:1!important;display:block!important;visibility:visible!important;width:20px!important;height:20px!important;right:-10px!important;top:50%!important;transform:translateY(-50%)!important;border-radius:50%!important;transition:all .1s ease!important}.floating-video-feed .resize-handle.nw{top:-8px;left:-8px;width:20px;height:20px;cursor:nw-resize}.floating-video-feed .resize-handle.ne{top:-8px;right:-8px;width:20px;height:20px;cursor:ne-resize}.floating-video-feed .resize-handle.sw{bottom:-8px;left:-8px;width:20px;height:20px;cursor:sw-resize}.floating-video-feed .resize-handle.se{bottom:-8px;right:-8px;width:20px;height:20px;cursor:se-resize}.floating-video-feed .resize-handle.aspect-ratio:hover{background:#f33!important;border-color:#900!important;transform:translateY(-50%) scale(1.2)!important;box-shadow:0 0 15px red!important}.floating-video-feed .resize-handle:not(.aspect-ratio){display:none!important}.floating-video-feed .resize-handle{transition:all .2s ease}.floating-video-feed:hover .resize-handle{background:transparent;border:none;opacity:0;animation:none}@keyframes pulse{0%{box-shadow:0 0 15px #007bffcc}50%{box-shadow:0 0 25px #007bff}to{box-shadow:0 0 15px #007bffcc}}.floating-video-feed .resize-handle.n{top:-8px;left:50%;transform:translate(-50%);width:40px;height:15px;cursor:n-resize}.floating-video-feed .resize-handle.s{bottom:-8px;left:50%;transform:translate(-50%);width:40px;height:15px;cursor:s-resize}.floating-video-feed .resize-handle.e{right:-8px;top:50%;transform:translateY(-50%);width:15px;height:40px;cursor:e-resize}.floating-video-feed .resize-handle.w{left:-8px;top:50%;transform:translateY(-50%);width:15px;height:40px;cursor:w-resize}.custom-video-controls.top{top:20px;bottom:auto;left:50%;transform:translate(-50%)}.custom-video-controls.left{left:20px;right:auto;top:50%;transform:translateY(-50%);flex-direction:column}.custom-video-controls.right{right:20px;left:auto;top:50%;transform:translateY(-50%);flex-direction:column}.custom-video-controls.compact{padding:5px 10px;gap:5px}.custom-video-controls.compact button{padding:6px 8px;min-width:40px;font-size:12px}.custom-video-controls.minimal{background:#0000004d;-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid rgba(255,255,255,.1)}.custom-video-controls.minimal button{background:transparent;border:1px solid rgba(255,255,255,.3);padding:6px 10px}.daily-controls-toggle{position:absolute;bottom:10px;right:10px;background:#000000b3;border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;z-index:1000;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.daily-controls-toggle:hover{background:#000000e6;transform:scale(1.1)}.custom-daily-controls{position:absolute;bottom:60px;right:10px;background:#000000e6;border-radius:12px;padding:15px;min-width:200px;z-index:1001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.controls-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:#fff;font-weight:700;font-size:14px}.close-controls{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.close-controls:hover{background:#fff3}.controls-content{display:flex;flex-direction:column;gap:8px}.control-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:12px;transition:all .2s;display:flex;align-items:center;gap:6px}.control-btn:hover{background:#fff3;border-color:#fff6}.control-btn.leave-btn{background:#dc3545cc;border-color:#dc3545}.control-btn.leave-btn:hover{background:#dc3545}.custom-video-container{position:relative;width:100%;height:100%;background:#000;border-radius:8px;overflow:hidden}.custom-video-element{width:100%;height:100%;object-fit:cover;border-radius:8px}.video-controls-overlay{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:10px;background:#000000b3;padding:8px 12px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.video-control-btn{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px}.video-control-btn:hover{background:#fff3;transform:scale(1.1)}.video-control-btn.enabled{background:#28a745cc}.video-control-btn.disabled{background:#dc3545cc}.video-info-overlay{position:absolute;top:10px;left:10px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.video-feed-content iframe{border:none;border-radius:8px;width:100%!important;height:100%!important;min-height:300px}.video-feed{min-width:400px;flex:1}.floating-video-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1000}.floating-video-feed{position:absolute;background:#fff;border:2px solid #007bff;border-radius:12px;box-shadow:0 8px 32px #0000004d;pointer-events:all;z-index:1000;display:flex;flex-direction:column;overflow:hidden;cursor:move;transition:width .1s ease,height .1s ease!important;-webkit-user-select:none;user-select:none;touch-action:none}.floating-video-feed:hover{box-shadow:0 12px 40px #0006;border-color:#0056b3}.floating-video-feed.teacher-video{border-color:#28a745}.floating-video-feed.teacher-video:hover{border-color:#1e7e34}.floating-video-feed.student-video{border-color:#ffc107}.floating-video-feed.student-video:hover{border-color:#e0a800}.video-controls{display:flex;gap:4px}.resize-handle{background:#fff3;border:none;color:#fff;width:20px;height:20px;border-radius:4px;cursor:nw-resize;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;transition:background .2s}.resize-handle:hover{background:#ffffff4d}.student-video .resize-handle{background:#0003;color:#212529}.student-video .resize-handle:hover{background:#0000004d}.video-content{flex:1;background:#f8f9fa;display:flex;align-items:center;justify-content:center;min-height:200px;position:relative}.video-content iframe{width:100%!important;height:100%!important;border:none;border-radius:0 0 10px 10px}.video-join-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center;height:100%}.video-join-area p{color:#666;margin-bottom:15px;font-size:16px}.join-video-btn{background:#28a745;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:16px;cursor:pointer;transition:background-color .3s}.join-video-btn:hover:not(:disabled){background:#218838}.join-video-btn:disabled{background:#6c757d;cursor:not-allowed}.video-active{display:flex;align-items:center;justify-content:center;height:100%;color:#28a745;font-weight:600}.video-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:#666;text-align:center;padding:20px}.video-placeholder p{margin:0;font-size:16px}.floating-video-feed.dragging{transform:rotate(2deg);box-shadow:0 16px 48px #00000080;z-index:1001}@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){.classroom-container{padding:10px;height:100vh;overflow:hidden}.classroom-middle-section{min-height:calc(100vh - 200px)}.floating-video-feed{min-width:300px;min-height:200px;touch-action:none}.video-feed-content{min-height:200px;max-height:300px}.lesson-renderer-container{min-height:400px}.resize-handle{min-width:44px;min-height:44px;touch-action:none}}@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){.classroom-container{padding:10px;height:100vh;overflow:hidden}.classroom-middle-section{min-height:calc(100vh - 250px)}.floating-video-feed{min-width:250px;min-height:180px;touch-action:none}.video-feed-content{min-height:180px;max-height:250px}.lesson-renderer-container{min-height:350px}.resize-handle{min-width:44px;min-height:44px;touch-action:none}}@media screen and (max-width: 767px) and (orientation: landscape){.classroom-container{padding:5px;height:100vh;overflow:hidden}.floating-video-feed{min-width:200px;min-height:150px}.video-feed-content{min-height:150px;max-height:200px}.lesson-renderer-container{min-height:300px}}@media screen and (max-width: 767px) and (orientation: portrait){.classroom-container{padding:5px;height:100vh;overflow:hidden}.floating-video-feed{min-width:180px;min-height:120px}.video-feed-content{min-height:120px;max-height:180px}.lesson-renderer-container{min-height:250px}}.retention-dashboard{max-width:1200px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e9ecef}.dashboard-header h2{color:#333;margin:0;font-size:2rem;font-weight:700}.header-actions{display:flex;gap:10px}.refresh-btn,.cleanup-btn{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:700;transition:all .3s ease}.refresh-btn{background-color:#6c757d;color:#fff}.refresh-btn:hover:not(:disabled){background-color:#5a6268}.cleanup-btn{background-color:#dc3545;color:#fff}.cleanup-btn:hover:not(:disabled){background-color:#c82333}.refresh-btn:disabled,.cleanup-btn:disabled{opacity:.6;cursor:not-allowed}.error-message{background-color:#f8d7da;color:#721c24;padding:15px;border-radius:6px;margin-bottom:20px;border:1px solid #f5c6cb}.last-refresh{color:#6c757d;font-size:.9rem;margin-bottom:20px;text-align:right}.compliance-section{margin-bottom:30px}.compliance-section h3{color:#333;margin-bottom:20px;font-size:1.5rem}.compliance-grid{display:grid;grid-template-columns:1fr;gap:20px}.compliance-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.status-badge{padding:4px 12px;border-radius:20px;color:#fff;font-size:.8rem;font-weight:700;text-transform:uppercase}.card-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.stat{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#f8f9fa;border-radius:4px}.stat-value{font-weight:700;color:#333;font-size:1.1rem}.stats-section{margin-bottom:30px}.stats-section h3{color:#333;margin-bottom:20px;font-size:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.stat-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:20px;text-align:center;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.stat-icon{font-size:2rem;margin-bottom:10px}.stat-content{display:flex;flex-direction:column;align-items:center}.stat-number{font-size:2rem;font-weight:700;color:#dc3545;margin-bottom:5px}.stat-label{color:#6c757d;font-size:.9rem;text-align:center}.total-cleanup{text-align:center;padding:15px;background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;color:#856404;font-size:1.1rem}.validation-section{margin-bottom:30px}.validation-section h3{color:#333;margin-bottom:20px;font-size:1.5rem}.validation-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.validation-status{display:flex;align-items:center;gap:10px;margin-bottom:20px;padding:15px;background-color:#f8f9fa;border-radius:6px}.status-icon{font-size:1.5rem}.status-text{font-weight:700;font-size:1.1rem;color:#333}.validation-issues,.validation-recommendations{margin-bottom:15px}.validation-issues h4,.validation-recommendations h4{color:#333;margin-bottom:10px;font-size:1rem}.validation-issues ul,.validation-recommendations ul{margin:0;padding-left:20px}.validation-issues li{color:#dc3545;margin-bottom:5px}.validation-recommendations li{color:#28a745;margin-bottom:5px}.history-section{margin-bottom:30px}.history-section h3{color:#333;margin-bottom:20px;font-size:1.5rem}.history-table{background:#fff;border:1px solid #e9ecef;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.history-table table{width:100%;border-collapse:collapse}.history-table th{background-color:#f8f9fa;color:#333;font-weight:700;padding:15px;text-align:left;border-bottom:1px solid #e9ecef}.history-table td{padding:12px 15px;border-bottom:1px solid #f8f9fa;vertical-align:middle}.history-table tr:hover{background-color:#f8f9fa}.type-badge{margin-right:8px;font-size:1.1rem}.user-id{font-family:monospace;font-size:.9rem;color:#6c757d}.status-badge.completed{background-color:#28a745;color:#fff;padding:2px 8px;border-radius:12px;font-size:.8rem}.status-badge.failed{background-color:#dc3545;color:#fff;padding:2px 8px;border-radius:12px;font-size:.8rem}.status-badge.running{background-color:#ffc107;color:#212529;padding:2px 8px;border-radius:12px;font-size:.8rem}.status-badge.unknown{background-color:#6c757d;color:#fff;padding:2px 8px;border-radius:12px;font-size:.8rem}.info-section{margin-bottom:30px}.info-section h3{color:#333;margin-bottom:20px;font-size:1.5rem}.info-content{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.info-content p{color:#6c757d;line-height:1.6;margin-bottom:20px}.retention-periods h4{color:#333;margin-bottom:15px;font-size:1.1rem}.retention-periods ul{margin:0;padding-left:20px}.retention-periods li{color:#6c757d;margin-bottom:8px;line-height:1.5}@media (max-width: 768px){.retention-dashboard{padding:15px}.dashboard-header{flex-direction:column;gap:15px;align-items:stretch}.header-actions{justify-content:center}.stats-grid,.card-stats{grid-template-columns:1fr}.history-table{overflow-x:auto}.history-table table{min-width:600px}}@media (max-width: 480px){.dashboard-header h2{font-size:1.5rem}.stat-card{padding:15px}.stat-number{font-size:1.5rem}.compliance-card,.validation-card,.info-content{padding:15px}}.admin-dashboard{max-width:100%;width:100%;margin:0;padding:20px 20px 50px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f8f9fa;min-height:100vh;overflow-y:auto;height:auto;position:relative}.admin-header{text-align:center;margin-bottom:30px;padding:30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a}.admin-header h1{margin:0 0 10px;font-size:2.5rem;font-weight:700}.admin-header p{margin:0;font-size:1.1rem;opacity:.9}.admin-tabs{display:flex;gap:10px;margin-bottom:30px;background:#fff;padding:10px;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow-x:auto}.tab-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:all .3s ease;white-space:nowrap;font-size:.95rem;font-weight:500;color:#6c757d}.tab-btn:hover{background-color:#f8f9fa;color:#495057}.tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea4d}.tab-icon{font-size:1.1rem}.tab-label{font-weight:500}.admin-content{background:#fff;border-radius:12px;padding:30px 30px 50px;box-shadow:0 2px 10px #0000001a;min-height:600px;overflow-y:auto;overflow-x:hidden;height:auto;max-height:calc(100vh - 200px)}.admin-overview h3{color:#333;margin-bottom:25px;font-size:1.8rem;font-weight:700}.overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:30px}.overview-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.overview-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.card-header{display:flex;align-items:center;gap:10px;margin-bottom:15px}.card-icon{font-size:1.5rem}.card-title{font-weight:700;font-size:1.1rem;color:#333}.card-content{display:flex;flex-direction:column;gap:10px}.status-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e9ecef}.status-item:last-child{border-bottom:none}.status-label{color:#6c757d;font-size:.9rem}.status-value{font-weight:700;color:#333}.status-value.admin{color:#28a745;background-color:#d4edda;padding:2px 8px;border-radius:12px;font-size:.8rem}.stat-number{font-size:2rem;font-weight:700;color:#667eea;margin-bottom:5px}.stat-label{color:#6c757d;font-size:.9rem}.quick-actions{margin-top:30px;padding-top:20px;border-top:1px solid #e9ecef}.quick-actions h4{color:#333;margin-bottom:15px;font-size:1.2rem}.action-buttons{display:flex;gap:15px;flex-wrap:wrap}.action-btn{padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease;box-shadow:0 2px 8px #667eea4d}.action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.admin-users h3{color:#333;margin-bottom:25px;font-size:1.8rem;font-weight:700}.users-table{overflow-x:auto;border-radius:8px;border:1px solid #e9ecef}.users-table table{width:100%;border-collapse:collapse}.users-table th{background-color:#f8f9fa;color:#333;padding:12px;text-align:left;font-weight:600;border-bottom:2px solid #e9ecef}.users-table td{padding:12px;border-bottom:1px solid #e9ecef}.users-table tr:hover{background-color:#f8f9fa}.permissions-badge{background-color:#667eea;color:#fff;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:500}.admin-audit h3{color:#333;margin-bottom:25px;font-size:1.8rem;font-weight:700}.audit-table{overflow-x:auto;border-radius:8px;border:1px solid #e9ecef}.audit-table table{width:100%;border-collapse:collapse}.audit-table th{background-color:#f8f9fa;color:#333;padding:12px;text-align:left;font-weight:600;border-bottom:2px solid #e9ecef}.audit-table td{padding:12px;border-bottom:1px solid #e9ecef}.audit-table tr:hover{background-color:#f8f9fa}.admin-info{display:flex;flex-direction:column;gap:4px}.admin-name{font-weight:600;color:#333}.admin-email{font-size:.85rem;color:#6c757d}.action-badge{background-color:#28a745;color:#fff;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:500}.target-info{color:#6c757d;font-size:.9rem}.details-preview{color:#6c757d;font-size:.85rem;font-style:italic}.admin-settings h3{color:#333;margin-bottom:25px;font-size:1.8rem;font-weight:700}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.setting-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.setting-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.setting-card h4{color:#333;margin-bottom:10px;font-size:1.2rem}.setting-card p{color:#6c757d;margin-bottom:15px;line-height:1.5}.setting-btn{padding:10px 20px;background:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .3s ease}.setting-btn:hover{background-color:#5a6268}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:20px;text-align:center}.error-icon{font-size:3rem}.retry-btn{padding:10px 20px;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500}.retry-btn:hover{background-color:#c82333}@media (max-width: 768px){.admin-dashboard{padding:15px}.admin-header{padding:20px}.admin-header h1{font-size:2rem}.admin-tabs{flex-direction:column;gap:5px}.tab-btn{justify-content:center}.admin-content{padding:20px}.overview-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.settings-grid{grid-template-columns:1fr}.users-table,.audit-table{font-size:.9rem}}@media (max-width: 480px){.admin-header h1{font-size:1.5rem}.admin-content{padding:15px}}.admin-support-dashboard,.admin-support-content-wrapper{width:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-y:visible;height:auto}.admin-support-content-wrapper{display:flex;flex-direction:column;gap:20px;overflow-y:visible}.admin-support-header{text-align:center;margin-bottom:30px;padding:30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a}.admin-support-header h1{margin:0 0 10px;font-size:2.5rem;font-weight:700}.admin-support-header p{margin:0;font-size:1.1rem;opacity:.9}.admin-support-filters{display:flex;gap:15px;margin-bottom:20px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;flex-wrap:wrap;align-items:center}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{font-size:.9rem;font-weight:600;color:#333}.filter-group select{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:.9rem;background:#fff;color:#000;cursor:pointer}.refresh-btn{padding:10px 20px;background:#28a745;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .2s;margin-left:auto}.refresh-btn:hover{background:#218838}.admin-support-content{display:grid;grid-template-columns:1fr 2fr;gap:20px;overflow:visible;height:auto;max-height:none}.tickets-list{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 10px #0000001a;overflow-y:auto;max-height:80vh}.tickets-list h3{margin:0 0 20px;color:#333;font-size:1.5rem}.tickets-grid{display:flex;flex-direction:column;gap:12px}.ticket-card{border:2px solid #e9ecef;border-radius:8px;padding:15px;cursor:pointer;transition:all .2s;background:#fff}.ticket-card:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea33}.ticket-card.selected{border-color:#667eea;background:#f0f4ff}.ticket-header{display:flex;gap:8px;align-items:center;margin-bottom:10px;flex-wrap:wrap}.ticket-id{font-weight:700;color:#667eea;font-size:.9rem}.ticket-priority,.ticket-status{padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;color:#fff;text-transform:uppercase}.ticket-category{font-size:.85rem;color:#6c757d;margin-bottom:8px;text-transform:capitalize}.ticket-message-preview{font-size:.9rem;color:#333;margin-bottom:10px;line-height:1.4}.ticket-meta{display:flex;justify-content:space-between;font-size:.8rem;color:#6c757d;margin-top:8px}.ticket-replies-count{margin-top:8px;font-size:.8rem;color:#28a745;font-weight:600}.ticket-detail{background:#fff;border-radius:8px;padding:20px 20px 150px;box-shadow:0 2px 10px #0000001a;min-height:600px;max-height:none;display:flex;flex-direction:column;overflow:visible}.ticket-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e9ecef;flex-shrink:0}.ticket-detail-header h3{margin:0;color:#333;font-size:1.5rem}.close-btn{background:none;border:none;font-size:32px;color:#666;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;line-height:1;transition:color .2s}.close-btn:hover{color:#000}.ticket-detail-content{display:flex;flex-direction:column;gap:25px;overflow:visible;height:auto;padding-bottom:100px}.ticket-info-section h4,.ticket-message-section h4,.ticket-replies-section h4,.ticket-internal-notes-section h4,.ticket-reply-section h4{margin:0 0 15px;color:#333;font-size:1.2rem}.ticket-reply-section{margin-top:auto;padding-top:20px;border-top:1px solid #e9ecef;flex-shrink:0}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.info-item{display:flex;flex-direction:column;gap:5px}.info-item label{font-size:.85rem;font-weight:600;color:#6c757d}.info-item span,.info-item select{font-size:.95rem;color:#333}.info-item select{padding:6px 10px;border:1px solid #ddd;border-radius:4px;cursor:pointer}.message-box{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:15px;white-space:pre-wrap;line-height:1.6;color:#333}.reply-box{background:#f8f9fa;border-left:4px solid #667eea;border-radius:6px;padding:15px;margin-bottom:15px}.reply-box.user-reply{background:#e3f2fd;border-left-color:#2196f3}.reply-box.admin-reply{background:#f1f8e9;border-left-color:#4caf50}.reply-header{display:flex;justify-content:space-between;margin-bottom:10px;font-size:.9rem}.reply-header strong{color:#333}.reply-header span{color:#6c757d}.reply-message{white-space:pre-wrap;line-height:1.6;color:#333}.ticket-internal-notes-section textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:.9rem;font-family:inherit;resize:vertical;margin-bottom:10px}.save-notes-btn{padding:8px 16px;background:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .2s}.save-notes-btn:hover{background:#5a6268}.ticket-reply-section textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:.9rem;font-family:inherit;resize:vertical;margin-bottom:10px}.send-reply-btn{padding:12px 24px;background:#28a745;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:1rem;transition:background-color .2s}.send-reply-btn:hover:not(:disabled){background:#218838}.send-reply-btn:disabled{opacity:.5;cursor:not-allowed}.reply-note{margin-top:10px;font-size:.85rem;color:#6c757d;font-style:italic}.empty-state{text-align:center;padding:40px;color:#6c757d;font-size:1.1rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:20px;text-align:center}.loading-spinner{font-size:3rem;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1200px){.admin-support-content{grid-template-columns:1fr}.tickets-list{max-height:400px}.ticket-detail{max-height:none}}@media (max-width: 768px){.admin-support-dashboard{padding:15px}.admin-support-header{padding:20px}.admin-support-header h1{font-size:2rem}.admin-support-filters{flex-direction:column;align-items:stretch}.filter-group{width:100%}.refresh-btn{margin-left:0;width:100%}.info-grid{grid-template-columns:1fr}}