footer{background-color:var(--footer-background);padding:20px;color:var(--footer-text-color);text-align:center;border-top:1px solid var(--footer-divider-color)}.footer div{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:15px}.footer div a{color:var(--footer-link-color);text-decoration:none;font-size:1rem;font-weight:500;transition:color .3s ease,opacity .3s ease}.footer div a:hover{color:var(--footer-link-hover-color);opacity:.9}.footer p{margin:0;font-size:.9rem;opacity:.8}.footer .footer-brand{font-family:Brush Script MT,cursive;font-size:1.2rem}.toc{padding:30px;background:var(--main-background-color);margin:20vh auto;width:90%;box-shadow:0 4px 20px var(--card-shadow-accent, rgba(77, 171, 247, .1));transition:all .4s cubic-bezier(.25,.8,.25,1);overflow:hidden}.toc:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;border:solid 3px var(--main-color);pointer-events:none;opacity:0;transition:opacity .4s ease}.toc:hover{box-shadow:0 10px 30px var(--card-hover-shadow-accent, rgba(77, 171, 247, .2));transform:translateY(-5px)}.toc:hover:before{opacity:1}.toc h2{color:var(--main-color);font-size:2.2rem;text-align:center;position:relative;margin-bottom:30px;margin-top:0}.toc h2:after{content:"";position:absolute;width:120px;height:3px;background:var(--main-color);bottom:-8px;left:50%;border-radius:2px;transform:translate(-50%) scaleX(0);transform-origin:center center;transition:transform .4s ease}.toc:hover h2:after{transform:translate(-50%) scaleX(1)}.toc ul{list-style:none;padding:0;margin:0}.toc li{color:var(--text-color);font-size:1.2rem;font-weight:500;margin-bottom:10px;padding:12px 20px;background:var(--scroll-buttons-color);border-radius:8px;transition:all .4s cubic-bezier(.25,.8,.25,1);cursor:pointer;position:relative;overflow:hidden}.toc li:before{content:"→";color:var(--main-color);margin-right:10px;font-size:1.1rem;transition:transform .3s ease}.toc li:hover{background:var(--hover-scroll-buttons-color-color);transform:translate(8px);box-shadow:3px 3px 12px var(--item-hover-shadow-accent, rgba(77, 171, 247, .15))}.toc li:hover:before{transform:translate(3px)}.toc li:active{transform:translate(8px) scale(.98)}.toc li:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--hover-scroll-buttons-color-color);border-radius:8px;opacity:0;transition:opacity .3s ease}.toc li:active:after{opacity:1}.intro{margin:1px 0;padding:20vh 30px;text-align:center;background:var(--gradient-color);border-radius:0 0 40px 40px;box-shadow:0 10px 30px var(--hero-shadow, rgba(6, 79, 139, .3)),inset 0 -2px 10px var(--hero-inset-glow, rgba(255, 255, 255, .2));overflow:hidden;min-height:50vh}.intro h1{font-size:2.8rem;margin-top:60px;margin-bottom:25px;color:var(--main-text-color);font-weight:700;text-shadow:0 2px 10px var(--hero-text-shadow, rgba(0, 0, 0, .15))}.intro p{color:var(--main-text-color);font-size:1.3rem;max-width:700px;margin:0 auto 50px}.intro div{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.intro div button{padding:14px 35px;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.25,.8,.25,1);text-decoration:none;background:var(--scroll-buttons-color);color:var(--main-text-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--light-main-color)}.intro div button:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 8px 25px var(--hero-shadow, rgba(6, 79, 139, .3))}.intro div button:first-child{background:var(--main-background-color);color:var(--text-color)}.instruction{margin:20vh auto;padding:30px 20px;border-radius:12px}.instruction h2{font-size:2.4rem;color:var(--main-color);text-align:center;margin-top:0;margin-bottom:15px}.instruction p{font-size:1.25rem;font-weight:500;color:var(--text-color);text-align:center;margin:0 0 40px}.main-section{display:grid;grid-template-columns:30% 70%;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px var(--section-shadow, rgba(0, 0, 0, .1))}.buttons-pannel{background:var(--scroll-buttons-color);padding:20px 0;border-right:1px solid var(--divider-color, rgba(0, 0, 0, .05))}.buttons-pannel h3{color:var(--text-color);margin:10px 0 25px;text-align:center;font-size:1.4rem;font-weight:600;padding:0 15px}.buttons-pannel h3 span{margin-left:6px;color:var(--main-color);font-family:Brush Script MT,cursive;font-size:1.8rem;font-weight:600}.buttons-pannel ol{margin:0;padding:0}.buttons-pannel ol li{padding:30px 25px;font-size:1.1rem;font-weight:500;color:var(--main-color);border-left:4px solid transparent;transition:all .3s ease;cursor:pointer}.buttons-pannel ol li:hover{background:var(--hover-scroll-buttons-color-color);color:var(--dark-main-color);border-left:4px solid var(--dark-main-color)}.buttons-pannel ol li:active{transform:scale(.98)}.buttons-pannel ol li:before{content:"";left:25px;bottom:0;width:calc(100% - 50px);height:1px}.buttons-pannel ol li:last-child:before{display:none}.show-section{background:var(--main-background-color);padding:30px;min-height:500px;border-radius:0 10px 10px 0;position:relative}.instruction-content{display:none;animation:fadeIn .5s ease}.instruction-content.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.instruction-content h4{color:var(--main-color);font-size:1.8rem;margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}.instruction-content h4 i{font-size:1.5rem}.instruction-content p{color:var(--text-secondary);line-height:1.8;margin-bottom:1.5rem;text-align:left;font-size:1.1rem}.instruction-content ul{list-style:none;padding:0;margin:1.5rem 0}.instruction-content ul li{padding:.75rem 0 .75rem 1.5rem;position:relative;color:var(--text-color);line-height:1.6}.instruction-content ul li:before{top:8px;content:"▸";position:absolute;left:5px;color:var(--main-color);font-size:1.2rem}.instruction-content ul li strong{color:var(--main-color);font-weight:600}.instruction-tip,.instruction-note,.instruction-warning{padding:1.25rem;border-radius:8px;margin:1.5rem 0;display:flex;align-items:flex-start;gap:1rem;border-left:4px solid}.instruction-tip{background:var(--info-bg-subtle, rgba(59, 130, 246, .1));border-color:var(--info-color, #3b82f6)}.instruction-tip i{color:var(--info-color, #3b82f6);font-size:1.5rem;margin-top:.25rem}.instruction-note{background:var(--success-bg-subtle, rgba(16, 185, 129, .1));border-color:var(--success-color, #10b981)}.instruction-note i{color:var(--success-color, #10b981);font-size:1.5rem;margin-top:.25rem}.instruction-warning{background:var(--warning-bg-subtle, rgba(245, 158, 11, .1));border-color:var(--warning-color, #f59e0b)}.instruction-warning i{color:var(--warning-color, #f59e0b);font-size:1.5rem;margin-top:.25rem}.instruction-tip p,.instruction-note p,.instruction-warning p{margin:0;color:var(--text-color);font-size:1rem}.instruction-steps{background:var(--card-background);padding:1.5rem;border-radius:8px;margin:1.5rem 0}.instruction-steps h5{color:var(--main-color);font-size:1.2rem;margin-bottom:1rem}.instruction-steps ol{list-style:none;counter-reset:step-counter;padding:0}.instruction-steps ol li{counter-increment:step-counter;padding:.75rem 0 .75rem 2.5rem;position:relative;color:var(--text-color)}.instruction-steps ol li:before{content:counter(step-counter);position:absolute;left:0;top:50%;transform:translateY(-50%);background:var(--main-color);color:var(--button-text-color, white);width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem}.instruction-example{background:var(--example-bg-subtle, rgba(139, 92, 246, .1));padding:1.5rem;border-radius:8px;margin:1.5rem 0;border-left:4px solid var(--example-color, #8b5cf6)}.instruction-example h5{color:var(--example-color, #8b5cf6);font-size:1.2rem;margin-bottom:.75rem}.instruction-example p{color:var(--text-color);margin:0;font-style:italic}.instruction-final{margin-top:2rem;padding:2rem;background:linear-gradient(135deg,var(--main-color) 0%,var(--dark-main-color) 100%);border-radius:12px;text-align:center}.instruction-final h5{color:var(--hero-text-color, white);font-size:1.5rem;margin-bottom:1rem}.instruction-final p{color:var(--hero-text-muted, rgba(255, 255, 255, .9));margin-bottom:1.5rem}.instruction-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.instruction-buttons button{padding:.75rem 2rem;background:var(--button-text-color, white);color:var(--main-color);border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.instruction-buttons button:hover{transform:translateY(-3px);box-shadow:0 6px 20px var(--button-shadow-on-dark, rgba(0, 0, 0, .3))}.buttons-pannel ol li.active{background:var(--hover-scroll-buttons-color-color);color:var(--dark-main-color);border-left:4px solid var(--dark-main-color);font-weight:600}@media(max-width:768px){.main-section{grid-template-columns:1fr}.buttons-pannel{border-right:none;border-bottom:1px solid var(--divider-color, rgba(0, 0, 0, .05))}.show-section{border-radius:0 0 10px 10px}.instruction-buttons{flex-direction:column}.instruction-buttons button{width:100%}}.audience{max-width:1500px;margin:20vh auto;padding:0 20px;text-align:center}.audience h2{color:var(--main-color);font-size:2.2rem;text-align:center;margin-bottom:30px;position:relative}.audience p.header{font-size:1.2rem;font-weight:600;color:var(--text-color);text-align:center;margin:0 0 25px}.audience-cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.audience-card{background:var(--main-background-color);border-radius:16px;padding:40px 25px;box-shadow:0 10px 30px var(--card-shadow, rgba(0, 0, 0, .05));transition:all .3s ease;border:1px solid var(--light-main-color);overflow:hidden;cursor:pointer}.audience-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px var(--card-hover-shadow, rgba(0, 0, 0, .1));border-color:var(--main-color)}.audience-card div:first-child{font-size:3.5rem;margin-bottom:20px;transition:transform .3s ease}.audience-card:hover div:first-child{transform:scale(1.1)}.audience-card h3{font-size:1.5rem;color:var(--dark-main-color);margin-bottom:15px}.audience-card p{font-size:1rem;color:var(--text-color);line-height:1.6;margin-top:20px}.audience .source-link{color:var(--main-color);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:5px;transition:all .3s}.audience .source-link:hover{color:var(--dark-main-color);gap:8px}@media(max-width:768px){.audience-cases{grid-template-columns:1fr;gap:20px;margin-top:40px}.audience-card{padding:30px 20px}}.faq{padding:25px;border-radius:30px;margin:20vh auto}.faq h2{color:var(--main-color);font-size:2.2rem;text-align:center;margin-top:0;margin-bottom:30px}.faq-content{display:flex;flex-direction:column;gap:25px;max-width:1500px;margin:0 auto}.faq-item{background:var(--main-background-color);border-radius:15px;overflow:hidden;box-shadow:0 5px 15px var(--card-shadow, rgba(0, 0, 0, .05));border:1px solid var(--light-main-color);transition:all .3s ease-in}.faq-item:hover{box-shadow:0 12px 25px var(--card-hover-shadow, rgba(0, 0, 0, .1));border-color:var(--main-color)}.faq-question{padding:25px 45px;font-size:1.2rem;font-weight:600;color:var(--text-color);cursor:pointer;position:relative;transition:all .3s ease;display:flex;align-items:center}.faq-question:hover{color:var(--main-color)}.faq-question:before{content:"▼";position:absolute;right:30px;top:50%;transform:translateY(-50%);width:36px;height:36px;background:var(--main-color);color:var(--main-text-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;transition:all .3s ease;transform:translateY(-50%) rotate(90deg)}.faq-item:hover .faq-question:before{transform:translateY(-50%) rotate(0)}.faq-answer{padding:0 30px;max-height:0;overflow:hidden;transition:all .6s ease;color:var(--text-color);font-size:1.05rem;line-height:1.7;position:relative}.faq-answer:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:var(--light-main-color);transition:all .4s ease;opacity:0}.faq-item:hover .faq-answer{max-height:500px;padding:20px 30px}.faq-item:hover .faq-answer:before{opacity:1}.why-important{margin:20vh auto;background:var(--gradient-color);color:var(--main-text-color);padding:30px;border-radius:30px}.why-important h2{font-size:2.2rem;text-align:center;margin-bottom:0;position:relative;color:var(--main-text-color);margin-top:10px}.why-important-cases{display:flex;flex-direction:column}.why-important-cases div{background-color:var(--main-background-color);margin-top:40px;padding:40px;border-radius:25px;color:var(--text-color);width:50%;font-size:1.08rem;cursor:pointer;box-shadow:2px 2px 10px var(--card-shadow-accent, rgba(77, 171, 247, .1));transition:all .5s ease;backface-visibility:hidden}.why-important-cases div h4{font-size:1.5rem;color:var(--main-color);margin:0 0 10px}.why-important-cases div h4:before{content:"•";color:var(--main-color);margin-right:5px;font-size:1.2rem}.why-important-cases div p{margin:0;font-size:1.1rem;font-weight:500}.why-important-cases>div:nth-child(odd){align-self:flex-start}.why-important-cases>div:nth-child(2n){align-self:flex-end}.why-important-cases>div:nth-child(odd):hover{transform:translate(25px);box-shadow:2px 2px 10px var(--card-hover-shadow-accent, rgba(77, 171, 247, .1))}.why-important-cases>div:nth-child(2n):hover{transform:translate(-25px);box-shadow:2px 2px 10px var(--card-hover-shadow-accent, rgba(77, 171, 247, .1))}.carousel-section{padding:40px 0;background:var(--main-background-color);position:relative;overflow:hidden}.carousel-header{text-align:center;margin-bottom:30px;padding:0 20px}.carousel-header h2{color:var(--main-color);font-size:2.2rem;text-align:center;margin-bottom:30px;position:relative}.carousel-header p{font-size:1rem;font-weight:400;color:var(--text-secondary);margin:0}.carousel-container{position:relative;max-width:1200px;margin:0 auto;padding:0 60px}.carousel-wrapper{width:100%;overflow:hidden;border-radius:12px;box-shadow:0 10px 30px var(--section-shadow, rgba(0, 0, 0, .08))}.carousel-track{display:flex;transition:transform .6s cubic-bezier(.22,1,.36,1);will-change:transform;cursor:grab;touch-action:pan-y}.carousel-track:active{cursor:grabbing}.carousel-slide{flex:0 0 calc((100% - 20px)*.8);opacity:.55;transform:scale(.94);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);position:relative;pointer-events:none}.carousel-slide.active{opacity:1;transform:scale(1);pointer-events:auto}.slide-content{background:var(--card-background);border-radius:12px;overflow:hidden;height:500px;display:flex;flex-direction:column;box-shadow:0 6px 20px var(--card-shadow, rgba(0, 0, 0, .06));border:1px solid var(--border-color, transparent)}.slide-image{height:300px;background-size:cover;background-position:center;background-color:var(--accent-color);opacity:.9;transition:all .4s ease;flex-shrink:0}.slide-content:hover .slide-image{opacity:1;transform:scale(1.02)}.slide-text{padding:20px;flex:1;min-height:0;overflow:hidden}.slide-text h3{font-size:1.25rem;color:var(--main-color);margin:0 0 8px;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.slide-text p{color:var(--text-color);font-size:17px;line-height:1.5;margin:0;opacity:.85;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);background:var(--card-background);border:1px solid var(--border-color, transparent);width:44px;height:44px;border-radius:50%;cursor:pointer;box-shadow:0 4px 12px var(--card-shadow, rgba(0, 0, 0, .1));z-index:10;display:flex;align-items:center;justify-content:center;transition:all .25s;color:var(--main-color);font-size:1.1rem}.carousel-arrow:hover{background:var(--main-color);color:var(--card-background);transform:translateY(-50%) scale(1.1)}.carousel-arrow:focus-visible{outline:3px solid var(--main-color);outline-offset:2px}.carousel-arrow:disabled{opacity:.3;cursor:not-allowed}.left-arrow{left:8px}.right-arrow{right:8px}.carousel-indicators{display:flex;justify-content:center;margin-top:20px;gap:10px}.carousel-indicator{width:12px;height:12px;border-radius:50%;background:var(--border-color, #d0d3ff);cursor:pointer;transition:all .25s;border:none;padding:0}.carousel-indicator:hover{background:var(--main-color);transform:scale(1.15)}.carousel-indicator.active{background:var(--main-color);transform:scale(1.3)}.carousel-indicator:focus-visible{outline:2px solid var(--main-color);outline-offset:2px}@keyframes carousel-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.carousel-slide.active .slide-text h3{animation:carousel-fade-in .5s ease-out .1s both}.carousel-slide.active .slide-text p{animation:carousel-fade-in .5s ease-out .2s both}@media(max-width:768px){.carousel-container{padding:0 50px}.carousel-slide{flex:0 0 calc((100% - 20px)*.9)}.slide-content{min-height:320px}.carousel-arrow{width:38px;height:38px;font-size:1rem}.carousel-header h2{font-size:1.5rem}}@media(max-width:480px){.carousel-section{padding:30px 0}.carousel-container{padding:0 15px}.carousel-slide{flex:0 0 calc(100% - 20px)}.carousel-arrow{display:none}.slide-content{min-height:280px}.slide-image{height:150px}.slide-text{padding:15px}.slide-text h3{font-size:1.1rem}.slide-text p{font-size:.85rem}}.navigation{border-top:2px solid;border-bottom:2px solid;border-color:var(--hover-scroll-buttons-color-color);display:flex;justify-content:start;background-color:var(--main-background-color)}.navigation li{color:var(--text-color);padding:15px 2%;list-style-type:none;font-size:1.2rem;transition:background-color .35s ease,transform .4s ease,box-shadow .35s ease,color .4s ease;cursor:pointer;position:relative}.navigation li:hover{background-color:var(--hover-scroll-buttons-color-color)}.navigation li:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:var(--main-color);transition:width .3s ease}.navigation li:hover:after{width:100%}.navigation li:hover>.dropdown-menu{display:block}.dropdown-menu{position:absolute;top:105%;left:0;background-color:var(--main-background-color);padding:0;margin:0;list-style:none;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;min-width:100%;box-shadow:0 4px 20px var(--dropdown-shadow, rgba(0, 0, 0, .1));border-radius:0 0 4px 4px;z-index:100}.navigation li:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu li{padding:10px 15px;transition:background-color .2s ease;white-space:nowrap}.dropdown-menu li:after{display:none}.structOfData .main-menu{min-height:100vh}.not-found-container{display:flex;justify-content:center;align-items:center;min-height:250px;background-color:var(--not-found-background-color);border-radius:10px;border:1px solid var(--main-text-color);padding:30px;margin:0;box-shadow:0 4px 12px var(--not-found-background-color, rgba(255, 105, 97, .1))}.not-found-container div{text-align:center;color:var(--not-found-color)}.not-found-container div span{font-size:3.5rem;display:block;margin-bottom:15px;animation:bounce 1.5s infinite}.not-found-container div h3{font-size:1.5rem;margin:0 0 10px;font-weight:600}.not-found-container div p{font-size:1rem;margin:0;color:var(--not-found-text-color);opacity:.8}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.top-bar{display:flex;justify-content:space-between;padding:0% 2% 0% 3%;background-color:var(--main-background-color)}.top-bar h2{font-family:Brush Script MT;font-size:3rem;margin:0;cursor:pointer;color:var(--text-color)}.top-bar div.switch-buttons{display:flex;justify-content:center;align-items:center;gap:5px;transition:all .3s ease}.top-bar div.switch-buttons i:before{font-size:18px}.language-switcher,.theme-switcher{position:relative}.language-switcher-buttons,.theme-switcher-buttons{opacity:0;visibility:hidden;position:absolute;right:-5px;z-index:10;background-color:var(--main-background-color);border-radius:15px;border:1px solid var(--light-main-color);padding:5px;transition:all .3s ease}.language-switcher:hover .language-switcher-buttons,.theme-switcher:hover .theme-switcher-buttons,.language-switcher-buttons:hover,.theme-switcher-buttons:hover{opacity:1;visibility:visible}.icon-language-switcher,.icon-theme-switcher{display:flex;justify-content:center;align-items:center;border-radius:12px;cursor:pointer;color:var(--text-color)}.icon-theme-switcher{padding:10px 15px;border-width:2px;border-style:solid;width:11px;height:15px}.language-switcher{padding:10px 12px}.icon-language-switcher i:before{margin-right:4px}.language-switcher-buttons{display:flex;flex-direction:column;gap:3px;top:90%;margin-top:5px}.theme-switcher-buttons{display:flex;flex-direction:column;gap:5px;top:100%;margin-top:5px}.language-switcher-buttons div{display:flex;justify-content:center;align-items:center;border-radius:9px;padding:5px 12px;cursor:pointer;color:var(--text-color);transition:all .3s ease}.language-switcher-buttons div i:before{margin-right:4px}.language-switcher-buttons div:hover{background:var(--hover-scroll-buttons-color-color)}.language-switcher-buttons div:active{background-color:var(--additional-scroll-buttons-color);color:var(--main-text-color)}.theme-switcher-buttons div{display:flex;justify-content:center;align-items:center;padding:10px 15px;border-radius:12px;border-width:2px;border-style:solid;width:11px;height:15px;cursor:pointer;transition:all .3s ease}.theme-switcher-buttons div:hover{opacity:.8}.sort{padding:10px;box-sizing:border-box}.header-scroll_and_main{padding:15px;width:calc(20% - 40px);margin-bottom:20px}.header-scroll_and_main h2{margin:0;font-size:2.2rem;color:var(--main-color);text-align:center}.scroll_and_main{display:grid;grid-template-columns:calc(20% - 10px) calc(80% - 10px);gap:20px}.main-menu{flex:1}.input-menu{flex:1;background-color:var(--main-color);border-radius:12px;padding:4px;box-shadow:0 4px 12px var(--section-shadow, rgba(0, 0, 0, .1))}.input-menu .InputTypeButtons{display:flex;justify-content:space-evenly;align-items:center;background-color:var(--main-background-color);border-radius:10px 10px 0 0;padding:5px;gap:5px;margin-bottom:5px}.input-menu .InputTypeButtons button{border:none;padding:15px;font-size:1.1rem;background-color:var(--main-background-color);box-shadow:none;color:var(--text-color);transition:background-color .4s ease,box-shadow .35s ease,color .4s ease;cursor:pointer;border-radius:10px;flex:1;font-weight:600}.input-menu .InputTypeButtons button:hover{background:var(--hover-scroll-buttons-color-color);box-shadow:2px 2px 10px var(--item-hover-shadow-accent, rgba(77, 171, 247, .1))}.input-menu .InputTypeButtons button:active{background-color:var(--main-color);color:var(--main-text-color)}.input-menu .InputTypeButtons button.chosen{background:var(--main-color);color:var(--main-text-color)}.input-menu .InputDataButtons{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:var(--main-background-color);border-radius:0 0 10px 10px}.input-menu .inputData,.input-menu .inputDataTxt,.input-menu .inputDataRange{display:none}.input-menu .inputData.chosen,.input-menu .inputDataTxt.chosen,.input-menu .inputDataRange.chosen{display:flex;align-items:center;gap:10px}.input-menu .inputData,.input-menu .inputDataRange{margin:20px 0;padding-bottom:7px}.input-menu .inputData .input-container input,.input-menu .inputDataRange .input-container input{text-align:center;padding:12px 15px;border:2px solid var(--light-main-color);border-radius:8px;font-size:1.1rem;color:var(--text-color);outline:none;background:var(--main-background-color);transition:all .3s ease;width:300px;box-shadow:inset 0 2px 4px var(--input-inset-shadow, rgba(0, 0, 0, .05))}.input-menu .input-container input:focus{border-color:var(--main-color);box-shadow:0 0 0 3px var(--focus-glow, rgba(77, 171, 247, .2))}.search .input-menu .inputData .input-container input{width:300px}.input-menu .inputDataRange .input-container input{width:100px}.input-menu .info-icon{position:relative;display:flex;align-items:center;justify-content:center;padding:5px;width:15px;height:15px;background:var(--main-color);color:var(--main-text-color);opacity:.8;border-radius:50%;font-size:1.2rem;cursor:pointer;transition:background .3s ease}.input-menu .inputData .info-icon,.inputDataRange .info-icon{bottom:-1px}.input-menu .info-icon span{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--main-color);color:var(--main-text-color);border-radius:50%;font-size:14px;font-weight:700;cursor:pointer}.input-menu .info-massege{position:absolute;background-color:var(--text-color);color:var(--main-text-color);box-shadow:2px 2px 10px var(--tooltip-shadow, rgba(77, 171, 247, .1));padding:10px;border-radius:5px;font-size:.9rem;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;font-weight:600}.input-menu .inputData .info-massege{right:-145px;top:-45px}.input-menu .inputDataTxt .info-massege{right:-200px;top:-50px}.input-menu .inputDataRange .info-massege{right:-180px;top:-45px}.input-menu .info-icon:hover .info-massege{opacity:1;visibility:visible}.input-menu .file-upload{display:flex;align-items:center;gap:10px;margin:20px auto}.input-menu .file-input{display:none}.input-menu .file-label{display:flex;align-items:center;gap:10px;cursor:pointer}.input-menu .file-button{padding:9px 20px;background:var(--main-color);color:var(--main-text-color);border-radius:4px;font-size:1.1rem;transition:background .3s ease}.input-menu .file-button:hover{background:var(--dark-main-color)}.input-menu .file-name{color:var(--text-color);font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.input-menu .input-range{width:190px;position:relative;bottom:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;background:var(--hover-scroll-buttons-color-color);border-radius:5px;outline:none}.input-menu .input-range::-webkit-slider-runnable-track{width:100%;height:8px;background:var(--hover-scroll-buttons-color-color);border-radius:5px}.input-menu .input-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--main-color);border-radius:50%;cursor:pointer;border:2px solid var(--main-text-color);margin-top:-6px}.button-loader{display:flex;justify-content:center;align-items:center;padding-top:35px;padding-bottom:15px;margin-top:20px;box-shadow:2px 2px 5px var(--button-shadow, rgba(0, 0, 0, .1));border-radius:12px;transition:all .3s ease;background-color:var(--inactive-button-loader-color);cursor:not-allowed;opacity:.4}.button-loader.ready{background-color:var(--active-button-loader-color);box-shadow:0 9px 5px var(--button-loader-ready-glow);cursor:pointer;opacity:1}.button-loader.ready:hover{transform:translateY(1px);background-color:var(--active-button-loader-color-hover);box-shadow:2px 2px 5px var(--button-shadow, rgba(0, 0, 0, .1))}.big-arrow{height:40px;width:250px;margin:8px;position:relative}.big-arrow:before,.big-arrow:after{content:"";height:50%;width:50%;position:absolute;top:0;background:var(--main-background-color)}.big-arrow:before{box-shadow:2px 2px 5px var(--button-shadow, rgba(0, 0, 0, .1));left:0;transform:skew(0,15deg)}.big-arrow:after{box-shadow:2px 2px 5px var(--button-shadow, rgba(0, 0, 0, .1));right:0;transform:skew(0,-15deg)}.InformationTable{opacity:0;transform:translateY(20px);transition:all .6s ease-out}table.InformationTable{width:100%;margin:20px auto;border-collapse:collapse;box-shadow:0 4px 8px var(--section-shadow, rgba(0, 0, 0, .1));background-color:var(--main-background-color);min-width:500px;border-top-right-radius:10px;border-top-left-radius:10px;table-layout:auto}.InformationTable th,.InformationTable td:first-child{padding:12px 25px;text-align:left;cursor:pointer;overflow:hidden;backface-visibility:hidden}.InformationTable td{padding:12px 25px;text-align:center;cursor:pointer}.InformationTable th{background-color:var(--main-color);color:var(--main-text-color);font-size:1.1rem}.InformationTable th:last-child{border-top-right-radius:10px}.InformationTable th:first-child{border-top-left-radius:10px}.InformationTable tr:nth-child(2n){background-color:var(--scroll-buttons-color)}.InformationTable tr,.InformationTable td{transition:all .3s ease}.InformationTable tr:hover{background:var(--hover-scroll-buttons-color-color)}.InformationTable td{font-size:1rem;color:var(--text-color);font-weight:600}.InformationTable td:last-child{text-align:center}.InformationTable tr:hover>td:first-child{transform:translate(8px);box-shadow:2px 2px 10px var(--item-hover-shadow-accent, rgba(77, 171, 247, .1))}.InformationTable.show{opacity:1;transform:translateY(0);transition-delay:.3s}.Chart{display:flex;justify-content:center;align-items:center;border:3px solid var(--light-main-color);padding:15px;border-radius:10px;opacity:0;transform:translateY(20px);transition:all .6s ease-out}.Chart.show{opacity:1;transform:translateY(0);transition-delay:.6s}.scroll-menu{border-radius:12px;padding:15px;overflow-y:auto;border:3px solid var(--light-main-color);box-shadow:0 4px 6px var(--card-shadow-accent, rgb(112 164 207 / 15%));min-width:160px;display:flex;flex-direction:column;gap:12px}.scroll-menu button{display:block;width:100%;padding:12px;border:none;border-radius:8px;font-size:1rem;text-align:left;cursor:pointer;transition:all .3s ease;color:var(--text-color);font-weight:600;background:var(--scroll-buttons-color)}.scroll-menu button:hover{background:var(--hover-scroll-buttons-color-color);transform:translate(8px);box-shadow:2px 2px 10px var(--item-hover-shadow-accent, rgba(77, 171, 247, .1))}.scroll-menu button:before{content:"•";color:var(--main-color);margin-right:10px;font-size:1.2rem}.scroll-menu button:active,.scroll-menu button.chosen{background-color:var(--additional-scroll-buttons-color);color:var(--main-text-color)}.scroll-menu h3{font-size:1.5rem;text-align:center;margin:5px auto;color:var(--main-color)}code[class*=language-],pre[class*=language-]{color:var(--code-text, #383a42);background:var(--code-bg, #fafafa);font-family:Fira Code,Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:.95em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.6;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;text-shadow:none;margin:0!important}pre[class*=language-]{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px var(--section-shadow, rgba(0, 0, 0, .1)),inset 0 0 0 1px var(--divider-color, rgba(0, 0, 0, .05));transition:all .3s ease;border:1px solid var(--code-border, #e1e4e8)}.code-container{opacity:0;transform:translateY(20px);transition:all .6s ease-out;width:100%;box-sizing:border-box}.code-container.show{opacity:1;transform:translateY(0);transition-delay:.3s;overflow:visible}.code-container.first-styles{display:flex;flex-direction:column;text-align:center;background:var(--hover-scroll-buttons-color-color);border-radius:10px;height:200px}.code-container.first-styles h3{margin-top:50px;margin-bottom:0;font-size:1.6rem;color:var(--main-color)}.code-container.first-styles p{margin-top:10px;font-size:1rem}.code-language-selector{opacity:0;transform:translateY(20px);transition:all .6s ease-out;width:100%;box-sizing:border-box;margin-bottom:1rem;padding:1rem;background:var(--hover-scroll-buttons-color-color);border-radius:10px;display:flex;align-items:center;gap:1rem}.code-language-selector.show{opacity:1;transform:translateY(0);transition-delay:.25s}.code-language-selector label{font-weight:600;color:var(--text-color);font-size:1rem}.code-language-selector .language-select{flex:1;padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;background:var(--card-background);color:var(--text-color);cursor:pointer;transition:all .3s ease}.code-language-selector .language-select:hover{border-color:var(--accent-color)}.code-language-selector .language-select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--focus-glow, rgba(77, 171, 247, .1))}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{background:var(--code-selection, rgba(77, 171, 247, .2))}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{background:var(--code-selection, rgba(77, 171, 247, .2))}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:var(--code-comment, #a0a1a7);font-style:italic}.token.punctuation{color:var(--code-line-number, #999999)}.token.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:var(--code-keyword, #d63384)}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:var(--code-class, #22863a)}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:var(--code-variable, #d15704)}.token.atrule,.token.attr-value,.token.keyword{color:var(--code-number, #005cc5)}.token.function,.token.class-name{color:var(--code-function, #6f42c1)}.token.regex,.token.important,.token.variable{color:var(--code-variable, #e36209)}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.search{padding:10px;box-sizing:border-box}.search .main-menu{min-height:100vh}.scroll_and_main .coloumn-scroll-menu{display:flex;flex-direction:column;gap:15px}.inputSubstring{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:var(--main-background-color);border:4px solid var(--main-color);border-radius:12px;margin-top:20px;box-shadow:0 6px 20px var(--card-shadow-accent);overflow:hidden;padding:0;box-sizing:border-box}.inputSubstring.inactive{display:none}.inputSubstring h3{margin:0;font-size:1.3rem;font-weight:700;color:var(--main-text-color);background-color:var(--main-color);width:calc(100% - 30px);text-align:center;padding:11px 15px 15px}.inputSubstring .inputSubstring-container{display:flex;justify-content:center;align-items:center;gap:15px;padding:20px;width:calc(100% - 40px)}.inputSubstring .inputSubstring-input-container{position:relative}.inputSubstring .inputSubstring-input-container input{text-align:center;padding:12px 15px;border:2px solid var(--light-main-color);border-radius:8px;font-size:1.1rem;color:var(--text-color);outline:none;background:var(--main-background-color);transition:all .3s ease;width:300px;box-shadow:inset 0 2px 4px var(--input-inset-shadow)}.inputSubstring .inputSubstring-input-container input:focus{border-color:var(--main-color);box-shadow:0 0 0 3px var(--focus-glow)}.inputSubstring .info-icon{position:relative;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--main-color);color:var(--main-text-color);border-radius:50%;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease}.inputSubstring .info-icon:hover{transform:translateY(-2px);box-shadow:0 4px 8px var(--tooltip-shadow)}.inputSubstring .info-massege{position:absolute;background:var(--main-color);color:var(--main-text-color);padding:12px 15px;border-radius:8px;font-size:.9rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;font-weight:500;top:-10px;z-index:10;box-shadow:0 4px 12px var(--tooltip-shadow)}.inputSubstring .info-massege.Number{right:-200px}.inputSubstring .info-massege.String{right:-225px}.inputSubstring .info-icon:hover .info-massege{opacity:1;visibility:visible}.inputSubstring .info-massege:before{content:"";position:absolute;left:-8px;top:15px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid var(--main-color)}.comparison{min-height:710px;overflow:hidden}.step{display:none;opacity:0;transition:all .5s ease;transform:translateY(20px);padding-right:20px;padding-left:20px}.step.active{display:block;opacity:1;transform:translateY(0)}.step.exiting{opacity:0;transform:translateY(-20px)}.header{text-align:center;margin-top:40px;margin-bottom:40px}.header h2{color:var(--main-color);font-size:2rem;font-weight:700;margin-top:0;margin-bottom:10px}.header p{color:var(--text-color);font-size:1.1rem;font-weight:500;margin:0 0 40px}.choose-type-container,.choose-count,.choose-algorithms{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin:0 auto;max-width:1100px}.choose-type-card,.count-card{background:var(--card-background);border-radius:12px;padding:30px;text-align:center;cursor:pointer;border:2px solid var(--hover-scroll-buttons-color-color);transition:all .3s ease;overflow:hidden;backface-visibility:hidden}.choose-type-card:hover,.count-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px var(--card-hover-shadow);border-color:var(--main-color)}.choose-type-card h3,.count-card h3{font-size:1.3rem;color:var(--text-color);margin-bottom:10px}.choose-type-card p,.count-card p{color:var(--dark-main-color);margin-bottom:30px;font-size:1rem}.choose-type-card div,.count-card div{color:var(--dark-main-color);font-size:3.5rem;margin:15px 0;transition:transform .3s ease}.choose-algorithms{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin:0 auto;max-width:1100px}.algorithm-card{background:var(--card-background);border-radius:12px;padding:30px;text-align:center;cursor:pointer;border:2px dashed var(--hover-scroll-buttons-color-color);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;transition:all .3s ease;overflow:hidden;backface-visibility:hidden}.algorithm-card:hover{border-color:var(--main-color);transform:translateY(-3px)}.algorithm-card:has(.algorithm-image){border:1px solid var(--main-color)}.algorithm-card .add-icon{font-size:3rem;color:var(--light-main-color);margin-bottom:10px;transition:all .3s ease}.algorithm-card:hover .add-icon{color:var(--main-color)}.algorithm-card .algorithm-name{font-size:1.2rem;font-weight:600;color:var(--text-color);margin:10px 0}.algorithm-card .algorithm-details{font-size:.95rem;color:var(--main-color);margin-bottom:15px;line-height:1.4;padding:0 10px}.algorithm-card .algorithm-image{font-size:2.2rem;margin-bottom:20px}.algorithm-card .change-algorithm{display:block;width:50%;padding:8px 12px;background:var(--card-background);color:var(--main-color);border:1px solid var(--main-color);border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s ease;margin-top:10px}.algorithm-card .change-algorithm:hover{background:var(--main-color);color:var(--main-text-color);transform:translateY(-1px)}.bottom-buttons{display:flex;justify-content:space-between;margin:50px auto;max-width:1100px}.back-button,.next-button{padding:12px 25px;border:none;border-radius:30px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.back-button{background:var(--not-found-text-color);color:var(--main-text-color)}.back-button:hover{transform:translateY(-2px);background:var(--not-found-color)}.next-button{cursor:not-allowed;color:var(--main-text-color);background-color:var(--inactive-button-loader-color)}.next-button.ready{background:var(--main-color);color:var(--main-text-color);cursor:pointer}.next-button.ready:hover{transform:translateY(-2px);background:var(--dark-main-color)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--modal-overlay-bg);display:none;align-items:center;justify-content:center;z-index:1000;opacity:0;transition:opacity .3s ease}.modal-overlay.active{display:flex;opacity:1}.modal-content{background:var(--card-background);border-radius:12px;padding:30px;width:50%;max-width:600px;max-height:80vh;overflow-y:auto;scrollbar-width:thin;scroll-behavior:smooth;scrollbar-color:var(--main-color) var(--light-main-color);position:relative}.modal-algorithms-list{display:grid;gap:15px;margin:0}.modal-algorithm{padding:15px;background-color:var(--scroll-buttons-color);border-radius:8px;border:1px solid var(--light-main-color);cursor:pointer;transition:all .2s ease}.modal-algorithm:hover{background:var(--hover-scroll-buttons-color-color);border-color:var(--main-color)}.modal-algorithm h4{margin:0 0 5px;color:var(--dark-main-color)}.modal-algorithm p{margin:0;color:var(--text-color);font-size:.9rem}.modal-close{margin-top:20px;padding:10px 20px;background:var(--not-found-text-color);color:var(--main-text-color);border:none;border-radius:6px;cursor:pointer;transition:background .2s ease}.modal-close:hover{background:var(--not-found-color)}@keyframes fadeIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-30px)}}@media(max-width:768px){.choose-type-container,.choose-count,.choose-algorithms{grid-template-columns:1fr}.header h2{font-size:1.6rem}}.algorithms-library{display:grid;grid-template-columns:calc(20% - 3px) calc(80% - 3px);gap:6px;margin:20vh 0px;background:var(--main-color);border-radius:12px;padding:6px}@media(max-width:1250px){.algorithms-library{grid-template-columns:calc(25% - 3px) calc(75% - 3px)}}.filter-panel{display:flex;flex-direction:column;padding:20px 15px;background-color:var(--main-background-color);border-radius:12px;box-shadow:0 2px 10px var(--card-shadow-accent)}.filter-panel h2{text-align:center;font-size:1.5rem;margin:0 0 10px;color:var(--text-color);padding-bottom:10px;border-bottom:1px solid var(--text-color);font-weight:600}.filter-panel h3{font-size:1.3rem;color:var(--text-color);margin:25px 0 12px 10px;position:relative;padding-left:15px;font-weight:500}.filter-panel h3:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;background-color:var(--main-color);border-radius:50%}.filter-options{display:flex;flex-direction:column;gap:8px;padding:0 5px;margin-bottom:5px}.checkbox{position:relative;display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;padding:8px 12px;border-radius:8px;transition:all .3s ease}.checkbox:hover{background-color:var(--hover-scroll-buttons-color-color)}.checkbox input{position:absolute;opacity:0;height:0;width:0}.checkbox span{position:relative;padding-left:32px;color:var(--text-color);font-size:1.1rem;font-weight:500;pointer-events:none}.checkbox span:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:20px;border:2px solid var(--main-color);border-radius:6px;background-color:var(--main-background-color);transition:all .2s ease}.checkbox span:after{content:"";position:absolute;left:8px;top:2px;width:6px;height:12px;border:solid var(--main-background-color);border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;transition:all .2s ease}.checkbox input:checked+span:before{background-color:var(--main-color);border-color:var(--main-color)}.checkbox input:checked+span:after{opacity:1}.information-cards-container{padding:4px;background-color:var(--main-background-color);border-radius:12px;scrollbar-width:thin;scroll-behavior:smooth;scrollbar-color:var(--main-color) var(--light-main-color);display:block;max-height:1300px;overflow-y:auto}.information-card{border-radius:10px;overflow:hidden;box-shadow:0 4px 8px var(--card-shadow-accent);transition:all .3s ease;margin-bottom:12px}.information-card.inactive{display:none}.information-card:last-child{margin-bottom:0}.card-header{background-color:var(--dark-main-color);padding:15px 20px}.card-header h3{margin:0 0 15px;font-size:1.75rem;color:var(--main-text-color)}.card-tags{display:flex;gap:15px;flex-wrap:wrap}.card-tags span{display:flex;justify-content:center;align-items:center;height:25px;color:var(--main-text-color);background-color:var(--main-color);padding:5px 15px;border-radius:20px;font-size:.9rem;font-weight:500}.card-content{padding:20px}.card-content p{margin-top:0;margin-bottom:25px;font-size:1.1rem;color:var(--text-color);font-weight:600}.facts-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.fact-card{background-color:var(--main-background-color);border-radius:8px;padding:10px 15px;border-top:3px solid var(--main-color);transition:all .3s ease;backface-visibility:hidden;will-change:transform}.fact-card:hover{transform:translateY(-2px);box-shadow:0 5px 10px var(--card-hover-shadow-accent)}.fact-card div:first-child{text-align:center;font-size:1rem;font-weight:500;color:var(--text-color);padding-bottom:5px;border-bottom:1px solid var(--text-color)}.fact-card div:last-child{padding-top:5px;text-align:left;font-size:.9rem;font-weight:500;color:var(--dark-main-color)}.card-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.card-links a{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;background-color:var(--main-color);color:var(--main-text-color);text-decoration:none;border-radius:6px;font-size:.9rem;font-weight:500;transition:all .2s ease;line-height:1;height:26px;cursor:pointer}.card-links a:hover{background-color:var(--dark-main-color);transform:translateY(-2px);box-shadow:0 3px 8px var(--card-hover-shadow-accent)}.card-links a i{margin-right:8px;font-size:.9rem}.big-o-section{background:var(--light-main-color);border-radius:30px;padding:50px 20px 20px;margin:20vh auto;box-shadow:0 10px 30px var(--section-shadow);overflow:hidden;color:var(--text-color)}.big-o-section h3{text-align:center;font-size:1.5rem;margin-top:15px;margin-bottom:15px}.big-o-header{text-align:center;margin-bottom:50px}.big-o-header h2{font-size:2.5rem;margin-top:0;margin-bottom:20px;font-weight:700}.big-o-header p{color:var(--main-color);font-size:1.2rem;margin:0 auto;font-weight:600}.big-o-content{display:grid;grid-template-columns:1fr 1fr;gap:30px}.big-o-definition{display:flex;flex-direction:column;padding:40px 20px 0}.big-o-parametrs h4{color:var(--main-color);margin-top:40px;margin-bottom:15px;text-align:center;font-size:1.3rem}.what-is-big-o{background-color:var(--main-background-color);border-radius:20px;padding:1px 25px 30px}.what-is-big-o h3{margin-top:25px}.what-is-big-o p{margin-top:30px;margin-bottom:20px;text-align:center;font-size:1.1rem;font-weight:500}.big-o-list{margin:0;list-style:none;padding:0;gap:12px;display:flex;flex-direction:column}.big-o-list li{background:var(--main-color);border-radius:15px;color:var(--main-text-color);font-size:1.1rem;padding:15px 15%;box-shadow:5px 5px 10px var(--card-shadow-accent);transition:all .3s ease;flex:1}.big-o-list li:hover{transform:translate(-3px) translateY(-3px);box-shadow:0 8px 15px var(--card-hover-shadow-accent)}.big-o-list span{color:var(--main-text-color);font-weight:700}.big-o-benefits{display:flex;flex-direction:column;gap:15px;padding-top:20px}.big-o-benefits h3{color:var(--main-color);margin-bottom:0}.benefits-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.benefit-item{background-color:var(--main-color);box-shadow:5px 5px 10px var(--card-shadow-accent);padding:20px;border-radius:15px;transition:transform .3s ease}.benefit-item:hover{transform:translateY(-5px)}.benefits-grid p{font-weight:600;font-size:1.1rem;color:var(--main-text-color)}.benefits-grid .benefit-icon{font-size:1.8rem}.visualization{height:100%;background:var(--main-text-color);padding:20px 25px;border-radius:20px}.visualization h4{text-align:center;font-size:1.3rem;margin-top:0}.big-o-graph{height:200px;display:flex;align-items:flex-end;gap:15px;margin-top:20px}.graph-line{flex-grow:1;background:var(--main-color);border-radius:5px 5px 0 0;color:var(--main-text-color);font-weight:500;font-size:.9rem;text-align:center;padding-top:15px}.o1{height:20%;background:var(--chart-bar-1)}.olog{height:30%;background:var(--chart-bar-2)}.on{height:50%;background:var(--chart-bar-3)}.onlogn{height:70%;background:var(--chart-bar-4)}.on2{height:90%;background:var(--chart-bar-5)}.complexity-table{margin:20vh auto}.complexity-table h2{font-size:2.5rem;font-weight:700;color:var(--main-color);text-align:center;margin-top:0;margin-bottom:20px}.complexity-table p{font-size:1.2rem;font-weight:600;color:var(--text-color);text-align:center;margin:0}.complexity-table table{margin:25px auto 10px;width:90%;overflow:hidden;border-collapse:collapse}.complexity-table tbody{display:block;overflow-y:auto;max-height:550px;scrollbar-width:thin;scroll-behavior:smooth;scrollbar-color:var(--main-color) var(--light-main-color);border:solid 3px var(--main-color)}.complexity-table table th,.complexity-table table td{padding:15px 25px;display:flex;justify-content:center;align-items:center;flex:1;text-align:center}.complexity-table td{font-size:1.1rem;color:var(--text-color);font-weight:600;cursor:pointer}.complexity-table table tr{display:flex;transition:all .3s ease}.complexity-table th{background-color:var(--main-color);color:var(--main-text-color);font-size:1.2rem}.complexity-table th:last-child{border-top-right-radius:10px}.complexity-table th:first-child{border-top-left-radius:10px}.complexity-table tr:nth-child(2n){background-color:var(--scroll-buttons-color)}.complexity-table tr,.DeafaultTable td{transition:all .3s ease}.complexity-table tr:hover{background:var(--hover-scroll-buttons-color-color)}.complexity-table div{width:90%;margin:10px auto;display:flex;align-items:center;justify-content:center;gap:25px}.complexity-table div button{box-sizing:border-box;padding:12px 20px;border-radius:12px;flex:1;font-size:1.1rem;font-weight:600;border:3px solid transparent;background:var(--main-color);color:var(--main-text-color);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px var(--card-shadow-accent);overflow:hidden;letter-spacing:.6px}.complexity-table div button.chosen{border:3px solid var(--main-color);background-color:var(--main-background-color);color:var(--main-color)}.complexity-table div button:hover{transform:translateY(-2px);box-shadow:0 8px 16px var(--card-hover-shadow-accent)}.complexity-table div button:active{transform:translateY(1px);box-shadow:0 2px 4px var(--card-shadow-accent)}.useful-resources{margin:20vh auto}.useful-resources h2{font-size:2.5rem;font-weight:700;color:var(--main-color);text-align:center;margin-top:0;margin-bottom:20px}.useful-resources p{font-size:1.2rem;font-weight:600;color:var(--text-color);text-align:center;margin:0}.useful-resources-section{display:flex;flex-direction:column;gap:10px;width:95%;margin:25px auto;padding:10px;overflow:hidden}.useful-resources-item{border-radius:8px;overflow:hidden;transition:all .5s ease}.useful-resources-item-name{padding:15px 20px;background:var(--scroll-buttons-color);box-shadow:2px 2px 5px var(--item-shadow);color:var(--text-color);cursor:pointer;position:relative;font-weight:700;transition:all .3s ease-out}.useful-resources-item-name:hover{background:var(--hover-scroll-buttons-color-color);box-shadow:2px 2px 10px var(--item-hover-shadow-accent)}.useful-resources-item-name:after{content:"▲";color:var(--text-color);position:absolute;right:20px;top:50%;transform:translateY(-50%) rotate(-90deg);transition:all .3s}.useful-resources-item.active .useful-resources-item-name:after{transform:translateY(-50%) rotate(-180deg)}.useful-resources-item-content{display:flex;flex-direction:column;gap:10px;padding:0 20px;max-height:0;background-color:var(--main-background-color);color:var(--main-color);overflow:hidden;transition:all .4s ease}.useful-resources-item.active .useful-resources-item-content{padding:15px 20px;max-height:500px}.useful-resources-item .source-link{color:var(--main-color);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:5px;transition:all .3s;align-items:baseline}.useful-resources-item .source-link:before{content:"•";color:var(--main-color);margin-right:3px;font-size:1.2rem}.useful-resources-item .source-link:hover,.useful-resources-item .source-link:hover:before{color:var(--dark-main-color);gap:8px}.code-examples{margin:20vh auto;background-color:var(--main-background-color)}.code-examples h2{font-size:2.5rem;font-weight:700;color:var(--main-color);text-align:center;margin-top:0;margin-bottom:15px}.code-examples p{font-size:1.2rem;font-weight:600;color:var(--text-color);text-align:center;margin:0 0 25px}.code-examples-container{width:80%;min-height:400px;margin:0 auto;background:var(--main-background-color);border-radius:10px;box-shadow:0 2px 10px var(--card-shadow);overflow:hidden}.code-examples-filters{display:flex;padding:15px;gap:10px;border-bottom:1px solid var(--light-main-color);background:var(--scroll-buttons-color)}.code-examples-filters .filter{position:relative;flex:1;min-width:0}.code-examples-filters .filter button.dropdown-button{width:100%;padding:10px 15px;background:var(--main-background-color);color:var(--text-color);border:1px solid var(--light-main-color);border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:1rem;font-weight:600;letter-spacing:.2px;transition:all .2s ease}.code-examples-filters .filter.closed button.dropdown-button{cursor:no-drop;pointer-events:none}.code-examples-filters .filter button.dropdown-button:hover{border-color:var(--main-color)}.code-examples-filters .filter button.dropdown-button.active{border-color:var(--main-color);border-radius:6px 6px 0 0;border-bottom-color:var(--main-background-color)}.code-examples-filters .filter .dropdown-content{display:none;position:absolute;width:calc(100% - 2px);left:0;background:var(--main-background-color);border:1px solid var(--light-main-color);border-radius:0 0 6px 6px;border-top:none;z-index:2;max-height:0;overflow:hidden;transition:max-height .3s ease-out,opacity .2s ease;opacity:0;box-shadow:0 4px 8px var(--dropdown-shadow);scrollbar-width:thin;scroll-behavior:smooth;scrollbar-color:var(--main-color) var(--light-main-color);overflow-y:auto}.code-examples-filters .filter .dropdown-content.show{display:block;max-height:300px;opacity:1;border-color:var(--main-color);border-top-color:none}.code-examples-filters .filter .dropdown-content button{display:block;width:100%;padding:10px 15px;background:none;border:none;text-align:left;color:var(--text-color);cursor:pointer;transition:all .2s;font-size:1rem;font-family:inherit;border-radius:0;box-shadow:none}.code-examples-filters .filter .dropdown-content button:hover{background:var(--hover-scroll-buttons-color-color)}.code-display{padding:20px}.code-display .code-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.code-display .code-header span{background:var(--main-color);color:var(--main-text-color);padding:5px 12px;border-radius:4px;font-size:.9rem;font-weight:500}.code-display .code-header button.copy{background:var(--scroll-buttons-color);color:var(--text-color);border:none;padding:5px 12px;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s}.code-display .code-header button.copy.copied{cursor:no-drop;pointer-events:none}.code-display .code-header button.copy:hover{background:var(--hover-scroll-buttons-color-color)}.code-display .code-source{margin-top:20px;text-align:right}.code-display .code-source a{color:var(--nav-text-color);font-size:.9rem;text-decoration:none;transition:all .2s;cursor:pointer}.code-display .code-source a:hover{color:var(--main-color)}body.blue-light{--main-color: #4dabf7;--light-main-color: #b3e2ff;--dark-main-color: #228be6;--accent-color: #4dabf7;--main-background-color: #f8f9fa;--background-color: #ffffff;--card-background: #ffffff;--main-text-color: #f8f9fa;--text-color: #064f8b;--text-secondary: #495057;--nav-text-color: #495057;--border-color: #dee2e6;--shadow-color: rgba(0, 0, 0, .1);--hover-color: rgba(77, 171, 247, .05);--gradient-color: linear-gradient(145deg, #4dabf7 0%, #7af4ff 100%);--scroll-buttons-color: rgba(77, 171, 247, .05);--hover-scroll-buttons-color-color: rgba(77, 171, 247, .2);--additional-scroll-buttons-color: #4dabf77e;--inactive-button-loader-color: rgba(160, 160, 160, .4);--active-button-loader-color: #60f053e3;--active-button-loader-color-hover: #5fe852;--button-loader-ready-glow: rgba(96, 240, 83, .25);--not-found-color: #d32f2f;--not-found-text-color: #ef5350;--not-found-background-color: rgba(255, 105, 97, .1);--success-color: #10b981;--success-dark: #059669;--success-bg-subtle: rgba(16, 185, 129, .1);--success-glow: rgba(39, 174, 96, .4);--warning-color: #f59e0b;--warning-dark: #d97706;--warning-bg-subtle: rgba(245, 158, 11, .1);--warning-glow: rgba(243, 156, 18, .4);--error-color: #ef4444;--error-dark: #dc2626;--error-bg-subtle: rgba(239, 68, 68, .1);--error-glow: rgba(239, 68, 68, .4);--info-color: #3b82f6;--info-bg-subtle: rgba(59, 130, 246, .1);--accent-bg-subtle: rgba(77, 171, 247, .1);--focus-glow: rgba(77, 171, 247, .2);--button-text-color: white;--button-text-color-on-dark: white;--card-shadow: rgba(0, 0, 0, .06);--card-hover-shadow: rgba(0, 0, 0, .1);--card-shadow-accent: rgba(77, 171, 247, .1);--card-hover-shadow-accent: rgba(77, 171, 247, .2);--section-shadow: rgba(0, 0, 0, .08);--panel-shadow: rgba(0, 0, 0, .1);--item-shadow: rgba(0, 0, 0, .05);--item-hover-shadow: rgba(0, 0, 0, .1);--item-hover-shadow-accent: rgba(77, 171, 247, .15);--button-shadow: rgba(0, 0, 0, .1);--button-hover-shadow: rgba(0, 0, 0, .2);--button-active-shadow: rgba(0, 0, 0, .1);--button-shadow-on-dark: rgba(0, 0, 0, .3);--dropdown-shadow: rgba(0, 0, 0, .1);--toast-shadow: rgba(0, 0, 0, .2);--toast-bg: rgba(255, 255, 255, .85);--toast-border: rgba(255, 255, 255, .6);--toast-backdrop: blur(12px);--tooltip-shadow: rgba(6, 79, 139, .2);--hero-shadow: rgba(6, 79, 139, .3);--hero-inset-glow: rgba(255, 255, 255, .2);--hero-text-shadow: rgba(0, 0, 0, .15);--hero-text-color: white;--hero-text-muted: rgba(255, 255, 255, .9);--footer-background: #333333;--footer-text-color: white;--footer-link-color: white;--footer-link-hover-color: rgba(255, 255, 255, .8);--footer-divider-color: rgba(255, 255, 255, .1);--glass-card-bg: rgba(255, 255, 255, .15);--glass-card-bg-hover: rgba(255, 255, 255, .25);--glass-icon-bg: rgba(255, 255, 255, .2);--glass-note-bg: rgba(255, 255, 255, .2);--glass-note-accent: rgba(255, 255, 255, .5);--glass-divider: rgba(255, 255, 255, .2);--input-inset-shadow: rgba(0, 0, 0, .05);--divider-color: rgba(0, 0, 0, .05);--example-bg-subtle: rgba(139, 92, 246, .1);--example-color: #8b5cf6;--chart-title-color: #4dabf7;--chart-legend-color: #064f8b;--chart-dataset-average: #4dabf7;--chart-dataset-better: #60f053;--chart-dataset-worse: #f05360;--chart-bar-1: #7af4ff;--chart-bar-2: #4dabf7;--chart-bar-3: #3a7bd5;--chart-bar-4: #064f8b;--chart-bar-5: #03396c;--modal-overlay-bg: rgba(0, 0, 0, .5);--viz-edge-color: var(--accent-color);--viz-edge-opacity: .6;--viz-node-text: white;--heap-node-color: #10b981;--tree-node-color: var(--accent-color);--rbt-red-color: #e74c3c;--rbt-red-dark: #c0392b;--rbt-black-color: #2c3e50;--rbt-black-dark: #1a252f;--code-bg: #f6f8fa;--code-text: #24292e;--code-border: #d0d7de;--code-comment: #6a737d;--code-keyword: #d73a49;--code-string: #032f62;--code-number: #005cc5;--code-function: #6f42c1;--code-class: #22863a;--code-operator: #d73a49;--code-variable: #e36209;--code-important: #b31d28;--code-decorator: #0086b3;--code-inserted: #22863a;--code-inserted-bg: #f0fff4;--code-selection: rgba(77, 171, 247, .25);--code-line-number: rgba(0, 0, 0, .35);--code-line-highlight: rgba(255, 220, 100, .2);--code-scrollbar-track: transparent;--code-scrollbar-thumb: rgba(0, 0, 0, .2);--code-scrollbar-thumb-hover: rgba(0, 0, 0, .35)}body.purple-dark{--main-color: #8a2be2;--light-main-color: #b57edc;--dark-main-color: #6a0dad;--accent-color: #8a2be2;--main-background-color: #1a1a2e;--background-color: #16213e;--card-background: #0f1624;--main-text-color: #e2e2e2;--text-color: #e2e2e2;--text-secondary: #a0a0a0;--nav-text-color: #a0a0a0;--border-color: #2d3748;--shadow-color: rgba(0, 0, 0, .5);--hover-color: rgba(138, 43, 226, .15);--gradient-color: linear-gradient(145deg, #8a2be2 0%, #da70d6 100%);--scroll-buttons-color: rgba(138, 43, 226, .25);--hover-scroll-buttons-color-color: rgba(138, 43, 226, .7);--additional-scroll-buttons-color: #9e3cf9b6;--inactive-button-loader-color: rgba(160, 160, 160, .4);--active-button-loader-color: #9c27b0e3;--active-button-loader-color-hover: #7b1fa2;--button-loader-ready-glow: rgba(156, 39, 176, .25);--not-found-color: #d32f2f;--not-found-text-color: #ef5350;--not-found-background-color: rgba(255, 105, 97, .1);--success-color: #10b981;--success-dark: #059669;--success-bg-subtle: rgba(16, 185, 129, .15);--success-glow: rgba(39, 174, 96, .5);--warning-color: #f59e0b;--warning-dark: #d97706;--warning-bg-subtle: rgba(245, 158, 11, .15);--warning-glow: rgba(243, 156, 18, .5);--error-color: #ef4444;--error-dark: #dc2626;--error-bg-subtle: rgba(239, 68, 68, .15);--error-glow: rgba(239, 68, 68, .5);--info-color: #3b82f6;--info-bg-subtle: rgba(59, 130, 246, .15);--accent-bg-subtle: rgba(138, 43, 226, .15);--focus-glow: rgba(138, 43, 226, .3);--button-text-color: white;--button-text-color-on-dark: white;--card-shadow: rgba(0, 0, 0, .3);--card-hover-shadow: rgba(0, 0, 0, .5);--card-shadow-accent: rgba(138, 43, 226, .2);--card-hover-shadow-accent: rgba(138, 43, 226, .35);--section-shadow: rgba(0, 0, 0, .3);--panel-shadow: rgba(0, 0, 0, .4);--item-shadow: rgba(0, 0, 0, .15);--item-hover-shadow: rgba(0, 0, 0, .3);--item-hover-shadow-accent: rgba(138, 43, 226, .25);--button-shadow: rgba(0, 0, 0, .3);--button-hover-shadow: rgba(0, 0, 0, .5);--button-active-shadow: rgba(0, 0, 0, .4);--button-shadow-on-dark: rgba(0, 0, 0, .5);--dropdown-shadow: rgba(0, 0, 0, .4);--toast-shadow: rgba(0, 0, 0, .4);--toast-bg: rgba(15, 22, 36, .85);--toast-border: rgba(138, 43, 226, .25);--toast-backdrop: blur(12px);--tooltip-shadow: rgba(0, 0, 0, .3);--hero-shadow: rgba(0, 0, 0, .4);--hero-inset-glow: rgba(255, 255, 255, .1);--hero-text-shadow: rgba(0, 0, 0, .3);--hero-text-color: white;--hero-text-muted: rgba(255, 255, 255, .9);--footer-background: #11111f;--footer-text-color: #e2e2e2;--footer-link-color: #e2e2e2;--footer-link-hover-color: rgba(255, 255, 255, .8);--footer-divider-color: rgba(255, 255, 255, .1);--glass-card-bg: rgba(255, 255, 255, .08);--glass-card-bg-hover: rgba(255, 255, 255, .15);--glass-icon-bg: rgba(255, 255, 255, .12);--glass-note-bg: rgba(255, 255, 255, .1);--glass-note-accent: rgba(255, 255, 255, .3);--glass-divider: rgba(255, 255, 255, .15);--input-inset-shadow: rgba(0, 0, 0, .2);--divider-color: rgba(255, 255, 255, .08);--example-bg-subtle: rgba(195, 138, 255, .15);--example-color: #c792ea;--chart-title-color: #b57edc;--chart-legend-color: #e2e2e2;--chart-dataset-average: #8a2be2;--chart-dataset-better: #60f053;--chart-dataset-worse: #f05360;--chart-bar-1: #b57edc;--chart-bar-2: #8a2be2;--chart-bar-3: #6a0dad;--chart-bar-4: #4b0082;--chart-bar-5: #2e003e;--modal-overlay-bg: rgba(0, 0, 0, .7);--viz-edge-color: var(--accent-color);--viz-edge-opacity: .6;--viz-node-text: white;--heap-node-color: #10b981;--tree-node-color: var(--accent-color);--rbt-red-color: #e74c3c;--rbt-red-dark: #c0392b;--rbt-black-color: #34495e;--rbt-black-dark: #1a252f;--code-bg: #0f1624;--code-text: #e2e2e2;--code-border: #2d3748;--code-comment: #7a7a8c;--code-keyword: #c792ea;--code-string: #c3e88d;--code-number: #f78c6c;--code-function: #82aaff;--code-class: #ffcb6b;--code-operator: #89ddff;--code-variable: #f07178;--code-important: #ff5370;--code-decorator: #ff9eb5;--code-inserted: #c3e88d;--code-inserted-bg: rgba(195, 232, 141, .1);--code-selection: rgba(138, 43, 226, .35);--code-line-number: rgba(255, 255, 255, .3);--code-line-highlight: rgba(138, 43, 226, .2);--code-scrollbar-track: transparent;--code-scrollbar-thumb: rgba(255, 255, 255, .15);--code-scrollbar-thumb-hover: rgba(255, 255, 255, .3)}body.toxic{--main-color: #2ecc71;--light-main-color: #58d68d;--dark-main-color: #27ae60;--accent-color: #2ecc71;--main-background-color: #0d1f1c;--background-color: #1a2f2a;--card-background: #0a1612;--main-text-color: #e0f2e9;--text-color: #e0f2e9;--text-secondary: #a7c4bc;--nav-text-color: #a7c4bc;--border-color: #1e3a33;--shadow-color: rgba(0, 0, 0, .5);--hover-color: rgba(46, 204, 113, .1);--gradient-color: linear-gradient(145deg, #2ecc71 0%, #1abc9c 100%);--scroll-buttons-color: rgba(46, 204, 113, .1);--hover-scroll-buttons-color-color: rgba(46, 204, 113, .3);--additional-scroll-buttons-color: rgba(46, 204, 113, .5);--inactive-button-loader-color: rgba(160, 160, 160, .4);--active-button-loader-color: #2ecc71e3;--active-button-loader-color-hover: #27ae60;--button-loader-ready-glow: rgba(46, 204, 113, .25);--not-found-color: #e74c3c;--not-found-text-color: #ec7063;--not-found-background-color: rgba(231, 76, 60, .1);--success-color: #10b981;--success-dark: #059669;--success-bg-subtle: rgba(16, 185, 129, .15);--success-glow: rgba(39, 174, 96, .5);--warning-color: #f59e0b;--warning-dark: #d97706;--warning-bg-subtle: rgba(245, 158, 11, .15);--warning-glow: rgba(243, 156, 18, .5);--error-color: #ef4444;--error-dark: #dc2626;--error-bg-subtle: rgba(239, 68, 68, .15);--error-glow: rgba(239, 68, 68, .5);--info-color: #3b82f6;--info-bg-subtle: rgba(59, 130, 246, .15);--accent-bg-subtle: rgba(46, 204, 113, .15);--focus-glow: rgba(46, 204, 113, .3);--button-text-color: white;--button-text-color-on-dark: white;--card-shadow: rgba(0, 0, 0, .3);--card-hover-shadow: rgba(0, 0, 0, .5);--card-shadow-accent: rgba(46, 204, 113, .2);--card-hover-shadow-accent: rgba(46, 204, 113, .35);--section-shadow: rgba(0, 0, 0, .3);--panel-shadow: rgba(0, 0, 0, .4);--item-shadow: rgba(0, 0, 0, .15);--item-hover-shadow: rgba(0, 0, 0, .3);--item-hover-shadow-accent: rgba(46, 204, 113, .25);--button-shadow: rgba(0, 0, 0, .3);--button-hover-shadow: rgba(0, 0, 0, .5);--button-active-shadow: rgba(0, 0, 0, .4);--button-shadow-on-dark: rgba(0, 0, 0, .5);--dropdown-shadow: rgba(0, 0, 0, .4);--toast-shadow: rgba(0, 0, 0, .4);--toast-bg: rgba(10, 22, 18, .85);--toast-border: rgba(46, 204, 113, .25);--toast-backdrop: blur(12px);--tooltip-shadow: rgba(0, 0, 0, .3);--hero-shadow: rgba(0, 0, 0, .4);--hero-inset-glow: rgba(255, 255, 255, .1);--hero-text-shadow: rgba(0, 0, 0, .3);--hero-text-color: white;--hero-text-muted: rgba(255, 255, 255, .9);--footer-background: #07100d;--footer-text-color: #e0f2e9;--footer-link-color: #e0f2e9;--footer-link-hover-color: rgba(255, 255, 255, .8);--footer-divider-color: rgba(255, 255, 255, .1);--glass-card-bg: rgba(255, 255, 255, .08);--glass-card-bg-hover: rgba(255, 255, 255, .15);--glass-icon-bg: rgba(255, 255, 255, .12);--glass-note-bg: rgba(255, 255, 255, .1);--glass-note-accent: rgba(255, 255, 255, .3);--glass-divider: rgba(255, 255, 255, .15);--input-inset-shadow: rgba(0, 0, 0, .2);--divider-color: rgba(255, 255, 255, .08);--example-bg-subtle: rgba(26, 188, 156, .15);--example-color: #1abc9c;--chart-title-color: #58d68d;--chart-legend-color: #e0f2e9;--chart-dataset-average: #2ecc71;--chart-dataset-better: #60f053;--chart-dataset-worse: #f05360;--chart-bar-1: #58d68d;--chart-bar-2: #2ecc71;--chart-bar-3: #27ae60;--chart-bar-4: #1e824c;--chart-bar-5: #145a32;--modal-overlay-bg: rgba(0, 0, 0, .7);--viz-edge-color: var(--accent-color);--viz-edge-opacity: .6;--viz-node-text: white;--heap-node-color: #10b981;--tree-node-color: var(--accent-color);--rbt-red-color: #e74c3c;--rbt-red-dark: #c0392b;--rbt-black-color: #34495e;--rbt-black-dark: #1a252f;--code-bg: #0a1612;--code-text: #d4f4dd;--code-border: #1e3a33;--code-comment: #5c8a76;--code-keyword: #2ecc71;--code-string: #a8e6cf;--code-number: #f1c40f;--code-function: #58d68d;--code-class: #1abc9c;--code-operator: #2ecc71;--code-variable: #f39c12;--code-important: #e74c3c;--code-decorator: #1abc9c;--code-inserted: #2ecc71;--code-inserted-bg: rgba(46, 204, 113, .1);--code-selection: rgba(46, 204, 113, .3);--code-line-number: rgba(255, 255, 255, .3);--code-line-highlight: rgba(46, 204, 113, .2);--code-scrollbar-track: transparent;--code-scrollbar-thumb: rgba(46, 204, 113, .2);--code-scrollbar-thumb-hover: rgba(46, 204, 113, .4)}body.bonch{--main-color: #ff7b25;--light-main-color: #ff9a56;--dark-main-color: #e86100;--accent-color: #ff7b25;--main-background-color: #f5f5f5;--background-color: #ffffff;--card-background: #ffffff;--main-text-color: #f4f4f4;--text-color: #333333;--text-secondary: #666666;--nav-text-color: #666666;--border-color: #e0e0e0;--shadow-color: rgba(0, 0, 0, .1);--hover-color: rgba(255, 123, 37, .05);--gradient-color: linear-gradient(145deg, #ff7b25 0%, #ffa500 100%);--scroll-buttons-color: rgba(255, 123, 37, .1);--hover-scroll-buttons-color-color: rgba(255, 123, 37, .2);--additional-scroll-buttons-color: rgba(255, 123, 37, .3);--inactive-button-loader-color: rgba(180, 180, 180, .4);--active-button-loader-color: rgba(255, 123, 37, .9);--active-button-loader-color-hover: #e86100;--button-loader-ready-glow: rgba(255, 123, 37, .25);--not-found-color: #ff3e3e;--not-found-text-color: #d32f2f;--not-found-background-color: rgba(255, 62, 62, .1);--success-color: #10b981;--success-dark: #059669;--success-bg-subtle: rgba(16, 185, 129, .1);--success-glow: rgba(39, 174, 96, .4);--warning-color: #f59e0b;--warning-dark: #d97706;--warning-bg-subtle: rgba(245, 158, 11, .1);--warning-glow: rgba(243, 156, 18, .4);--error-color: #ef4444;--error-dark: #dc2626;--error-bg-subtle: rgba(239, 68, 68, .1);--error-glow: rgba(239, 68, 68, .4);--info-color: #3b82f6;--info-bg-subtle: rgba(59, 130, 246, .1);--accent-bg-subtle: rgba(255, 123, 37, .1);--focus-glow: rgba(255, 123, 37, .2);--button-text-color: white;--button-text-color-on-dark: white;--card-shadow: rgba(0, 0, 0, .06);--card-hover-shadow: rgba(0, 0, 0, .1);--card-shadow-accent: rgba(255, 123, 37, .1);--card-hover-shadow-accent: rgba(255, 123, 37, .2);--section-shadow: rgba(0, 0, 0, .08);--panel-shadow: rgba(0, 0, 0, .1);--item-shadow: rgba(0, 0, 0, .05);--item-hover-shadow: rgba(0, 0, 0, .1);--item-hover-shadow-accent: rgba(255, 123, 37, .15);--button-shadow: rgba(0, 0, 0, .1);--button-hover-shadow: rgba(0, 0, 0, .2);--button-active-shadow: rgba(0, 0, 0, .1);--button-shadow-on-dark: rgba(0, 0, 0, .3);--dropdown-shadow: rgba(0, 0, 0, .1);--toast-shadow: rgba(0, 0, 0, .2);--toast-bg: rgba(255, 255, 255, .85);--toast-border: rgba(255, 123, 37, .25);--toast-backdrop: blur(12px);--tooltip-shadow: rgba(0, 0, 0, .2);--hero-shadow: rgba(0, 0, 0, .2);--hero-inset-glow: rgba(255, 255, 255, .2);--hero-text-shadow: rgba(0, 0, 0, .12);--hero-text-color: white;--hero-text-muted: rgba(255, 255, 255, .9);--footer-background: #3a3a3a;--footer-text-color: white;--footer-link-color: white;--footer-link-hover-color: rgba(255, 255, 255, .8);--footer-divider-color: rgba(255, 255, 255, .1);--glass-card-bg: rgba(255, 255, 255, .15);--glass-card-bg-hover: rgba(255, 255, 255, .25);--glass-icon-bg: rgba(255, 255, 255, .2);--glass-note-bg: rgba(255, 255, 255, .2);--glass-note-accent: rgba(255, 255, 255, .5);--glass-divider: rgba(255, 255, 255, .2);--input-inset-shadow: rgba(0, 0, 0, .05);--divider-color: rgba(0, 0, 0, .05);--example-bg-subtle: rgba(14, 116, 144, .1);--example-color: #0e7490;--chart-title-color: #ff7b25;--chart-legend-color: #333333;--chart-dataset-average: #ff7b25;--chart-dataset-better: #60f053;--chart-dataset-worse: #f05360;--chart-bar-1: #ff9a56;--chart-bar-2: #ff7b25;--chart-bar-3: #e86100;--chart-bar-4: #b74700;--chart-bar-5: #7a2e00;--modal-overlay-bg: rgba(0, 0, 0, .5);--viz-edge-color: var(--accent-color);--viz-edge-opacity: .6;--viz-node-text: white;--heap-node-color: #10b981;--tree-node-color: var(--accent-color);--rbt-red-color: #e74c3c;--rbt-red-dark: #c0392b;--rbt-black-color: #2c3e50;--rbt-black-dark: #1a252f;--code-bg: #fff8f0;--code-text: #3d2914;--code-border: #f5d5b3;--code-comment: #a0826d;--code-keyword: #c2410c;--code-string: #166534;--code-number: #b45309;--code-function: #7c2d12;--code-class: #15803d;--code-operator: #c2410c;--code-variable: #9a3412;--code-important: #b91c1c;--code-decorator: #0e7490;--code-inserted: #15803d;--code-inserted-bg: rgba(34, 197, 94, .1);--code-selection: rgba(255, 123, 37, .25);--code-line-number: rgba(0, 0, 0, .3);--code-line-highlight: rgba(255, 220, 100, .25);--code-scrollbar-track: transparent;--code-scrollbar-thumb: rgba(0, 0, 0, .18);--code-scrollbar-thumb-hover: rgba(0, 0, 0, .32)}body.sakura{--main-color: #ff9eb5;--light-main-color: #ffcdd2;--dark-main-color: #f48fb1;--accent-color: #ff9eb5;--main-background-color: #fff5f7;--background-color: #ffffff;--card-background: #fffbfc;--main-text-color: #864179;--text-color: #d81b60;--text-secondary: #8d6e63;--nav-text-color: #8d6e63;--border-color: #fce4ec;--shadow-color: rgba(255, 158, 181, .2);--hover-color: rgba(255, 158, 181, .05);--gradient-color: linear-gradient(145deg, #ff9eb5 0%, #ffecfc 100%);--scroll-buttons-color: rgba(255, 158, 181, .05);--hover-scroll-buttons-color-color: rgba(255, 158, 181, .25);--additional-scroll-buttons-color: rgba(255, 158, 181, .5);--inactive-button-loader-color: rgba(160, 160, 160, .4);--active-button-loader-color: #a5d6a7e3;--active-button-loader-color-hover: #81c784;--button-loader-ready-glow: rgba(165, 214, 167, .25);--not-found-color: #e57373;--not-found-text-color: #ef9a9a;--not-found-background-color: rgba(229, 115, 115, .1);--success-color: #10b981;--success-dark: #059669;--success-bg-subtle: rgba(16, 185, 129, .1);--success-glow: rgba(39, 174, 96, .4);--warning-color: #f59e0b;--warning-dark: #d97706;--warning-bg-subtle: rgba(245, 158, 11, .1);--warning-glow: rgba(243, 156, 18, .4);--error-color: #ef4444;--error-dark: #dc2626;--error-bg-subtle: rgba(239, 68, 68, .1);--error-glow: rgba(239, 68, 68, .4);--info-color: #3b82f6;--info-bg-subtle: rgba(59, 130, 246, .1);--accent-bg-subtle: rgba(255, 158, 181, .12);--focus-glow: rgba(255, 158, 181, .25);--button-text-color: white;--button-text-color-on-dark: white;--card-shadow: rgba(0, 0, 0, .06);--card-hover-shadow: rgba(0, 0, 0, .1);--card-shadow-accent: rgba(255, 158, 181, .12);--card-hover-shadow-accent: rgba(255, 158, 181, .25);--section-shadow: rgba(0, 0, 0, .08);--panel-shadow: rgba(0, 0, 0, .1);--item-shadow: rgba(0, 0, 0, .05);--item-hover-shadow: rgba(0, 0, 0, .1);--item-hover-shadow-accent: rgba(255, 158, 181, .18);--button-shadow: rgba(0, 0, 0, .1);--button-hover-shadow: rgba(0, 0, 0, .2);--button-active-shadow: rgba(0, 0, 0, .1);--button-shadow-on-dark: rgba(0, 0, 0, .3);--dropdown-shadow: rgba(0, 0, 0, .1);--toast-shadow: rgba(0, 0, 0, .2);--toast-bg: rgba(255, 251, 252, .85);--toast-border: rgba(255, 158, 181, .35);--toast-backdrop: blur(12px);--tooltip-shadow: rgba(216, 27, 96, .2);--hero-shadow: rgba(216, 27, 96, .2);--hero-inset-glow: rgba(255, 255, 255, .2);--hero-text-shadow: rgba(0, 0, 0, .12);--hero-text-color: white;--hero-text-muted: rgba(255, 255, 255, .9);--footer-background: #4a2c3a;--footer-text-color: white;--footer-link-color: white;--footer-link-hover-color: rgba(255, 255, 255, .8);--footer-divider-color: rgba(255, 255, 255, .1);--glass-card-bg: rgba(255, 255, 255, .15);--glass-card-bg-hover: rgba(255, 255, 255, .25);--glass-icon-bg: rgba(255, 255, 255, .2);--glass-note-bg: rgba(255, 255, 255, .2);--glass-note-accent: rgba(255, 255, 255, .5);--glass-divider: rgba(255, 255, 255, .2);--input-inset-shadow: rgba(0, 0, 0, .05);--divider-color: rgba(0, 0, 0, .05);--example-bg-subtle: rgba(142, 36, 170, .1);--example-color: #8e24aa;--chart-title-color: #ff9eb5;--chart-legend-color: #d81b60;--chart-dataset-average: #ff9eb5;--chart-dataset-better: #60f053;--chart-dataset-worse: #f05360;--chart-bar-1: #ffcdd2;--chart-bar-2: #ff9eb5;--chart-bar-3: #f48fb1;--chart-bar-4: #d81b60;--chart-bar-5: #ad1457;--modal-overlay-bg: rgba(0, 0, 0, .5);--viz-edge-color: var(--accent-color);--viz-edge-opacity: .6;--viz-node-text: white;--heap-node-color: #10b981;--tree-node-color: var(--accent-color);--rbt-red-color: #e74c3c;--rbt-red-dark: #c0392b;--rbt-black-color: #2c3e50;--rbt-black-dark: #1a252f;--code-bg: #fff5f8;--code-text: #5a2a4a;--code-border: #fce4ec;--code-comment: #c8a8b8;--code-keyword: #d81b60;--code-string: #6a1b9a;--code-number: #ec407a;--code-function: #ad1457;--code-class: #8e24aa;--code-operator: #d81b60;--code-variable: #c2185b;--code-important: #b71c1c;--code-decorator: #6a1b9a;--code-inserted: #ad1457;--code-inserted-bg: rgba(173, 20, 87, .08);--code-selection: rgba(255, 158, 181, .3);--code-line-number: rgba(0, 0, 0, .3);--code-line-highlight: rgba(255, 220, 220, .4);--code-scrollbar-track: transparent;--code-scrollbar-thumb: rgba(216, 27, 96, .2);--code-scrollbar-thumb-hover: rgba(216, 27, 96, .4)}.blue-light-button{color:#064f8b;border-color:#b3e2ff;background:linear-gradient(135deg,#4dabf7 55%,#f8f9fa 45%)}.purple-dark-button{color:#b388eb;border-color:#b57edc;background:linear-gradient(135deg,#8a2be2 55%,#1a1a2e 45%)}.bonch-button{color:#f4f4f4;border-color:#ff9a56;background:linear-gradient(135deg,#ff7b25 55%,#ff7b254d 45%)}.bonch-button i{transform:rotate(90deg)}.toxic-button{color:#e0f2e9;border-color:#58d68d;background:linear-gradient(135deg,#2ecc71 55%,#0d1f1c 45%)}.sakura-button{color:#d81b60;border-color:#ffcdd2;background:linear-gradient(135deg,#ff9eb5 55%,#fff5f7 45%)}.about .intro h1{font-family:Brush Script MT;font-size:4rem}.about-project{margin:10vh auto}.about-project-container{max-width:90%;margin:auto}.project-block{display:flex;flex-direction:column;margin-bottom:10vh}.project-block h2{font-size:2rem;font-weight:700;color:var(--main-color);text-align:center;margin-top:0;margin-bottom:10px}.project-block:nth-child(odd) h2{text-align:left}.project-block:nth-child(2n) h2{text-align:right}.project-block-content{display:grid;grid-template-columns:calc(50% - 20px) calc(50% - 20px);gap:40px}.block-text{text-align:justify;font-size:1.1rem;line-height:1.8;color:var(--text-color)}.block-text p span{font-family:Brush Script MT;font-size:1.5rem;font-weight:600}.features-grid{display:grid;grid-template-columns:1fr;gap:20px}.feature-item{display:flex;align-items:center;gap:15px;padding:15px;background:var(--main-color);border-radius:8px;cursor:pointer;box-shadow:0 5px 15px var(--card-shadow);transition:transform .3s ease}.feature-item:hover{transform:translateY(-5px)}.feature-icon{font-size:1.5rem;color:var(--main-text-color)}.feature-text{color:var(--main-text-color);font-size:1rem;font-weight:500;line-height:1.5}.timeline{position:relative;padding-left:30px;padding-top:5px}.timeline:before{content:"";position:absolute;left:7px;top:0;height:100%;width:2px;background-color:var(--main-color)}.timeline-item{position:relative;margin-bottom:30px;display:flex;flex-direction:column}.timeline-date{font-weight:700;color:var(--dark-main-color);margin-bottom:10px;font-size:1rem}.timeline-dot{position:absolute;left:-29px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--main-color);border:2px solid var(--main-text-color);box-shadow:0 0 0 3px var(--card-shadow-accent)}.timeline-content{background:var(--hover-scroll-buttons-color-color);color:var(--text-color);font-weight:500;padding:15px 20px;border-radius:8px;box-shadow:0 5px 15px var(--card-shadow);line-height:1.5}.principles{display:flex;justify-content:space-evenly;flex-direction:column;gap:20px;padding:5px 20px 10px;background-color:var(--scroll-buttons-color);border-radius:12px;border-width:1px;border-style:solid;border-color:var(--light-main-color)}.principles div h3{margin:0 0 5px;font-size:1.2rem;color:var(--main-color)}.principles div h3:before{content:"•";color:var(--main-color);margin-right:5px;font-size:1.5rem}.principles div p{margin:0;color:var(--text-color);font-size:1rem;font-weight:500}.mission-footer{margin-top:30px;padding:10px 20px;background-color:var(--hover-scroll-buttons-color-color);border-radius:10px;border-left:5px solid;border-color:var(--dark-main-color)}.feedback{margin:20vh auto}.feedback h2{font-size:2.5rem;font-weight:700;color:var(--main-color);text-align:center;margin-top:0;margin-bottom:10px}.feedback p{font-size:1.2rem;font-weight:600;color:var(--text-color);text-align:center;margin:0 0 25px}.feedback .feedback-container{display:flex;flex-direction:column;width:90%;margin:10px auto auto;padding:15px;border-radius:15px;background-color:var(--hover-scroll-buttons-color-color)}.feedback .rating-stars{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:15px;margin-bottom:30px}.feedback .rating-stars span{color:var(--main-text-color);transition:all .3s ease}.feedback .rating-stars i:before{font-size:35px;cursor:pointer}.feedback .rating-stars span:hover,.feedback .rating-stars span:has(~span:hover){color:var(--main-color)}.feedback textarea{width:90%;margin:auto auto 15px;padding:12px;border-radius:10px;border-width:2px;border-style:solid;border-color:var(--light-main-color);resize:none;font-size:1rem;color:var(--text-color);font-family:Segoe UI,sans-serif;font-weight:500;min-height:130px}.feedback textarea:focus{outline:none;border-width:2px;border-style:solid;border-color:var(--main-color)}.feedback .feedback-buttons{width:91%;margin:auto;display:flex;justify-content:right;align-items:center;gap:20px}.feedback .feedback-buttons button{padding:12px 15px;border:none;border-radius:10px;font-size:1rem;font-weight:600;color:var(--main-text-color);letter-spacing:.5px;cursor:pointer;transition:all .3s ease}.feedback .feedback-buttons button:first-child{background-color:var(--not-found-text-color)}.feedback .feedback-buttons button:last-child{background-color:var(--main-color)}.feedback .feedback-buttons button:first-child:hover{background-color:var(--not-found-color)}.feedback .feedback-buttons button:last-child:hover{background-color:var(--dark-main-color)}.contacts{max-width:1300px;margin:20vh auto;padding:0 20px}.contacts h2{font-size:2.5rem;font-weight:700;color:var(--main-color);text-align:center;margin-top:0;margin-bottom:10px}.contacts p{font-size:1.2rem;font-weight:600;color:var(--text-color);text-align:center;margin:0 0 25px}.contacts-container{display:flex;justify-content:center;flex-wrap:wrap;gap:30px}.contacts-container div{flex:1;min-width:280px;max-width:350px;padding:40px 30px;border-radius:16px;background-color:var(--scroll-buttons-color);box-shadow:0 10px 30px var(--card-shadow);transition:all .3s ease;border:1px solid var(--light-main-color);overflow:hidden;text-align:center}.contacts-container div:hover{transform:translateY(-8px);box-shadow:0 15px 40px var(--card-hover-shadow);border-color:var(--main-color)}.contacts-container i{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;margin-bottom:20px;font-size:2.5rem;color:var(--main-background-color)}.contacts-container>div:nth-child(1) i{background:var(--main-color)}.contacts-container>div:nth-child(2) i{background:var(--dark-main-color)}.contacts-container>div:nth-child(3) i{background:var(--gradient-color)}.contacts-container span{display:block;font-size:1.4rem;font-weight:600;color:var(--dark-main-color);margin-bottom:25px}.contacts-container p{font-size:1rem;color:var(--nav-text-color);margin-bottom:20px;line-height:1.6}.contacts-container a{font-weight:600;color:var(--main-color);text-decoration:none;transition:all .3s ease}.contacts-container a:hover{color:var(--dark-main-color)}@media(max-width:768px){.contacts-container>div{min-width:90%}}body{margin:0%;padding:0%;background-color:var(--main-background-color);font-family:Segoe UI,sans-serif}button{box-shadow:2px 2px 5px var(--button-shadow, rgba(0, 0, 0, .1))}.inactive-page{display:none}.active-page{display:block}.activeFlex{display:flex}pre[class*=language-],pre[class*=lang-],.code-container pre,.code-block pre,.algorithm-theory-card-content pre{background:var(--code-bg, #f6f8fa);color:var(--code-text, #24292e);border:1px solid var(--code-border, var(--border-color, #d0d7de));border-radius:8px;padding:1rem 1.2rem;margin:.5rem 0;overflow-x:auto;font-family:Fira Code,Courier New,Consolas,monospace;font-size:.92rem;line-height:1.55;box-shadow:inset 0 1px 3px var(--shadow-color, rgba(0, 0, 0, .04))}pre[class*=language-] code,pre[class*=lang-] code,.code-container pre code,.code-block pre code{color:inherit;background:transparent;font-family:inherit;font-size:inherit;padding:0;text-shadow:none}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:var(--code-comment, #6a737d);font-style:italic}.token.keyword,.token.boolean,.token.null,.token.builtin,.token.atrule{color:var(--code-keyword, #d73a49);font-weight:600}.token.string,.token.char,.token.regex,.token.attr-value,.token.url{color:var(--code-string, #032f62)}.token.number{color:var(--code-number, #005cc5)}.token.function,.token.method{color:var(--code-function, #6f42c1)}.token.class-name,.token.tag,.token.selector,.token.constant{color:var(--code-class, #22863a);font-weight:600}.token.operator,.token.punctuation{color:var(--code-operator, #d73a49)}.token.variable,.token.parameter,.token.property{color:var(--code-variable, #e36209)}.token.important,.token.deleted,.token.entity{color:var(--code-important, #b31d28);font-weight:700}.token.decorator,.token.annotation{color:var(--code-decorator, #0086b3)}.token.inserted{color:var(--code-inserted, #22863a);background:var(--code-inserted-bg, #f0fff4)}.token.bracket-level-1,.token.bracket-level-2,.token.bracket-level-3{color:inherit;font-weight:600}pre[class*=language-]::selection,pre[class*=language-] *::selection,.code-container pre::selection,.code-container pre *::selection{background:var(--code-selection, rgba(77, 171, 247, .25))}pre[class*=language-]::-webkit-scrollbar,.code-container pre::-webkit-scrollbar{height:10px;width:10px}pre[class*=language-]::-webkit-scrollbar-track,.code-container pre::-webkit-scrollbar-track{background:var(--code-scrollbar-track, transparent)}pre[class*=language-]::-webkit-scrollbar-thumb,.code-container pre::-webkit-scrollbar-thumb{background:var(--code-scrollbar-thumb, rgba(0, 0, 0, .2));border-radius:5px}pre[class*=language-]::-webkit-scrollbar-thumb:hover,.code-container pre::-webkit-scrollbar-thumb:hover{background:var(--code-scrollbar-thumb-hover, rgba(0, 0, 0, .35))}pre[class*=language-].line-numbers{position:relative;padding-left:3.5rem;counter-reset:linenumber}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:1rem;left:0;width:2.5rem;font-size:.85rem;line-height:1.55;color:var(--code-line-number, rgba(0, 0, 0, .35));-webkit-user-select:none;user-select:none}.code-line-highlight{background:var(--code-line-highlight, rgba(255, 220, 100, .2));display:block;margin:0 -1.2rem;padding:0 1.2rem}.resource-links a{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--accent-color);color:var(--button-text-color, white);text-decoration:none;border-radius:8px;transition:all .3s ease;font-weight:500}.resource-links a:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--button-hover-shadow, rgba(0, 0, 0, .2));opacity:.9}.code-header{display:flex;justify-content:space-between;align-items:center;opacity:0;transform:translateY(20px);transition:all .6s ease-out;margin:0 0 .75rem;padding:.5rem .25rem;gap:.75rem}.code-header.show{opacity:1;transform:translateY(0);transition-delay:.25s}.code-header .code-header-lang{background:var(--main-color);color:var(--main-text-color);padding:5px 12px;border-radius:4px;font-size:.9rem;font-weight:500;letter-spacing:.2px}.code-header button.copy{display:inline-flex;align-items:center;gap:.4rem;background:var(--scroll-buttons-color);color:var(--text-color);border:none;padding:5px 12px;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.code-header button.copy i{font-size:.95rem;line-height:1}.code-header button.copy:hover{background:var(--hover-scroll-buttons-color-color)}.code-header button.copy.copied{cursor:no-drop;pointer-events:none}.code-header button.copy:focus-visible{outline:2px solid var(--accent-color, #4dabf7);outline-offset:2px}@media(max-width:768px){.code-header{margin:0 0 .5rem;padding:.4rem .15rem}.code-header .code-header-lang{font-size:.8rem;padding:4px 10px}.code-header button.copy{padding:4px 10px;font-size:.85rem}}@media(prefers-reduced-motion:reduce){.code-header,.code-header button.copy{transition:none}}.structOfData{padding:10px;box-sizing:border-box}.data-table-container{opacity:0;transform:translateY(20px);transition:all .6s ease;margin:2rem 0}.data-table-container.show{opacity:1;transform:translateY(0)}.data-table-container h3{color:var(--text-color);font-size:1.3rem;margin-bottom:1rem;text-align:center}.data-table{width:100%;border-collapse:collapse;background:var(--card-background);border-radius:8px;overflow:hidden;box-shadow:0 2px 8px var(--shadow-color)}.data-table thead{background:var(--accent-color);color:var(--button-text-color)}.data-table th,.data-table td{padding:12px;text-align:left;border-bottom:1px solid var(--border-color)}.data-table th{font-weight:600;text-transform:uppercase;font-size:.9rem}.data-table tbody tr{transition:background-color .2s ease}.data-table tbody tr:hover{background-color:var(--hover-color)}.data-table tbody tr:last-child td{border-bottom:none}.data-table td:first-child{font-weight:600;color:var(--accent-color);font-family:Courier New,monospace}.data-table td:last-child{color:var(--text-secondary)}@media(max-width:768px){.data-table{font-size:.9rem}.data-table th,.data-table td{padding:8px}}.algorithm-theory-card{opacity:0;transform:translateY(20px);transition:all .6s ease;margin:2rem 0}.algorithm-theory-card.show{opacity:1;transform:translateY(0)}.algorithm-theory-card-content{background:var(--card-background);border-radius:12px;padding:2rem;box-shadow:0 4px 6px var(--shadow-color);border:3px solid var(--light-main-color)}.theory-card-header{border-bottom:2px solid var(--accent-color);padding-bottom:1rem;margin-bottom:1.5rem}.theory-card-header h3{color:var(--text-color);font-size:1.5rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.algorithm-name{color:var(--accent-color);font-size:1.2rem;font-weight:600;margin-top:.5rem}.theory-section{margin-bottom:1.5rem}.theory-section h4{color:var(--text-color);font-size:1.1rem;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.theory-section p{color:var(--text-secondary);line-height:1.6;text-align:justify}.complexity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem}.complexity-item{background:var(--background-color);padding:1rem;border-radius:8px;border:2px solid var(--light-main-color);display:flex;flex-direction:column;gap:.5rem}.complexity-value{font-size:1.2rem;font-weight:700;font-family:Courier New,monospace;padding:.25rem .5rem;border-radius:4px;display:inline-block}.complexity-value.good{color:var(--success-color);background:var(--success-bg-subtle)}.complexity-value.average{color:var(--warning-color);background:var(--warning-bg-subtle)}.complexity-value.bad{color:var(--error-color);background:var(--error-bg-subtle)}.info-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--background-color);border-radius:6px;border:2px solid var(--light-main-color)}.info-item span{color:var(--text-secondary)}.info-item strong{color:var(--text-color)}.resource-links{display:flex;gap:1rem;flex-wrap:wrap}.resource-links a{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--accent-color);color:var(--button-text-color);text-decoration:none;border-radius:8px;transition:all .3s ease;font-weight:500}.resource-links a:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--button-hover-shadow);opacity:.9}.resource-links a i{font-size:1rem}@media(max-width:768px){.algorithm-theory-card-content{padding:1.5rem}.complexity-grid{grid-template-columns:1fr}.resource-links{flex-direction:column}.resource-links a{width:100%;justify-content:center}}.visualization-container{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out;display:block;width:100%;background:var(--card-background, #fff);border:1px solid var(--border-color, #dee2e6);border-radius:8px;margin-bottom:1rem;box-shadow:0 2px 6px var(--shadow-color, rgba(0, 0, 0, .06));overflow-y:auto;overflow-x:hidden}.visualization-container.show{opacity:1;transform:translateY(0)}.structOfData .visualization-container{max-height:65vh}.visualization-content{position:relative;min-height:80px;padding:.5rem;border-radius:8px;overflow:visible}.visualization-content>h3{margin:0 0 .5rem;font-size:1rem;color:var(--text-color, #064f8b);text-align:center;font-weight:600}.visualization-message{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1rem;color:var(--text-secondary, #495057)}.visualization-message i{font-size:2.5rem;color:var(--warning-color, #f39c12);margin-bottom:.75rem}.visualization-message h3{margin:0 0 .5rem;font-size:1.1rem;color:var(--text-color, #064f8b)}.visualization-message p{margin:0;font-size:.9rem;line-height:1.4}.visual-elements{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;align-items:flex-end;min-height:50px;padding:1rem .5rem}.visual-empty{color:var(--text-secondary, #495057);font-style:italic;padding:2rem;font-size:.95rem;opacity:.6;text-align:center}.visual-element{display:inline-flex;flex-direction:column;align-items:center;gap:.4rem;animation:viz-fade-in .4s ease forwards;opacity:0}.visual-element:nth-child(1){animation-delay:.05s}.visual-element:nth-child(2){animation-delay:.1s}.visual-element:nth-child(3){animation-delay:.15s}.visual-element:nth-child(4){animation-delay:.2s}.visual-element:nth-child(5){animation-delay:.25s}.visual-element:nth-child(6){animation-delay:.3s}.visual-element:nth-child(7){animation-delay:.35s}.visual-element:nth-child(8){animation-delay:.4s}.visual-element:nth-child(9){animation-delay:.45s}.visual-element:nth-child(10){animation-delay:.5s}.visual-element:nth-child(n+11){animation-delay:.55s}@keyframes viz-fade-in{0%{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.element-value{background:var(--accent-color, #4dabf7);color:var(--viz-node-text);padding:.75rem 1.25rem;border-radius:8px;font-weight:600;font-size:1.1rem;min-width:56px;text-align:center;box-shadow:0 3px 8px var(--shadow-color, rgba(0, 0, 0, .15));transition:transform .2s ease,box-shadow .2s ease}.element-value:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 6px 14px var(--shadow-color, rgba(0, 0, 0, .2))}.element-index{font-size:.75rem;color:var(--text-secondary, #495057);font-family:Courier New,monospace;opacity:.7;margin-top:.2rem}.highlight{animation:viz-highlight .6s ease!important}@keyframes viz-highlight{0%{box-shadow:0 0 0 0 var(--success-color, #27ae60)}50%{box-shadow:0 0 0 8px var(--success-glow);transform:scale(1.08)}to{box-shadow:0 0 0 0 var(--success-color, #27ae60)}}.array-info,.stack-info,.queue-info,.list-info,.tree-info,.hash-info,.graph-info,.circular-queue-info,.set-info,.deque-info{display:flex;gap:.75rem 1rem;flex-wrap:wrap;justify-content:center;align-items:center;margin:.5rem .25rem .75rem;padding:.65rem 1rem;border:1px solid var(--border-color, #dee2e6);border-right:4px solid var(--accent-color, #4dabf7);border-left:4px solid var(--accent-color, #4dabf7);border-radius:8px;box-shadow:0 2px 6px var(--shadow-color, rgba(0, 0, 0, .06));color:var(--text-color, #064f8b);font-size:.9rem;line-height:1.4;transition:transform .2s ease,box-shadow .2s ease}.array-info span,.stack-info span,.queue-info span,.list-info span,.tree-info span,.hash-info span,.graph-info span,.circular-queue-info span,.set-info span,.deque-info span{display:inline-flex;align-items:center;gap:.35rem}.stack-info .stack-direction,.queue-info .queue-direction,.deque-info .deque-direction{font-size:.8rem;opacity:.7;font-style:italic}@media(max-width:768px){.structOfData .visualization-container{max-height:45vh}.visualization-content{padding:.75rem}.element-value{padding:.6rem 1rem;font-size:1rem;min-width:48px}.array-info,.stack-info,.queue-info,.list-info,.tree-info,.hash-info,.graph-info,.circular-queue-info,.set-info,.deque-info{flex-direction:column;gap:.5rem;font-size:.8rem;padding:.5rem .75rem}}@media(prefers-reduced-motion:reduce){.visual-element,.top-element .element-value,.tree-highlight{animation:none!important;opacity:1!important;transform:none!important}.visualization-container{opacity:1!important;transform:none!important;transition:none!important}}.viz-edge{stroke:var(--viz-edge-color, var(--accent-color, #4dabf7));opacity:var(--viz-edge-opacity, .6);stroke-linecap:round}.viz-node-circle{fill:var(--accent-color, #4dabf7);stroke:var(--light-main-color);stroke-width:3;transition:filter .2s ease}.viz-node-circle.viz-node-red{fill:var(--rbt-red-color, #e74c3c);stroke:var(--rbt-red-dark, #c0392b)}.viz-node-circle.viz-node-black{fill:var(--rbt-black-color, #2c3e50);stroke:var(--rbt-black-dark, #1a252f)}.viz-node-group:hover .viz-node-circle{filter:drop-shadow(0 4px 8px var(--shadow-color, rgba(0, 0, 0, .3)))}.viz-node-label{fill:var(--viz-node-text);font-size:14px;font-weight:700;font-family:Courier New,monospace;pointer-events:none}.viz-node-index{fill:var(--text-secondary, #495057);font-size:11px;font-weight:500}.viz-node-highlight{filter:drop-shadow(0 0 6px var(--warning-color, #f39c12)) brightness(1.1);stroke:var(--warning-color, #f39c12);stroke-width:3;animation:viz-node-pulse 1.2s ease-in-out infinite}@keyframes viz-node-pulse{0%,to{filter:drop-shadow(0 0 6px var(--warning-color, #f39c12))}50%{filter:drop-shadow(0 0 14px var(--warning-color, #f39c12))}}.array-view{flex-direction:row}.array-element .element-index{font-size:.75rem;color:var(--text-secondary, #495057);font-family:Courier New,monospace;opacity:.7}.array-info{justify-content:center}.stack-view{flex-direction:column-reverse;align-items:center;min-height:200px}.stack-element{width:220px;position:relative}.stack-element .element-value{width:100%;border:2px solid var(--accent-dark, #228be6)}.top-element .element-value{background:var(--success-color, #27ae60);border-color:var(--success-dark, #229954);box-shadow:0 0 16px var(--success-glow);animation:viz-top-pulse 2s ease-in-out infinite}@keyframes viz-top-pulse{0%,to{box-shadow:0 0 16px var(--success-glow)}50%{box-shadow:0 0 24px var(--success-glow)}}.element-label{position:absolute;right:-55px;top:50%;transform:translateY(-50%);font-size:.8rem;font-weight:600;color:var(--accent-color, #4dabf7);white-space:nowrap}@media(max-width:768px){.stack-element{width:180px}.element-label{right:-50px;font-size:.7rem}}.queue-view{flex-direction:row;align-items:center;min-height:120px;overflow-x:auto;overflow-y:hidden;padding:1rem .5rem}.queue-element{min-width:80px;position:relative}.queue-element .element-value{border:2px solid var(--accent-dark, #228be6)}.front-element .element-value{background:var(--success-color, #27ae60);border-color:var(--success-dark, #229954);box-shadow:0 0 14px var(--success-glow)}.rear-element .element-value{background:var(--warning-color, #f39c12);border-color:var(--warning-dark, #e67e22);box-shadow:0 0 14px var(--warning-glow)}.queue-element .element-label{position:absolute;bottom:-22px;left:50%;transform:translate(-50%);font-size:.7rem;right:auto;top:auto}.linkedlist-view{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0}.linkedlist-node-wrap{display:flex;align-items:center}.linkedlist-node{position:relative;padding-top:1.5rem}.linkedlist-node .element-value{background:var(--accent-color, #4dabf7);border:2px solid var(--accent-dark, #228be6);min-width:80px;padding:1rem 1.5rem}.head-node .element-value{background:var(--success-color, #27ae60);border-color:var(--success-dark, #229954)}.tail-node .element-value{background:var(--warning-color, #f39c12);border-color:var(--warning-dark, #e67e22)}.node-tag{position:absolute;font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:4px;color:var(--viz-node-text);letter-spacing:.5px;top:0}.node-tag-head{left:50%;transform:translate(-50%);background:var(--success-color, #27ae60)}.node-tag-tail{background:var(--warning-color, #f39c12)}.linkedlist-link{font-size:1.8rem;color:var(--accent-color, #4dabf7);font-weight:700;margin:0 .5rem;padding-top:1.1rem;animation:viz-fade-in .4s ease forwards;opacity:0;animation-delay:.2s}.list-info .list-head-label{color:var(--success-color, #27ae60);font-weight:700;letter-spacing:.3px}.list-info .list-tail-label{color:var(--warning-color, #f39c12);font-weight:700;letter-spacing:.3px}@media(max-width:768px){.linkedlist-link{font-size:1.4rem;margin:0 .3rem}}.circular-queue-wrap{display:flex;justify-content:center;max-height:365px}.circular-queue-svg{width:50%;max-width:380px;height:auto;min-width:280px;display:block;margin:0 auto}.cq-segment-filled{stroke:var(--accent-color, #4dabf7);filter:drop-shadow(0 0 4px var(--accent-color, #4dabf7))}.cq-segment-empty{stroke:var(--border-color, #dee2e6);stroke-dasharray:4 4;opacity:.4}.cq-value{font-size:18px;font-weight:600;fill:var(--text-color, #064f8b);font-family:Courier New,monospace}.cq-pointer{font-size:12px;font-weight:700;letter-spacing:.5px}.cq-head{fill:var(--success-color, #27ae60)}.cq-head-line{stroke:var(--success-color, #27ae60)}.cq-tail{fill:var(--warning-color, #f39c12)}.cq-tail-line{stroke:var(--warning-color, #f39c12)}.set-view{flex-direction:row;flex-wrap:wrap;gap:1rem}.set-element{position:relative}.set-element .element-value{background:var(--accent-color, #4dabf7);border:2px solid var(--accent-dark, #228be6)}.duplicate-element .element-value{background:var(--error-color, #e74c3c);border-color:var(--error-dark, #c0392b);opacity:.65;text-decoration:line-through}.set-tag-dup{position:absolute;top:-10px;right:-10px;background:var(--error-color, #e74c3c);color:var(--viz-node-text);font-size:.6rem;padding:2px 6px;border-radius:4px;font-weight:700}.hash-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;padding:1rem 0}.hash-bucket{background:var(--card-background, #fff);border:2px solid var(--border-color, #dee2e6);border-radius:8px;padding:.75rem .5rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;min-height:100px;transition:all .2s ease}.hash-collision{border-color:var(--warning-color, #f39c12);background:var(--warning-bg-subtle);box-shadow:0 0 8px var(--warning-glow)}.hash-bucket-label{font-family:Courier New,monospace;font-weight:700;color:var(--accent-color, #4dabf7);font-size:.9rem}.hash-bucket-count{font-size:.7rem;color:var(--text-secondary, #495057);opacity:.7}.hash-bucket-empty{color:var(--text-secondary, #495057);opacity:.4;font-size:1.2rem}.hash-cell{background:var(--accent-color, #4dabf7);color:var(--viz-node-text);padding:.3rem .6rem;border-radius:6px;font-size:.85rem;font-weight:600;min-width:40px;text-align:center}.hash-collision .hash-cell{background:var(--warning-color, #f39c12);border:1px solid var(--warning-dark, #e67e22)}@media(max-width:768px){.hash-grid{grid-template-columns:repeat(2,1fr)}}.hash-buckets-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;padding:1rem 0}.hash-bucket-slot{background:var(--card-background, #fff);border:2px solid var(--border-color, #dee2e6);border-radius:10px;padding:.6rem .5rem;display:flex;flex-direction:column;gap:.5rem;min-height:130px;transition:all .2s ease}.hash-bucket-slot.hash-collision{border-color:var(--warning-color, #f39c12);background:var(--warning-bg-subtle);box-shadow:0 0 10px var(--warning-glow)}.hash-bucket-slot.hash-bucket-empty-slot{border-style:dashed;opacity:.55}.hash-bucket-slot-header{display:flex;justify-content:space-between;align-items:center;font-family:Courier New,monospace;font-size:.7rem;padding-bottom:.3rem;border-bottom:1px solid var(--border-color, #dee2e6)}.hash-bucket-index{font-weight:700;color:var(--accent-color, #4dabf7);font-size:.85rem;background:var(--accent-bg-subtle);padding:1px 6px;border-radius:4px}.hash-bucket-hash{color:var(--text-secondary, #495057);opacity:.65;font-style:italic}.hash-bucket-chain{display:flex;flex-direction:column;align-items:center;gap:.2rem;flex-grow:1}.hash-bucket-empty-marker{color:var(--text-secondary, #495057);opacity:.35;font-size:1.4rem;font-weight:300;align-self:center;margin:auto 0}.hash-bucket-pair{width:100%;background:var(--accent-bg-subtle);border:1px solid var(--accent-color, #4dabf7);border-radius:6px;padding:.4rem .5rem;display:flex;flex-direction:column;align-items:center;gap:.15rem;font-size:.85rem;position:relative;animation:viz-fade-in .35s ease forwards;opacity:0}.hash-bucket-pair.hash-bucket-pair-new{animation-delay:0s}.hash-collision .hash-bucket-pair{background:var(--warning-bg-subtle);border-color:var(--warning-color, #f39c12)}.hash-bucket-pair-hash{font-family:Courier New,monospace;font-size:.65rem;color:var(--text-secondary, #495057);opacity:.75}.hash-bucket-pair-key{font-weight:700;color:var(--text-color, #064f8b);font-family:Courier New,monospace}.hash-bucket-pair-arrow{color:var(--accent-color, #4dabf7);font-size:.9rem;font-weight:700;line-height:1}.hash-bucket-pair-value{background:var(--accent-color, #4dabf7);color:var(--viz-node-text);padding:.2rem .5rem;border-radius:4px;font-weight:600;font-size:.8rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hash-collision .hash-bucket-pair-value{background:var(--warning-color, #f39c12)}.hash-bucket-chain-link{color:var(--warning-color, #f39c12);font-size:1rem;font-weight:700;line-height:1}.dictionary-tape{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:flex-start;gap:.5rem;padding:1rem 0}.dictionary-pair{display:flex;flex-direction:column;align-items:center;gap:.3rem;background:var(--card-background, #fff);border:2px solid var(--accent-color, #4dabf7);border-radius:8px;padding:.6rem .8rem;min-width:90px;position:relative;transition:all .2s ease;animation:viz-fade-in .35s ease forwards;opacity:0}.dictionary-pair:hover{transform:translateY(-3px);box-shadow:0 6px 14px var(--shadow-color, rgba(0, 0, 0, .15))}.dictionary-pair.dictionary-pair-new{animation-delay:0s}.dictionary-pair-position{font-family:Courier New,monospace;font-size:.65rem;color:var(--text-secondary, #495057);opacity:.7;font-weight:600}.dictionary-pair-key{font-family:Courier New,monospace;font-weight:700;color:var(--text-color, #064f8b);font-size:.95rem;word-break:break-all;text-align:center}.dictionary-pair-arrow{color:var(--accent-color, #4dabf7);font-size:1rem;font-weight:700;line-height:1}.dictionary-pair-value{background:var(--accent-color, #4dabf7);color:var(--viz-node-text);padding:.3rem .7rem;border-radius:5px;font-weight:600;font-size:.9rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dictionary-pair-link{display:flex;align-items:center;font-size:1.5rem;color:var(--accent-color, #4dabf7);font-weight:700;align-self:center;padding:0 .25rem}@media(max-width:768px){.hash-buckets-grid{grid-template-columns:repeat(2,1fr)}.dictionary-tape{gap:.35rem}.dictionary-pair{min-width:70px;padding:.5rem .6rem}.dictionary-pair-link{font-size:1.2rem}}@keyframes viz-pair-updated{0%{background:var(--success-bg-subtle);transform:scale(1.04);box-shadow:0 0 0 4px var(--success-glow)}60%{background:var(--success-bg-subtle);transform:scale(1.02);box-shadow:0 0 0 2px var(--success-glow)}to{background:inherit;transform:scale(1);box-shadow:none}}.hash-bucket-pair.hash-pair-updated,.dictionary-pair.dictionary-pair-updated{animation:viz-pair-updated 1.2s ease-out;border-color:var(--success-color, #2ecc71)}.tree-svg{width:100%;height:auto;max-height:50vh;display:block;margin:0 auto;overflow:visible}.tree-empty{fill:var(--text-secondary, #495057);font-size:5px;font-style:italic}.tree-legend{fill:var(--text-secondary, #495057);font-size:11px;font-style:italic;display:none}.tree-info-rbt .rbt-legend{display:inline-flex;align-items:center;gap:.4rem}.rbt-legend-red,.rbt-legend-black{display:inline-block;width:14px;height:14px;border-radius:3px;margin:0 .2rem;vertical-align:middle}.graph-wrap{display:flex;justify-content:center;padding:1rem 0}.graph-svg{width:50%;max-width:410px;height:auto;display:block;margin:0 auto}.graph-empty{text-align:center;color:var(--text-secondary, #495057);font-style:italic;padding:1rem 0}.struct-controls{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;margin:1rem 0;display:block;text-align:center}.struct-controls.show{opacity:1;transform:translateY(0)}.struct-controls:not(.show){pointer-events:none}.struct-controls:not(.show) .struct-control-input,.struct-controls:not(.show) .struct-control-btn{opacity:0;transform:translateY(8px)}.struct-controls-input-wrap{margin-bottom:.75rem;display:flex;justify-content:center;opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease}.struct-controls.show .struct-controls-input-wrap{opacity:1;transform:translateY(0)}.struct-controls-pair-wrap{display:none;gap:.5rem;width:100%;max-width:600px;justify-content:center}.struct-controls-pair-wrap .struct-control-input{max-width:280px;flex:1 1 0;min-width:100px}.struct-control-input-key{border-left:3px solid var(--accent-color, #4dabf7)}.struct-control-input-value{border-left:3px solid var(--success-color, #51cf66)}.struct-control-input-key:focus,.struct-control-input-value:focus{outline:none;border-color:var(--accent-color, #4dabf7);box-shadow:0 0 0 3px var(--focus-glow)}.struct-control-btn:disabled,.struct-control-btn[disabled]{opacity:.4;cursor:not-allowed;background:var(--card-background, #fff);color:var(--text-secondary, #495057);border-color:var(--border-color, #dee2e6)}.struct-control-btn:disabled:hover,.struct-control-btn[disabled]:hover{background:var(--card-background, #fff);color:var(--text-secondary, #495057);border-color:var(--border-color, #dee2e6);transform:none;box-shadow:none}.struct-control-input{width:100%;max-width:360px;padding:.65rem 1rem;font-size:.95rem;color:var(--text-color, #064f8b);background:var(--card-background, #fff);border:1px solid var(--border-color, #dee2e6);border-radius:8px;box-shadow:0 2px 4px var(--shadow-color, rgba(0, 0, 0, .04));transition:all .2s ease;font-family:inherit;box-sizing:border-box}.struct-control-input::placeholder{color:var(--text-secondary, #495057);opacity:.5}.struct-control-input:focus{outline:none;border-color:var(--accent-color, #4dabf7);box-shadow:0 0 0 3px var(--focus-glow)}.struct-controls-buttons{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.struct-control-btn{padding:.5rem 1rem;font-size:.9rem;font-weight:600;font-family:inherit;color:var(--text-color, #064f8b);background:var(--card-background, #fff);border:1px solid var(--border-color, #dee2e6);border-radius:6px;cursor:pointer;transition:all .2s ease;min-width:80px;text-align:center;opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease,background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.struct-controls.show .struct-control-btn{opacity:1;transform:translateY(0)}.struct-control-btn:hover{background:var(--accent-color, #4dabf7);color:var(--button-text-color);border-color:var(--accent-color, #4dabf7);transform:translateY(-1px);box-shadow:0 3px 8px var(--shadow-color, rgba(0, 0, 0, .15))}.struct-control-btn:active{transform:translateY(0);box-shadow:0 1px 3px var(--shadow-color, rgba(0, 0, 0, .1))}.struct-control-btn-remove,.struct-control-btn-removeLast,.struct-control-btn-removeFront,.struct-control-btn-removeRear,.struct-control-btn-removeKey,.struct-control-btn-pop,.struct-control-btn-dequeue{color:var(--error-color, #e74c3c);border-color:var(--error-color, #e74c3c);opacity:.85}.struct-control-btn-remove:hover,.struct-control-btn-removeLast:hover,.struct-control-btn-removeFront:hover,.struct-control-btn-removeRear:hover,.struct-control-btn-removeKey:hover,.struct-control-btn-pop:hover,.struct-control-btn-dequeue:hover{background:var(--error-color, #e74c3c);color:var(--button-text-color);border-color:var(--error-color, #e74c3c);opacity:1}.struct-control-btn-clear{color:var(--error-color, #e74c3c);border-color:var(--error-color, #e74c3c);opacity:.85}.struct-control-btn-clear:hover{background:var(--error-color, #e74c3c);color:var(--button-text-color);border-color:var(--error-color, #e74c3c);opacity:1;transform:translateY(-1px);box-shadow:0 3px 8px var(--shadow-color, rgba(0, 0, 0, .15))}@media(max-width:600px){.struct-control-input{max-width:100%}.struct-controls-buttons{gap:.4rem}.struct-control-btn{flex:1 1 calc(50% - .5rem);min-width:0}.struct-controls-pair-wrap{flex-direction:column}.struct-controls-pair-wrap .struct-control-input{max-width:100%}}.struct-controls:not(.show):empty,.struct-controls:not(.show) .struct-controls-buttons:empty{margin:0;padding:0}.toast-container{position:fixed;top:24px;right:24px;z-index:10000;display:flex;flex-direction:column;gap:14px;pointer-events:none;max-width:380px}.toast-notification{display:flex;align-items:center;gap:14px;background:var(--toast-bg, rgba(255, 255, 255, .85));backdrop-filter:var(--toast-backdrop, blur(12px));-webkit-backdrop-filter:var(--toast-backdrop, blur(12px));border:1px solid var(--toast-border, rgba(255, 255, 255, .6));border-left:4px solid var(--accent-color, #4dabf7);border-radius:16px;padding:14px 18px;box-shadow:0 8px 24px var(--toast-shadow, rgba(0, 0, 0, .15)),inset 0 1px #ffffff40;color:var(--text-color, #064f8b);font-size:.95rem;font-weight:500;line-height:1.4;pointer-events:auto;cursor:pointer;opacity:0;transform:translate(120%) scale(.92);transition:opacity .35s cubic-bezier(.34,1.56,.64,1),transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease;min-width:260px;overflow:hidden}.toast-notification.toast-show{opacity:1;transform:translate(0) scale(1)}.toast-notification.toast-hide{opacity:0;transform:translate(120%) scale(.92)}.toast-notification:hover{box-shadow:0 12px 32px var(--toast-shadow, rgba(0, 0, 0, .2)),inset 0 1px #ffffff4d;transform:translateY(-1px)}.toast-notification.toast-show:hover{transform:translateY(-1px)}.toast-icon{font-size:1rem;font-weight:700;flex-shrink:0;width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--button-text-color);box-shadow:0 0 0 1px #ffffff40}.toast-success{border-left-color:var(--success-color, #27ae60)}.toast-success .toast-icon{background:var(--success-color, #27ae60);box-shadow:0 0 12px var(--success-glow, rgba(39, 174, 96, .5))}.toast-error{border-left-color:var(--error-color, #e74c3c)}.toast-error .toast-icon{background:var(--error-color, #e74c3c);box-shadow:0 0 12px var(--error-glow, rgba(239, 68, 68, .5))}.toast-warning{border-left-color:var(--warning-color, #f39c12)}.toast-warning .toast-icon{background:var(--warning-color, #f39c12);box-shadow:0 0 12px var(--warning-glow, rgba(243, 156, 18, .5))}.toast-info{border-left-color:var(--accent-color, #4dabf7)}.toast-info .toast-icon{background:var(--accent-color, #4dabf7);box-shadow:0 0 12px var(--card-shadow-accent, rgba(77, 171, 247, .3))}.toast-message{flex:1;word-break:break-word}.toast-close{background:none;border:none;font-size:1.3rem;cursor:pointer;color:var(--text-secondary, #495057);opacity:.5;transition:opacity .2s ease,color .2s ease,transform .2s ease;padding:0 4px;line-height:1;flex-shrink:0}.toast-close:hover{opacity:1;color:var(--text-color, #064f8b);transform:scale(1.1)}@media(max-width:480px){.toast-container{top:12px;right:12px;left:12px;max-width:none}.toast-notification{min-width:0;padding:12px 14px;border-radius:14px}}.comparison-info-cards{margin:3rem 0;padding:2rem;background:var(--card-background);border-radius:12px;box-shadow:0 4px 6px var(--shadow-color)}.algorithm-theory-card-content{background:var(--card-background);border-radius:10px;padding:1.5rem;margin:1rem 0;border:3px solid var(--light-main-color)}.theory-card-header{margin-bottom:1.5rem;border-bottom:2px solid var(--accent-color);padding-bottom:1rem}.theory-card-header h3{margin:0 0 .5rem;color:var(--main-color);font-size:1.5rem}.theory-card-header .algorithm-name{color:var(--text-color);font-size:1.2rem;font-weight:600}.theory-section{margin:1.5rem 0}.theory-section h4{color:var(--accent-color);margin-bottom:1rem;font-size:1.2rem}.theory-section p{color:var(--text-color);line-height:1.6}.complexity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.complexity-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--card-background);border-radius:8px;border:3px solid var(--light-main-color)}.complexity-label{color:var(--text-secondary);font-size:.9rem}.complexity-value{font-weight:700;font-size:1.1rem;font-family:Courier New,monospace}.complexity-value.good{color:var(--success-color)}.complexity-value.average{color:var(--warning-color)}.complexity-value.bad{color:var(--error-color)}.info-grid{display:flex;flex-direction:column;gap:.75rem}.info-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--card-background);border-radius:8px;color:var(--text-color)}.info-item i{color:var(--accent-color);font-size:1.2rem}.resource-links{display:flex;flex-wrap:wrap;gap:1rem}.resource-links a{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--accent-color);color:var(--button-text-color);text-decoration:none;border-radius:8px;transition:all .3s ease}.resource-links a:hover{transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow-color)}.comparison-info-cards>h3{color:var(--main-color);font-size:1.8rem;margin-bottom:2rem;text-align:center}.info-card-wrapper{margin-bottom:2rem}.info-card-wrapper:last-child{margin-bottom:0}.comparison-code-section{margin:3rem 0;padding:2rem;background:var(--card-background);border-radius:12px;box-shadow:0 4px 6px var(--shadow-color);border:3px solid var(--light-main-color)}.comparison-code-section>h3{color:var(--main-color);font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.code-selector{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--background-color);border-radius:8px;border:3px solid var(--light-main-color)}.code-selector label{color:var(--text-color);font-weight:600;font-size:1.1rem}.code-selector select{flex:1;padding:.75rem 1rem;font-size:1rem;border:2px solid var(--border-color);border-radius:8px;background:var(--card-background);color:var(--text-color);cursor:pointer;transition:all .3s ease}.code-selector select:hover{border-color:var(--accent-color)}.code-selector select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--focus-glow)}.code-display-container{background:var(--background-color);border-radius:8px;overflow:hidden;border:3px solid var(--light-main-color)}.code-display-container pre{margin:0;padding:1.5rem;overflow-x:auto}.code-display-container code{font-family:Courier New,Consolas,Monaco,monospace;font-size:.95rem;line-height:1.6}.comparison .last-p{animation:fadeIn .6s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.comparison-info-cards,.comparison-code-section{padding:1.5rem}.code-selector{flex-direction:column;align-items:stretch}.code-selector label{text-align:center}.code-display-container code{font-size:.85rem}}body.purple-dark .code-selector select,body.toxic .code-selector select{background:var(--main-background-color);color:var(--text-color)}body.purple-dark .code-display-container,body.toxic .code-display-container{background:var(--main-background-color)}.merger{padding:20px;max-width:1400px;margin:0 auto}.merger .header{text-align:center;margin-bottom:3rem}.merger .header h2{font-size:2.5rem;color:var(--main-color);margin-bottom:.5rem}.merger .header p{font-size:1.1rem;color:var(--text-secondary)}.merger .choose-count{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:2rem;padding:1rem}.merger .count-card{background:var(--card-background);border:2px solid var(--border-color);border-radius:15px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.merger .count-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-color),var(--main-color));transform:scaleX(0);transition:transform .3s ease}.merger .count-card:hover:before,.merger .count-card.selected:before{transform:scaleX(1)}.merger .count-card:hover{transform:translateY(-5px);border-color:var(--accent-color);box-shadow:0 10px 30px var(--shadow-color)}.merger .count-card.selected{border-color:var(--accent-color);background:var(--hover-color);box-shadow:0 8px 25px var(--shadow-color)}.merger .count-card h3{font-size:1.5rem;color:var(--main-color);margin-bottom:.5rem}.merger .count-card p{font-size:1rem;color:var(--text-secondary);margin-bottom:1.5rem}.merger .count-card>div{width:80px;height:80px;margin:1rem auto 0;background:var(--accent-color);color:var(--button-text-color);font-size:2.5rem;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px var(--card-shadow);transition:all .3s ease}.merger .count-card:hover>div{transform:scale(1.1) rotate(360deg)}.merger .center{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.merger .next-button,.merger .back-button{padding:1rem 2rem;font-size:1.1rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 8px var(--shadow-color)}.merger .next-button{background:var(--accent-color);color:var(--button-text-color)}.merger .next-button:hover{background:var(--main-color);transform:translateY(-2px);box-shadow:0 6px 12px var(--shadow-color)}.merger .back-button{background:var(--background-color);color:var(--text-color);border:2px solid var(--border-color)}.merger .back-button:hover{background:var(--hover-color);border-color:var(--accent-color);transform:translateY(-2px)}.merger .bottom-buttons{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem;padding:1rem}.merger .chose_struct,.merger .chose_sequence,.merger .chose_confirm,.merger .handler_div{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.algorithm-selector{margin:1.5rem 0;padding:1.5rem;background:var(--card-background);border-radius:10px;border:2px solid var(--border-color);transition:all .3s ease}.algorithm-selector:hover{border-color:var(--accent-color);box-shadow:0 4px 8px var(--shadow-color)}.algorithm-selector h4{color:var(--main-color);margin-bottom:1rem;font-size:1.2rem}.algorithm-selector select{width:100%;padding:.75rem;font-size:1rem;border:2px solid var(--border-color);border-radius:8px;background:var(--background-color);color:var(--text-color);cursor:pointer;transition:all .3s ease}.algorithm-selector select:hover{border-color:var(--accent-color)}.algorithm-selector select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--focus-glow)}.selected-algorithms-list{display:flex;flex-direction:column;gap:1rem;padding:2rem}.selected-algorithm-item{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:var(--card-background);border-radius:10px;border:2px solid var(--border-color);box-shadow:0 2px 4px var(--shadow-color);animation:slideIn .4s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.selected-algorithm-item .step-number{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--accent-color);color:var(--button-text-color);border-radius:50%;font-weight:700;font-size:1.2rem}.selected-algorithm-item .algorithm-info{flex:1}.selected-algorithm-item .algorithm-info h4{margin:0 0 .5rem;color:var(--text-color);font-size:1rem;opacity:.8}.selected-algorithm-item .algorithm-info p{margin:0;color:var(--main-color);font-size:1.2rem;font-weight:600}.selected-algorithm-item i.fa-check-circle{color:var(--success-color);font-size:2rem}.arrow-down{text-align:center;padding:.5rem 0}.arrow-down i{color:var(--accent-color);font-size:2rem;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.merger .PlaceForMergeAlgoritms{margin-top:3rem}.merger .merger-results-title{color:var(--main-color);font-size:2.5rem;margin-bottom:2.5rem;text-align:center;font-weight:700;position:relative;padding-bottom:1rem}.merger .merger-results-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(90deg,transparent,var(--accent-color),transparent);border-radius:2px}.merger .input-menu{margin:2rem 0;padding:2rem;background:var(--card-background);border-radius:15px;box-shadow:0 4px 12px var(--shadow-color)}.merger .InputTypeButtons{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.merger .InputTypeButtons button{flex:1;min-width:200px;padding:1rem;background:var(--background-color);border:2px solid var(--border-color);border-radius:10px;color:var(--text-color);cursor:pointer;transition:all .3s ease;font-weight:600}.merger .InputTypeButtons button:hover{background:var(--hover-color);border-color:var(--accent-color);transform:translateY(-2px)}.merger .InputTypeButtons button.chosen{background:var(--accent-color);color:var(--button-text-color);border-color:var(--accent-color)}.merger .InputDataButtons{position:relative}.merger .InputDataButtons>div{display:none;padding:1.5rem;background:var(--background-color);border-radius:10px;border:2px solid var(--border-color)}.merger .InputDataButtons>div.chosen{display:block}.merger .input-container{margin-bottom:1rem}.merger .input-container input{width:100%;padding:1rem;border:2px solid var(--border-color);border-radius:8px;font-size:1rem;background:var(--card-background);color:var(--text-color);transition:all .3s ease}.merger .input-container input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--focus-glow)}.merger .info-icon{position:relative;display:inline-block;margin-bottom:1rem}.merger .info-icon span{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--accent-color);color:var(--button-text-color);border-radius:50%;font-size:.8rem;cursor:help}.merger .info-icon .info-massege{display:none;position:absolute;bottom:100%;left:0;margin-bottom:.5rem;padding:.75rem;background:var(--card-background);border:2px solid var(--border-color);border-radius:8px;box-shadow:0 4px 8px var(--shadow-color);white-space:nowrap;z-index:10;font-size:.9rem;color:var(--text-color)}.merger .info-icon:hover .info-massege{display:block}.merger .file-upload{margin-bottom:1rem}.merger .file-label{display:flex;align-items:center;gap:1rem;cursor:pointer}.merger .file-button{padding:.75rem 1.5rem;background:var(--accent-color);color:var(--button-text-color);border-radius:8px;font-weight:600;transition:all .3s ease}.merger .file-button:hover{background:var(--main-color)}.merger .file-name{color:var(--text-secondary);font-size:.95rem}.merger .file-input{display:none}.merger .input-range{width:100%;margin-bottom:1rem}.merger .InputDataButtons button{width:100%;padding:1rem;background:var(--accent-color);color:var(--button-text-color);border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem}.merger .InputDataButtons button:hover{background:var(--main-color);transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow-color)}.merger-step-result{margin:1.5rem 0;padding:2rem;background:var(--card-background);border-radius:15px;border:2px solid var(--border-color);box-shadow:0 4px 12px var(--shadow-color);opacity:0;transform:translateY(20px);transition:all .5s ease}.merger-step-result.show{opacity:1;transform:translateY(0)}.merger-step-result .step-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.merger-step-result .step-number{width:50px;height:50px;background:linear-gradient(135deg,var(--accent-color),var(--main-color));color:var(--button-text-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;box-shadow:0 4px 8px var(--card-shadow);flex-shrink:0}.merger-step-result .step-info{flex:1}.merger-step-result .step-info h4{margin:0 0 .5rem;color:var(--text-color);font-size:1rem;opacity:.8;font-weight:500}.merger-step-result .step-badge{display:inline-block;padding:.5rem 1rem;background:var(--accent-color);color:var(--button-text-color);border-radius:20px;font-weight:600;font-size:1.1rem}.merger-step-result .step-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.merger-step-result .stat-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--background-color);border-radius:10px;border:1px solid var(--border-color);transition:all .3s ease}.merger-step-result .stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow-color);border-color:var(--accent-color)}.merger-step-result .stat-item i{color:var(--accent-color);font-size:1.8rem;flex-shrink:0}.merger-step-result .stat-item>div{display:flex;flex-direction:column;gap:.25rem}.merger-step-result .stat-label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.merger-step-result .stat-value{font-size:1.2rem;color:var(--main-color);font-weight:700}.merger-step-result .step-data-preview{padding:1rem;background:var(--card-background);border-radius:8px;border:1px solid var(--border-color)}.merger-step-result .step-data-preview strong{display:block;margin-bottom:.5rem;color:var(--text-color)}.merger-step-result .step-data-preview code{display:block;padding:.75rem;background:var(--main-background-color);border-radius:5px;color:var(--accent-color);font-family:Courier New,monospace;font-size:.9rem;overflow-x:auto}.merger-final-info{margin-top:3rem;padding:3rem;background:linear-gradient(135deg,var(--accent-color) 0%,var(--main-color) 100%);border-radius:20px;color:var(--button-text-color-on-dark);box-shadow:0 10px 30px var(--section-shadow);opacity:0;transform:translateY(30px);transition:all .6s ease}.merger-final-info.show{opacity:1;transform:translateY(0)}.merger-final-info .final-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:2.5rem}.merger-final-info .final-header i{font-size:3rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.merger-final-info .final-header h3{margin:0;font-size:2.5rem}.merger-final-info .final-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2.5rem}.merger-final-info .final-stat-card{background:var(--glass-card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;padding:1.5rem;display:flex;align-items:center;gap:1.5rem;transition:all .3s ease}.merger-final-info .final-stat-card:hover{background:var(--glass-card-bg-hover);transform:translateY(-5px)}.merger-final-info .stat-icon{width:60px;height:60px;background:var(--glass-icon-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.merger-final-info .stat-icon i{font-size:2rem}.merger-final-info .stat-content{display:flex;flex-direction:column;gap:.5rem}.merger-final-info .stat-label{font-size:.95rem;opacity:.9;font-weight:500}.merger-final-info .stat-value{font-size:2rem;font-weight:700;line-height:1}.merger-final-info .useful-info-block{padding:2rem;background:var(--glass-card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px}.merger-final-info .useful-info-block h4{margin:0 0 1.5rem;font-size:1.8rem;display:flex;align-items:center;gap:.75rem}.merger-final-info .useful-info-block p{margin:0 0 1.5rem;line-height:1.8;font-size:1.1rem;opacity:.95}.merger-final-info .useful-info-block ul{margin:0 0 1.5rem;padding:0;list-style:none}.merger-final-info .useful-info-block ul li{margin:1rem 0;padding-left:2.5rem;position:relative;line-height:1.8;font-size:1.05rem}.merger-final-info .useful-info-block ul li i{position:absolute;left:0;top:.25rem;font-size:1.2rem;opacity:.9}.merger-final-info .info-tip{margin-top:1.5rem;padding:1.25rem;background:var(--glass-note-bg);border-left:4px solid var(--glass-note-accent);border-radius:8px;font-size:1rem;line-height:1.7}.merger-final-info .info-tip strong{font-weight:700}.notification{position:fixed;top:20px;right:20px;padding:1rem 1.5rem;border-radius:8px;box-shadow:0 4px 8px var(--toast-shadow);z-index:10000;display:none;animation:slideInRight .3s ease}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notification.info{background:var(--info-color);color:var(--button-text-color)}.notification.warning{background:var(--warning-color);color:var(--button-text-color)}.notification.error{background:var(--error-color);color:var(--button-text-color)}.notification.success{background:var(--success-color);color:var(--button-text-color)}@media(max-width:768px){.selected-algorithm-item{flex-direction:column;text-align:center}.merger-step-result .step-header{flex-direction:column;gap:1rem}.merger-final-info .final-stats{grid-template-columns:1fr}}.inactive{display:none!important}.toggle-data-btn{padding:.4rem .8rem;background:var(--accent-color);color:var(--button-text-color);border:none;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;margin-left:1rem}.toggle-data-btn:hover{background:var(--main-color);transform:translateY(-1px);box-shadow:0 2px 4px var(--shadow-color)}.toggle-data-btn i{font-size:.75rem}.data-preview-header{display:flex;align-items:center;margin-bottom:.5rem}.data-preview-content code{display:block;padding:.75rem;background:var(--divider-color);border-radius:6px;max-width:100%;overflow-x:auto;word-wrap:break-word}.restart-section{margin-top:2rem;padding-top:2rem;border-top:2px solid var(--glass-divider);text-align:center}.restart-button{padding:1rem 2.5rem;background:linear-gradient(135deg,var(--accent-color),var(--main-color));color:var(--button-text-color-on-dark);border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.75rem;box-shadow:0 4px 12px var(--button-shadow-on-dark)}.restart-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px var(--button-shadow-on-dark)}.restart-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000004d}.restart-button:active{transform:translateY(0)}.restart-button i{font-size:1.2rem}