.btn-success{background-color:var(--color-positive) !important;color:var(--color-white) !important;border-color:var(--color-positive) !important}.btn-danger{background-color:var(--color-red) !important;color:var(--color-white) !important;border-color:var(--color-red) !important}.btn-primary{background-color:var(--color-main) !important;color:var(--color-dark-black) !important;border:none !important;padding:7px;border-radius:10px !important}.btn-primary:hover{background-color:var(--color-main-light) !important}.btn-info{background-color:var(--color-main-light) !important;color:var(--color-dark-black) !important;border:none !important;padding:7px;border-radius:10px !important}.btn-secondary{background-color:var(--color-light2) !important;color:var(--color-black) !important;border:none !important;padding:7px;border-radius:10px !important}.btn-outline-primary{color:var(--color-main-very-dark);border-color:var(--color-main-very-dark);border-radius:10px !important}.btn-outline-primary:active{color:var(--color-main-very-dark) !important;border-color:var(--color-main-dark) !important;background-color:rgba(0,0,0,0) !important}.btn-outline-primary:hover{color:#000;border-color:var(--color-main-dark);background-color:var(--color-main-light)}.btn-primary,.btn-success,.btn-danger{transition:background-color .3s ease,transform .2s ease}#menuToggleBtn{transition:border-color .3s ease;border-radius:20px !important;padding:8px 16px}#menuToggleBtn:hover{background-color:rgba(0,0,0,0) !important;box-shadow:0 4px 8px rgba(0,0,0,.1);color:var(--color-main-dark)}#subject-variants-btn{position:absolute;top:30%;left:50%;margin-top:13px;transform:translateX(-50%) translateY(-50%);display:inline-block;padding:8px 16px;font-size:14px;font-weight:500;color:var(--color-semi-black);background-color:var(--color-main);border:none;border-radius:20px;text-decoration:none;box-shadow:0 2px 4px rgba(0,0,0,.1);transition:background-color .3s,box-shadow .3s;cursor:pointer}#subject-variants-btn:hover{background-color:var(--color-main-dark);box-shadow:0 4px 8px rgba(0,0,0,.2);color:var(--color-white)}#subject-variants-btn:active{background-color:var(--color-main-very-dark);box-shadow:0 2px 4px rgba(0,0,0,.1)}#subject-variants-btn:focus{outline:none;box-shadow:0 0 0 3px var(--color-main-transparent)}.btn:focus{box-shadow:0 0 0 3px var(--color-main-transparent) !important}#check-button{transition:all .3s ease}.animated{transform:scale(1.05);transition:all .2s ease}.animated:hover{transform:scale(1.05)}.survey-link{text-decoration:underline;color:var(--color-main-very-dark)}.survey-link:hover{color:var(--color-main-dark)}header{width:100%;position:sticky;top:0;z-index:3;background-color:var(--color-white3) !important}.header-logo{display:flex;align-items:center;transition:.2s;cursor:pointer}.header-logo-img{height:40px;width:75px;display:block;background-size:contain;background-repeat:no-repeat;background-position:center;background-image:url(../../images/logo_closed.svg)}.header-logo:hover .header-logo-img{background-image:url(../../images/logo_open.svg)}.header-logo:hover .header-logo-text{color:var(--color-main-very-dark)}.header-logo-title{font-weight:600 !important;color:var(--color-main-very-dark)}.header-logo-caption{font-size:15px;margin:0;font-weight:600;color:var(--color-medium-dark)}#profile-picture{margin:0;width:50px;height:50px;object-fit:cover;border-radius:50%;transition:box-shadow .4s ease}header .text-center{color:inherit;text-decoration:none}header .text-center a{color:inherit;text-decoration:none}header img{transition:transform .3s ease}.choose-number-hint{color:gray;border-radius:5px;font-weight:600;margin:5px 0px}.choose-subject-hint{color:gray;border-radius:5px;font-weight:600;margin:5px 0px}.block-highlighted{display:block !important;position:absolute;width:calc(100% + 10px);height:calc(100% + 10px);left:-5px;top:-5px;border-radius:15px;background-color:var(--color-white3);z-index:95}.forward{z-index:100;position:sticky}.subject-btn.highlighted{background-color:var(--color-main)}.category-item.highlighted{background-color:var(--color-main-light)}.choose-subject-hint.highlighted,.choose-number-hint.highlighted{color:var(--color-main-very-dark);position:sticky;z-index:100}#screen-overlay.active{display:block !important;position:fixed;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.85);z-index:90}.sections-container{position:relative}nav ul.nav{align-items:center}nav ul.nav li.nav-item a.nav-link:hover,nav ul.nav li.nav-item a.subject-btn:hover{color:var(--color-main-very-dark)}nav ul.nav li.nav-item a.nav-link.active,nav ul.nav li.nav-item a.subject-btn.active{background-color:var(--color-main) !important}nav ul.nav li.nav-item a.nav-link{font-size:1rem;color:var(--color-semi-black);text-decoration:none;border-radius:12px}.nav-container{position:relative}.nav{background-color:var(--color-light2);border-radius:10px}.list{display:none}.expand-icon{font-size:18px;cursor:pointer}.sidebar-hidden{display:none;transform:translateX(-100%);opacity:0;pointer-events:none}#sidebar{flex-shrink:0;transition:width .3s ease}.switch-imgs{display:flex;flex-wrap:wrap}.switch-label{display:flex;align-items:center;cursor:pointer;margin-bottom:20px}.switch-label:hover .caption{color:var(--color-main-very-dark)}.switch{position:relative;display:inline-block;width:50px;height:24px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.slider{width:40px;position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-light-gray);transition:.4s;border-radius:24px}.slider.round{border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;margin:3px;background-color:var(--color-white);transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--color-main)}input:checked+.slider:before{transform:translateX(15px)}.caption{margin-right:10px;flex:1}.list-group-item{transition:background-color ease .1s}.list-group-item a{text-decoration:none;color:var(--color-semi-black)}.list-group-item a:hover{color:var(--color-main)}.list-group-item:hover{background-color:var(--color-main-light)}.list-item{position:relative;cursor:pointer;padding:10px;transition:background-color .3s}.list-item:hover{background-color:var(--color-white5)}.progress-percentage{font-weight:bold;margin-left:10px}.list-item::after{display:none}.list-item:hover::after{display:block;position:absolute;top:100%;left:0;background-color:var(--color-white);border:1px solid var(--color-light-gray);padding:5px;white-space:nowrap;z-index:10;box-shadow:0 2px 5px rgba(0,0,0,.2)}.container,.container-fluid{max-width:95%;padding:0}.category-name{font-weight:bold}.category-list,.sections-list,.subcategory-list{min-height:50px;display:none;overflow:hidden;transition:max-height .3s ease}#sections-list{overflow:scroll;height:1000px}.category-progress{font-size:.85rem;color:var(--color-gray)}#tasks-list{display:flex;flex-wrap:wrap;gap:15px;width:100%}.task-card{flex:1;min-width:300px;box-sizing:border-box;transition:box-shadow .4s ease;background-color:var(--color-white);border-radius:15px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.1)}.task-card:hover{box-shadow:0 4px 6px rgba(0,0,0,.1),6px 6px 17px 0px rgba(34,60,80,.15)}.task-card .card-body{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:100%;padding:15px}.task-card .card-title{font-weight:bold;font-size:1.1em;text-align:center;margin-bottom:10px}.task-card .card-task{text-align:center;color:var(--color-semi-black);margin-bottom:10px;flex-grow:1}.task-card .card-footer{width:100%;text-align:center;margin-top:auto;padding-top:10px;border-top:1px solid var(--color-light1);background-color:var(--color-white)}.task-card .card-text{text-align:center;color:var(--color-gray)}.task-card .form-control{width:100%;height:inherit;margin-top:10px;border-radius:10px}.task-card .form-control:focus{box-shadow:none;border-color:var(--color-main-dark)}.task-card .btn{width:100%;margin-top:10px}.feedback{margin-top:10px;font-size:.9em;color:var(--color-positive)}.tasks-container,.task-list{display:flex;flex-wrap:wrap;gap:15px;padding:0;list-style-type:none;width:100%}.category,.subcategory,.subsubcategory,.subsubsubcategory{margin-bottom:20px;flex-grow:1;display:flex;flex-direction:column}.category h3,.subcategory h4,.subsubcategory h5,.subsubsubcategory h6{margin:10px 0}.tasks-container{display:flex;flex-wrap:wrap;gap:15px;padding:0}.one-task{flex-basis:20%}.two-tasks{flex-basis:40%}.tasks-div{display:flex;flex-direction:row;gap:15px;flex-wrap:wrap;flex:1}.task{flex:1;margin-top:7px;border-radius:5px;padding:10px;box-shadow:2px 2px 5px #d3d3d3}.category-3-header,.category-4-header,.category-5-header,.category-6-header{font-size:20px !important}.category-3-header{background-color:var(--color-main-very-dark);color:var(--color-white)}.category-4-header{background-color:var(--color-main-dark);color:var(--color-black)}.category-5-header{background-color:var(--color-main)}.category-6-header{background-color:var(--color-white3)}.task-problem{font-family:"Arial",sans-serif;font-size:18px;line-height:1.6;color:var(--color-semi-black);padding:10px;background-color:var(--color-white2);border:1px solid var(--color-light3);border-radius:5px;box-shadow:0 2px 4px rgba(0,0,0,.1);word-wrap:break-word;max-width:100%;white-space:pre-wrap}.task-problem math{font-family:"Times New Roman",serif;font-size:1.2em;color:var(--color-black)}.block{color:gray}.section-item{background-color:#f5f5f5}.category-info{display:flex;gap:10px;justify-content:space-between;align-items:center}.category-progress{display:flex;position:absolute;right:10px}.progress-number{width:25px;text-align:right}.progress-word{padding:0 5px}.progress-percents{margin-left:5px;width:40px;text-align:right}@media screen and (min-width: 768px)and (max-width: 1200px){.category-name{display:flex;flex-direction:column}.expand-icon-narrow-screen{display:inline !important}.expand-icon-wide-screen{display:none !important}}.delete-button{position:absolute;top:5px;right:5px;background-color:red;color:#fff;border:none;border-radius:50%;width:20px;height:20px;font-size:14px;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;text-align:center}.delete-button:hover{background-color:darkred}.delete-button::before{content:"×";font-size:18px}#uploadedPhotosContainer{overflow-x:auto}#excalidrawBoardContainer{position:relative;width:100%;height:auto;margin-top:15px}.excalidraw-container{width:100%;height:600px;border:1px solid #ccc;overflow:hidden}.modal-dialog{max-width:none !important;width:95%}.modal-column{flex:1}.modal-row{display:flex}.task-in-modal{max-width:500px}@media screen and (max-width: 700px){.modal-row{display:block}.task-in-modal{max-width:None}}.photoUploadInput-btn{display:block;background-color:var(--color-main);border-radius:10px;padding:7px;margin:5px;cursor:pointer;transition:background-color ease .5s;text-align:center}.photoUploadInput-btn:hover{background-color:var(--color-main-dark)}.vk_link{background-color:var(--color-white);border-radius:10px;transition:.5s;display:inline-flex;flex-direction:row;padding:7px;align-items:center}.vk_a{text-decoration:none}.vk_a:link{color:var(--color-black)}.vk_a:visited{color:var(--color-black)}.vk_a:focus{outline-color:var(--color-black)}.vk_link:hover{background-color:var(--color-light3)}.vk_a:active{color:var(--color-black)}.vk-img{height:30px}.vk-link-text{margin-left:7px}.vk-link-text-action{font-size:14px;line-height:16px;color:var(--color-black)}.vk-link-text-reason{font-size:12px;line-height:13px;color:var(--color-gray)}:root{--color-main-very-dark: #587558;--color-main-dark: #a7c2a7;--color-main: #c2d7c2;--color-main-light: #dce8dc;--color-main-transparent: rgba(88, 117, 88, 0.5);--color-positive: #28a745;--color-positive-dark: green;--color-red: #dc3545;--color-white: #fff;--color-white2: #f9f9f9;--color-white3: #f8f9fa;--color-white4: #f4f4f4;--color-white5: #f0f0f0;--color-light1: #e9ecef;--color-light2: #e8e8e8;--color-light3: #ddd;--color-light-gray: #ccc;--color-gray: #6c757d;--color-medium-dark: #808080;--color-semi-black: #333;--color-black: #000}a{color:var(--color-black)}body{background-color:var(--color-white3);margin:0;padding:0;width:100%;overflow-x:hidden;font-family:Arial}aside{border-right:1px solid var(--color-light3);padding-right:15px;transition:transform .3s ease,opacity .3s ease;opacity:1}main{padding:0}.row{width:100%}h2,h3,h4,h5,h6{margin-block-start:7px;margin-block-end:0px;padding:7px 0;border-radius:10px;width:100%;font-weight:600}.category-2-header,.category-3-header,.category-4-header,.category-5-header,.category-6-header{padding-left:15px}h1.h4{margin:0}.item{position:relative;display:flex;justify-content:center;align-items:center;width:200px;height:100px;background-color:var(--color-white4);border:1px solid var(--var-color-gray)}.loading-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:24px;height:24px;z-index:10}.loading-icon-demo{transition:1s;width:24px;height:24px;position:absolute}main .row>*{padding-top:0;margin-top:0}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}.custom-toast-width{width:400px !important}.toast ul{padding-left:20px}.answer-container{display:flex;gap:7px}.input-correct{color:var(--color-positive-dark) !important}.solved-badge,.custom-id-badge{position:static !important;padding:.3rem .6rem;font-size:.85rem;font-weight:400 !important;margin:0 !important;border-radius:.4rem;display:inline-block;line-height:1.3}.solved-badge{background-color:var(--color-main) !important;color:#000 !important}.custom-id-badge{background-color:#ffc107;color:#212529}@media(max-width: 768px){#menuToggleBtn{display:inline-block}}.full-width{max-width:100% !important;width:100% !important}#content-area{flex-grow:1;transition:width .3s ease;padding-right:0}#main-container{display:flex;flex-wrap:nowrap;width:100%;height:100%}.user-data:hover .user-name{color:var(--color-gray)}.user-data:hover #profile-picture{box-shadow:0 4px 8px rgba(0,0,0,.2)}@media(min-width: 1200px){.modal-xxl{max-width:90vw}}@media screen and (max-width: 1320px){.header-logo-caption{display:none}}@media screen and (max-width: 500px){.user-name{display:none}}@media screen and (max-width: 870px){.header-logo-title{display:none}}@media screen and (max-width: 800px){#main-container{flex-direction:column}}@media screen and (max-width: 700px){#menuToggleBtn{margin-left:0 !important}.vk-link-text-reason{display:none}}@media screen and (max-width: 650px){#menuToggleBtn{margin-left:0 !important}}@media screen and (max-width: 570px){.header-logo{display:none !important}}@media screen and (max-width: 400px){.vk-link-text-action{display:none}}@media screen and (max-width: 350px){.menu-caption{display:none}}#taskCardContainer,#uploadedPhotosContainer,#excalidrawBoardContainer,#solutionContainer{border:1px solid #ddd;padding:10px}#solutionContainer{width:100%;height:100%;display:flex;flex-direction:column}#solutionContainer iframe{flex-grow:1;width:100%;height:100%;border:none}.modal-body .row{min-height:70vh}.col-md-3{display:flex}.comment-time{font-size:.8rem;color:#888;position:absolute;bottom:5px;right:5px;white-space:nowrap}.p-2.border-bottom.d-flex{position:relative}.background-main{background-color:var(--color-main);border-radius:5px;padding:2px 5px}.background-white{border-radius:5px;padding:2px 5px;background-color:#fff;border:1px solid rgba(0,0,0,.2)}.text-gray{color:#999}h2{padding:0}.story-slider-modal{width:360px;height:640px;margin:auto;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.2);display:flex;justify-content:center;align-items:center}.story-slider-frame{position:relative;height:100%;display:flex;flex-direction:column;justify-content:space-between;background-color:#000}.story-image{width:100%;height:100%;object-fit:cover;border-radius:0;transition:opacity .3s ease-in-out}.story-progress-bar-container{position:absolute;top:10px;left:10px;right:10px;height:4px;display:flex;gap:4px;z-index:10}.story-progress{flex:1;background:hsla(0,0%,100%,.3);border-radius:2px;overflow:hidden}.story-progress .bar-fill{height:100%;width:0%;background:#fff;animation:none}@keyframes fillBar{from{width:0%}to{width:100%}}.story-prev,.story-next{position:absolute;top:50%;transform:translateY(-50%);font-size:2rem;color:#fff;background:rgba(0,0,0,0);border:none;width:40px;height:80%;z-index:5;cursor:pointer;transition:transform .2s ease;user-select:none;outline:none;display:flex;align-items:center;justify-content:center}.story-prev:hover,.story-next:hover{transform:translateY(-50%) scale(1.2);color:#d3d3d3}.story-prev:active,.story-next:active{outline:none}.story-prev{left:10px}.story-next{right:10px}.story-slider-modal button:focus{outline:none}.story-prev.hidden,.story-next.hidden{display:none}.story-thumbnail{width:100%;height:120px;overflow:hidden;border-radius:12px;display:flex;justify-content:center;align-items:center;background-color:#f2f2f2;cursor:pointer}.story-thumbnail:hover{filter:brightness(80%)}.story-thumbnail img{max-width:100%;max-height:100%;object-fit:cover}.close-icon{position:absolute;top:10px;right:10px;background:rgba(0,0,0,0);border:none;padding:6px;z-index:10;cursor:pointer;transition:background .2s ease;border-radius:50%;outline:none}.close-icon:active{outline:none}.close-icon:hover svg{fill:#d3d3d3}.folders-container{display:flex;overflow-x:auto;gap:10px;background-color:var(--color-light2);border-radius:15px}.unread-indicator{position:absolute;top:5px;right:5px;width:15px;height:15px;background-color:red;border-radius:50%}.story-card{position:relative}.story-card.read .unread-indicator{display:none}aside{padding-left:0 !important}a:hover{color:var(--color-main-very-dark)}.favorite-heart-icon{color:var(--color-main-dark) !important;transition:color .3s ease}.badges-container{display:flex;gap:.5rem;align-items:center;position:absolute;top:.5rem;left:.5rem;z-index:10}.favorite-icon{font-size:1.3rem;position:absolute;top:0;right:0;margin:.5rem;z-index:2;cursor:pointer}.favorite-heart-icon{color:var(--color-main-dark);transition:color .3s ease}.modal-dialog-collections{max-width:600px !important}