@charset "UTF-8";@font-face{font-family:Open Sans;src:url(/assets/OpenSans-0Az13iQG.ttf) format("truetype")}@font-face{font-family:Overpass Mono;src:url(/assets/OverpassMono-CPI2fCBO.ttf) format("truetype")}@font-face{font-family:Crimson Text;font-weight:400;font-style:normal;src:url(/assets/CrimsonText-Regular-CBz2dAI_.ttf) format("truetype")}@font-face{font-family:Crimson Text;font-weight:400;font-style:italic;src:url(/assets/CrimsonText-Italic-B3STcA3E.ttf) format("truetype")}@font-face{font-family:Crimson Text;font-weight:700;font-style:normal;src:url(/assets/CrimsonText-Bold-R7GCBj8K.ttf) format("truetype")}@font-face{font-family:Crimson Text;font-weight:700;font-style:italic;src:url(/assets/CrimsonText-BoldItalic-DY5CCzXv.ttf) format("truetype")}@font-face{font-family:Crimson Text;font-weight:600;font-style:normal;src:url(/assets/CrimsonText-SemiBold-XeBAWBr8.ttf) format("truetype")}@font-face{font-family:Crimson Text;font-weight:600;font-style:italic;src:url(/assets/CrimsonText-SemiBoldItalic-BXXvAUIR.ttf) format("truetype")}@font-face{font-family:Inter;src:url(/assets/Inter-VariableFont-c8O0ljhh.ttf) format("truetype");font-weight:100 900;font-style:normal}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{min-width:90vw;background-color:#cefffe}body:before{position:fixed;top:0;right:0;left:0;z-index:-1;height:506px;max-height:100%;pointer-events:none;content:"";background-image:linear-gradient(180deg,rgba(48,100,255,.45) .17%,transparent 100%)}body.teacher-layout{padding-bottom:80px}:root{font-family:Inter,sans-serif;font-weight:400;scroll-behavior:smooth;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}h1,h2,h3,div,p{margin:0;padding:0}a{text-decoration:none;cursor:pointer}.uppercase{text-transform:uppercase}.letter-spacing{letter-spacing:1px}.loading-spinner{display:flex;flex-direction:column;align-items:center;padding:40px;width:90%;max-width:375px;margin-inline:auto;background:#ffffff80;box-shadow:0 4px 4px #00000040;border-radius:10px}.loading-spinner__spinner{border-radius:50%;border:4px solid rgba(0,122,255,.2);border-top-color:#007aff;animation:spin 1s linear infinite}.loading-spinner__spinner--small{width:30px;height:30px;border-width:3px}.loading-spinner__spinner--medium{width:60px;height:60px;border-width:4px}.loading-spinner__spinner--large{width:80px;height:80px;border-width:5px}.loading-spinner__message{margin-top:20px;font-size:20px;font-weight:400;color:#000218}@keyframes spin{to{transform:rotate(360deg)}}.error-state{display:flex;flex-direction:column;align-items:center;padding:40px;width:90%;max-width:375px;margin-inline:auto;background:#ffffff80;box-shadow:0 4px 4px #00000040;border-radius:10px}.error-state__icon--small{width:40px;height:40px}.error-state__icon--medium{width:60px;height:60px}.error-state__icon--large{width:80px;height:80px}.error-state__message{margin-top:20px;font-size:20px;font-weight:400;color:#000218;text-align:center}.course-section{margin-bottom:17px}.course-section__header{display:flex;align-items:center;margin-bottom:21px}.course-section__icon{width:26px;height:24px;margin-right:12px}.course-section__title{font-family:Roboto,sans-serif;font-weight:500;font-size:16px;line-height:24px;letter-spacing:.5px;color:#333}.course-section__content{display:flex;flex-direction:column;gap:12px}@keyframes unlock{0%{transform:scale(1);box-shadow:0 1px 1px #00000040}25%{transform:scale(1.08);box-shadow:0 0 20px #93c2ff99}50%{transform:scale(.95);box-shadow:0 0 30px #93c2ffcc}75%{transform:scale(1.05);box-shadow:0 0 20px #93c2ff99}to{transform:scale(1);box-shadow:0 1px 1px #00000040}}.course-card{display:flex;flex-direction:column;gap:20px;background-color:#fff;box-shadow:0 1px 1px #00000040;border-radius:6px;padding:19px 8px 19px 14px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.course-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.course-card:active{transform:translateY(0)}.course-card--locked{background-color:#93c2ff;cursor:not-allowed}.course-card--locked:hover{transform:none;box-shadow:0 1px 1px #00000040}.course-card--unlocking{animation:unlock 1s ease-in-out}.course-card__header{display:flex;justify-content:space-between;align-items:center}.course-card__title{font-family:Roboto,sans-serif;font-weight:500;font-size:16px;color:#333}.course-progress{width:100%}.course-progress__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.course-progress__label,.course-progress__percentage{font-family:Roboto,sans-serif;font-weight:400;font-size:14px;color:#333;letter-spacing:.25px}.course-progress__bar{width:100%;height:4px;background:#d9d9d9;border-radius:6px;overflow:hidden}.course-progress__fill{height:100%;background:#1cc930;border-radius:6px}.title{font-family:Inter,sans-serif;font-weight:600;font-size:20px;text-align:center;color:#000}.subtitle{font-family:Roboto,sans-serif;font-weight:500;font-size:14px;letter-spacing:.25px;text-align:center;color:#000}.search-bar__container{display:flex;align-items:center;background-color:#fff;box-shadow:0 4px 4px #00000040;border-radius:6px;padding:16px;transition:all .2s ease;margin-bottom:17px}.search-bar__container:focus-within .search-bar__icon{color:#000}.search-bar__icon{width:14.25px;height:14.25px;margin-right:8px;color:#d9d9d9;transition:color .2s ease}.search-bar__input{border:none;outline:none;font-family:Roboto,sans-serif;font-size:12px;font-weight:400;color:#000}.courses__empty{font-family:Roboto,sans-serif;font-size:15px;color:#333;text-align:center}.page-header{background:#ffffff80;box-shadow:0 4px 4px #00000040;border-radius:10px;padding:20px;max-width:335px;margin:0 auto}.page-header--horizontal{display:flex;justify-content:center;align-items:center}.page-header--vertical{display:flex;justify-content:space-between;align-items:flex-start}.page-header__title{font-size:24px;font-weight:700;color:#000}.page-header__subtitle{font-size:16px;font-weight:400;color:#000218}.page-header__icon{width:38px;height:29px}.page-header--horizontal .page-header__title{margin-right:10px}.page-header--vertical .page-header__title{margin-bottom:5px}.page-header__percentage{font-size:18px;font-weight:400;color:#000218;align-self:center}._emptyState_jblru_1{padding:40px 20px;margin:40px auto;max-width:335px;background:#ffffff80;border-radius:16px;box-shadow:0 8px 32px #0000001a}._title_jblru_10{font-size:16px;font-weight:500;color:#000218;text-align:center}.snake-grid{display:flex;flex-direction:column;padding-top:47px;background:url(/assets/snake-1-BBnTKvMo.png) no-repeat 55% -5px}.snake-grid__item:first-child,.snake-grid__item:nth-child(4n+1){column-gap:14px;padding-right:18px;padding-bottom:100px;background:url(/assets/snake-2-DNmL0y-3.png) no-repeat calc(100% - 55px) calc(100% + 15px)}.snake-grid__item:nth-child(2),.snake-grid__item:nth-child(4n+2){column-gap:10px;padding-bottom:68px;padding-left:35px;background:url(/assets/snake-3-DqDYKsJ6.png) no-repeat 95px 100%}.snake-grid__item:nth-child(3),.snake-grid__item:nth-child(4n+3){column-gap:18px;padding-right:5px;padding-bottom:65px;background:url(/assets/snake-4-OTcSuzJx.png) no-repeat calc(100% - 50px) 100%}.snake-grid__item:nth-child(4),.snake-grid__item:nth-child(4n+4){column-gap:15px;padding-bottom:47px;padding-left:44px;background:url(/assets/snake-3-DqDYKsJ6.png) no-repeat 55% calc(100% + 5px)}.lessons{padding-top:50px}.lessons__content{padding:20px}.task-title-container{padding-left:18px}.task-title{font-family:Roboto,sans-serif;font-weight:500;font-size:16px;letter-spacing:.5px;color:#000}.task-title:not(:last-child){margin-bottom:20px}.task-question{font-family:Inter,sans-serif;font-weight:600;font-size:19px;color:#000;margin-bottom:35px}.fixed-actions-spacer{height:100px}.fixed-actions{position:fixed;bottom:0;left:0;right:0;display:flex;gap:12px;justify-content:center;background:#fff;border-radius:10px 10px 0 0;padding:12px 24px 24px;z-index:1000}.fixed-actions .btn{flex:1;padding:16px;border:none;box-shadow:0 4px 4px #00000040;border-radius:6px;font-size:20px;font-weight:700;color:#000;cursor:pointer;transition:all .3s ease}.fixed-actions .btn--yellow{background:#f7ff1e}.fixed-actions .btn--yellow:hover{background:#f7ff1e80;transform:translateY(-1px)}.fixed-actions .btn--yellow:disabled{background:#f0f0f0;color:#999;cursor:not-allowed;transform:none}.task-progress{font-family:Roboto,sans-serif;font-weight:400;font-size:14px;line-height:20px;letter-spacing:.25px;color:#0009;text-align:center;margin:10px 0}.sentence-ordering{padding-bottom:60px}.sentence-ordering__sentences{background:#fff;border-radius:10px 10px 0 0;padding:20px 18px;margin-top:20px}.sentence-ordering__sentence{display:flex;align-items:center;padding:13px;margin-bottom:13px;background:#93c2ff;border-radius:10px;font-family:Roboto,sans-serif;font-weight:500;font-size:16px;line-height:24px;letter-spacing:.5px;color:#000;cursor:grab}.sentence-ordering__sentence:last-child{margin-bottom:0}.sentence-ordering__sentence:hover{background:#7fb4ff;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.sentence-ordering__sentence:active{cursor:grabbing}.sentence-ordering__sentence.dragging{z-index:1000}.sentence-ordering__number{background:#fff;border:1px solid hsl(0,0%,0%);border-radius:3px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;margin-right:12px;flex-shrink:0}.task-result{padding:0 20px 50px}.task-result__content{background:#fff;border-radius:15px;padding:40px 20px;text-align:center;margin-top:20px}.task-result__icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;margin:0 auto 20px}.task-result__icon--success{background:#4ade80;color:#fff}.task-result__icon--error{background:#ef4444;color:#fff}.task-result__title{font-family:Roboto,sans-serif;font-size:24px;font-weight:700;color:#2c3e50;margin-bottom:15px}.task-result__message{font-family:Roboto,sans-serif;font-size:16px;line-height:1.5;color:#555;margin-bottom:25px}.task-result__comparison{margin:25px 0;text-align:left}.task-result__section{margin-bottom:25px}.task-result__section h3{font-family:Roboto,sans-serif;font-size:16px;font-weight:500;color:#2c3e50;margin-bottom:10px}.task-result__list{list-style:none;padding:0;margin:0}.task-result__list li{font-family:Roboto,sans-serif;font-size:14px;line-height:1.4;padding:12px;margin-bottom:8px;border-radius:8px;border:1px solid #e0e0e0;background:#f9f9f9}.task-result__list li.correct{background:#d4edda;border-color:#c3e6cb;color:#155724}.task-result__list li.incorrect{background:#f8d7da;border-color:#f5c6cb;color:#721c24}.task-result__list--correct li{background:#d4edda;border-color:#c3e6cb;color:#155724}.task-result__text{font-family:Roboto,sans-serif;font-size:14px;line-height:1.6;padding:12px;border-radius:8px;border:1px solid #e0e0e0;background:#f9f9f9;margin:0}.task-result__text--original{background:#e3f2fd;border-color:#90caf9;color:#0d47a1}.task-result__text--user{background:#f8d7da;border-color:#f5c6cb;color:#721c24}.task-result__text--mistake{background:#ffebee;border-color:#ffcdd2;color:#d32f2f}.task-result__text--correct{background:#d4edda;border-color:#c3e6cb;color:#155724}.task-result__options{display:flex;flex-direction:column;gap:12px}.task-result__option{display:flex;align-items:center;gap:12px;padding:16px;border-radius:10px;background-color:#f9f9f9;border:2px solid #e0e0e0;font-family:Inter,sans-serif;font-size:16px;line-height:1.4}.task-result__option--correct{background-color:#d4edda;border-color:#4ade80;color:#155724}.task-result__option--correct .task-result__option-icon{color:#4ade80;font-weight:700}.task-result__option--incorrect{background:#f8d7da;border-color:#ef4444;color:#721c24}.task-result__option--incorrect .task-result__option-icon{color:#ef4444;font-weight:700}.task-result__option-icon{font-size:24px;font-weight:700;min-width:24px}.task-result__option-text{flex:1}.task-result__tips{background:#f8f9fa;border-radius:10px;padding:20px;text-align:left;margin-top:20px}.task-result__tips h3{font-family:Roboto,sans-serif;font-size:18px;font-weight:500;color:#2c3e50;margin-bottom:15px}.task-result__tips ul{list-style:none;padding:0;margin:0}.task-result__tips ul li{font-family:Roboto,sans-serif;font-size:14px;line-height:1.4;color:#666;position:relative;padding:8px 0 8px 20px}.task-result__tips ul li:before{content:"•";color:#93c2ff;position:absolute;left:0;font-weight:700}.lined-textarea-container{margin:35px 0}.lined-textarea-section{position:relative;background:#fff;border-radius:10px 10px 0 0;padding:25px 18px 35px}.lined-textarea{width:100%;border:none;outline:none;resize:none;font-family:Inter;font-weight:400;font-size:16px;line-height:36px;color:#000218;background-image:repeating-linear-gradient(to bottom,transparent 0px,transparent 35px,#333 35px,#333 36px);background-position:0 8px;background-attachment:local;padding:10px 8px 10px 0}.lined-textarea::placeholder{color:#ccc;font-size:20px}.lined-textarea::-webkit-scrollbar-track{background:#d9d9d9;border-radius:4px}.character-count{position:absolute;bottom:10px;right:18px;font-size:12px;color:#666;background:#fffc;padding:2px 6px;border-radius:3px}.multiple-choice-options{padding:0 16px;margin-bottom:20px}.multiple-choice-options .option-card{display:flex;justify-content:center;text-align:center;padding:16px 0;margin-bottom:20px;background:#93c2ff;border-radius:10px;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif;font-weight:700;font-size:20px;color:#000}.multiple-choice-options .option-card:hover{opacity:.9}.multiple-choice-options .option-card--selected{outline:4px dashed #000000}.find-mistakes-input{display:flex;flex-direction:column;padding:0 16px}.find-mistakes-input .answer-input-container{display:flex;flex-direction:column;gap:12px}.find-mistakes-input .answer-input-container .answer-label{font-family:Inter,sans-serif;font-weight:600;font-size:15px;color:#333}.find-mistakes-input .answer-input-container .answer-input{padding:16px 20px;font-family:Inter,sans-serif;font-size:18px;font-weight:500;color:#333;background-color:#fff;border:2px solid #e8e8e8;border-radius:12px;outline:none;transition:all .2s ease;box-shadow:0 1px 3px #0000000a}.find-mistakes-input .answer-input-container .answer-input:hover{border-color:#d0d0d0}.find-mistakes-input .answer-input-container .answer-input:focus{border-color:#93c2ff;box-shadow:0 0 0 4px #93c2ff1a}.find-mistakes-input .answer-input-container .answer-input::placeholder{color:#a0a0a0;font-weight:400}.navigation-bar{display:flex;align-items:center;background-color:#fff;width:100%;border-radius:10px 10px 0 0;position:fixed;bottom:0;left:0;right:0;z-index:100}.navigation-bar .nav-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;padding:19px 0 22px;width:25%}.navigation-bar .nav-item:first-child{margin-left:19px}.navigation-bar .nav-item:last-child{margin-right:19px}.navigation-bar .nav-item.active{border-top:3px solid rgb(42,116,210);background-color:#c2ddff}.navigation-bar .nav-item__icon{width:26px;height:33px}body.ios .navigation-bar{padding:10px 0 30px}.snake-grid{display:flex;flex-direction:column;padding-top:47px;background:url(/assets/snake-1-BBnTKvMo.png) no-repeat 55% -5px}.snake-grid__item:first-child,.snake-grid__item:nth-child(4n+1){column-gap:14px;padding-right:18px;padding-bottom:100px;background:url(/assets/snake-2-DNmL0y-3.png) no-repeat calc(100% - 55px) calc(100% + 15px)}.snake-grid__item:nth-child(2),.snake-grid__item:nth-child(4n+2){column-gap:10px;padding-bottom:68px;padding-left:35px;background:url(/assets/snake-3-DqDYKsJ6.png) no-repeat 95px 100%}.snake-grid__item:nth-child(3),.snake-grid__item:nth-child(4n+3){column-gap:18px;padding-right:5px;padding-bottom:65px;background:url(/assets/snake-4-OTcSuzJx.png) no-repeat calc(100% - 50px) 100%}.snake-grid__item:nth-child(4),.snake-grid__item:nth-child(4n+4){column-gap:15px;padding-bottom:47px;padding-left:44px;background:url(/assets/snake-3-DqDYKsJ6.png) no-repeat 55% calc(100% + 5px)}.container{max-width:375px;margin-inline:auto}.edit-course-modal{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;width:100%}.edit-course-modal__overlay{display:flex;align-items:center;position:fixed;top:0;left:0;right:0;bottom:0;background:#8bb4ff4d;z-index:1000;padding:20px}.edit-course-modal__header{padding:20px 20px 0}.edit-course-modal__header-title{font-size:18px;font-weight:600;color:#000218;text-align:center}.edit-course-modal__content{padding:20px}.edit-course-modal__input{width:100%;font-size:16px;font-weight:400;color:#000218;border:2px solid #E5E5E7;border-radius:8px;padding:12px 16px;transition:border-color .2s ease}.edit-course-modal__input:focus{outline:none;border-color:#007aff;box-shadow:0 0 0 3px #007aff1a}.edit-course-modal__actions{display:flex;gap:12px;padding:0 20px 20px}.edit-course-modal__cancel,.edit-course-modal__save{flex:1;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.edit-course-modal__cancel{background:#f2f2f7;color:#000218}.edit-course-modal__cancel:hover{background:#e5e5e7}.edit-course-modal__save{background:#007aff;color:#fff}.edit-course-modal__save:hover:not(:disabled){background:#0056cc}.edit-course-modal__save:disabled{opacity:.5;cursor:not-allowed}.delete-modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#8bb4ff4d;display:flex;align-items:center;justify-content:center;z-index:1000}.delete-modal{background-color:#fff;border-radius:12px;padding:24px;min-width:320px;width:90%;box-shadow:0 10px 25px #00000026}.delete-modal__header{margin-bottom:16px}.delete-modal__header-title{font-size:18px;font-weight:600;color:#e74c3c}.delete-modal__content{margin-bottom:24px}.delete-modal__message{color:#333;line-height:1.5}.delete-modal__actions{display:flex;gap:12px}.delete-modal__cancel,.delete-modal__confirm{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}@media(max-width:480px){.delete-modal__cancel,.delete-modal__confirm{padding:12px 16px;font-size:16px;width:100%}}.delete-modal__cancel{background-color:#f8f9fa;color:#6c757d}.delete-modal__cancel:hover{background-color:#e9ecef}.delete-modal__confirm{background-color:#e74c3c;color:#fff}.delete-modal__confirm:hover{background-color:#c0392b}.list-grid{position:relative;z-index:1;display:flex;flex-direction:column;padding:49px 15px 0 38px;margin-bottom:29px}.list-grid__item{display:inline-flex}.list-grid__item:not(:last-child){min-height:72px}.list-grid__item-title{font-family:Inter,sans-serif;font-size:16px;font-weight:500;line-height:1.5;letter-spacing:.5px;position:relative}.list-grid__item-title--large{font-size:20px;font-weight:700}.list-grid__item-actions{position:absolute;right:-5px;top:50%;transform:translateY(-50%);display:flex;gap:8px}.list-grid__item-edit,.list-grid__item-delete{background:none;border:none;cursor:pointer;padding:4px}.list-grid__item-edit img,.list-grid__item-delete img{width:25px;height:25px;transition:opacity .2s ease}.list-grid__item-edit:hover img,.list-grid__item-delete:hover img{opacity:.7}.list-grid__item-edit img{filter:brightness(0) saturate(100%) invert(13%) sepia(94%) saturate(7151%) hue-rotate(245deg) brightness(90%) contrast(143%)}.list-grid__item-content{padding-top:7px;margin-right:5px;margin-left:16px;position:relative;flex:1}.list-grid__line{position:absolute;top:0;left:71px;width:4px;height:calc(100% - 35px)}.list-grid__line:before{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;content:"";background-image:repeating-linear-gradient(to bottom,rgba(0,0,0,.25),rgba(0,0,0,.25) 8px,transparent 8px,transparent 15px);filter:blur(2px);transform:translate(0) translateY(2px)}.list-grid__line:after{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;content:"";background-image:repeating-linear-gradient(to bottom,black,black 8px,transparent 8px,transparent 15px)}.snake-grid{display:flex;flex-direction:column;padding-top:47px;background:url(/assets/snake-1-BBnTKvMo.png) no-repeat 55% -5px}.snake-grid__item{display:inline-flex;flex-direction:row}.snake-grid__item:nth-child(odd){flex-direction:row-reverse}.snake-grid__item:first-child,.snake-grid__item:nth-child(4n+1){column-gap:14px;padding-right:18px;padding-bottom:100px;background:url(/assets/snake-2-DNmL0y-3.png) no-repeat calc(100% - 55px) calc(100% + 15px)}.snake-grid__item:first-child .snake-grid__item-content,.snake-grid__item:nth-child(4n+1) .snake-grid__item-content{padding-top:42px}.snake-grid__item:first-child{column-gap:30px}.snake-grid__item:nth-child(2),.snake-grid__item:nth-child(4n+2){column-gap:10px;padding-bottom:68px;padding-left:35px;background:url(/assets/snake-3-DqDYKsJ6.png) no-repeat 95px 100%}.snake-grid__item:nth-child(2) .snake-grid__item-content,.snake-grid__item:nth-child(4n+2) .snake-grid__item-content{padding-top:25px}.snake-grid__item:nth-child(3),.snake-grid__item:nth-child(4n+3){column-gap:18px;padding-right:5px;padding-bottom:65px;background:url(/assets/snake-4-OTcSuzJx.png) no-repeat calc(100% - 50px) 100%}.snake-grid__item:nth-child(3) .snake-grid__item-content,.snake-grid__item:nth-child(4n+3) .snake-grid__item-content{padding-top:30px}.snake-grid__item:nth-child(4),.snake-grid__item:nth-child(4n+4){column-gap:15px;padding-bottom:47px;padding-left:44px;background:url(/assets/snake-3-DqDYKsJ6.png) no-repeat 55% calc(100% + 5px)}.snake-grid__item:nth-child(4) .snake-grid__item-content,.snake-grid__item:nth-child(4n+4) .snake-grid__item-content{padding-top:20px}.snake-grid__item:last-child{padding-bottom:47px!important;background:none}.snake-grid__item-title{color:#000;font-size:20px;font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.snake-grid__item-subtitle{color:#000;font-size:14px;opacity:.7}.bubble-btn{--shadow-offset: 10px;--shadow-color: #010c26;--background-color: #042b86;border:none;cursor:pointer;background:none;position:relative;z-index:1;display:flex;align-items:center;align-self:flex-start;justify-content:center;min-width:127px;min-height:65px;filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));transition:transform .2s ease}.bubble-btn--small{--shadow-offset: 6px;min-width:68px;min-height:36px}.bubble-btn--secondary{--background-color: #5a9eff;--shadow-color: #2a74d2}.bubble-btn--white{--background-color: #fff;--shadow-color: #e6e6e6}.bubble-btn--accent{--background-color: #44d646;--shadow-color: #0f301a}.bubble-btn--locked{--background-color: #fff;--shadow-color: #e6e6e6;cursor:not-allowed}.bubble-btn--locked:hover{transform:none}.bubble-btn:before,.bubble-btn:after{position:absolute;top:0;right:0;bottom:0;left:0;content:""}.bubble-btn:before{background-color:var(--background-color);border-radius:50%}.bubble-btn:after{top:var(--shadow-offset);bottom:calc(var(--shadow-offset) * -1);z-index:-2;background-color:var(--shadow-color);border-bottom-right-radius:50%;border-bottom-left-radius:50%;clip-path:polygon(0 calc(50% - var(--shadow-offset)),100% calc(50% - var(--shadow-offset)),100% 100%,0 100%)}.bubble-btn img{filter:drop-shadow(0 4px 4px rgba(0,0,0,.25))}.bubble-btn:hover{transform:scale(1.05)}.snake-grid__item-title{max-width:160px;display:-webkit-box;overflow:hidden;-webkit-line-clamp:1;-webkit-box-orient:vertical}.course{position:relative}.course:nth-child(odd) .course__actions{left:37px}.course__actions{position:absolute;top:0;z-index:1;display:inline-flex;gap:14px;align-items:center}.course__action-btn{background-color:transparent;border:none;cursor:pointer}.selection-card{display:flex;justify-content:center;background-color:#c8c8c8;border-radius:10px;box-shadow:0 4px 4px #00000040;padding:16px 10px;margin-bottom:15px;cursor:pointer;transition:all .3s ease}.selection-card:last-child{margin-bottom:0}.selection-card:hover{transform:translateY(-3px);background-color:#f7ff1e}.selection-card:active{transform:translateY(-1px)}.selection-card__title{font-family:Inter,sans-serif;font-weight:700;font-size:20px;color:#000}.category-container,.task-type-container{padding:20px;background-color:#fff;border-radius:10px 10px 0 0}.prompt-action-buttons{display:flex;justify-content:center;margin-bottom:20px}.prompt-action-buttons .btn{padding:16px 32px;border:none;border-radius:8px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;min-width:120px}.prompt-action-buttons .btn--primary{background:linear-gradient(135deg,#1a82c7,#4cb8e6);color:#fff}.slider-header{margin-bottom:11px}.slider-title{font-weight:600;font-size:16px;color:#125994}.slider-input-wrapper{position:relative;display:flex;align-items:center}.slider-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-grow:1;height:6px;background:#1a82c7;border-radius:10px;outline:none}.slider-value{font-weight:700;font-size:20px;color:#2b76c7;min-width:30px;text-align:right}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#135a96;border:none}.slider-input::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#135a96;border:none}.slider-container{margin:0 16px}.editable-text-with-gaps{position:relative;margin-bottom:16px}.editable-text-with-gaps__editor{min-height:150px;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;line-height:1.8;color:#1f2937;background-color:#fff;outline:none;transition:border-color .2s;overflow-y:auto;max-height:400px;white-space:pre-wrap;word-wrap:break-word}.editable-text-with-gaps__editor:focus{border-color:#4a90e2}.editable-text-with-gaps__editor .placeholder-text{color:#9ca3af;pointer-events:none}.editable-text-with-gaps__editor .gap-inline{color:#10b981;font-weight:700;cursor:pointer;padding:2px 6px;border-radius:4px;transition:all .2s;display:inline-block;-webkit-user-select:none;user-select:none;pointer-events:auto}.editable-text-with-gaps__editor .gap-inline:hover{background-color:#d1fae5}.editable-text-with-gaps__editor .gap-inline--selected{background-color:#10b981;color:#fff}.editable-text-with-gaps__counter{position:absolute;bottom:-20px;right:0;font-size:12px;color:#6b7280}.gap-section{margin-top:24px;margin-bottom:100px;padding:16px;background-color:#f9fafb;border-radius:8px;border-left:4px solid #10b981}.gap-section__title{margin:0 0 16px;font-size:14px}.gap-section__number{display:inline-block;padding:4px 12px;background-color:#10b981;color:#fff;border-radius:6px;font-weight:600;font-size:13px}.answer-options{margin-top:12px}.answer-option{display:flex;align-items:center;gap:12px;margin-bottom:12px}.answer-option__radio{width:20px;height:20px;flex-shrink:0;cursor:pointer;accent-color:#4a90e2}.answer-option__input{flex:1;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s}.answer-option__input:focus{border-color:#4a90e2}.answer-option__input::placeholder{color:#9ca3af}.answer-option__remove{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#ef4444;font-size:20px;cursor:pointer;transition:opacity .2s}.answer-option__remove:hover{opacity:.7}.add-option-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:12px;margin-top:8px;background:none;border:2px dashed #4a90e2;border-radius:8px;color:#4a90e2;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.add-option-btn:hover{background-color:#f0f8ff}.add-option-btn:active{transform:scale(.98)}.fill-in-the-gaps-header,.create-fill-in-the-gaps{margin-bottom:20px}.create-fill-in-the-gaps .instructions{display:flex;align-items:center;gap:10px;padding:12px 15px;background-color:#f0f8ff;border-radius:8px;border-left:4px solid #4a90e2}.create-fill-in-the-gaps .instructions__icon{font-size:20px}.create-fill-in-the-gaps .instructions p{color:#333;font-size:14px;line-height:1.5}.create-paraphrase{padding:0 20px 80px}.slider-container{margin-bottom:30px}.options-list{margin-bottom:20px;padding:0 16px}.options-list .option-item{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:16px;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;border:2px solid transparent;transition:all .2s ease}.options-list .option-item:hover{box-shadow:0 4px 12px #00000026}.options-list .option-item:has(.option-radio:checked){border-color:#28a745;background-color:#28a7450d}.options-list .option-item .option-radio{cursor:pointer;width:24px;height:24px;flex-shrink:0;accent-color:var(--tg-theme-button-color)}.options-list .option-item .option-input{flex:1;padding:12px;font-size:16px;border:1px solid rgba(0,0,0,.25);border-radius:8px;background-color:#fff;color:#333;transition:border-color .2s ease}.options-list .option-item .option-input:focus{outline:none;border-color:var(--tg-theme-button-color)}.options-list .option-item .option-input::placeholder{color:#6c757d}.options-list .option-item .remove-option-btn{width:32px;height:32px;flex-shrink:0;border:none;background-color:#f44;color:#fff;border-radius:50%;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.options-list .option-item .remove-option-btn:hover{background-color:#c00}.options-list .option-item .remove-option-btn:active{transform:scale(.95)}.options-list .add-option-btn{padding:16px;margin-top:8px;background-color:#fff;border:2px dashed rgba(0,0,0,.25);border-radius:12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.options-list .add-option-btn:hover{border-color:var(--tg-theme-button-color);background-color:#00000005}.options-list .add-option-btn:active{transform:scale(.98)}.options-list .add-option-btn .plus-icon{font-size:32px;color:var(--tg-theme-button-color);font-weight:400;line-height:1}.find-mistakes-container{display:flex;flex-direction:column;gap:24px;padding:0 16px}.find-mistakes-container .input-group{display:flex;flex-direction:column;gap:10px}.find-mistakes-container .input-group .input-label{font-family:Inter,sans-serif;font-weight:500;font-size:15px;color:#333}.find-mistakes-container .input-group .text-input{padding:14px 18px;font-family:Inter,sans-serif;font-size:16px;color:#333;background-color:#fff;border:2px solid #e8e8e8;border-radius:12px;outline:none;transition:all .2s ease;box-shadow:0 1px 3px #0000000a}.find-mistakes-container .input-group .text-input:hover{border-color:#d0d0d0}.find-mistakes-container .input-group .text-input:focus{border-color:#93c2ff;box-shadow:0 0 0 4px #93c2ff1a}.find-mistakes-container .input-group .text-input::placeholder{color:#a0a0a0;font-weight:400}.statistics,.users,.archive{padding:20px}
