#root,body,html{height:100%;margin:0;padding:0}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}.App{min-height:100vh;text-align:center}.App,.Page{display:flex;flex-direction:column}.Page{flex:1 1;justify-content:center;min-height:calc(100vh - 60px);width:100%}.Page.dark{background:radial-gradient(circle at 20% 30%,#0a0f1d,#02050c)}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.flip-card{background-color:initial;border:1px solid #f1f1f1;height:200px;perspective:1000px;width:300px}.flip-card-inner{height:100%;position:relative;text-align:center;transform-style:preserve-3d;transition:transform 1.5s;width:100%}.flip-card:hover{cursor:pointer}.flip-card:hover .flip-card-inner{transform:scale(1.05)}.flip-card-back,.flip-card-front{backface-visibility:hidden;height:100%;position:absolute;width:100%}.flip-card-front{align-items:center;background-color:#bbb;color:#000;display:flex;justify-content:center}.flip-card-front-index{font-size:3em;font-weight:700}.flip-card-back{background-color:#1e90ff;box-sizing:border-box;color:#fff;display:flex;padding:20px;text-transform:uppercase;transform:rotateY(180deg)}.cardList,.flip-card-back{align-items:center;justify-content:center}.cardList{grid-row-gap:30px;grid-column-gap:24px;display:grid;grid-template-columns:repeat(auto-fit,300px);padding:0 0 20px}.navigation__list{align-items:center;background-color:#333;display:flex;list-style-type:none;margin:0;overflow:hidden;padding:0}.navigation__list-item.theme-btn-wrapper{float:none}.navigation__list-item a{color:#fff;display:block;padding:14px 16px;text-align:center;text-decoration:none}.navigation__list-item a:hover{background-color:#111}.active{background-color:#04aa6d;pointer-events:none;transition:all .5s ease}.theme-btn{align-items:center;background:#0000;background-color:initial;border:none;color:#fff;cursor:pointer;display:flex;font-size:22px;height:100%;justify-content:center;margin:0;min-width:60px;padding:14px 20px;transition:all .3s ease}.theme-btn:hover{background-color:#111;transform:none}.theme-btn:active{transform:scale(.95)}.theme-btn-wrapper{border-left:1px solid #fff3}body.dark{background:radial-gradient(circle at 20% 30%,#0a0f1d,#02050c)}.auth-buttons{display:flex;gap:0;margin:0 0 0 auto}.auth-btn{color:#fff;display:inline-block;font-weight:500;padding:14px 20px;text-align:center;text-decoration:none;transition:all .3s ease}.login-btn{background-color:initial}.login-btn:hover{background-color:#2196f3}.register-btn{background-color:#ff9800}.register-btn:hover{background-color:#f57c00}.auth-btn:hover{transform:translateY(-1px)}.login-btn{border-right:1px solid #fff3}@media (max-width:768px){.auth-btn{font-size:14px;padding:10px 12px}.auth-buttons{margin-right:5px}}.puzzles__list{grid-row-gap:30px;grid-column-gap:24px;align-items:center;display:grid;grid-template-columns:repeat(auto-fit,300px);justify-content:center;position:relative}.puzzle__card{cursor:pointer;max-width:200px}.puzzle__popup{background-color:#00000080;display:none;height:100vh;left:0;position:fixed;top:0;width:100vw}@keyframes show{0%{display:none;opacity:0}1%{display:flex}to{display:flex;opacity:1}}.puzzle__popup_open{animation:show .5s linear;animation-fill-mode:forwards;display:flex;justify-content:center;opacity:1}.puzzle__popup_container{display:flex;flex-direction:column;justify-content:center}*{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.Guess{align-items:center;background:linear-gradient(135deg,#6a11cb,#2575fc);color:#fff;display:flex;flex-direction:column;min-height:100vh;padding:2rem}.container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;box-shadow:0 10px 30px #0000004d;max-width:800px;padding:2rem;width:100%}h1{font-size:2.5rem;text-align:center;text-shadow:2px 2px 4px #0000004d}.instructions,h1{margin-bottom:1.5rem}.instructions{background:#ffffff26;border-radius:10px;line-height:1.6;padding:1.5rem}.game-area{display:flex;flex-direction:column;gap:1.5rem}.clue-container{background:#ffffff26;border-radius:10px;padding:1.5rem;text-align:center}.clue{font-size:1.3rem;font-weight:700;margin-bottom:1rem;min-height:3.5rem}.input-area{display:flex;gap:1rem;margin:1rem 0}input{background:#ffffffe6;flex:1 1;font-size:1.1rem;padding:.8rem 1rem}button,input{border:none;border-radius:5px}button{background:#ff9800;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;transition:all .3s}button:hover{background:#f57c00}.game-info{background:#ffffff26;border-radius:10px;display:flex;justify-content:space-between;padding:1rem}.message{font-size:1.2rem;font-weight:700;margin:1rem 0;min-height:1.8rem;text-align:center}.win{color:#4caf50}.lose{color:#f44336}.controls{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.hint{background:#ffffff26;border-radius:10px;margin:1rem 0;padding:1rem}.word-length{font-size:1.2rem;margin:1rem 0;text-align:center}@media (max-width:768px){h1{font-size:2rem}.container{padding:1rem}.game-info{gap:.5rem}.game-info,.input-area{flex-direction:column}.controls{flex-wrap:wrap}}.keyboard__key{background-color:#4285f4;border:none;border-radius:5px;color:#fff;cursor:pointer;height:3em;outline:none;width:3em}@media (hover:hover){.keyboard__key:hover,.popup__start-again:hover{background-color:#1a70fa}.keyboard__key:active,.popup__start-again:active{background-color:#9fbff3}}.keyboard__key_inactive{background-color:#a1a0a0;pointer-events:none}.popup__start-again{background-color:#4285f4;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.8em;height:50px;outline:none;width:50%}@media screen and (max-width:768px){.keyboard__key{height:2em;width:2em}}.page,html{height:100%;width:100%}.page{display:flex;font-family:Inter;font-style:normal;font-weight:600;position:relative}.wrapper{align-items:center;display:flex;justify-content:center;padding:2em;width:100%}@media screen and (max-width:600px),screen and (orientation:portrait){.wrapper{flex-direction:column}}.gallows{align-items:center;display:flex;flex-direction:column;max-height:100%;width:30%}.gallows__title{font-size:2em}.gallows__bg-image{background-image:url(data:image/png;base64,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AASBBIAgkAAQBBIAgkACQBBIAAgCCQBBIAEgCCQABIEEgCCQABAEEgCCQAJAEEgACAIJAEEgASAIJAAEgQSAIJAAEAQSAIJAAkAQSAAIAgkAQSABIAgkAASBBIAgkAAQBBIAgkACQBBIAAgCCQBBIAEgCCQABIEEgCCQABAEEgCCQAJAEEgACAIJAEEgASAIJAAEgQSAIJAAEAQSAIJAAkAQSAAIAgkAQSABIAgkAASBBIAgkAAQBBIAgkACQBBIAAgCCQBBIAEgCCQABIEEgCCQABAEEgCCQAJAEEgACAIJAEEgASAIJAAEgQSAIJAAEAQSAIJAAkAQSAAIAgkAQSABIAgkAASBBIAgkAAQBBIAgkACQBBIAAgCCQBBIAEgCCQABIEEgCCQABAEEgCCQAJAEEgACAIJAEEgASAIJAAEgQSAIJAAEAQSAIJAAkAQSAAIAgkAQSABIAgkAASBBIAgkAAQBBIAgkACQBBIAAgCCQBBIAEgCCQABIEEgCCQABAEEgCCQAJAEEgACAIJAEEgASAIJAAEgQSAIJAAEAQSAIJAAkAQSAAIAgkAQSABIAgkAASBBIAgkAAQBBIAgkACQBBIAAgCCQBBIAEgCCQABIEEgCCQABAEEgCCQAJAEEgACAIJAEEgASAIJAAEgQSAIJAAEAQSAIJAAkAQSAAIAgkAQSABIAgkAASBBIAgkAAQBBIAgkACQBBIAAgCCQBBIAEgCCQABIEEgCCQABAEEgCCQAJAEEgACAIJAEEgASAIJAAEgQSAIJAAEAQSAIJAAkAQSAAIAgkAQSABIAgkAASBBIAgkAAQBBIAgkACQBBIAAgCCQBBIAEgCCQABIEEgCCQABAEEgCCQAJAEEgACAIJAEEgASAIJAAEgQSAIJAAEAQSAIJAAkAQSAAIAgkAQSABIAgkAASBBIAgkAAQBBIAgkACQBBIAAgCCQBBIAEgCCQABIEEgCCQABAEEgCCQAJAEEgACAIJAEEgASAIJAAEgQSAIJAAEAQSAIJAAkAQSAAIAgkAQSABIAgkAASBBIAgkAAQBBIAgkACQBBIAAgCCQBBIAEgCCQABIEEgCCQABAEEgCCQAJAEEgACAIJAEEgASAIJAAEgQSAIJAAEAQSAIJAAkAQSAAIAgkAQSABIAgkAASBBIAgkAAQBBIAgkACQBBIAAgCCQBBIAEgCCQABIEEgCCQABAEEgCCQAJAEEgACAIJAEEgASAIJAAEgQSAIJAAEAQSAIJAAkAQSAAIAgkAQSABIAgkAASBBIAgkAAQBBIAgkACQBBIAAgCCQBBIAEgCCQABIEEgCCQABAEEgCCQAJAEEgACAIJAEEgASAIJAAEgQSAIJAAEAQSAIJAAkAQSAAIAgkAQSABIAgkAASBBIAgkAAQBBIAgkACQBBIAAgCCQBBIAEgCCQABIEEgCCQABAEEgCCQAJAEEgACAIJAEEgASAIJAAEgQSAIJAAEAQSAIJAAkAQSAAIAgkAQSABIAgkAASBBIAgkAAQBBIAgkACQBBIAAgCCQBhuEAeDodpmt/9/f00AbA1wwXyt48fhwjT11C/f3iYVgBszf75aJrnNcg2/tF+Pw0AbME4J8iRAySOABuz2/0f+t4fg/Y/kiMAAAAASUVORK5CYII=);background-position:50%;background-repeat:no-repeat;background-size:contain;height:80vh;max-height:50vh;max-width:300px;min-width:100%;position:relative}.task{align-items:center;display:flex;flex-direction:column}.task__guess-count{margin-bottom:20px}.keyboard{flex-wrap:wrap;gap:5px;width:60%}.guess,.keyboard{display:flex;justify-content:center}.guess{gap:1em;max-width:80%}.guess__letter{align-items:center;border-bottom:3px solid #000;display:flex;font-size:1.5em;justify-content:center;max-height:3em;max-width:3em;min-height:1em;min-width:1em}.hint{font-size:1.5em;margin:1.5em 0;max-width:50%;text-align:center}.popup{background-color:#00000080;height:100%;left:0;position:fixed;top:0;width:100%}.popup,.popup__wrapper{align-items:center;display:flex;justify-content:center}.popup__wrapper{background-color:#fff;border-radius:20px;flex-direction:column;height:80vh;width:80vw}.popup_hidden{display:none}.popup__title{font-size:4em;text-align:center}.popup__answer{font-size:3em;text-align:center}@media screen and (max-width:768px){.gallows{width:50%}.gallows__title{font-size:1.5em}.hint{font-size:1em}.popup__title{font-size:2.5em}.popup__answer{font-size:1.5em}}@media screen and (max-width:600px){.gallows{flex-direction:column-reverse;width:100%}.gallows__bg-image{height:20vh}.task{margin-top:20px}.keyboard{width:90%}.guess{gap:.5em}.popup__start-again{font-size:1.3em}}.dark .keyboard__key{background-color:#2c3e66;color:#f0f0f0}@media (hover:hover){.dark .keyboard__key:hover,.dark .popup__start-again:hover{background-color:#1e4d8f}.dark .keyboard__key:active,.dark .popup__start-again:active{background-color:#5a7db3}}.dark .keyboard__key_inactive{background-color:#4a4a4a;color:#b0b0b0}.dark .popup__start-again{background-color:#2c3e66;color:#f0f0f0}.dark .guess__letter{border-bottom-color:#e0e0e0;color:#e0e0e0}.dark .hint{color:#ccc}.dark .popup__wrapper{background-color:#1e1e1e;color:#e0e0e0}.dark .popup__title{color:#fff}.dark .popup__answer{color:#fb8}.dark .task__guess-count{color:#ddd}.dark .gallows__title{color:#e0e0e0}.dark .gallows__bg-image{filter:brightness(.85) contrast(1.1)}*{box-sizing:border-box;margin:0;padding:0}.burger-btn{align-items:center;background:#6200ea;border:none;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:6px;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:40px;z-index:100}.burger-btn span{background:#fff;height:2px;transition:all .3s ease;width:24px}.burger-btn.open span:first-child{transform:rotate(45deg) translate(6px,6px)}.burger-btn.open span:nth-child(2){opacity:0}.burger-btn.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.burger-menu{background:#1e1e2f;box-shadow:-2px 0 10px #0000004d;color:#fff;height:100%;overflow-y:auto;position:fixed;right:-400px;top:0;transition:right .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:1000}.burger-menu.open{right:0}.menu-header{align-items:center;background:#2a2a3c;display:flex;justify-content:space-between;padding:20px;position:sticky;top:0;z-index:10}.menu-header h3{color:#bb86fc;font-size:1.3rem;margin:0}.close-menu{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;transition:background .2s;width:40px}.close-menu:hover{background:#ffffff1a}.menu-content{padding:20px}.menu-level{margin-bottom:25px}.level-title{border-bottom:2px solid #bb86fc;color:#bb86fc;font-size:1.2rem;font-weight:700;margin-bottom:12px;padding-bottom:5px}.level-lessons{gap:8px}.lesson-menu-item,.level-lessons{display:flex;flex-direction:column}.lesson-menu-item{background:#2a2a3c;border:none;border-radius:8px;cursor:pointer;gap:4px;padding:12px 15px;text-align:left;transition:all .2s}.lesson-menu-item:hover{background:#3a3a4c;transform:translateX(-3px)}.lesson-menu-item.active{background:#6200ea;box-shadow:0 2px 8px #6200ea66}.lesson-num{color:#bb86fc;font-size:.9rem;font-weight:700}.lesson-menu-item.active .lesson-num{color:#fff}.lesson-title{color:#fff;font-size:1rem}.word-count{color:#888;font-size:.8rem;margin-top:2px}.lesson-menu-item.active .word-count{color:#fffc}.menu-overlay{background:#00000080;height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:100%;z-index:999}.menu-overlay.visible{opacity:1;visibility:visible}.deck-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff6;border:1px solid #ffffffb3;border-radius:48px;box-shadow:0 20px 40px -12px #00142866;margin:auto;max-width:510px;padding:2rem 2rem 0;position:relative;width:100%}.subtitle{background:#ffffff4d;border-radius:40px;color:#2c3e66;display:inline-block;font-style:italic;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;padding:.3rem 1.2rem;text-align:center;width:auto}.desktop-lesson-nav{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1rem}.lesson-btn{background:#1e2f4bcc;border:2px solid #5779a6;border-radius:30px;box-shadow:0 3px 0 #0b1728;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1.2rem;transition:all .2s ease}.lesson-btn:hover{background:#1e2f4b;transform:translateY(-1px)}.lesson-btn:active{box-shadow:0 1px 0 #0b1728;transform:translateY(2px)}.lesson-btn.active{background:#273b5a;border-color:#95b5e0;box-shadow:inset 0 2px 4px #0003;cursor:default}.counter-header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:.8rem}.counter{background:#273b5a;border:1px solid #95b5e0;border-radius:40px;box-shadow:inset 0 1px 6px #93b1d6;color:#fff;font-weight:500;margin-left:auto;padding:.5rem 1.5rem}.card-wrapper{display:flex;justify-content:center;margin:1rem 0 1.8rem}.card{aspect-ratio:3/4;background:#0000;cursor:pointer;max-width:360px;perspective:2500px;width:100%}.card-inner{border-radius:28px;box-shadow:0 20px 30px -8px #00142880;height:100%;position:relative;text-align:center;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.23,1,.32,1);width:100%}.card.flipped .card-inner{transform:rotateY(180deg)}.card-back,.card-front{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#ffffffdd;border:2px solid #ffffffe6;border-radius:28px;box-shadow:inset 0 0 20px #fffc;display:flex;flex-direction:column;font-weight:500;height:100%;justify-content:center;line-height:1.5;padding:1.5rem;position:absolute;width:100%;word-break:break-word}.card-front{background:#f9fcff;border:2px solid #b5d0f0;color:#0b2b44}.card-back{background:#1e3a5f;border:2px solid #7b9fd0;color:#f0f7ff;transform:rotateY(180deg)}.word{font-size:1.8rem;font-weight:600;margin-bottom:.5rem;text-align:center;-webkit-user-select:none;user-select:none}.badge{background:#0000000d;border:1px solid #0000000d;border-radius:30px;color:#3a4e6b;font-size:.75rem;margin-top:12px;padding:.2rem .8rem;text-transform:uppercase}.card-back .badge{background:#fffff026;border-color:#ffffc833;color:#ffefcf}.controls-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff80;border:1px solid #fffc;border-radius:60px;display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-top:1.2rem;padding:1.2rem 1.5rem}.ctrl-btn{background:#1e2f4b;border:1px solid #5779a6;border-radius:40px;box-shadow:0 4px 0 #0b1728,0 4px 10px #0003;color:#fff;cursor:pointer;flex:1 1 auto;font-size:1rem;font-weight:600;min-width:110px;padding:.7rem 1.5rem;transition:all .1s ease}.ctrl-btn:active{box-shadow:0 2px 0 #0b1728,0 4px 10px #0003;transform:translateY(4px)}.menu-level.empty{opacity:.5}.menu-level.empty .level-title{color:#666}.empty-message{background:#2a2a3c;border-radius:8px;color:#888;font-style:italic;margin-top:5px;padding:8px 15px}@media (max-width:768px){.burger-menu{right:-100%;width:100%}.burger-menu.open{right:0}.burger-btn{display:flex;right:15px;top:15px}.desktop-lesson-nav{display:none}.menu-header{display:flex}.menu-overlay.visible{display:block}}@media (min-width:769px){.burger-menu{right:-400px;transition:right .3s cubic-bezier(.4,0,.2,1)}.burger-menu.open{right:0}.desktop-lesson-nav{display:flex}}@media (max-width:480px){.deck-container{padding:1.5rem}.ctrl-btn{font-size:.9rem;min-width:80px;padding:.7rem 1rem}.word{font-size:1.5rem}}.burger-btn.dark{background:#2d2f45;box-shadow:0 6px 14px #0006}.burger-btn.dark span{background:#e2e8ff}.burger-menu.dark{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#121628f5;border-left:1px solid #5846b466}.burger-menu.dark .menu-header{background:#0c0f1ee6;border-bottom:1px solid #2e2f4e}.burger-menu.dark .menu-header h3{color:#b794f4}.burger-menu.dark .close-menu{color:#cbd5ff}.burger-menu.dark .close-menu:hover{background:#8c64dc4d}.burger-menu.dark .level-title{border-bottom:2px solid #5a47ab;color:#c4b5fd}.burger-menu.dark .lesson-menu-item{background:#1a1e32b3;border:1px solid #6450c833}.burger-menu.dark .lesson-menu-item:hover{background:#2d2f52;border-color:#86d}.burger-menu.dark .lesson-menu-item.active{background:linear-gradient(135deg,#5a3ebc,#3b2a7a);border-left:4px solid #e0b0ff}.burger-menu.dark .lesson-num{color:#b9a9ff}.burger-menu.dark .word-count{color:#8e8eb0}.menu-overlay.dark{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf}.deck-container.dark{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f1423a6;border:1px solid #6e5ac859}.deck-container.dark h1{color:#ccc9ff}.deck-container.dark .subtitle{background:#1e2337b3;border:1px solid #46478c;color:#ccc9ff}.deck-container.dark .lesson-btn{background:#1a1f32;border:1px solid #454a7a;color:#e9ecff}.deck-container.dark .lesson-btn:hover{background:#2d3258;border-color:#7c6edd}.deck-container.dark .lesson-btn.active{background:linear-gradient(145deg,#3a2e80,#241d60);border-color:#b294ff;color:#f0eeff}.deck-container.dark .counter{background:#101424;border:1px solid #5c5290;color:#ddd9ff}.deck-container.dark .card-front{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#191e30eb;border:1px solid #9678fa80;color:#f2eeff}.deck-container.dark .card-back{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0f1cf2;border:1px solid #7b62c4;color:#f0ecff}.deck-container.dark .word{background:linear-gradient(135deg,#fff,#d9d2ff);background-clip:text;-webkit-background-clip:text;color:#0000}.deck-container.dark .card-back .word{background:linear-gradient(135deg,#f2e9ff,#fed);background-clip:text;-webkit-background-clip:text;color:#0000}.deck-container.dark .badge{background:#50468c66;border:1px solid #b496ff80;color:#cec9ff}.deck-container.dark .card-back .badge{background:#1e194699;border-color:#9b81e5;color:#e9ddff}.deck-container.dark .controls-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0c101ebf;border:1px solid #6450be80}.deck-container.dark .ctrl-btn{background:#141a2e;border:1px solid #5c53a0;box-shadow:0 5px 0 #030618;color:#ede9ff}.Page .auth-form{display:flex;flex-direction:column;gap:20px}.Page .input-group{align-items:center;display:flex;position:relative}.Page .input-icon{align-items:center;color:#8888a0;display:flex;justify-content:center;left:20px;pointer-events:none;position:absolute}.Page .auth-input{background:#fff;border:2px solid #e0e0e8;border-radius:12px;color:#1a1a2e;font-size:16px;outline:none;padding:16px 20px 16px 56px;transition:all .3s ease;width:100%}.Page .auth-input::placeholder{color:#b0b0c0}.Page .auth-input:focus{background:#fff;border-color:#6464ff;box-shadow:0 0 0 3px #6464ff1a}.Page .auth-button{background:linear-gradient(135deg,#ff416c,#ff4b8b);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;margin-top:8px;padding:16px;transition:all .3s ease;width:100%}.Page .auth-button:hover{box-shadow:0 8px 20px #ff416c4d;transform:translateY(-2px)}.Page .auth-button:active{transform:translateY(0)}.Page .forgot-link{color:#666680;font-size:14px;margin-top:8px;text-align:center;text-decoration:none;transition:color .3s ease}.Page .forgot-link:hover{color:#ff416c}.Page.dark .auth-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.Page.dark .auth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #6464ff33;border-radius:24px;box-shadow:0 8px 32px #0000004d;max-width:420px;padding:48px 40px;width:100%}.Page.dark .auth-title{font-size:32px;font-weight:700;margin-bottom:8px;text-align:center}.Page.dark .auth-subtitle{font-size:14px;margin-bottom:32px;text-align:center}.Page.dark .auth-form{display:flex;flex-direction:column;gap:20px}.Page.dark .input-group{align-items:center;display:flex;position:relative}.Page.dark .input-icon{align-items:center;color:#a0a0b0;display:flex;justify-content:center;left:20px;pointer-events:none;position:absolute}.Page.dark .auth-input{background:#50506466;border:2px solid #0000;border-radius:12px;color:#fff;font-size:16px;outline:none;padding:16px 20px 16px 56px;transition:all .3s ease;width:100%}.Page.dark .auth-input::placeholder{color:#a0a0b0}.Page.dark .auth-input:focus{background:#50506499;border-color:#6464ff80}.Page.dark .auth-button{background:linear-gradient(135deg,#ff416c,#ff4b8b);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;margin-top:8px;padding:16px;transition:all .3s ease;width:100%}.Page.dark .auth-button:hover{box-shadow:0 8px 20px #ff416c66;transform:translateY(-2px)}.Page.dark .auth-button:active{transform:translateY(0)}.Page.dark .forgot-link{color:#a0a0b0;font-size:14px;margin-top:8px;text-align:center;text-decoration:none;transition:color .3s ease}.Page.dark .forgot-link:hover{color:#ff416c}@media (max-width:480px){.Page .auth-card,.Page.dark .auth-card{padding:32px 24px}.Page .auth-title,.Page.dark .auth-title{font-size:28px}}.dashboard-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e4e8f0);display:flex;justify-content:center;min-height:calc(100vh - 60px);padding:20px}.dashboard-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #6464ff26;border-radius:24px;box-shadow:0 8px 32px #00000014;max-width:90%;padding:48px 40px;width:100%}.dashboard-header{align-items:flex-start;border-bottom:2px solid #6464ff1a;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:20px}.dashboard-title{color:#1a1a2e;font-size:32px;font-weight:700;margin-bottom:8px}.dashboard-subtitle{color:#666680;font-size:14px}.logout-button{align-items:center;background:#ff416c1a;border:1px solid #ff416c4d;border-radius:12px;color:#ff416c;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.logout-button:hover{background:#ff416c33;transform:translateY(-1px)}.form-section{background:#6464ff08;border-radius:16px;margin-bottom:32px;padding:20px}.section-title{color:#1a1a2e;font-size:20px;font-weight:600;margin:0}.edit-button{align-items:center;background:#0000;border:1px solid #6464ff4d;border-radius:10px;color:#6464ff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .3s ease}.edit-button:hover{background:#6464ff1a;border-color:#6464ff}.user-info-display{display:flex;flex-direction:column;gap:16px}.info-row{align-items:baseline;background:#fff;border:1px solid #e0e0e8;border-radius:12px;display:flex;padding:12px}.info-label{color:#666680;font-weight:600;width:100px}.info-value{color:#1a1a2e;flex:1 1}.message{align-items:center;animation:slideIn .3s ease;border-radius:12px;display:flex;font-size:14px;gap:10px;margin-bottom:24px;padding:14px 20px}.message.success{background:#4caf501a;border:1px solid #4caf504d;color:#4caf50}.message.error{background:#f443361a;border:1px solid #f443364d;color:#f44336}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.cancel-button{background:#0000;border:2px solid #e0e0e8;border-radius:12px;color:#666680;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.cancel-button:hover{border-color:#ff416c;color:#ff416c}.save-button{background:linear-gradient(135deg,#ff416c,#ff4b8b);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.save-button:hover:not(:disabled){box-shadow:0 4px 12px #ff416c4d;transform:translateY(-2px)}.save-button:disabled{cursor:not-allowed;opacity:.6}.loading-spinner{color:#666680;text-align:center}.spinner{animation:spin .8s linear infinite;border:3px solid #6464ff1a;border-radius:50%;border-top-color:#6464ff;height:40px;margin:0 auto 16px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.Page.dark .dashboard-container{background:linear-gradient(135deg,#1a1a2e,#16213e)}.Page.dark .dashboard-card{background:#1e1e3ccc;border-color:#6464ff33}.Page.dark .dashboard-title{color:#fff}.Page.dark .dashboard-subtitle{color:#a0a0b0}.Page.dark .form-section{background:#6464ff0d}.Page.dark .section-title{color:#fff}.Page.dark .info-row{background:#50506466;border-color:#0000}.Page.dark .info-label{color:#a0a0b0}.Page.dark .info-value{color:#fff}@media (max-width:480px){.dashboard-card{padding:32px 24px}.dashboard-header{gap:16px}.dashboard-header,.form-actions{flex-direction:column}.cancel-button,.save-button{width:100%}}.teacher-section{background:#f5f5f5;border-radius:8px;margin-top:30px;padding:20px}.dark .teacher-section{background:#2d2d2d}.statistics-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:15px;text-align:center}.dark .stat-card{background:#3d3d3d}.stat-card h3{color:#666;font-size:14px;margin:0 0 10px}.dark .stat-card h3{color:#aaa}.stat-number{color:#2196f3;font-size:28px;font-weight:700;margin:0}.stat-card.small{padding:10px}.stat-card.small h4{font-size:12px;margin:0 0 5px}.students-table-container{overflow-x:auto}.students-table{background:#fff;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.dark .students-table{background:#3d3d3d}.students-table td,.students-table th{border-bottom:1px solid #ddd;padding:12px;text-align:left}.dark .students-table td,.dark .students-table th{border-bottom-color:#555}.students-table th{background:#f0f0f0;font-weight:700}.dark .students-table th{background:#2d2d2d}.refresh-button,.view-button{background:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 12px}.refresh-button:hover,.view-button:hover{background:#1976d2}.back-button{background:#666;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-right:15px;padding:8px 16px}.back-button:hover{background:#555}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.attempt-summary,.section-header,.student-stats{margin-bottom:20px}.attempt-summary{background:#e3f2fd;border-radius:8px;padding:15px}.dark .attempt-summary{background:#1a3a5c}.attempt-answers-list{max-height:500px;overflow-y:auto}.answer-item{background:#f9f9f9;border-left:3px solid #2196f3;border-radius:4px;margin-bottom:10px;padding:10px}.dark .answer-item{background:#2d2d2d}.answer-item pre{font-size:12px;margin:5px 0 0;overflow-x:auto}.high-score{color:#4caf50;font-weight:700}.low-score{color:#f44336}.section-answers{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:30px;padding:15px}.dark .section-answers{background:#2a2a2a;border-color:#444}.section-answers h5{border-bottom:2px solid #2196f3;margin-bottom:15px;margin-top:0;padding-bottom:8px}.answer-item{background:#fff;border-left:4px solid #ddd;border-radius:6px;margin-bottom:15px;padding:12px}.dark .answer-item{background:#333}.answer-item.correct{background:#f0fff0;border-left-color:#4caf50}.dark .answer-item.correct{background:#1a3a1a}.answer-item.incorrect{background:#fff0f0;border-left-color:#f44336}.dark .answer-item.incorrect{background:#3a1a1a}.question-detail{color:#333;font-weight:500;margin-bottom:8px}.dark .question-detail{color:#ddd}.answer-detail{font-size:14px}.answer-detail div{margin-bottom:4px}.verdict{font-weight:700;margin-top:6px}.student-results-section{background:#f5f5f5;border-radius:8px;margin-top:30px;padding:20px}.dark .student-results-section{background:#2d2d2d}.attempts-table-container{margin-top:20px;overflow-x:auto}.attempts-table{background:#fff;border-collapse:collapse;border-radius:8px;overflow:hidden;width:100%}.dark .attempts-table{background:#3d3d3d}.attempts-table td,.attempts-table th{border-bottom:1px solid #ddd;padding:12px;text-align:left}.dark .attempts-table td,.dark .attempts-table th{border-bottom-color:#555}.attempts-table th{background:#f0f0f0;font-weight:700}.dark .attempts-table th{background:#2d2d2d}.attempt-details-modal{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.attempt-details-modal .modal-content{background:#fff;border-radius:8px;max-height:80%;max-width:90%;overflow:auto;padding:20px;position:relative;width:800px}.dark .attempt-details-modal .modal-content{background:#2d2d2d;color:#e0e0e0}.modal-header{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.close-button{background:none;border:none;color:#999;cursor:pointer;font-size:20px}.close-button:hover{color:#333}.answers-list{max-height:500px;overflow-y:auto}.answers-list h4{margin-bottom:15px;margin-top:20px}.no-results{background:#f9f9f9;border-radius:8px;margin-top:30px;padding:40px;text-align:center}.dark .no-results{background:#3d3d3d}.no-results p{color:#666;margin:10px 0}.dark .no-results p{color:#aaa}.Page .phonetics-container{background:#fff;border-radius:36px;box-shadow:0 20px 35px -10px #0000001a;margin:0 auto 100px;max-width:1300px;overflow:hidden;padding:20px 30px 40px}.Page .phonetics-container h1,.Page .phonetics-container h2{border-left:6px solid #2c7da0;color:#0b3b5f;margin-top:1.5rem;padding-left:18px}.Page .section{background:#fff;border:1px solid #e2edf2;border-radius:24px;box-shadow:0 4px 12px #0000000d;margin-bottom:2rem;padding:1rem 1.5rem}.Page .section-header{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:.5rem}.Page .ipa-toggle-btn{background:#f0e6d2;border:none;border-radius:40px;color:#3a5e6e;cursor:pointer;font-size:1.3rem;font-weight:700;margin-top:0;padding:6px 16px;transition:.2s}.Page .ipa-toggle-btn:hover{background:#e2d4b6;transform:scale(.96)}.Page .question-item{background:#fefefe;border-left:5px solid #89c2d9;border-radius:20px;margin-bottom:1.2rem;padding:.8rem 1rem;transition:.1s}.Page .mc-options{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:.5rem}.Page .mc-options label{align-items:center;background:#f1f9fe;border-radius:40px;cursor:pointer;display:inline-flex;gap:.4rem;padding:5px 12px}.Page .ipa-input{background:#fefef7;border:1px solid #cbdde6;border-radius:40px;font-family:Segoe UI,Courier New,monospace;font-size:1rem;max-width:550px;padding:8px 14px;width:100%}.Page .correct-highlight{background-color:#d4edda!important;border-left-color:#28a745!important}.Page .wrong-highlight{background-color:#f8d7da!important;border-left-color:#dc3545!important}.Page .correct-mark{color:#28a745;font-weight:700;margin-left:8px}.Page .wrong-mark{color:#dc3545;font-weight:700;margin-left:8px}.Page .feedback-wrong{background:#f8d7da;border-radius:20px;color:#721c24;display:inline-block;font-size:.8rem;margin-top:6px;padding:2px 12px}.Page button{background:#2c7da0;border:none;border-radius:60px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-right:12px;margin-top:10px;padding:10px 28px}.Page .score-board{background:#e9f5f9;border-radius:40px;font-size:1.4rem;font-weight:700;margin:25px 0;padding:15px 20px;text-align:center}.Page .user-bar{align-items:center;background:#eef3fc;border-radius:60px;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px;padding:12px 24px}.Page .variant-switch{background:#fff;border-radius:48px;box-shadow:0 1px 3px #0000001a;display:flex;gap:12px;padding:5px 12px}.Page .variant-btn{background:#e9ecef;border-radius:40px;color:#1e2a3e;cursor:pointer;font-weight:700;padding:6px 18px;transition:.2s}.Page .variant-btn.active{background:#2c7da0;color:#fff}.Page .btn-small{background:#4f8a8b;font-size:.8rem;padding:6px 14px}.Page .ipa-keyboard{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#2d3e40;border:1px solid #ffcd94;border-radius:24px;bottom:15px;box-shadow:0 4px 15px #0000004d;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;left:50%;max-width:95%;padding:10px 14px;position:fixed;transform:translateX(-50%);width:auto;z-index:1000}.Page .ipa-keyboard button{background:#fef5e6;border-radius:30px;box-shadow:0 1px 2px #0003;color:#1e2a3e;cursor:pointer;font-family:monospace;font-size:1rem;font-weight:400;margin:0;min-width:42px;padding:5px 10px;transition:.05s linear}.Page .ipa-keyboard button:active{transform:scale(.95)}.Page .close-ipa{background:#b55a30;color:#fff;font-weight:700}.Page footer{color:#6c86a3;font-size:.8rem;margin-top:30px;text-align:center}.Page .hidden{display:none}.Page .subnote{color:#666;font-size:.8rem}@media (max-width:700px){.Page .ipa-keyboard button{font-size:.85rem;min-width:36px;padding:4px 8px}}@media (max-width:800px){.Page .ipa-keyboard{left:0;transform:none}}.Page.dark .phonetics-container{background:#1a1a2e;color:#e0e0e0}.Page.dark .phonetics-container h1,.Page.dark .phonetics-container h2{border-left-color:#6464ff;color:#a0a0ff}.Page.dark .section{background:#2a2a3e;border-color:#3a3a50}.Page.dark .question-item{background:#252535;border-left-color:#6464ff}.Page.dark .mc-options label{background:#33334a;color:#e0e0e0}.Page.dark .ipa-input{background:#1a1a2e;border-color:#4a4a60;color:#e0e0e0}.Page.dark .user-bar{background:#2a2a3e;color:#e0e0e0}.Page.dark .variant-switch{background:#1a1a2e}.Page.dark .variant-btn{background:#33334a;color:#e0e0e0}.Page.dark .variant-btn.active{background:#6464ff;color:#fff}.Page.dark .score-board{background:#2a2a3e;color:#e0e0e0}.Page.dark button:not(.ipa-keyboard button){background:#6464ff}.Page.dark button:not(.ipa-keyboard button):hover{background:#7c7cff}.Page .auth-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e4e8f0);display:flex;justify-content:center;min-height:calc(100vh - 60px);padding:20px}.Page .auth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #6464ff26;border-radius:24px;box-shadow:0 8px 32px #00000014;max-width:420px;padding:48px 40px;width:100%}.Page .auth-title{color:#1a1a2e;font-size:32px;font-weight:700;margin-bottom:8px;text-align:center}.Page .auth-subtitle{color:#666680;font-size:14px;margin-bottom:32px;text-align:center}.Page.dark .auth-container{background:linear-gradient(135deg,#1a1a2e,#16213e)}.Page.dark .auth-card{background:#1e1e3ccc;border-color:#6464ff33}.Page.dark .auth-title{color:#fff}.Page.dark .auth-subtitle{color:#a0a0b0}
/*# sourceMappingURL=main.f0f118e3.css.map*/