body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container,.login-left,.login-right,body.dark .login-container,html.dark .login-container{background-color:#fff!important;color:#000!important}@font-face{font-family:BrainsterFont;src:url(/static/media/Excon-Bold.3e573b03821a0bb6214e.otf) format("truetype")}*{box-sizing:border-box;font-family:BrainsterFont,sans-serif;margin:0;padding:0}body,html{background:#fff;height:100%;overflow-x:hidden;width:100%}.login-container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:80px;justify-content:center;min-height:100vh;padding:20px}.login-left{text-align:center}.welcome-text{color:#555;font-size:28px}.brand-title{color:#300d49;font-size:60px;margin:10px 0}.brain-img{margin-top:30px;max-width:220px}.login-right{background-color:#f5f3ff;border-radius:30px;box-shadow:0 4px 16px #0000000d;max-width:600px;padding:40px;width:100%}.login-title{color:indigo;font-size:40px;margin-bottom:50px;text-align:center}.login-form{width:100%}.input-group{align-items:center;display:flex;flex-direction:row;gap:12px;width:100%}.password-wrapper{flex:3 1;position:relative;width:100%}.password-wrapper input{border:1px solid #ccc;border-radius:6px;font-size:16px;padding:12px;width:100%}.toggle-password{background:none;border:none;cursor:pointer;padding:0;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.eye-icon{filter:invert(1);height:20px;width:20px}.login-btn{background-color:#9b59b6;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;padding:12px;transition:background-color .3s ease}.login-btn:hover{background-color:#7a288a}.login-btn:disabled{cursor:not-allowed;opacity:.6}.login-subtitle{color:#555;font-size:18px;margin-bottom:25px;margin-top:-15px;text-align:center}@media (max-width:768px){.login-container{flex-direction:column;gap:20px;padding:20px}.brand-title{font-size:36px}.welcome-text{font-size:20px}.brain-img{margin-top:15px;max-width:100px}.login-title{font-size:28px}.input-group{flex-direction:column;gap:10px}.login-btn,.password-wrapper{width:100%}}.blue-box{background-color:#e9f2ff;border-radius:20px}.purple-box{background-color:#f3e9ff;border-radius:20px}.pdf-page-image{background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 6px #0000001a;display:block;height:auto;margin:20px auto;max-width:850px;width:100%}canvas.pdf-canvas{-webkit-user-drag:none;pointer-events:auto;-webkit-user-select:none;user-select:none}.pdf-scroll-view{max-height:100vh}.loader{align-items:center;color:#666;display:flex;font-size:1.2rem;height:100vh;justify-content:center;min-height:600px;text-align:center}.pdf-canvas{border-radius:15px;display:block;height:auto!important;margin:0 auto 20px;max-width:100%;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%!important}.pdf-search-box{align-items:center;display:flex;gap:6px}.pdf-search-box input{border:1px solid #aaa;border-radius:4px;font-size:.9rem;padding:5px 8px;width:150px}.pdf-search-box button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:5px 10px}.pdf-search-box button:hover{background-color:#0056b3}.pdf-label-row{align-items:center;display:flex;justify-content:space-between;padding-block:5px;position:sticky;top:-20px;z-index:20}.pdf-label{font-size:20px!important}.blue-box .pdf-label-row{background-color:#e0f0ff}.purple-box .pdf-label-row{background-color:#f3e0ff}.pdf-scroll-view{-webkit-overflow-scrolling:touch;box-sizing:border-box;flex:1 1;height:100%;max-width:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:16px;width:100%}.app-container{display:flex;height:100vh;justify-content:center;overflow:hidden}.sidebar{background:#f4f4f4;border-right:1px solid #ddd;overflow-y:auto;padding:1rem;width:300px}.viewer-container{height:100vh;margin-top:-45px;overflow-x:hidden;transform:scale(.9)}.blue-box{background-color:#e0f0ff;font-size:30px}.purple-box{background-color:#f3e0ff;font-size:30px}.pdf-scroll-wrapper{height:80vh}.pdf-images img{display:block;height:auto;margin:0 auto 1rem;max-width:100%;object-fit:contain}.booklet-btn,.level-btn{background:#fff;border:1px solid #ccc;border-radius:12px;box-shadow:0 1px 4px #0000000f;cursor:pointer;display:block;font-weight:500;margin-top:.5rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.booklet-btn{border-radius:10px;font-size:14px;margin-left:auto;margin-right:0;margin-top:.3rem;padding:.5rem 1rem;width:90%}.level-btn{align-items:center;background:#fff;border:none;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;margin:5px 0;padding:10px 16px;text-align:left;width:100%}.booklet-btn:hover,.level-btn:hover{background-color:#e9ddff;transform:scale(1.01)}.level-btn.active{background:#e9ddff;border-color:#b69fff}.booklet-btn.selected{background:#d0e8ff;border-color:#6fb7ff}.welcome-card{background:linear-gradient(135deg,#a18cd1,#fbc2eb);border-radius:16px;box-shadow:0 4px 12px #00000026;color:#000;font-size:20px;font-weight:700;margin-bottom:1rem;padding:16px 20px;position:sticky;text-align:center;top:0;transition:transform .2s ease;z-index:99}.welcome-box:hover{transform:scale(1.02)}.topbar{align-items:center;background-color:#f8fafc;display:flex;font-size:larger;justify-content:space-between;padding:12px 24px;position:sticky;top:0;z-index:1000}.logout-btn{background-color:#ef4444;border:none;border-radius:10px;bottom:0;color:#fff;cursor:pointer;font-weight:700;margin-top:20px;padding:8px 16px;position:sticky;width:100%}.logout-btn:hover{background-color:#dc2626}.sidebar{scrollbar-gutter:stable}.pdf-label{font-size:40px;padding:6px 0;top:-20px}.blue-box .pdf-label{background-color:#e0f0ff}.purple-box .pdf-label{background-color:#f3e0ff}.empty-box{max-width:50%;visibility:hidden}.arrow{display:inline-block;font-size:14px;margin-left:8px;opacity:.8;transition:transform .3s ease}.arrow.rotate{transform:rotate(90deg)}.booklet-btn .arrow,.word-level-btn .arrow{float:right}.word-level-btn:hover{background-color:#e9ddff}.booklet-btn .arrow.booklet-arrow{opacity:.3}.pdf-label{background-color:inherit;color:#000;font-size:14px;font-weight:700;position:sticky;text-align:center;top:-17px;z-index:10}.word-level-btn{background-color:#f5f5f5;border:1px solid #ccc;border-radius:10px;cursor:pointer;font-size:13px;font-weight:600;margin-left:15px;margin-top:10px;padding:.5rem 1rem;text-align:center;transition:background-color .2s ease;width:90%}.word-level-btn:hover{background-color:#e8f0ff}.active-word-level{background-color:#d0e8ff;border-color:#6fb7ff}.nested-btn{font-size:12px;margin-left:35px;width:80%}.dark-mode{background-color:#1c1c1c;color:#fff}.dark-mode-toggle{background:none;border:none;cursor:pointer}.search-results{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#6863634c;border:1px solid #ccc;border-radius:10px;box-shadow:0 8px 20px #00000026;max-height:200px;overflow-y:auto;padding:6px 0;position:absolute;z-index:1000}.search-result-item{border-radius:6px;color:#000;cursor:pointer;font-weight:500;padding:10px 16px;transition:background .2s ease,color .2s ease;white-space:nowrap}.search-result-item:hover{background-color:#007bff1a;color:#007bff}.search-results::-webkit-scrollbar{width:6px}.search-results::-webkit-scrollbar-track{background:#f9f9f9}.search-results::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:6px}.right-container{height:100vh;place-items:center;width:100%}.search-input{background-color:initial;border:none;caret-color:#fff;font-size:14px;padding:8px}.search-input,.search-input::placeholder{color:#fff!important}body{transition:filter .5s ease}.app-container.dark{background-color:#fff;color:#fff}.logout-btn{box-shadow:0 10px 30px rgba(0,0,0,.693);transition:box-shadow .3s ease}body.dark-mode .logout-btn{box-shadow:0 10px 30px}.search-input:focus{border:none;box-shadow:none;outline:none}body.dark-mode{transition:filter .3s ease}body.dark-mode,body.dark-mode .no-invert,body.dark-mode img,body.dark-mode video{filter:invert(1) hue-rotate(180deg)}.button-box{display:grid;place-items:center;width:100px}.custom-toggle{align-items:center;display:flex;height:50px;position:relative;width:93px}.custom-toggle input{height:0;opacity:0;width:0}.custom-toggle .slider{align-items:center;background-color:gray;border-radius:30px;box-sizing:border-box;display:flex;height:100%;justify-content:space-between;padding:0 14px 0 18px;position:relative;transition:background-color .4s;width:100%}.custom-toggle .slider:before{background-color:#fff;border-radius:50%;content:"";height:38px;left:8px;position:absolute;transition:transform .4s;width:38px;z-index:1}.custom-toggle input:checked+.slider{background-color:#333}.custom-toggle input:checked+.slider:before{transform:translateX(42px)}.custom-toggle .icon{font-size:18px;z-index:1}.moon{color:#000}.sun{color:orange}.sublevel-btn:hover{background-color:#d0e8ff;transform:scale(1.01)}.sublevel-btn.active{background-color:#c5e2ff;border-color:#6fb7ff;color:#004080}.booklet-btn{align-items:center;background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 1px 4px #0000000d;cursor:pointer;display:flex;font-size:13px;justify-content:center;margin:.3rem auto;padding:.45rem .9rem;text-align:center;transition:background-color .2s ease;width:80%}.word-problem-label{color:blue;margin-block:10px;text-align:center}.sublevel-btn{align-items:center;border:1px solid gray;border-radius:10px;display:flex;font-size:13px;font-weight:600;justify-content:space-between;margin:.5rem auto;padding:.6rem .9rem;transition:all .2s ease;width:90%}.no-word-problems{color:red;font-size:small;margin-bottom:15px;text-align:center}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f0f0f0;border-radius:10px}::-webkit-scrollbar-thumb{background:#6fb7ff;border:2px solid #f0f0f0;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#4299e1}.search-bar{position:relative}.search-input{flex:1 1;padding-right:30px}.clear-search-btn{align-items:center;background:none;border:none;color:#888;cursor:pointer;display:flex;font-size:18px;justify-content:center;position:absolute;right:8px}.clear-search-btn:hover{color:#333}.autocomplete-dropdown{background:#fff;border:1px solid #ddd;border-top:none;box-shadow:0 4px 10px #0000001a;left:0;max-height:220px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.autocomplete-item{align-items:center;cursor:pointer;display:flex;font-size:14px;padding:8px 12px;transition:background .2s ease}.autocomplete-item:hover{background:#f5f5f5}.autocomplete-icon{color:#fff;font-size:12px;margin:0 6px}.autocomplete-highlight{color:#fff;font-weight:700}.search-result-item.highlighted{background-color:#e2e8f0}.dark .search-result-item.highlighted{background-color:#4a5568}.animated-placeholder-container{color:#fff;font-size:14px;height:20px;left:20px;overflow:hidden;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-container{position:relative;width:100%}.search-input{border-radius:6px;color:#fff;font-size:16px;padding:10px 12px;width:100%}.placeholder-wrapper{color:#fff;display:flex;font-size:16px;gap:4px;height:20px;left:14px;overflow:hidden;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.fixed-text{color:#fff}@keyframes bounceUp{0%{opacity:0;transform:translateY(100%)}50%{opacity:1;transform:translateY(-10%)}to{opacity:1;transform:translateY(0)}}.animated-text{animation:bounceUp .5s ease-out}.clear-button{background:#0000;border:none;color:#fff;cursor:pointer;padding:2px;position:absolute;right:5px;top:53%;transform:translateY(-50%)}.clear-button:hover{color:#333}.wp-level-btn{align-items:center;background-color:#f0f0f0;background-color:var(--sidebar-btn-bg,#f0f0f0);border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.85rem;justify-content:space-between;margin:6px auto;padding:10px;transition:background-color .2s ease;width:90%}.wp-level-btn:hover{background-color:#ddd;background-color:var(--sidebar-btn-hover-bg,#ddd)}.wp-level-btn.active{background-color:#d0e4ff;background-color:var(--sidebar-btn-active-bg,#d0e4ff);font-weight:600}.wp-level-btn .arrow{transition:transform .3s ease}.wp-level-btn .arrow.rotate{transform:rotate(90deg)}.captcha-container{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;position:relative}.captcha-header{align-items:center;color:#000;column-gap:10px;display:flex}.captcha-header .brainster{width:40px}.site-name{font-size:3rem}.human{color:#000;font-size:2rem;margin:10px}.burger-btn{height:20px;width:25px}.pdf-toggle-btn{align-items:center;display:flex;font-size:18px;justify-content:center;line-height:1;padding:0}@media (max-width:1024px){.pdf-toggle-btn{align-items:center;display:flex;justify-content:center}.viewer-container{margin-top:-60px}.burger-btn{display:flex}.sidebar{background-color:#f4f4f4;height:100%;left:0;overflow-y:auto;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:250px;z-index:1000}.sidebar.visible{transform:translateX(0)}.app-container .right-container{margin-left:0}.sidebar-backdrop{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .2s ease;z-index:999}.sidebar.visible+.sidebar-backdrop{opacity:1;pointer-events:auto}.welcome-card{font-size:14px}.booklet-btn,.level-btn{font-size:11px;padding:6px 10px}.viewer-container{flex-direction:row;gap:0;height:calc(100vh - 10px);transform:none}.pdf-box{margin-top:60px;max-width:100%;width:100%}}@media (max-width:1024px) and (orientation:portrait){.button-box{transform:scale(.9)}.site-name{font-size:1.5rem}.human{color:#000;font-size:1rem;margin:10px}.top-bar{align-items:center;display:flex;margin-block:5px;padding-inline:10px;width:100%}.search-bar{height:40px}.search-results{top:70px}}@media (max-width:420px){.sun{margin-left:-3px}.button-box{width:80px}.custom-toggle{height:44px;width:81px}.custom-toggle .slider:before{height:32px;transform:translateX(0);width:32px}.custom-toggle input:checked+.slider:before{transform:translateX(33px)}}.desktop-only{display:block}.mobile-only{display:none}@media (max-width:1024px){.desktop-only{display:none!important}.mobile-only{display:block!important;width:100%}}.pdf-toggle-btn{background-color:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:none;font-size:20px;height:40px;position:absolute;top:50%;transform:translateY(-50%);transition:background-color .3s ease;width:40px;z-index:10}.pdf-toggle-btn:hover{background-color:#000000b3}.pdf-toggle-btn:disabled{cursor:not-allowed;opacity:.3}.pdf-toggle-btn.right{right:10px}.pdf-toggle-btn.left{left:10px}@media (max-width:1024px){.pdf-toggle-btn{display:block}.viewer-container{flex-direction:row;gap:0;height:calc(100vh - 60px);position:relative;transform:none}.pdf-box{margin-top:60px;max-width:100%;width:100%}}.top-bar{display:flex;flex-shrink:0;gap:10px;justify-content:center;margin-block:10px;position:relative;width:45%;z-index:1002}.burger-btn{background:none;border:none;cursor:pointer;display:none;height:40px;margin-right:10px;padding:0;width:40px;z-index:1003}.search-bar{align-items:center;background-color:#6fb7ff;border-radius:50px;display:flex;height:50px;padding:10px;width:100%;z-index:1003}.sidebar-backdrop{background:#0006;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease;z-index:999}.sidebar.visible+.sidebar-backdrop{opacity:1;pointer-events:auto}@media (max-width:1024px){.top-bar{justify-content:space-between;margin-block:0;padding:8px 10px;width:100%;z-index:2}.burger-btn{align-items:center;display:flex;height:40px;justify-content:center;width:40px}.search-bar{flex:1 1;height:40px;padding:5px 10px}.search-input{font-size:14px;touch-action:manipulation}.pdf-box{margin-top:60px;max-width:100%;transition:filter .3s ease;width:100%}.pdf-box.transitioning{filter:blur(4px)}}.viewer-container{align-items:flex-start;display:flex;gap:16px;justify-content:center;overflow-y:hidden}.pdf-scroll-wrapper,.viewer-container{box-sizing:border-box;height:100%;width:100%}.pdf-scroll-wrapper{background:#fff;border-radius:8px;max-height:calc(100vh - 60px);overflow-y:auto;padding:.5rem}.pdf-box{background-color:initial;border-radius:12px;display:flex;flex:1 1;height:100%;justify-content:center;max-width:50%;min-width:0;position:relative}@media (max-width:1024px){.viewer-container{flex-direction:row;gap:0;height:calc(100vh - 50px);margin-top:0;overflow-y:hidden}.pdf-scroll-wrapper{height:100%;max-height:calc(100vh - 50px);overflow-y:auto}.pdf-box{height:100%;margin-top:0;max-width:100%;width:100%}}
/*# sourceMappingURL=main.3d4e86e2.css.map*/