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}.quiz-container{font-family:sans-serif;margin:0 auto;max-width:600px}.quiz-text{background:#f5f5f5;border-radius:4px;padding:1rem}.question-block{margin-top:1.5rem}.options{display:flex;flex-wrap:wrap;gap:.5rem}.option-btn{border:1px solid #333;padding:.5rem 1rem}.option-btn.correct{background:#d4edda;border-color:#28a745;color:#155724}.option-btn.wrong{background:#f8d7da;border-color:#dc3545;color:#721c24}.option-btn:disabled{cursor:default;opacity:.8}.error{color:red}*{box-sizing:border-box;margin:0;padding:0}*,a,a:focus,a:hover,a:visited,button,div,h1,h2,h3,h4,h5,h6,input,label,p,span,textarea{text-decoration:none!important;-webkit-text-decoration-color:#0000!important;text-decoration-color:#0000!important;-webkit-text-decoration-line:none!important;text-decoration-line:none!important;-webkit-text-decoration-style:none!important;text-decoration-style:none!important;text-decoration-thickness:0!important}.vocabulary-blank{background-color:#f8f9fa;border:2px dashed #dee2e6;border-radius:4px;display:inline-block;margin:0 2px;padding:2px 6px;position:relative}.blank-placeholder{color:#6c757d;font-weight:700}.blank-number{color:#007bff;font-size:.8em;font-weight:700;margin-left:4px}.grammar-blank{border:2px dashed #dee2e6;display:inline-block;margin:0 2px;padding:2px 6px;position:relative}.explanation-container,.grammar-blank{background-color:#f8f9fa;border-radius:4px}.explanation-container{border-left:4px solid #17a2b8;box-shadow:0 2px 4px #0000001a;margin-top:15px;padding:12px}.explanation-header{align-items:center;display:flex;margin-bottom:8px}.explanation-icon{font-size:1.2em;margin-right:8px}.explanation-title{color:#495057;font-size:.9em;font-weight:700}.explanation-text{color:#6c757d;font-size:.9em;font-style:italic;line-height:1.4}:active,:after,:before,:focus,:hover,:visited{text-decoration:none!important;-webkit-text-decoration-color:#0000!important;text-decoration-color:#0000!important;-webkit-text-decoration-line:none!important;text-decoration-line:none!important;-webkit-text-decoration-style:none!important;text-decoration-style:none!important;text-decoration-thickness:0!important}body,html{background-color:#f5f7fa;color:#2c3e50;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.quiz-app,body,html{height:auto;min-height:100vh;overflow-x:hidden;overflow-y:auto}.quiz-app,.sidebar{display:flex}.sidebar{background:#7689ed;box-shadow:2px 0 10px #0000001a;flex-direction:column;gap:6px;height:100vh;left:0;padding:20px 0;position:fixed;top:0;width:250px;z-index:100}.sidebar-item{align-items:center;border-left:4px solid #0000;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:17px;font-weight:500;padding:10px 22px;text-decoration:none;transition:transform .18s ease,background-color .2s ease,box-shadow .2s ease}.sidebar-item:hover{background-color:#ffffff2e;border-left-color:#0000;box-shadow:none;transform:translateX(4px)}.sidebar-item.active{background-color:#ffffff3d;border-left-color:#0000;box-shadow:none}.sidebar-icon{align-items:center;background-color:initial;border-radius:8px;color:#667eea;display:flex;font-size:14px;height:28px;justify-content:center;margin-right:15px;width:28px}.sidebar-avatar{aspect-ratio:1/1;background:#fff;border-radius:50%;box-shadow:0 0 0 2px #fffc;display:block;flex-shrink:0;height:36px;margin-right:15px;max-height:36px;max-width:36px;min-height:36px;min-width:36px;object-fit:cover;width:36px}.sidebar-item:active{background-color:#fff3;transform:translateX(2px)}.sidebar-item.child-profile-label{background-color:#7c3aed4d}.sidebar-item.child-profile-label span{color:#fff}.sidebar-item.return-to-parent{background-color:#7c3aed38}.sidebar-item.return-to-parent:hover{background-color:#7c3aed52}.sidebar-item-text-mobile{display:none}.sidebar-item-lessons-wrap{align-items:center;box-sizing:border-box;display:flex;width:100%}.sidebar-item-lessons-wrap .sidebar-item.sidebar-item-lessons{box-sizing:border-box;flex:1 1;min-width:0;width:100%}.sidebar-item-label-lessons-mobile,.sidebar-item-label-mobile{display:none}.sidebar-item-mobile-wrap{width:100%}.sidebar-bottom-section{display:flex;flex-direction:column;flex-shrink:0;gap:10px;margin-top:auto}.sidebar-settings-panel{align-items:center;background:#0000;border-radius:8px;box-sizing:border-box;display:flex;flex:0 1 auto;justify-content:center;margin:0 10px 10px;max-height:calc(100vh - 20px);min-height:370px;overflow:hidden;padding:15px;position:relative}.sidebar-panel-logo{bottom:0;height:auto;left:50%;max-height:100%;max-width:230px;min-height:250px;min-width:190px;mix-blend-mode:screen;object-fit:contain;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(-20px);transition:none!important;width:100%}.sidebar-panel-logo.hidden{display:none!important}.header{align-items:center;background:#fff;box-shadow:0 2px 10px #0000001a;display:flex;gap:10px;height:65px;left:250px;padding:0 15px;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:10001}.header.modal-open{opacity:.3;pointer-events:none}.header-left-section{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0;z-index:1}.header-right-section{align-items:center;display:flex;flex-shrink:0;gap:15px;justify-content:flex-end;z-index:1}.header-buttons-group{align-items:center;display:flex;gap:10px}.header-logo{align-items:center;background-color:#fff;border-radius:50%;display:flex;height:70px;justify-content:center;overflow:hidden;position:absolute;right:30px;top:50%;transition:all .3s ease;width:70px}.header-logo,.header-logo:hover{box-shadow:0 6px 20px #0000004d;filter:brightness(1);opacity:1;transform:translateY(-50%) scale(1)}.header-logo img{height:140%;object-fit:contain;transform:scaleX(-1) translateY(15px);width:140%}.audio-problem-container{align-items:flex-start;display:flex;flex-direction:column;gap:8px;margin-top:16px}.audio-problem-btn{align-items:center;background-color:#fff;border:1px solid #ced4da;border-radius:999px;box-shadow:0 1px 3px #0000000a;color:#495057;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:6px 12px;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease;white-space:nowrap}.audio-problem-btn:hover{background-color:#f8f9fa;border-color:#adb5bd;box-shadow:0 2px 6px #0000000f}.audio-problem-banner{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 2px 6px #0000000a;color:#495057;font-size:14px;padding:10px 12px;width:100%}.audio-problem-banner-title{font-weight:600;margin-bottom:4px}.audio-problem-banner-text{line-height:1.4}.audio-problem-banner-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.audio-problem-skip-btn{background:#667eea;border:none;border-radius:999px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:10px 24px;text-align:center;transition:all .3s ease;white-space:normal}.audio-problem-skip-btn:hover{background:#5a6fd8;box-shadow:0 4px 12px #667eea66}@media (max-width:768px){.audio-problem-container{align-items:stretch}.audio-problem-btn{font-size:13px;padding:6px 10px}.audio-problem-banner{font-size:13px}.audio-problem-skip-btn{text-align:center;width:100%}}.header-logo-right{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 2px 8px #00000026;display:flex;flex-shrink:0;height:55px;justify-content:center;overflow:hidden;width:55px;z-index:2}.header-logo-right img{height:100%;object-fit:contain;width:100%}.header-control-btn{border:none;border-radius:6px;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:600;height:-webkit-fit-content;height:fit-content;line-height:normal;padding:12px 16px;transition:all .3s ease;white-space:nowrap}.header-control-btn:hover:not(:disabled){transform:translateY(-2px)}.header-control-btn:active:not(:disabled){transform:translateY(0)}.header-control-btn:disabled{cursor:not-allowed;opacity:.6}.stop-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d;color:#fff}.stop-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea66}.finish-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d;color:#fff}.finish-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea66}.progress-bar-inline{align-self:center;background-color:#e9ecef;border:none;border-radius:3px;display:block;flex:1 1;height:6px;margin:0;min-width:100px;overflow:hidden;padding:0;position:relative}.progress-bar-fill{border-radius:4px;height:100%;margin:0;padding:0;transition:width .3s ease}.time-bar .time-fill{background:linear-gradient(90deg,#ff6b6b,#ee5a24)}.points-bar .points-fill{background:linear-gradient(90deg,#4ecdc4,#44a08d)}.regenerate-task-btn-inline{background:linear-gradient(135deg,#4ecdc4,#44a08d);border:none;border-radius:6px;box-shadow:0 2px 8px #4ecdc44d;color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:600;height:-webkit-fit-content;height:fit-content;line-height:normal;margin:0;padding:12px 16px;transition:all .3s ease;white-space:nowrap}.regenerate-task-btn-inline:hover:not(:disabled){box-shadow:0 4px 12px #4ecdc466;transform:translateY(-2px)}.regenerate-task-btn-inline:active:not(:disabled){transform:translateY(0)}.regenerate-task-btn-inline:disabled{cursor:not-allowed;opacity:.6}.next-task-btn-inline{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:600;height:-webkit-fit-content;height:fit-content;line-height:normal;margin:0;padding:12px 16px;transition:all .3s ease;white-space:nowrap}.next-task-btn-inline:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.next-task-btn-inline:active:not(:disabled){transform:translateY(0)}.next-task-btn-inline:disabled{cursor:not-allowed;opacity:.6}.next-task-btn-large:hover:not(:disabled){box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.next-task-btn-large:active:not(:disabled){transform:translateY(0)}.next-task-btn-large:disabled{cursor:not-allowed;opacity:.6}.header-item{background:#f8f9fa;border:2px solid #e9ecef;border-radius:6px;color:#6c757d;flex-shrink:0;font-size:14px;padding:6px 10px;transition:all .3s ease;white-space:nowrap}.header-item.progress,.header-item.timer{background:#fff;border:none;color:#000;font-size:24px;font-weight:600}.header-item.progress{align-items:center;display:flex;gap:8px}.header-item:hover{background-color:#f0f2ff;border-color:#667eea;transform:none}.timer{align-items:center;background:#fff;border:none;color:#000;display:flex;font-size:24px;font-weight:600;gap:8px}.timer-clock-icon,.timer-star-icon{height:36px;margin-left:4px;object-fit:contain;width:36px}.progress{background:linear-gradient(135deg,#4ecdc4,#44a08d);border-color:#4ecdc4;color:#fff}.main-content{bottom:0;box-sizing:border-box;display:flex;gap:20px;left:250px;overflow:hidden;padding:5;position:fixed;right:280px;top:0;transition:top .3s ease}.main-content[data-section=home]{align-items:stretch;flex-direction:column;gap:0;overflow:hidden;padding:0;transition:none}.quiz-app.header-visible .main-content{top:65px}.main-content:has(.text-parts-mode-container){gap:0;padding:0}.main-content:has(.vocabulary-sentences-connect-mode-container){gap:0;padding:0}@media (max-width:768px){.main-content:has(.text-parts-mode-container){padding-bottom:56px!important}}.main-content:has(.profile-content),.main-content:has(>.start-session-container):has(.profile-content),.main-content[data-section=profile]{padding:0!important;right:0}.main-content:has(.settings-content),.main-content:has(>.start-session-container):has(.settings-content),.main-content[data-section=settings]{padding:0!important;right:0}.main-content[data-no-right-sidebar=true]{right:0}.main-content[data-no-sidebars=true]{left:0;right:0}.main-content:has(.auth-container){background:url(/static/media/base_background.eb136b95d9d52cb2c169.png) 50%/cover no-repeat;gap:0!important;padding:0!important}.main-content:has(.auth-container)>.start-session-container{align-self:stretch!important;background:#0000!important;border-radius:0!important;box-shadow:none!important;height:100%!important;margin:0!important;max-width:100%!important;min-width:100%!important;padding:0!important;width:100%!important}.guest-section-teaser-wrap{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;padding:24px 32px;width:100%}.guest-section-teaser-card{background:#0000;border:0;border-radius:0;box-shadow:none;display:flex;flex-direction:column;gap:20px;padding:0;width:min(900px,100%)}.guest-section-teaser-text{color:#2c3e50;font-size:14px;line-height:1.45;margin:0}.guest-section-register-btn{font-size:12px;max-width:150px;padding:6px 10px;transition:none!important}.main-content[data-section=games] .guest-section-teaser-text,.main-content[data-section=reference] .guest-section-teaser-text{padding-left:120px}.main-content[data-section=games] .guest-section-register-btn,.main-content[data-section=reference] .guest-section-register-btn{margin-left:120px}.guest-register-back-btn{background:#fffffff2;border:1px solid #dbe3f4;border-radius:10px;color:#3b4f7e;cursor:pointer;font-weight:600;left:16px;padding:10px 16px;position:fixed;top:16px;z-index:10010}@media (max-width:768px){.guest-section-teaser-wrap{padding:12px}.guest-section-teaser-card{border-radius:0;gap:12px;padding:0}.guest-section-teaser-text{font-size:11px;line-height:1.4}.guest-section-register-btn{font-size:11px;max-width:130px;padding:6px 8px;width:100%}.main-content[data-section=games] .guest-section-teaser-text,.main-content[data-section=reference] .guest-section-teaser-text{padding-left:80px}.main-content[data-section=games] .guest-section-register-btn,.main-content[data-section=reference] .guest-section-register-btn{margin-left:80px}.guest-register-back-btn{font-size:14px;left:10px;padding:9px 13px;top:calc(10px + env(safe-area-inset-top))}}.main-content[data-section=education]>.start-session-container{border-radius:0!important;box-shadow:none!important;height:100%!important;margin:0!important;max-width:100%!important;min-width:100%!important;padding:0!important;width:100%!important}.main-content:has(.profile-content .start-session-container),.main-content:has(.settings-content .start-session-container),.main-content:has(.start-session-container):has(.profile-content),.main-content:has(.start-session-container):has(.settings-content){padding:0!important;right:0}.main-content:has(.reference-content)>.start-session-container:not(.reference-content),.main-content:has(.start-session-container):has(.mode-selection-placeholder)>.start-session-container:not(.reference-content),.main-content:has(.start-session-container):has(.reference-content)>.start-session-container:not(.reference-content){margin-right:0;max-width:calc(100% - 280px)}.reference-content .start-session-container,.reference-content.start-session-container{border-radius:0!important;box-shadow:none!important;height:100%!important;margin:0!important;max-width:100%!important;padding:0!important;width:100%!important}.main-content:has(.profile-content) .start-session-container,.main-content:has(.profile-content)>.start-session-container,.main-content:has(.settings-content) .start-session-container,.main-content:has(.settings-content)>.start-session-container,.profile-content .start-session-container,.settings-content .start-session-container{border-radius:0!important;box-shadow:none!important;height:100%!important;margin:0!important;max-width:100%!important;padding:0!important;width:100%!important}.main-content[data-section=profile]>.start-session-container,.main-content[data-section=settings]>.start-session-container{border-radius:0!important;box-shadow:none!important;height:100%!important;margin:0!important;max-width:100%!important;min-width:100%!important;padding:0!important;position:relative;width:100%!important}.text-section{word-wrap:break-word;background:#fff;border:2px solid #e9ecef;border-radius:12px;box-shadow:0 4px 20px #00000014;box-sizing:border-box;flex:1 1;max-width:50%;min-width:0;overflow-wrap:break-word;overflow-x:hidden;overflow-y:auto;padding:25px;transition:all .3s ease}.text-section:has(.listening-panel){overflow:hidden}.text-section.listening-mode{overflow:hidden}.text-section:hover{border-color:#667eea;box-shadow:0 6px 25px #667eea26;transform:none}.text-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-title{color:#333;font-size:24px;font-weight:600;margin-bottom:0}.questions-section .section-title{margin-bottom:25px}.questions-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.quiz-text{word-wrap:break-word;color:#34495e;font-size:18px;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;overflow-wrap:break-word;padding-right:0;padding-top:10px;position:relative;text-align:left;white-space:pre-wrap}.quiz-text-translate-btn{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:8px;box-shadow:none;box-sizing:border-box;color:#333;cursor:pointer;display:flex;float:right;font-size:16px;font-weight:500;height:40px;justify-content:center;margin:0 0 10px 15px;padding:0;pointer-events:auto;transition:all .3s ease;width:40px;z-index:10}.quiz-text-translate-btn:hover{background-color:#f8f9fa;border-color:#667eea;box-shadow:0 4px 15px #667eea4d;transform:none}.quiz-text-translate-btn:disabled{cursor:not-allowed;opacity:.6}.quiz-text .translate-btn:not(.quiz-text-translate-btn){pointer-events:auto!important;position:absolute!important;z-index:10000!important}.questions-section{word-wrap:break-word;background:#fff;border:2px solid #e9ecef;border-radius:12px;box-shadow:0 4px 20px #00000014;box-sizing:border-box;flex:1 1;max-width:50%;min-width:0;overflow-wrap:break-word;overflow-x:hidden;overflow-y:auto;padding:25px;transition:all .3s ease}.grammar-material-quiz-container{display:flex;flex-direction:column;height:100%;width:100%}.grammar-material-quiz-section{flex:1 1;max-width:100%;width:100%}.questions-section:hover{border-color:#667eea;box-shadow:0 6px 25px #667eea26;transform:none}.question{background:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;margin-bottom:20px;padding:20px;transition:all .3s ease}.question:hover{background-color:#f0f2ff;border-color:#667eea;transform:none}.question-text{font-size:18px;margin-right:15px}.question-number{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.answer-variants{display:flex;flex-direction:column;gap:10px}.answer-variant{background:#fff;border:2px solid #e9ecef;border-radius:8px;color:#2c3e50;cursor:pointer;font-size:16px;padding:12px 15px;position:relative;transition:all .3s ease}.answer-variant:hover{background-color:#f0f2ff;border-color:#667eea}.question-panel{background:#fff;border:2px solid #e9ecef;border-radius:10px;box-shadow:0 2px 8px #0000000d;margin-bottom:15px;transition:all .3s ease}.question-panel:first-child{margin-top:10px}.question-panel:hover{border-color:#667eea;box-shadow:0 3px 12px #667eea1a;transform:none}.question-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.flashlight-btn{display:inline-flex;flex-shrink:0;font-size:14px;margin-top:2px;opacity:.8}.flashlight-btn img{max-height:100%;max-width:100%;object-fit:contain}.flashlight-btn:hover{opacity:1}.flashlight-btn.active{box-shadow:0 2px 6px #ffa5004d;opacity:1}.translate-btn.active,.translate-btn:active:not(:disabled){background-color:#ffd4a3;border-color:orange;box-shadow:0 2px 6px #ffa5004d;color:#333}.flashlight-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.question-content{padding:20px}.question-text{color:#2c3e50;flex:1 1;font-size:16px;font-weight:600;line-height:1.4;margin:0 15px 0 0}.options-container{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.option-btn{background:#fff;border:2px solid #e9ecef;border-radius:8px;color:#2c3e50;cursor:pointer;font-size:15px;padding:12px 16px;position:relative;text-align:left;transition:all .3s ease}.option-btn:hover:not(:disabled):not(.correct):not(.wrong){background-color:#f0f2ff;border-color:#667eea;transform:translateX(3px)}.option-btn:active:not(:disabled):not(.correct):not(.wrong){background-color:#f0f2ff;border-color:#667eea}.option-btn:focus:not(:disabled):not(.correct):not(.wrong){background-color:#f0f2ff;border-color:#667eea;outline:none}.option-btn.correct{box-shadow:0 2px 6px #28a7454d!important}.option-btn.correct,.option-btn.correct:active,.option-btn.correct:focus,.option-btn.correct:hover{background:#d4edda!important;border-color:#28a745!important;color:#155724!important}.option-btn.wrong{box-shadow:0 2px 6px #dc35454d!important}.option-btn.wrong,.option-btn.wrong:active,.option-btn.wrong:focus,.option-btn.wrong:hover{background:#f8d7da!important;border-color:#dc3545!important;color:#721c24!important}.show-text-btn{background:#667eea!important;border:none!important;border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff!important;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transform:none!important;transition:all .3s ease}.show-text-btn:hover{background:#5a6fd8!important;box-shadow:0 4px 12px #667eea66;transform:none}button.show-text-btn:hover{background:#5a6fd8!important;border:none!important;box-shadow:0 4px 12px #667eea66!important;color:#fff!important;transform:none!important}.show-text-btn:active,.show-text-btn:focus{background:#667eea!important;color:#fff!important;transform:none!important}.show-text-btn,.show-text-btn:link,.show-text-btn:visited{background:#667eea!important;border:none!important;color:#fff!important;text-decoration:none!important;transform:none!important}button.show-text-btn,button.show-text-btn:active,button.show-text-btn:focus,button.show-text-btn:hover{background:#667eea!important;border:none!important;box-shadow:0 2px 8px #667eea4d!important;color:#fff!important;transform:none!important}.show-text-container{bottom:30px;left:50%;margin:0;position:absolute;text-align:center;transform:translateX(-50%);width:auto}.listening-panel{justify-content:flex-start;min-height:400px;padding:30px;position:relative}.listening-main-content{flex:1 1;justify-content:flex-start;position:relative;width:100%}.listening-main-content,.microphone-container{align-items:center;display:flex;flex-direction:column}.microphone-container{justify-content:center;margin-bottom:40px;margin-top:120px}.microphone-btn{background:#667eea;box-shadow:0 4px 15px #667eea4d;font-size:32px;height:80px;margin-bottom:15px;width:80px}.microphone-btn:hover{background:#5a6fd8;box-shadow:0 6px 20px #667eea66;transform:none}.microphone-btn.playing{animation:pulse 1.5s infinite;background:#dc3545}.microphone-label{margin:0}.listening-instructions,.microphone-label{color:#6c757d;font-size:16px}.back-to-listening-btn{background:#0000;border:2px solid #d1d5db;border-radius:8px;box-shadow:none;color:#9ca3af;cursor:pointer;flex-shrink:0;font-size:16px;font-weight:500;margin:0;padding:8px 14px;transition:all .3s ease}.back-to-listening-btn:hover{background-color:initial;border-color:#5a6fd8;box-shadow:0 4px 15px #667eea4d;color:#5a6fd8;transform:none}.back-to-listening-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.text-header-buttons{align-items:center;display:flex;gap:10px}.answer-variant.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 15px #667eea4d;color:#fff}.answer-variant.correct{background:linear-gradient(135deg,#28a745,#20c997);border-color:#28a745;box-shadow:0 4px 15px #28a7454d;color:#fff}.answer-variant.incorrect{background:linear-gradient(135deg,#dc3545,#e74c3c);border-color:#dc3545;box-shadow:0 4px 15px #dc35454d;color:#fff}.right-sidebar{background:#fff;box-shadow:-2px 0 10px #0000001a;display:flex;flex-direction:column;height:100vh;padding:25px 20px;position:fixed;right:0;top:0;transition:top .3s ease,height .3s ease;width:280px}.quiz-app.header-visible .right-sidebar{height:calc(100vh - 65px);top:65px}.right-sidebar-item{background:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;box-sizing:border-box;max-width:100%;overflow:hidden;padding:18px 20px;transition:all .3s ease}.right-sidebar-item:hover{background-color:#f0f2ff;border-color:#667eea;transform:none}.right-sidebar-title{border-bottom:1px solid #e9ecef;color:#2c3e50;font-size:16px;font-weight:600;margin-bottom:8px;padding-bottom:4px}.words-learning-panel{box-sizing:border-box;display:flex;flex-direction:column;height:50%;max-height:none;overflow:hidden;padding:18px 20px 4px!important;position:relative}.right-sidebar.games-mode .words-learning-panel{height:100%}.words-panel-header{align-items:flex-start;display:flex;flex-shrink:0;gap:10px;justify-content:space-between;margin-bottom:7.5px;min-width:0}.words-panel-header .right-sidebar-title{word-wrap:break-word;box-sizing:border-box;flex:1 1;line-height:1.1;margin:0;max-width:100%;min-width:0;overflow:hidden;overflow-wrap:break-word;white-space:normal}.words-panel-header .flashlight-btn{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:6px;box-sizing:border-box;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:40px;justify-content:center;margin-left:10px;padding:4px 6px;transition:all .2s ease;width:40px}.words-panel-header .flashlight-btn img{max-height:100%;max-width:100%;object-fit:contain}.words-panel-header .flashlight-btn:hover{background-color:#f8f9fa;border-color:#dee2e6;transform:scale(1.05)}.words-panel-header .flashlight-btn.active{background-color:#ffd4a3;border-color:orange;box-shadow:0 2px 8px #ffa5004d;color:#333}.highlight-toggle-btn{align-items:center;background:#fff;border:2px solid #ddd;border-radius:8px;box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:16px;height:40px;justify-content:center;padding:4px 6px;transition:all .2s ease;width:40px}.highlight-toggle-btn img{max-height:100%;max-width:100%;object-fit:contain}.highlight-toggle-btn:hover{background-color:#f8f9fa;border-color:#667eea;transform:none}.highlight-toggle-btn.active{background-color:#ffd4a3;border-color:orange;box-shadow:0 2px 8px #ffa5004d;color:#333}.highlight-toggle-btn:disabled{cursor:not-allowed;opacity:.8}.word-selection-controls{flex-shrink:0;gap:8px;margin-bottom:6px}.selection-buttons,.word-selection-controls{align-items:stretch;display:flex;flex-direction:column}.selection-buttons{gap:6px}.selection-buttons button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;box-shadow:0 2px 4px #667eea33;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease;width:100%}.selection-buttons button:hover{background:linear-gradient(135deg,#5a6fd8,#6a4c93);box-shadow:0 4px 8px #667eea4d;transform:none}.words-list{box-sizing:border-box;flex:1 1 auto;gap:8px;list-style:none;margin:0;max-height:100%;min-height:0;overflow-y:auto;padding:0}.words-list::-webkit-scrollbar{width:6px}.words-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.words-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.words-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.words-list{scrollbar-color:#c1c1c1 #f1f1f1;scrollbar-width:thin}@media (max-width:768px){.vocabulary-sentences-connect-mode-main .words-panel .words-list{-ms-overflow-style:none!important;height:auto!important;max-height:none!important;overflow-y:visible!important;scrollbar-width:none!important}.vocabulary-sentences-connect-mode-main .words-panel .words-list::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}}.words-list.compact-view{align-content:flex-start;align-items:flex-start;align-self:stretch;background:none;border:none;border-radius:0;box-shadow:none;box-sizing:border-box;flex:1 1;flex-direction:row;flex-wrap:wrap;gap:4px;justify-content:flex-start;margin-bottom:0;min-height:0;overflow:visible;padding:0;position:relative;width:100%}.words-learning-panel .words-list.compact-view{margin-bottom:0;padding-bottom:0}.word-item{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:8px;cursor:pointer;display:flex;padding:8px 12px;position:relative;transition:all .2s ease}.word-item.compact-view{background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #ffffff4d;border-radius:12px;box-shadow:0 2px 6px #667eea66;box-sizing:border-box;flex-shrink:0;padding:3px 6px;position:relative}.words-learning-panel .word-item.compact-view{opacity:1;transition:opacity .3s ease-in-out,transform .2s ease-in-out}.words-learning-panel .word-item.compact-view[style*="display: none"]{opacity:0;pointer-events:none}.grammar-panel .grammar-item.compact-view{transition:opacity .1s ease}.grammar-panel .grammar-item.compact-view[style*="display: none"]{opacity:0;pointer-events:none}.word-item:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);border-color:#dee2e6;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.word-item.compact-view:hover{background:linear-gradient(135deg,#5a6fd8,#6a4c93);border-color:#ffffff80;box-shadow:0 5px 15px #667eea99;transform:scale(1.05)}.word-item.checkbox-mode{cursor:default}.word-item.checkbox-mode:hover{box-shadow:none;transform:none}@media (max-width:768px){.grammar-mode-container{max-width:100%!important;overflow-x:hidden!important;padding:10px 8px 12px!important;width:100%!important}.scrambled-sentence{border-radius:10px!important;padding:10px!important}.word-container{gap:4px!important;padding:6px!important}.scrambled-word,.word-container button{word-wrap:break-word!important;font-size:12px!important;max-width:100%!important;padding:4px 8px!important;white-space:normal!important}.grammar-order{padding:0!important}.grammar-order,.grammar-order .sentences-container{max-width:100%!important;width:100%!important}.grammar-order .scrambled-sentence{border-radius:8px!important;margin-bottom:8px!important;padding:8px!important}.grammar-order .word-container{gap:4px!important;margin-bottom:10px!important;touch-action:none!important}.grammar-order .word-container button{font-size:13px!important;margin:2px!important;padding:6px 10px!important;touch-action:none!important}.grammar-order .check-btn{font-size:13px!important;padding:8px 14px!important}}.word-tag{color:#495057;flex:1 1;font-size:14px;font-weight:500;text-align:left;-webkit-user-select:none;user-select:none}.word-tag.compact-view{color:#fff;flex:none;font-size:14px;font-weight:600;text-align:left;text-shadow:0 1px 2px #0003;white-space:nowrap}.word-checkbox-label{align-items:center;cursor:pointer;display:flex;gap:10px;width:100%}.word-checkbox{accent-color:#667eea;cursor:pointer;flex-shrink:0;height:18px;width:18px}.word-checkbox:checked+.word-tag{color:#495057;font-weight:600}.grammar-item .word-checkbox{accent-color:#667eea}.grammar-mode-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 6px #667eea66;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.grammar-mode-btn:hover{background:linear-gradient(135deg,#5a6fd8,#6a4c93);box-shadow:0 4px 12px #667eea99;transform:translateY(-1px)}.grammar-mode-container{background:#fff;border:2px solid #e9ecef;border-radius:15px;box-shadow:0 5px 15px #00000014;height:100%;padding:20px}.grammar-mode-container,.titles-mode-container{align-items:stretch;display:flex;flex-direction:column;justify-content:flex-start;left:0;margin:0;position:relative;top:0;transform:none;width:100%}.titles-mode-container{background:#0000;border:none;border-radius:0;box-shadow:none;height:calc(100vh - 65px)!important;max-height:calc(100vh - 65px)!important;overflow:hidden;padding:0}.grammar-mode-title{border-bottom:none;color:#333;font-size:24px;font-weight:600;margin:0 0 25px;padding:0;text-align:left}.grammar-mode-main{gap:2px;overflow-y:auto;padding-right:0}.grammar-mode-main,.titles-mode-main{display:flex;flex-direction:column;max-height:100%;max-width:none;width:100%}.titles-mode-main{background:#0000;border:none;box-shadow:none;flex:1 1 auto;gap:0;height:100%;min-height:0;overflow:hidden;padding:0}.titles-mode-placeholder{color:#6c757d;padding:60px 20px;text-align:center}.titles-mode-placeholder p{font-size:18px;margin-bottom:20px}.grammar-mode-main::-webkit-scrollbar{width:8px}.grammar-mode-main::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.grammar-mode-main::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.grammar-mode-main::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.grammar-order{background:#0000;border:none;border-radius:0;box-shadow:none;max-width:none;overflow-x:visible;overflow-y:visible;padding:0;width:100%}.grammar-order .instructions{margin-bottom:20px}.grammar-order .instructions,.grammar-order .sentences-container{max-width:none!important;width:100%!important}.grammar-order .scrambled-sentence{background:#f8f9fa4d;border:1px solid #e9ecef;border-radius:2px;margin-bottom:2px;padding:4px;width:100%}.grammar-order .word-container{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-start;margin-bottom:15px;width:100%}.exercise-header{margin-bottom:20px;text-align:center}.exercise-header h3{color:#495057;font-size:20px;margin:0 0 8px}.exercise-header p{font-size:14px}.sentences-container{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.scrambled-sentence{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 3px 10px #00000014;padding:15px}.scrambled-sentence h4{color:#495057;font-size:16px;margin:0 0 10px}.word-container{background:#f8f9fa;border-radius:8px;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;min-height:35px;padding:8px}.scrambled-word{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:16px;box-shadow:0 2px 6px #667eea4d;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:6px 10px;transition:all .2s ease}.scrambled-word:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.scrambled-word.completed{background:linear-gradient(135deg,#28a745,#20c997);cursor:default}.result{border-radius:6px;font-size:13px;font-weight:500;margin-bottom:12px;padding:8px}.result.correct{background:#d4edda;border:1px solid #c3e6cb}.result.incorrect{background:#f8d7da;border:1px solid #f5c6cb}.correct-answer{font-size:12px;margin-top:4px;opacity:.8}.check-btn{background:#007bff;border-radius:6px;font-size:13px;padding:6px 14px;transition:background-color .2s ease}.check-btn:hover:not(:disabled){background:#0056b3}.check-btn:disabled{background:#6c757d;cursor:not-allowed}.check-all-btn{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 4px 12px #28a7454d;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.check-all-btn:hover:not(:disabled){box-shadow:0 6px 16px #28a74566}.completion-message{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 4px 12px #28a7454d;color:#fff;font-size:14px;font-weight:600;margin-top:15px;padding:12px}.grammar-mode-placeholder{color:#6c757d;font-style:italic;padding:40px;text-align:center}.grammar-mode-description{background:#fff;border-radius:15px;box-shadow:0 5px 15px #00000014;padding:25px;text-align:center}.grammar-mode-description p{color:#6c757d;font-size:16px;line-height:1.6;margin:10px 0}.grammar-structures-section{background:#fff;border-radius:15px;box-shadow:0 5px 15px #00000014;padding:25px}.grammar-structures-title{color:#495057;font-size:22px;font-weight:600;margin:0 0 20px;text-align:center}.grammar-structures-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grammar-structure-card{border-radius:15px;box-shadow:0 5px 15px #667eea4d}.grammar-structure-card:hover{box-shadow:0 10px 25px #667eea66;transform:translateY(-5px)}.grammar-structure-card h4{font-size:18px;font-weight:600;margin:0 0 10px}.selection-counter{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;color:#6c757d;font-size:12px;font-weight:500;padding:4px 8px;text-align:center}.grammar-panel{word-wrap:break-word;box-sizing:border-box;contain:layout;display:flex;flex-direction:column;height:50%;max-height:none;overflow:hidden;overflow-wrap:break-word;padding:18px 20px 5px!important;position:relative}.grammar-mode-content{color:#495057;padding:20px;text-align:center}.grammar-mode-content p{font-size:16px;line-height:1.6;margin:10px 0}.grammar-structures-content{padding:20px}.grammar-structures-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.grammar-structure-card{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff;padding:20px;text-align:center;transition:all .3s ease}.grammar-structure-card:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.grammar-structure-card h3{font-size:18px;font-weight:600;margin:0 0 10px}.grammar-structure-card p{font-size:14px;margin:0;opacity:.9}.grammar-panel-header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:7.5px;min-width:0}.grammar-panel-header .right-sidebar-title{word-wrap:break-word;box-sizing:border-box;flex:1 1;line-height:1.1;margin:0;max-width:100%;min-width:0;overflow:hidden;overflow-wrap:break-word;white-space:normal}.grammar-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.grammar-list.compact-view{align-content:flex-start;align-items:flex-start;background:none;border:none;border-radius:0;box-shadow:none;box-sizing:border-box;flex-direction:row;flex-wrap:wrap;gap:4px;justify-content:flex-start;max-height:100%;overflow:hidden;padding:0;position:relative;width:100%}.grammar-item{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:8px;cursor:pointer;display:flex;padding:8px 12px;transition:all .2s ease}.grammar-item.compact-view{background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #ffffff4d;border-radius:12px;box-shadow:0 2px 6px #667eea66;box-sizing:border-box;flex-shrink:0;max-width:100%;padding:3px 6px}.grammar-item:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);border-color:#dee2e6}.grammar-item.compact-view:hover{background:linear-gradient(135deg,#5a6fd8,#6a4c93);border-color:#ffffff80}.grammar-item.checkbox-mode{cursor:default}.grammar-item.checkbox-mode:hover{border-color:#dee2e6;box-shadow:none;transform:none}.grammar-item.checkbox-mode{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:8px;cursor:pointer;display:flex;padding:8px 12px;transition:all .2s ease}.grammar-item.checkbox-mode .grammar-tag,.grammar-item:not(.compact-view) .grammar-tag,.grammar-tag{color:#495057;flex:1 1;font-size:14px;font-weight:500;text-align:left;-webkit-user-select:none;user-select:none}.grammar-tag.compact-view{word-wrap:break-word;color:#fff;flex:none;font-size:14px;font-weight:600;max-width:100%;overflow-wrap:break-word;text-align:left;text-shadow:0 1px 2px #0003;white-space:normal}.grammar-panel .grammar-item.checkbox-mode,.grammar-panel .grammar-item.checkbox-mode:hover{border-color:#dee2e6!important}.grammar-panel .grammar-item.checkbox-mode .grammar-tag,.grammar-panel .grammar-item.checkbox-mode:hover .grammar-tag{color:#495057!important}.highlight-controls{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.highlight-btn{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease;width:100%}.highlight-btn.clear-all,.highlight-btn.select-all{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 4px #667eea33;color:#fff}.highlight-btn.clear-all{border:none}.learning-form-highlight{background:linear-gradient(135deg,#ffd700e6,#ffc107e6)!important;border:none;border-radius:2px;box-shadow:none;display:inline;font-weight:600;margin:0;padding:0;transition:all .3s ease}.grammar-sentence-highlight .learning-form-highlight,.piece-of-text-highlight .learning-form-highlight{position:relative;z-index:200!important}.grammar-highlight{background:linear-gradient(135deg,#6c757de6,#495057e6)!important;border:none;border-radius:6px;box-shadow:0 2px 8px #0003;display:inline-block;font-weight:700;margin:0 1px;padding:2px 4px;position:relative;text-shadow:0 1px 2px #0000001a;transition:all .3s ease;z-index:100!important}.learning-form-highlight:hover{background:linear-gradient(135deg,#ffc107,gold)!important}.piece-of-text-highlight{background-color:#ff6400b3!important;border:none;border-radius:2px;display:inline;font-weight:600;margin:0;padding:0;transition:all .3s ease;z-index:50!important}.piece-of-text-highlight,.piece-of-text-highlight .clickable-word{box-shadow:none!important;position:relative;text-shadow:none!important}.piece-of-text-highlight .clickable-word{z-index:auto}.grammar-sentence-highlight,.learning-form-highlight,.piece-of-text-highlight{display:inline}.piece-of-text-highlight:hover{background-color:#ff6400cc!important}.grammar-sentence-highlight{background-color:#ff6400b3!important;border:none;border-radius:2px;box-shadow:none;display:inline;font-weight:600;margin:0;padding:0;position:relative;transition:all .3s ease;z-index:50!important}.grammar-sentence-highlight .clickable-word{position:relative;z-index:auto}.grammar-sentence-highlight:hover{background-color:#ff6400cc!important}.learning-form-highlight{position:relative;z-index:200!important}.grammar-sentence-highlight,.piece-of-text-highlight{position:relative;z-index:50!important}.grammar-sentence-highlight .clickable-word,.piece-of-text-highlight .clickable-word{z-index:auto}.clickable-word{box-shadow:none!important;cursor:pointer;display:inline-block;position:relative;text-shadow:none!important;transition:all .2s ease}.clickable-word:hover{cursor:pointer}.word-found{background-color:#e8f5e8!important;border:2px solid #4caf50!important;border-radius:4px;margin:1px;padding:2px 4px}.word-not-found{background-color:#ffebee!important;border:2px solid #f44336!important;border-radius:4px;margin:1px;padding:2px 4px}.completion-message{background-color:#e8f5e8;border:2px solid #4caf50;border-radius:8px;margin:20px 0;padding:20px;text-align:center}.completion-icon{font-size:2em;margin-bottom:10px}.words-progress{background-color:#f5f5f5;border-radius:8px;box-sizing:border-box;margin:20px 0 0;padding:15px}.task-description{color:#6c757d;margin:0 0 12px}.words-progress h3{color:#333;margin:0 0 10px}.progress-bar{background-color:#e0e0e0;border-radius:10px;height:20px;margin-bottom:10px;overflow:hidden;width:100%}.progress-fill{background-color:#4caf50;height:100%;transition:width .3s ease}.text-section.vocabulary-search{max-width:100%}.text-section.vocabulary-search .quiz-text{white-space:pre-wrap}.text-section.vocabulary-search .text-section-header{align-items:center;display:flex;justify-content:space-between}.vocabulary-search-start{align-items:center;display:flex;justify-content:center;margin:20px 0;padding:40px 20px}.start-vocabulary-search-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:15px 40px;transition:all .3s ease}.start-vocabulary-search-btn:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.start-vocabulary-search-btn:active{transform:translateY(0)}.vocabulary-search-timer{background-color:#f5f5f5;border-radius:8px;box-sizing:border-box;margin:20px 0 0;padding:15px}.timer-label{color:#333;font-size:16px;font-weight:600;margin:0 0 10px}.timer-progress-bar{background-color:#e0e0e0;border-radius:10px;height:20px;margin-bottom:0;overflow:hidden;width:100%}.timer-progress-fill{background-color:#f44336;border-radius:10px;height:100%;transition:width 1s linear}.text-section.vocabulary-search .text-header-buttons{display:flex;gap:8px}.question-flashlight-btn{align-items:center;background:#fff;border:2px solid #ddd;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:40px;justify-content:center;margin-left:10px;padding:4px 6px;transition:all .2s ease;width:40px}.question-flashlight-btn:hover{background-color:#f8f9fa;border-color:#667eea;transform:scale(1.05)}.question-flashlight-btn.active{background-color:#ffd4a3;border-color:orange;box-shadow:0 2px 8px #ffa5004d;color:#333}.translate-btn:hover{background-color:#f8f9fa}.translation-modal{z-index:1000}.translation-modal,.translation-overlay{align-items:center;background:#0000ff4d;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.translation-overlay{z-index:10002}.translation-overlay--session-choice{background:#002850a6}@media (max-width:768px){.translation-overlay{align-items:flex-start;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.translation-overlay .auth-card{border-radius:16px;box-sizing:border-box;margin:auto!important;max-height:calc(100dvh - 24px)!important;max-width:none!important;padding:20px 16px!important;width:100%!important}.translation-overlay .auth-card .auth-title{font-size:1.25rem!important;margin-bottom:12px!important}.translation-overlay .auth-card p{font-size:1rem!important;margin-bottom:16px!important}.translation-overlay .auth-card .auth-button{font-size:.9rem!important;padding:12px 16px!important}.translation-overlay .auth-card .text-quiz-instructions{font-size:.85rem!important;margin-bottom:16px!important}.translation-overlay .translation-content{box-sizing:border-box!important;flex-direction:column!important;gap:12px!important;max-height:calc(100dvh - max(12px, env(safe-area-inset-top)) - max(12px, env(safe-area-inset-bottom)) - 24px)!important;max-width:none!important;overflow:hidden!important;padding:16px!important;width:100%!important}.translation-overlay .translation-content .translation-left-panel{flex:0 0 auto!important;max-width:none!important;padding:12px!important}.translation-overlay .translation-content .translation-left-panel h4{font-size:16px!important;margin-bottom:10px!important}.translation-overlay .translation-content .translation-main-panel{-webkit-overflow-scrolling:touch;flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;padding:12px!important}.translation-overlay .translation-content .translation-main-panel-header{flex-wrap:wrap!important;gap:8px!important;margin-bottom:12px!important}}.translation-content{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:row;gap:20px;max-height:80vh;max-width:1000px;overflow:hidden;padding:30px;position:relative;width:90%}.translation-left-panel{background:#f8f9fa;border-radius:8px;flex:1 1;max-width:300px;padding:20px}.translation-left-panel h4{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 15px}.translation-main-panel{background:#f8f9fa;border-radius:8px;display:flex;flex:2 1;flex-direction:column;max-height:100%;overflow-x:hidden;overflow-y:auto;padding:20px}.translation-main-panel-header{align-items:flex-start;display:flex;gap:15px;justify-content:space-between;margin-bottom:15px}.translation-main-panel-header>div{display:flex;flex:1 1;flex-direction:column;gap:5px}.translation-main-panel h3{color:#2c3e50;font-size:20px;font-weight:600;margin:0}.translation-main-panel-header .ai-disclaimer{color:#6c757d;font-size:14px;font-weight:400}.translation-prompt{margin-bottom:15px}.prompt-preview{color:#34495e;font-size:14px;line-height:1.5;margin:0 0 10px}.prompt-placeholder{color:#6c757d;font-size:14px;font-style:italic;margin:0}.translation-loading{padding:20px;text-align:center}.loading-spinner{margin:0 auto 15px}.close-translation-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;box-shadow:0 2px 8px #667eea33;flex-shrink:0;font-size:14px;font-weight:500;margin:0;transition:all .2s ease;white-space:nowrap}.close-translation-btn:hover{background:linear-gradient(135deg,#5a6fd8,#6a4c93);box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.close-translation-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.translation-header{align-items:flex-start;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:20px;padding:0 0 15px;position:relative}.translation-title{color:#2c3e50;font-size:24px;font-weight:600}.close-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;box-shadow:0 2px 8px #667eea33;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin:0;padding:8px 16px;position:absolute;right:0;top:0;transition:all .2s ease}.close-btn:hover{background:linear-gradient(135deg,#5a6fd8,#6a4c93);box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.translation-text{margin-bottom:20px}.translation-disclaimer,.translation-text{word-wrap:break-word;background:#f8f9fa;border-radius:8px;color:#34495e;font-size:16px;line-height:1.6;overflow-wrap:break-word;padding:20px;white-space:pre-wrap}.translation-disclaimer{border-left:4px solid #764ba2;margin-top:20px}.ai-prompt-panel{background:#fff;border:2px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:10px;height:50%;margin-bottom:0;margin-left:10px;margin-right:10px;max-height:none;min-height:200px;overflow-y:auto;padding:20px;position:relative;width:calc(100% - 20px)}.ai-prompt-title{border-bottom:1px solid #e9ecef;color:#2c3e50;flex-shrink:0;font-size:16px;font-weight:600;margin-bottom:8px;padding-bottom:4px}.ai-prompt-text{word-wrap:break-word;background:#0000;border:none;border-radius:0;box-sizing:border-box;color:#6c757d;display:flex;flex:1 1;flex-direction:column;font-size:14px;line-height:1.4;margin-bottom:4px;max-height:250px;max-width:100%;overflow:hidden;overflow-wrap:break-word;padding:0;position:relative}.sidebar-card{background:#fff;border:2px solid #e9ecef;border-radius:8px;flex-direction:column;gap:10px;margin-bottom:0;margin-left:10px;margin-right:10px;overflow-x:hidden;overflow-y:auto;padding:20px;position:relative;width:calc(100% - 20px)}.equal-panel,.sidebar-card{display:flex;height:50%;max-height:none;min-height:200px}.equal-panel{flex:1 1;flex-direction:column}.disclaimer-scrollable::-webkit-scrollbar{width:6px}.disclaimer-scrollable::-webkit-scrollbar-track{background:#0000}.disclaimer-scrollable::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.disclaimer-scrollable::-webkit-scrollbar-thumb:hover{background:#0000004d}.disclaimer-scrollable{scrollbar-color:#0003 #0000;scrollbar-width:thin}.sidebar-disclaimer{flex:0 0 auto;height:auto;min-height:0}.sidebar-disclaimer .right-sidebar-title{font-size:11px}.sidebar-disclaimer p{font-size:10px;line-height:1.35;margin-bottom:5px}.panels-container{display:flex;flex-direction:column;gap:15px;width:100%}.ai-prompt-text p{color:#6c757d;font-weight:400;line-height:1.4;margin:0;padding:0}.show-full-prompt-btn{word-wrap:break-word;align-self:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:4px;box-shadow:0 1px 4px #667eea4d;box-sizing:border-box;color:#fff;cursor:pointer;flex-shrink:0;font-size:11px;font-weight:400;margin-top:1px;max-width:100%;overflow-wrap:break-word;padding:4px 8px;transition:all .2s ease;z-index:10}.show-full-prompt-btn:hover{background:linear-gradient(135deg,#5a6fd8,#6a4c93);box-shadow:0 4px 8px #667eea4d;transform:translateY(-1px)}.show-full-prompt-btn:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.show-full-prompt-btn:disabled:hover{box-shadow:none;transform:none}.support-btn{background:#fff;border:1px solid #adb5bd;border-radius:4px;box-shadow:0 1px 4px #6c757d1a;color:#6c757d;cursor:pointer;font-size:15px;font-weight:500;min-width:200px;padding:8px 60px;transition:all .2s ease}.support-btn:hover{background:#f8f9fa;border-color:#6c757d;box-shadow:0 4px 8px #6c757d33;color:#5a6268;transform:translateY(-1px)}.ai-prompt-modal{align-items:center;animation:fadeIn .3s ease-out;background:#0000ff4d;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10003}.ai-prompt-modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:80vh;max-width:800px;overflow:hidden;padding:30px;position:relative;width:90%}.ai-prompt-modal-header{align-items:flex-start;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:20px;padding:0 0 15px;position:relative}.ai-prompt-modal-title{color:#2c3e50;font-size:24px;font-weight:600}.ai-prompt-modal-close-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;box-shadow:0 2px 8px #667eea33;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin:0;padding:8px 16px;position:absolute;right:0;top:0;transition:all .2s ease}.ai-prompt-modal-close-btn:hover{background:linear-gradient(135deg,#5a6fd8,#6a4c93);box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.ai-prompt-modal-body{word-wrap:break-word;color:#34495e;font-size:16px;line-height:1.6;max-height:calc(80vh - 120px);overflow-wrap:break-word;overflow-y:auto;padding-right:10px;white-space:pre-wrap}.ai-prompt-modal-body::-webkit-scrollbar{-webkit-appearance:none;display:block;width:14px}.ai-prompt-modal-body::-webkit-scrollbar-track{background:#f1f1f1;border:1px solid #e0e0e0;border-radius:7px;-webkit-box-shadow:inset 0 0 6px #0000001a;margin:4px}.ai-prompt-modal-body::-webkit-scrollbar-thumb{background:#c1c1c1;border:2px solid #f1f1f1;border-radius:7px;-webkit-box-shadow:inset 0 0 6px #0003;min-height:40px;-webkit-transition:background .2s ease;transition:background .2s ease}.ai-prompt-modal-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8;border-color:#e0e0e0}.ai-prompt-modal-body::-webkit-scrollbar-thumb:active{background:#888}.ai-prompt-modal-body{scrollbar-color:#c1c1c1 #f1f1f1;scrollbar-width:auto}.header-mobile-row-3{display:none}.mobile-overlay-modal{align-items:center;background:#0000ff4d;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:10004}.mobile-overlay-modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:100%;overflow:hidden;padding:20px;width:100%}.mobile-overlay-modal-content h3{color:#2c3e50;font-size:18px;margin:0 0 12px}.mobile-overlay-modal-content .modal-body{color:#34495e;flex:1 1;font-size:14px;line-height:1.5;margin-bottom:16px;overflow-y:auto}.mobile-overlay-modal-close{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px}.mobile-bottom-sheet{background:#fff;border-radius:16px 16px 0 0;bottom:0;box-shadow:0 -4px 20px #00000026;display:flex;flex-direction:column;left:0;max-height:70vh;overflow:hidden;position:fixed;right:0;z-index:10003}.mobile-bottom-sheet-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px}.mobile-bottom-sheet-header h3{color:#2c3e50;font-size:16px;margin:0}.mobile-bottom-sheet-close{background:none;border:none;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;padding:4px 8px}.mobile-bottom-sheet-body{flex:1 1;overflow-y:auto;padding:12px 16px max(16px,env(safe-area-inset-bottom))}.translation-main-panel::-webkit-scrollbar{-webkit-appearance:none;display:block;width:14px}.translation-main-panel::-webkit-scrollbar-track{background:#f1f1f1;border:1px solid #e0e0e0;border-radius:7px;-webkit-box-shadow:inset 0 0 6px #0000001a;margin:4px}.translation-main-panel::-webkit-scrollbar-thumb{background:#c1c1c1;border:2px solid #f1f1f1;border-radius:7px;-webkit-box-shadow:inset 0 0 6px #0003;min-height:40px;-webkit-transition:background .2s ease;transition:background .2s ease}.translation-main-panel::-webkit-scrollbar-thumb:hover{background:#a8a8a8;border-color:#e0e0e0}.translation-main-panel::-webkit-scrollbar-thumb:active{background:#888}.translation-main-panel{scrollbar-color:#c1c1c1 #f1f1f1;scrollbar-width:auto}.listening-panel{flex-direction:column;height:100%;text-align:center}.listening-panel,.microphone-btn{align-items:center;display:flex;justify-content:center}.microphone-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;box-shadow:0 8px 25px #667eea4d;color:#fff;cursor:pointer;font-size:48px;height:120px;margin-bottom:20px;transition:all .3s ease;width:120px}.microphone-btn:hover{box-shadow:0 12px 35px #667eea66;transform:scale(1.05)}.microphone-btn.playing{animation:pulse-red 1.5s infinite;background:linear-gradient(135deg,#dc3545,#c82333)}@keyframes pulse-red{0%{box-shadow:0 8px 25px #dc35454d;transform:scale(1)}50%{box-shadow:0 12px 35px #dc354580;transform:scale(1.1)}to{box-shadow:0 8px 25px #dc35454d;transform:scale(1)}}.listening-instruction{color:#6c757d;font-size:18px;margin-bottom:30px}.word-list{list-style:none;margin:0;max-height:300px;overflow-y:auto;padding:0}.word-list li{background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #e9ecef;border-radius:10px;box-shadow:0 2px 6px #0000000d;color:#2c3e50;cursor:pointer;font-size:15px;font-weight:500;margin-bottom:8px;overflow:hidden;padding:12px 16px;position:relative;transition:all .3s ease}.word-list li:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:4px}.word-list li:hover{background:linear-gradient(135deg,#f0f2ff,#fff);border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.word-list li:hover:before{transform:scaleY(1)}.word-list li.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 15px #667eea4d;color:#fff;transform:translateY(-1px)}.word-list li.selected:before{background:#ffffff4d;transform:scaleY(1)}@media (max-width:1200px){.sidebar{width:200px}.header{left:200px;padding:0 15px}.main-content{left:200px;right:250px}.right-sidebar{width:250px}}@media (max-width:900px){.right-sidebar{display:none}.header{gap:6px;left:200px;padding:0 8px;right:0}.header-item{font-size:12px;padding:4px 8px}.progress-bar-inline{flex:1 1;height:5px;min-width:80px}.next-task-btn-inline{font-size:11px;padding:10px 12px}.header-control-btn{font-size:11px;padding:4px 8px}.header-logo-right{height:45px;width:45px}.main-content{gap:15px;left:200px;padding:15px;right:0}}.mobile-disclaimer-panel{display:none!important}@media (max-width:768px){.sidebar{align-items:center;background:#7689ed;bottom:0;box-shadow:0 -2px 10px #00000026;display:flex;flex-direction:row;gap:0;height:56px;justify-content:flex-start;left:0;max-width:100%;overflow:visible;padding:0 4px;position:fixed;right:0;top:auto;width:100%;z-index:10002}.right-sidebar{display:none}.header{align-content:flex-start;align-items:flex-start;flex-wrap:wrap;gap:0;height:auto;left:0;min-height:auto;padding:6px 6px 8px;right:0}.header-left-section{flex:1 1 100%;gap:6px;min-width:0;order:1;width:100%}.header-right-section{flex:1 1 100%;flex-shrink:0;order:2;padding-top:4px}.header-buttons-group,.header-right-section{gap:6px;justify-content:flex-start;width:100%}.header-buttons-group{align-items:center;flex-wrap:nowrap;min-width:0}.header-buttons-group .header-control-btn,.header-buttons-group .next-task-btn-inline,.header-buttons-group .regenerate-task-btn-inline{align-items:center;box-sizing:border-box;display:inline-flex;flex:1 1;height:28px;justify-content:center;min-height:28px;min-width:0;overflow:hidden;padding:4px 6px;text-overflow:ellipsis;white-space:nowrap}.header-buttons-group .next-task-btn-inline{order:4}.header-buttons-group .next-task-btn-inline,.header-buttons-group .regenerate-task-btn-inline{height:auto;line-height:1.2;min-height:36px;padding-bottom:5px;padding-top:5px;white-space:normal}.header-buttons-group .regenerate-task-btn-inline{order:1}.header-buttons-group .header-control-btn.stop-btn{order:2}.header-buttons-group .header-control-btn.finish-btn{order:3}.header-item{font-size:11px;padding:3px 5px}.header-item.progress,.header-item.timer{font-size:15px}.timer-clock-icon,.timer-star-icon{height:22px;margin-left:2px;width:22px}.progress-bar-inline{flex:1 1;height:4px;min-width:40px}.header-control-btn,.next-task-btn-inline,.regenerate-task-btn-inline{font-size:9px}.header-logo-right{height:40px;width:40px}.task-loading-panel{border-radius:12px!important;gap:8px!important;height:auto!important;margin:0 auto!important;max-width:180px!important;min-height:180px!important;min-width:180px!important;padding:12px!important;width:180px!important}.task-loading-panel .task-loading-spinner{border-width:3px!important;height:44px!important;width:44px!important}.task-loading-panel .task-loading-video-container{height:100px!important;width:100px!important}.task-loading-panel .task-loading-video-container video{transform:scale(.75)!important}.task-loading-panel .task-loading-message{font-size:11px!important;font-weight:600!important;line-height:1.2!important;max-width:100%!important;text-align:center!important;white-space:normal!important}.task-loading-panel>div:first-of-type{font-size:13px!important;margin-bottom:6px!important}.header-mobile-row-3{border-top:1px solid #0000001f;display:flex;flex:1 1 100%;flex-wrap:nowrap;gap:6px;order:3;padding:4px;width:100%}.header-mobile-row-3 .header-extra-btn{background:#fffffff2;border:1px solid #667eea80;border-radius:6px;color:#5a67d8;cursor:pointer;flex:1 1;font-size:10px;font-weight:600;min-width:0;overflow:hidden;padding:5px 6px;text-overflow:ellipsis;white-space:nowrap}.header-mobile-row-3 .header-extra-btn:first-child{min-width:7em;overflow:visible;text-overflow:clip;white-space:nowrap}.header-mobile-row-3 .header-extra-btn:last-child{min-width:6.5em;overflow:visible;text-overflow:clip;white-space:nowrap}.header-mobile-row-3 .header-extra-btn:hover{background:#fff;border-color:#667eea;box-shadow:0 1px 4px #667eea40}@media (max-width:480px){.header{padding:4px 4px 6px}.header-item.progress,.header-item.timer{font-size:13px}.timer-clock-icon,.timer-star-icon{height:18px;width:18px}.header-buttons-group .header-control-btn,.header-buttons-group .next-task-btn-inline,.header-buttons-group .regenerate-task-btn-inline{min-height:26px;padding:3px 6px}.header-buttons-group .header-control-btn{height:26px}.header-buttons-group .next-task-btn-inline,.header-buttons-group .regenerate-task-btn-inline{height:auto;line-height:1.2;min-height:28px;white-space:normal}.header-control-btn,.next-task-btn-inline,.regenerate-task-btn-inline{font-size:8px}.quiz-app.header-visible .main-content{top:96px}}.main-content{flex-direction:column;gap:0;left:0;max-width:100vw;padding:0 0 56px;right:0;top:0}.quiz-app.header-visible .main-content{top:96px}.questions-section,.text-section{border-radius:12px;margin:0;max-width:100%;padding:12px}.questions-section .question-panel,.questions-section .question-panel:active,.questions-section .question-panel:focus,.questions-section .question-panel:focus-visible,.questions-section .question-panel:hover{-webkit-tap-highlight-color:transparent;border-color:#e9ecef!important;box-shadow:0 2px 8px #0000000d!important;outline:none!important}.questions-section .question-content,.questions-section .question-content:focus,.questions-section .question-content:focus-visible{-webkit-tap-highlight-color:transparent;outline:none!important}.text-section .quiz-text{font-size:14px;line-height:1.45}.questions-section .question-text{font-size:13px}.questions-section .question-content{padding:12px}.questions-section .option-btn{font-size:13px;padding:10px 12px}.text-section .listening-panel{min-height:0!important;padding:10px 12px 12px!important}.text-section .microphone-container{margin-bottom:12px!important;margin-top:4px!important}.text-section .microphone-btn{font-size:22px!important;height:56px!important;margin-bottom:6px!important;width:56px!important}.text-section .microphone-label{font-size:12px!important}.text-section .listening-instruction{font-size:13px!important;margin-bottom:12px!important}.text-section .show-text-container{margin-bottom:0!important;margin-top:12px!important}.text-section .show-text-btn{font-size:13px!important;padding:8px 14px!important}.text-section .text-quiz-instructions{font-size:12px!important;margin-bottom:8px!important}.text-section .text-section-header{margin-bottom:8px!important}.text-section .section-title{font-size:16px!important}.text-section .listening-instructions{font-size:12px!important;margin:8px 0 12px!important}.text-section .grammar-mode-btn{font-size:13px!important;margin-top:8px!important;padding:8px 14px!important}.quiz-app{flex-direction:column;padding-bottom:0}.profile-header{display:none}.sidebar>div:first-child{display:none!important;height:0!important;margin:0!important;padding:0!important}.sidebar .sidebar-card.ai-prompt-panel,.sidebar .sidebar-card.sidebar-disclaimer,.sidebar-settings-panel{display:none!important}.mobile-disclaimer-panel{align-items:center;background:#fffffff2;border:1.5px solid #667eea59;border-radius:8px;bottom:64px;box-shadow:0 1px 4px #00000014;display:flex!important;justify-content:center;left:8px;padding:10px 14px;position:fixed;right:8px;z-index:10001}.mobile-disclaimer-text{color:#4a5568;font-size:13px;font-style:italic;line-height:1.4;margin:0}.sidebar-item{align-items:center;border-left:none;border-radius:999px;flex:1 1;flex-direction:column;font-size:0;gap:4px;justify-content:center;margin:0 2px;min-width:0;padding:6px 0}.sidebar-item span{display:none}.sidebar-item-profile.child-profile-label span{color:#fff;display:block!important;font-size:8px;line-height:1.2;margin-top:2px;max-width:58px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.sidebar-item-lessons-wrap{align-items:center;flex:0 0 auto;flex-direction:column;gap:0;margin-left:20px;margin-right:20px;margin-top:-18px;width:auto}.sidebar-item-lessons-wrap .sidebar-item-label-lessons-mobile{margin-top:-2px}.sidebar-item-lessons-wrap .sidebar-item.sidebar-item-lessons{flex:0 0 auto;min-width:0;min-width:auto;width:56px}.sidebar-item-label-lessons-mobile{color:#fff;display:block!important;font-size:8px;line-height:1.2;text-align:center}.sidebar-item-lessons .sidebar-item-label-lessons-desktop{display:none!important}.sidebar-item-lessons{border-radius:50%;height:56px;min-height:56px;padding:0;width:56px}.sidebar-item-lessons .sidebar-icon{height:30px;width:30px}.sidebar-item.return-to-parent .sidebar-item-text-desktop{display:none!important}.sidebar-item.return-to-parent .sidebar-item-text-mobile{display:block!important;font-size:6px;line-height:1.2;max-width:52px;text-align:center;white-space:normal;word-break:break-word}.sidebar-item.return-to-parent{min-height:68px;min-width:52px;padding:4px 2px}.sidebar-avatar,.sidebar-icon{margin-right:0}.sidebar-item-games{display:none}.sidebar-item-lessons{background:linear-gradient(135deg,#fef3c7,#facc15 40%,#f97316);box-shadow:0 -4px 14px #00000040;flex:0 0 auto}.sidebar-item-lessons img{height:100%;object-fit:contain;width:100%}.sidebar-item-mobile-wrap{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:0;justify-content:center;margin:0 2px;min-width:0}.sidebar-item-mobile-wrap .sidebar-item-label-mobile{margin-top:-2px}.sidebar-item-mobile-wrap .sidebar-item{flex:0 0 auto;min-width:0;width:100%}.sidebar-item-label-mobile{color:#fff;display:block!important;font-size:8px;line-height:1.2;text-align:center}.sidebar .sidebar-item-with-submenu{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:0;justify-content:center;margin:0 2px;min-width:0}.sidebar .sidebar-item-with-submenu .sidebar-item-label-reference-mobile{margin-top:-2px}.sidebar .sidebar-item-with-submenu>.sidebar-item{flex:0 0 auto;margin:0;min-width:0;width:100%}.sidebar .sidebar-item-with-submenu .sidebar-item-label-reference-mobile{color:#fff;display:block!important;font-size:8px;line-height:1.2;text-align:center}.sidebar-item-home,.sidebar-item-profile,.sidebar-item-reference,.sidebar-item-settings,.sidebar-item-support{max-width:none}.sidebar-item-profile .sidebar-avatar{height:32px;width:32px}.sidebar-item-profile{align-items:center}.profile-info-logo,.profile-info-right{display:none!important}}@media (max-width:768px){.main-content>.profile-content:not(:has(.start-session-container)){border-radius:0;height:calc(100vh - 125px);margin:0;min-height:calc(100vh - 125px)}.profile-content{background:#0000;border-radius:0;box-shadow:none;margin:0;padding:0 0 8px}.profile-content>*{box-sizing:border-box;flex-shrink:0;margin-left:0;margin-right:0;max-width:100%;width:100%}.profile-main-title,.profile-name-large{font-size:.9rem!important;line-height:1.2}.profile-content .profile-goal-compact .profile-goal-header h3,.profile-content .profile-schedule-header h3,.profile-content .profile-sessions-header h3,.profile-content .profile-statistics-header h3,.profile-content .profile-today-points-compact .profile-today-header h3,.profile-goal-today-section h3,.profile-schedule-section h3,.profile-sessions-section h3,.profile-statistics-section h3{font-size:.9rem!important;margin-bottom:14px;margin-top:0}.profile-content .profile-field label,.profile-content .profile-field span,.profile-content .profile-goal-text,.profile-content .profile-schedule-empty,.profile-content p,.profile-schedule-item-name,.profile-schedule-item-time{font-size:.72rem}.profile-goal-today-section,.profile-main-section,.profile-schedule-section,.profile-sessions-section,.profile-statistics-section{border-radius:10px;box-sizing:border-box;margin-bottom:10px!important;margin-left:0!important;margin-right:0!important;max-width:100%!important;padding:12px 14px 16px!important;width:100%!important}.profile-main-content-wrapper{align-items:center;flex-direction:column;gap:16px}.profile-avatar-section{display:flex;justify-content:center;width:100%}.profile-info-section{min-width:0;width:100%}.profile-info-left{min-width:0}.profile-info-right{display:none}.profile-goal-today-section{flex-direction:row;flex-wrap:wrap;gap:12px}.profile-goal-today-section .profile-goal-compact,.profile-goal-today-section .profile-today-points-compact{flex:1 1;min-width:0;padding:14px 10px 18px!important}.profile-content .profile-goal-compact .profile-goal-header,.profile-content .profile-today-points-compact .profile-today-header{margin-bottom:10px!important}.profile-content .profile-today-value{font-size:1rem!important}.profile-content .profile-goal-stats-wrapper{gap:6px;padding:2px 0}.profile-content .profile-today-stats-wrapper{gap:6px}.profile-content .profile-goal-compact .profile-today-clock-compact,.profile-content .profile-goal-compact .profile-today-star-compact,.profile-content .profile-today-points-compact .profile-today-clock-compact,.profile-content .profile-today-points-compact .profile-today-star-compact{height:28px!important;width:28px!important}.profile-content .profile-goal-compact .profile-today-value-wrapper,.profile-content .profile-today-points-compact .profile-today-value-wrapper{gap:4px}.profile-content .profile-goal-compact .profile-goal-instruction{margin-bottom:10px!important;padding:8px 10px!important}.profile-content .profile-goal-compact .profile-goal-instruction p{font-size:.72rem!important}.profile-content .profile-goal-compact .profile-goal-inputs{gap:8px!important}.profile-content .profile-goal-compact .profile-goal-field label{font-size:.72rem!important;margin-bottom:4px!important}.profile-content .profile-goal-compact .profile-goal-field input{font-size:.85rem!important;padding:6px 10px!important}.profile-content .profile-goal-compact .profile-goal-error{font-size:.65rem!important}.profile-goal-header{align-items:flex-start;flex-direction:column;gap:6px}.profile-edit-link-goal{font-size:13px!important;padding:8px 14px!important}.profile-schedule-item-edit{align-items:center;flex-direction:row;flex-wrap:wrap;gap:8px;padding:10px 12px!important}.profile-schedule-item-edit .profile-btn-remove{flex-shrink:0;font-size:14px;height:32px;min-width:32px;width:32px}.profile-schedule-item-edit input,.profile-schedule-item-edit select{min-width:0;width:100%}.profile-schedule-item{padding:10px 12px!important}.schedule-time-input-wrapper{justify-content:flex-start}.schedule-time-hours,.schedule-time-minutes{width:52px}.profile-sessions-list .profile-session-item,.profile-sessions-section .profile-btn{font-size:.72rem}.profile-content .profile-sessions-section{padding:12px 14px 18px!important}.profile-content .profile-sessions-header h3{font-size:.9rem!important}.profile-content .profile-sessions-header{gap:8px;margin-bottom:12px}.profile-content .profile-sessions-list{gap:8px}.profile-content .profile-session-item{padding:8px 10px}.profile-content .profile-session-date,.profile-content .profile-session-main,.profile-content .profile-session-missed-label,.profile-content .profile-session-stat-value,.profile-content .profile-session-stats{font-size:.7rem!important}.profile-content .profile-session-stats{gap:8px!important}.profile-content .profile-session-stat-item{font-size:.7rem!important;gap:4px!important;padding:2px 4px!important}.profile-content .profile-session-stat-item .profile-session-icon{height:18px!important;width:18px!important}.profile-statistics-header{align-items:flex-start;flex-direction:column}.profile-statistics-controls{flex-wrap:wrap;justify-content:flex-start;width:100%}.profile-statistics-chart{padding:10px 6px 10px 22px}.statistics-chart-labels span{font-size:8px}.main-content>.news-panel,.main-content>.reference-content:not(.start-session-container):not(:has(.start-session-container)),.main-content>.settings-content:not(:has(.start-session-container)),.main-content>.start-session-container{margin-top:0}.main-content>.reference-content,.main-content>.settings-content,.main-content[data-section=education]>.start-session-container,.main-content[data-section=games]>.start-session-container{padding-bottom:70px!important}}.reference-mode-toggle-mobile{display:none}@media (max-width:768px){.reference-mode-toggle-mobile{background:#f8f9fa;border-radius:8px;display:flex;flex-shrink:0;gap:5px;margin-bottom:16px;padding:4px}.reference-mode-toggle-btn{background:#0000;border:none;border-radius:6px;color:#6c757d;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:8px 12px;transition:all .3s ease}.reference-mode-toggle-btn:hover{background:#e9ecef}.reference-mode-toggle-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.sidebar .submenu-hover{display:none!important}.main-content:has(>.reference-content){gap:0!important;padding-left:0!important;padding-right:0!important;padding-top:0!important}.main-content>.reference-content:has(.text-quiz-instructions){box-sizing:border-box;margin-top:0!important;padding:12px 12px 88px!important}.main-content>.reference-content:has(.text-quiz-instructions)>:first-child{margin-top:0!important}.main-content>.reference-content:has(.text-quiz-instructions) .reference-info-content-text{box-sizing:border-box;padding-left:8px!important;padding-right:8px!important}.main-content>.reference-content:has(.text-quiz-instructions) .reference-info-content-text .article-guide h1,.main-content>.reference-content:has(.text-quiz-instructions) .reference-info-content-text h1{font-size:1.2rem!important}.main-content>.reference-content:has(.text-quiz-instructions) .reference-info-content-text .article-guide h2,.main-content>.reference-content:has(.text-quiz-instructions) .reference-info-content-text h2{font-size:1.1rem!important}.main-content>.reference-content:has(.text-quiz-instructions) .reference-info-content-text .article-guide h3,.main-content>.reference-content:has(.text-quiz-instructions) .reference-info-content-text h3{font-size:1rem!important}.reference-content .grammar-material-regenerate-btn{font-size:14px!important;padding:8px 16px!important}.main-content>.reference-content{box-sizing:border-box;margin:0!important;max-width:100%!important;padding:14px 0 88px!important;width:100%!important}.main-content>.reference-content .reference-item{border-radius:8px;gap:6px;min-height:0;padding:8px 10px}.text-quiz-instructions{box-sizing:border-box;font-size:13px!important;padding-left:8px!important;padding-right:8px!important}.main-content:has(.grammar-material-quiz-container){gap:0!important;padding-left:0!important;padding-right:0!important;padding-top:0!important}.main-content>.reference-content:has(.grammar-material-quiz-container){padding:14px 0 56px!important}.grammar-material-quiz-container{-webkit-tap-highlight-color:transparent;box-sizing:border-box;max-width:100%;outline:none!important;padding:0!important;width:100%}.grammar-material-quiz-container:active,.grammar-material-quiz-container:focus,.grammar-material-quiz-container:focus-visible{outline:none!important}.grammar-material-quiz-container *{-webkit-tap-highlight-color:transparent}.grammar-material-quiz-container .questions-section.grammar-material-quiz-section{border-color:#e9ecef!important;box-shadow:0 2px 8px #0000000d!important;margin:0!important;max-width:100%;outline:none!important;padding:0!important}.grammar-material-quiz-container .questions-section.grammar-material-quiz-section:active,.grammar-material-quiz-container .questions-section.grammar-material-quiz-section:focus,.grammar-material-quiz-container .questions-section.grammar-material-quiz-section:focus-visible,.grammar-material-quiz-container .questions-section.grammar-material-quiz-section:hover{border-color:#e9ecef!important;box-shadow:0 2px 8px #0000000d!important;outline:none!important}.grammar-material-quiz-container .text-quiz-instructions{font-size:11px!important;margin:0 0 6px!important;padding:6px 10px 8px!important}.grammar-material-quiz-container .question-panel:first-child,.grammar-material-quiz-container .questions-section>.text-quiz-instructions:first-child{margin-top:0!important}.grammar-material-quiz-container .question-panel{-webkit-tap-highlight-color:transparent;margin-bottom:10px;outline:none!important;padding:0}.grammar-material-quiz-container .question-panel:active,.grammar-material-quiz-container .question-panel:focus,.grammar-material-quiz-container .question-panel:focus-visible,.grammar-material-quiz-container .question-panel:hover{border-color:#e9ecef!important;box-shadow:0 2px 8px #0000000d!important;outline:none!important}.grammar-material-quiz-container .question-content{outline:none!important;padding:10px!important}.grammar-material-quiz-container .question-text{font-size:12px!important;font-weight:600;line-height:1.3}.grammar-material-quiz-container .question-number{font-size:10px;height:22px;width:22px}.grammar-material-quiz-container .option-btn{-webkit-tap-highlight-color:transparent;font-size:11px!important;line-height:1.3;outline:none!important;padding:8px 10px!important}.grammar-material-quiz-container .option-btn:active,.grammar-material-quiz-container .option-btn:focus,.grammar-material-quiz-container .option-btn:focus-visible{outline:none!important}.grammar-material-quiz-container .option-btn:not(.correct):not(.wrong):active,.grammar-material-quiz-container .option-btn:not(.correct):not(.wrong):focus{background:#fff!important;border-color:#e9ecef!important}.grammar-material-quiz-container .explanation-text,.grammar-material-quiz-container .explanation-title{font-size:11px!important}.grammar-material-quiz-container .options-container{gap:6px}.grammar-material-quiz-container .question-header{margin-bottom:8px}.grammar-material-quiz-container .flashlight-btn{-webkit-tap-highlight-color:transparent;outline:none!important}.grammar-material-quiz-container .flashlight-btn:active,.grammar-material-quiz-container .flashlight-btn:focus{outline:none!important}.grammar-material-quiz-container .flashlight-btn img{height:20px!important;width:20px!important}.main-content:has(.vocabulary-material-mode-container){gap:0!important;padding-left:0!important;padding-right:0!important;padding-top:0!important}.vocabulary-material-mode-main>.reference-content{box-sizing:border-box!important;margin:0!important;padding:0 0 88px!important}.vocabulary-material-mode-main .text-quiz-instructions{font-size:12px!important;margin:0 0 12px!important;padding:8px 10px!important}.vocabulary-material-mode-main .reference-header-with-button{margin-bottom:8px!important}.vocabulary-material-mode-main .section-title{font-size:1.25rem!important;margin-bottom:12px!important}.vocabulary-material-mode-main .reference-list.reference-list-vocabulary{gap:8px!important;grid-template-columns:repeat(2,1fr)!important;margin-top:0!important}.vocabulary-material-mode-main .vocabulary-material-card{min-height:0!important;padding:8px!important}.vocabulary-material-mode-main .vocabulary-card-image-wrapper{margin-bottom:6px!important}.vocabulary-material-mode-main .vocabulary-card-image{height:80px!important;width:80px!important}.vocabulary-material-mode-main .vocabulary-card-word-fallback{box-sizing:border-box!important;font-size:14px!important;height:auto!important;max-width:100%!important;min-height:80px!important;min-width:80px!important;padding:8px!important;white-space:normal!important;width:-webkit-fit-content!important;width:fit-content!important;word-break:break-word!important}.vocabulary-material-mode-main .vocabulary-card-translation,.vocabulary-material-mode-main .vocabulary-material-card .reference-item-name{font-size:12px!important}.vocabulary-material-mode-main .vocabulary-sound-button{padding:4px!important}.vocabulary-material-mode-main .vocabulary-sound-button img{height:18px!important;width:18px!important}.vocabulary-material-mode-main .vocabulary-material-card .reference-item-header{min-height:0!important}.vocabulary-material-mode-main .vocabulary-material-card--no-image .vocabulary-card-translation{margin-bottom:0!important}.main-content>.reference-content .reference-item-header{gap:8px}.main-content>.reference-content .reference-item-name{font-size:14px;font-weight:600}.main-content>.reference-content .reference-item-metadata{font-size:11px}.main-content>.reference-content .reference-badge{padding:3px 8px}.main-content>.reference-content .reference-list.reference-list-vocabulary{gap:6px;grid-template-columns:repeat(2,1fr);margin-top:12px}.main-content>.reference-content .reference-item.reference-item-vocabulary{gap:4px;min-height:0;padding:6px 8px}.main-content>.reference-content .reference-item.reference-item-vocabulary .reference-item-header{flex-wrap:wrap;gap:4px}.main-content>.reference-content .reference-item.reference-item-vocabulary .reference-item-name{font-size:12px;line-height:1.2;word-break:break-word}.main-content>.reference-content .reference-item.reference-item-vocabulary .reference-item-metadata{font-size:10px}.main-content>.reference-content .reference-item.reference-item-vocabulary .reference-badge{padding:2px 6px}.main-content>.reference-content .reference-item.reference-item-vocabulary .reference-item-right{gap:4px}.main-content>.reference-content .reference-item.reference-item-vocabulary .reference-flashlight-btn{height:26px;min-height:26px;min-width:26px;padding:2px;width:26px}.main-content>.reference-content .reference-item.reference-item-vocabulary .reference-flashlight-btn img{height:14px!important;width:14px!important}.main-content>.reference-content .reference-item.reference-item-vocabulary .reference-progress-bar{margin-top:4px}.main-content>.reference-content .reference-flashlight-btn{height:32px;min-height:32px;min-width:32px;padding:2px 4px;width:32px}.main-content>.reference-content .reference-flashlight-btn img{height:20px!important;width:20px!important}.main-content>.reference-content .reference-item-expanded{font-size:12px;line-height:1.4;margin-top:6px}.main-content>.reference-content .reference-item-expanded>div{font-size:12px!important;line-height:1.4!important;margin-top:8px!important}.main-content>.reference-content .reference-info-content{gap:12px;margin-top:8px}.main-content>.reference-content .reference-back-btn{font-size:14px;padding:8px 16px}.main-content>.reference-content .reference-info-text{font-size:14px;line-height:1.5;padding:12px 16px}.main-content>.reference-content .reference-info-content-text,.main-content>.reference-content .reference-info-content-text p{font-size:14px!important;line-height:1.5!important}.quiz-app .right-sidebar{display:none!important}.main-content>.reference-content .reference-actions,.main-content>.reference-content .reference-manual-selection-actions{align-items:center;flex-direction:row;flex-wrap:wrap;gap:8px;margin-bottom:12px}.main-content>.reference-content .reference-action-btn{font-size:13px;padding:6px 12px}.main-content>.reference-content .reference-search-inline{flex:1 1 auto;max-width:100%;min-width:100px;width:auto}.main-content>.reference-content .reference-search-input{font-size:14px;padding:8px 36px 8px 12px}}.translation-main-panel h3 .ai-disclaimer{color:#6c757d;font-size:14px;font-weight:400}.word-popup{animation:popupFadeIn .3s ease-out;max-width:300px;min-width:250px;position:fixed;z-index:1000}@keyframes popupFadeIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.word-popup-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:#fffffffa;border:2px solid #667eea;border-radius:12px;box-shadow:0 8px 25px #00000026;overflow:hidden;padding:20px;position:relative}.word-popup-content:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:3px;left:0;position:absolute;right:0;top:0}.word-popup-content .infinitive-tag{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:600;margin-bottom:15px;padding:6px 12px}.word-popup-content p{color:#2c3e50;font-size:14px;line-height:1.4;margin:8px 0}.word-popup-content strong{color:#667eea;font-weight:600}.word-popup-content ul{list-style-type:disc;margin:8px 0;padding-left:20px}.word-popup-content li{color:#6c757d;font-size:13px;margin:4px 0}.word-popup-content button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:15px;padding:10px 18px;transition:all .3s ease}.word-popup-content button:hover{background:linear-gradient(135deg,#5a6fd8,#6a4c93);box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}@media (max-width:768px){.word-popup{left:50%!important;max-width:280px;min-width:200px;transform:translateX(-50%)}.word-popup-content{font-size:14px;padding:15px}.word-popup-content .infinitive-tag{font-size:13px;padding:5px 10px}.word-popup-content p{font-size:13px;margin:6px 0}.word-popup-content button{font-size:13px;padding:8px 14px}}.mode-selector{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 8px 32px #0000001a;display:flex;gap:20px;justify-content:center;margin:20px;padding:20px}.mode-selector .mode-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px 30px;transition:all .3s ease}.mode-selector .mode-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.mode-selector .mode-btn.active{background:#ffffffe6;box-shadow:0 4px 20px #0003;color:#667eea}.grammar-mode{margin:0 auto;max-width:1200px;padding:20px}.grammar-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 8px 32px #0000001a;color:#fff;margin-bottom:40px;padding:30px;text-align:center}.grammar-header h1{font-size:2.5rem;font-weight:700;margin:0 0 10px}.grammar-header p{font-size:1.2rem;margin:0 0 20px;opacity:.9}.generate-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px 30px;transition:all .3s ease}.generate-btn:hover:not(:disabled){background:#ffffff4d;transform:translateY(-2px)}.generate-btn:disabled{cursor:not-allowed;opacity:.6}.sentences-container{grid-gap:30px;display:grid;gap:30px;margin-bottom:40px}.sentence-container{background:#fff;border:2px solid #0000;border-radius:20px;box-shadow:0 8px 32px #0000001a;padding:30px;transition:all .3s ease}.sentence-container.completed{background:linear-gradient(135deg,#f8fff8,#e8f5e8);border-color:#4caf50}.sentence-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.sentence-header h3{color:#333;font-size:1.5rem;margin:0}.sentence-info{align-items:center;display:flex;gap:15px}.grammar-tag-in-sentence{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600}.grammar-tag-in-sentence,.words-count{border-radius:20px;font-size:14px;padding:8px 16px}.words-count{background:#f0f0f0;color:#666}.scrambled-words{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:15px;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;min-height:60px;padding:20px}.word-block{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:25px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:grab;font-size:16px;font-weight:600;padding:12px 20px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.word-block:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.word-block:active{cursor:grabbing;transform:scale(.95)}.sentence-actions{display:flex;flex-direction:column;gap:15px}.check-btn{align-self:flex-start;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.check-btn:hover{box-shadow:0 6px 20px #28a74566;transform:translateY(-2px)}.result{border-radius:15px;font-weight:600;padding:20px}.result.correct{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:2px solid #c3e6cb;color:#155724}.result.incorrect{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:2px solid #f5c6cb;color:#721c24}.correct-answer,.user-answer{font-size:14px;font-weight:400;margin-top:10px}.global-actions{margin-bottom:40px;text-align:center}.check-all-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:15px;box-shadow:0 8px 25px #ff6b6b4d;font-size:18px;font-weight:700;padding:18px 36px}.check-all-btn:hover:not(:disabled){box-shadow:0 12px 35px #ff6b6b66;transform:translateY(-3px)}.grammar-analysis{background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-top:30px;padding:30px}.grammar-analysis h3{color:#333;font-size:1.8rem;margin:0 0 20px;text-align:center}.grammar-structures{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.grammar-structure-tag{background:linear-gradient(135deg,#ffd93d,#ff6b6b);border-radius:25px;box-shadow:0 4px 15px #ff6b6b4d;color:#fff;font-size:14px;font-weight:600;padding:10px 20px}.error-message{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border:2px solid #f5c6cb;border-radius:15px;font-weight:600;margin-bottom:30px;padding:20px}.loading-container{padding:60px 20px;text-align:center}.loading-spinner{border:5px solid #f3f3f3}@media (max-width:768px){.mode-selector{align-items:center;flex-direction:column}.sentence-header{flex-direction:column;gap:15px;text-align:center}.scrambled-words{justify-content:center}.word-block{font-size:14px;padding:10px 16px}}.word-forms{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.word-form-tag{background:linear-gradient(135deg,#e9ecef,#dee2e6);border:1px solid #ced4da;border-radius:12px;color:#495057;font-size:11px;font-weight:500;padding:4px 8px}@media (max-width:768px){.grammar-mode .sentence-header{flex-direction:column;gap:20px;text-align:center}.grammar-mode .scrambled-words{justify-content:center;padding:20px}.grammar-mode .word-block{font-size:14px;padding:12px 20px}.grammar-mode .sentence-container{margin-bottom:20px;padding:25px}.grammar-mode .grammar-header h1{font-size:2rem}.grammar-mode .grammar-header p{font-size:1rem}}.error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;margin:15px 0;padding:15px;text-align:center}.no-sentences{padding:40px 20px}.no-sentences p{font-size:16px;margin:10px 0}.mode-btn:hover{transform:translateY(-2px)}.mode-btn.active,.mode-btn:hover{background:#667eea;box-shadow:0 4px 15px #667eea4d;color:#fff}.profile-content,.reference-content,.settings-content{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;display:flex;flex-direction:column;margin:20px;min-height:0;overflow-x:hidden;overflow-y:auto;padding:20px;text-align:center}.profile-content:has(.start-session-container),.settings-content:has(.start-session-container){border-radius:0!important;box-shadow:none!important;height:100%!important;margin:0!important;padding:0!important;width:100%!important}.main-content>.profile-content:not(:has(.start-session-container)),.main-content>.reference-content:not(.start-session-container):not(:has(.start-session-container)),.main-content>.settings-content:not(:has(.start-session-container)){align-self:stretch;flex:1 1 auto;height:calc(100% - 20px);margin:10px}.vocabulary-material-mode-container{display:flex;flex-direction:column;height:100%;margin:0;padding:0;width:100%}.vocabulary-material-mode-main{display:flex;flex:1 1 auto;flex-direction:column;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.vocabulary-material-mode-main>.reference-content{background:#fff!important;flex:1 1 auto;height:100%;margin:0;max-width:100%;overflow-x:hidden;overflow-y:auto;padding:40px;width:100%}.vocabulary-material-mode-placeholder{align-items:center;display:flex;height:100%;justify-content:center;padding:40px;width:100%}.settings-grid{display:flex;flex-direction:column;gap:30px;margin-top:24px;min-width:0}.bots-grid{grid-gap:24px;align-items:stretch;display:grid;gap:24px;grid-auto-rows:1fr;grid-template-columns:repeat(2,minmax(0,1fr))}.settings-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:24px;text-align:left}.payment-card .card-title{color:#333;font-size:22px;font-weight:600}.bot-row{grid-gap:24px;align-items:stretch;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-top:8px}.bot-card{align-items:center;background-color:#fff;box-shadow:0 4px 14px #0000000f;cursor:pointer;display:flex;gap:16px;justify-content:flex-start;min-height:140px;overflow:hidden;padding:16px 14px 16px 24px;position:relative;transition:transform .2s ease,box-shadow .25s ease,background-color .2s ease}.bot-card-title{color:#333;font-size:22px;font-weight:600;position:relative;z-index:1}.bot-card-icon{border-radius:12px;bottom:12px;height:80%;max-height:120px;max-width:90%;object-fit:contain;pointer-events:none;position:absolute;right:12px;width:auto;z-index:2}.bot-card-icon-qr{border:2px solid #667eeacc;box-shadow:0 0 8px #667eea40;right:140px}.bot-card:hover{background-color:#f8f9ff;border-color:#667eea;box-shadow:0 6px 25px #667eea26;transform:translateY(-4px) scale(1.02)}.bot-card:active{background-color:#eef1ff;box-shadow:0 6px 16px #0000001f;transform:translateY(0) scale(.98)}.payment-card{align-items:center;display:flex;min-height:160px}.artemy-reactions-card{align-items:center;display:flex;justify-content:center;min-height:90px;min-width:0}.artemy-reactions-content{align-items:center;display:flex;gap:20px;justify-content:space-between;width:100%}.artemy-reactions-text{word-wrap:break-word;color:#333;flex:1 1 auto;font-size:22px;font-weight:600;min-width:0}.toggle-switch{display:inline-block;flex-shrink:0;height:34px;position:relative;width:60px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:26px;left:4px;position:absolute;transition:.4s;width:26px}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#667eea,#764ba2)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 1px linear-gradient(135deg,#667eea,#764ba2)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(26px)}.toggle-slider:hover{background-color:#b3b3b3}.toggle-switch input:checked+.toggle-slider:hover{background:linear-gradient(135deg,#5a6fd8,#6a4c93)}.bot-card:focus-visible{box-shadow:0 0 0 3px #667eea59,0 10px 22px #667eea2e;outline:none}.profile-content h2,.reference-content h2,.settings-content h2{color:#333;font-size:2rem;margin-bottom:20px}.reference-header{align-items:center;display:flex;justify-content:center;margin-bottom:20px}.reference-header h2{margin-bottom:0}.sidebar-item-with-submenu{display:flex;flex-direction:column;position:relative}.submenu-hover{display:none;flex-direction:column;gap:6px;margin-top:8px;opacity:0;padding-left:20px;transform:translateY(-5px);transition:opacity .3s ease,transform .3s ease}.submenu-hover.keep-visible{display:flex;opacity:1;transform:translateY(0)}.submenu-item{background:#ffffff1a;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:10px 16px;transition:all .2s ease}.submenu-item:hover{background:#fff3;transform:translateX(4px)}.submenu-item.active{background:#ffffff4d;border-left:3px solid #fff;font-weight:600;padding-left:13px}.submenu-item.active:hover{background:#ffffff59}.reference-content{background:linear-gradient(135deg,#667eea2e,#667eea0d 40%,#764ba21f),radial-gradient(circle at 1px 1px,#ffffff73 0,#ffffff73 2px,#0000 0) 0 0 /26px 26px repeat,#f5f7ff;display:flex;flex-direction:column;height:calc(100vh - 100px);overflow-y:auto;padding-right:10px}.reference-header-with-button{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.reference-content::-webkit-scrollbar{width:12px}.reference-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:6px}.reference-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:6px}.reference-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.reference-content{scrollbar-color:#c1c1c1 #f1f1f1;scrollbar-width:thin}.main-content>.reference-content:has(.text-quiz-instructions){background:#fff!important}.reference-search-container{margin-bottom:20px;padding:0 10px}.reference-search-wrapper{align-items:center;display:flex;position:relative}.reference-search-icon-btn{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;padding:0;position:absolute;right:8px;transition:all .3s ease;width:30px;z-index:1}.reference-search-icon-btn:hover{background-color:#f8f9fa;border-color:#667eea;transform:scale(1.05)}.reference-search-icon-btn:active,.reference-search-icon-btn:focus,.reference-search-icon-btn:focus-visible{background-color:#ffd4a3;border-color:orange;outline:none;transform:scale(.95)}.reference-search-input{background:#fff;border:2px solid #667eea4d;border-radius:8px;box-sizing:border-box;color:#333;font-size:16px;padding:12px 50px 12px 20px;transition:all .3s ease;width:100%}.reference-search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.reference-search-input::placeholder{color:#999}.reference-list{display:flex;flex-direction:column;gap:12px;margin-top:30px}.reference-list.reference-list-vocabulary{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:30px}@media (max-width:1400px){.reference-list.reference-list-vocabulary{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:1024px){.reference-list.reference-list-vocabulary{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (max-width:768px){.reference-list.reference-list-vocabulary{grid-template-columns:1fr}}.reference-item{background:#fff;border:2px solid #facc15a6;border-radius:10px;box-shadow:0 2px 4px #facc1533;display:flex;flex-direction:column;gap:12px;padding:16px 20px;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}.reference-item:hover{border-color:#facc15e6;box-shadow:0 4px 16px #facc154d;transform:translateY(-2px)}.reference-item-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between}.reference-item-vocabulary .reference-item-header{flex-direction:column;gap:12px}.reference-item-vocabulary .reference-item-name{flex:1 1}.reference-item-vocabulary .reference-item-right{align-items:center;justify-content:space-between;width:100%}.reference-item-checkbox{align-items:center;cursor:pointer;display:flex;margin-right:10px}.reference-item-checkbox input[type=checkbox]{cursor:pointer;height:20px;margin:0;transition:none!important;width:20px}.reference-item-name{color:#333;flex:1 1;font-size:20px;font-weight:700;line-height:1.2;text-align:left}.reference-item-right{align-items:center;display:flex;flex-direction:row;gap:10px}.reference-flashlight-btn{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;padding:4px 6px;transition:all .3s ease;width:40px}.reference-flashlight-btn:hover{background-color:#f8f9fa;border-color:#667eea;transform:scale(1.05)}.reference-flashlight-btn:active{background-color:#ffd4a3;border-color:orange;transform:scale(.95)}.reference-badge{align-items:center;background:#f0f2ff;border:2px solid #e9ecef;border-radius:8px;display:flex;justify-content:center;padding:8px 14px}.reference-item-metadata{color:#333;font-size:14px;font-weight:600;white-space:nowrap}.reference-item.reference-item-learned{border-color:#22c55e;box-shadow:0 0 0 2px #22c55e26,0 6px 16px #22c55e33}.vocabulary-material-mode-main .vocabulary-material-card{border-color:#d1d5db;box-shadow:0 2px 6px #0f172a14;min-height:340px}.vocabulary-material-mode-main .vocabulary-material-card:hover{border-color:#9ca3af;box-shadow:0 4px 12px #0f172a1f}.vocabulary-material-mode-main .vocabulary-material-card.reference-item-learned{border-color:#d1d5db;box-shadow:0 2px 6px #0f172a14}.vocabulary-card-image-wrapper{display:flex;justify-content:center;margin-bottom:10px;width:100%}.vocabulary-card-image{object-fit:contain}.vocabulary-card-image,.vocabulary-card-word-fallback{background-color:#f5f5f5;border-radius:10px;height:200px;width:200px}.vocabulary-card-word-fallback{align-items:center;color:#2c3a4a;display:flex;font-size:26px;font-weight:700;justify-content:center;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.vocabulary-card-translation{color:#495057;font-size:17px}.vocabulary-card-footer{align-items:center;display:flex;gap:8px;justify-content:space-between}.vocabulary-sound-button{align-items:center;background:#f9fafc;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;display:inline-flex;justify-content:center;padding:6px;transition:background .2s ease,box-shadow .2s ease,transform .1s ease}.vocabulary-sound-button img{height:26px;width:26px}.vocabulary-sound-button:hover{background:#eef2ff;box-shadow:0 2px 6px #0000001a;transform:translateY(-1px)}.word-popup-sound-button{background:#fff!important;border:1px solid #d1d5db!important;min-width:auto!important;padding:4px!important}.word-popup-sound-button img{height:20px!important;width:20px!important}.word-popup-sound-button:hover{background:#f9fafc!important;border-color:#9ca3af!important}.vocabulary-material-mode-main .vocabulary-material-card .reference-item-header{min-height:32px}.vocabulary-material-mode-main .vocabulary-material-card--no-image .vocabulary-card-translation{margin-bottom:36px}.vocabulary-material-mode-main .reference-list.reference-list-vocabulary{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}@media (max-width:1400px){.vocabulary-material-mode-main .reference-list.reference-list-vocabulary{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:1024px){.vocabulary-material-mode-main .reference-list.reference-list-vocabulary{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}.reference-progress-bar{background-color:initial;border:1px solid #3b82f680;border-radius:3px;height:6px;overflow:hidden;position:relative;width:100%}.reference-progress-fill{background-color:#22c55e;border-radius:2px;height:100%;transition:width .3s ease}.reference-progress-fill.full-green{background-color:#22c55e;width:100%!important}.reference-progress-fill.full-red{background-color:initial;width:100%!important}.reference-item-expanded{animation:slideDown .3s ease-out;background:#0000;border:none;margin-top:15px;padding:0}.reference-empty{color:#6c757d;font-size:16px;font-style:italic;padding:40px;text-align:center}.reference-info-content{display:flex;flex-direction:column;gap:20px;margin-top:10px}.reference-back-btn{align-self:flex-start;background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.reference-back-btn:hover{background:#5a6fd8;box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.reference-info-text{background:#fff;border:2px solid #e9ecef;border-radius:10px;box-sizing:border-box;color:#333;font-size:20px;line-height:1.8;padding:32px 40px;text-align:left;width:100%}.reference-info-text:has(.plural-guide){padding-top:16px}.reference-info-content-text{word-wrap:break-word;text-align:left;white-space:pre-wrap}.reference-info-content-text p{line-height:1.5;margin:.5em 0}.reference-info-content-text h1,.reference-info-content-text h2,.reference-info-content-text h3{line-height:1.3;margin:.8em 0 .4em}.reference-info-content-text ol,.reference-info-content-text ul{margin:.5em 0;padding-left:1.5em}.reference-info-content-text li{line-height:1.5;margin:.2em 0}.reference-info-content-text .article-guide,.reference-info-content-text .plural-guide{color:#111;font-family:Arial,Helvetica,sans-serif;line-height:1.45;margin:0;padding:0}.reference-info-content-text .article-guide p{line-height:1.45;margin:.5em 0;padding:0}.reference-info-content-text .article-guide h1{font-size:1.6rem;font-weight:600;line-height:1.3;margin-bottom:.2rem;margin-top:0;padding:0}.reference-info-content-text .article-guide h2{font-size:1.4rem;font-weight:600;line-height:1.3;margin:.2em 0 .15em;padding:0}.reference-info-content-text .article-guide h3{font-size:1.2rem;font-weight:600;line-height:1.3;margin:.2em 0 .1em;padding:0}.reference-info-content-text .article-guide ol,.reference-info-content-text .article-guide ul{margin:.5em 0;padding-left:1.5em}.reference-info-content-text .article-guide li{line-height:1.45;margin:.2em 0;padding:0}.reference-error{color:#dc3545;font-weight:600;padding:20px;text-align:center}.vocabulary-info-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;gap:20px;padding:24px 28px}.vocabulary-info-title{color:#1f2933;font-size:28px;font-weight:600;margin-bottom:8px;text-align:left;text-transform:capitalize}.vocabulary-part-of-speech{background:#fff;border:1px solid #edf1f5;border-radius:10px;box-shadow:0 4px 12px #0f172a0a;padding:18px}.vocabulary-pos-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:12px}.vocabulary-pos-title{color:#253046;font-size:20px;font-weight:600;text-transform:none}.vocabulary-pos-translation{color:#475569;font-size:18px;font-weight:600;white-space:nowrap}.vocabulary-pos-translation-value{color:#111827;font-weight:700}.vocabulary-forms{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.vocabulary-form-item{background:#fff;border:1px solid #e9ecef;border-radius:6px;display:flex;gap:10px;padding:10px 14px;transition:all .2s ease}.vocabulary-form-item:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea26}.vocabulary-form-label{color:#6c757d;font-size:16px;font-weight:600;min-width:140px}.vocabulary-form-value{color:#333;flex:1 1;font-size:16px;font-weight:500}.settings-content h2{text-align:center}.profile-content p,.reference-content p,.settings-content p{color:#6c757d;font-size:1.1rem;line-height:1.6}.profile-content{background:linear-gradient(135deg,#667eea2e,#667eea0d 40%,#764ba21f),radial-gradient(circle at 1px 1px,#ffffff73 0,#ffffff73 2px,#0000 0) 0 0 /26px 26px repeat,#f5f7ff;box-sizing:border-box;max-width:100%;padding:30px 40px;text-align:left;width:100%}.profile-content::-webkit-scrollbar{width:6px}.profile-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.profile-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.profile-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.profile-content{scrollbar-color:#c1c1c1 #f1f1f1;scrollbar-width:thin}@media (max-width:768px){.main-content[data-section=profile]{padding-left:8px!important;padding-right:20px!important}.main-content[data-section=profile],.main-content[data-section=settings]{box-sizing:border-box!important;max-width:100vw;overflow-x:hidden;padding-top:0}.main-content[data-section=settings]{padding-left:0!important;padding-right:0!important}.main-content[data-section=settings] .settings-content{margin:0!important;padding:12px 10px 70px!important}.main-content[data-section=settings] .settings-content h2{font-size:.9rem!important;margin-bottom:12px!important}.main-content[data-section=settings] .settings-content p{font-size:.72rem!important}.main-content[data-section=settings] .settings-grid{gap:12px!important}.main-content[data-section=settings] .settings-card{border-radius:10px;padding:12px 14px!important}.main-content[data-section=settings] .settings-content .profile-btn,.main-content[data-section=settings] .settings-content button{border-radius:6px!important;font-size:.7rem!important;padding:5px 8px!important}.main-content[data-section=settings] .artemy-reactions-text{font-size:.72rem!important}.main-content[data-section=settings] .artemy-reactions-content{gap:16px!important}.main-content[data-section=settings] .settings-content .bot-card{font-size:.72rem!important;padding:6px 10px!important}.main-content[data-section=settings] .settings-documents-section{gap:10px!important;margin-top:16px!important;padding-top:14px!important}.main-content[data-section=settings] .settings-documents-section .profile-link{font-size:.8rem!important}.main-content[data-section=settings] .settings-content .profile-session-details-btn{height:26px!important;min-height:26px;min-width:26px;padding:3px!important;width:26px!important}.main-content[data-section=settings] .settings-content .profile-session-details-btn img{height:14px!important;width:14px!important}.main-content[data-section=settings] .settings-content .toggle-switch{flex-shrink:0;height:20px!important;min-width:36px!important;width:36px!important}.main-content[data-section=settings] .settings-content .toggle-slider{border-radius:20px!important}.main-content[data-section=settings] .settings-content .toggle-slider:before{bottom:3px!important;height:14px!important;left:3px!important;width:14px!important}.main-content[data-section=settings] .settings-content .toggle-switch input:checked+.toggle-slider:before{transform:translateX(16px)}.main-content[data-section=settings] .bots-grid{display:flex!important;flex-direction:column!important;gap:10px!important}.main-content[data-section=settings] .bots-grid .bot-card{gap:10px;min-height:64px!important;padding:10px 12px!important;width:100%!important}.main-content[data-section=settings] .bots-grid .bot-card-title{font-size:.9rem!important}.main-content[data-section=settings] .bots-grid .bot-card-icon{bottom:10px;max-height:40px!important;right:10px;width:auto!important}.main-content[data-section=settings] .bots-grid .bot-card-icon-qr{display:none!important}.profile-content{background:#0000;border-radius:0;box-shadow:none;margin:0;padding:0 0 8px;padding-bottom:70px!important}.profile-content,.profile-content>*{box-sizing:border-box;max-width:100%;min-width:0;overflow-x:hidden;width:100%}.profile-content>*{flex-shrink:0;margin-bottom:10px;margin-left:0;margin-right:0}.profile-content>:last-child{margin-bottom:0}.profile-content .profile-session-details-btn{font-size:14px!important;height:28px!important;min-height:28px;min-width:28px;padding:4px!important;width:28px!important}.profile-content .profile-session-details-btn img{height:16px!important;max-height:16px;max-width:16px;width:16px!important}.profile-content .profile-session-stat-panels-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.profile-content .profile-session-stat-panel{font-size:.72rem!important;line-height:1.35;min-width:0;padding:8px 10px!important}.profile-content .profile-session-stat-panel h4{font-size:.82rem!important;margin-bottom:6px!important}.profile-content .profile-session-stat-detail,.profile-content .profile-session-stat-detail-line{font-size:.7rem!important}.profile-content .profile-session-expanded{padding:10px 12px!important}.profile-content .schedule-edit-tabs{gap:6px;margin-bottom:12px}.profile-content .schedule-tab{font-size:12px;padding:8px 12px}.profile-content .profile-links-section{gap:10px!important;margin-top:16px!important;padding-top:14px!important}.profile-content .profile-link,.profile-content .profile-link-button{font-size:.8rem!important}.profile-content .profile-main-section{margin-top:-24px}.profile-content .profile-btn,.profile-content .profile-edit-link-goal{border-radius:6px!important;font-size:.7rem!important;padding:5px 8px!important}.profile-content .statistics-mode-btn,.profile-content .statistics-period-btn{border-radius:6px!important;font-size:.65rem!important;padding:3px 5px!important}.profile-content .profile-statistics-section{margin-left:0!important;margin-right:0!important;max-width:100%!important;padding:18px 14px 22px!important;width:100%!important}.profile-content .profile-statistics-chart{min-width:0;overflow:visible;padding:8px 6px 8px 20px!important}.profile-content .statistics-chart-container{min-width:0;width:100%}.profile-content .statistics-chart-grid{left:20px;right:6px}.profile-content .statistics-grid-label{font-size:9px;left:-18px;min-width:16px}.profile-content .statistics-chart-bars,.profile-content .statistics-chart-labels{box-sizing:border-box;display:flex;gap:0;justify-content:space-between;padding-left:20px!important;padding-right:6px!important;width:100%}.profile-content .statistics-chart-bars .statistics-bar-wrapper,.profile-content .statistics-chart-labels span{flex:1 1;max-width:none;min-width:0}.profile-content .statistics-chart-labels span{font-size:8px;padding:0 1px;text-align:center}.profile-content .statistics-chart-labels span:nth-child(2n){display:block}}.settings-content{background:linear-gradient(135deg,#667eea2e,#667eea0d 40%,#764ba21f),radial-gradient(circle at 1px 1px,#ffffff73 0,#ffffff73 2px,#0000 0) 0 0 /26px 26px repeat,#f5f7ff;box-sizing:border-box;max-width:100%;padding:30px 40px;text-align:left;width:100%}.settings-content::-webkit-scrollbar{width:6px}.settings-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.settings-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.settings-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.settings-content{scrollbar-color:#c1c1c1 #f1f1f1;scrollbar-width:thin}.profile-error,.profile-success{border-radius:8px;font-size:14px;margin-bottom:20px;padding:12px 20px}.profile-error{background-color:#fee;border:1px solid #fcc;color:#c33}.profile-success{background-color:#efe;border:1px solid #cfc;color:#3c3}.profile-header{align-items:center;display:flex;justify-content:center;margin-bottom:30px;position:relative}.profile-header h2{color:#2c3e50;font-size:2rem;margin:0;text-align:center}.profile-header .profile-back-btn{position:absolute;right:0}.profile-back-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .3s ease}.profile-back-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.profile-main-section{background:#fff;border:2px solid #e9ecef;border-radius:12px;box-shadow:0 2px 10px #0000000d;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;margin-bottom:30px;padding:25px;position:relative;width:100%}.profile-main-title{font-size:2rem;font-weight:700;margin:0 0 16px;text-align:center;width:100%}.profile-main-content-wrapper{align-items:flex-start;display:flex;flex:1 1 auto;gap:30px;width:100%}.profile-avatar-section{flex-shrink:0}.profile-avatar-container{border:4px solid #fff;border-radius:50%;box-shadow:0 4px 15px #0000001a;cursor:pointer;height:150px;overflow:hidden;position:relative;transition:all .3s ease;width:150px}.profile-avatar-container:hover{box-shadow:0 6px 20px #667eea4d;transform:scale(1.05)}.profile-avatar-container:hover .profile-avatar-overlay{opacity:1}.profile-avatar{height:100%;object-fit:cover;width:100%}.cookie-consent-banner{background:linear-gradient(145deg,#eef2ff,#e2e8ff 55%,#dce4ff);border:2px solid #5869e873;border-radius:14px;bottom:16px;box-shadow:0 4px 6px #29325f14,0 16px 40px #5869e838,inset 0 0 0 1px #fff9;display:flex;flex-direction:column;gap:12px;left:266px;padding:18px 48px 18px 20px;position:fixed;right:296px;z-index:10003}.cookie-consent-close{background:#0000;border:none;border-radius:10px;color:#1f2a4461;cursor:pointer;font-family:inherit;font-size:1.5rem;height:36px;line-height:1;margin:0;padding:0;position:absolute;right:8px;top:8px;transition:background .15s ease,color .15s ease;width:36px}.cookie-consent-close:hover{background:#1f2a4412;color:#1f2a44a6}.cookie-consent-close:focus-visible{outline:2px solid #5869e8b3;outline-offset:2px}.cookie-consent-text{color:#1a2340;font-size:15px;font-weight:500;line-height:1.5;margin:0;padding-right:8px}.cookie-consent-actions{display:flex;flex-wrap:wrap;gap:10px}.cookie-consent-btn{border:none;border-radius:10px;cursor:pointer;font-family:inherit;font-size:15px;font-weight:600;padding:10px 20px;transition:transform .15s ease,opacity .15s ease,box-shadow .15s ease}.cookie-consent-btn:hover{opacity:.98;transform:translateY(-1px)}.cookie-consent-btn-accept{background:linear-gradient(180deg,#6b7aed,#5869e8);box-shadow:0 4px 14px #5869e873;color:#fff}@media (max-width:1200px){.cookie-consent-banner{left:216px;right:266px}}@media (max-width:900px){.cookie-consent-banner{left:216px;right:16px}}@media (max-width:768px){.cookie-consent-banner{bottom:68px;left:12px;right:12px}}.profile-avatar-overlay{align-items:center;background:#667eeab3;bottom:0;display:flex;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.profile-avatar-overlay span{color:#fff;font-size:2rem}.profile-info-section{display:flex;flex:1 1 auto;flex-direction:column;min-width:400px;width:auto}.profile-info-row{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;width:100%}.profile-info-left{flex:1 1;min-width:300px}.profile-section-title{margin:0 0 16px;text-align:center;width:100%}.profile-info-right{align-items:flex-end;display:flex;flex-direction:column;gap:15px;min-width:150px}.profile-info-logo{height:auto;max-width:220px}.profile-name-field{margin-bottom:20px}.profile-name-large{color:#2c3e50;display:block;font-size:2rem;font-weight:700;margin-bottom:10px}.profile-name-field .profile-account-type{background:linear-gradient(135deg,#f0f2ff,#f8f9fa);border:1px solid #e0e4ff;border-radius:6px;color:#667eea;display:inline-block;font-size:14px;font-weight:600;margin-top:8px;padding:6px 12px}.profile-field{margin-bottom:15px}.profile-field label{color:#495057;display:block;font-size:14px;font-weight:600;margin-bottom:5px}.profile-field span{color:#2c3e50;font-size:16px}.profile-field-inputs{display:flex;gap:10px}.profile-field input{border:2px solid #e9ecef;border-radius:6px;flex:1 1;font-size:14px;padding:8px 12px;transition:border-color .3s ease}.profile-field input:focus{border-color:#667eea;outline:none}.profile-edit-link{background:none;border:none;color:#667eea;cursor:pointer;font-size:14px;padding:0;text-decoration:underline;transition:color .3s ease}.profile-edit-link:hover{color:#764ba2}.profile-edit-link:disabled{cursor:not-allowed;opacity:.5}.profile-edit-link-goal{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea40;color:#fff!important;font-size:15px!important;font-weight:400;padding:10px 20px!important;text-decoration:none!important;transition:all .3s ease}.profile-edit-link-goal:hover{background:linear-gradient(135deg,#5568d3,#6a3f8f);box-shadow:0 4px 12px #667eea66;color:#fff!important;transform:translateY(-2px)}.profile-edit-link-goal:disabled{cursor:not-allowed;opacity:.6;transform:none}.profile-edit-actions{display:flex;gap:10px}.profile-account-type{background:linear-gradient(135deg,#f0f2ff,#f8f9fa);border:1px solid #e0e4ff;border-radius:8px;color:#667eea;font-size:15px;font-weight:600;padding:8px 16px}.profile-edit-bottom{align-items:center;border-top:1px solid #e9ecef;box-sizing:border-box;display:flex;justify-content:flex-end;margin-top:auto;padding-top:20px;width:100%}.profile-edit-link-bottom{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.profile-edit-link-bottom:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.profile-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.profile-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.profile-btn-primary:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.profile-btn-secondary{background:#f8f9fa;border:2px solid #e9ecef;color:#495057}.profile-btn-secondary:hover{background:#e9ecef;border-color:#dee2e6}.profile-children-section{background:#0000;margin-bottom:40px;padding:25px}.profile-children-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.profile-children-section h3{color:#2c3e50;font-size:1.3rem;margin:0}.main-content[data-section=education]>.start-session-container{align-items:stretch;background:#0000;justify-content:stretch;padding:0}.main-content[data-section=education] .settings-content.education-children-content{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex:1 1;flex-direction:column;height:calc(100% - 8px);margin:4px 8px;min-height:0;min-width:0;overflow-y:auto;padding:28px 32px}.education-children-content .profile-children-list{display:flex;flex-wrap:wrap;gap:24px;justify-content:flex-start}.education-children-content .profile-child-card{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 6px 18px #0f172a1f;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;height:auto;justify-content:flex-start;min-height:230px;overflow:visible;padding:18px 16px;transition:all .25s ease;width:230px}.education-children-content .profile-child-card:hover{border-color:#667eea;box-shadow:0 10px 26px #0f172a2e;transform:translateY(-6px)}.education-children-content .profile-child-avatar{border-radius:12px;box-shadow:0 2px 8px #0000001a;flex-shrink:0;height:120px;margin-bottom:8px;object-fit:cover;width:120px}.education-children-content .profile-child-name{word-wrap:break-word;color:#2c3e50;font-size:18px;font-weight:600;margin-bottom:8px;margin-top:14px;min-width:0;overflow-wrap:break-word;text-align:center;width:100%}.education-children-content .profile-child-stats{word-wrap:break-word;color:#4b5563;font-size:14px;min-width:0;overflow-wrap:break-word;text-align:center;width:100%}.education-children-content .profile-child-renew-link{background:none;border:none;color:#0d6efd;cursor:pointer;flex-shrink:0;font-size:14px;margin-top:6px;padding:0;text-decoration:underline}.education-children-content .profile-child-renew-link:hover{color:#0a58ca}@media (max-width:768px){.main-content[data-section=education] .settings-content.education-children-content{-webkit-overflow-scrolling:touch;border-radius:12px;margin:4px 8px;overflow-y:auto;padding:16px 12px 56px}.education-children-content .profile-children-section{margin-bottom:20px;padding:0}.education-children-content .profile-children-header{align-items:stretch;flex-direction:column;gap:12px;margin-bottom:16px}.education-children-content .profile-children-section h3{font-size:1.1rem;text-align:center}.education-children-content .profile-children-header .profile-btn{font-size:13px;padding:10px 16px;width:100%}.education-children-content .profile-children-list{gap:16px;justify-content:flex-start}.education-children-content .profile-child-card{border-radius:12px;height:auto;max-width:213px;min-height:240px;min-width:0;padding:16px 14px;width:calc(50% - 8px)}.education-children-content .profile-child-avatar{border-radius:10px;height:96px;margin-bottom:8px;width:96px}.education-children-content .profile-child-name{font-size:18px;margin-bottom:6px;margin-top:10px;text-align:center}.education-children-content .profile-child-stats{font-size:14px;text-align:center}.education-children-content .profile-children-empty{font-size:14px;padding:24px 16px;text-align:center}}.profile-child-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a;transform:translateY(-2px)}.profile-child-card.active{background:linear-gradient(135deg,#f0f2ff,#f8f9fa);border-color:#667eea}.profile-child-name{color:#2c3e50;font-size:16px;font-weight:600}.profile-child-stats{color:#6c757d;font-size:14px}.profile-parents-section{margin-bottom:40px}.profile-parents-section h3{color:#2c3e50;font-size:1.5rem;margin-bottom:20px}.profile-parents-list{display:flex;flex-direction:column;gap:10px}.profile-parent-item{background:#f8f9fa;border-radius:6px;color:#495057;font-size:14px;padding:10px}.profile-goal-today-section{display:flex;gap:20px;margin-bottom:30px}.profile-goal-compact,.profile-today-points-compact{background:#fff;border:2px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000000d;flex:1 1;padding:20px}.profile-today-points-compact{align-items:stretch;display:flex;flex-direction:column;justify-content:flex-start}.profile-today-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px;min-height:28px}.profile-today-header h3{color:#2c3e50;font-size:1.3rem;line-height:1.2;margin:6px 0 0;padding-top:0}.profile-today-stats-wrapper{flex-direction:row;gap:30px;margin-top:20px;width:100%}.profile-today-stat-item,.profile-today-stats-wrapper{align-items:center;display:flex;justify-content:center}.profile-today-stat-item{flex-direction:column}.profile-today-value-wrapper{align-items:center;display:flex;gap:15px;justify-content:center}.profile-today-clock-compact{height:50px;object-fit:contain;width:50px}.profile-today-star-compact{height:70px;object-fit:contain;width:70px}.profile-today-value{color:#667eea;font-size:2.67rem;font-weight:700;line-height:1}.profile-goal-stats-wrapper{flex-direction:row;gap:30px;padding:10px 0;width:100%}.profile-goal-stat-item,.profile-goal-stats-wrapper{align-items:center;display:flex;justify-content:center}.profile-goal-stat-item{flex-direction:column}.profile-goal-compact .profile-goal-header{margin-bottom:15px}.profile-goal-compact .profile-goal-header h3{font-size:1.3rem;line-height:1.2;padding-top:0}.profile-goal-compact .profile-goal-inputs{flex-direction:column;gap:12px}.profile-goal-compact .profile-goal-field{width:100%}.profile-goal-compact .profile-goal-text{font-size:14px;padding:12px}.profile-goal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px;min-height:28px}.profile-goal-header h3{color:#2c3e50;font-size:1.3rem;margin:0}.profile-goal-inputs{display:flex;gap:20px}.profile-goal-field{flex:1 1}.profile-goal-field label{color:#495057;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.profile-goal-field input{border:2px solid #e9ecef;border-radius:8px;font-size:16px;padding:10px 15px;transition:border-color .3s ease;width:100%}.profile-goal-field input:focus{border-color:#667eea;outline:none}.profile-goal-field input:invalid{border-color:#dc3545}.profile-goal-error{color:#dc3545;display:block;font-size:12px;margin-top:5px}.profile-goal-instruction{background:#e7f3ff;border:1px solid #b3d9ff;border-radius:8px;margin-bottom:20px;padding:12px 16px}.profile-goal-instruction p{color:#06c;font-size:14px;line-height:1.5;margin:0}.profile-goal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:15px}.profile-goal-text{background:#f8f9fa;border-radius:8px;color:#495057;font-size:16px;padding:15px}.profile-schedule-section{background:#fff;border:2px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:40px;padding:25px}.profile-schedule-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.profile-schedule-header-actions{align-items:center;display:flex;gap:10px}.profile-schedule-header h3{color:#2c3e50;font-size:1.3rem;margin:0}.profile-schedule-list{display:flex;flex-direction:column;gap:12px}.profile-schedule-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:15px 20px;transition:all .3s ease}.profile-schedule-item:hover{background:#e9ecef;border-color:#dee2e6}.profile-schedule-item-name{color:#2c3e50;font-size:16px;font-weight:600;margin-bottom:5px}.profile-schedule-item-time{align-items:center;color:#6c757d;display:flex;font-size:14px;gap:8px}.schedule-weekly-badge{background:#667eea;border-radius:12px;color:#fff;font-size:11px;font-weight:500;padding:2px 8px}.schedule-edit-tabs{border-bottom:2px solid #e9ecef;display:flex;gap:10px;margin-bottom:20px}.schedule-tab{background:none;border:none;border-bottom:2px solid #0000;color:#6c757d;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:-2px;padding:10px 20px;transition:all .3s ease}.schedule-tab:hover{color:#667eea}.schedule-tab.active{border-bottom-color:#667eea;color:#667eea}.profile-schedule-empty{color:#6c757d;font-style:italic;padding:30px;text-align:center}.profile-schedule-edit{display:flex;flex-direction:column;gap:12px}.profile-schedule-item-edit{align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;display:flex;gap:12px;padding:15px;transition:all .3s ease}.profile-schedule-item-edit:hover{background:#f0f2ff;border-color:#667eea}.profile-schedule-item-edit input,.profile-schedule-item-edit select{background:#fff;border:2px solid #e9ecef;border-radius:8px;color:#2c3e50;font-size:14px;padding:10px 15px;transition:all .3s ease}.profile-schedule-item-edit input:focus,.profile-schedule-item-edit select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.profile-schedule-item-edit select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23667eea' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;flex:1 1;min-width:180px;padding-right:40px}.profile-schedule-item-edit select:hover{border-color:#667eea}.schedule-time-input-wrapper{align-items:center;display:flex;flex:1 1;gap:4px;min-width:120px}.schedule-time-hours,.schedule-time-minutes{background:#fff;border:2px solid #e9ecef;border-radius:8px;color:#2c3e50;font-size:18px;font-weight:600;padding:10px 12px;text-align:center;transition:all .3s ease;width:80px}.schedule-time-hours:focus,.schedule-time-minutes:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.schedule-time-separator{color:#667eea;font-size:18px;font-weight:600;padding:0 2px}.profile-schedule-item-edit input[type=date]{flex:1 1;min-width:150px}.schedule-day-btn,.schedule-day-selector{display:none}.profile-btn-remove{align-items:center;background:#fff;border:2px solid #dc3545;border-radius:8px;color:#dc3545;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:40px;justify-content:center;min-width:40px;padding:0;transition:all .2s ease}.profile-btn-remove:hover{background:#dc3545;color:#fff;transform:scale(1.05)}.profile-statistics-section{background:#fff;border:2px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:40px;padding:25px}.profile-statistics-section h3{color:#2c3e50;font-size:1.3rem;margin-bottom:20px}.profile-statistics-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}.profile-statistics-controls,.profile-statistics-header{align-items:center;display:flex;gap:15px}.statistics-mode-toggle,.statistics-period-toggle{background:#f8f9fa;border-radius:8px;display:flex;gap:5px;padding:4px}.statistics-mode-btn,.statistics-period-btn{background:#0000;border:none;border-radius:6px;color:#6c757d;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .3s ease}.statistics-mode-btn:hover,.statistics-period-btn:hover{background:#e9ecef}.statistics-mode-btn.active,.statistics-period-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.profile-statistics-chart{background:#f8f9fa;border-radius:8px;min-height:250px;padding:20px 20px 20px 50px}.statistics-chart-container{display:flex;flex-direction:column;height:100%;position:relative}.statistics-chart-grid{display:flex;flex-direction:column;height:200px;justify-content:space-between;left:0;padding:10px 0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.statistics-grid-line{align-items:center;display:flex;height:1px;position:relative;width:100%}.statistics-grid-label{color:#adb5bd;font-size:10px;font-weight:500;left:-35px;min-width:30px;position:absolute;text-align:right}.statistics-grid-line-element{background:#dee2e6;height:1px;margin-left:10px;opacity:.5;width:100%}.statistics-chart-bars{height:200px;justify-content:space-between;padding:10px 0 10px 50px;z-index:2}.statistics-bar-wrapper,.statistics-chart-bars{align-items:flex-end;display:flex;position:relative}.statistics-bar-wrapper{flex:1 1;height:100%;justify-content:center}.statistics-bar-value{color:#495057;font-size:10px;font-weight:600;left:50%;position:absolute;text-align:center;transform:translateX(-50%);white-space:nowrap;z-index:3}.statistics-bar{background:linear-gradient(180deg,#4caf50,#45a049);border-radius:4px 4px 0 0;cursor:pointer;max-width:40px;min-height:4px;transition:all .3s ease;width:100%}.statistics-bar:hover{opacity:.8;transform:scaleY(1.05)}.statistics-chart-labels{color:#6c757d;display:flex;font-size:11px;justify-content:space-between;margin-top:10px;padding-left:50px;padding-right:0}.statistics-chart-labels span{flex:1 1;min-width:0;text-align:center}.profile-level-section{background:#fff;border:2px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:40px;padding:25px;position:relative}.profile-level-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.profile-level-header h3{color:#2c3e50;font-size:1.3rem;margin:0}.profile-level-value{color:#667eea;font-size:1.5rem;font-weight:600}.profile-level-content{align-items:center;display:flex;justify-content:space-between;position:relative}.profile-today-points{align-items:center;display:flex;flex-direction:column;gap:10px}.profile-today-star{height:60px;object-fit:contain;width:60px}.profile-today-text{color:#495057;font-size:14px;font-weight:500;text-align:center}.profile-sessions-section{background:#fff;border:2px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:40px;padding:25px}.profile-sessions-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.profile-sessions-header h3{color:#2c3e50;font-size:1.3rem;margin:0}.profile-sessions-list{display:flex;flex-direction:column;gap:12px}.profile-sessions-empty{color:#6c757d;font-size:15px;padding:40px 20px;text-align:center}.profile-session-item{border:2px solid #e9ecef;border-radius:10px;display:flex;flex-direction:column;margin-bottom:12px;overflow:hidden;transition:all .3s ease}.profile-session-item:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea26}.profile-session-item-missed,.profile-session-item-missed .profile-session-main{background:#fff5f5;border-color:#dc3545}.profile-session-item-missed .profile-session-main{background:#ffe6e6}.profile-session-item-missed:hover{border-color:#dc3545;box-shadow:none}.profile-session-missed-label{color:#c82333;font-size:16px;font-weight:600}.profile-session-main{align-items:center;background:#f8f9fa;display:flex;justify-content:space-between;padding:18px 20px;transition:all .3s ease}.profile-session-item:hover .profile-session-main{background-color:#f0f2ff}.profile-session-item-missed:hover .profile-session-main{background-color:#ffe6e6}.profile-session-date{color:#2c3e50;font-size:16px;font-weight:500}.profile-session-stats{align-items:center;display:flex;gap:25px}.profile-session-stat-item{align-items:center;color:#495057;display:flex;font-size:16px;font-weight:600;gap:8px}.profile-session-stat-value{color:#2c3e50;font-size:18px;font-weight:700}.profile-session-stat-label{color:#6c757d;font-size:14px;font-weight:500;margin-right:2px}.profile-session-icon{height:32px;object-fit:contain;width:32px}.profile-session-details-btn{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:8px;box-sizing:border-box;color:#495057;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;padding:8px 12px;transition:all .3s ease;width:40px}.profile-session-details-btn:hover{background:#f8f9fa;border-color:#667eea;color:#667eea;transform:scale(1.05)}.profile-session-details-btn:active{transform:scale(.95)}.profile-session-expanded{animation:slideDown .3s ease-out;background:#fff;border-top:2px solid #e9ecef;padding:20px}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:1000px;opacity:1}}.profile-session-stat-panels-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}.profile-session-stat-panel{border:3px solid #667eeab3;border-radius:12px;color:#000;flex:1 1;font-size:18px;font-weight:600;line-height:1.6;min-width:200px;padding:14px 20px;text-align:left}.profile-session-stat-panel,.profile-session-stat-panel-blue{background:linear-gradient(135deg,#667eea26,#764ba226);box-shadow:0 4px 16px #667eea4d}.profile-session-stat-panel-blue{border-color:#667eeab3}.profile-session-stat-panel h4{color:#000;font-size:24px;font-weight:600;margin:0 0 12px}.profile-session-stat-detail{color:#000;font-size:18px;font-weight:600;line-height:1.6;margin-bottom:10px}.profile-session-stat-detail:last-child{margin-bottom:0}.profile-session-stat-detail-column{display:flex;flex-direction:column;gap:4px;margin-top:4px}.profile-session-stat-detail-line{display:block;padding-left:1.2em;position:relative}.profile-session-stat-detail-line:before{content:"\2022";left:0;position:absolute}.profile-session-stat-detail strong{color:#2c3e50;display:block;margin-right:8px}.profile-links-section{border-top:2px solid #e9ecef;display:flex!important;flex-direction:column;gap:15px;margin-top:40px;min-height:auto!important;opacity:1!important;padding-top:30px;visibility:visible!important}.settings-content .settings-documents-section{border-top:2px solid #e9ecef;display:flex;flex-direction:column;flex-wrap:wrap;gap:12px;margin-top:24px;padding-top:20px}.settings-documents-wrapper{margin-top:24px}.settings-documents-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.settings-documents-title{color:#495057;font-size:16px;font-weight:600;margin:0}.settings-documents-loading{margin-bottom:12px}.profile-link{color:#667eea;font-size:14px;text-decoration:none;transition:color .3s ease}.profile-link:hover{color:#764ba2;text-decoration:underline}.profile-link-button{background:none;border:none;cursor:pointer;padding:0;text-align:left}.profile-link-logout{color:#dc3545}.profile-link-logout:hover{color:#c82333}.profile-link-delete{color:#dc3545}.profile-link-delete:hover{color:#c82333}.profile-delete-modal-overlay{-webkit-overflow-scrolling:touch;align-items:center;background-color:#0006;bottom:0;box-sizing:border-box;display:flex;height:100vh;justify-content:center;left:0;margin:0;max-height:100dvh;overflow-y:auto;padding:12px;position:fixed;right:0;top:0;width:100vw;z-index:99999}.profile-delete-modal-box{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;flex-shrink:0;margin:auto;max-width:500px;padding:30px;position:relative;width:100%;z-index:100000}.profile-delete-modal-title{word-wrap:break-word;color:#333;font-size:1.1rem;line-height:1.4;margin:0 0 20px}.profile-delete-modal-error{background-color:#ffe6e6;border-radius:5px;color:#f44;font-size:14px;margin-bottom:15px;padding:10px}.profile-delete-modal-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.profile-delete-modal-btn{border-radius:5px;cursor:pointer;font-size:15px;min-height:44px;min-width:100px;padding:10px 20px;touch-action:manipulation}.profile-delete-modal-btn:disabled{cursor:not-allowed;opacity:.7}.profile-delete-modal-btn-cancel{background-color:#fff;border:1px solid #ccc;color:#333}.profile-delete-modal-btn-cancel:hover:not(:disabled){background-color:#f5f5f5}.profile-delete-modal-btn-confirm{background-color:#f44;border:none;color:#fff}.profile-delete-modal-btn-confirm:hover:not(:disabled){background-color:#d33}@media (max-width:480px){.profile-delete-modal-overlay{align-items:flex-start;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom))}.profile-delete-modal-box{border-radius:12px;margin:0;max-width:none;padding:20px 16px}.profile-delete-modal-title{font-size:1rem;margin-bottom:16px}.profile-delete-modal-actions{flex-direction:column-reverse;gap:12px;margin-top:8px}.profile-delete-modal-btn{font-size:16px;min-width:0;padding:14px 20px;width:100%}}@media (max-width:768px){.profile-main-section{flex-direction:column;gap:20px}.profile-info-row{flex-direction:column}.profile-info-right{align-items:flex-start}.profile-today-points{margin:20px 0;position:static;transform:none}.profile-goal-inputs{flex-direction:column}}.no-data-icon{font-size:3rem;margin-bottom:20px;opacity:.7}.content-placeholder{color:#6c757d;padding:60px 20px;text-align:center}.content-placeholder p{font-size:1.1rem;line-height:1.6;margin:10px 0}.content-placeholder p:first-of-type{color:#495057;font-size:1.2rem;font-weight:500}.mode-selection{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;gap:10px;justify-content:flex-start;margin:20px 0;max-height:none;padding:20px;scrollbar-color:#667eea #f1f1f1;scrollbar-width:thin;width:100%}.mode-selection::-webkit-scrollbar{width:8px}.mode-selection::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.mode-selection::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}.mode-selection::-webkit-scrollbar-thumb:hover{background:#5a6fd8}.mode-selection .mode-btn{background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;display:block;font-size:13px;font-weight:600;padding:10px 16px;text-align:left;transition:all .3s ease;white-space:nowrap;width:100%}.mode-selection .mode-btn:hover{transform:translateY(-2px)}.mode-selection .mode-btn.active,.mode-selection .mode-btn:hover{background:#667eea;box-shadow:0 4px 15px #667eea4d;color:#fff}.mode-selection-placeholder{align-items:center;display:flex;justify-content:center;min-height:400px;overflow-x:hidden;overflow-y:auto;padding:20px;width:100%}.mode-selection-placeholder:has(.reference-content.start-session-container){height:100%!important;margin:0!important;min-height:100%!important;padding:0!important;width:100%!important}.settings-content .mode-selection-placeholder{flex-shrink:0;height:auto;margin-top:30px;min-height:400px}.placeholder-content{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;justify-content:flex-start;max-width:600px;padding:20px;text-align:center;width:100%}.placeholder-content h2{color:#667eea;font-size:2rem;margin-bottom:20px}.placeholder-content p{color:#6c757d;font-size:1.1rem;line-height:1.6;margin-bottom:25px}.start-session-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:20px;font-weight:600;min-width:200px;padding:20px 40px;transition:all .3s ease}.start-session-btn:hover:not(:disabled){background:linear-gradient(135deg,#5a6fd8,#6a4c93);box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.start-session-btn:active:not(:disabled){transform:translateY(0)}.start-session-btn:disabled{cursor:not-allowed;opacity:.6}.start-session-container{align-items:center;background:linear-gradient(135deg,#667eea2e,#667eea0d 40%,#764ba21f),radial-gradient(circle at 1px 1px,#ffffff73 0,#ffffff73 2px,#0000 0) 0 0 /26px 26px repeat,#f5f7ff;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:flex;flex:1 1;height:100%;justify-content:center;margin:0;width:100%}.main-content[data-section=games]>.start-session-container{align-items:stretch;box-sizing:border-box;flex-direction:column;justify-content:flex-start;overflow-y:auto;padding:16px 20px}.main-content[data-section=games]>.start-session-container>.text-quiz-instructions{box-sizing:border-box;flex-shrink:0;margin:0 0 16px;max-width:100%;width:100%}.main-content[data-section=home]>.start-session-container{align-items:stretch;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;min-height:0;position:relative;transition:none;width:100%}.reference-content.start-session-container .start-session-panel{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:12px;box-shadow:0 2px 10px #00000014;box-sizing:border-box;display:flex;flex-direction:column;gap:32px;height:100%;justify-content:flex-start;min-height:100%;overflow:hidden;padding:28px 36px;width:100%}.start-session-stats-title.start-session-stats-title-full{flex-shrink:0;margin:0 0 8px;padding:0;text-align:center;width:100%}.start-session-panel-top{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;flex-shrink:0;gap:32px;justify-content:center;max-width:100%;overflow:hidden;padding:10px 0;width:100%}.start-session-panel-top .profile-today-value-wrapper{gap:4px}.start-session-stat-left,.start-session-stat-right{align-items:center;box-sizing:border-box;display:flex;flex-shrink:0;gap:4px;justify-content:center;max-width:100%;min-width:72px;overflow:hidden}.start-session-panel-top .profile-today-value{color:#667eea;font-size:2.5rem;font-weight:700;line-height:1;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.start-session-panel-top .profile-today-clock-compact{height:48px;object-fit:contain;width:48px}.start-session-panel-top .profile-today-star-compact{height:56px;object-fit:contain;width:56px}.start-session-logo-block{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:12px;justify-content:center;max-width:100%;min-width:0;overflow:hidden}.start-session-stats-title{color:#495057;font-size:1.25rem;font-weight:600;letter-spacing:.02em;margin:0}.start-session-panel .start-session-logo{flex-shrink:1;height:auto;max-height:280px;max-width:100%;object-fit:contain;width:260px}.start-session-panel .start-session-btn-long{font-size:18px;max-width:480px;min-height:0;min-width:280px;overflow:hidden;padding:18px 32px;text-overflow:ellipsis;white-space:nowrap;width:100%}.start-session-schedule-block{display:flex;flex:1 1;flex-direction:column;gap:6px;max-width:100%;min-height:0;width:100%}.start-session-panel .start-session-btn-as-cell{border:2px solid #667eea80;border-radius:8px;box-shadow:0 2px 8px #667eea33;font-size:18px;max-width:none;min-height:56px;min-width:0;padding:20px 32px;text-align:left}.start-session-panel .start-session-btn-as-cell:hover:not(:disabled){border-color:#667eea;box-shadow:0 4px 12px #667eea4d}.start-session-panel .start-session-upcoming{display:flex;flex-direction:column;gap:6px;max-width:100%;overflow:visible;width:100%}.start-session-upcoming-tile{cursor:default;opacity:.9;pointer-events:none}.start-session-upcoming-tile:hover{background:#f8f9fa!important}.start-session-schedule-placeholder{align-items:center;background:#f8f9fa;border:1px dashed #dee2e6;border-radius:8px;display:flex;flex-direction:column;gap:12px;max-width:100%;padding:20px 16px;width:100%}.start-session-schedule-placeholder-text{color:#6c757d;font-size:15px;margin:0;text-align:center}.start-session-schedule-placeholder-link{background:none;border:none;color:#667eea;cursor:pointer;font-size:15px;font-weight:600;padding:0;text-decoration:underline;text-underline-offset:3px}.start-session-schedule-placeholder-link:hover{color:#5a67d8}@media (max-width:1400px){.start-session-panel-top{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-areas:"logo logo" "left right";grid-template-columns:1fr 1fr;justify-items:center;min-height:auto;padding:10px 0;width:100%}.start-session-logo-block{grid-area:logo}.start-session-stat-left.profile-today-value-wrapper{grid-area:left}.start-session-stat-right.profile-today-value-wrapper{grid-area:right}.start-session-panel .start-session-logo{max-height:240px;width:min(260px,85vw)}}@media (max-width:768px){.main-content:has(.mode-selection-placeholder:has(.reference-content.start-session-container)),.main-content[data-section=lessons]:has(.mode-selection-placeholder:has(.reference-content.start-session-container)){gap:0!important;overflow-x:hidden;padding:0!important}.mode-selection-placeholder:has(.reference-content.start-session-container){align-items:stretch;align-self:stretch;box-sizing:border-box;margin:0 calc(50% - 50vw)!important;max-width:100vw!important;padding:0!important;width:100vw!important}.mode-selection-placeholder .reference-content.start-session-container{align-self:stretch;margin:0!important;max-width:100%!important;min-width:100%!important;padding:0!important;width:100%!important}.mode-selection-placeholder .start-session-panel{align-self:stretch;border-radius:0;box-sizing:border-box;gap:20px;margin:0!important;max-width:100%!important;min-width:100%!important;padding:14px 15px 20px!important;width:100%!important}.mode-selection-placeholder .start-session-stats-title.start-session-stats-title-full{font-size:1rem;font-weight:600;margin-bottom:6px}.mode-selection-placeholder .start-session-panel-top{grid-gap:12px;align-items:center;box-sizing:border-box;display:grid;gap:12px;grid-template-areas:"logo logo" "left right";grid-template-columns:1fr 1fr;justify-items:center;max-width:100%;overflow:hidden;padding:8px 12px;width:100%}.mode-selection-placeholder .start-session-logo-block{grid-area:logo}.mode-selection-placeholder .start-session-stat-left.profile-today-value-wrapper{grid-area:left;justify-content:center;max-width:100%;min-width:0}.mode-selection-placeholder .start-session-stat-right.profile-today-value-wrapper{grid-area:right;justify-content:center;max-width:100%;min-width:0}.mode-selection-placeholder .start-session-panel .start-session-logo{height:auto;max-height:130px;max-width:140px;object-fit:contain;width:min(140px,40vw)!important}.mode-selection-placeholder .start-session-panel-top .profile-today-value-wrapper{overflow:hidden}.mode-selection-placeholder .start-session-panel-top .profile-today-value{font-size:clamp(1.75rem,8vw,2.25rem);max-width:100px}.mode-selection-placeholder .start-session-panel-top .profile-today-clock-compact{height:32px;width:32px}.mode-selection-placeholder .start-session-panel-top .profile-today-star-compact{height:36px;width:36px}.mode-selection-placeholder .start-session-schedule-block{box-sizing:border-box;gap:12px;max-width:100%;padding:0 8px 80px;width:100%}.mode-selection-placeholder .start-session-panel .start-session-btn-as-cell{font-size:14px;min-height:48px;padding:12px 16px}.mode-selection-placeholder .start-session-schedule-placeholder-text{font-size:14px}.mode-selection-placeholder .start-session-upcoming,.mode-selection-placeholder .start-session-upcoming .profile-schedule-item,.mode-selection-placeholder .start-session-upcoming-tile{font-size:13px}.mode-selection-placeholder .start-session-upcoming .profile-schedule-item-time{font-size:12px}.mode-selection-placeholder .start-session-upcoming .profile-schedule-item-name{font-size:13px}}.news-panel{background:#fff;border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 6px 18px #0f172a1f;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;margin:0;min-height:0;min-width:0;overflow-y:auto;padding:12px 24px 24px;width:100%}@media (max-width:768px){.main-content[data-section=home]{box-sizing:border-box!important;padding-left:0!important;padding-right:0!important}.main-content[data-section=home]>.start-session-container{box-sizing:border-box!important;margin:0!important;max-width:100%!important;min-width:0!important;overflow-x:hidden;padding:0!important;width:100%!important}.main-content[data-section=home]>.start-session-container>.news-panel{border-left-width:0!important;border-radius:0!important;border-right-width:0!important;box-sizing:border-box!important;margin:0!important;max-width:100%!important;min-width:0!important;overflow-wrap:break-word;padding:12px 12px 70px!important;width:100%!important}.main-content[data-section=home] .main-content-article{max-width:100%;overflow-wrap:break-word}.main-content[data-section=home] .news-panel{font-size:73%}.main-content[data-section=home] .main-content-article{font-size:1rem}.main-content[data-section=home] .main-content-article h1{font-size:1.15em!important}.main-content[data-section=home] .main-content-article h2{font-size:1.05em!important}.main-content[data-section=home] .main-content-article h3{font-size:.95em!important}}.main-content[data-section=home]>.start-session-container>.news-panel{align-self:stretch;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-anchor:none;overflow-y:auto}.main-content[data-section=home]>.start-session-container>.news-panel .main-content-article{flex:1 0 auto;transition:none}.news-panel-title{color:#111827;font-size:20px;font-weight:600;letter-spacing:.3px;margin:0}.main-content-article{color:#111827;flex:1 1;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.333rem;line-height:1.5;margin-top:0;min-height:0;overflow-x:hidden;white-space:normal}.main-content-article h1,.main-content-article h2,.main-content-article h3,.main-content-article li,.main-content-article p,.main-content-article td,.main-content-article th{font-family:inherit}.main-content-article p{font-size:1em;margin:.5em 0 .75em;text-indent:0}.main-content-article h1,.main-content-article h2,.main-content-article h3{font-weight:700;line-height:1.2}.main-content-article h1{margin:.75em 0 .4em}.main-content-article h2{margin:.6em 0 .35em}.main-content-article h3{margin:.5em 0 .3em}.main-content-article ol,.main-content-article ul{margin:.5em 0 .75em 1.5em;padding-left:1.5em}.main-content-article li{margin:.25em 0}.main-content-article ol ol,.main-content-article ol ul,.main-content-article ul ol,.main-content-article ul ul{margin-bottom:.25em;margin-top:.25em}.main-content-article img{border-radius:8px;display:block;height:auto;margin:12px auto;max-width:100%;object-fit:contain;width:100%}.main-content-article table{border-collapse:collapse;margin:.75em 0;max-width:100%}.main-content-article td,.main-content-article th{border:1px solid #e5e7eb;padding:6px 10px}.main-content-article .align-center,.main-content-article p.align-center{text-align:center}.main-content-article .align-right,.main-content-article p.align-right{text-align:right}.main-content-article .align-left,.main-content-article p.align-left{text-align:left}.main-content-article table.align-center{margin-left:auto;margin-right:auto}.main-content-article b,.main-content-article strong{font-weight:700}.main-content-article a{color:#1d4ed8;font-weight:500;text-decoration:underline;text-underline-offset:3px}.main-content-article a:hover{color:#1e40af;text-decoration:underline}.main-content-article a:visited{color:#4338ca}.main-content-article h1{font-size:2.5em!important;font-weight:700}.main-content-article h2{font-size:2.1em!important;font-weight:700}.main-content-article h3{font-size:1.75em!important;font-weight:600}.main-content-article p.bold-heading{font-size:1.75em!important;font-weight:700;line-height:1.2;margin:.6em 0 .35em}.main-content-article p.bold-subheading{font-size:1em!important;font-weight:700;line-height:1.4;margin:.5em 0 .25em}.main-content-empty,.main-content-error,.main-content-loading{color:#6b7280;font-size:15px;margin:16px 0 0}.main-content-error{color:#dc2626}.games-panels-container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start;max-width:100%;padding:24px;width:100%}.game-panel{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 6px 18px #0f172a1f;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;height:240px;justify-content:space-between;overflow:hidden;padding:16px;transition:all .25s ease;width:240px}.game-panel:hover{border-color:#667eea;box-shadow:0 10px 26px #0f172a2e;transform:translateY(-6px)}.game-panel-image{border-radius:8px;height:auto;margin-bottom:8px;max-height:180px;object-fit:cover;width:100%}.game-panel-image,.game-panel-title{flex-shrink:0;pointer-events:none;-webkit-user-select:none;user-select:none}.game-panel-title{color:#111827;font-size:18px;font-weight:600;letter-spacing:.3px;margin:0;text-align:center;text-shadow:none}.game-iframe-container{background:#000;display:flex;flex-direction:column;height:100vh!important;left:0!important;margin:0;padding:0;position:fixed!important;top:0!important;width:100vw!important;z-index:99999!important}.game-iframe{background:#000;border:none!important;flex:1 1;height:100%!important;isolation:isolate;pointer-events:auto;-webkit-user-select:none;user-select:none;width:100%!important}.task-loading-panel{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;gap:30px;justify-content:center;margin:0 auto;max-width:600px;min-height:400px;padding:60px 40px;width:100%}.task-loading-spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:60px;width:60px}.task-loading-panel video{display:block;height:100%;object-fit:cover;object-position:center center;transform:scale(1.15);width:100%}.task-loading-video-container{align-items:center;border-radius:8px;display:flex;height:300px;justify-content:center;margin:0 auto;overflow:hidden;position:relative;width:300px}.task-loading-message{color:#333;font-size:14px;font-weight:600;line-height:1.5;margin:0;text-align:center}.next-task-btn{align-items:center;background:linear-gradient(135deg,#4ecdc4,#44a08d);border:none;border-radius:50%;box-shadow:0 4px 15px #4ecdc44d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:45px;justify-content:center;margin-left:10px;transition:all .3s ease;width:45px}.next-task-btn:hover:not(:disabled){background:linear-gradient(135deg,#44b3a8,#3a8f7d);box-shadow:0 6px 20px #4ecdc466;transform:scale(1.1)}.next-task-btn:active:not(:disabled){transform:scale(.95)}.next-task-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.text-titles-container{background:#0000;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;height:calc(100vh - 65px)!important;margin:0!important;max-height:calc(100vh - 65px)!important;max-width:none!important;overflow:hidden!important;padding:0!important;position:relative;width:100%!important}.text-titles-container .microphone-btn{background:#667eea;border:none;border-radius:50%;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:block;font-size:48px;height:120px;margin:0 auto 20px;transition:all .3s ease;width:120px}.text-titles-container .microphone-btn:hover{background:#5a6fd8;box-shadow:0 6px 20px #667eea66;transform:none}.text-titles-container .microphone-btn.playing{animation:pulse 1.5s infinite;background:#dc3545}.text-controls{align-items:center;clear:none;display:flex;flex-direction:row;float:right;gap:10px;margin:10px 5px}.text-content .translate-btn{background:#fff!important;border:2px solid #e9ecef!important;border-radius:8px!important;color:#333!important}.text-content .translate-btn:hover:not(:disabled){background:#667eea!important;border-color:#667eea!important;color:#fff!important}.text-content .translate-btn:active:not(:disabled),.text-content .translate-btn:focus:not(:disabled){background:#5a6fd8!important;border-color:#5a6fd8!important;color:#fff!important}.audio-titles-mode-container .text-content .translate-btn:hover:not(:disabled){background:#fff!important;border-color:#667eea!important;color:#333!important}.audio-titles-mode-container .text-content .translate-btn:active:not(:disabled),.audio-titles-mode-container .text-content .translate-btn:focus:not(:disabled){background:#fff!important;border-color:#e9ecef!important;color:#333!important}.text-titles-exercise{background:#0000;border:none;border-radius:0;box-shadow:none;box-sizing:border-box!important;display:flex!important;flex:1 1 auto!important;flex-direction:column!important;height:100%!important;margin:0!important;max-height:100%!important;min-height:0!important;overflow:hidden!important;padding:0!important;width:100%!important}.text-titles-exercise.text-titles-completed .titles-panel{display:none!important}.text-titles-exercise.text-titles-completed .texts-panel{flex:1 1 100%!important;max-width:100%!important;width:100%!important}.exercise-layout{align-items:stretch!important;flex:1 1!important;gap:6px;min-height:0!important;overflow:hidden!important;padding:0!important;width:100%!important}.exercise-layout,.texts-panel,.titles-panel{box-sizing:border-box!important;display:flex!important;height:100%!important;margin:0!important;max-height:100%!important}.texts-panel,.titles-panel{align-items:stretch;background:#fff;border:1px solid #e9ecef;border-radius:15px;box-shadow:0 5px 20px #0000001a;min-width:0!important;padding:11px}.texts-panel,.titles-panel{flex:1 1 50%!important;flex-direction:column!important}.texts-panel{-webkit-overflow-scrolling:touch;display:flex!important;height:100%!important;isolation:isolate;max-height:100%!important;min-height:0!important;overflow-x:hidden!important;overscroll-behavior:contain;pointer-events:auto!important;position:relative;scrollbar-color:#667eea #f1f1f1;scrollbar-gutter:stable;scrollbar-width:auto;touch-action:pan-y!important;will-change:scroll-position}.texts-panel-content{display:flex;flex-direction:column;flex-shrink:0;gap:0;min-height:-webkit-fit-content;min-height:fit-content;overflow:visible;pointer-events:auto;touch-action:pan-y;user-select:text;-webkit-user-select:text;width:100%}.titles-panel{overflow-x:hidden!important;overflow-y:visible!important}.titles-panel>*{flex-shrink:0}.titles-panel>.titles-panel-controls{flex-shrink:0;margin-top:auto}.audio-titles-mode-container{align-items:stretch;border-radius:0;height:calc(100vh - 65px)!important;justify-content:flex-start;margin:0!important;max-height:calc(100vh - 65px)!important;position:relative}.audio-titles-mode-container,.audio-titles-mode-main{background:#0000;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:0!important;width:100%!important}.audio-titles-mode-main{flex:1 1!important;gap:0;height:100%!important;max-height:100%!important;max-width:none!important;min-height:0!important}.titles-panel.drag-over{background:#ffc1071a;border:2px dashed #ffc107}.texts-panel::-webkit-scrollbar{-webkit-appearance:none;display:block;width:12px}.texts-panel::-webkit-scrollbar-track{background:#f1f1f1;border-radius:6px}.texts-panel::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:6px}.texts-panel::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.titles-panel::-webkit-scrollbar{display:none!important;width:0!important}.titles-panel::-webkit-scrollbar-thumb,.titles-panel::-webkit-scrollbar-track{display:none!important}.texts-panel{overflow-y:auto!important;scrollbar-color:#c1c1c1 #f1f1f1;scrollbar-width:thin}.titles-panel{scrollbar-color:#0000 #0000!important;scrollbar-width:none!important}.task-description{background:linear-gradient(135deg,#667eea26,#764ba226);border:3px solid #667eeab3;border-radius:12px;box-shadow:0 4px 16px #667eea4d;color:#000;font-size:18px;font-weight:600;line-height:1.6;padding:20px 25px;text-align:left}.task-description h3{color:#000;margin:0}.task-description p{color:#000;font-size:18px;font-weight:600;line-height:1.6}.text-item{margin-bottom:25px;pointer-events:auto;position:relative;touch-action:pan-y}.texts-panel-controls{margin-top:30px;text-align:center}.titles-panel-controls{margin-bottom:20px;margin-top:auto;text-align:center}.check-answers-btn{border-radius:25px;box-shadow:0 4px 15px #667eea4d}.drop-zone{align-items:center;display:flex;flex-direction:column;gap:20px;pointer-events:auto;touch-action:pan-y}.text-content{background:#fff;border:none;border-radius:0;box-shadow:none;color:#495057;font-size:16px;line-height:1.6;margin-bottom:15px;overflow:hidden;padding:20px}.text-content:after{clear:both;content:"";display:table}.text-content p{color:#495057;line-height:1.6;margin:0}.title-drop-area{align-items:center;background:#0000;border:2px dashed #dee2e6;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;min-height:60px;transition:all .2s ease;width:100%}.title-drop-area.has-title{background:#0000;border:2px solid #ffc107;box-shadow:0 2px 8px #ffc1074d;padding:0}.title-drop-area.has-title .draggable-title{margin:0;width:100%}.title-drop-area:hover{background:#f0f2ff;border-color:#667eea;transform:scale(1.01)}.title-drop-area.drag-over{background:#e8f5e8;border-color:#667eea;border-style:solid;box-shadow:0 4px 15px #667eea33;transform:scale(1.02)}.drop-placeholder{align-items:center;background:#0000;border:2px dashed #dee2e6;border-radius:8px;cursor:pointer;display:flex;justify-content:center;margin:0 auto;max-width:100%;min-height:60px;padding:12px 20px;transition:all .2s ease;width:100%}.drop-placeholder.has-title{background:#0000;border:2px solid #ffc107;box-shadow:0 2px 8px #ffc1074d;padding:0}.drop-placeholder:hover{background:#f0f2ff;border-color:#667eea;transform:scale(1.01)}.drop-placeholder.drag-over{background:#e8f5e8;border-color:#667eea;border-style:solid;box-shadow:0 4px 15px #667eea33;transform:scale(1.02)}.drop-placeholder.has-title .draggable-title.dropped-title-full{margin:0;max-width:100%;width:100%}.dropped-title{align-items:center;background:#0000;border:none;border-radius:6px;color:#333;display:flex;gap:10px;justify-content:center;padding:10px 15px}.title-text{font-weight:500;text-align:center}.remove-title-btn{background:none;border:none;border-radius:4px;color:#d63031;cursor:pointer;font-size:16px;padding:2px 6px;transition:all .2s ease}.remove-title-btn:hover{background:#ffe6e6}.draggable-title{background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:grab;font-size:15px;font-weight:500;margin-bottom:10px;padding:12px 20px;position:relative;touch-action:none;transition:all .2s ease;-webkit-user-select:none;user-select:none}.draggable-title:hover:not(.disabled){background:#f0f2ff;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.draggable-title:active:not(.disabled){cursor:grabbing}.draggable-title.disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.draggable-title.used{background:#e9ecef;border-color:#6c757d;color:#6c757d;cursor:not-allowed;opacity:.6;transform:scale(.95)}.draggable-title.used:hover{box-shadow:none;transform:none}.draggable-title.dragging{box-shadow:0 8px 25px #667eea66;cursor:grabbing;opacity:1;transform:rotate(2deg) scale(1.05);z-index:1000}.text-title-question{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin-bottom:40px;padding:25px}.question-header{margin-bottom:20px}.question-number{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:600;padding:8px 16px}.text-content{margin-bottom:25px}.text-content p{background:#f8f9fa;border:none;border-radius:0;color:#2c3e50;font-size:16px;line-height:1.8;padding:20px}.title-options{margin-bottom:20px}.title-options h4{color:#495057;font-size:16px;font-weight:600;margin-bottom:15px}.title-buttons{display:flex;flex-direction:column;gap:10px}.title-option-btn{background:#fff;border:2px solid #e9ecef;border-radius:8px;color:#495057;cursor:pointer;font-size:15px;font-weight:500;padding:12px 20px;text-align:left;transition:all .3s ease}.title-option-btn:hover{background:#f8f9ff;border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.title-option-btn.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 15px #667eea4d;color:#fff}.selected-answer{align-items:center;background:#e8f5e8;border:1px solid #c3e6c3;border-radius:8px;display:flex;gap:10px;padding:15px}.selected-label{color:#2d5a2d;font-weight:600}.selected-title{color:#2d5a2d;font-style:italic}.exercise-controls{border-top:1px solid #e9ecef;margin-top:30px;padding-top:30px;text-align:center}.check-answers-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;font-size:16px;font-weight:600;padding:15px 30px;transition:all .3s ease}.check-answers-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.check-answers-btn:disabled{box-shadow:none;transform:none}.text-titles-results{background:#fff;border-radius:15px;box-shadow:0 5px 20px #0000001a;padding:30px}.results-header{padding-bottom:20px;text-align:center}.results-header h3{color:#2c3e50;font-size:24px;font-weight:700;margin-bottom:15px}.score-display{display:flex;flex-direction:column;gap:5px}.score-text{color:#495057;font-size:18px;font-weight:600}.score-percentage{color:#667eea;font-size:24px;font-weight:700}.result-item,.results-details{margin-bottom:30px}.result-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:25px}.result-question{margin-bottom:20px}.result-text{background:#fff;border-left:3px solid #6c757d;border-radius:8px;padding:15px}.result-text p{color:#2c3e50;font-size:15px;line-height:1.6;margin:0}.result-answers{display:flex;flex-direction:column;gap:15px}.correct-answer,.user-answer{align-items:center;border-radius:6px;display:flex;gap:10px;padding:12px}.correct-answer{background:#e8f5e8;border:1px solid #c3e6c3}.user-answer{background:#fff3cd;border:1px solid #ffeaa7}.answer-label{color:#495057;font-weight:600;min-width:120px}.answer-text{font-weight:500}.answer-text.correct{color:#2d5a2d}.answer-text.incorrect{color:#d63031}.answer-feedback{align-items:center;background:#ffe6e6;border:1px solid #ffb3b3;border-radius:6px;display:flex;gap:10px;margin-top:10px;padding:12px}.feedback-icon{color:#d63031;font-size:18px}.feedback-text{color:#d63031;font-weight:500}.results-controls{border-top:1px solid #e9ecef;padding-top:20px;text-align:center}.reset-exercise-btn{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 25px;transition:all .3s ease}.reset-exercise-btn:hover{background:#5a6268;transform:translateY(-1px)}@media (max-width:768px){.text-titles-container{height:100%!important;max-height:100%!important;min-height:0!important;padding:0!important}.text-titles-container .text-quiz-instructions{font-size:12px!important;margin-bottom:8px!important}.text-titles-container .microphone-btn{font-size:22px!important;height:56px!important;margin:0 auto 12px!important;width:56px!important}.exercise-layout{flex-direction:column;gap:0}.texts-panel,.titles-panel{border-radius:12px;padding:12px}.text-item{margin-bottom:16px;padding:10px 0}.text-titles-container .text-content,.text-titles-container .text-content p{font-size:14px!important;line-height:1.45!important;padding:12px!important}.draggable-title{font-size:13px;padding:8px 12px}.check-answers-btn{font-size:13px;padding:10px 18px}.text-titles-container .titles-panel-controls{margin-bottom:12px!important}.text-titles-container .title-drop-area{min-height:48px!important}.result-item{padding:12px}.answer-label{font-size:13px;min-width:80px}}.flashlight-btn{align-items:center;background:#fff;border:2px solid #ddd;border-radius:6px;box-shadow:none;box-sizing:border-box;color:#333;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;margin-left:10px;padding:4px 6px;transition:all .2s ease;width:40px}.flashlight-btn:hover{background-color:#f8f9fa;border-color:#667eea}.flashlight-btn.active{background-color:#ffd4a3;border-color:orange;box-shadow:0 2px 8px #ffa5004d;color:#333}.highlighted-sentence{background-color:#ff6400b3!important;border:none;border-radius:2px;box-shadow:none;display:inline;font-weight:600;margin:0;padding:0;position:relative;transition:all .3s ease;z-index:50!important}.highlighted-sentence:hover{background-color:#ff6400cc!important}.correct-title-display{border-radius:8px;font-weight:500;margin-top:15px;padding:15px}.correct-title-display.correct{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.correct-title-display.incorrect{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.title-label{font-weight:600;margin-right:10px}.title-text{font-style:italic}.draggable-title.correct{background:#d4edda!important;border-color:#28a745!important;color:#155724!important}.draggable-title.incorrect{background:#f8d7da!important;border-color:#dc3545!important;color:#721c24!important}.dropped-title-full{box-sizing:border-box!important;margin:0!important;width:100%!important}.title-drop-area.has-title .draggable-title.dropped-title-full{margin:0;max-width:100%;width:100%}body{max-width:100vw;overflow-x:hidden}.sentence-part{border-bottom:none!important;font-size:inherit;-webkit-text-decoration-color:#0000!important;text-decoration-color:#0000!important;-webkit-text-decoration-line:none!important;text-decoration-line:none!important;-webkit-text-decoration-style:none!important;text-decoration-style:none!important;text-decoration-thickness:0!important}.sentence-part:active,.sentence-part:focus,.sentence-part:hover,.sentence-part:visited{text-decoration:none!important;-webkit-text-decoration-color:#0000!important;text-decoration-color:#0000!important;-webkit-text-decoration-line:none!important;text-decoration-line:none!important;-webkit-text-decoration-style:none!important;text-decoration-style:none!important;text-decoration-thickness:0!important}.exercise-header{margin-bottom:40px;text-align:left}.exercise-header h2{color:#333;font-size:28px;font-weight:600;margin-bottom:10px;text-decoration:none!important}.exercise-header p{color:#6c757d;font-size:16px;margin:0;text-decoration:none!important}.sentences-list{gap:25px}.sentence-item,.sentences-list{min-height:auto;overflow:visible}.sentence-item{display:flex;flex-direction:column;height:auto;margin-bottom:15px;padding:10px 20px}.sentence-content{border-bottom:none!important;border-top:none!important;flex-shrink:0;margin-bottom:8px;overflow:visible}.sentence-text{border-bottom:none!important;font-size:20px!important;line-height:1.5;margin-bottom:0;-webkit-text-decoration-color:#0000!important;text-decoration-color:#0000!important;-webkit-text-decoration-line:none!important;text-decoration-line:none!important;-webkit-text-decoration-style:none!important;text-decoration-style:none!important;text-decoration-thickness:0!important;width:100%}.grammar-input{background:#fff;border:2px solid #dee2e6;border-radius:6px;box-sizing:border-box;flex-shrink:0;font-size:20px;margin:0 4px;max-width:180px;min-width:120px;padding:4px 8px;text-align:center;transition:all .3s ease;vertical-align:middle}.grammar-input::placeholder{color:#999;font-size:18px;opacity:1}.grammar-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.grammar-input.correct{background:#d4edda;border-color:#28a745;color:#155724}.grammar-input.incorrect{background:#f8d7da;border-color:#dc3545;color:#721c24}.grammar-input:disabled{cursor:not-allowed;opacity:.8}.hint-container{flex-wrap:wrap;gap:10px}.hint-container,.sentence-hint{align-items:center;display:flex}.sentence-hint{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea4d;flex-shrink:0;margin-bottom:0;padding:8px 16px}.grammar-structure{background:linear-gradient(135deg,#5a67d8,#667eea);box-shadow:0 2px 8px #5a67d84d}.hint-text{color:#fff;font-size:18px;font-weight:500}.hint-text,.sentence-controls{text-decoration:none!important}.sentence-controls{border-bottom:none!important;border-top:none!important;box-sizing:border-box;flex-shrink:0;width:100%}.answer-result{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start}.correct-answer{align-items:center;box-sizing:border-box;display:inline-flex;height:44px}.translate-btn{height:44px;width:44px}.translate-btn:hover:not(:disabled){background:#f8f9fa}@media (max-width:768px){.sentence-item{max-width:100%;padding:20px}.sentence-text{align-items:flex-start;flex-direction:column;font-size:16px;max-width:100%;word-break:break-word}.grammar-input{font-size:14px;margin:4px 0;max-width:100%;min-width:100px}.sentence-controls{align-items:stretch;flex-direction:column;gap:10px;max-width:100%}.sentence-left,.sentence-right{justify-content:center;max-width:100%}.hint-container,.sentence-left{align-items:center}.hint-container{flex-direction:column;gap:8px}.check-answer-btn{width:100%}.answer-result{justify-content:center;text-align:center}}.text-order-mode-container{height:calc(100vh - 65px)!important;max-height:calc(100vh - 65px)!important}.text-order-mode-container,.text-order-mode-main{display:flex;flex-direction:column;margin:0;max-width:100%;overflow:hidden;padding:0;width:100%}.text-order-mode-main{flex:1 1 auto;height:100%;max-height:100%;min-height:0}.text-order-mode-placeholder{margin:0;max-width:100%;padding:20px;text-align:center;width:100%}.vocabulary-choice-container{height:100vh;max-width:100%}.vocabulary-choice-container,.vocabulary-choice-mode-container{background:#0000;box-sizing:border-box;margin:0;overflow-x:hidden;overflow-y:visible;padding:0;width:100%}.vocabulary-choice-mode-container{height:100%;max-height:100%;max-width:100vw;position:relative}.vocabulary-choice-mode-main{height:100%;max-height:100%;overflow-y:visible;position:relative}.vocabulary-choice-exercise,.vocabulary-choice-mode-main{box-sizing:border-box;margin:0;max-width:100vw;overflow-x:hidden;padding:0;width:100%}.vocabulary-choice-exercise{background:#0000;border-radius:0;box-shadow:none;height:100vh;overflow-y:auto}.vocabulary-choice-exercise .exercise-header{margin-bottom:40px;text-align:left}.vocabulary-choice-exercise .exercise-header h2{color:#333;font-size:28px;font-weight:600;margin-bottom:10px;text-decoration:none!important}.vocabulary-choice-exercise .exercise-header p{color:#6c757d;font-size:16px;margin:0;text-decoration:none!important}.vocabulary-choice-exercise .exercise-layout{align-items:stretch;box-sizing:border-box;box-sizing:border-box!important;display:flex;flex-wrap:nowrap;gap:20px;height:100%;margin:0;max-height:100%;max-width:100%;max-width:100vw!important;min-width:0;overflow-x:hidden!important;overflow-y:visible;width:100%;width:100%!important}.vocabulary-choice-exercise .sentences-panel,.vocabulary-choice-mode-container .sentences-panel{-ms-overflow-style:scroll!important;box-sizing:border-box!important;display:flex!important;flex:1 1 50%!important;flex-direction:column!important;height:100%!important;max-height:100%!important;max-width:calc(50% - 10px)!important;min-height:0!important;min-width:0!important;overflow-x:hidden!important;overflow-y:auto!important;scrollbar-color:#c1c1c1 #f1f1f1!important;scrollbar-width:thin!important;width:auto!important}.vocabulary-choice-exercise .sentences-panel::-webkit-scrollbar,.vocabulary-choice-mode-container .sentences-panel::-webkit-scrollbar{display:block!important;width:12px!important}.vocabulary-choice-exercise .sentences-panel::-webkit-scrollbar-track,.vocabulary-choice-mode-container .sentences-panel::-webkit-scrollbar-track{background:#f1f1f1!important;border-radius:6px!important}.vocabulary-choice-exercise .sentences-panel::-webkit-scrollbar-thumb,.vocabulary-choice-mode-container .sentences-panel::-webkit-scrollbar-thumb{background:#c1c1c1!important;border-radius:6px!important}.vocabulary-choice-exercise .sentences-panel::-webkit-scrollbar-thumb:hover,.vocabulary-choice-mode-container .sentences-panel::-webkit-scrollbar-thumb:hover{background:#a8a8a8!important}.vocabulary-choice-exercise .words-panel,.vocabulary-choice-mode-container .words-panel{box-sizing:border-box!important;flex:1 1 50%!important;max-width:calc(50% - 10px)!important;min-width:0!important;width:auto!important}.vocabulary-choice-exercise .words-panel .words-list,.vocabulary-choice-mode-container .words-panel .words-list{flex:0 0 auto;max-height:none;min-height:auto;overflow-y:visible}.vocabulary-choice-exercise .sentences-panel .sentences-list,.vocabulary-choice-mode-container .sentences-panel .sentences-list{-ms-overflow-style:none!important;box-sizing:border-box!important;flex:1 1 auto!important;height:auto!important;margin-bottom:0!important;max-height:none!important;max-width:100%!important;min-height:auto!important;min-width:0!important;overflow-x:hidden!important;overflow-y:visible!important;overflow:visible!important;padding-bottom:20px!important;scrollbar-width:none!important;width:100%!important}.vocabulary-choice-exercise .sentences-panel .sentences-list::-webkit-scrollbar,.vocabulary-choice-mode-container .sentences-panel .sentences-list::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}.vocabulary-choice-exercise .sentences-panel .sentence-item,.vocabulary-choice-mode-container .sentences-panel .sentence-item{box-sizing:border-box!important;height:auto!important;max-height:none!important;max-width:100%!important;min-height:auto!important;min-width:0!important;overflow-x:hidden!important;overflow-y:visible!important;overflow:visible!important;padding:20px 25px!important;width:100%!important}.vocabulary-choice-exercise .sentences-panel .sentence-item .sentence-content,.vocabulary-choice-mode-container .sentences-panel .sentence-item .sentence-content{box-sizing:border-box!important;height:auto!important;max-height:none!important;max-width:100%!important;min-height:auto!important;min-width:0!important;overflow-x:hidden!important;overflow-y:visible!important;overflow:visible!important;padding:20px 100px 20px 20px!important;position:relative!important;width:100%!important}.vocabulary-choice-exercise .sentences-panel .sentence-item *,.vocabulary-choice-mode-container .sentences-panel .sentence-item *{-ms-overflow-style:none!important;overflow-y:visible!important;scrollbar-width:none!important}.vocabulary-choice-exercise .sentences-panel .sentence-item ::-webkit-scrollbar,.vocabulary-choice-mode-container .sentences-panel .sentence-item ::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}.vocabulary-choice-exercise .sentences-panel .sentence-item .sentence-content .sentence-text,.vocabulary-choice-mode-container .sentences-panel .sentence-item .sentence-content .sentence-text{word-wrap:break-word!important;align-items:center!important;display:flex!important;flex-wrap:wrap!important;gap:4px!important;height:auto!important;max-height:none!important;min-height:auto!important;overflow-wrap:break-word!important;padding-right:0!important}.vocabulary-choice-exercise .word-slot,.vocabulary-choice-mode-container .word-slot{align-items:center!important;background:#fff!important;border:2px dashed #dee2e6!important;border-radius:8px!important;display:inline-flex!important;justify-content:center!important;margin:0 4px!important;min-height:40px!important;min-width:150px!important;vertical-align:middle!important}.vocabulary-choice-exercise .word-slot .dropped-word,.vocabulary-choice-mode-container .word-slot .dropped-word{align-items:center!important;display:flex!important;justify-content:center!important;margin:0!important;text-align:center!important;width:100%!important}.vocabulary-choice-exercise .word-slot .drop-placeholder,.vocabulary-choice-mode-container .word-slot .drop-placeholder{text-align:center!important;width:100%!important}.vocabulary-choice-exercise .sentence-part,.vocabulary-choice-mode-container .sentence-part{display:inline!important;white-space:normal!important}.vocabulary-choice-exercise .sentences-panel .sentence-item .sentence-content .correct-answer{box-sizing:border-box!important;clear:both!important;display:block!important;-webkit-hyphens:auto!important;hyphens:auto!important;margin-bottom:10px!important;margin-top:15px!important;max-width:100%!important;overflow:visible!important;overflow-wrap:break-word!important;position:relative!important;width:100%!important;word-break:break-word!important;z-index:1000!important}.vocabulary-sentences-connect-mode-container{display:flex;flex:1 1;flex-direction:column;height:100%;margin:0;min-width:0;padding:0;width:100%}.vocabulary-sentences-connect-mode-main{display:flex;flex:1 1 auto;flex-direction:column;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.vocabulary-sentences-connect-mode-main .exercise-layout{box-sizing:border-box;display:flex;flex:1 1 auto;gap:0;height:100%;margin:0;min-width:0;padding:0;width:100%}.vocabulary-sentences-connect-mode-placeholder{align-items:center;display:flex;height:100%;justify-content:center;padding:40px;width:100%}@media (max-width:768px){.vocabulary-sentences-connect-mode-main .exercise-layout{flex-direction:column;gap:0;width:100%!important}.vocabulary-sentences-connect-mode-main .exercise-layout .sentences-panel,.vocabulary-sentences-connect-mode-main .exercise-layout .words-panel{box-sizing:border-box!important;flex:1 1 auto;max-width:100%!important;min-height:200px;min-width:0!important;width:100%!important}.vocabulary-sentences-connect-mode-container .sentences-panel .sentence-item .sentence-content .sentence-content-main,.vocabulary-sentences-connect-mode-container .sentences-panel .sentence-item .sentence-content .sentence-text,.vocabulary-sentences-connect-mode-container .sentences-panel .sentence-item .sentence-content .sentence-text-container{box-sizing:border-box!important;max-width:100%!important;min-width:0!important;width:100%!important}}.vocabulary-sentences-connect-mode-container .sentences-panel .sentence-item,.vocabulary-sentences-connect-mode-container .sentences-panel .sentence-item .sentence-content{box-sizing:border-box!important;max-width:100%!important;overflow-x:hidden!important;overflow-y:visible!important;width:100%!important}.vocabulary-sentences-connect-mode-container .sentences-panel .sentence-item .sentence-content{display:flex!important;flex-direction:column!important;gap:10px!important;padding:15px!important;position:relative!important}.vocabulary-sentences-connect-mode-container .sentences-panel .sentence-item .sentence-content .sentence-content-buttons{align-items:center!important;display:flex!important;flex-direction:row!important;gap:5px!important;position:absolute!important;right:5px!important;top:5px!important;z-index:10!important}.vocabulary-sentences-connect-mode-container .sentences-panel .sentence-item .sentence-content .sentence-content-buttons .flashlight-btn,.vocabulary-sentences-connect-mode-container .sentences-panel .sentence-item .sentence-content .sentence-content-buttons .translate-btn{align-items:center!important;background:#fff!important;border:1px solid #ddd!important;border-radius:6px!important;box-shadow:0 2px 4px #0000001a!important;box-sizing:border-box!important;cursor:pointer!important;display:flex!important;flex-shrink:0!important;height:32px!important;justify-content:center!important;max-height:32px!important;max-width:32px!important;min-height:32px!important;min-width:32px!important;padding:4px!important;transition:all .2s ease!important;width:32px!important}.vocabulary-sentences-connect-mode-container .sentences-panel .sentence-item .sentence-content .sentence-content-buttons .flashlight-btn:hover,.vocabulary-sentences-connect-mode-container .sentences-panel .sentence-item .sentence-content .sentence-content-buttons .translate-btn:hover{background-color:#f8f9fa!important;border-color:#667eea!important;transform:scale(1.05)!important}.vocabulary-sentences-connect-mode-container .sentences-panel .sentence-item .sentence-content .sentence-content-buttons .flashlight-btn img,.vocabulary-sentences-connect-mode-container .sentences-panel .sentence-item .sentence-content .sentence-content-buttons .translate-btn img{height:20px!important;width:20px!important}.vocabulary-sentences-connect-mode-container .sentences-panel .sentence-item .sentence-content .sentence-content-main{align-items:stretch!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;gap:8px!important;justify-content:flex-start!important;margin-top:40px!important;max-width:100%!important;min-width:0!important;overflow-x:visible!important;overflow-y:visible!important;position:relative!important;width:100%!important}@media (max-width:768px){.vocabulary-sentences-connect-mode-container .sentences-panel .sentence-item .sentence-content .sentence-content-main{gap:8px!important}.vocabulary-sentences-connect-mode-container .sentences-panel .sentence-item .sentence-content .sentence-text-container{max-width:100%!important;width:100%!important}.vocabulary-sentences-connect-mode-container .sentences-panel .sentence-item .sentence-content .sentence-text{word-wrap:break-word!important;display:block!important;max-width:100%!important;overflow-wrap:break-word!important;white-space:normal!important;width:100%!important}.vocabulary-sentences-connect-mode-container .sentences-panel .sentence-item .sentence-content .sentence-text span{display:inline!important;white-space:normal!important}.vocabulary-sentences-connect-mode-container .sentences-panel .sentence-item .sentence-content .sentence-text .clickable-word{display:inline!important}.vocabulary-sentences-connect-mode-container .sentences-panel .sentence-item .sentence-content .word-slot{flex-basis:auto!important;max-width:100%!important;width:100%!important}}.vocabulary-sentences-connect-mode-container .sentences-panel .sentence-item .sentence-content .sentence-content-main::-webkit-scrollbar{height:6px!important}.vocabulary-sentences-connect-mode-container .sentences-panel .sentence-item .sentence-content .sentence-content-main::-webkit-scrollbar-track{background:#f1f1f1!important;border-radius:3px!important}.vocabulary-sentences-connect-mode-container .sentences-panel .sentence-item .sentence-content .sentence-content-main::-webkit-scrollbar-thumb{background:#c1c1c1!important;border-radius:3px!important}.vocabulary-sentences-connect-mode-container .sentences-panel .sentence-item .sentence-content .sentence-content-main::-webkit-scrollbar-thumb:hover{background:#a8a8a8!important}.vocabulary-sentences-connect-mode-container .sentences-panel .sentence-item .sentence-content .sentence-text-container{align-items:center!important;box-sizing:border-box!important;display:flex!important;flex:1 1!important;gap:10px!important;max-width:100%!important;min-width:0!important;overflow-x:visible!important;overflow-y:visible!important;position:relative!important;width:100%!important}.vocabulary-sentences-connect-mode-container .sentences-panel .sentence-item .sentence-content .sentence-text{word-wrap:break-word!important;box-sizing:border-box!important;display:block!important;flex:1 1 auto!important;font-size:16px!important;line-height:1.4!important;max-width:100%!important;min-width:0!important;overflow-wrap:break-word!important;overflow-x:visible!important;overflow-y:visible!important;white-space:normal!important;width:100%!important}.vocabulary-sentences-connect-mode-container .sentences-panel .sentence-item .sentence-content .word-slot{align-items:center!important;background:#f8f9ff!important;border:2px dashed #667eea!important;border-radius:8px!important;display:flex!important;flex-basis:auto!important;flex-grow:0!important;flex-shrink:0!important;justify-content:center!important;margin-left:0!important;max-width:100%!important;min-height:50px!important;min-width:0!important;position:relative!important;transition:all .3s ease!important;width:100%!important;z-index:0!important}.vocabulary-sentences-connect-mode-container .sentences-panel .sentence-item .sentence-content .word-slot:hover{background:#f0f2ff!important;border-color:#4c63d2!important;box-shadow:0 2px 8px #667eea33!important}.vocabulary-sentences-connect-mode-container .sentences-panel .sentence-item .sentence-content .word-slot .drop-placeholder{color:#000!important;font-size:14px!important;font-style:italic!important;padding:10px!important;text-align:center!important;width:100%!important}.vocabulary-sentences-connect-mode-container .sentences-panel .sentence-item .sentence-content .word-slot .dropped-word{box-sizing:border-box!important;font-size:16px!important;padding:10px!important;text-align:center!important;width:100%!important}.vocabulary-sentences-connect-mode-container .sentences-panel .word-slot .dropped-word,.vocabulary-sentences-connect-mode-container .words-panel .word-card{-webkit-touch-callout:none;touch-action:none;-webkit-user-select:none;user-select:none}.vocabulary-sentences-connect-mode-container .exercise-layout.touch-dragging .sentences-panel,.vocabulary-sentences-connect-mode-container .exercise-layout.touch-dragging .words-panel{overflow:hidden!important;touch-action:none!important}.vocabulary-sentences-connect-drag-preview{background:#fff;border:2px solid #667eea;border-radius:12px;box-shadow:0 8px 24px #667eea59;color:#2c3e50;font-size:16px;line-height:1.4;max-width:90vw;overflow:hidden;padding:12px 18px;pointer-events:none;position:fixed;text-overflow:ellipsis;transform:translate(-50%,-50%);white-space:nowrap;z-index:9999}.touch-drag-ghost{pointer-events:none!important}.sentences-panel,.words-panel{background:#fff;border:1px solid #e9ecef;border-radius:15px;box-shadow:0 5px 20px #0000001a;flex:1 1 50%;height:100%;max-height:100%;max-width:50%;min-width:0;overflow-x:hidden!important;overflow-y:auto!important;padding:11px;scrollbar-width:thin}.words-panel{overflow-y:auto;scrollbar-color:#c1c1c1 #f1f1f1;scrollbar-width:thin}.vocabulary-choice-exercise .words-panel,.vocabulary-choice-mode-container .words-panel{-ms-overflow-style:none!important;scrollbar-width:none!important}.vocabulary-choice-exercise .words-panel::-webkit-scrollbar,.vocabulary-choice-mode-container .words-panel::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}.task-description{background:#0000;border-left:none;border-radius:0;padding:15px}.task-description h3{font-size:18px;margin:0 0 10px}.task-description p{color:#666}.panel-controls{border-top:1px solid #e9ecef;padding-top:15px}.check-all-btn{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d}.check-all-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66}.check-all-btn:disabled{background:#ccc}.sentences-panel{padding-bottom:20px}.vocabulary-choice-exercise .sentences-panel{padding-bottom:30px!important}.sentences-panel>*{box-sizing:border-box;flex-shrink:0;max-width:100%;min-width:0}.sentences-text{flex:1 1;min-height:0}.sentences-list{padding-bottom:0;padding-top:0}.sentence-item:last-child{margin-bottom:20px}.word-slot{display:inline-block;margin:0 5px;max-width:200px;min-width:120px;vertical-align:middle}.dropped-word{box-sizing:border-box;cursor:grab;display:inline-block;text-align:center;transition:all .2s ease;width:100%}.dropped-word:hover{border-color:#667eea;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.dropped-word:active{cursor:grabbing}.dropped-word.checked{cursor:default;opacity:.8}.dropped-word.checked:hover{box-shadow:0 2px 8px #667eea4d;transform:none}.word-card{border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:4px 0;padding:10px 14px;transition:all .2s ease}.grammar-constructions-mode-container{align-items:stretch;justify-content:flex-start}.grammar-constructions-mode-container,.grammar-constructions-mode-main{background:#0000;border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;height:100%;left:0;margin:0;padding:0;position:relative;top:0;transform:none;width:100%}.structures-panel{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e9ecef;border-radius:15px;box-shadow:0 5px 20px #0000001a;box-sizing:border-box;display:flex;flex:1 1 50%;flex-direction:column;height:100%;max-height:100%;min-height:0;min-width:0;overflow-x:hidden!important;overflow-y:auto!important;padding:11px;scrollbar-color:#c1c1c1 #f1f1f1;scrollbar-width:thin;touch-action:pan-y}@media (max-width:768px){.grammar-constructions-mode-main{display:flex;flex-direction:column;height:100%!important;overflow:hidden!important}.grammar-constructions-mode-main .exercise-layout{flex:1 1 auto;flex-direction:column;gap:8px;height:100%!important;max-height:100%!important;overflow:hidden!important}.grammar-constructions-mode-main .sentences-panel,.grammar-constructions-mode-main .structures-panel,.grammar-constructions-mode-main .words-panel{flex:1 1 50%;height:100%!important;max-width:100%!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;width:100%!important}.grammar-constructions-mode-main .sentences-panel,.grammar-constructions-mode-main .structures-panel{padding:10px!important}.grammar-constructions-instructions{font-size:12px!important;margin:0 0 6px!important;padding:10px 12px!important}.grammar-constructions-mode-main .exercise-layout.gc-checked{flex-direction:column}.grammar-constructions-mode-main .exercise-layout.gc-checked .sentences-panel{display:none!important}.grammar-constructions-mode-main .exercise-layout.gc-checked .structures-panel{flex:1 1 auto;height:100%!important}.grammar-constructions-mode-main .structure-header h4{font-size:14px!important}.grammar-constructions-mode-main .dropped-sentence,.grammar-constructions-mode-main .sentence-card{font-size:13px!important}.grammar-constructions-mode-main .correct-structures{font-size:12px!important}.vocabulary-choice-exercise .exercise-layout{flex-direction:column;gap:8px}.vocabulary-choice-exercise .sentences-panel,.vocabulary-choice-exercise .words-panel,.vocabulary-choice-mode-container .sentences-panel,.vocabulary-choice-mode-container .words-panel{flex:1 1 auto!important;max-width:100%!important;width:100%!important}.vocabulary-choice-exercise .sentences-panel .sentence-item .sentence-content,.vocabulary-choice-exercise .sentences-panel .sentence-item .sentence-content .sentence-text,.vocabulary-choice-exercise .word-slot .drop-placeholder,.vocabulary-choice-exercise .word-slot .dropped-word,.vocabulary-choice-mode-container .sentences-panel .sentence-item .sentence-content,.vocabulary-choice-mode-container .sentences-panel .sentence-item .sentence-content .sentence-text,.vocabulary-choice-mode-container .word-slot .drop-placeholder,.vocabulary-choice-mode-container .word-slot .dropped-word{font-size:13px!important}body.vc-touch-dragging{overscroll-behavior:none}body.vc-touch-dragging .vocabulary-choice-exercise .sentences-panel,body.vc-touch-dragging .vocabulary-choice-exercise .words-panel,body.vc-touch-dragging .vocabulary-choice-mode-container .sentences-panel,body.vc-touch-dragging .vocabulary-choice-mode-container .words-panel{overscroll-behavior:contain!important;touch-action:none!important}.grammar-constructions-mode-main .sentences-panel .gc-mobile-cards-wrap{box-sizing:border-box;flex:1 1;max-width:100%;min-height:0;min-width:0;overflow-x:hidden!important;overflow-y:auto;width:100%}.grammar-constructions-mode-main .sentences-panel .words-list.gc-mobile-sentence-cards{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;gap:10px!important;max-width:100%!important;min-width:0!important;width:100%!important}.grammar-constructions-mode-main .sentences-panel .gc-mobile-sentence-card-wrapper{align-items:flex-start!important;box-sizing:border-box!important;display:flex!important;flex-direction:row!important;gap:8px!important;max-width:100%!important;min-width:0!important;width:100%!important}.grammar-constructions-mode-main .sentences-panel .gc-mobile-sentence-card-wrapper .sentence-card{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:1px solid #ffffff4d!important;border-radius:10px!important;box-shadow:0 2px 6px #667eea66!important;color:#fff!important;display:block!important;flex:1 1 auto!important;font-size:13px!important;max-width:100%!important;min-width:0!important;overflow-wrap:anywhere!important;padding:8px 10px!important;white-space:normal!important;word-break:break-word!important}.grammar-constructions-mode-main .sentences-panel .gc-mobile-translate{flex-shrink:0!important;padding:4px!important}.grammar-constructions-mode-main .structures-panel .structure-content{box-sizing:border-box!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important}.grammar-constructions-mode-main .structures-panel .gc-dropped-row{align-items:flex-start!important;box-sizing:border-box!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:flex-start!important;max-width:100%!important;min-width:0!important}.grammar-constructions-mode-main .structures-panel .gc-dropped-row .dropped-sentence{box-sizing:border-box!important;flex:1 1 200px!important;max-width:100%!important;min-width:0!important;overflow-wrap:anywhere!important;word-break:break-word!important}.grammar-constructions-mode-main .structures-panel .gc-dropped-row .sentence-text{overflow-wrap:anywhere!important;white-space:normal!important;word-break:break-word!important}.grammar-constructions-mode-main .structures-panel .gc-dropped-row .translate-btn{flex-shrink:0!important}.grammar-constructions-mode-main .sentences-panel .gc-mobile-check-in-panel{align-items:center!important;display:flex!important;justify-content:center!important;margin:0!important;min-height:80px!important;padding:0!important}.grammar-constructions-mode-main .dropped-sentence,.grammar-constructions-mode-main .structures-panel .sentence-card{border-radius:6px!important;font-size:12px!important;margin:2px 3px!important;padding:4px 8px!important}.vocabulary-choice-exercise .words-panel .words-list,.vocabulary-choice-mode-container .words-panel .words-list,.vocabulary-sentences-connect-mode-main .words-panel .words-list,.vocabulary-translation-sentences-mode-main .words-panel .words-list{align-content:flex-start!important;flex-direction:row!important;flex-wrap:wrap!important;gap:6px!important}.vocabulary-choice-exercise .words-panel .word-card,.vocabulary-choice-mode-container .words-panel .word-card,.vocabulary-sentences-connect-mode-main .words-panel .word-card,.vocabulary-translation-sentences-mode-main .words-panel .word-card{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:1px solid #ffffff4d!important;border-radius:10px!important;box-shadow:0 2px 6px #667eea66!important;color:#fff!important;flex-shrink:1!important;font-size:13px!important;margin:0!important;max-width:100%!important;min-width:0!important;overflow-wrap:anywhere!important;padding:6px 10px!important;white-space:normal!important;width:100%!important;word-break:break-word!important}.vocabulary-choice-exercise .words-panel .word-card:hover,.vocabulary-choice-mode-container .words-panel .word-card:hover,.vocabulary-sentences-connect-mode-main .words-panel .word-card:hover,.vocabulary-translation-sentences-mode-main .words-panel .word-card:hover{background:linear-gradient(135deg,#5a6fd8,#6a4c93)!important}.vocabulary-choice-exercise .words-panel .word-card.used,.vocabulary-choice-mode-container .words-panel .word-card.used,.vocabulary-sentences-connect-mode-main .words-panel .word-card.used,.vocabulary-translation-sentences-mode-main .words-panel .word-card.used{background:linear-gradient(135deg,#9ca3af,#6b7280)!important;opacity:.5!important}.vc-mobile-check-in-panel{align-items:center!important;display:flex!important;justify-content:center!important;margin:0!important;min-height:60px!important;padding:12px 0!important}.vc-mobile-check-in-panel .check-all-btn{margin:0!important}.vocabulary-sentences-connect-drag-preview{border-radius:10px!important;font-size:13px!important;padding:8px 12px!important}}.structures-list{display:flex;flex-direction:column;gap:15px}.structure-zone{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:12px;padding:15px;transition:all .3s ease}.structure-zone:hover{background:#f0f2ff;border-color:#667eea}.structure-header{margin-bottom:10px}.structure-header h4{color:#495057;font-size:16px;font-weight:600;margin:0;text-align:center}.structure-content{background:#fff;border:1px solid #e9ecef;border-radius:8px;display:flex;flex-direction:column;font-size:.9rem;gap:8px;min-height:80px;padding:10px}.grammar-constructions-mode-main .structures-panel .gc-dropped-row{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:10px}.dropped-sentence{background:#fff;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:grab;font-size:.9rem!important;font-weight:500;margin:4px 0;padding:8px 12px;text-align:center;text-decoration:none!important;touch-action:none;transition:all .2s ease}.dropped-sentence:hover{background:#f8f9fa;border-color:#adb5bd;transform:none}.dropped-sentence:active{cursor:grabbing}.dropped-sentence[draggable=false]{cursor:default;opacity:.8}.dropped-sentence.correct{background:#d4edda;border-color:#c3e6cb;border-width:2px;color:#155724;font-size:.9rem!important;text-decoration:none!important}.dropped-sentence.incorrect,.dropped-sentence.with-structures{background:#f8d7da;border-color:#f5c6cb;border-width:2px;color:#721c24;font-size:.9rem!important;text-decoration:none!important}.dropped-sentence.with-structures{padding:0}.sentence-text{border-bottom:1px solid #6c757d;font-size:.9rem!important;padding:12px}.correct-structures{background:#fff3cd;border:none;border-radius:0;color:#856404;font-size:.9rem!important;line-height:1.4;margin:0;padding:8px 12px;text-decoration:none!important}.translate-btn{background:#0000;border:1px solid #6c757d;border-radius:4px;color:#6c757d;font-size:.9em;margin-top:8px;padding:6px 12px;transition:all .2s ease}.translate-btn:hover{background:#007bff1a;border-color:#007bff;color:#007bff}.sentence-content.moved{background:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.5}.sentence-content.moved:hover{box-shadow:none;transform:none}.sentences-panel-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.sentences-panel-header .task-description{flex:1 1;margin-bottom:0}.translate-text-btn{background:#0000;border:1px solid #6c757d;border-radius:6px;color:#6c757d;cursor:pointer;flex-shrink:0;font-size:14px;margin-left:15px;padding:8px 12px;transition:all .2s ease}.translate-text-btn:hover{background:#007bff1a;border-color:#007bff;color:#007bff}.translate-text-btn:disabled{cursor:not-allowed;opacity:.6}.sentences-text{word-wrap:break-word;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;display:block;flex:0 1 auto;font-size:16px;height:auto;line-height:1.6;margin-bottom:15px;max-height:none;min-height:auto;overflow:visible;overflow-wrap:break-word;padding:20px;text-align:justify;white-space:normal;width:100%}.check-button-container{display:flex;justify-content:center;margin-bottom:20px}.sentence-card{background:#f8f9fa;border:1px solid #dee2e6;border-radius:3px;color:#495057;display:inline;font-weight:500;margin:0 1px;padding:2px 4px;position:relative;touch-action:none;transition:all .2s ease;-webkit-user-select:none;user-select:none}.sentence-card:hover{background:#e9ecef;border-color:#adb5bd;transform:none}.sentence-card.moved{background:#dee2e6;border-color:#adb5bd;color:#6c757d;cursor:not-allowed;opacity:.4}.sentence-card.moved:hover{background:#dee2e6;transform:none}.sentence-separator{color:#6c757d;display:inline;font-weight:700;margin:0 1px}.sentences-controls{display:flex;flex-direction:column;gap:10px;margin-top:15px}.sentence-control-item{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:6px;display:flex;justify-content:space-between;min-height:40px;padding:8px 12px}.sentence-control-left{flex:1 1}.sentence-control-right{margin-left:10px}.correct-answer{background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;margin-top:5px}.word-card:hover{box-shadow:0 4px 12px #00000026}.drop-placeholder{border:2px dashed #ddd;border-radius:6px;box-sizing:border-box;color:#999;display:inline-block;max-width:200px;min-width:120px;padding:8px 12px;text-align:center}.panel-header{border-bottom:2px solid #e9ecef;margin-bottom:20px;padding-bottom:15px}.panel-header h3{color:#333;font-size:20px}.words-list{display:flex;flex-direction:column;gap:15px}.word-card{background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#2c3e50;cursor:grab;font-size:16px;font-weight:500;padding:15px 20px;text-align:center;text-decoration:none!important;transition:all .3s ease;-webkit-user-select:none;user-select:none}.word-card:hover{border-color:#667eea;box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.word-card:active{cursor:grabbing;transform:scale(.95)}.word-card.used{background:#f8f9fa;border-color:#dee2e6;color:#6c757d;cursor:not-allowed;opacity:.5}.word-card.used:hover{border-color:#dee2e6;box-shadow:0 2px 8px #0000001a;transform:none}.sentences-list{gap:20px}.sentence-item{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;min-height:100px;padding:20px;transition:all .3s ease}.sentence-item:hover{border-color:#dee2e6;box-shadow:0 3px 15px #0000001a}.sentence-content{align-items:center;border:2px solid #0000;margin-bottom:15px;padding:15px}.sentence-content.correct{background:#d4edda}.sentence-content.incorrect{background:#f8d7da}.sentence-text{align-items:center;box-sizing:border-box;color:#333;display:flex;flex-wrap:wrap;font-size:18px;gap:8px;line-height:1.6;max-width:100%;white-space:normal;word-break:break-word}.sentence-part,.sentence-text{word-wrap:break-word;overflow-wrap:break-word;text-decoration:none!important}.sentence-part{display:inline;white-space:pre-wrap}.word-slot{align-items:center;background:#fff;border:2px dashed #dee2e6;border-radius:8px;display:flex;justify-content:center;margin:0 8px;min-height:40px;min-width:150px;transition:all .3s ease}.word-slot:hover{background:#f0f2ff;border-color:#667eea}.drop-placeholder{color:#6c757d;font-size:14px;font-style:italic}.dropped-word{background:#fff;border:1px solid #e1e5e9;border-radius:6px;box-shadow:0 2px 8px #0000001a;color:#2c3e50;font-weight:500;gap:8px;padding:8px 12px;text-decoration:none!important}.dropped-word,.remove-word-btn{align-items:center;display:flex}.remove-word-btn{background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:18px;height:20px;justify-content:center;padding:0;transition:all .2s ease;width:20px}.remove-word-btn:hover{background:#fff3}.sentence-controls{flex-wrap:wrap;gap:15px;max-width:100%;overflow:hidden}.sentence-left{align-items:center;display:flex;max-width:100%;overflow:hidden}.sentence-right{gap:15px;max-width:100%;overflow:hidden}.check-answer-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;text-decoration:none!important;transition:all .3s ease;white-space:nowrap}.check-answer-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.check-answer-btn:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.correct-answer{background:#d4edda;border:1px solid #c3e6cb;color:#155724;display:inline-block;margin-right:10px;text-decoration:none!important}.translate-btn{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:8px;box-shadow:none;box-sizing:border-box;color:#333;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;font-weight:500;height:40px;justify-content:center;margin:0;padding:0;text-decoration:none!important;transition:all .3s ease;width:40px}.translate-btn:hover:not(:disabled){background-color:#f8f9fa;border-color:#667eea;box-shadow:0 4px 15px #667eea4d;transform:none}.translate-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.exercise-complete{background:#d4edda;border:1px solid #c3e6cb;border-radius:12px;color:#155724;margin-top:40px;padding:30px;text-align:center}.exercise-complete h3{font-size:24px;font-weight:600;margin:0 0 10px;text-decoration:none!important}.exercise-complete p{font-size:16px;margin:0;text-decoration:none!important}.essay-form::-webkit-scrollbar,.essay-input-section::-webkit-scrollbar,.essay-results::-webkit-scrollbar,.essay-textarea::-webkit-scrollbar,.sentences-panel::-webkit-scrollbar,.words-panel::-webkit-scrollbar{width:12px}.essay-form::-webkit-scrollbar-track,.essay-input-section::-webkit-scrollbar-track,.essay-results::-webkit-scrollbar-track,.essay-textarea::-webkit-scrollbar-track,.sentences-panel::-webkit-scrollbar-track,.words-panel::-webkit-scrollbar-track{background:#f1f1f1;border-radius:6px}.essay-form::-webkit-scrollbar-thumb,.essay-input-section::-webkit-scrollbar-thumb,.essay-results::-webkit-scrollbar-thumb,.essay-textarea::-webkit-scrollbar-thumb,.sentences-panel::-webkit-scrollbar-thumb,.words-panel::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:6px}.essay-form::-webkit-scrollbar-thumb:hover,.essay-input-section::-webkit-scrollbar-thumb:hover,.essay-results::-webkit-scrollbar-thumb:hover,.sentences-panel::-webkit-scrollbar-thumb:hover,.words-panel::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.writing-essay-mode-container,.writing-essay-mode-main{display:flex;flex-direction:column;height:100%;margin:0;padding:0;width:100%}.writing-essay-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;height:100%;margin:0;overflow:visible;padding:20px 12px 0;width:100%}.writing-translate-english-mode-container{display:flex;flex-direction:column;height:calc(100vh - 70px);max-height:calc(100vh - 70px);min-height:calc(100vh - 70px);width:100%}.writing-translate-english-mode-main{display:flex;flex:1 1;flex-direction:column;height:100%;width:100%}.writing-translate-english-mode-container .writing-essay-container{display:flex;flex:1 1;flex-direction:column;height:100%;margin-top:0;max-height:100%;overflow:hidden;padding:20px 12px 0;width:100%}.writing-translate-english-mode-container .essay-form{display:flex;flex:1 1;flex-direction:column;height:100%;margin-bottom:0;max-height:100%;min-height:0;overflow-y:visible;padding-bottom:0;width:100%}.writing-translate-english-mode-container .essay-textarea{height:auto;max-height:300px;min-height:220px}.writing-translate-english-mode-container .essay-results{display:flex;flex:1 1;flex-direction:column;height:100%;margin-bottom:0;max-height:100%;min-height:0;overflow:hidden;padding-bottom:0;width:100%}.writing-translate-english-mode-container .errors-panel{padding-bottom:60px}.writing-translate-russian-mode-container{display:flex;flex-direction:column;height:calc(100vh - 70px);max-height:calc(100vh - 70px);min-height:calc(100vh - 70px);width:100%}.writing-translate-russian-mode-main{display:flex;flex:1 1;flex-direction:column;height:100%;width:100%}.writing-translate-russian-mode-container .writing-essay-container{display:flex;flex:1 1;flex-direction:column;height:100%;margin-top:0;max-height:100%;overflow:hidden;padding:20px 12px 0;width:100%}.writing-translate-russian-mode-container .essay-form{overflow-y:auto}.writing-translate-russian-mode-container .essay-form,.writing-translate-russian-mode-container .essay-results{display:flex;flex:1 1;flex-direction:column;height:100%;margin-bottom:0;max-height:100%;min-height:0;padding-bottom:0;width:100%}.writing-translate-russian-mode-container .essay-results{overflow:hidden}.writing-translate-russian-mode-container .essay-text-panel{max-height:none;overflow-y:visible;padding-bottom:100px}.writing-translate-russian-mode-container .errors-panel{margin-top:0;max-height:none;overflow-y:visible;padding-bottom:60px}.writing-translate-russian-mode-container .results-content{max-height:100%;overflow-x:hidden;overflow-y:auto}.writing-sentences-mode-container{display:flex;flex-direction:column;height:100vh;min-height:100vh;overflow:hidden;width:100%}.writing-sentences-mode-container .writing-essay-container,.writing-sentences-mode-container .writing-sentences-mode-main{display:flex;flex:1 1;flex-direction:column;height:100%;min-height:0;overflow:hidden;width:100%}.writing-sentences-mode-container .writing-essay-container{max-height:100%;padding:20px 20px 0}.writing-sentences-mode-container .essay-form{display:flex;flex:1 1;flex-direction:column;height:100%;min-height:100vh;width:100%}.writing-sentences-mode-container .essay-results{display:flex;flex:1 1;flex-direction:column;height:100%;max-height:100%;min-height:0;overflow:hidden;position:relative;width:100%}.writing-sentences-mode-container .results-header{flex-shrink:0;position:relative;z-index:1}.writing-sentences-mode-container .results-content{-webkit-overflow-scrolling:touch;flex:1 1;max-height:100%;min-height:0;overflow-x:hidden!important;overflow-y:scroll!important;padding-bottom:20px;padding-right:10px;position:relative;scrollbar-color:#cbd5e0 #f7fafc;scrollbar-width:thin}.writing-sentences-mode-container .results-content::-webkit-scrollbar{width:8px}.writing-sentences-mode-container .results-content::-webkit-scrollbar-track{background:#f7fafc;border-radius:4px}.writing-sentences-mode-container .results-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.writing-sentences-mode-container .results-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.writing-sentences-mode-container .results-content .errors-panel,.writing-sentences-mode-container .results-content .essay-text-panel,.writing-sentences-mode-container .results-content .original-text-panel{flex:none;max-height:none;overflow:visible}.writing-sentences-mode-container .essay-input-section{display:flex;flex:none;flex-direction:column;height:auto;min-height:auto;width:100%}.writing-sentences-mode-container .essay-textarea{height:150px;max-height:200px;min-height:150px;resize:vertical;width:100%}.writing-translate-english-mode-container .essay-input-section{display:flex;flex:1 1;flex-direction:column;min-height:0}.writing-translate-english-mode-container .essay-textarea{border-radius:8px;flex:1 1;min-height:300px}.writing-essay-mode-placeholder{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;display:flex;height:100%;justify-content:center;padding:40px;text-align:center;width:100%}.essay-form{display:flex;flex:1 1;flex-direction:column;height:100%;margin:0;overflow:visible;padding-bottom:20px;padding-right:10px;width:100%}.essay-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:15px}.essay-title{color:#2c3e50;font-size:28px;font-weight:600;margin:0;text-align:left;text-decoration:none!important}.essay-header-actions{align-items:center;display:flex;flex-shrink:0;gap:15px;justify-content:flex-end;margin-bottom:20px}.topic-section{background:#f8f9fa;border-radius:8px;flex-shrink:0;margin-bottom:15px;padding:15px 12px}.topic-section h3{color:#495057;font-size:18px;font-weight:600}.topic-section h3,.topic-text{margin-bottom:15px;text-decoration:none!important}.topic-text{color:#2c3e50;font-size:16px;font-weight:500;line-height:1.6}.essay-instructions{color:#6c757d;font-size:14px;font-style:italic;margin:10;text-decoration:none!important}.essay-input-section{display:flex;flex:1 1;flex-direction:column;margin:0;min-height:0;padding:0}.essay-label{color:#495057;display:block;font-size:16px;font-weight:600;margin-bottom:5px}.essay-label,.essay-textarea{text-decoration:none!important}.essay-textarea{background:linear-gradient(90deg,#0000,#0000 98%,#d4af37),linear-gradient(0deg,#0000,#0000 98%,#d4af37),linear-gradient(45deg,#f9f9f9 25%,#0000 0,#0000 75%,#f9f9f9 0),linear-gradient(-45deg,#f9f9f9 25%,#0000 0,#0000 75%,#f9f9f9 0);background-color:#fefefe;background-position:0 0,0 0,0 0,10px 10px;background-size:50px 50px,50px 50px,20px 20px,20px 20px;border:2px solid #d4af37;border-radius:8px;box-shadow:0 2px 10px #0000001a;box-sizing:border-box;flex:1 1;font-family:Times New Roman,Georgia,serif;font-size:20px;font-style:italic;height:100%;line-height:1.8;margin:0;min-height:200px;overflow-y:auto;padding:20px 12px;resize:none;transition:border-color .3s ease;width:100%}.essay-textarea:focus{border-color:#b8860b;box-shadow:inset 0 0 0 1px #b8860b33,0 2px 15px #00000026,0 0 0 3px #b8860b1a;outline:none}.word-counter{background:#f8f9fa;border:2px solid #e9ecef;border-radius:20px;color:#495057;font-size:16px;font-weight:600;min-width:120px;padding:8px 16px;text-align:center}.check-essay-btn,.translate-essay-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;text-decoration:none!important;transition:all .3s ease}.check-essay-btn:hover:not(:disabled),.translate-essay-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.check-essay-btn:disabled{cursor:not-allowed}.check-essay-btn:disabled,.check-essay-btn:disabled:hover{background:#6c757d;box-shadow:none;transform:none}.check-essay-btn:disabled,.translate-essay-btn:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;transform:none}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;padding:15px;text-align:center}.error-message,.retry-btn{margin-top:20px;text-decoration:none!important}.retry-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:20px;font-weight:600;min-width:200px;padding:20px 40px;transition:all .3s ease}.retry-btn:hover:not(:disabled){background:linear-gradient(135deg,#5a6fd8,#6a4c93);box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.retry-btn:active:not(:disabled){transform:translateY(0)}.retry-btn:disabled{cursor:not-allowed;opacity:.6}.essay-results{display:flex;flex:1 1;flex-direction:column;height:100%;overflow-y:visible;width:100%}.results-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.panel-resize-controls{align-items:center;display:flex;gap:10px;margin-left:auto}.panel-height-slider{-webkit-appearance:none;appearance:none;background:#ddd;border-radius:2px;height:4px;outline:none;width:100px}.panel-height-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#007bff;border-radius:50%;cursor:pointer;height:16px;width:16px}.panel-height-slider::-moz-range-thumb{background:#007bff;border:none;border-radius:50%;cursor:pointer;height:16px;width:16px}.panel-resize-controls span{color:#495057;font-size:12px;min-width:30px;text-align:center}.results-header h2{color:#2c3e50;font-size:24px;font-weight:600;margin:0;text-decoration:none!important}.back-to-edit-btn{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;text-decoration:none!important;transition:all .3s ease}.back-to-edit-btn:hover{background:#5a6268;transform:translateY(-1px)}.results-content{display:flex;flex:1 1;flex-direction:column;gap:20px;height:100%;max-height:100%;min-height:0;overflow-y:auto}.writing-translate-english-mode-container .results-content{max-height:100%;overflow-x:hidden;overflow-y:auto}.errors-panel,.essay-text-panel{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;flex:none;max-height:none;min-height:0;overflow-y:visible;padding:20px 20px 60px;position:relative;width:100%}.writing-translate-english-mode-container .essay-text-panel{max-height:none;overflow-y:visible;padding-bottom:100px}.writing-translate-english-mode-container .errors-panel{margin-top:0;max-height:none;overflow-y:visible}.panel-header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.panel-header h3{color:#495057;font-size:18px;font-weight:600;margin:0;text-decoration:none!important}.panel-actions{display:flex;gap:10px}.essay-text-display{word-wrap:break-word;background:#fff;border:1px solid #e9ecef;border-radius:6px;color:#2c3e50;font-size:16px;line-height:1.8;padding:15px;text-decoration:none!important;white-space:pre-wrap}.original-text-panel{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-bottom:20px;max-height:none;padding:20px}.original-text-display{word-wrap:break-word;background:#fff;border:1px solid #e9ecef;border-radius:6px;color:#495057;font-size:16px;line-height:1.8;padding:15px;white-space:pre-wrap}.error-highlight{border:none;border-radius:2px;box-shadow:none;cursor:default;display:inline;font-weight:400;margin:0;padding:0;position:relative;text-decoration:none!important;transition:all .3s ease}.error-highlight,.error-highlight:hover{background-color:initial!important}.error-highlight.highlighted{background-color:#ff6400b3!important;box-shadow:none;font-weight:600}.error-item{text-decoration:none!important;transition:all .3s ease}.error-item:hover{background-color:#e9ecef!important;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.flashlight-btn{text-decoration:none!important;transition:all .3s ease}.flashlight-btn.active{background:#ffd4a3!important;border-color:orange!important;box-shadow:0 2px 8px #ffa5004d!important;color:#333!important}@media (max-width:768px){.writing-essay-container{padding:15px}.writing-essay-mode-container .results-content,.writing-sentences-mode-container .results-content,.writing-translate-english-mode-container .results-content,.writing-translate-russian-mode-container .results-content{padding-bottom:max(24px,env(safe-area-inset-bottom,0px) + 72px)!important}.writing-sentences-mode-container{height:100vh}.writing-sentences-mode-container .writing-essay-container{padding:15px}.writing-essay-mode-placeholder{padding:20px}.essay-title{font-size:24px}.essay-actions{align-items:center;flex-direction:column}.results-header{gap:15px}.panel-header,.results-header{align-items:stretch;flex-direction:column}.panel-header{gap:10px}.essay-form,.essay-results{height:100%}.errors-columns{flex-direction:column;gap:15px}.errors-column-left,.errors-column-right{flex:none}.writing-essay-mode-container .writing-essay-container .text-quiz-instructions,.writing-sentences-mode-container .writing-essay-container .text-quiz-instructions,.writing-translate-english-mode-container .writing-essay-container .text-quiz-instructions,.writing-translate-russian-mode-container .writing-essay-container .text-quiz-instructions{font-size:12px!important;line-height:1.4;margin-bottom:6px}.writing-essay-mode-container .topic-text,.writing-sentences-mode-container .topic-text,.writing-translate-english-mode-container .topic-text,.writing-translate-russian-mode-container .topic-text{font-size:13px!important;line-height:1.45;margin-bottom:10px}.writing-essay-mode-container .essay-textarea,.writing-sentences-mode-container .essay-textarea,.writing-translate-english-mode-container .essay-textarea,.writing-translate-russian-mode-container .essay-textarea{font-size:14px!important;line-height:1.5;min-height:120px;padding:12px}.writing-essay-mode-container .essay-header-actions,.writing-sentences-mode-container .essay-header-actions,.writing-translate-english-mode-container .essay-header-actions,.writing-translate-russian-mode-container .essay-header-actions{flex-wrap:wrap;gap:8px;margin-bottom:12px}.writing-essay-mode-container .word-counter,.writing-sentences-mode-container .word-counter,.writing-translate-english-mode-container .word-counter,.writing-translate-russian-mode-container .word-counter{font-size:12px!important;min-width:90px;padding:6px 10px}.writing-essay-mode-container .check-essay-btn,.writing-sentences-mode-container .check-essay-btn,.writing-translate-english-mode-container .check-essay-btn,.writing-translate-russian-mode-container .check-essay-btn{font-size:13px!important;padding:10px 16px}.writing-essay-mode-container .topic-section,.writing-sentences-mode-container .topic-section,.writing-translate-english-mode-container .topic-section,.writing-translate-russian-mode-container .topic-section{margin-bottom:10px;padding:10px}.writing-essay-mode-container .results-header h2,.writing-sentences-mode-container .results-header h2,.writing-translate-english-mode-container .results-header h2,.writing-translate-russian-mode-container .results-header h2{font-size:18px!important}.writing-essay-mode-container .panel-header h3,.writing-sentences-mode-container .panel-header h3,.writing-translate-english-mode-container .panel-header h3,.writing-translate-russian-mode-container .panel-header h3{font-size:14px!important}.writing-essay-mode-container .essay-text-display,.writing-essay-mode-container .original-text-display,.writing-sentences-mode-container .essay-text-display,.writing-sentences-mode-container .original-text-display,.writing-translate-english-mode-container .essay-text-display,.writing-translate-english-mode-container .original-text-display,.writing-translate-russian-mode-container .essay-text-display,.writing-translate-russian-mode-container .original-text-display{font-size:13px!important;line-height:1.5}.writing-essay-mode-container .essay-score-display,.writing-sentences-mode-container .essay-score-display,.writing-translate-english-mode-container .essay-score-display,.writing-translate-russian-mode-container .essay-score-display{margin-top:12px!important;padding:10px 12px!important}.writing-essay-mode-container .essay-score-display div,.writing-sentences-mode-container .essay-score-display div,.writing-translate-english-mode-container .essay-score-display div,.writing-translate-russian-mode-container .essay-score-display div{font-size:16px!important}.writing-essay-mode-container .errors-panel .error-item,.writing-sentences-mode-container .errors-panel .error-item,.writing-translate-english-mode-container .errors-panel .error-item,.writing-translate-russian-mode-container .errors-panel .error-item{font-size:12px;margin-bottom:10px;padding:8px}.writing-essay-mode-container .errors-panel .error-item>div:last-child,.writing-sentences-mode-container .errors-panel .error-item>div:last-child,.writing-translate-english-mode-container .errors-panel .error-item>div:last-child,.writing-translate-russian-mode-container .errors-panel .error-item>div:last-child{font-size:12px!important}.writing-essay-mode-container .essay-comment h4,.writing-sentences-mode-container .essay-comment h4,.writing-translate-english-mode-container .essay-comment h4,.writing-translate-russian-mode-container .essay-comment h4{font-size:14px!important}.writing-essay-mode-container .essay-comment p,.writing-sentences-mode-container .essay-comment p,.writing-translate-english-mode-container .essay-comment p,.writing-translate-russian-mode-container .essay-comment p{font-size:12px!important}.writing-essay-mode-container .task-loading-panel>div:first-child,.writing-sentences-mode-container .task-loading-panel>div:first-child,.writing-translate-english-mode-container .task-loading-panel>div:first-child,.writing-translate-russian-mode-container .task-loading-panel>div:first-child{font-size:13px!important;margin-bottom:6px!important}.writing-essay-mode-container .task-loading-message,.writing-sentences-mode-container .task-loading-message,.writing-translate-english-mode-container .task-loading-message,.writing-translate-russian-mode-container .task-loading-message{font-size:12px!important}.writing-essay-mode-container .task-loading-panel,.writing-sentences-mode-container .task-loading-panel,.writing-translate-english-mode-container .task-loading-panel,.writing-translate-russian-mode-container .task-loading-panel{margin-top:-136px!important}.writing-translate-english-mode-container .writing-essay-container:has(.task-loading-panel){align-items:center!important;justify-content:center!important;min-height:60vh!important;padding-top:0!important}.writing-translate-english-mode-container .mode-selection-placeholder:has(.task-loading-panel){align-items:center!important;padding-top:0!important}.writing-translate-english-mode-container .task-loading-panel{margin-top:-148px!important}.translation-overlay .translation-main-panel-header h3,.translation-overlay .translation-text{font-size:14px!important}.translation-overlay .translation-text p{font-size:13px!important;line-height:1.5}.translation-overlay .close-translation-btn{font-size:13px;padding:8px 12px}.grammar-structure-overlay .grammar-structure-body h4,.grammar-structure-overlay .grammar-structure-header h3{font-size:16px!important}.grammar-structure-overlay .grammar-structure-info p{font-size:13px!important}.grammar-structure-overlay .grammar-structure-card{max-width:95%;padding:12px}.writing-essay-container .error-message p{font-size:12px!important}.writing-translate-english-mode-container .writing-essay-container .essay-form,.writing-translate-russian-mode-container .writing-essay-container .essay-form{display:flex;flex-direction:column;height:100%;min-height:0;overflow-x:hidden;overflow-y:visible}.writing-translate-english-mode-container .writing-essay-container .essay-form .text-quiz-instructions,.writing-translate-russian-mode-container .writing-essay-container .essay-form .text-quiz-instructions{flex-shrink:0;margin-bottom:8px}.writing-translate-english-mode-container .writing-essay-container .essay-form .topic-section,.writing-translate-russian-mode-container .writing-essay-container .essay-form .topic-section{-webkit-overflow-scrolling:touch;flex:0 1 35%;margin-bottom:8px;max-height:34vh;min-height:140px;overflow-y:auto}.writing-translate-english-mode-container .writing-essay-container .essay-form .topic-section .topic-text,.writing-translate-russian-mode-container .writing-essay-container .essay-form .topic-section .topic-text{margin-bottom:0;max-height:none;overflow:visible;padding-bottom:10px}.writing-translate-english-mode-container .writing-essay-container .essay-form .essay-header-actions,.writing-translate-russian-mode-container .writing-essay-container .essay-form .essay-header-actions{flex-shrink:0;margin-bottom:8px}.writing-translate-english-mode-container .writing-essay-container .essay-form .essay-input-section,.writing-translate-russian-mode-container .writing-essay-container .essay-form .essay-input-section{display:flex;flex:1 1 65%;flex-direction:column;margin:0;min-height:0;padding:0}.writing-translate-english-mode-container .writing-essay-container .essay-form .essay-textarea,.writing-translate-russian-mode-container .writing-essay-container .essay-form .essay-textarea{flex:1 1;height:100%;max-height:calc(100% - 24px);min-height:100px;padding-bottom:max(70px,calc(env(safe-area-inset-bottom, 0px) + 32px));scroll-padding-bottom:max(70px,calc(env(safe-area-inset-bottom, 0px) + 32px))}.writing-essay-mode-container .essay-input-section .essay-textarea,.writing-sentences-mode-container .essay-input-section .essay-textarea,.writing-translate-english-mode-container .essay-input-section .essay-textarea,.writing-translate-russian-mode-container .essay-input-section .essay-textarea{-webkit-overflow-scrolling:touch;overflow-y:auto}.writing-translate-english-mode-container .essay-form,.writing-translate-russian-mode-container .essay-form{padding-bottom:0}.writing-essay-mode-container .writing-essay-container,.writing-sentences-mode-container .writing-essay-container,.writing-translate-english-mode-container .writing-essay-container,.writing-translate-russian-mode-container .writing-essay-container{padding-left:10px!important;padding-right:10px!important}.writing-essay-mode-container .essay-form,.writing-sentences-mode-container .essay-form,.writing-translate-english-mode-container .essay-form,.writing-translate-russian-mode-container .essay-form{padding-right:8px!important}.writing-essay-mode-container .essay-textarea,.writing-essay-mode-container .topic-section,.writing-sentences-mode-container .essay-textarea,.writing-sentences-mode-container .topic-section,.writing-translate-english-mode-container .essay-textarea,.writing-translate-english-mode-container .topic-section,.writing-translate-russian-mode-container .essay-textarea,.writing-translate-russian-mode-container .topic-section{padding-left:10px!important;padding-right:10px!important}}.errors-list{margin-top:15px}.errors-columns{display:flex;gap:20px;margin-top:15px}.errors-column-left,.errors-column-right{display:flex;flex:1 1;flex-direction:column}.errors-columns:has(.errors-column-left:only-child),.errors-columns:has(.errors-column-right:only-child){justify-content:center}.errors-columns:has(.errors-column-left:only-child) .errors-column-left,.errors-columns:has(.errors-column-right:only-child) .errors-column-right{max-width:100%}.errors-column-left h4,.errors-column-right h4{border-bottom:2px solid #e9ecef;color:#2c3e50;font-size:16px;font-weight:600;margin-bottom:15px;padding-bottom:8px}.essay-comment{background:#e3f2fd;border:2px solid #2196f3;border-radius:8px;margin-bottom:20px;padding:15px}.essay-comment h4{color:#1976d2;font-size:16px;font-weight:600;margin:0 0 10px}.essay-comment p{color:#2c3e50;font-size:14px;line-height:1.6;margin:0}.error-item strong{color:#495057;font-weight:600}.error-item div{margin-bottom:4px}.error-item div:last-child{margin-bottom:0}.grammar-structure-overlay{align-items:center;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1001}.grammar-structure-content{max-height:80vh;max-width:600px;overflow-y:auto;width:90%}.grammar-structure-card{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;overflow:hidden}.grammar-structure-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:20px}.grammar-structure-header h3{font-size:20px;font-weight:600;margin:0}.close-grammar-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:background-color .3s ease;width:30px}.close-grammar-btn:hover{background-color:#fff3}.grammar-structure-body{padding:25px}.grammar-structure-body h4{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;color:#2c3e50;font-size:24px;font-weight:600;margin:0 0 20px;padding:15px;text-align:center}.grammar-structure-info{color:#495057;line-height:1.6}.grammar-structure-info p{font-size:16px;margin-bottom:15px}.grammar-structure-info p:last-child{margin-bottom:0}.grammar-structure-card-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #ffffff4d;border-radius:12px;box-shadow:0 2px 6px #667eea66;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;min-width:-webkit-fit-content;min-width:fit-content;padding:6px 12px;text-shadow:0 1px 2px #0003;transition:all .2s ease;white-space:nowrap}.grammar-structure-card-btn:hover{background:linear-gradient(135deg,#5a6fd8,#6a4c93);border-color:#ffffff80;box-shadow:0 5px 15px #667eea99;transform:scale(1.05)}.grammar-structure-card-btn:active{transform:scale(.98)}.vocabulary-translation-sentences-container,.vocabulary-translation-sentences-mode-container{background:#0000;box-sizing:border-box;height:100vh;margin:0;max-width:100%;overflow-x:hidden;overflow-y:visible;padding:0;width:100%}.vocabulary-translation-sentences-mode-container{left:0;position:absolute;top:0}.vocabulary-translation-sentences-mode-main{box-sizing:border-box;height:100vh;left:0;margin:0;max-width:100%;overflow:visible;padding:0;position:absolute;top:0;width:100%}.vocabulary-translation-sentences-exercise{background:#0000;border-radius:0;box-shadow:none;box-sizing:border-box;height:100vh;margin:0;max-width:100%;overflow:visible;padding:0}.vocabulary-translation-sentences-exercise .exercise-header{margin-bottom:40px;text-align:left}.vocabulary-translation-sentences-exercise .exercise-header h2{color:#333;font-size:28px;font-weight:600;margin-bottom:10px;text-decoration:none!important}.vocabulary-translation-sentences-exercise .exercise-header p{color:#6c757d;font-size:16px;margin:0;text-decoration:none!important}.vocabulary-translation-sentences-exercise .exercise-layout{display:flex;gap:20px;height:100%;margin:0;width:100%}@media (max-width:768px){.vocabulary-translation-sentences-mode-main{box-sizing:border-box!important;display:flex;flex-direction:column;height:100vh!important;max-height:100vh!important;max-width:100%!important;padding:0 0 80px!important;position:relative!important;width:100%!important}.vocabulary-translation-sentences-mode-main .exercise-layout{display:flex;flex:1 1 auto;flex-direction:column;gap:0!important;height:100%!important;max-height:100%!important}.vocabulary-translation-sentences-mode-main .words-panel{flex:0 0 auto!important;margin-bottom:0!important;max-height:35%!important}.vocabulary-translation-sentences-mode-main .sentences-panel,.vocabulary-translation-sentences-mode-main .words-panel{box-sizing:border-box!important;margin-top:0!important;max-width:100%!important;min-height:0!important;min-width:0!important;overflow-x:hidden!important;overflow-y:auto!important;width:100%!important}.vocabulary-translation-sentences-mode-main .sentences-panel{flex:1 1!important}.vocabulary-translation-sentences-mode-main .sentences-panel .sentences-list,.vocabulary-translation-sentences-mode-main .words-panel .words-list{height:100%!important;max-height:100%!important;overflow-y:auto!important}.vocabulary-translation-sentences-mode-main .words-panel .words-list{-ms-overflow-style:none!important;scrollbar-width:none!important}.vocabulary-translation-sentences-mode-main .words-panel .words-list::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}.vocabulary-translation-sentences-mode-main .words-panel .words-list{height:auto!important;max-height:none!important;overflow-y:visible!important}.vocabulary-translation-sentences-mode-main .words-panel .word-card{font-size:13px!important;padding:10px 14px!important}.vocabulary-translation-sentences-mode-main .sentences-panel .sentence-item{height:auto!important;margin-bottom:8px!important;min-height:-webkit-fit-content!important;min-height:fit-content!important}.vocabulary-translation-sentences-mode-main .sentences-panel .text-quiz-instructions,.vocabulary-translation-sentences-mode-main .words-panel .text-quiz-instructions{font-size:13px!important}.vocabulary-translation-sentences-mode-main .words-panel .word-card{font-size:12px!important;height:auto!important;min-height:auto!important;padding:6px 10px!important}.vocabulary-translation-sentences-mode-main .sentences-panel .sentence-item .sentence-content{font-size:12px!important;height:auto!important;min-height:auto!important;padding:8px 10px!important}.vocabulary-translation-sentences-mode-main .sentences-panel .sentence-item .sentence-content .sentence-text{font-size:12px!important;line-height:1.2!important}}.english-panel,.russian-panel{background:#f8f9fa;border-radius:12px;box-shadow:0 2px 10px #0000001a;flex:1 1;max-height:calc(100vh - 120px);overflow-y:auto;padding:20px}.english-panel{border-left:4px solid #007bff}.russian-panel{border-left:4px solid #28a745}.task-description{border-bottom:2px solid #e9ecef;margin-bottom:20px;padding-bottom:15px}.task-description h3{color:#333;font-size:20px;font-weight:600;margin-bottom:8px}.task-description p{color:#6c757d;font-size:14px;line-height:1.4;margin:0}.vocabulary-translation-sentences-mode-container .sentences-panel .sentence-item .sentence-content{align-items:center!important;display:flex!important;flex-direction:column!important;justify-content:center!important;margin-left:auto!important;margin-right:auto!important;padding:15px!important;text-align:center!important}.vocabulary-translation-sentences-mode-container .sentences-panel .sentence-item .sentence-content>*{align-self:center!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important}.vocabulary-translation-sentences-mode-container .sentences-panel .sentence-item .sentence-content.correct,.vocabulary-translation-sentences-mode-container .sentences-panel .sentence-item .sentence-content.incorrect{align-items:center!important;display:flex!important;flex-direction:column!important;justify-content:center!important;text-align:center!important}.vocabulary-translation-sentences-mode-container .sentences-panel .sentence-item .sentence-content.correct>*,.vocabulary-translation-sentences-mode-container .sentences-panel .sentence-item .sentence-content.incorrect>*{align-self:center!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important}.vocabulary-translation-sentences-mode-container .sentences-panel .sentence-item .sentence-content .sentence-text{display:block!important;margin-left:auto!important;margin-right:auto!important;padding:0!important;text-align:center!important;width:100%!important}.vocabulary-translation-sentences-mode-container .sentences-panel .sentence-item .sentence-content .word-slot{align-items:center!important;background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;display:flex!important;justify-content:center!important;margin:15px auto 0!important;max-width:100%!important;min-height:50px!important;min-width:200px!important;transition:all .3s ease!important;width:100%!important}@media (max-width:768px){.vocabulary-translation-sentences-mode-main .sentences-panel .sentence-item .sentence-content .word-slot{margin-top:8px!important;min-height:40px!important}}.vocabulary-translation-sentences-mode-container .sentences-panel .sentence-item .sentence-content .word-slot:hover{background:#0000!important;border:none!important;box-shadow:none!important}.vocabulary-translation-sentences-mode-container .sentences-panel .sentence-item .sentence-content .word-slot .drop-placeholder{color:#000!important;font-size:16px!important;font-style:italic!important;margin-left:auto!important;margin-right:auto!important;padding:10px!important;text-align:center!important;width:100%!important}.vocabulary-translation-sentences-mode-container .sentences-panel .sentence-item .sentence-content .word-slot .dropped-word{font-size:16px!important;padding:12px!important;text-align:center!important;width:100%!important}@media (max-width:768px){.vocabulary-translation-sentences-mode-main .sentences-panel .sentence-item .sentence-content .word-slot .drop-placeholder{font-size:12px!important;padding:4px 6px!important}.vocabulary-translation-sentences-mode-main .sentences-panel .sentence-item .sentence-content .word-slot .dropped-word{font-size:13px!important;padding:6px 8px!important}.vocabulary-translation-sentences-mode-main .sentences-panel .sentence-item .sentence-content .word-slot{margin-top:6px!important;min-height:36px!important}}.sentences-list{box-sizing:border-box;gap:15px;max-width:100%;min-width:0;overflow-x:hidden;overflow-y:visible;width:100%}.sentence-card{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:grab;display:flex;font-size:16px;justify-content:center;line-height:1.4;min-height:60px;padding:15px;text-align:center;transition:all .3s ease}.sentence-card:hover{border-color:#007bff;box-shadow:0 4px 8px #007bff33;transform:translateY(-2px)}.sentence-card:active{cursor:grabbing;transform:scale(.98)}.sentence-card.used{background:#f8f9fa;cursor:not-allowed;opacity:.5}.sentence-card.used:hover{box-shadow:0 2px 4px #0000001a;transform:none}.english-sentence{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-color:#2196f3}.sentence-item{margin-bottom:20px}.sentence-content,.sentence-item{box-sizing:border-box;max-width:100%;min-width:0;overflow-x:hidden;overflow-y:visible;width:100%}.sentence-content{word-wrap:break-word;background:#fff;border:2px solid #e9ecef;border-radius:8px;display:flex;flex-direction:column;min-height:60px;padding:15px 100px 15px 15px;position:relative;transition:all .3s ease}.sentence-buttons-top{align-items:center;display:flex;flex-direction:row-reverse;gap:8px;position:absolute;right:8px;top:8px;z-index:100}.sentence-buttons-top .flashlight-btn,.sentence-buttons-top .translate-btn{align-items:center;box-sizing:border-box;display:flex;height:40px;justify-content:center;padding:0;width:40px}.sentence-buttons-top .flashlight-btn{background:#fff!important;border:2px solid #e9ecef!important;border-radius:8px!important;color:#333!important}.sentence-buttons-top .flashlight-btn:hover{background:#f8f9fa!important;border-color:#667eea!important}.sentence-buttons-top .flashlight-btn.active{background-color:#ffd4a3!important;border-color:orange!important;box-shadow:0 2px 8px #ffa5004d!important;color:#333!important}.sentence-content:hover:not(.correct):not(.incorrect){border-color:#667eea;box-shadow:0 2px 8px #667eea33}.sentence-content.correct{background:linear-gradient(135deg,#d4edda,#c3e6cb);border-color:#28a745;box-shadow:0 4px 12px #28a7454d}.sentence-content.incorrect{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border-color:#dc3545;box-shadow:0 4px 12px #dc35454d}.sentence-content .sentence-text{word-wrap:break-word;box-sizing:border-box;color:#333;flex-shrink:0;font-size:16px;line-height:1.4;margin-bottom:10px;max-width:100%;min-height:50px;overflow-wrap:break-word;padding-right:100px;position:relative}.sentence-content .correct-answer{word-wrap:break-word!important;background:#fff3cd!important;border:1px solid #ffeaa7!important;border-radius:6px!important;box-shadow:0 2px 4px #0000001a!important;box-sizing:border-box!important;clear:both!important;color:#856404!important;display:block!important;font-size:14px!important;margin:15px 0 10px!important;max-width:100%!important;overflow-wrap:break-word!important;padding:12px 16px!important;position:relative!important;position:static!important;width:100%!important;z-index:1000!important}.connected-sentence{border-top:1px solid #e9ecef;margin-top:10px;padding-top:10px}.connected-english{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border:2px solid #2196f3;border-radius:6px;cursor:grab;font-size:14px;padding:10px;text-align:center;transition:all .3s ease}.connected-english:hover{border-color:#1976d2;box-shadow:0 2px 6px #2196f34d;transform:translateY(-1px)}.connected-english:active{cursor:grabbing;transform:scale(.98)}.connected-english.checked{cursor:not-allowed;opacity:.8}.sentence-controls{align-items:center;border-top:1px solid #e9ecef;display:flex;justify-content:space-between;margin-top:10px;padding-top:10px}.sentence-left{flex:1 1}.sentence-right{align-items:center;display:flex;gap:10px}.sentence-right .flashlight-btn,.sentence-right .translate-btn{align-items:center;box-sizing:border-box;display:flex;height:40px;justify-content:center;padding:0;width:40px}.sentence-right .flashlight-btn{background:#fff!important;border:2px solid #e9ecef!important;border-radius:8px!important;color:#333!important}.sentence-right .flashlight-btn:hover{background:#f8f9fa!important;border-color:#667eea!important}.sentence-right .flashlight-btn.active{background-color:#ffd4a3!important;border-color:orange!important;box-shadow:0 2px 8px #ffa5004d!important;color:#333!important}.correct-answer{background:#28a7451a;border-left:3px solid #28a745;border-radius:6px;color:#28a745;font-size:14px;font-weight:500;padding:8px 12px}.remove-btn,.translate-btn{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:8px;box-sizing:border-box;color:#333;cursor:pointer;display:flex;font-size:14px;height:40px;justify-content:center;padding:0;transition:all .3s ease;width:40px}.translate-btn:hover{background:#f8f9fa;border-color:#667eea;box-shadow:0 4px 15px #667eea4d;transform:none}.translate-btn:active,.translate-btn:focus,.translate-btn:focus-visible{background-color:#ffd4a3;border-color:orange;outline:none}.remove-btn{background:#dc3545}.remove-btn:hover{background:#c82333;box-shadow:0 2px 6px #dc35454d;transform:translateY(-1px)}.panel-controls{border-top:2px solid #e9ecef;margin-top:20px;padding-top:20px;text-align:center}.vocabulary-choice-exercise .panel-controls,.vocabulary-choice-mode-container .panel-controls,.vocabulary-translation-sentences-exercise .panel-controls,.vocabulary-translation-sentences-mode-container .panel-controls{border-top:none!important}.check-all-btn{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:8px;box-shadow:0 4px 12px #007bff4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.check-all-btn:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 6px 16px #007bff66;transform:translateY(-2px)}.check-all-btn:active:not(:disabled){box-shadow:0 2px 8px #007bff4d;transform:translateY(0)}.check-all-btn:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.error-placeholder,.loading-placeholder{align-items:center;color:#6c757d;display:flex;flex-direction:column;height:200px;justify-content:center}.loading-spinner{border-top-color:#007bff;height:40px;margin-bottom:15px;width:40px}.error-correction{background-color:#28a74533;border-radius:3px;color:#28a745;font-weight:600;padding:2px 4px}.text-parts-container{background:#fff;border-radius:0;box-shadow:none;box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:column;height:100%;margin:0;max-width:100%;min-height:0;overflow-y:auto;padding:0;width:100%}.text-parts-container .text-quiz-instructions{margin:20px}.text-parts-container .text-parts-content{flex:1 1 auto;flex-grow:1;height:100%;min-height:0;padding:0 0 10px}.text-parts-header{border-bottom:2px solid #e9ecef;margin-bottom:30px;padding-bottom:20px;text-align:left}.text-parts-header h2{color:#2c3e50;font-size:1.8em;font-weight:600;margin-bottom:10px}.text-parts-header p{color:#6c757d;font-size:1.1em;line-height:1.5}.drag-hint-text{color:#007bff!important;font-size:.95em!important;font-style:italic;margin-top:10px!important}.text-parts-content{display:flex;flex:1 1 auto;flex-direction:row;flex-grow:1;gap:5px;height:100%;min-height:0;overflow:hidden;position:relative;width:100%;z-index:0}.text-parts-content .text-section{background:#fff;border:2px solid #e9ecef;border-left:none;border-radius:0;border-right:none;box-shadow:0 2px 8px #0000000d;display:flex;flex:1 1 80%;flex-direction:column;flex-grow:1;height:100%;min-height:0;min-width:0;padding:15px}.text-display{display:flex;flex-direction:column;gap:20px}.text-with-spaces{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#2c3e50;flex:1 1;font-size:1.1em;line-height:1.8;min-height:0;overflow-x:auto;overflow-y:auto;padding:25px 60px 25px 25px;position:relative;z-index:1}.text-with-spaces .translate-btn{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:8px;box-shadow:none;box-sizing:border-box;color:#333;cursor:pointer;display:flex;font-size:14px;height:40px;justify-content:center;padding:0;position:absolute;right:15px;top:15px;transition:all .3s ease;width:40px;z-index:5}.text-with-spaces .translate-btn:hover{background:#f8f9fa;border-color:#667eea;box-shadow:0 4px 15px #667eea4d;transform:none}.text-with-spaces .translate-btn:active,.text-with-spaces .translate-btn:focus,.text-with-spaces .translate-btn:focus-visible{background-color:#ffd4a3;border-color:orange;outline:none}.text-with-spaces .translate-btn:disabled{background:#6c757d;box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.text-part{display:inline}.droppable-space{background:#fff;border:2px dashed #6c757d;border-radius:6px;cursor:pointer;display:inline-block;margin:0 8px;min-height:50px;min-width:250px;padding:8px;position:relative;transition:all .3s ease;vertical-align:middle}.droppable-space:hover{background:#f8f9fa;border-color:#007bff}.droppable-content{align-items:center;display:flex;gap:8px;min-height:30px;width:100%}.droppable-space .flashlight-btn{align-items:center;background:#fff;border:2px solid #ddd;border-radius:6px;box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:14px;height:40px;justify-content:center;margin-left:8px;opacity:.8;padding:4px 6px;transition:all .2s ease;width:40px}.droppable-space .flashlight-btn:hover{background-color:#f8f9fa;border-color:#667eea;opacity:1;transform:scale(1.03)}.droppable-space .flashlight-btn.active{background-color:#ffd4a3;border-color:orange;color:#333;opacity:1}.droppable-space.drag-over{background:#e3f2fd;border-color:#007bff}.droppable-space.correct{background:#d4edda;border-color:#28a745}.droppable-space.wrong{background:#f8d7da;border-color:#dc3545}.empty-space{color:#6c757d;font-style:italic;height:100%;justify-content:center;min-height:40px;text-align:center}.empty-space,.filled-space{align-items:center;display:flex;font-size:.9em}.filled-space{background:#fff;border:1px solid #dee2e6;border-radius:4px;color:#2c3e50;line-height:1.4;min-height:30px;padding:8px;transition:all .2s ease}.filled-space:hover{background:#f8f9fa;border-color:#007bff;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.filled-space[data-dragging=true]{opacity:.45}.correct-answer-hint{background:#dc3545;border-radius:4px;color:#fff;font-size:.8em;left:0;margin-top:2px;padding:5px;position:absolute;right:0;top:100%;z-index:10}.text-parts-content .sentences-panel{background:#fff;border:2px solid #e9ecef;border-left:none;border-radius:0;border-right:none;display:flex;flex:1 1 80%;flex-direction:column;flex-grow:1;height:100%;min-height:0;min-width:0;overflow-y:auto;padding:15px;position:relative;z-index:1000}.text-parts-content .sentences-panel .text-quiz-instructions{background:linear-gradient(135deg,#667eea26,#764ba226)!important;border:3px solid #667eeab3!important;border-radius:12px!important;box-shadow:0 4px 16px #667eea4d!important;color:#000!important;font-size:18px!important;font-weight:600!important;line-height:1.6!important;margin-bottom:20px!important;padding:20px 25px!important;text-align:left!important}.text-parts-content .sentences-panel .sentences-list{margin-top:20px}.sentences-panel.drag-over{background:#f8d7da;border-color:#dc3545;box-shadow:0 4px 12px #dc354533}.drop-indicator{animation:pulse 1s infinite;background:#dc3545;border-radius:6px;color:#fff;font-weight:600;margin-bottom:15px;padding:10px 15px;text-align:center}@keyframes pulse{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}.sentences-panel h3{color:#2c3e50;display:flex;flex-direction:column;font-size:1.2em;gap:5px;margin-bottom:15px}.drag-hint{color:#6c757d;font-size:.8em;font-style:italic;font-weight:400}.usage-info{border-top:1px solid #e9ecef;margin-top:15px;padding-top:15px}.usage-text{color:#6c757d;font-size:.9em;margin:0;text-align:center}.sentences-list{display:flex;flex:1 1;flex-direction:column;gap:10px;min-height:0;overflow-y:auto}.no-sentences{color:#6c757d;font-style:italic;padding:20px;text-align:center}.draggable-sentence{background:#fff;border:2px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#2c3e50;cursor:grab;flex-shrink:0;font-size:1em;line-height:1.4;opacity:1;padding:15px;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none;z-index:1000}.draggable-sentence:active{cursor:grabbing}.draggable-sentence[data-dragging=true]{box-shadow:0 4px 12px #0000004d;opacity:.9;z-index:2000}.text-parts-mobile-drag-ghost{background:#fff;border:2px solid #007bff;border-radius:8px;box-shadow:0 8px 24px #00000038;color:#2c3e50;font-size:13px;line-height:1.4;max-width:min(92vw,420px);pointer-events:none;position:fixed;transform:translate(-50%,calc(-100% - 14px));z-index:99999}.text-parts-mobile-drag-ghost__inner{-webkit-overflow-scrolling:touch;max-height:42vh;overflow:auto;padding:10px 12px}.draggable-sentence:hover:not(.used){background:#f8f9fa;border-color:#007bff}.draggable-sentence.used{background:#e9ecef;border-color:#adb5bd;color:#6c757d;cursor:not-allowed;opacity:.6}.draggable-sentence.correct{background:#d4edda;border-color:#28a745}.text-parts-controls{background:#fff;border-radius:6px;box-shadow:0 1px 4px #0000001a;flex-shrink:0;margin-top:10px;padding:8px;text-align:center}.check-answers-btn{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s ease;width:100%}.check-answers-btn:hover:not(:disabled){background:#0056b3}.check-answers-btn:disabled{background:#6c757d;cursor:not-allowed}.after-check-controls{display:flex;gap:10px;justify-content:center}.after-check-controls .translate-btn{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1em;padding:12px 24px;transition:background-color .3s ease}.after-check-controls .translate-btn:hover:not(:disabled){background:#1e7e34}.after-check-controls .translate-btn:disabled{background:#6c757d;cursor:not-allowed}.sentence-text-container{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.sentence-text{flex:1 1;min-width:0}.sentence-buttons{align-items:center;display:flex;flex-shrink:0;gap:8px}.sentence-buttons .flashlight-btn,.sentence-buttons .translate-btn{align-items:center;box-sizing:border-box;display:flex;font-size:14px;height:40px;justify-content:center;padding:4px 6px;width:40px}.sentence-buttons .flashlight-btn{background:#fff!important;border:2px solid #ddd!important;color:#333!important}.sentence-buttons .flashlight-btn:hover{background:#f8f9fa!important;border-color:#667eea!important}.sentence-buttons .flashlight-btn.active{background-color:#ffd4a3!important;border-color:orange!important;box-shadow:0 2px 8px #ffa5004d!important;color:#333!important}.sentence-buttons .translate-btn{background:#fff!important;border:2px solid #e9ecef!important;border-radius:8px!important;color:#333!important}.sentence-buttons .translate-btn:hover{background:#f8f9fa!important;border-color:#667eea!important}.sentence-buttons .translate-btn:active,.sentence-buttons .translate-btn:focus,.sentence-buttons .translate-btn:focus-visible{background-color:#ffd4a3!important;border-color:orange!important;outline:none!important}.sentence-buttons .translate-btn:disabled{cursor:not-allowed!important;opacity:.6!important}.sentence-buttons .translate-btn:disabled:hover{background:#fff!important;border-color:#e9ecef!important}.sentence-controls .correct-answer{word-wrap:break-word!important;background:#fff3cd!important;border:1px solid #ffeaa7!important;border-radius:6px!important;box-shadow:0 2px 4px #0000001a!important;box-sizing:border-box!important;color:#856404!important;display:block!important;font-size:14px!important;margin-top:10px!important;max-width:100%!important;padding:12px 16px!important;position:relative!important;white-space:normal!important;width:100%!important;word-break:break-word!important;z-index:1000!important}.sentence-item{overflow:visible!important;padding-bottom:40px!important}.sentence-controls{overflow:visible!important;position:relative!important;z-index:100!important}.vocabulary-translation-sentences-mode-main .sentences-panel .sentence-controls{align-items:flex-start!important}.vocabulary-translation-sentences-mode-main .sentences-panel .sentence-controls .sentence-left{flex:1 1 auto!important;min-width:0!important;overflow:visible!important}.vocabulary-translation-sentences-mode-main .sentences-panel .sentence-controls .correct-answer{word-wrap:break-word!important;box-sizing:border-box!important;display:block!important;height:auto!important;line-height:1.4!important;max-height:none!important;min-height:44px!important;overflow-wrap:break-word!important;padding:10px 14px!important;white-space:normal!important}@media (max-width:768px){.vocabulary-translation-sentences-mode-main .sentences-panel .sentence-controls .correct-answer{font-size:12px!important;line-height:1.3!important;min-height:0!important}.sentence-text-container{align-items:flex-start;flex-direction:column;gap:8px}.sentence-buttons{align-self:flex-end}}.translation-display{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-top:20px;padding:20px}.translation-display h3{color:#2c3e50;margin-bottom:15px}.translation-display .translation-text{color:#495057;font-size:1.1em;line-height:1.6;margin-bottom:15px}.close-translation-btn{background:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px;transition:background-color .3s ease}.close-translation-btn:hover{background:#545b62}.text-parts-mode-container{background:#0000;box-sizing:border-box;flex-direction:column;height:calc(100vh - 50px);max-height:calc(100vh - 50px);min-height:calc(100vh - 50px)}.text-parts-mode-container,.text-parts-mode-main{display:flex;overflow:hidden;padding:0;width:100%}.text-parts-mode-main{flex:1 1 auto;flex-direction:column;flex-grow:1;height:100%;margin:0;min-height:0}.text-with-spaces::-webkit-scrollbar{width:8px}.text-with-spaces::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.text-with-spaces::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.text-with-spaces::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.text-with-spaces::-webkit-scrollbar-track:horizontal{border-radius:3px}.text-with-spaces::-webkit-scrollbar-thumb:horizontal{border-radius:3px}.text-with-spaces::-webkit-scrollbar-thumb:horizontal:hover{background:#a8a8a8}.text-with-spaces::-webkit-scrollbar:horizontal{height:6px}.text-with-spaces::-webkit-scrollbar-track:horizontal{height:6px}.text-with-spaces::-webkit-scrollbar-thumb:horizontal{height:6px;min-width:30px}.text-with-spaces{scrollbar-color:#c1c1c1 #f1f1f1;scrollbar-width:thin}@media (max-width:768px){.text-order,.text-order-mode-container{height:100%!important;max-height:100%!important;min-height:0!important}.text-order{padding:12px!important}.text-order .text-quiz-instructions{font-size:12px!important;margin-bottom:8px!important;padding-right:90px!important}.text-order .text-pieces-container{margin-bottom:12px!important}.text-order-card{font-size:14px!important;line-height:1.45!important;margin:8px 0!important;max-width:100%!important;padding:12px!important;touch-action:pan-y!important}.text-order-card.text-order-card--drag-ready{box-shadow:0 8px 16px #667eea59!important;touch-action:none!important}.text-order .controls{margin-bottom:8px!important;margin-top:8px!important}.text-order .check-btn{font-size:13px!important;padding:10px 18px!important}}@media (max-width:768px){.main-content:has(.text-parts-mode-container){display:flex!important;flex-direction:column!important;padding-bottom:56px!important;z-index:1!important}.text-parts-mode-container{flex:1 1 auto!important;height:calc(100vh - 152px)!important;max-height:calc(100vh - 152px)!important;min-height:0!important;overflow:hidden!important}.text-parts-container,.text-parts-mode-main{height:100%!important;min-height:0!important;overflow:hidden!important}.text-parts-container{-webkit-overflow-scrolling:touch!important;flex:1 1 auto!important;overflow-x:hidden!important;padding:0!important}.text-parts-content{flex-direction:column;gap:0;height:100%!important;min-height:0!important;overflow:hidden!important;padding:0!important}.text-parts-instructions-mobile{display:block!important;flex-shrink:0;font-size:12px!important;margin:0!important;order:1;padding:12px!important;width:100%}.text-parts-content .sentences-panel .text-parts-instructions-inner{display:none!important}.text-parts-content .text-section{display:flex;flex:1 1 50%!important;flex-direction:column;order:2}.text-parts-content .sentences-panel,.text-parts-content .text-section{border-radius:12px;margin:0!important;max-width:100%!important;min-height:0!important;padding:12px!important;width:100%!important}.text-parts-content .sentences-panel{flex:1 1 50%!important;order:3;overflow-y:auto!important}.text-parts-content .sentences-panel .sentences-list{margin-top:12px!important}.text-parts-content .sentences-panel .sentences-list,.text-section .text-with-spaces{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important}.text-parts-content .sentences-panel .draggable-sentence{font-size:13px!important;padding:8px 12px!important}.text-parts-content .draggable-sentence:not(.used),.text-parts-content .filled-space{touch-action:pan-y!important}.text-parts-content .text-with-spaces .droppable-space{box-sizing:border-box!important;display:block!important;margin:12px 0!important;max-width:100%!important;min-height:56px!important;min-width:0!important;padding:14px 12px!important;vertical-align:initial!important;width:100%!important}.text-parts-content .text-with-spaces .empty-space{min-height:48px!important}.text-with-spaces{font-size:14px!important;line-height:1.5!important;padding:58px 12px 12px!important}.text-parts-content .text-with-spaces .translate-btn{height:36px!important;padding:0!important;right:10px!important;top:10px!important;width:36px!important;z-index:6!important}.text-parts-content .text-with-spaces .translate-btn img{height:24px!important;width:24px!important}.text-parts-content .sentences-panel .draggable-sentence:not(.used){-webkit-touch-callout:none!important;min-height:44px!important;-webkit-user-select:none!important;user-select:none!important}.text-parts-content .sentences-panel .sentences-list{padding-bottom:6px!important}.text-parts-controls{margin-top:8px!important}.text-parts-controls .check-answers-btn{font-size:13px!important;padding:10px 18px!important}}@media (min-width:769px){.text-parts-instructions-mobile{display:none!important}}.reference-action-btn{align-items:center;background:#667eea;border:none;border-radius:8px;box-shadow:0 2px 4px #667eea4d;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;height:auto;line-height:1.4;padding:8px 20px;transition:all .3s ease}.reference-action-btn:hover{background:#5568d3;box-shadow:0 4px 8px #667eea66;transform:translateY(-2px)}.reference-action-btn:active{transform:translateY(0)}.reference-manual-selection-actions{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:15px;margin-bottom:20px;padding:0 10px}.reference-search-inline{flex:0 0 auto;margin:0 0 0 auto;padding:0;width:250px}.reference-actions{align-items:center;display:flex;gap:15px;margin-bottom:20px;padding:0 10px}.reference-selection-count{color:#333;font-size:18px;font-weight:600;padding:10px 0;text-align:center}.reference-manual-selection-buttons{align-items:center;display:flex;gap:15px}.reference-action-btn-ready{background:#667eea;color:#fff}.reference-action-btn-ready:hover:not(:disabled){background:#5568d3;box-shadow:0 4px 8px #667eea66;transform:translateY(-2px)}.reference-action-btn-ready:disabled{background:#ccc;cursor:not-allowed;opacity:.6;transform:none}.reference-action-btn-cancel{background:#667eea;color:#fff}.reference-action-btn-cancel:hover{background:#5568d3;box-shadow:0 4px 8px #667eea66;transform:translateY(-2px)}.word-selector-modal{align-items:center;background:#0000ff4d!important;bottom:0!important;display:flex;height:100vh!important;justify-content:center;left:0!important;margin:0!important;overflow:auto;padding:20px;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:999999!important}.word-selector-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:80vh;max-width:600px;overflow-y:auto;padding:30px;width:100%}.word-selector-content h3{color:#333;font-size:24px;margin:0 0 20px;text-align:center}.word-selector-buttons{display:flex;flex-direction:row;flex-wrap:wrap;gap:15px;margin-top:20px}.word-selector-btn{background:#fff;border:2px solid #667eea;border-radius:8px;color:#000;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;min-width:0;padding:14px 24px;transition:all .3s ease}.word-selector-btn:hover{background:#f8f9fa;border-color:#667eea;transform:translateY(-2px)}.word-selector-btn:disabled{background:#fff;border-color:#ccc;color:#ccc;cursor:not-allowed;transform:none}.word-selector-btn-cancel{background:#fff;border:2px solid #e9ecef;color:#000}.word-selector-btn-cancel:hover{background:#fff;border-color:#e9ecef;transform:translateY(-2px)}.word-selector-btn-manual{flex:1 1;min-width:0}.word-selector-cancel-container{display:flex;justify-content:center;margin-top:20px}.word-selector-cancel-container .word-selector-btn-cancel{max-width:300px;width:100%}.word-selector-btn-confirm{background:#22c55e}.word-selector-btn-confirm:hover{background:#16a34a}.word-selector-manual{max-width:800px}.word-selector-list{border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;max-height:400px;overflow-y:auto;padding:10px}.word-selector-item{border-bottom:1px solid #f0f0f0;padding:12px}.word-selector-item:last-child{border-bottom:none}.word-selector-checkbox{align-items:center;cursor:pointer;display:flex;gap:12px}.word-selector-checkbox input[type=checkbox]{cursor:pointer;height:20px;width:20px}.word-selector-word{color:#333;flex:1 1;font-size:18px;font-weight:600}.word-selector-metadata{color:#6c757d;font-size:14px}.flashcards-container{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;position:relative;width:100%;z-index:1}.flashcards-content-wrapper{padding:40px}.flashcards-content,.flashcards-content-wrapper{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:flex-start;width:100%}.flashcards-content{max-width:1200px;padding:0}.flashcards-content-wrapper:has(.flashcards-results),.flashcards-content:has(.flashcards-results){height:100%;max-width:100%;padding:0}.flashcards-content::-webkit-scrollbar{width:8px}.flashcards-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.flashcards-content::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}.flashcards-content::-webkit-scrollbar-thumb:hover{background:#5a6fd8}.flashcards-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:30px;width:100%}.flashcards-header .reference-back-btn{margin:0}.flashcards-progress{align-items:center;background:linear-gradient(135deg,#667eea26,#764ba226);border:2px solid #667eea4d;border-radius:25px;box-shadow:0 2px 8px #667eea33;color:#667eea;display:inline-flex;font-size:16px;font-weight:700;justify-content:center;min-width:90px;padding:10px 20px;transition:all .3s ease}.flashcards-progress:hover{border-color:#667eea80;box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.flashcards-close-btn{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:24px;height:40px;transition:all .3s ease;width:40px}.flashcards-close-btn:hover{background:#ffffff4d}.flashcards-card-wrapper{flex-shrink:0;height:400px;margin-bottom:40px;max-width:500px;perspective:1000px;touch-action:none;width:100%}.flashcards-card{animation:cardAppear .5s ease-out;height:100%;position:relative;touch-action:none;transform-style:preserve-3d;transition:transform .6s,opacity .4s;width:100%}@keyframes cardAppear{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.flashcards-card.flipped{transform:rotateY(180deg)}.flashcards-card.animating{transition:transform .5s ease-out,opacity .5s ease-out,box-shadow .3s ease-out;z-index:100}.flashcards-card-back,.flashcards-card-front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:16px;box-shadow:0 10px 40px #0000004d;display:flex;height:100%;justify-content:center;padding:30px;position:absolute;width:100%}.flashcards-card-front{background:#fff}.flashcards-card-back{background:#f8f9fa;transform:rotateY(180deg)}.flashcards-word{color:#333;font-size:32px;font-weight:700;text-align:center}.flashcards-translation{color:#555;font-size:24px;line-height:1.5;text-align:center}.flashcards-controls{display:flex;flex-shrink:0;gap:15px;justify-content:center;margin-top:auto;padding-top:20px}.flashcards-btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;min-width:120px;padding:14px 28px;transition:all .3s ease}.flashcards-btn:disabled{cursor:not-allowed;opacity:.5}.flashcards-btn-dont-remember{background:#ef4444;color:#fff}.flashcards-btn-dont-remember:hover:not(:disabled){background:#dc2626;transform:translateY(-2px)}.flashcards-btn-flip{background:#3b82f6;color:#fff}.flashcards-btn-flip:hover:not(:disabled){background:#2563eb;transform:translateY(-2px)}.flashcards-btn-remember{background:#22c55e;color:#fff}.flashcards-btn-remember:hover:not(:disabled){background:#16a34a;transform:translateY(-2px)}.flashcards-btn-finish,.flashcards-btn-repeat,.flashcards-btn-repeat-all{background:#667eea;color:#fff}.flashcards-btn-repeat-all:hover,.flashcards-btn-repeat:hover{background:#5568d3;box-shadow:0 4px 8px #667eea66;transform:translateY(-2px)}.flashcards-btn-exit{background:#6c757d;color:#fff}.flashcards-btn-exit:hover:not(:disabled){background:#5a6268;transform:translateY(-2px)}.flashcards-btn-play{background:#4caf50;color:#fff}.flashcards-btn-play:hover{background:#45a049;box-shadow:0 4px 8px #4caf5066;transform:translateY(-2px)}.flashcards-btn-close{background:#6c757d;color:#fff}.flashcards-btn-close:hover{background:#5a6268;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.flashcards-card.dragging{cursor:grabbing;transition:none}.flashcards-card{cursor:grab;-webkit-user-select:none;user-select:none}.flashcards-card:active{cursor:grabbing}.flashcards-results{background:#fff;border-radius:0;box-shadow:0 2px 10px #00000014;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:flex-start;margin:0;padding:40px;text-align:center;width:100%}.flashcards-results h2{color:#333;font-size:28px;margin:0 0 20px}.flashcards-logo{display:block;height:400px;margin-bottom:10px;margin-left:auto;margin-right:auto;object-fit:contain;width:400px}.flashcards-stats{background:#fff;border:3px solid #80808080;border-radius:12px;box-shadow:0 2px 10px #00000014;display:flex;gap:60px;justify-content:center;margin-bottom:30px;margin-left:auto;margin-right:auto;padding:30px 40px;width:-webkit-fit-content;width:fit-content}.flashcards-stat{display:flex;flex-direction:column;gap:8px}.flashcards-stat-label{color:#495057;font-size:18px;font-weight:500}.flashcards-stat-value{font-size:32px;font-weight:700}.flashcards-stat.remembered .flashcards-stat-value{color:#22c55e}.flashcards-stat.forgotten .flashcards-stat-value{color:#ef4444}.flashcards-results-buttons{display:flex;gap:15px;justify-content:center;pointer-events:auto;position:relative;z-index:10}.flashcards-empty{padding:40px 0;text-align:center;width:100%}.flashcards-indicator{border-radius:50%;display:none!important;height:100px;opacity:0;pointer-events:none;position:fixed;top:50%;transition:opacity .3s ease;width:100px}.flashcards-indicator-left{background:#ef4444cc;left:50px;transform:translateY(-50%)}.flashcards-indicator-right{background:#22c55ecc;right:50px;transform:translateY(-50%)}.flashcards-indicator.active{animation:flashIndicator .5s ease;opacity:1}@keyframes flashIndicator{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.2)}}.quizlet-export-modal{align-items:center;background:#0000ff4d;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10002}.quizlet-export-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:700px;padding:30px;width:100%}.quizlet-export-header{margin-bottom:20px}.quizlet-export-header h3{color:#333;font-size:24px;margin:0}.quizlet-export-close{background:#f0f0f0;border:none;border-radius:50%;cursor:pointer;font-size:20px;height:32px;transition:all .3s ease;width:32px}.quizlet-export-close:hover{background:#e0e0e0}.quizlet-export-textarea-wrapper{flex:1 1;margin-bottom:20px}.quizlet-export-textarea{border:2px solid #e9ecef;border-radius:8px;box-sizing:border-box;font-family:monospace;font-size:14px;height:300px;padding:15px;resize:vertical;width:100%}.quizlet-export-textarea:focus{border-color:#667eea;outline:none}.quizlet-export-instructions{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:3px solid #667eeab3;border-radius:12px;box-shadow:0 4px 12px #667eea26;margin-bottom:20px;padding:20px 25px;text-align:left}.quizlet-export-instructions p{line-height:1.6;margin:0}.quizlet-export-instructions .question-text{color:#000;font-size:18px;font-weight:600;line-height:1.4;margin:0}.text-quiz-instructions{background:linear-gradient(135deg,#667eea26,#764ba226);border:3px solid #667eeab3;border-radius:12px;box-shadow:0 4px 16px #667eea4d;color:#000;font-size:18px;font-weight:600;line-height:1.6;margin-bottom:8px;padding:14px 20px;text-align:left}.word-translations-loading{align-items:center;background:#fff;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100000}.word-translations-loading-content{align-items:center;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;gap:20px;padding:40px}.word-translations-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:50px;width:50px}.word-translations-loading-content p{color:#333;font-size:18px;font-weight:600;margin:0}.spelling-sounds-table{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;margin-top:16px;padding:24px 28px;text-align:left}.spelling-sounds-table h3{font-size:22px;font-weight:700;margin:0 0 8px}.spelling-sounds-description{color:#555;font-size:16px;margin:0 0 16px}.spelling-sounds-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.ipa-sound-button{align-items:flex-start;background:#f9fafc;border:1px solid #e0e0e0;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:4px;justify-content:flex-start;padding:10px 10px 8px;transition:background .2s ease,transform .1s ease,box-shadow .2s ease}.ipa-sound-button.loading{cursor:wait;opacity:.6}.ipa-sound-button:hover{background:#eef2ff;box-shadow:0 2px 8px #667eea40;transform:translateY(-1px)}.ipa-sound-button img{height:18px;width:18px}.ipa-symbol{font-size:24px;font-weight:700}.ipa-word-caption{align-items:flex-start;display:flex;flex-direction:column;font-size:13px;line-height:1.3}.ipa-word{font-weight:600}.ipa-transcription{color:#555}.quizlet-export-buttons{display:flex;gap:15px}.quizlet-export-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px 24px;transition:all .3s ease}.quizlet-export-btn-copy{background:#667eea;color:#fff}.quizlet-export-btn-copy:hover{background:#5568d3;transform:translateY(-2px)}.quizlet-export-btn-cancel{background:#6c757d;color:#fff}.quizlet-export-btn-cancel:hover{background:#5a6268}@media (max-width:768px){.reference-actions{flex-direction:column}.reference-action-btn-quizlet{display:none!important}.word-selector-modal{align-items:flex-start;padding:24px 12px 12px}.word-selector-content{border-radius:10px;max-height:85vh;max-width:calc(100vw - 24px);padding:16px;width:100%}.word-selector-content h3{font-size:18px;margin-bottom:14px}.word-selector-buttons{flex-direction:column;gap:10px;margin-top:14px}.word-selector-btn{font-size:14px;padding:12px 16px;width:100%}.word-selector-cancel-container{margin-top:14px}.word-selector-cancel-container .word-selector-btn-cancel{max-width:100%}.word-selector-list{max-height:50vh}.word-selector-item{padding:10px}.word-selector-word{font-size:15px}.word-selector-metadata{font-size:12px}.main-content:has(.flashcards-container){gap:0!important;padding:0!important}.flashcards-container:has(.flashcards-results){flex:1 1;min-height:0}.flashcards-content-wrapper,.flashcards-content-wrapper:has(.flashcards-results){min-height:0;padding:0 0 56px!important;width:100%}.flashcards-content:has(.flashcards-results){flex:1 1;min-height:0!important}.flashcards-results{flex:1 1;margin:0!important;min-height:0!important;padding:12px 10px 0!important}.flashcards-container:has(.flashcards-card-wrapper) .flashcards-content-wrapper{height:auto!important}.flashcards-results .text-quiz-instructions{font-size:12px!important;line-height:1.35;margin:0 0 12px!important;padding:8px 6px!important}.flashcards-results h2{font-size:1.25rem!important;margin:0 0 12px!important}.flashcards-results .flashcards-logo{height:140px!important;margin-bottom:12px!important;width:140px!important}.flashcards-results .flashcards-stats{gap:24px!important;margin-bottom:16px!important;padding:12px 16px!important}.flashcards-results .flashcards-stat-label{font-size:13px!important}.flashcards-results .flashcards-stat-value{font-size:22px!important}.flashcards-results-buttons{flex-wrap:wrap;gap:10px!important;justify-content:center}.flashcards-results-buttons .flashcards-btn{font-size:14px!important;min-width:0;padding:10px 16px!important}.flashcards-results-buttons .flashcards-btn-play{display:none!important}.flashcards-card-wrapper{height:220px;margin-bottom:20px;max-width:95%}.flashcards-card-back,.flashcards-card-front{padding:16px!important}.flashcards-word{font-size:22px}.flashcards-translation{font-size:16px}.flashcards-header{margin-bottom:12px!important}.flashcards-progress{font-size:13px!important;min-width:70px;padding:6px 12px!important}.flashcards-controls{flex-direction:column;max-width:300px;padding-top:12px!important;width:100%}.flashcards-btn{font-size:14px!important;min-width:0;padding:10px 16px!important;width:100%}.quizlet-export-modal{align-items:flex-start;padding:20px 12px 12px}.quizlet-export-content{border-radius:10px;max-height:90vh;max-width:calc(100vw - 24px);padding:16px;width:100%}.quizlet-export-header{margin-bottom:12px}.quizlet-export-header h3{font-size:18px}.quizlet-export-instructions{font-size:14px;margin-bottom:12px;padding:12px 16px}.quizlet-export-instructions p{font-size:14px;line-height:1.5}.quizlet-export-instructions .question-text{font-size:15px}.quizlet-export-textarea-wrapper{margin-bottom:12px}.quizlet-export-textarea{font-size:13px;height:180px;padding:12px}.quizlet-export-buttons{flex-direction:column;gap:10px}.quizlet-export-btn{font-size:14px;padding:12px 16px}}.vocabulary-insert-overlay{align-items:stretch;background:#00000080;bottom:0;box-sizing:border-box;display:flex;justify-content:stretch;left:250px;padding:0;position:fixed;right:280px;top:65px;z-index:10000}.vocabulary-insert-panel{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;height:100%;max-height:none;max-width:none;overflow:hidden;width:100%}.vocabulary-insert-header{border-bottom:2px solid #e9ecef;padding:30px 40px 20px}.vocabulary-insert-title{color:#000;font-size:2rem;font-weight:700;margin:0;text-align:center}.vocabulary-insert-content{flex:1 1;overflow-y:auto;padding:30px 40px}.vocabulary-insert-words-list{display:flex;flex-direction:column;gap:8px}.vocabulary-insert-word-item{align-items:center;border-bottom:1px solid #e9ecef;display:flex;padding:8px 0}.vocabulary-insert-word-item:last-child{border-bottom:none}.vocabulary-insert-word-english{color:#2c3e50;font-size:19px;font-weight:700;margin-right:10px;min-width:150px}.vocabulary-insert-word-separator{color:#6c757d;margin:0 8px}.vocabulary-insert-word-russian{color:#495057;flex:1 1;font-size:17px}.vocabulary-insert-buttons{border-top:2px solid #e9ecef;display:flex;gap:15px;justify-content:center;padding:20px 40px 30px}.vocabulary-insert-btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;min-width:200px;padding:14px 32px;transition:all .3s ease}.vocabulary-insert-btn-add{background:#28a745;box-shadow:0 2px 8px #28a7454d;color:#fff}.vocabulary-insert-btn-add:hover{background:#218838;box-shadow:0 4px 12px #28a74566;transform:translateY(-2px)}.vocabulary-insert-btn-continue{background:#667eea;box-shadow:0 2px 8px #667eea4d;color:#fff}.vocabulary-insert-btn-continue:hover{background:#5a6fd8;box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.vocabulary-insert-btn:active{transform:translateY(0)}@media (max-width:768px){.vocabulary-insert-overlay{bottom:56px;left:0;padding:0;right:0;top:80px}.vocabulary-insert-panel{border-radius:0;height:100%;max-height:calc(100vh - 56px);max-width:none;width:100%}.vocabulary-insert-header{padding:20px 20px 15px}.vocabulary-insert-title{font-size:1.5rem}.vocabulary-insert-content{flex:1 1 auto;min-height:0;overflow-y:auto;padding:20px}.vocabulary-insert-word-item{align-items:baseline;flex-direction:row;gap:4px}.vocabulary-insert-word-english{min-width:auto}.vocabulary-insert-buttons{flex-direction:column;flex-shrink:0;padding:15px 20px 20px}.vocabulary-insert-btn{min-width:auto;width:100%}.vocabulary-pagination{flex-wrap:wrap!important;gap:4px!important;justify-content:center!important;max-width:100%!important;min-height:44px!important;min-width:0!important;padding:8px!important;width:100%!important}.vocabulary-pagination>button{font-size:12px!important;min-width:34px!important;padding:6px 4px!important;width:34px!important}.vocabulary-pagination .page-select-container{margin:0 4px!important}.vocabulary-pagination .page-select-container button{min-width:56px!important;padding:4px 8px!important}.vocabulary-pagination .page-select-container img{height:16px!important;width:16px!important}}@media (max-width:480px){.vocabulary-pagination>button:first-of-type,.vocabulary-pagination>button:last-of-type{display:none!important}}.error-screen{background-color:initial;bottom:0;left:250px;position:fixed;right:280px;top:0;z-index:9999}.error-screen,.error-screen-content{align-items:center;display:flex;justify-content:center;pointer-events:auto}.error-screen-content{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;flex:1 1;flex-direction:column;height:auto;min-height:100%;overflow-y:visible;padding:30px 40px;text-align:center;width:100%}.error-screen-title{color:#000;font-size:2.5rem;font-weight:700;margin-bottom:30px}.error-screen-image{height:auto;margin-bottom:30px;max-width:300px;width:100%}.error-screen-message{color:#333;font-size:20px;font-weight:600;line-height:1.5;margin:0;text-align:center}@media (max-width:1200px){.error-screen{left:0;right:0}}@media (max-width:768px){.error-screen{align-items:center;bottom:56px;padding:0 12px}.error-screen-content{gap:0;padding:20px 16px 24px}.error-screen-title{font-size:1.35rem!important;margin-bottom:16px!important}.error-screen-image{margin-bottom:16px!important;max-width:90px!important}.error-screen-message{font-size:14px!important;line-height:1.4!important}.error-screen-content>div{flex-direction:column!important;gap:10px!important;margin-top:16px!important;width:100%!important}.error-screen .retry-btn,.error-screen .support-btn{box-sizing:border-box;font-size:14px!important;min-width:0!important;padding:12px 16px!important;width:100%!important}}.game-selector-content{max-width:800px!important}.game-selector-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin:30px 0}.game-selector-item{align-items:center;background:#fff;border:3px solid #0000;border-radius:15px;box-shadow:0 4px 15px #0000001a;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.game-selector-item:hover{border-color:#667eea;box-shadow:0 10px 25px #667eea4d;transform:translateY(-5px)}.game-selector-image{border-bottom:1px solid #eee;height:150px;object-fit:cover;width:100%}.game-selector-title{color:#333;font-size:18px;font-weight:700;padding:15px}@media (max-width:768px){.game-selector-grid{grid-template-columns:1fr}}.goal-completion-modal-overlay{animation:fadeIn .3s ease-in-out;background-color:initial;bottom:0;left:250px;pointer-events:auto;position:fixed;right:280px;top:0;z-index:10000}.goal-completion-modal,.goal-completion-modal-overlay{align-items:center;display:flex;justify-content:center}.goal-completion-modal{animation:slideUp .3s ease-out;background:#fff;height:100%;overflow-y:auto;padding:40px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.goal-completion-modal-overlay{left:0;right:0}}@media (max-width:768px){.goal-completion-modal-overlay{align-items:center;bottom:56px}.goal-completion-modal{-webkit-overflow-scrolling:touch;align-items:center;justify-content:flex-start;overflow-y:auto;padding:24px 16px}.goal-completion-modal-content{flex-shrink:0;gap:16px;justify-content:flex-start;max-width:100%}.goal-completion-image{display:block;height:auto!important;margin-bottom:12px;margin-top:24px;max-width:90px!important;width:100%}.goal-completion-title{font-size:16px!important;line-height:1.35!important;margin:0!important;max-width:100%;padding:0;text-align:center}.goal-completion-title-list{font-size:12px!important;margin:6px 0 0!important;padding-left:0}.goal-completion-title-list-item{line-height:1.3;margin-bottom:3px!important;padding-left:1.1em}.goal-completion-buttons{display:flex!important;flex-direction:column;flex-shrink:0;gap:10px!important;margin-top:8px;width:100%!important}.goal-completion-btn{box-sizing:border-box;font-size:14px!important;min-width:0!important;padding:12px 16px!important;width:100%}}.goal-completion-modal-content{align-items:center;display:flex;flex-direction:column;gap:30px;justify-content:center;width:100%}.goal-completion-image{animation:bounceIn .5s ease-out;height:auto;margin-bottom:30px;max-width:300px;width:100%}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.goal-completion-title{color:#333;font-size:30px;font-weight:600;line-height:1.5;margin:0;text-align:center}.goal-completion-title-list{font-size:20px;font-weight:500;list-style:none;margin:12px 0 0;padding-left:0;text-align:left}.goal-completion-title-list-item{margin-bottom:6px;padding-left:1.2em;position:relative}.goal-completion-title-list-item:before{color:inherit;content:"\2022";left:0;position:absolute}.goal-completion-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;width:100%}.goal-completion-btn{border:none;border-radius:10px;cursor:pointer;font-size:16px;font-weight:600;min-width:150px;padding:12px 30px;transition:all .3s ease}.goal-completion-btn.primary{background-color:#4caf50;color:#fff}.goal-completion-btn.primary:hover{background-color:#45a049;box-shadow:0 4px 8px #4caf504d;transform:translateY(-2px)}.goal-completion-btn.secondary{background-color:#f44336;color:#fff}.goal-completion-btn.secondary:hover{background-color:#da190b;box-shadow:0 4px 8px #f443364d;transform:translateY(-2px)}.goal-completion-btn:active{transform:translateY(0)}.session-results-panel-overlay{align-items:center;background-color:initial;bottom:0;display:flex;justify-content:center;left:250px;pointer-events:auto;position:fixed;right:280px;top:0;z-index:10000}.session-results-panel{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:flex;flex:1 1;flex-direction:column;height:auto;max-height:100%;min-height:100%;overflow-y:auto;padding:30px 40px;pointer-events:auto;scrollbar-width:thin;width:100%}.session-results-panel::-webkit-scrollbar{width:6px}.session-results-panel::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.session-results-panel::-webkit-scrollbar-thumb{background:#bbb;border-radius:3px}.session-results-panel::-webkit-scrollbar-thumb:hover{background:#999}.session-results-header{align-items:center;display:flex;flex-direction:column;margin-bottom:30px}.session-results-headline{color:#000;font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 16px;text-align:center}.session-results-logo{height:auto;margin-bottom:20px;max-width:200px;width:100%}.session-results-title{color:#000;font-size:2rem;font-weight:700;margin:0;text-align:center}.session-results-content{display:flex;flex:1 1;flex-direction:column;gap:20px}.session-results-time-score{align-items:center;color:#333;display:flex;flex-wrap:wrap;font-size:22px;font-weight:500;gap:12px 32px;justify-content:center;padding:8px 0}.session-results-stat-panels-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}.session-results-stat-panel{border:3px solid #667eeab3;border-radius:12px;color:#000;flex:1 1;font-size:18px;font-weight:600;line-height:1.6;min-width:200px;padding:14px 20px;text-align:left}.session-results-stat-panel,.session-results-stat-panel-blue{background:linear-gradient(135deg,#667eea26,#764ba226);box-shadow:0 4px 16px #667eea4d}.session-results-stat-panel-blue{border-color:#667eeab3}.session-results-stat-panel h4{color:#000;font-size:24px;font-weight:600;margin:0 0 12px}.session-results-stat-detail{color:#000;font-size:18px;font-weight:600;line-height:1.6;margin-bottom:10px}.session-results-stat-detail:last-child{margin-bottom:0}.session-results-stat-detail-column{display:flex;flex-direction:column;gap:4px;margin-top:4px}.session-results-stat-detail-line{display:block;padding-left:1.2em;position:relative}.session-results-stat-detail-line:before{content:"\2022";left:0;position:absolute}.session-results-stat-detail strong{color:#2c3e50;display:block;margin-right:8px}.session-results-empty{align-items:center;color:#555;display:flex;justify-content:center;min-height:120px;padding:48px 24px;text-align:center}.session-results-empty-message{font-size:18px;margin:0 0 12px}.session-results-empty-stats{align-items:center;color:#333;display:flex;flex-wrap:wrap;font-size:22px;font-weight:500;gap:12px 32px;justify-content:center}.session-results-empty-stat-item{align-items:center;display:inline-flex;gap:10px}.session-results-empty-stat-icon{height:32px;object-fit:contain;width:32px}.session-results-close-row{align-items:center;display:flex;justify-content:center;margin-bottom:8px;margin-top:12px;width:100%}.session-results-close-btn{background-color:#4caf50;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:150px;padding:12px 30px;transition:all .3s ease}.session-results-close-btn:hover{background-color:#45a049;box-shadow:0 4px 8px #4caf504d;transform:translateY(-2px)}.session-results-close-btn:active{transform:translateY(0)}@media (max-width:1200px){.session-results-panel-overlay{left:0;right:0}}@media (max-width:768px){.session-results-panel-overlay{align-items:center;bottom:56px;overflow-x:hidden}.session-results-panel{-webkit-overflow-scrolling:touch;border-radius:8px;max-height:100%;min-width:0;overflow-x:hidden;overflow-y:auto;padding:16px 12px 20px}.session-results-header{margin-bottom:16px}.session-results-headline{font-size:1.5rem;margin-bottom:10px}.session-results-logo{margin-bottom:12px;max-width:80px}.session-results-title{font-size:1.25rem}.session-results-content{flex:0 0 auto;gap:12px;min-width:0;overflow-x:hidden;overflow-y:visible}.session-results-time-score{font-size:14px;gap:8px 16px;padding:6px 0}.session-results-empty-stat-icon{height:24px;width:24px}.session-results-stat-panels-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;min-width:0;overflow:visible}.session-results-stat-panel{font-size:13px;min-width:0;overflow-wrap:break-word;padding:10px 12px;word-break:break-word}.session-results-stat-panel h4{font-size:16px;margin-bottom:8px}.session-results-stat-detail{font-size:13px}.session-results-stat-detail-line{font-size:12px}.session-results-empty-message,.session-results-empty-stats{font-size:14px}.session-results-close-row{margin-bottom:6px;margin-top:8px}.session-results-close-btn{font-size:14px;min-width:120px;padding:10px 20px}}.auth-container{background:url(/static/media/base_background.eb136b95d9d52cb2c169.png) 50%/cover no-repeat;box-sizing:border-box;justify-content:center;min-height:100vh;padding:20px}.auth-card,.auth-container{align-items:center;display:flex;width:100%}.auth-card{animation:slideIn .5s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;gap:40px;max-width:900px;padding:40px}.auth-card-left{flex-direction:row}.auth-card-right{flex-direction:row-reverse}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-logo{align-items:center;display:flex;flex:0 0 300px;justify-content:center;margin-bottom:0}.auth-logo img{animation:fadeIn .5s ease-in-out;height:auto;max-width:300px;object-fit:contain;width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.auth-card-personal-info .auth-logo img{transform:scaleX(-1)}.auth-content{flex:1 1;min-width:0}.auth-title{color:#2c3e50;font-size:28px;font-weight:700;margin-bottom:10px;text-align:center}.auth-subtitle{color:#6c757d;font-size:16px;margin-bottom:30px;text-align:center}.auth-progress{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px;position:relative}.auth-progress:before{background:#e9ecef;content:"";height:2px;left:0;position:absolute;right:0;top:15px;z-index:0}.progress-step{align-items:center;background:#e9ecef;border-radius:50%;color:#6c757d;display:flex;font-size:14px;font-weight:600;height:30px;justify-content:center;position:relative;transition:all .3s ease;width:30px;z-index:1}.progress-step.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:scale(1.2)}.progress-step.completed{background:#28a745;color:#fff}.form-group{margin-bottom:20px}.form-label{color:#2c3e50;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-label.required:after{color:#dc3545;content:" *"}.form-input{border:2px solid #e9ecef;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px 15px;transition:all .3s ease;width:100%}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-input.error{border-color:#dc3545}.form-input:disabled{background:#f8f9fa;cursor:not-allowed}.form-error{color:#dc3545;display:block;font-size:13px;margin-top:5px}.form-inline{display:flex;gap:10px}.form-inline .form-group{flex:1 1}.choice-buttons{display:flex;flex-direction:column;gap:15px}.choice-button{background:#fff;border:2px solid #e9ecef;border-radius:12px;color:#2c3e50;cursor:pointer;font-size:16px;font-weight:500;padding:20px;text-align:left;transition:all .3s ease}.choice-button:hover{background:#f0f2ff;border-color:#667eea;box-shadow:0 4px 12px #667eea33;transform:translateY(-2px)}.choice-button.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.auth-yandex-link{background:#dc787840;border:1px solid #c8646466;border-radius:8px;color:#b43c3cf2;cursor:pointer;display:block;font-family:inherit;font-size:13px;font-weight:600;margin-top:24px;padding:8px 16px;text-align:center;text-decoration:none;transition:background .2s,border-color .2s;width:100%}.auth-yandex-link:hover:not(:disabled){background:#dc787866;border-color:#c8646499}.auth-yandex-link:disabled{cursor:not-allowed;opacity:.7}.auth-legal-text{color:#6c757d;font-size:12px;line-height:1.5;margin-top:20px;text-align:center}.auth-legal-text a{color:#667eea;font-weight:600;text-decoration:none}.auth-legal-text a:hover{color:#764ba2;text-decoration:underline}.auth-terms-overlay{align-items:flex-end;background:#002850a6;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:0 16px max(20px,env(safe-area-inset-bottom));position:fixed;right:0;top:0;z-index:10002}.auth-terms-panel{-webkit-overflow-scrolling:touch;background:#fff;border-radius:16px 16px 0 0;box-shadow:0 -4px 24px #00000026;box-sizing:border-box;max-height:50vh;max-width:560px;overflow-y:auto;padding:24px 20px max(24px,env(safe-area-inset-bottom));width:100%}.auth-terms-text{color:#2c3e50;font-size:14px;line-height:1.5;margin:0 0 20px}.auth-terms-text a{color:#667eea;font-weight:600;text-decoration:none}.auth-terms-text a:hover{color:#764ba2;text-decoration:underline}.auth-payment-docs{border-top:1px solid #e9ecef;font-size:14px;margin-top:24px;padding-top:16px}.auth-payment-docs a{color:#667eea;cursor:pointer;display:block;font-weight:600;margin-bottom:8px;text-decoration:none}.auth-payment-docs a:hover{color:#764ba2;text-decoration:underline}.auth-terms-accept-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 20px;transition:transform .2s,box-shadow .2s;width:100%}.auth-terms-accept-btn:hover{box-shadow:0 4px 16px #667eea66;transform:translateY(-1px)}@media (max-width:768px){.auth-terms-overlay{padding:0 12px max(16px,env(safe-area-inset-bottom))}.auth-terms-panel{border-radius:20px 20px 0 0;max-height:55vh;padding:20px 16px max(20px,env(safe-area-inset-bottom))}.auth-terms-text{font-size:13px;margin-bottom:16px}.auth-terms-accept-btn{font-size:15px;padding:12px 16px}}@media (max-width:480px){.auth-terms-text{font-size:12px}.auth-terms-accept-btn{font-size:14px;padding:11px 14px}}.auth-actions{display:flex;gap:10px;margin-top:30px}.auth-button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px 20px;transition:all .3s ease}.auth-button-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.auth-button-primary:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.auth-button-secondary{background:#f8f9fa;border:2px solid #e9ecef;color:#6c757d}.auth-button-secondary:hover:not(:disabled){background:#e9ecef;border-color:#dee2e6}.auth-button:disabled{cursor:not-allowed;opacity:.5}.toggle-group{display:flex;gap:10px;margin-bottom:15px}.toggle-button{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;color:#6c757d;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px;transition:all .3s ease}.toggle-button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.verification-code-input{display:flex;gap:10px;justify-content:center;margin:20px 0}.code-digit{border:2px solid #e9ecef;border-radius:8px;font-size:24px;font-weight:700;height:60px;text-align:center;transition:all .3s ease;width:50px}.code-digit:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.code-digit.filled{background:#f0fff4;border-color:#28a745}.resend-timer{color:#6c757d;font-size:14px;margin-top:15px;text-align:center}.resend-link{color:#667eea;cursor:pointer;font-weight:500;text-decoration:underline}.resend-link:hover{color:#764ba2}.level-buttons{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.level-button{background:#fff;border:2px solid #e9ecef;border-radius:10px;cursor:pointer;padding:15px;text-align:center;transition:all .3s ease}.level-button:hover{background:#f0f2ff;border-color:#667eea}.level-button.selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.level-name{font-size:20px;font-weight:700;margin-bottom:5px}.level-description{font-size:13px;opacity:.8}.auth-goals-fields{margin-bottom:24px}.auth-goals-hint{color:#6c757d;font-size:14px;margin-bottom:16px;text-align:center}.auth-goals-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:24px}.auth-settings-toggles{border-top:1px solid #e9ecef;display:flex;flex-direction:column;gap:14px;padding-top:16px}.auth-setting-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.auth-setting-label{color:#2c3e50;font-size:15px;font-weight:500}.auth-setting-label-wrap{align-items:center;display:flex;gap:8px;min-width:0}.auth-audio-check-btn{align-items:center;background:#fff;border:1px solid #ced4da;border-radius:8px;cursor:pointer;display:inline-flex;flex-shrink:0;height:36px;justify-content:center;padding:0;transition:background .2s,border-color .2s,transform .2s;width:36px}.auth-audio-check-btn:hover{background:#f8f9fa;border-color:#adb5bd;transform:scale(1.05)}.auth-audio-check-btn img{height:20px;object-fit:contain;width:20px}.auth-audio-check-overlay{align-items:center;background:#00000080;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0}.auth-card .toggle-switch{display:inline-block;flex-shrink:0;height:28px;position:relative;width:52px}.auth-card .toggle-switch input{height:0;opacity:0;width:0}.auth-card .toggle-slider{background-color:#ccc;border-radius:28px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.auth-card .toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:22px;left:3px;position:absolute;transition:.3s;width:22px}.auth-card .toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#667eea,#764ba2)}.auth-card .toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.auth-link{color:#6c757d;font-size:14px;margin-top:20px;text-align:center}.auth-link a{color:#667eea;font-weight:600;text-decoration:none}.auth-link a:hover{color:#764ba2;text-decoration:underline}.auth-loading{padding:40px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:50px;margin:0 auto 20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{color:#6c757d;font-size:16px}.auth-message{border-radius:8px;font-size:14px;margin-bottom:20px;padding:12px 15px}.auth-message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.auth-message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.auth-message.info{background:#e8f4f8;border:1px solid #d0e8f2;color:#5a6c7d}.auth-info{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;color:#6c757d;font-size:14px;margin-bottom:20px;padding:15px}@media (max-width:768px){.auth-container{align-items:center;min-height:100vh;min-height:100dvh;padding:12px 12px 40px}.auth-card{flex-direction:row;gap:20px;max-width:560px;padding:24px 20px;width:100%}.auth-card .auth-logo{display:none}.auth-content{min-width:0}.auth-title{font-size:20px;margin-bottom:6px}.auth-subtitle{font-size:13px;margin-bottom:16px}.choice-buttons{gap:10px}.choice-button{font-size:14px;padding:12px 14px}.choice-button div:first-child{font-size:16px!important;margin-bottom:2px!important}.choice-button div:last-child{font-size:12px!important}.auth-yandex-link{font-size:12px;margin-top:14px;padding:8px 12px}.auth-legal-text{font-size:11px;margin-top:14px}.form-group{margin-bottom:14px}.form-label{font-size:13px;margin-bottom:6px}.form-input{font-size:15px;padding:10px 12px}.auth-actions{gap:8px;margin-top:20px}.auth-button{font-size:15px;padding:12px 16px}.auth-progress{margin-bottom:20px}.progress-step{font-size:12px;height:26px;width:26px}.toggle-button{font-size:13px;padding:8px}.level-button{padding:12px}.level-name{font-size:17px}.level-description{font-size:12px}.auth-goals-hint{font-size:13px;margin-bottom:12px}.auth-goals-row{gap:12px;margin-bottom:18px}.auth-setting-label{font-size:13px}.auth-info{padding:12px}.auth-info,.auth-message{font-size:13px;margin-bottom:14px}.auth-message{padding:10px 12px}.auth-link{font-size:13px}.auth-link,.back-to-login{margin-top:14px}.back-to-login button{font-size:13px}.form-error{font-size:12px}.resend-timer{margin-top:12px}.resend-link,.resend-timer{font-size:13px}.forgot-password button{font-size:12px}.level-buttons{grid-template-columns:1fr}.auth-content .auth-button.auth-button-secondary{min-height:48px;touch-action:manipulation}.form-inline{flex-direction:column}}@media (max-width:576px){.auth-container{padding:10px 10px 32px}.auth-card{gap:12px;max-width:100%;padding:16px 12px}.auth-card .auth-logo{display:none}.auth-title{font-size:18px;margin-bottom:4px}.auth-subtitle{font-size:13px;margin-bottom:12px}.choice-button{font-size:13px;padding:10px 12px}.choice-button div:first-child{font-size:15px!important}.choice-button div:last-child{font-size:11px!important}.auth-yandex-link{font-size:11px;margin-top:10px;padding:6px 10px}.auth-legal-text{font-size:10px;margin-top:12px}.form-group{margin-bottom:12px}.form-label{font-size:12px;margin-bottom:4px}.form-input{font-size:15px;padding:9px 11px}.auth-button{font-size:13px;padding:11px 12px}.auth-progress{margin-bottom:16px}.progress-step{font-size:11px;height:24px;width:24px}.toggle-button{font-size:12px;padding:6px 8px}.level-button{padding:10px 12px}.level-name{font-size:15px}.level-description{font-size:11px}.auth-goals-hint{font-size:12px;margin-bottom:10px}.auth-setting-label{font-size:12px}.auth-info{padding:10px 12px}.auth-info,.auth-message{font-size:12px;margin-bottom:12px}.auth-message{padding:8px 10px}.auth-link{margin-top:12px}.auth-link,.back-to-login button{font-size:12px}.form-error{font-size:11px}.resend-link,.resend-timer{font-size:12px}.forgot-password button{font-size:11px}.verification-code-input{gap:5px}.code-digit{font-size:18px;height:44px;width:36px}.register-payment-widget-btn{flex-wrap:wrap!important;gap:8px!important;justify-content:center!important;padding:10px 8px!important}.register-payment-widget-btn .register-payment-widget-label{font-size:15px!important;text-align:center;width:100%}.register-payment-widget-logo{height:auto!important;max-height:40px!important}}.back-to-login{margin-top:20px;text-align:center}.back-to-login button{background:none;border:none;color:#667eea;cursor:pointer;font-size:14px;padding:5px;text-decoration:underline}.back-to-login button:hover{color:#764ba2}.quiz-card{max-width:1000px}.quiz-progress-container{margin-bottom:30px}.quiz-progress-bar{background:#e9ecef;border-radius:4px;height:8px;overflow:hidden;width:100%}.quiz-progress-fill{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;height:100%;transition:width .3s ease}.quiz-question-container{margin-bottom:30px}.quiz-question{background:#f8f9fa;border-left:4px solid #667eea;border-radius:12px;color:#2c3e50;font-size:20px;font-weight:600;line-height:1.6;margin-bottom:25px;padding:20px}.quiz-options{display:flex;flex-direction:column;gap:12px}.quiz-option{background:#fff;border:2px solid #e9ecef;border-radius:10px;color:#2c3e50;cursor:pointer;font-size:16px;font-weight:500;padding:16px 20px;text-align:left;transition:all .3s ease;width:100%}.quiz-option:hover{background:#f0f2ff;box-shadow:0 4px 12px #667eea33}.quiz-option.selected,.quiz-option:hover{border-color:#667eea;transform:translateX(5px)}.quiz-option.selected{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 6px 20px #667eea66;color:#fff}.result-card{max-width:1100px}.result-card .auth-logo{flex:0 0 400px}.result-card .auth-logo img{max-width:400px}.result-message{background:#0000;border-radius:15px;margin-bottom:30px;padding:40px;text-align:left}.result-text{border:none;font-weight:600;line-height:1.8;margin-bottom:15px;padding-left:0}.result-text,.result-text strong{color:#2c3e50;font-size:26px}.result-stats{color:#6c757d;font-size:16px;margin-top:10px}@media (max-width:768px){.quiz-card{flex-direction:row;gap:20px;max-width:560px;padding:24px 20px}.quiz-card .auth-logo{display:none}.quiz-question{font-size:18px;padding:15px}.quiz-option{font-size:15px;padding:14px 16px}.result-card{flex-direction:row;gap:20px;max-width:560px;padding:24px 20px}.result-card .auth-logo{display:none}.result-text{font-size:18px}.result-text strong{font-size:20px}}@media (max-width:576px){.quiz-card{gap:12px;padding:16px 12px}.quiz-card .auth-logo{display:none}.quiz-question{font-size:16px;padding:12px}.quiz-option{font-size:14px;padding:12px 14px}.result-card{gap:12px;padding:16px 12px}.result-card .auth-logo{display:none}.result-message{padding:20px}.result-text{font-size:16px}.result-text strong{font-size:18px}}.forgot-password{margin-bottom:20px;margin-top:-10px;text-align:right}.forgot-password-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.forgot-password button{background:none;border:none;color:#667eea;cursor:pointer;font-size:13px;padding:0;text-decoration:none}.forgot-password button:hover{color:#764ba2;text-decoration:underline}.test-placeholder{background:#f8f9fa;border-radius:12px;margin:20px 0;padding:40px 20px;text-align:center}.test-placeholder h3{color:#667eea;margin-bottom:15px}.test-placeholder p{color:#6c757d;font-size:14px}.web-intro-overlay{align-items:flex-end;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:0 16px 24px;pointer-events:auto;position:fixed;z-index:100000}.web-intro-backdrop{background:#002850a6;inset:0;pointer-events:none;position:fixed}.web-intro-spotlight{background:#0000;border-radius:8px;box-shadow:0 0 0 9999px #002850a6;box-sizing:border-box;pointer-events:none;position:fixed;z-index:1}.web-intro-spotlight.web-intro-spotlight--no-dim{box-shadow:none}.web-intro-spotlight.web-intro-spotlight--clickable{cursor:pointer}.web-intro-mascot{pointer-events:none;position:fixed;z-index:2}.web-intro-mascot img{display:block;max-height:60vh;max-width:min(480px,90vw);object-fit:contain;width:auto}.web-intro-mascot--left{bottom:40px;left:24px}.web-intro-mascot--right{bottom:40px;right:24px}.web-intro-mascot--bottom{bottom:24px;left:50%;transform:translateX(-50%)}.web-intro-panel{background:#fff;border-radius:16px;box-shadow:0 4px 24px #0003;box-sizing:border-box;min-width:min(480px,calc(100vw - 40px));padding:24px 28px;pointer-events:auto;position:fixed;z-index:3}.web-intro-text{color:#1a1a1a;font-size:22px;font-weight:500;line-height:1.35;margin:0 0 12px}.web-intro-hint{color:#555;font-size:15px;line-height:1.4;margin:0 0 14px}.web-intro-actions{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:14px}.web-intro-btn{border:none;border-radius:10px;cursor:pointer;flex-shrink:0;font-size:20px;font-weight:500;padding:14px 24px;transition:background .15s,color .15s}.web-intro-skip{background:#0000;color:#666}.web-intro-skip:hover{background:#f0f0f0;color:#333}.web-intro-next{background:#2563eb;color:#fff}.web-intro-next:hover{background:#1d4ed8}.web-intro-next:disabled{background:#94a3b8;cursor:not-allowed}.web-intro-next:disabled:hover{background:#94a3b8}@media (max-width:768px){.web-intro-overlay{align-items:flex-end;padding:0 12px max(16px,env(safe-area-inset-bottom))}.web-intro-panel{border-radius:12px;max-width:calc(100vw - 24px);min-width:0;padding:16px 18px;width:100%}.web-intro-text{font-size:17px;line-height:1.4;margin-bottom:10px}.web-intro-hint{font-size:14px;margin-bottom:12px}.web-intro-actions{flex-wrap:nowrap;gap:8px}.web-intro-btn{border-radius:8px;flex:1 1 auto;font-size:14px;min-width:0;padding:8px 12px}.web-intro-mascot img{max-height:40vh;max-width:min(280px,70vw)}.web-intro-mascot--left{bottom:max(20px,env(safe-area-inset-bottom));left:12px}.web-intro-mascot--right{bottom:max(20px,env(safe-area-inset-bottom));right:12px}.web-intro-mascot--bottom{bottom:max(16px,env(safe-area-inset-bottom))}}@media (max-width:480px){.web-intro-overlay{padding:0 10px max(12px,env(safe-area-inset-bottom))}.web-intro-panel{border-radius:10px;padding:14px 16px}.web-intro-text{font-size:16px;margin-bottom:8px}.web-intro-hint{font-size:13px;margin-bottom:10px}.web-intro-actions{gap:6px}.web-intro-btn{flex:1 1 auto;font-size:13px;min-width:0;padding:8px 10px}.web-intro-mascot img{max-height:32vh;max-width:55vw}}.landscape-placeholder{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:99999}.landscape-placeholder-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000040;max-width:420px;padding:28px 32px;text-align:center}.landscape-placeholder-text{color:#333;font-size:1.05rem;line-height:1.5;margin:0}
/*# sourceMappingURL=main.877c0c59.css.map*/