*{padding:0;transition:all .3s ease}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;height:100vh}.main-layout{display:flex;flex:1 1;flex-direction:column;overflow-x:hidden;transition:opacity .3s ease,margin-left .3s ease}.main-layout.sidebar-open{opacity:.7;pointer-events:none}.main-content{flex:1 1;padding-top:60px}.loading-container{align-items:center;background:#f8f9fa;display:flex;flex-direction:column;height:100vh;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e3e3e3;border-radius:50%;border-top-color:#667eea;height:40px;margin-bottom:20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container p{color:#666;font-size:16px;margin:0}@media (max-width:768px){.App{flex-direction:column}.main-content{flex:1 1;padding-top:50px}}.sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;height:100%;width:100%;z-index:1001}.sidebar,.sidebar-backdrop{left:0;position:fixed;top:0}.sidebar{animation:slideIn .3s ease-out;background-color:#f8f9fa;box-shadow:2px 0 15px #0003;display:flex;flex-direction:column;height:95vh;overflow-x:hidden;overflow-y:auto;padding:20px;width:335px;z-index:1002}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.close-sidebar{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:5px;transition:color .2s}.close-sidebar:hover{color:#dc3545}.sidebar-header{justify-content:space-between;margin-bottom:30px}.sidebar-header,.sidebar-logo,.sidebar-title{align-items:center;display:flex}.sidebar-logo{background-color:#007bff;border-radius:50%;color:#fff;height:40px;justify-content:center;margin-left:10px;margin-right:10px;margin-top:20px;width:40px}.sidebar-logo svg,.sidebar-name{font-size:20px}.sidebar-name{color:#333;cursor:pointer;font-weight:700;height:40px;margin-top:30px}.sidebar-links{display:flex;flex-direction:column;gap:10px}.nav-item,.nav-link{width:100%}.nav-link{align-items:center;background:none;border:none;border-radius:5px;color:#333;cursor:pointer;display:flex;padding:10px 15px;text-align:left;text-decoration:none;transition:background-color .3s ease}.nav-link:hover{background-color:#e9ecef}.nav-link.active{background-color:#007bff;color:#fff}.nav-icon{align-items:center;display:flex;font-size:18px;height:24px;justify-content:center;margin-right:10px;width:24px}.nav-label{font-size:16px}.ml-auto{margin-left:auto}.sub-items{max-height:0;overflow:hidden;padding-left:0;transition:max-height .3s ease-out}.sub-items.open{margin-top:5px;max-height:1000px}.nav-link.sub-link{font-size:14px;padding:8px 15px 8px 40px}.sub-items.nested{padding-left:15px}.nav-link.sub-link.nested{font-size:13px;padding:8px 15px 8px 55px}.sub-link{opacity:0;transform:translateY(-10px);transition:opacity .3s ease-out,transform .3s ease-out}.sub-items.open .sub-link{opacity:1;transform:translateY(0)}@media (max-width:768px){.sidebar{height:100vh;width:100%}.sidebar-links{flex-direction:column}.nav-link{align-items:center;flex-direction:row;text-align:left;width:90%}.sidebar-header{padding-right:2rem}.nav-icon{margin-bottom:0;margin-right:10px}}.tooltip-container{display:inline-block;position:relative}.tooltip{animation:tooltipFade .2s ease-in;background:#000c;border-radius:6px;font-size:12px;padding:6px 10px;position:absolute;white-space:nowrap;z-index:1003}.tooltip-bottom{left:50%;margin-top:8px;top:100%;transform:translateX(-50%)}.tooltip-bottom:before{border:4px solid;border-color:#0000 #0000 #000c;bottom:100%;content:"";left:50%;position:absolute;transform:translateX(-50%)}@keyframes tooltipFade{0%{opacity:0;transform:translateX(-50%) translateY(-5px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.header{align-items:center;background-color:#81e2ff;box-shadow:0 2px 10px #0000;display:flex;height:50px;justify-content:space-between;left:0;padding:10px 80px;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.header-scrolled{animation:slideDown .3s ease-in-out;background-color:#81e2fff2;box-shadow:0 2px 10px #0000001a;height:50px}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.header span{color:crimson}.header-logo{flex:1 1;font-family:Times New Roman,Times,serif;font-size:2rem;font-weight:700;letter-spacing:1px;margin-left:-50px;text-align:center;transition:font-size .3s ease}.header-scrolled .header-logo{font-size:1.8rem}.header__options{display:flex}.header__option{color:#616161;cursor:pointer;font-weight:500;margin-left:100px}#header__bar{align-items:center;background-color:#f59415;bottom:0;color:#fff;display:flex;flex-direction:column;height:120px;justify-content:center;position:absolute;right:0;transition:all .5s ease;width:100%;z-index:300}.header__bar__title{font-size:2rem;margin-bottom:10px}.header__bar__icons{color:#fff}#header__bar img{height:30px;margin:0 10px;width:30px}.hamburger-button{background:none;border:none;color:#2e8fde;cursor:pointer;font-size:24px;left:20px;padding:10px;position:absolute;top:50%;transform:translateY(-50%);transition:left .3s ease;z-index:1001}.hamburger-button.shifted{left:300px}.header.sidebar-open{padding-left:240px}.avatar-section{align-items:center;display:flex;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.avatar-button,.avatar-container{position:relative}.avatar-button{align-items:center;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;overflow:hidden;transition:all .3s ease;width:40px}.avatar-button.login-avatar{background:linear-gradient(135deg,#2e8fde,#4a9eff);border-color:#fffc}.avatar-button.login-avatar:hover{background:linear-gradient(135deg,#1e7fce,#3a8eef);box-shadow:0 4px 12px #2e8fde4d;transform:scale(1.05)}.avatar-button.authenticated{border-color:#fff;position:relative}.avatar-button.authenticated:after{background:#4caf50;border:2px solid #fff;border-radius:50%;bottom:2px;content:"";height:12px;position:absolute;right:2px;width:12px}.avatar-button.authenticated:hover{box-shadow:0 4px 15px #0003;transform:scale(1.05)}.avatar-dropdown{animation:dropdownSlide .2s ease-out;background:#fff;border:1px solid #0000001a;border-radius:12px;box-shadow:0 8px 25px #00000026;min-width:220px;position:absolute;right:0;top:50px;z-index:1002}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:16px}.user-info{gap:12px}.dropdown-avatar,.user-info{align-items:center;display:flex}.dropdown-avatar{border:2px solid #fff3;border-radius:50%;color:#fff;font-size:18px;font-weight:700;height:45px;justify-content:center;width:45px}.user-details{display:flex;flex-direction:column}.username{color:#333;font-size:16px;font-weight:600}.user-status{color:#4caf50;font-size:12px;font-weight:500}.dropdown-divider{background:#e9ecef;height:1px;margin:0 16px}.dropdown-item{align-items:center;color:#666;display:flex;gap:10px;padding:12px 16px;transition:background-color .2s}.dropdown-item:hover{background:#f8f9fa}.logout-item{border-radius:0 0 12px 12px;color:#dc3545}.logout-item:hover{background:#fff5f5;color:#c82333}@media only screen and (max-width:600px){.header-logo{font-size:1.5rem;margin-left:80px;margin-right:-50px}.header{padding:0 10px}.header__option{font-size:.9rem}.hamburger-button.shifted{left:240px}.avatar-section{right:15px}.avatar-button{font-size:14px;height:35px;width:35px}.avatar-dropdown{min-width:200px;right:-10px}.dropdown-avatar{font-size:16px;height:40px;width:40px}}@media only screen and (max-width:480px){.header-logo{font-size:1.2rem;margin-left:60px}.avatar-button{font-size:13px;height:32px;width:32px}.avatar-dropdown{min-width:180px;right:-15px}.dropdown-header{padding:12px}.dropdown-avatar{font-size:14px;height:35px;width:35px}.username{font-size:14px}}:root{--primary-color:#3498db;--secondary-color:#2ecc71;--accent-color:#e74c3c;--background-color:#f8f9fa;--card-background:#fff;--muted-color:#6c757d;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-secondary:linear-gradient(135deg,#f093fb,#f5576c);--shadow-light:0 4px 6px #00000012;--shadow-medium:0 8px 25px #0000001a;--shadow-heavy:0 15px 35px #00000026}.home-page{background-color:#f8f9fa;background-color:var(--background-color);color:#333;color:var(--text-color);display:flex;flex-direction:column;font-family:Arial,sans-serif;line-height:1.6;margin:0;min-height:100vh;padding:0}.Sort{margin:0 auto;max-width:1200px;padding:2rem}.hero{background:linear-gradient(135deg,#3498db,#2ecc71);color:#fff;padding:6rem 0 4rem;text-align:center}.title{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem}.subtitle{font-size:1.25rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px}.cta-button{align-items:center;background-color:#fff;border-radius:50px;color:#3498db;color:var(--primary-color);display:inline-flex;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.cta-button:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-3px)}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.algorithm-preview{background-color:#fff;background-color:var(--card-background);border-radius:8px;box-shadow:0 4px 6px #0000001a;margin-top:-3rem;padding:2rem;position:relative}.algorithm-tabs{display:flex;justify-content:center;margin-bottom:1.5rem}.tab{color:#6c757d;color:var(--muted-color);font-size:1rem;font-weight:600;margin:0 .5rem;padding:.5rem 1rem;transition:all .3s ease}.tab.active{border-bottom:2px solid #3498db;border-bottom:2px solid var(--primary-color);color:#3498db;color:var(--primary-color)}.bar-container{align-items:flex-end;display:flex;height:200px;justify-content:space-around;padding:20px}.bar{background-color:#3498db;background-color:var(--primary-color);transition:height .5s ease;width:30px}.bar:hover{background-color:#2ecc71;background-color:var(--secondary-color)}.algorithm-description{color:#6c757d;color:var(--muted-color);margin-top:1.5rem;text-align:center}.section-title{font-size:2.25rem;margin-bottom:2rem}.getting-started{margin:4rem 0}.getting-started-steps{display:flex;gap:2rem;justify-content:space-between}.step-card{background-color:#fff;background-color:var(--card-background);border-radius:8px;box-shadow:0 4px 6px #0000001a;flex:1 1;padding:1.5rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.step-card:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-5px)}.step-icon{color:#3498db;color:var(--primary-color);height:48px;margin-bottom:1rem;width:48px}.step-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.feature-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature{background-color:#fff;background-color:var(--card-background);border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:1.5rem;text-align:center;transition:transform .3s ease}.feature:hover{transform:scale(1.05)}.feature-icon{color:#3498db;color:var(--primary-color);height:48px;width:48px}.feature-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.feature-description{color:#6c757d;color:var(--muted-color)}.learn-more-section{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:20px;margin:6rem 0;overflow:hidden;padding:4rem 2rem;position:relative}.learn-more-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='2' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E") repeat;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.learn-more-header{margin-bottom:3rem;position:relative;text-align:center;z-index:1}.section-subtitle{color:#6c757d;color:var(--muted-color);font-size:1.1rem;margin:.5rem auto 0;max-width:600px}.knowledge-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:3rem;position:relative;z-index:1}.knowledge-card{background:#fff;background:var(--card-background);border:1px solid #fff3;border-radius:16px;box-shadow:0 4px 6px #00000012;box-shadow:var(--shadow-light);overflow:hidden;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.knowledge-card:hover{box-shadow:0 15px 35px #00000026;box-shadow:var(--shadow-heavy);transform:translateY(-8px) scale(1.02)}.knowledge-card.featured{background:linear-gradient(135deg,#f0f8ff,#fff)}.card-background-pattern{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);bottom:0;left:0;opacity:.05;position:absolute;right:0;top:0}.card-background-pattern.secondary{background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--gradient-secondary)}.card-content-wrapper{padding:2rem;position:relative;z-index:2}.card-icon-wrapper{align-items:center;background:#667eea1a;border-radius:12px;display:inline-flex;height:60px;justify-content:center;margin-bottom:1.5rem;position:relative;width:60px}.card-icon-wrapper.secondary{background:#f193fb1a}.card-main-icon{color:#667eea;height:28px;position:relative;width:28px;z-index:2}.knowledge-card.featured .card-main-icon{color:#08f}.card-icon-wrapper.secondary .card-main-icon{color:#f093fb}.icon-glow{animation:pulse-glow 2s ease-in-out infinite;background:radial-gradient(circle,#667eea4d 0,#0000 70%);border-radius:50%;height:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}.icon-glow.secondary{background:radial-gradient(circle,#f193fb4d 0,#0000 70%)}.knowledge-card.featured .icon-glow{background:radial-gradient(circle,#ffffff4d 0,#0000 70%)}@keyframes pulse-glow{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.card-header{align-items:center;margin-bottom:1rem}.card-title{font-size:1.5rem;font-weight:700;margin:0}.card-badge{background:#667eea1a;border-radius:20px;color:#667eea;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.card-badge.secondary{background:#f193fb1a;color:#f093fb}.knowledge-card.featured .card-badge{background:#3498db;background:var(--primary-color);color:#fff}.card-description{color:#000;font-size:1rem;line-height:1.6;margin-bottom:1.5rem;opacity:.9}.card-features{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.feature-item{align-items:center;display:flex;font-size:.9rem;gap:.5rem}.feature-item .feature-icon{height:16px;opacity:.7;width:16px}.card-footer{margin-top:auto}.primary-button,.secondary-button{align-items:center;border-radius:8px;display:inline-flex;font-weight:600;gap:.5rem;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-decoration:none;transition:all .3s ease}.primary-button{border:1px solid #ffffff4d}.knowledge-card:not(.featured) .primary-button,.primary-button,.secondary-button{background:#3498db;background:var(--primary-color);color:#fff}.primary-button:hover,.secondary-button:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.button-icon{height:16px;transition:transform .3s ease;width:16px}.primary-button:hover .button-icon,.secondary-button:hover .button-icon{transform:translateX(4px)}.knowledge-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border-radius:12px;display:flex;gap:4rem;justify-content:center;padding:2rem;position:relative;z-index:1}.stat-item{text-align:center}.stat-number{color:#3498db;color:var(--primary-color);font-size:2.5rem;margin-bottom:.5rem}.stat-label{font-size:.9rem}.cta-section{margin:4rem 0;text-align:center}.cta-title{font-size:2.25rem;font-weight:700;margin-bottom:1rem}.cta-description{color:#6c757d;color:var(--muted-color);font-size:1.25rem;margin-bottom:2rem}.button{align-items:center;background-color:#3498db;background-color:var(--primary-color);border-radius:4px;color:#fff;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .3s ease,transform .3s ease}.button:hover{background-color:darken(#3498db,10%);background-color:darken(var(--primary-color),10%);transform:translateY(-2px)}.button.large{font-size:1.25rem;padding:1rem 2rem}.icon-small{height:16px;margin-left:.5rem;width:16px}.pulse{animation:pulse 2s infinite}.pulse:hover{color:#09f}.footer{background-color:#f1f3f5;margin-top:auto;padding:2rem 0}.footer .container{align-items:center;display:flex;justify-content:space-between}.footer-links a{color:#6c757d;color:var(--muted-color);margin-left:1rem;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#3498db;color:var(--primary-color)}@media (max-width:768px){.title{font-size:2.5rem}.subtitle{font-size:1.125rem}.getting-started-steps{flex-direction:column}.feature-grid,.knowledge-grid{grid-template-columns:1fr}.knowledge-grid{gap:1.5rem}.knowledge-stats{flex-direction:column;gap:2rem}.cta-title,.section-title{font-size:2rem}.learn-more-section{margin:4rem 0;padding:3rem 1rem}.footer .container{flex-direction:column;text-align:center}.footer-links{margin-top:1rem}.footer-links a{margin:0 .5rem}}@media (max-width:480px){.knowledge-card{margin:0}.card-content-wrapper{padding:1.5rem}.card-features{gap:.5rem}.stat-number{font-size:2rem}}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.learning-modules h4,.learning-progress h4,.learning-stats h4,.quick-actions h4{color:#333;color:var(--text-color);font-size:1rem;font-weight:600;margin:0 0 1rem}.progress-bar{background:#e0e0e0;margin-bottom:.5rem;width:100%}.progress-fill{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border-radius:4px}.progress-text{color:#6c757d;color:var(--muted-color);font-size:.875rem}.learning-modules{flex:1 1}.module-item{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:1rem;margin-bottom:.75rem;padding:1rem;transition:all .2s ease}.module-item:hover{background:#f8f9fa;border-color:#e0e0e0}.module-item.completed{background:#2ecc711a;border-color:#2ecc7133}.module-item.active{background:#3498db1a;border-color:#3498db33}.module-icon{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;font-size:1.25rem;height:40px;justify-content:center;width:40px}.module-content h5{font-size:1rem;font-weight:600;margin:0 0 .25rem}.module-content p{color:#6c757d;color:var(--muted-color);font-size:.875rem;margin:0}.quick-actions{display:flex;flex-direction:column;gap:.75rem}.action-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease}.action-button.primary{background:#3498db;background:var(--primary-color);color:#fff}.action-button.primary:hover{background:#2980b9;transform:translateY(-1px)}.action-button.secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:#333;color:var(--text-color)}.action-button.secondary:hover{background:#e9ecef;border-color:#ced4da}.action-icon{height:16px;width:16px}.learning-stats{background:#f8f9fa;border-radius:8px;padding:1rem}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.stat-box{background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;padding:.75rem;text-align:center}.stat-value{color:#3498db;color:var(--primary-color);font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.stat-label{color:#6c757d;color:var(--muted-color);font-size:.75rem}@media (max-width:480px){.module-item{padding:.75rem}.module-icon{font-size:1rem;height:32px;width:32px}.stats-grid{grid-template-columns:1fr}}.home{display:flex;height:100%}@media only screen and (max-width:600px){.home{flex-direction:column}}.Ssidebar{background-color:#f0f8ff;box-shadow:5px 0 10px 1px #d3d3d3;display:flex;flex-direction:column;max-height:100vh;overflow-y:auto;width:350px}.Ssidebar__option{align-items:center;border-bottom:1px solid #969595;display:flex;height:40px;justify-content:space-between;padding:20px}label{font-weight:700}label,select{font-size:20px}select{background-color:initial;border:1px solid #000;outline:none}.MuiSlider-track{color:green}.slider{align-items:center;display:flex;justify-content:center;width:20px}.algorithm-display{background-color:#f0f0f0;border-top:1px solid #969595;font-family:monospace;overflow-x:auto;padding:20px}.algorithm-display h3{font-size:18px;margin-bottom:10px}.algorithm-display pre{font-size:14px;margin:0;white-space:pre-wrap}.algorithm-display code{display:block;padding:2px 0}.algorithm-display .highlighted{background-color:#ff0}@media only screen and (max-width:1000px){.Ssidebar{width:300px}.Ssidebar__option{padding:10px}select{font-size:.8rem}label{font-size:.9rem}.algorithm-display h3{font-size:16px}.algorithm-display pre{font-size:12px}}@media only screen and (max-width:600px){.Ssidebar{width:100%}.Ssidebar,.Ssidebar__option{flex-direction:column;height:auto}.Ssidebar__option{align-items:flex-start;padding:10px}.slider{max-width:none;width:100%}select{margin-top:5px;width:100%}label{margin-bottom:5px}.algorithm-display{padding:10px}.algorithm-display h3{font-size:14px}.algorithm-display pre{font-size:10px}}.visuals{flex:1 1;flex-direction:column;height:89vh;justify-content:center;overflow:hidden;padding:20px}.legend,.visuals{align-items:center;display:flex}.legend{border:1px solid grey;font-size:.8rem;font-weight:500;left:0;padding:2px 5px;position:absolute;top:0}.legend__lable{background-color:#000;height:5px;margin-right:3px;width:20px}.visualizer{align-items:center;justify-content:center;margin-bottom:10px;width:100%}.visual__items,.visualizer{display:flex;position:relative}.visual__items{align-items:flex-end;border-bottom:2px solid #000;height:300px;justify-content:flex-start;margin-bottom:40px}.visual__item{position:absolute}.visual__item>h4{font-size:.6rem}.visual__btns>button{background-color:#0095c7;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:700;margin:10px;padding:8px 12px;text-transform:uppercase;width:160px}.iteration-counter{background-color:#fffc;border-radius:12px;color:#333;font-size:1.2rem;font-weight:700;padding:10px 15px;position:absolute;right:20px;top:80px}.complexity-popup{animation:slide-in .3s ease-in-out;background:#ffffff80;border-radius:20px 0 0 20px;box-shadow:0 8px 32px #0003;height:205px;top:50%;width:250px}.algorithm-popup,.complexity-popup{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;position:fixed;right:0;transform:translateY(-50%);z-index:1000}.algorithm-popup{background:#ffffffe6;box-shadow:-8px 0 32px #0003;height:83.5vh;overflow-y:auto;top:54.25%;width:30%}.algorithm-popup.show{right:0}@keyframes slide-in{0%{right:-250px}to{right:0}}.Spopup-content{align-items:flex-start;display:flex;flex-direction:column}.Spopup-content h3{font-size:1.4rem;margin-bottom:15px}.Spopup-content p{font-size:1.1rem;margin-bottom:10px}.Spopup-content .button-group{background-color:#ffffffe6;bottom:0;display:flex;justify-content:space-between;margin-top:20px;padding:10px 0;position:sticky;width:100%}.Spopup-content button{background-color:#0095c7;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 16px;transition:background .3s ease}.Spopup-content button:hover{background-color:#0081b3}.Spopup-content select{font-size:1rem;margin-bottom:15px;padding:5px}.Spopup-content pre{word-wrap:break-word;background-color:#f4f4f4;border-radius:5px;font-size:.9rem;padding:15px;white-space:pre-wrap;width:93%}.Spopup-content.close-button{background:none;border:none;cursor:pointer;font-size:10px;padding:10px;position:absolute;right:10px;top:10px}.Spopup-content .close-button:hover{background-color:#f33}.tree-traversal-visualizer{display:flex;font-family:Arial,sans-serif;height:100vh}.Bsidebar{width:300px}.Bmain-content{flex-grow:1;overflow-y:auto}.Barray-input{border:1px solid #ccc;border-radius:4px;margin-bottom:10px;padding:10px;width:92%}.Bbuild-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin-bottom:20px;padding:10px;width:100%}.Bbuild-button:hover{opacity:.9}.traversal-buttons{display:flex;gap:10px;margin-bottom:20px}.traversal-buttons button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;padding:10px}.traversal-buttons button:hover{opacity:.9}.traversal-buttons button:disabled{background-color:#ccc;cursor:not-allowed}.traversal-order{background-color:#f9f9f9;border:2px solid #007bff;border-radius:8px;box-shadow:2px 2px 10px #0000001a;margin-top:20px;padding:15px;text-align:center}.traversal-order h3{color:#007bff;font-size:20px;margin-bottom:10px}.traversal-order p{background:#fff;border-radius:5px;box-shadow:1px 1px 5px #0000001a;color:#333;display:inline-block;font-size:16px;font-weight:700;letter-spacing:1px;padding:10px}.traversal-order span{background-color:#007bff;border-radius:4px;color:#fff;display:inline-block;font-size:14px;font-weight:700;margin:5px;padding:8px 12px;transition:transform .2s ease-in-out}.traversal-order span:hover{background-color:#0056b3;transform:scale(1.1)}.comparison-logs li{line-height:1.5}.tree-container{border:4px solid #ccc}.avl-tree-visualizer{display:flex;font-family:Arial,sans-serif;height:100vh;overflow:hidden;position:relative}.Msidebar{background-color:#f0f0f0;height:auto;width:300px}.Amain-content,.Msidebar{overflow-y:auto;padding:20px}.Amain-content{flex-grow:1}h2{font-size:24px;margin-bottom:20px}h3{font-size:18px;margin-bottom:15px}.array-input{border:1px solid #ccc;border-radius:4px;margin-bottom:10px;padding:10px;width:92%}.button-container{margin-bottom:20px}.build-button,.conditions-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;padding:10px}.conditions-button{background-color:#007bff}.build-button:hover,.conditions-button:hover{opacity:.9}.comparison-logs{margin-top:20px}.comparison-logs ul{list-style-type:none;padding-left:0}.comparison-logs li{border-radius:3px;font-size:14px;margin-bottom:5px;padding:2px 5px;transition:background-color .3s ease}.comparison-logs li.highlighted{background-color:#ff9}.step-trees{height:100%}.step-controls{justify-content:space-between;margin-bottom:15px}.step-controls button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px}.step-controls button:disabled{background-color:#ccc;cursor:not-allowed}.tree-container{border:1px solid #ccc;border-radius:4px;height:calc(100% - 100px)}.conditions-popup{background-color:#fff;box-shadow:-2px 0 5px #0000001a;height:100%;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s ease-in-out;width:400px;z-index:1000}.conditions-popup.show{transform:translateX(0)}.avlclose-button{background:none;border:none;cursor:pointer;font-size:15px;position:absolute;right:10px;top:10px}.rotation{margin-bottom:20px}.rotation h3{font-size:18px}.rotation h3,.rotation p{margin-bottom:10px}.rotation img{border:1px solid #ccc;border-radius:4px;height:auto;max-width:100%}.Dapp-container{display:flex;font-family:Arial,sans-serif;height:100vh}.Dsidebar{background-color:#f0f0f0;border-right:1px solid #ccc;overflow-y:auto;padding:20px;width:350px}.Dmain-content{background-color:#fafafa;flex:1 1;padding:20px}.Dinput-container,.Dmain-content{display:flex;flex-direction:column}.Dinput-container{gap:10px;margin-bottom:20px}.dfsbtn{background-color:#3a8dff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:10px 12px;transition:all .3s}.dfsbtn:hover{box-shadow:0 2px 5px #0003;transform:translateY(-2px)}.control-btn{align-items:center;background-color:#3f51b5;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;margin-right:10px;padding:8px 12px;transition:all .3s}.control-btn:hover{background-color:#303f9f}.control-btn:disabled{background-color:#9e9e9e;cursor:not-allowed}.control-btn svg{margin-right:5px}.controls-container{display:flex;margin-bottom:15px;margin-top:10px}.output-container{border-left:4px solid #673ab7}.array-container,.output-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-top:15px;padding:15px}.array-container{transition:all .3s ease}.array-container:nth-of-type(2){border-left:4px solid #3f51b5}.array-container:nth-of-type(3){border-left:4px solid #ff9800}.array-display{word-wrap:break-word;background-color:#fff;border:1px solid #ddd;border-radius:4px;display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;min-height:20px;padding:12px}.array-display span{background-color:#e9e9e9;border-radius:4px;display:inline-block;font-weight:700;padding:5px 10px}.dfs-order-display{display:flex;flex-wrap:wrap;gap:8px}.dfs-order-item{align-items:center;background-color:#e9e9e9;border-radius:4px;display:inline-flex;font-weight:700;padding:5px 10px}.dfs-order-item:not(:last-child):after{color:#673ab7;content:"→";font-weight:700;margin-left:8px}.array-container:nth-of-type(2) h3:before{background-color:#3f51b5}.array-container:nth-of-type(3) h3:before{background-color:#ff9800}.Dpopup-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.Dpopup-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #0003;max-height:80vh;overflow-y:auto;padding:25px;position:relative;width:500px}.legends{background-color:#f5f5f5;border-radius:4px;display:flex;gap:15px;margin-top:10px;padding:10px}.legend-item{align-items:center;display:flex;font-size:14px}.legend-color{border-radius:50%;height:15px;margin-right:5px;width:15px}.traversing{background-color:#ff5252}.backtracking{background-color:#ffa726}.default-node{background-color:#64b5f6}@media (max-width:768px){.Dapp-container{flex-direction:column}.Dsidebar{max-height:40vh;width:100%}}.Bapp-container{display:flex;font-family:Arial,sans-serif;height:100vh}.Bsidebar{background-color:#f0f0f0;border-right:1px solid #ccc;overflow-y:auto;padding:20px;width:350px}.Bmain-content{background-color:#fafafa;flex:1 1;padding:20px}.Binput-container,.Bmain-content{display:flex;flex-direction:column}.Binput-container{gap:10px;margin-bottom:20px}input{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:12px}.bfsbtn{background-color:#3a8dff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:10px 12px;transition:background-color .3s}.bfsbtn:hover{box-shadow:0 2px 5px #0003;transform:translateY(-2px)}.bfsbtn:disabled{background-color:#9e9e9e;cursor:not-allowed}.Bcontrol-btn{align-items:center;background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;margin-right:10px;padding:8px 12px;transition:all .3s}.Bcontrol-btn:hover{background-color:#1976d2}.Bcontrol-btn:disabled{background-color:#9e9e9e;cursor:not-allowed}.Bcontrol-btn svg{margin-right:5px}.Bcontrols-container{display:flex;margin-bottom:15px;margin-top:10px}.details{background-color:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a;padding:15px}.visualization{background-color:#fff;border:2px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:20px;padding:20px}.Boutput-container{border-left:4px solid #4caf50}.Barray-container,.Boutput-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-top:15px;padding:15px}.Barray-container{transition:all .3s ease}.Barray-container:nth-of-type(2){border-left:4px solid #2196f3}.Barray-container:nth-of-type(3){border-left:4px solid #ff9800}.Barray-display{word-wrap:break-word;background-color:#fff;border:1px solid #ddd;border-radius:4px;display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;min-height:20px;padding:12px}.Barray-display span{background-color:#e9e9e9;border-radius:4px;display:inline-block;font-weight:700;padding:5px 10px}.Bbfs-order-display{display:flex;flex-wrap:wrap;gap:8px}.Bbfs-order-item{align-items:center;background-color:#e9e9e9;border-radius:4px;display:inline-flex;font-weight:700;padding:5px 10px}.Bbfs-order-item:not(:last-child):after{color:#4caf50;content:"→";font-weight:700;margin-left:8px}h2,h3{color:#333;margin-bottom:10px}h3{align-items:center;display:flex}h3:before{border-radius:50%;content:"";display:inline-block;height:10px;margin-right:8px;width:10px}.Barray-container:nth-of-type(2) h3:before{background-color:#2196f3}.Barray-container:nth-of-type(3) h3:before{background-color:#ff9800}p{color:#666;line-height:1.6}.Bpopup-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.Bpopup-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #0003;max-height:80vh;overflow-y:auto;padding:25px;position:relative;width:500px}.close-btn{background:none;border:none;color:#666;cursor:pointer;font-size:24px;position:absolute;right:20px;top:10px;transition:color .3s}.close-btn:hover{color:#000}.conditions,.conditions h3{margin-top:20px}.conditions h3{border-bottom:1px solid #eee;padding-bottom:5px}.conditions img{border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 5px #0000001a;height:auto;margin:15px 0;max-width:100%}@media (max-width:768px){.Bapp-container{flex-direction:column}.Bsidebar{max-height:40vh;width:100%}}.rbtcontainer{background:linear-gradient(to bottom right,#fff8e1,#e8f5e9);display:flex;height:100vh}.red-black-sidebar{overflow:auto;padding:1.5rem;width:25%}.left-sidebar{background-color:#fff9f9;border-right:1px solid #424242;color:#fff}.right-sidebar-popup{background-color:#f5f5f5;border-left:1px solid #e0e0e0;box-shadow:-5px 0 15px #0000001a;height:90vh;margin-top:67px;overflow-y:auto;position:fixed;right:0;top:0;transform:translateX(100%);width:350px;z-index:100}.sidebar-title{font-size:1.875rem;font-weight:700;margin-bottom:1rem}.left-sidebar .sidebar-title{color:#4fa7ff}.sidebar-toggle-button{align-items:center;background-color:#4fa7ff;border:none;border-radius:30px;box-shadow:0 2px 10px #0000001a;color:#fff;cursor:pointer;display:flex;padding:10px 15px;position:fixed;right:20px;top:85px;transition:all .3s ease;z-index:101}.sidebar-toggle-button:hover{background-color:#3d8ad8;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.sidebar-toggle-button.active{background-color:#e53935;right:50px;top:93px}.sidebar-toggle-icon{font-size:1.2rem;margin-right:8px}.sidebar-toggle-text{font-weight:500}.form{margin-bottom:1.5rem}.input-group{gap:.5rem}.input{border:none;border-radius:.375rem 0 0 .375rem;color:#000;flex:1 1;outline:none;padding:.5rem .75rem}.input:focus{box-shadow:0 0 0 2px #4fa7ff;outline:none}.button{border:none;border-radius:.375rem;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s}.add-button{border-radius:0 .375rem .375rem 0}.add-button,.add-button:hover{background-color:#4fa7ff}.random-button{border-radius:.5rem;box-shadow:0 4px 6px #0000001a;color:#fff;font-weight:500;margin-bottom:1.5rem;padding:.75rem 1rem;width:100%}.random-button,.random-button:hover{background:linear-gradient(90deg,#4fa7ff,#98c9f9)}.section-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.log-rbtcontainer{background-color:#fff;border:1px solid #424242;border-radius:.5rem;max-height:24rem;overflow:auto;padding:.75rem}.log-entry{border-bottom:1px solid #424242;font-size:.875rem;margin-bottom:.25rem;padding:.25rem 0}.empty-log{color:#9e9e9e;font-style:italic}.visualization{flex:1 1;overflow:hidden;position:relative}.step-indicator{background-color:#000000b3;border-radius:9999px;color:#fff;left:50%;padding:.5rem 1rem;position:absolute;top:1rem;transform:translateX(-50%);z-index:10}.svg-rbtcontainer{height:100%;inset:0;position:absolute;width:100%}.node{align-items:center;border-radius:9999px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;height:4rem;justify-content:center;position:absolute;width:4rem}.node-black{background-color:#212121}.node-red{background-color:#e53935}.node-emoji{font-size:1.5rem}.node-value{font-size:.875rem;font-weight:700}.node-value-black,.node-value-red{color:#fff}.empty-state{height:100%}.empty-state-content{background-color:#fffc;border-radius:.75rem;box-shadow:0 4px 6px #0000001a;padding:2rem;text-align:center}.empty-state-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.empty-state-text{color:#616161;margin-bottom:1.5rem}.empty-state-button{background-color:#ffd54f;border-radius:.5rem;color:#212121;font-weight:500;padding:.75rem 1.5rem}.empty-state-button:hover{background-color:#ffca28}.info-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;padding:1rem}.info-title{font-size:1.25rem}.info-subtitle,.info-title{font-weight:600;margin-bottom:.5rem}.info-subtitle{font-size:1.125rem}.info-text{margin-bottom:.5rem}.info-text.small{font-size:.875rem}.info-list{line-height:1.5;list-style-type:disc;margin-bottom:1rem;margin-left:1rem}.info-list li{margin-bottom:.5rem}.red-text{color:#e53935}.bold-text,.red-text{font-weight:700}.alert{align-items:center;background-color:#ff6b6b;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;left:50%;max-width:500px;min-width:300px;padding:12px 20px;position:fixed;top:20px;transform:translateX(-50%);z-index:1000}.alert-content{flex:1 1;margin-right:10px}.alert-close{background:none;border:none;color:#fff;cursor:pointer;font-size:20px;padding:0 5px}@media (max-width:768px){.rbtcontainer{flex-direction:column}.left-sidebar{border-bottom:1px solid #424242;border-right:none;width:100%}.right-sidebar-popup{max-width:100%;width:100%}.sidebar-toggle-button{bottom:20px;top:auto}}:root{--primary-dark:#75c3ff}.algorithm-visualizer{display:flex;flex-direction:column;max-width:1400px;width:100%}.visualizer-header{background:linear-gradient(135deg,#4a6bff,#75c3ff);margin-top:-.75%;padding:15px 415px}.algorithm-container{max-width:800px;padding:2rem;width:100%}.algorithm-title h2{align-items:center;color:#fff;display:flex;font-size:1.75rem;font-weight:700;left:-89%;margin:0;position:relative;z-index:10}.algorithm-title h2:before{content:"{ }";font-family:monospace;font-size:1.5rem;margin-right:12px;opacity:.8}.nsinput-section{grid-gap:20px;background-color:#f8f9fa;background-color:var(--light-color);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000000d;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:20px}.nsinput-group{display:flex;flex-direction:column;gap:8px}.nsinput-group label{align-items:center;color:#2c3e50;color:var(--dark-color);display:flex;font-weight:600;gap:8px}.nsinput-group nsinput[type=text]{border:1px solid #ecf0f1;border:1px solid var(--gray-light);border-radius:8px;border-radius:var(--border-radius);font-size:16px;padding:12px 15px;transition:border-color .3s;transition:border-color var(--transition-speed)}.nsinput-group nsinput[type=text]:focus{border-color:#4a6bff;border-color:var(--primary-color);box-shadow:0 0 0 2px #4a6bff33;outline:none}nsinput[type=range]{-webkit-appearance:none;background:#ecf0f1;background:var(--gray-light);border-radius:3px;flex:1 1;height:6px;outline:none}nsinput[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#4a6bff;background:var(--primary-color);border-radius:50%;box-shadow:0 2px 5px #0003;cursor:pointer;height:18px;width:18px}.text-char.current-window{color:#75c3ff}.text-char.char-match{background-color:#2ecc71;background-color:var(--success-color);border-color:#27ae60;color:#fff}.text-char.char-mismatch{background-color:#e74c3c;background-color:var(--danger-color);border-color:#c0392b;color:#fff}.arrow-placeholder{height:16px;width:16px}.naive-explanation{background-color:#e8edff;background-color:var(--primary-light);border-left:4px solid #4a6bff;border-left:4px solid var(--primary-color);border-radius:8px;border-radius:var(--border-radius);margin:20px 0;padding:20px}.naive-explanation h4{color:#75c3ff;color:var(--primary-dark);font-size:18px;margin-bottom:15px}.naive-explanation p{line-height:1.6;margin-bottom:10px}.naive-steps{margin-top:15px}.naive-steps h5{color:#75c3ff;color:var(--primary-dark);font-size:16px;margin-bottom:10px}.naive-steps ol{padding-left:20px}.naive-steps li{line-height:1.5;margin-bottom:8px}.nsstat-item{background-color:#f8f9fa;background-color:var(--light-color);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 5px #0000000d;padding:15px;text-align:center;transition:transform .3s}.nsstat-item:hover{transform:translateY(-5px)}.nsstat-value{color:#4a6bff;color:var(--primary-color);font-size:28px;font-weight:700;margin-bottom:5px}.nsstat-label{color:#7f8c8d;color:var(--gray-dark);font-size:14px}.algorithm-section h4{color:#75c3ff}.example-trace{background-color:#f8f9fa;background-color:var(--light-color);border-left:4px solid #4a6bff;border-left:4px solid var(--primary-color);border-radius:8px;border-radius:var(--border-radius);margin:20px 0;padding:20px}.example-steps{margin-top:15px}.example-step{margin-bottom:15px}.example-comparison{background-color:#fff;border-radius:8px;border-radius:var(--border-radius);font-family:Courier New,monospace;margin-top:5px;padding:10px}.example-markers,.example-pattern,.example-text{line-height:1.5}.explanation-toggle:hover{background-color:#75c3ff}.comparison-table th,.explanation-section h4{color:#75c3ff}@media (max-width:768px){.nsinput-section,.results-section{grid-template-columns:1fr}.control-button{flex:1 1 100%}.text-char{font-size:18px;height:45px;width:35px}.complexity-grid{grid-template-columns:1fr}.comparison-char{font-size:18px;height:45px;width:35px}}@media (max-width:576px){.visualizer-nav{flex-wrap:wrap}.nav-button{flex-basis:calc(50% - 10px);flex-grow:1;flex-shrink:1;justify-content:center}.comparison-char,.text-char{font-size:16px;height:40px;width:30px}.naive-explanation{padding:15px}}:root{--primary-color:#4a6bff;--primary-light:#e8edff;--primary-dark:#3451d1;--secondary-color:#ff6b6b;--secondary-light:#ffe8e8;--secondary-dark:#d13434;--success-color:#2ecc71;--warning-color:#f39c12;--danger-color:#e74c3c;--info-color:#3498db;--dark-color:#2c3e50;--light-color:#f8f9fa;--gray-color:#95a5a6;--gray-light:#ecf0f1;--gray-dark:#7f8c8d;--background-color:#f9f9f9;--border-radius:8px;--box-shadow:0 4px 12px #0000001a;--transition-speed:0.3s}body{background-color:#f9f9f9;background-color:var(--background-color);color:#333;color:var(--text-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.rkalgorithm-visualizer{display:flex;flex-direction:column;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px;width:100%}.visualizer-header{background:linear-gradient(135deg,#4a6bff,#3451d1);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--box-shadow);color:#fff;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.logo,.visualizer-header{align-items:center;display:flex}.logo{gap:10px}.logo-icon{color:#ffeb3b;font-size:28px}.logo h1{font-size:24px;font-weight:700;letter-spacing:1px}.rkalgorithm-title h2{align-items:center;color:#fff;display:flex;font-size:1.75rem;font-weight:700;left:80%;margin:0;position:relative;z-index:10}.difficulty-selector{align-items:center;display:flex;gap:10px}.difficulty-selector select{border:none;border-radius:20px;cursor:pointer;font-weight:600;outline:none;padding:6px 12px}.difficulty-easy{background-color:#a8e6cf;color:#1b5e20}.difficulty-medium{background-color:#ffd3b6;color:#e65100}.difficulty-hard{background-color:#ffaaa5;color:#b71c1c}.visualizer-content{background-color:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--box-shadow);display:flex;flex:1 1;flex-direction:column;overflow:hidden}.visualizer-nav{background-color:#f8f9fa;background-color:var(--light-color);border-bottom:1px solid #ecf0f1;border-bottom:1px solid var(--gray-light);display:flex;padding:0 20px}.nav-button{align-items:center;background:none;border:none;color:#7f8c8d;color:var(--gray-dark);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:15px 20px;position:relative;transition:all .3s;transition:all var(--transition-speed)}.nav-button.active,.nav-button:hover{color:#4a6bff;color:var(--primary-color)}.nav-button.active:after{background-color:#4a6bff;background-color:var(--primary-color);bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.visualizer-main{flex:1 1;overflow-y:auto;padding:20px;position:relative}.visualization-tab{display:flex;flex-direction:column;gap:20px}.input-section{grid-gap:20px;background-color:#f8f9fa;background-color:var(--light-color);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000000d;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:20px}.input-group{gap:8px}.input-group label{align-items:center;color:#2c3e50;color:var(--dark-color);display:flex;font-weight:600;gap:8px}.info-icon{color:#3498db;color:var(--info-color);cursor:help}.input-group input[type=text]{border:1px solid #ecf0f1;border:1px solid var(--gray-light);border-radius:8px;border-radius:var(--border-radius);font-size:16px;padding:12px 15px;transition:border-color .3s;transition:border-color var(--transition-speed)}.input-group input[type=text]:focus{border-color:#4a6bff;border-color:var(--primary-color);box-shadow:0 0 0 2px #4a6bff33;outline:none}.speed-group{display:flex;flex-direction:column}.speed-icon{color:#4a6bff;color:var(--primary-color);font-size:18px}.speed-control{gap:15px}input[type=range]{-webkit-appearance:none;background:#ecf0f1;background:var(--gray-light);border-radius:3px;flex:1 1;height:6px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#4a6bff;background:var(--primary-color);border-radius:50%;box-shadow:0 2px 5px #0003;cursor:pointer;height:18px;width:18px}.speed-value{color:#4a6bff;color:var(--primary-color);font-weight:600;text-align:center;width:40px}.controls-section{background-color:#f8f9fa;background-color:var(--light-color);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000000d;display:flex;gap:15px;padding:20px}.control-button{align-items:center;border:none;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s;transition:all var(--transition-speed)}.play-button{background-color:#2ecc71;background-color:var(--success-color)}.play-button:hover:not(:disabled){background-color:#27ae60;box-shadow:0 4px 8px #2ecc714d}.pause-button{background-color:#f39c12;background-color:var(--warning-color);color:#fff}.pause-button:hover:not(:disabled){background-color:#e67e22;box-shadow:0 4px 8px #f39c124d}.step-button{background-color:var(--info-color)}.step-button:hover:not(:disabled){background-color:#2980b9;box-shadow:0 4px 8px #3498db4d}.reset-button{background-color:#e74c3c;background-color:var(--danger-color);color:#fff}.reset-button:hover:not(:disabled){background-color:#c0392b;box-shadow:0 4px 8px #e74c3c4d}.control-button:disabled{background-color:#95a5a6;background-color:var(--gray-color);box-shadow:none;cursor:not-allowed}.visualization-section{background-color:#fff;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;gap:20px;padding:20px;position:relative}.visualization-section h3{color:#2c3e50;color:var(--dark-color);font-size:18px;margin-bottom:10px}.text-display{background-color:#f8f9fa;background-color:var(--light-color);border:1px solid #ecf0f1;border:1px solid var(--gray-light);border-radius:8px;border-radius:var(--border-radius);display:flex;flex-wrap:wrap;gap:5px;min-height:100px;padding:20px;position:relative}.text-char{align-items:center;background-color:#fff;border:1px solid #ecf0f1;border:1px solid var(--gray-light);border-radius:6px;display:flex;font-family:Courier New,monospace;font-size:20px;font-weight:600;height:50px;justify-content:center;transition:all .3s;transition:all var(--transition-speed);width:40px}.text-char.current-window{background-color:#e8edff;background-color:var(--primary-light);border-color:#4a6bff;border-color:var(--primary-color);color:#3451d1;color:var(--primary-dark)}.text-char.hash-match{background-color:#3498db;background-color:var(--info-color);border-color:#2980b9;color:#fff}.text-char.matched{background-color:#2ecc71;background-color:var(--success-color);border-color:#27ae60;color:#fff;transform:scale(1.1);z-index:2}.text-char.false-positive{background-color:#f39c12;background-color:var(--warning-color);border-color:#e67e22;color:#fff}.hash-display{box-shadow:0 2px 8px #0003;color:#fff;cursor:help;font-size:14px;font-weight:600;padding:8px 12px;position:absolute;transition:all .3s;transition:all var(--transition-speed);z-index:10}.hash-display,.tooltip{background-color:#2c3e50;background-color:var(--dark-color);border-radius:8px;border-radius:var(--border-radius)}.tooltip{box-shadow:0 4px 12px #0003;max-width:300px;padding:10px 15px}.visualization-flex-container{display:flex;gap:20px}.visualization-main-column{flex:3 1}.visualization-side-column{flex:2 1}.pattern-comparison{background-color:#fff;border:1px solid #ecf0f1;border:1px solid var(--gray-light);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000000d;margin:20px 0;padding:20px}.comparison-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.comparison-header h4{color:#2c3e50;color:var(--dark-color);font-size:18px;margin:0}.comparison-status{font-weight:600}.comparison-status,.match-status{align-items:center;display:flex;gap:5px}.match-status{border-radius:20px;font-size:14px;padding:5px 10px}.match-status.success{background-color:#2ecc7133;color:#2ecc71;color:var(--success-color)}.match-status.warning{background-color:#f39c1233;color:#f39c12;color:var(--warning-color)}.match-status.neutral{background-color:#3498db33;color:#3498db;color:var(--info-color)}.comparison-content{display:flex;flex-direction:column;gap:10px}.comparison-row{align-items:center;display:flex;gap:10px;position:relative}.comparison-label{color:#2c3e50;color:var(--dark-color);font-weight:600;width:80px}.comparison-chars{display:flex;gap:5px}.comparison-char{align-items:center;background-color:#fff;border:1px solid #ecf0f1;border:1px solid var(--gray-light);border-radius:6px;display:flex;font-family:Courier New,monospace;font-size:20px;font-weight:600;height:50px;justify-content:center;width:40px}.comparison-char.match{background-color:#2ecc7133;border-color:#2ecc71;border-color:var(--success-color)}.comparison-char.mismatch{background-color:#e74c3c33;border-color:#e74c3c;border-color:var(--danger-color)}.comparison-arrows{display:flex;gap:5px;padding-left:90px}.comparison-arrow{align-items:center;display:flex;height:20px;justify-content:center;width:40px}.arrow-match{color:#2ecc71;color:var(--success-color)}.arrow-mismatch{color:#e74c3c;color:var(--danger-color)}.window-position{color:#7f8c8d;color:var(--gray-dark);font-size:14px;font-weight:600;position:absolute;right:0}.hash-calculation{background-color:#e8edff;background-color:var(--primary-light);border-left:4px solid #4a6bff;border-left:4px solid var(--primary-color);border-radius:8px;border-radius:var(--border-radius);margin:20px 0;padding:20px}.hash-calculation-header{align-items:center;display:flex;gap:10px;margin-bottom:15px}.hash-calculation-header h4{align-items:center;color:#3451d1;color:var(--primary-dark);display:flex;font-size:18px;gap:8px;margin:0}.hash-formula{background-color:#fff;border-radius:8px;border-radius:var(--border-radius);font-family:Courier New,monospace;font-size:15px;margin-bottom:15px;padding:10px 15px}.formula-label{color:#3451d1;color:var(--primary-dark);font-weight:600;margin-right:5px}.hash-steps{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.hash-step{background-color:#fff;border-radius:8px;border-radius:var(--border-radius);font-family:Courier New,monospace;font-size:14px;padding:8px 12px}.step-number{color:#3451d1;color:var(--primary-dark);font-weight:600;margin-right:5px}.hash-result{background-color:#3451d1;background-color:var(--primary-dark);border-radius:8px;border-radius:var(--border-radius);color:#fff;font-family:Courier New,monospace;font-size:16px;font-weight:600;padding:10px 15px}.result-label{margin-right:5px}.algorithm-conclusion{background-color:#fff;border:1px solid #ecf0f1;border:1px solid var(--gray-light);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000000d;margin:20px 0;padding:25px}.algorithm-conclusion h3{border-bottom:2px solid #4a6bff;border-bottom:2px solid var(--primary-color);color:#2c3e50;color:var(--dark-color);font-size:22px;margin-bottom:20px;padding-bottom:10px}.conclusion-content{display:flex;flex-direction:column;gap:20px}.conclusion-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.rkstat-item{background-color:#f8f9fa;background-color:var(--light-color);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 5px #0000000d;padding:15px;text-align:center;transition:transform .3s}.rkstat-item:hover{transform:translateY(-5px)}.rkstat-value{color:#4a6bff;color:var(--primary-color);font-size:28px;font-weight:700;margin-bottom:5px}.rkstat-label{color:#7f8c8d;color:var(--gray-dark);font-size:14px}.conclusion-analysis{background-color:#f8f9fa;background-color:var(--light-color);border-radius:8px;border-radius:var(--border-radius);padding:20px}.conclusion-analysis h4{color:#2c3e50;color:var(--dark-color);font-size:18px;margin-bottom:15px}.conclusion-analysis p{line-height:1.7;margin-bottom:15px}.conclusion-analysis p:last-child{margin-bottom:0}.explanation-box{background-color:#e8edff;background-color:var(--primary-light);border-left:4px solid #4a6bff;border-left:4px solid var(--primary-color);border-radius:8px;border-radius:var(--border-radius)}.explanation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.emoji{animation:bounce 1s infinite alternate;font-size:24px}.emoji.happy{color:#2ecc71;color:var(--success-color)}.emoji.neutral{color:#f39c12;color:var(--warning-color)}.emoji.sad{color:#e74c3c;color:var(--danger-color)}.explanation-content{color:#2c3e50;color:var(--dark-color);font-size:16px;line-height:1.6}.results-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.matches-display{background-color:#2ecc71;background-color:var(--success-color);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000000d;color:#fff;padding:20px}.matches-display h3{font-size:18px;margin-bottom:15px}.matches-list{list-style:none}.match-item{align-items:center;background-color:#fff3;border-radius:8px;border-radius:var(--border-radius);display:flex;gap:10px;margin-bottom:10px;padding:10px}.match-position{font-weight:600}.match-text{background-color:#ffffff4d;border-radius:4px;font-family:Courier New,monospace;padding:4px 8px}.logs-display{background-color:#fff;border:1px solid #ecf0f1;border:1px solid var(--gray-light);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000000d;padding:20px}.logs-display h3{color:#2c3e50;color:var(--dark-color);font-size:18px;margin-bottom:15px}.logs-content{font-family:Courier New,monospace;max-height:300px}.empty-logs{color:var(--gray-dark)}.log-entry{border-bottom:1px solid #ecf0f1;border-bottom:1px solid var(--gray-light);gap:10px;padding:8px 10px}.log-entry:last-child{border-bottom:none}.log-number{color:#4a6bff;color:var(--primary-color);font-weight:600;min-width:25px}.algorithm-tab{padding:20px}.algorithm-content{display:flex;flex-direction:column;gap:30px}.algorithm-content h3{border-bottom:2px solid #4a6bff;border-bottom:2px solid var(--primary-color);color:#2c3e50;color:var(--dark-color);font-size:24px;margin-bottom:20px;padding-bottom:10px}.algorithm-section{margin-bottom:30px}.algorithm-section h4{color:#3451d1;color:var(--primary-dark);font-size:20px;margin-bottom:15px}.algorithm-section p{font-size:16px;line-height:1.7;margin-bottom:15px}.steps-list{margin:20px 0;padding-left:25px}.steps-list li{line-height:1.6;margin-bottom:15px}.hash-explanation{background-color:#e8edff;background-color:var(--primary-light);border-left:4px solid #4a6bff;border-left:4px solid var(--primary-color);margin:20px 0;padding:20px}.hash-explanation,.math-formula{border-radius:8px;border-radius:var(--border-radius)}.math-formula{background-color:#fff;box-shadow:0 2px 8px #0000000d;font-family:Courier New,monospace;font-size:18px;margin:15px 0;padding:15px;text-align:center}.applications-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:20px 0}.applications-list li{background-color:#f8f9fa;background-color:var(--light-color);border-left:4px solid #4a6bff;border-left:4px solid var(--primary-color);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000000d;padding:15px}.code-tab{padding:20px}.code-content{display:flex;flex-direction:column;gap:20px}.code-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.code-header h3{color:#2c3e50;color:var(--dark-color);font-size:24px}.explanation-toggle{background-color:#4a6bff;background-color:var(--primary-color);border:none;border-radius:8px;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:background-color .3s;transition:background-color var(--transition-speed)}.explanation-toggle:hover{background-color:#3451d1;background-color:var(--primary-dark)}.code-container{box-shadow:0 2px 8px #0000001a;max-height:600px;overflow:hidden;overflow-y:auto}.code-container,.code-explanation{border-radius:8px;border-radius:var(--border-radius)}.code-explanation{background-color:#f8f9fa;background-color:var(--light-color);margin-top:20px;padding:20px}.explanation-section{border-bottom:1px solid #ecf0f1;border-bottom:1px solid var(--gray-light);margin-bottom:20px;padding-bottom:20px}.explanation-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.explanation-section h4{color:#3451d1;color:var(--primary-dark);font-size:18px;margin-bottom:10px}.complexity-tab{padding:20px}.complexity-content{display:flex;flex-direction:column;gap:30px}.complexity-content h3{border-bottom:2px solid #4a6bff;border-bottom:2px solid var(--primary-color);color:#2c3e50;color:var(--dark-color);font-size:24px;margin-bottom:20px;padding-bottom:10px}.complexity-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.complexity-card{border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:15px;padding:20px}.complexity-card h4{font-size:18px;margin-bottom:10px}.complexity-value{border-radius:8px;border-radius:var(--border-radius);font-family:Courier New,monospace;font-size:24px;font-weight:700;margin:10px 0;padding:10px;text-align:center}.best-case{border-top:4px solid #2ecc71;border-top:4px solid var(--success-color)}.best-case .complexity-value{background-color:#2ecc711a;color:#2ecc71;color:var(--success-color)}.average-case{border-top:4px solid #3498db;border-top:4px solid var(--info-color)}.average-case .complexity-value{background-color:#3498db1a;color:#3498db;color:var(--info-color)}.worst-case{border-top:4px solid #e74c3c;border-top:4px solid var(--danger-color)}.worst-case .complexity-value{background-color:#e74c3c1a;color:#e74c3c;color:var(--danger-color)}.space-complexity{border-top:4px solid #4a6bff;border-top:4px solid var(--primary-color)}.space-complexity .complexity-value{background-color:#4a6bff1a;color:#4a6bff;color:var(--primary-color)}.comparison-section{margin-top:30px}.comparison-section h4{color:#2c3e50;color:var(--dark-color);font-size:20px;margin-bottom:20px}.comparison-table-container{margin-bottom:15px;overflow-x:auto}.comparison-table{border-collapse:collapse;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a;overflow:hidden;width:100%}.comparison-table td,.comparison-table th{border-bottom:1px solid #ecf0f1;border-bottom:1px solid var(--gray-light);padding:12px 15px;text-align:left}.comparison-table th{background-color:#e8edff;background-color:var(--primary-light);color:#3451d1;color:var(--primary-dark);font-weight:600}.comparison-table tr:hover{background-color:#f8f9fa;background-color:var(--light-color)}.highlighted-row{background-color:#4a6bff0d}.highlighted-row td{font-weight:600}.table-note{font-style:italic;margin-top:10px}.table-note,.visualizer-footer{color:#7f8c8d;color:var(--gray-dark);font-size:14px}.visualizer-footer{margin-top:30px;padding:15px 0;text-align:center}@media (max-width:992px){.visualizer-header{flex-direction:column;gap:15px;text-align:center}.controls-section{flex-wrap:wrap}.control-button{flex-basis:calc(50% - 10px);flex-grow:1;flex-shrink:1}.visualization-flex-container{flex-direction:column}}@media (max-width:768px){.input-section,.results-section{grid-template-columns:1fr}.control-button{flex:1 1 100%}.text-char{font-size:18px;height:45px;width:35px}.complexity-grid{grid-template-columns:1fr}.comparison-char{font-size:18px;height:45px;width:35px}}@media (max-width:576px){.visualizer-nav{flex-wrap:wrap}.nav-button{flex-basis:calc(50% - 10px);flex-grow:1;flex-shrink:1;justify-content:center}.comparison-char,.text-char{font-size:16px;height:40px;width:30px}.hash-calculation{padding:15px}.hash-step{font-size:12px}}.bmsidebar{background-color:#2c3e50;box-shadow:2px 0 5px #0000001a;color:#ecf0f1;display:flex;flex-direction:column;height:100%;left:0;position:fixed;top:0;transition:transform .3s ease;width:350px;z-index:10}.bmsidebar-header{align-items:center;background-color:#34495e;border-bottom:1px solid #2c3e50;display:flex;justify-content:space-between;padding:15px 20px}.bmsidebar-header h3{color:#3498db;margin:0}.bmclose-button{align-items:center;background:none;border:none;color:#ecf0f1;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;padding:5px}.bmclose-button:hover{color:#e74c3c}.bmlog-entries{flex:1 1;max-height:calc(100vh - 60px);overflow-y:auto;padding:10px 20px}.bmlog-entries.running{background-color:#2c3e50}.bmlog-entry{background-color:#34495e;border-radius:4px;margin-bottom:10px;padding:12px;transition:all .3s ease}.bmlog-entry.current{background-color:#3498db;box-shadow:0 2px 10px #3498db4d}.bmlog-step{color:#ecf0f1;font-weight:700;margin-bottom:5px}.bmlog-description{font-size:.95rem;margin-bottom:8px}.bmlog-explanation{color:#bdc3c7;font-size:.85rem;line-height:1.4;white-space:pre-line}.bmlog-entry.current .bmlog-explanation{color:#ecf0f1}@media (max-width:768px){.bmsidebar{transform:translateX(-100%)}.bmapp-container.with-bmsidebar .bmsidebar{transform:translateX(0)}}.character-block{align-items:center;background-color:#f8f9fa;border:1px solid #ddd;color:#2c3e50;display:flex;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;margin-right:2px;transition:all .3s ease;width:40px}.character-block.match{background-color:#2ecc71;box-shadow:0 0 5px #2ecc7180;color:#fff;transform:scale(1.05)}.character-block.mismatch{background-color:#e74c3c;box-shadow:0 0 5px #e74c3c80;color:#fff;transform:scale(1.05)}.bmvisualizer{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-top:20px;min-height:300px;overflow-x:auto;padding:40px 20px;position:relative}.pattern-container,.text-container{align-items:center;display:flex;margin-bottom:40px}.pattern-container{position:absolute;top:100px;transition:left .5s ease-out}.pattern-label,.text-label{color:#2c3e50;font-weight:700;margin-right:20px;text-align:right;width:80px}.pattern-blocks,.text-blocks{display:flex}.shift-arrow{align-items:center;display:flex;height:40px;position:absolute;top:82px;transition:all .5s ease-out}.arrow-line{background-color:#e74c3c;flex-grow:1;height:2px}.arrow-head{border-bottom:6px solid #0000;border-left:10px solid #e74c3c;border-top:6px solid #0000;height:0;width:0}.shift-label{background-color:#e74c3c;color:#fff;padding:4px 8px;right:150px;top:8px}.shift-details,.shift-label{border-radius:4px;font-size:.8rem;position:absolute;white-space:nowrap}.shift-details{background-color:#34495e;display:none;left:0;padding:8px;top:100%}.shift-label:hover .shift-details{display:block}.current-step-info{background-color:#f8f9fa;border-left:4px solid #3498db;border-radius:4px;margin-top:80px;padding:15px}.step-description{color:#2c3e50;font-size:1.1rem;font-weight:500;margin-bottom:10px}.step-explanation{color:#7f8c8d;font-size:.95rem;line-height:1.5;white-space:pre-line}.empty-state{align-items:center;color:#7f8c8d;display:flex;font-size:1.1rem;height:200px;justify-content:center;padding:0 20px;text-align:center}.empty-state p{line-height:1.6;max-width:500px}.bmcontrols{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;padding:20px}.bminput-bmcontrols{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.bminput-group{display:flex;flex:1 1;flex-direction:column;min-width:200px}.bminput-group label{color:#2c3e50;font-weight:700;margin-bottom:5px}.bminput-group input[type=text]{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:10px}.bminput-group bminput[type=range]{width:100%}.bmspeed-value{color:#2c3e50;font-weight:700;margin-left:10px}.bmplayback-bmcontrols{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.bmcontrol-button{align-items:center;background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:10px 15px;transition:background-color .3s}.bmcontrol-button:hover{background-color:#2980b9}.bmcontrol-button.play-pause{background-color:#2ecc71;border-radius:50%;height:50px;width:50px}.bmcontrol-button.play-pause:hover{background-color:#27ae60}.bmcontrol-button.run-button{background-color:#9b59b6;padding:10px 20px}.bmcontrol-button.run-button:hover{background-color:#8e44ad}.bmcontrol-button.logs-button{background-color:#34495e}.bmcontrol-button.logs-button:hover{background-color:#2c3e50}.bmcontrol-button.logs-button.active{background-color:#e74c3c}.bmcontrol-button.logs-button.active:hover{background-color:#c0392b}@media (max-width:768px){.bminput-controls{flex-direction:column;gap:15px}.bmplayback-controls{gap:10px}.bmcontrol-button{padding:8px 12px}.bmcontrol-button.play-pause{height:40px;width:40px}}.educational-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;overflow:hidden;transition:all .3s ease}.content-header{align-items:center;background-color:#3498db;color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:15px 20px}.content-header h2{font-size:1.5rem;margin:0}.expand-icon{font-size:1.2rem;transition:transform .3s ease}.educational-content.collapsed .expand-icon{transform:rotate(-90deg)}.section-tabs{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;overflow-x:auto;scrollbar-width:thin}.section-tab{background:none;border:none;border-bottom:3px solid #0000;color:#495057;cursor:pointer;font-size:1rem;padding:12px 20px;white-space:nowrap}.section-tab:hover{background-color:#e9ecef}.section-tab.active{border-bottom-color:#3498db;color:#3498db;font-weight:500}.section-content{max-height:400px;overflow-y:auto;padding:20px}.section-content h3{color:#2c3e50;margin-bottom:15px;margin-top:0}.section-content p{color:#2c3e50;line-height:1.6;margin-bottom:15px}.section-content ol,.section-content ul{margin-bottom:15px;padding-left:20px}.section-content li{line-height:1.5;margin-bottom:8px}.section-content ol ul,.section-content ul ul{margin-bottom:5px;margin-top:5px}.section-content strong{color:#2c3e50;font-weight:600}@media (max-width:768px){.section-tabs{flex-wrap:wrap}.section-tab{flex:1 1 auto;text-align:center}.section-content{max-height:300px}}.bmapp-container{display:flex;font-family:Roboto,sans-serif;height:90vh;overflow:hidden;transition:all .3s ease;width:100%}.bmapp-container.with-sidebar .main-content{margin-left:350px}.bmmain-content{background-color:#f5f7fa;flex:1 1;overflow-y:auto;padding:20px;transition:margin-left .3s ease}h1{color:#2c3e50;margin-bottom:20px}@media (max-width:768px){.bmapp-container.with-sidebar .main-content{margin-left:0}.bmsidebar{max-width:350px;position:fixed;width:100%;z-index:100}}.notes-page-container{background-color:#f5f5f5;padding:20px}.notes-title{font-size:2rem;font-weight:700;margin:20px 0;text-align:center}.notes-divider{background-color:#e0e0e0;border:0;height:1px;margin-bottom:20px}.notes-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.notes-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.notes-grid{grid-template-columns:1fr}}.note-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;height:auto;justify-content:space-between;padding:15px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.note-card:hover{box-shadow:0 8px 12px #0003;transform:translateY(-5px)}.algorithm-image{border-radius:5px;height:180px;margin:0 auto;object-fit:cover;width:100%}.algorithm-title{font-size:1.5rem;font-weight:700;margin:5px 0;text-align:center}.download-btn,.view-btn{background-color:#1a73e8;border:none;border-radius:5px;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:700;max-width:45%;padding:10px;text-align:center;text-decoration:none;transition:background-color .3s ease}.download-btn:hover,.view-btn:hover{background-color:#165bb0}.button-container{align-items:center;display:flex;gap:10px;justify-content:space-around;margin-top:10px}.algorithm-visualizer{background:linear-gradient(to bottom right,#f8f9fa,#e9ecef);font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}h1{color:#333;font-size:2rem;text-align:center}.control-panel,h1{margin-bottom:30px}.control-panel{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:20px}.control-row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.control-group{flex:1 1;min-width:200px}.control-group label{color:#4b5563;display:block;font-size:.9rem;font-weight:500;margin-bottom:8px}.slider-container{align-items:center;display:flex;gap:10px}.slider{-webkit-appearance:none;background:#e5e7eb;border-radius:5px;flex:1 1;height:5px;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#10b981;border-radius:50%;cursor:pointer;height:15px;width:15px}.slider::-moz-range-thumb{background:#10b981;border-radius:50%;cursor:pointer;height:15px;width:15px}.number-input{padding:5px;text-align:center;width:60px}.number-input,.select-input{border:1px solid #d1d5db;border-radius:5px}.select-input{background-color:#fff;font-size:.9rem;padding:8px 10px;width:100%}.search-container{position:relative}.tsearch-input{border:1px solid #d1d5db;border-radius:5px;font-size:.9rem;padding:8px 10px 8px 35px;width:90%}.search-icon{color:#9ca3af;left:10px;position:absolute;top:50%;transform:translateY(-50%)}.view-controls{align-items:center;display:flex;justify-content:space-between}.view-buttons{display:flex;gap:10px}.view-button{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:5px;cursor:pointer;display:flex;font-size:.9rem;gap:5px;padding:8px 15px;transition:all .2s ease}.view-button.active{background-color:#10b981;border-color:#10b981;color:#fff}.view-button:hover:not(.active){background-color:#f3f4f6}.icon{font-size:1rem}.algorithm-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.algorithm-card{border:1px solid #e5e7eb;box-shadow:0 2px 4px #0000001a;padding:20px;position:relative;transition:all .3s ease}.algorithm-card.expanded,.algorithm-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.card-header h3{color:#1f2937;font-size:1.1rem;margin:0}.complexity-badge{background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:20px;color:#4b5563;font-size:.8rem;padding:3px 8px;width:65px}.operations-container{margin-bottom:15px}.operations-label{color:#4b5563;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:5px}.operations-value{font-weight:500}.progress-bar-container{background-color:#f3f4f6;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-bar{background-color:#10b981;height:100%;transition:width .5s ease-out}.algorithm-info{color:#4b5563;font-size:.9rem;max-height:40px;overflow:hidden;transition:max-height .3s ease}.algorithm-info.expanded{max-height:200px;overflow-y:auto}.expand-button{background:none;border:none;color:#6b7280;cursor:pointer;display:block;font-size:.8rem;margin-top:10px;padding:5px 0}.expand-button:hover{color:#10b981}.chart-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;position:relative}.chart-row{align-items:center;cursor:pointer;display:flex;margin-bottom:15px}.chart-label{color:#4b5563;font-size:.9rem;font-weight:500;overflow:hidden;padding-right:10px;text-overflow:ellipsis;white-space:nowrap;width:25%}.chart-bar-container{background-color:#f3f4f6;border-radius:4px;height:30px;overflow:hidden;width:75%}.chart-bar{align-items:center;background-color:#10b981;border-radius:4px;color:#fff;display:flex;font-size:.8rem;font-weight:500;height:100%;padding:0 10px;transition:width .5s ease-out}.tooltip{background-color:#1f2937;border-radius:5px;box-shadow:0 4px 6px #0000001a;font-size:.8rem;max-width:200px;padding:10px}.tooltip-title{font-weight:700;margin:0 0 5px}.tooltip p{margin:3px 0}.info-footer{color:#6b7280;font-size:.9rem;margin-top:30px;text-align:center}.info-icon{margin-right:5px}@media (max-width:768px){.control-row,.view-controls{flex-direction:column;gap:15px}.chart-row,.view-controls{align-items:flex-start}.chart-row{flex-direction:column;gap:5px}.chart-bar-container,.chart-label{width:100%}}:root{--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--primary-color:#1890ff;--secondary-color:#f5f5f5;--text-color:#333;--text-light:#666;--border-color:#e0e0e0;--background-color:#fff;--success-color:#52c41a;--warning-color:#faad14;--error-color:#f5222d}body,html{background-color:#f0f2f5;color:#333;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-family:var(--font-sans);max-width:100vw;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-family:var(--font-sans)}.app-container{display:flex;flex-direction:column;min-height:100vh;padding:20px}.app-header{margin-bottom:40px;text-align:center}.app-header h1{color:#333;color:var(--text-color);font-size:32px;margin-bottom:12px}.app-header p{font-size:16px;margin:0 auto;max-width:600px}.app-footer,.app-header p{color:#666;color:var(--text-light)}.app-footer{font-size:14px;margin-top:40px;padding:20px;text-align:center}@media (max-width:768px){.app-container{padding:16px}.app-header h1{font-size:24px}.app-header p{font-size:14px}}.tspalgorithm-controls{background-color:#f5f5f5;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:16px}.tspalgorithm-controls h3{border-bottom:1px solid #e0e0e0;color:#1890ff;font-size:18px;margin-bottom:16px;margin-top:0;padding-bottom:8px}.tspcontrol-group{margin-bottom:16px}.tspcontrol-group label{color:#555;display:block;font-weight:500;margin-bottom:8px}.dropdown{position:relative}.dropdown-toggle{align-items:center;background-color:#fff;border:1px solid #1890ff;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:8px 12px;text-align:left;width:100%}.dropdown-icon{color:#1890ff;height:16px;transition:transform .2s;width:16px}.dropdown-menu{background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 8px #0000001a;left:0;margin-top:4px;position:absolute;top:100%;width:100%;z-index:10}.dropdown-item{background:none;border:none;color:#1890ff;cursor:pointer;display:block;font-size:14px;padding:8px 12px;text-align:left;width:100%}.dropdown-item:hover{background-color:#f5f5f5}.dropdown-item.active{background-color:#e6f7ff;color:#1890ff}.tspspeed-slider{-webkit-appearance:none;appearance:none;background:#ddd;border-radius:3px;height:5px;outline:none;width:90%}.tspspeed-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#1890ff;border-radius:50%;cursor:pointer;height:16px;width:16px}.tspspeed-slider::-moz-range-thumb{background:#1890ff;border-radius:50%;cursor:pointer;height:16px;width:16px}.random-cities-control{display:flex;gap:8px}.city-count-input{border:1px solid #1890ff;border-radius:4px;font-size:14px;padding:8px;width:60px}.random-btn{align-items:center;background-color:#1890ff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px}.random-btn:hover{background-color:#40a9ff}.button-group{display:flex;flex-direction:column;gap:8px}.clear-btn,.run-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;transition:background-color .2s}.run-btn{background-color:#1890ff;color:#fff}.run-btn:hover:not(:disabled){background-color:#40a9ff}.clear-btn{background-color:#1890ff;color:#fff}.clear-btn:hover{background-color:#40a9ff}button:disabled{cursor:not-allowed;opacity:.6}.info-panel{background-color:initial;border-radius:0;box-shadow:none;margin-bottom:0}.tabs{background-color:#f0f0f0;border-radius:8px 8px 0 0;display:flex;flex-wrap:wrap}.tab{background:none;border:none;color:#555;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;min-width:100px;padding:12px;transition:background-color .2s}.tab:hover{background-color:#d0d0d0}.tab.active{background-color:#f5f5f5;border-bottom:2px solid #1890ff;color:#1890ff}.tab-content{background-color:#f5f5f5;border-radius:0 0 8px 8px;max-height:400px;overflow-y:auto;padding:16px}.tab-content h3{color:#1890ff;font-size:20px;margin-bottom:16px;margin-top:0}.tab-content p{color:#555;line-height:1.6;margin-bottom:16px}.tab-content ul{margin-bottom:16px;padding-left:20px}.tab-content li{line-height:1.5;margin-bottom:8px}.info-highlight{background-color:#e6f7ff;border-left:4px solid #1890ff;border-radius:0 4px 4px 0;margin:16px 0;padding:12px}.algorithm-card{background-color:#fff;border-left:4px solid #1890ff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:16px;padding:16px}.algorithm-card h4{color:#1890ff;margin-bottom:8px;margin-top:0}.algorithm-card p{margin-bottom:12px}.algorithm-card ul{margin-bottom:0}.complexity-table-container{margin:16px 0;overflow-x:auto}.complexity-table{border-collapse:collapse;font-size:14px;width:100%}.complexity-table td,.complexity-table th{border:1px solid #ddd;padding:10px 12px;text-align:left}.complexity-table th{background-color:#1890ff;color:#fff;font-weight:600}.complexity-table tr:nth-child(2n){background-color:#f9f9f9}.instruction-step{align-items:flex-start;display:flex;margin-bottom:16px}.step-number{align-items:center;background-color:#1890ff;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:28px;justify-content:center;margin-right:12px;width:28px}.step-content{flex:1 1}@media (max-width:768px){.tabs{flex-wrap:wrap}.tab{flex-basis:50%}}.stats-panel{background-color:#f5f5f5;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:16px}.stats-panel h3{border-bottom:1px solid #e0e0e0;color:#1890ff;font-size:18px;margin-bottom:16px;margin-top:0;padding-bottom:8px}.stat-item{display:flex;justify-content:space-between;margin-bottom:12px}.stat-label{color:#555;font-weight:500}.stat-value{color:#333;font-weight:600}.progress-bar{margin-top:8px}.comparison-logs{background-color:#f5f5f5;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-top:0}.tsplogs-header{align-items:center;background-color:#f5f5f5;border-bottom:1px solid #e0e0e0;cursor:pointer;display:flex;justify-content:space-between;padding:16px}.tsplogs-header h3{color:#1890ff;font-size:18px;margin:0}.toggle-logs-btn{background-color:#1890ff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:6px 12px}.toggle-logs-btn:hover{background-color:#40a9ff}.tsplogs-content{max-height:361px;overflow-y:auto;padding:0}.tsplog-entry{border-bottom:1px solid #f0f0f0;padding:12px;transition:background-color .2s}.tsplog-entry:last-child{border-bottom:none}.tsplog-entry.active{background-color:#e6f7ff;border-left:4px solid #1890ff}.tsplog-step{color:#1890ff;font-size:12px;font-weight:600;margin-bottom:4px}.tsplog-title{color:#333;font-size:15px;font-weight:600;margin-bottom:6px}.tsplog-description{color:#555;font-size:13px;margin-bottom:6px}.tsplog-details{background-color:#f9f9f9;border-left:3px solid #1890ff;border-radius:4px;color:#777;font-size:12px;padding:8px}.tspstep-controls{background-color:#f5f5f5;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:16px}.tspstep-controls h3{border-bottom:1px solid #e0e0e0;color:#1890ff;font-size:18px;margin-bottom:16px;margin-top:0;padding-bottom:8px}.tspstep-progress{margin-bottom:16px}.tspstep-count{color:#555;font-size:14px;font-weight:500;margin-bottom:8px}.progress-bar{background-color:#e0e0e0;border-radius:4px;height:8px;overflow:hidden}.progress-fill{background-color:#1890ff;height:100%;transition:width .3s ease}.tspstep-buttons{gap:8px;margin-bottom:12px}.tspstep-button,.tspstep-buttons{display:flex;justify-content:center}.tspstep-button{align-items:center;background-color:#1890ff;border:none;border-radius:50%;color:#fff;cursor:pointer;height:40px;padding:0;transition:background-color .2s;width:42px}.tspstep-button:hover:not(:disabled){background-color:#40a9ff}.tspstep-button:disabled{cursor:not-allowed;opacity:.5}.play-button{background-color:#1890ff;border:none;color:#fff}.play-button:hover{background-color:#40a9ff}.tspstep-hint{color:#888;font-size:12px;text-align:center}.tsp-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;margin:0 auto;max-width:1400px;padding:20px;width:100%}.tsp-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.tsp-header h2{color:#1890ff;font-size:28px;font-weight:600;margin:0}.toggle-explanation-btn{background-color:#1890ff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s}.toggle-explanation-btn:hover{background-color:#40a9ff}.tsp-content{display:flex;gap:20px;min-height:600px}.tspsidebar{display:flex;flex-direction:column;flex-shrink:0;gap:20px;width:320px}.graph-container{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;box-shadow:inset 0 0 5px #0000001a;flex:1 1;min-height:600px;overflow:hidden;position:relative}.graph-svg{background-color:#f9f9f9;cursor:pointer;height:100%;width:100%}.graph-instructions{background-color:#ffffffe6;border-radius:4px;bottom:10px;box-shadow:0 2px 4px #0000001a;color:#666;font-size:13px;left:10px;padding:8px 12px;position:absolute}@media (max-width:1024px){.tsp-content{flex-direction:column}.tspsidebar{width:100%}}.llapp-container{display:flex;flex-direction:column;height:120%;margin:0 auto;max-width:1400px;padding:20px}.llcontrol-panel{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000000d;margin-bottom:20px;padding:15px}.lltabs{border-bottom:1px solid #e1e4e8;display:flex;margin-bottom:15px}.lltab{background:none;border:none;color:#555;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;position:relative;transition:all .3s ease}.lltab.active,.lltab:hover{color:#3498db}.lltab.active:after{background-color:#3498db;bottom:-1px;content:"";height:3px;left:0;position:absolute;width:100%}.llmain-content{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:2fr 1fr;min-height:0}.llvisualization-container{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000000d;min-height:500px;overflow:hidden;position:relative}.llside-panel,.llvisualization-container{display:flex;flex-direction:column;height:100%}.llside-panel{gap:20px}@media (max-width:1200px){.llmain-content{grid-template-columns:1fr}.llside-panel{display:grid;grid-template-columns:1fr 1fr}}@media (max-width:768px){.llmain-content{grid-template-columns:1fr}.llside-panel{display:flex;flex-direction:column}.lltabs{flex-wrap:wrap}.lltab{font-size:14px;padding:10px 15px}}.llheader{background:linear-gradient(135deg,#3a7bd5,#00d2ff);border-radius:10px;box-shadow:0 4px 15px #0000001a;color:#fff;margin-bottom:30px;overflow:hidden;padding:30px 0;position:relative;text-align:center}.llheader h1{font-size:3rem;font-weight:700;margin-bottom:10px;text-shadow:0 2px 4px #0003}.llheader p{font-size:1.2rem;margin:0 auto;max-width:600px;opacity:.9}.title-highlight{color:#ffdd59}.llheader-decoration{bottom:0;display:flex;height:10px;left:0;position:absolute;width:100%}@media (max-width:768px){.llheader h1{font-size:2.2rem}.llheader p{font-size:1rem}}.basic-linked-list{flex-direction:column;overflow:hidden;position:relative}.basic-linked-list,.intro-overlay{display:flex;height:100%;padding:20px}.intro-overlay{align-items:center;background-color:#fffffff2;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:100}.intro-content{background-color:#fff;border-radius:10px;box-shadow:0 5px 20px #0000001a;max-width:800px;padding:30px}.intro-content h2{color:#3498db;margin-bottom:20px;text-align:center}.intro-content p{color:#555;line-height:1.6;margin-bottom:20px}.intro-diagram{display:flex;justify-content:center;margin:30px 0;overflow-x:auto;padding:10px 0}.intro-node{border:2px solid #3498db;border-radius:8px;display:flex;flex-direction:column;margin:0 10px;overflow:hidden;position:relative;width:100px}.intro-data{background-color:#3498db;color:#fff;font-weight:700}.intro-data,.intro-next{padding:8px;text-align:center}.intro-next{background-color:#f8f9fa;color:#555;font-size:14px}.intro-arrow{color:#3498db;font-size:24px;position:absolute;right:-20px;top:50%;transform:translateY(-50%);z-index:10}.intro-content ul{margin-bottom:25px;padding-left:20px}.intro-content li{color:#555;margin-bottom:8px}.start-button{background-color:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:700;margin:0 auto;padding:12px 25px;transition:all .3s}.start-button:hover{background-color:#2980b9;transform:translateY(-2px)}.chain-visualization{background-color:#f8f9fa;border-radius:8px;box-shadow:inset 0 0 5px #0000000d;display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:20px;position:relative}.chain-container{flex:1 1;overflow-x:auto}.chain,.chain-container{align-items:center;display:flex}.chain{height:100%}.chain-link{align-items:center;cursor:pointer;display:flex;margin-right:30px;position:relative;transition:all .3s}.chain-link.highlighted{box-shadow:0 10px 15px #0003;transform:translateY(-10px);z-index:10}.link-body{align-items:center;border-radius:50%;box-shadow:0 4px 8px #0000001a;display:flex;height:80px;justify-content:center;position:relative;width:80px}.link-body:before{background:linear-gradient(#fff3,#0003);border-radius:50%;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.link-value{color:#fff;font-size:18px;font-weight:700;z-index:2}.link-index{background-color:#0000004d;border-radius:10px;color:#fff;font-size:12px;padding:2px 6px;position:absolute;right:5px;top:5px;z-index:2}.link-connector{align-items:center;display:flex;height:20px;position:relative;width:30px}.connector-line{background-color:#7f8c8d;flex:1 1;height:3px}.connector-arrow{color:#7f8c8d;font-size:20px;position:absolute;right:-5px}.null-terminator{background-color:#34495e;border-radius:6px;color:#fff;font-size:14px;font-weight:700;padding:10px 15px}.singly-linked-list{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:20px}.node-input,.position-input,.search-input{background-color:#fff;border:2px solid #e1e4e8;border-radius:6px;font-size:16px;outline:none;padding:12px 15px;transition:all .3s}.node-input:focus,.position-input:focus,.search-input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db33}.train-visualization{background-color:#f8f9fa;border-radius:8px;box-shadow:inset 0 0 5px #0000000d;flex:1 1;overflow:hidden;padding-bottom:40px;position:relative}.train-track,.train-visualization{display:flex;flex-direction:column}.train-track{bottom:0;height:40px;justify-content:flex-end;left:0;position:absolute;width:100%}.track-line{background-color:#7f8c8d;height:6px;width:100%}.track-sleepers{bottom:0;display:flex;justify-content:space-between;position:absolute;width:100%}.track-sleeper{background-color:#95a5a6;height:10px;margin:0 10px;width:20px}.train-container{align-items:flex-end;display:flex;flex:1 1;overflow-x:auto;padding:20px}.empty-list-message{color:#7f8c8d;font-style:italic;margin:auto;padding:20px;text-align:center}.train{align-items:flex-end;display:flex;height:100%;padding-bottom:20px}.train-engine{background-color:#e74c3c;border-radius:10px;display:flex;flex-direction:column;height:80px;margin-right:10px;position:relative;width:120px}.engine-front{background-color:#c0392b;border-radius:10px 0 0 10px;bottom:0;height:40px;left:-20px;position:absolute;width:30px}.engine-body{flex:1 1;position:relative}.engine-window{background-color:#f1c40f;border-radius:5px;height:20px;left:10px;position:absolute;top:10px;width:30px}.engine-door{background-color:#34495e;bottom:0;height:30px;position:absolute;right:20px;width:20px}.engine-wheels{bottom:-15px;display:flex;justify-content:space-around;position:absolute;width:100%}.wheel{background-color:#34495e;border:3px solid #7f8c8d;border-radius:50%;height:25px;width:25px}.train-car{border-radius:8px;cursor:pointer;display:flex;flex-direction:column;height:60px;margin-right:5px;position:relative;transition:all .3s;width:100px}.train-car.highlighted{box-shadow:0 10px 15px #0003;transform:translateY(-10px);z-index:10}.car-body{align-items:center;border-radius:8px;display:flex;flex:1 1;justify-content:center;overflow:hidden;position:relative}.car-body:before{background:linear-gradient(#fff3,#0003);border-radius:8px;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.car-value{color:#fff;font-size:18px;font-weight:700;z-index:2}.car-index{background-color:#0000004d;border-radius:10px;color:#fff;font-size:12px;padding:2px 6px;position:absolute;right:5px;top:5px;z-index:2}.car-connector{background-color:#7f8c8d;height:10px;position:absolute;right:-15px;top:50%;transform:translateY(-50%);width:15px;z-index:1}.car-wheels{bottom:-15px;display:flex;justify-content:space-around;position:absolute;width:100%}.search-indicator{padding:2px 6px}.animation-speed input{flex:1 1}@media (max-width:768px){.operation-buttons,.search-group{flex-direction:column}.operation-buttons button,.search-group button{width:100%}}.doubly-linked-list{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:20px}.dllinput-group{background-color:#f8f9fa;border-radius:8px;box-shadow:inset 0 0 5px #0000000d;display:flex;flex-direction:column;gap:10px;margin-bottom:10px;padding:15px}.page-dllinput,.position-dllinput,.search-dllinput{background-color:#fff;border:2px solid #e1e4e8;border-radius:6px;font-size:16px;outline:none;padding:12px 15px;transition:all .3s}.page-dllinput:focus,.position-dllinput:focus,.search-dllinput:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db33}.add-beginning-button,.add-end-button,.add-position-button{background-color:#2ecc71;color:#fff}.add-beginning-button:hover,.add-end-button:hover,.add-position-button:hover{background-color:#27ae60;transform:translateY(-2px)}.search-dllinput{flex:1 1;min-width:200px}.album-visualization{align-items:center;background-color:#f8f9fa;border-radius:8px;box-shadow:inset 0 0 5px #0000000d;display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow:hidden;position:relative}.empty-album-message{color:#7f8c8d;font-style:italic;padding:20px;text-align:center}.photo-album{background-color:#34495e;border-radius:10px;box-shadow:0 10px 20px #0003;display:flex;flex-direction:column;height:70%;max-width:500px;overflow:hidden;position:relative;width:80%}.album-navigation{align-items:center;background-color:#2c3e50;color:#fff;display:flex;justify-content:space-between;padding:15px}.dllnav-button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:8px 15px;transition:all .3s}.dllnav-button:hover:not(:disabled){background-color:#2980b9}.dllnav-button:disabled{background-color:#7f8c8d;cursor:not-allowed}.page-indicator{font-weight:600}.album-pages-container{align-items:center;background-color:#ecf0f1;display:flex;flex:1 1;justify-content:center;perspective:1000px}.album-page{background-color:#fff;border-radius:5px;box-shadow:0 5px 15px #0000001a;display:flex;flex-direction:column;height:80%;position:relative;transform-style:preserve-3d;width:80%}.album-page.highlighted{box-shadow:0 0 20px #3498dbcc}.page-content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:20px;position:relative}.page-image{background-color:#f8f9fa;background-position:50%;background-size:cover;border-radius:5px;box-shadow:0 2px 5px #0000001a;height:70%;margin-bottom:15px;width:80%}.page-image.landscape{background-image:linear-gradient(90deg,#3498db,#2980b9)}.page-image.portrait{background-image:linear-gradient(90deg,#e74c3c,#c0392b)}.page-image.food{background-image:linear-gradient(90deg,#f1c40f,#f39c12)}.page-image.animal{background-image:linear-gradient(90deg,#2ecc71,#27ae60)}.page-image.architecture{background-image:linear-gradient(90deg,#9b59b6,#8e44ad)}.page-image.nature{background-image:linear-gradient(90deg,#1abc9c,#16a085)}.page-image.travel{background-image:linear-gradient(90deg,#d35400,#e67e22)}.page-image.abstract{background-image:linear-gradient(90deg,#34495e,#2c3e50)}.page-title{color:#2c3e50;font-size:18px;font-weight:600;margin-bottom:5px}.page-number{background-color:#3498db;border-radius:10px;bottom:10px;color:#fff;font-size:12px;padding:2px 8px;position:absolute;right:10px}.page-links{background-color:#f8f9fa;border-top:1px solid #e1e4e8;display:flex;justify-content:space-between;padding:10px 20px}.next-link,.prev-link{color:#7f8c8d;font-size:14px}.prev-link{text-align:left}.next-link{text-align:right}.album-spine{background-color:#7f8c8d;height:100%;left:0;position:absolute;top:0;width:20px;z-index:10}.search-indicator{font-size:12px;left:10px;padding:4px 8px;top:10px}.animation-speed{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000000d;display:flex;gap:10px;padding:15px}.animation-speed label{color:#555;font-weight:600;min-width:120px}.animation-speed dllinput{flex:1 1}@media (max-width:768px){.operation-buttons,.search-group{flex-direction:column}.operation-buttons button,.search-group button{width:100%}.photo-album{width:95%}}.circular-linked-list{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:20px}.list-controls{margin-bottom:20px}.input-group{margin-bottom:10px}.position-input,.search-input,.seat-input{background-color:#fff;border:2px solid #e1e4e8;border-radius:6px;font-size:16px;outline:none;padding:12px 15px;transition:all .3s}.position-input:focus,.search-input:focus,.seat-input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db33}.operation-buttons{display:flex;flex-wrap:wrap;gap:10px}.operation-buttons button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-weight:600;justify-content:center;min-width:120px;padding:12px 15px;transition:all .3s}.add-button{background-color:#2ecc71;color:#fff}.add-button:hover{background-color:#27ae60;transform:translateY(-2px)}.delete-button{background-color:#e74c3c;color:#fff}.delete-button:hover{background-color:#c0392b;transform:translateY(-2px)}.traverse-button{background-color:#9b59b6;color:#fff}.traverse-button:hover{background-color:#8e44ad;transform:translateY(-2px)}.search-button{background-color:#3498db;color:#fff}.search-button:hover{background-color:#2980b9;transform:translateY(-2px)}.rotate-button{background-color:#f1c40f;color:#34495e}.rotate-button:hover{background-color:#f39c12;transform:translateY(-2px)}.rotate-button.active{background-color:#e67e22;color:#fff}.operation-buttons button:disabled,.search-group button:disabled{background-color:#bdc3c7;cursor:not-allowed;transform:none}.search-group{background-color:#f8f9fa;border-radius:8px;box-shadow:inset 0 0 5px #0000000d;display:flex;flex-wrap:wrap;gap:10px;padding:15px}.search-input{flex:1 1;min-width:200px}.ferris-wheel-visualization{align-items:center;background-color:#f8f9fa;border-radius:8px;box-shadow:inset 0 0 5px #0000000d;display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow:hidden;position:relative}.empty-wheel-message{color:#7f8c8d;font-style:italic;padding:20px;text-align:center}.ferris-wheel{align-items:center;display:flex;height:400px;justify-content:center;position:relative;width:400px}.ferris-wheel.rotating .wheel-structure{animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.wheel-center{background-color:#34495e;border-radius:50%;box-shadow:0 0 10px #0000004d;height:40px;width:40px;z-index:10}.wheel-structure{border:10px solid #7f8c8d;border-radius:50%;height:300px;position:absolute;width:300px;z-index:1}.wheel-spoke{background-color:#95a5a6;height:4px;left:50%;top:50%;transform-origin:left center;z-index:2}.wheel-rim,.wheel-spoke{position:absolute;width:300px}.wheel-rim{border:4px dashed #95a5a6;border-radius:50%;height:300px;z-index:3}.wheel-seat{align-items:center;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;height:60px;justify-content:center;position:absolute;transition:all .3s;width:60px;z-index:5}.wheel-seat.highlighted{box-shadow:0 0 20px #fffc;transform:scale(1.2);z-index:10}.seat-content{align-items:center;display:flex;flex-direction:column;justify-content:center;overflow:hidden;position:relative}.seat-content,.seat-content:before{border-radius:8px;height:100%;width:100%}.seat-content:before{background:linear-gradient(#fff3,#0003);content:"";left:0;position:absolute;top:0}.seat-value{color:#fff;font-size:14px;font-weight:700;max-width:90%;overflow:hidden;text-align:center;text-overflow:ellipsis;z-index:2}.seat-index{background-color:#0000004d;border-radius:10px;color:#fff;font-size:10px;padding:1px 4px;position:absolute;right:5px;top:5px;z-index:2}.seat-connector{background-color:#95a5a6;height:40px;position:absolute;top:-40px;width:2px}.wheel-connection{height:20px;pointer-events:none;position:absolute;width:40px;z-index:4}.connection-arrow,.wheel-connection{align-items:center;display:flex;justify-content:center}.connection-arrow{background-color:#ffffffb3;border-radius:50%;box-shadow:0 2px 5px #0003;color:#e74c3c;font-size:24px;font-weight:700;height:30px;text-shadow:0 0 3px #0000004d;width:30px}.wheel-seat.highlighted+.wheel-connection .connection-arrow{box-shadow:0 0 10px #f1c40f80;color:#f1c40f;transform:scale(1.2)}.wheel-support{bottom:-50px;height:100px;position:absolute;width:200px;z-index:0}.support-leg{background-color:#7f8c8d;bottom:0;height:150px;position:absolute;width:20px}.support-leg.left{left:40px;transform:rotate(15deg)}.support-leg.right{right:40px;transform:rotate(-15deg)}.support-base{background-color:#34495e;border-radius:5px;bottom:0;height:20px;left:-25px;position:absolute;width:250px}.search-indicator{background-color:#f1c40f;border-radius:10px;color:#34495e;font-size:10px;font-weight:700;left:5px;padding:1px 4px;position:absolute;top:5px;z-index:2}.search-not-found{background-color:#e74c3ce6;border-radius:8px;box-shadow:0 4px 15px #0003;color:#fff;font-size:18px;font-weight:700;left:50%;padding:15px 25px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:100}.list-info{margin-top:20px}.list-status{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000000d;display:flex;justify-content:space-around;margin-bottom:10px;padding:15px}.animation-controls{flex-direction:column;gap:10px}.animation-speed,.rotation-speed{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000000d;display:flex;gap:10px;padding:15px}.animation-speed label,.rotation-speed label{color:#555;font-weight:600;min-width:120px}.animation-speed input,.rotation-speed input{flex:1 1}@media (max-width:768px){.operation-buttons,.search-group{flex-direction:column}.operation-buttons button,.search-group button{width:100%}.ferris-wheel{height:300px;width:300px}.wheel-structure{height:250px;width:250px}.wheel-rim,.wheel-spoke{width:250px}.wheel-rim{height:250px}.wheel-seat{height:50px;width:50px}}.llinfo-content{flex:1 1;overflow-y:auto;padding:20px}.lltab-content{height:100%}.applications-section h3,.info-section h3,.operations-section h3{color:#2c3e50;font-size:18px;margin-bottom:15px}.analogy-box{background-color:#f8f9fa;border-left:4px solid #3498db;border-radius:0 4px 4px 0;margin-bottom:20px;padding:15px}.analogy-box h4{color:#3498db;font-size:16px;margin-bottom:10px}.list-diagram{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 5px #0000000d;display:flex;overflow-x:auto;padding:20px}.list-diagram.doubly,.list-diagram.singly{flex-direction:row}.list-diagram.circular{flex-direction:row;position:relative}.llnode{margin:0 5px}.llnode,.llnode-data{align-items:center;display:flex}.llnode-data{background-color:#3498db;border-radius:4px;color:#fff;font-weight:700;height:40px;justify-content:center;width:40px}.llnode-pointer{color:#7f8c8d;font-size:20px;margin:0 5px}.llnode-pointer.left{margin-right:5px}.llnode-pointer.right{margin-left:5px}.llnode-pointer.circular-end{color:#e74c3c}.operation-details{background-color:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:15px}.operation-details h4{color:#2c3e50;margin-bottom:10px}.operation-details p{color:#555;line-height:1.6}.operation-logs{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000000d;display:flex;flex-direction:column;height:100%;overflow:hidden}.logs-header{align-items:center;display:flex;justify-content:space-between}.clear-logs-button{background-color:#fff3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:5px 10px;transition:all .3s}.clear-logs-button:hover{background-color:#ffffff4d}.lllogs-content{flex:1 1;overflow-y:auto;padding:15px}.stackapp-container{display:flex;flex-direction:column;height:120%;margin:0 auto;max-width:1400px;padding:20px}.stackcontrol-panel{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000000d;margin-bottom:20px;padding:15px}.stacktabs{border-bottom:1px solid #e1e4e8;display:flex;margin-bottom:15px}.stacktab{background:none;border:none;color:#555;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;position:relative;transition:all .3s ease}.stacktab.active,.stacktab:hover{color:#3498db}.stacktab.active:after{background-color:#3498db;bottom:-1px;content:"";height:3px;left:0;position:absolute;width:100%}.step-controls{align-items:center;display:flex;gap:10px;padding:10px 0}.step-button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:background-color .3s}.step-button:hover{background-color:#2980b9}.step-button:disabled{background-color:#bdc3c7;cursor:not-allowed}.guide-button{background-color:#2ecc71}.guide-button:hover{background-color:#27ae60}.speed-control{align-items:center;display:flex;gap:10px;margin-left:auto}.speed-control label{color:#555;font-weight:600}.stackmain-content{grid-gap:20px;display:grid;flex:1 1;gap:20px;grid-template-columns:1fr 1fr;min-height:0}.visualization-container{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000000d;grid-column:1/3;min-height:500px;position:relative}.visualization-container,.visualization-wrapper{display:flex;flex-direction:column;height:100%;overflow:hidden}.visualization-wrapper{position:absolute;width:100%}.side-panel{grid-gap:20px;display:grid;gap:20px;grid-column:1/3;grid-template-columns:1fr 1fr;height:400px}.tooltip{background-color:#000c;border-radius:4px;color:#fff;font-size:14px;padding:8px 12px;pointer-events:none;position:fixed;z-index:1000}@media (min-width:1200px){.stackmain-content{grid-template-columns:2fr 1fr;height:calc(100vh - 200px)}.visualization-container{grid-column:1;grid-row:1/3;height:100%}.side-panel{display:flex;flex-direction:column;grid-column:2;grid-row:1/3;height:120%}}@media (max-width:768px){.stackmain-content{grid-template-columns:1fr}.side-panel,.visualization-container{grid-column:1}.side-panel{display:flex;flex-direction:column}.step-controls{flex-wrap:wrap}.speed-control{margin-left:0;margin-top:10px}}.stack-container{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:20px}.stack-controls{margin-bottom:20px}.stack-input{background-color:#fff;border:2px solid #e1e4e8;border-radius:6px;font-size:16px;outline:none;padding:12px 15px;transition:all .3s}.stack-input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db33}.stack-buttons{display:flex;gap:10px}.stack-buttons button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-weight:600;justify-content:center;padding:12px 20px;transition:all .3s}.push-button{background-color:#2ecc71;color:#fff}.push-button:hover{background-color:#27ae60;transform:translateY(-2px)}.pop-button{background-color:#e74c3c;color:#fff}.pop-button:hover{background-color:#c0392b;transform:translateY(-2px)}.stack-buttons button:disabled{background-color:#bdc3c7;cursor:not-allowed;transform:none}.stack-visualization{background-color:#f8f9fa;border-radius:8px;box-shadow:inset 0 0 5px #0000000d;display:flex;flex:1 1;overflow:hidden;padding:20px;position:relative}.stack-labels{display:flex;flex-direction:column;height:100%;justify-content:space-between;left:20px;padding:20px 0;position:absolute;z-index:5}.stack-top-label{margin-bottom:auto}.stack-bottom-label{margin-top:auto}.stack-structure{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:flex-end;position:relative}.stack-base{background:linear-gradient(90deg,#2c3e50,#4a6572);border-radius:4px;box-shadow:0 4px 6px #0000001a;height:20px;position:relative;width:250px}.stack-pole-left,.stack-pole-right{background:linear-gradient(0deg,#7f8c8d,#95a5a6);border-radius:5px;bottom:0;box-shadow:0 0 10px #0000001a;height:100%;position:absolute;width:10px}.stack-pole-left{left:30px}.stack-pole-right{right:30px}.plates-container{bottom:40px;flex-direction:column;max-height:calc(100% - 60px);position:absolute;width:100%}.plate,.plates-container{align-items:center;display:flex;overflow:hidden}.plate{border-radius:8px;box-shadow:0 4px 8px #0003;color:#fff;cursor:pointer;font-size:18px;font-weight:700;height:50px;justify-content:center;margin-bottom:5px;position:relative;width:220px}.plate:before{background:linear-gradient(#fff3,#0003);border-radius:8px;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.plate.highlighted{box-shadow:0 6px 12px #0000004d;transform:scale(1.05);z-index:10}.plate-value{position:relative;z-index:2}.plate-index{background-color:#0000004d;border-radius:10px;color:#fff;font-size:12px;padding:2px 6px;position:absolute;right:10px;top:5px;z-index:2}.stack-info{margin-top:20px}.stack-status{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000000d;display:flex;justify-content:space-around;padding:15px}.queue-container{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:20px}.queue-controls{margin-bottom:20px}.input-group{background-color:#f8f9fa;border-radius:8px;box-shadow:inset 0 0 5px #0000000d;display:flex;flex-direction:column;gap:10px;padding:15px}.queue-input{background-color:#fff;border:2px solid #e1e4e8;border-radius:6px;font-size:16px;outline:none;padding:12px 15px;transition:all .3s}.queue-input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db33}.queue-buttons{display:flex;gap:10px}.queue-buttons button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-weight:600;justify-content:center;padding:12px 20px;transition:all .3s}.enqueue-button{background-color:#2ecc71;color:#fff}.enqueue-button:hover{background-color:#27ae60;transform:translateY(-2px)}.dequeue-button{background-color:#e74c3c;color:#fff}.dequeue-button:hover{background-color:#c0392b;transform:translateY(-2px)}.clear-button{background-color:#7f8c8d;color:#fff}.clear-button:hover{background-color:#636e72;transform:translateY(-2px)}.queue-buttons button:disabled{background-color:#bdc3c7;cursor:not-allowed;transform:none}.queue-visualization{background-color:#f8f9fa;border-radius:8px;box-shadow:inset 0 0 5px #0000000d;display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative}.queue-labels{display:flex;justify-content:space-between;padding:0 50px;position:absolute;right:0;top:20px;width:calc(100% - 180px);z-index:10}.queue-front-label,.queue-rear-label{background-color:#fffc;border-radius:4px;box-shadow:0 2px 5px #0000001a;color:#2c3e50;font-weight:700;padding:5px 10px}.coffee-shop-scene{flex:1 1;flex-direction:row}.coffee-shop,.coffee-shop-scene{display:flex;height:100%;position:relative}.coffee-shop{align-items:center;background:linear-gradient(90deg,#e67e22,#d35400);border-radius:8px 0 0 8px;box-shadow:4px 0 6px #0000001a;flex-direction:column;justify-content:center;width:180px;z-index:5}.coffee-shop-sign{background-color:#2c3e50;border-radius:4px;box-shadow:0 2px 5px #0003;color:#fff;font-weight:700;padding:5px 15px;position:absolute;top:10px}.coffee-counter{align-items:center;background:linear-gradient(180deg,#d35400,#a04000);border-radius:8px;box-shadow:0 4px 6px #0003;display:flex;height:120px;justify-content:space-between;margin-top:40px;padding:0 15px;position:relative;width:80%}.coffee-machine{align-items:center;display:flex;flex-direction:column}.machine-top{background-color:#7f8c8d;border-radius:5px 5px 0 0;height:20px;width:40px}.machine-body{background-color:#95a5a6;border-radius:5px;height:40px;width:50px}.barista{align-items:center;display:flex;flex-direction:column;position:relative}.barista-head{background-color:#f5b041;border-radius:50%;box-shadow:0 2px 3px #0003;height:30px;width:30px}.barista-body{background-color:#2c3e50;border-radius:8px 8px 0 0;height:50px;margin-top:5px;position:relative;width:40px}.barista-body:before{background-color:#e74c3c;content:"";left:50%;top:5px;transform:translateX(-50%);width:30px}.barista-arm,.barista-body:before{border-radius:5px;height:10px;position:absolute}.barista-arm{background-color:#f5b041;right:-30px;top:40px;width:40px}.queue-line{align-items:center;background-color:#ecf0f1;border-radius:0 8px 8px 0;display:flex;flex:1 1;height:100%;overflow-x:auto;overflow-y:hidden;padding:20px;position:relative}.floor-tiles{background-image:linear-gradient(90deg,#0000000d 1px,#0000 0),linear-gradient(180deg,#0000000d 1px,#0000 0);background-size:20px 20px;height:100%;left:0;position:absolute;top:0;width:100%}.person,.static-person{align-items:center;display:flex;flex-direction:column;margin-right:30px;position:relative;transition:all .3s ease;z-index:2}.person-head{background-color:#f5b041;border-radius:50%;box-shadow:0 2px 3px #0003;height:30px;width:30px}.person-body{background-color:#0003;border-radius:8px 8px 0 0;height:50px;margin-top:5px;position:relative;width:40px}.person-body:before{background-color:#ffffff4d;border-radius:5px;content:"";height:5px;left:50%;position:absolute;top:10px;transform:translateX(-50%);width:20px}.person-legs{display:flex;justify-content:space-between;width:30px}.person-leg{background-color:#0000004d;border-radius:0 0 5px 5px;height:20px;width:10px}.person-name{background-color:#000000b3;color:#fff;font-weight:700;margin-top:5px;padding:2px 8px}.person-bubble,.person-name{border-radius:10px;font-size:12px}.person-bubble{background-color:#fff;box-shadow:0 2px 5px #0000001a;left:-20px;max-width:100px;padding:5px 10px;position:absolute;top:-40px;z-index:3}.person-bubble.small{font-size:10px;left:0;max-width:80px;top:-30px}.person-bubble:after{background-color:#fff;bottom:-5px;content:"";height:10px;left:30px;position:absolute;transform:rotate(45deg);width:10px}.bubble-text{position:relative;z-index:1}.person.highlighted{z-index:10}.queue-info{margin-top:20px}.queue-status{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px #0000000d;display:flex;justify-content:space-around;padding:15px}.status-item{align-items:center;display:flex;flex-direction:column}.status-label{color:#7f8c8d;font-size:14px;margin-bottom:5px}.status-value{color:#2c3e50;font-size:18px;font-weight:700}.waiting-people{display:flex;margin-left:30px}.static-person{opacity:.8;transform:scale(.9)}.static-person:hover{opacity:1;transform:scale(1)}.person-phone{background-color:#2c3e50;border-radius:2px;height:25px;position:absolute;right:-10px;top:40px;transform:rotate(15deg);width:15px}.phone-screen{background-color:#3498db;border-radius:1px;height:19px;left:2px;position:absolute;top:3px;width:11px}.person-coffee{height:25px;position:absolute;right:-15px;top:40px;transform:rotate(10deg);width:20px}.coffee-cup{background-color:#e74c3c;border-radius:0 0 5px 5px;height:100%;position:relative;width:100%}.coffee-cup:before{background-color:#fff;content:"";height:5px;left:0;opacity:.3;position:absolute;top:5px;width:100%}.coffee-cup:after{background-color:#e74c3c;border-radius:0 10px 10px 0;content:"";height:10px;position:absolute;right:-8px;top:0;width:8px}.popup-message{background-color:#e74c3ce6;border-radius:8px;box-shadow:0 4px 15px #0003;color:#fff;font-size:18px;font-weight:700;left:50%;padding:15px 25px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:100}.info-panel{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000000d;display:flex;flex-direction:column;height:100%;max-height:400px;overflow:hidden}.info-header{background:linear-gradient(135deg,#3a7bd5,#00d2ff);color:#fff;padding:15px 20px}.info-header h2{font-size:1.5rem;font-weight:600}.info-tabs{background-color:#f8f9fa;border-bottom:1px solid #e1e4e8;display:flex}.info-tab{background:none;border:none;color:#555;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px;transition:all .3s ease}.info-tab:hover{color:#3498db}.info-tab.active{background-color:#fff;border-bottom:2px solid #3498db;color:#3498db}.info-content{flex:1 1;max-height:calc(100% - 150px);overflow-y:auto;padding:20px}.sqtab-content{height:100%}.algorithm-section h3,.applications-section h3,.info-section h3{color:#2c3e50;font-size:18px;margin-bottom:15px}.info-section p{color:#555;line-height:1.6;margin-bottom:20px}.visual-explanation{display:flex;justify-content:center;margin:20px 0}.queue-diagram,.stack-diagram{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 5px #0000000d;padding:20px;position:relative}.diagram-item{align-items:center;background-color:#3498db;border-radius:4px;color:#fff;display:flex;font-weight:700;height:40px;justify-content:center;margin:5px 0;width:150px}.diagram-item.front,.diagram-item.rear,.diagram-item.top{background-color:#e74c3c}.diagram-arrow{background-color:#000000b3;border-radius:4px;color:#fff;font-size:12px;padding:5px 10px;position:absolute}.diagram-arrow.push{right:-60px;top:50%}.diagram-arrow.pop{right:-60px;top:20%}.diagram-arrow.enqueue{bottom:20px;right:-70px}.diagram-arrow.dequeue{left:-70px;top:20px}.operations-table{border-collapse:collapse;margin-bottom:20px;width:100%}.operations-table td,.operations-table th{border-bottom:1px solid #e1e4e8;padding:12px;text-align:left}.operations-table th{color:#2c3e50;font-weight:600}.operations-table th,.operations-table tr:hover td,.pseudocode{background-color:#f8f9fa}.pseudocode{border-radius:8px;box-shadow:0 2px 5px #0000000d;margin-bottom:20px;padding:15px}.pseudocode h4{color:#2c3e50;margin-bottom:10px}.pseudocode pre{background-color:#fff;border-left:3px solid #3498db;border-radius:4px;color:#34495e;font-family:Courier New,Courier,monospace;line-height:1.5;padding:10px;white-space:pre-wrap}.applications-list{list-style:none;margin-bottom:20px}.application-item{align-items:center;background-color:#f8f9fa;border-radius:8px;display:flex;margin-bottom:10px;padding:10px;transition:all .3s}.application-item:hover{background-color:#edf2f7;transform:translateX(5px)}.application-icon{background-color:#3498db;border-radius:50%;height:30px;margin-right:15px;width:30px}.application-text{color:#2c3e50}.application-example{background-color:#f8f9fa;border-left:3px solid #3498db;border-radius:8px;margin-top:20px;padding:15px}.application-example h4{color:#2c3e50;margin-bottom:10px}.application-example p{color:#555;line-height:1.6}.sqheader{background:linear-gradient(135deg,#3a7bd5,#00d2ff);border-radius:10px;box-shadow:0 4px 15px #0000001a;color:#fff;margin-bottom:30px;overflow:hidden;padding:30px 0;position:relative;text-align:center}.sqheader h1{font-size:3rem;font-weight:700;margin-bottom:10px;text-shadow:0 2px 4px #0003}.sqheader p{font-size:1.2rem;margin:0 auto;max-width:600px;opacity:.9}.title-highlight{display:inline-block;position:relative}.title-highlight:first-of-type{color:#ffdd59}.title-highlight:last-of-type{color:#ff6b6b}.sqheader-decoration{bottom:0;display:flex;height:10px;left:0;position:absolute;width:100%}.decoration-item{flex:1 1;height:100%}.decoration-item:first-child{background-color:#ff6b6b}.decoration-item:nth-child(2){background-color:#ffdd59}.decoration-item:nth-child(3){background-color:#4ecdc4}.decoration-item:nth-child(4){background-color:#ff6b6b}.decoration-item:nth-child(5){background-color:#ffdd59}@media (max-width:768px){.sqheader h1{font-size:2.2rem}.sqheader p{font-size:1rem}}.comparison-logs{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000000d;display:flex;flex-direction:column;height:100%;max-height:400px;overflow:hidden}.logs-header{background:linear-gradient(135deg,#3a7bd5,#00d2ff);color:#fff;padding:15px 20px}.logs-header h2{font-size:1.5rem;font-weight:600}.logs-content{flex:1 1;max-height:calc(100% - 60px);overflow-y:auto;padding:15px}.empty-logs{color:#7f8c8d;font-style:italic;padding:20px;text-align:center}.logs-list{gap:10px}.log-entry,.logs-list{display:flex;flex-direction:column}.log-entry{border-left:4px solid #0000;border-radius:6px;box-shadow:0 2px 4px #0000000d;gap:5px;padding:12px 15px}.log-info{background-color:#f8f9fa;border-left-color:#3498db}.log-success{background-color:#f0fff4;border-left-color:#2ecc71}.log-warning{background-color:#fffbeb;border-left-color:#f1c40f}.log-error{background-color:#fff5f5;border-left-color:#e74c3c}.log-system{background-color:#f8f9fa;border-left-color:#9b59b6}.log-timestamp{color:#7f8c8d;font-size:12px}.log-message{color:#2c3e50;font-weight:500}.lcs-page{align-items:center;display:flex;flex-direction:column;min-height:100vh;width:100%}.lcsheader{background:linear-gradient(90deg,#3a8dff,#6ee7e7);box-shadow:0 4px 15px #0000001a;color:#fff;overflow:hidden;padding:20px 0;position:relative;text-align:center;width:100%}.lcsheader:before{background:linear-gradient(45deg,#ffffff1a 25%,#0000 0,#0000 50%,#ffffff1a 0,#ffffff1a 75%,#0000 0,#0000);background-size:20px 20px;content:"";height:100%;left:0;opacity:.1;position:absolute;top:0;width:100%;z-index:1}.lcsheader h1{font-size:32px;font-weight:700;letter-spacing:.5px;margin:0;text-shadow:2px 2px 4px #0003}.lcsheader h1,.lcstabs{position:relative;z-index:2}.lcstabs{display:flex;justify-content:center;margin-top:15px}.lcstabs button{background-color:initial;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin:0 5px;overflow:hidden;padding:10px 25px;position:relative;transition:all .3s ease}.lcstabs button:before{background:#ffffff1a;content:"";height:100%;left:0;position:absolute;top:0;transform:translateY(100%);transition:transform .3s ease;width:100%;z-index:-1}.lcstabs button:hover:before{transform:translateY(0)}.lcstabs button:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.lcstabs button.active{background-color:#fff3;box-shadow:0 4px 8px #0000001a;font-weight:600}.lcs-container{box-sizing:border-box;display:flex;gap:20px;justify-content:space-between;padding:20px;width:100%}.lcssidebar{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000000d;height:fit-content;padding:20px;transition:all .3s ease;width:25%}.lcssidebar:hover{box-shadow:0 8px 25px #00000014;transform:translateY(-2px)}.lcssidebar.left{order:1}.lcssidebar.right{order:3}.center-column{display:flex;flex:1 1;flex-direction:column;gap:20px;order:2}.lcssidebar h2,.table-container h2{border-bottom:2px solid #f0f0f0;color:#000;font-size:22px;margin-top:0;padding-bottom:10px;position:relative}.lcssidebar h2:after,.table-container h2:after{background:linear-gradient(90deg,#3a8dff,#6ee7e7);bottom:-2px;content:"";height:2px;left:0;position:absolute;width:50px}.lcssidebar h3{color:#000;font-size:18px;font-weight:600;margin-bottom:12px;margin-top:25px}.lcssidebar label{color:#555;display:block;font-weight:500;margin-bottom:8px}.lcssidebar input[type=text]{border:1px solid #ddd;border-radius:8px;box-shadow:inset 0 1px 3px #0000000d;font-family:Roboto Mono,monospace,Consolas,Courier New,Courier;font-size:14px;margin-bottom:15px;padding:12px;transition:all .3s ease;width:95%}.lcssidebar input[type=text]:focus{border-color:#d76d77;box-shadow:0 0 0 3px #d76d771a,inset 0 1px 3px #0000000d;outline:none}.lcscontrol-buttons{display:flex;gap:10px;margin-bottom:20px}.lcscontrol-buttons button{background:linear-gradient(90deg,#3a8dff,#6ee7e7);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-weight:600;overflow:hidden;padding:12px;position:relative;transition:all .3s ease}.lcscontrol-buttons button:before{background:linear-gradient(90deg,#3a8dff,#6ee7e7);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .7s ease;width:100%}.lcscontrol-buttons button:hover:before{left:100%}.lcscontrol-buttons button:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.lcscontrol-buttons button:active{transform:translateY(1px)}.play-btn:before{content:"▶";margin-right:5px}.pause-btn:before{content:"⏸";margin-right:5px}.lcsspeed-buttons{display:flex;gap:8px;margin-bottom:20px}.lcsspeed-buttons button{background-color:#fff;border:1px solid #ddd;border-radius:8px;color:#000;cursor:pointer;flex:1 1;font-weight:500;padding:10px;transition:all .3s ease}.lcsspeed-buttons button:hover{background-color:#f9f9f9;border-color:#ccc}.lcsspeed-buttons button.active{background:linear-gradient(90deg,#3a8dff,#6ee7e7);border-color:#3a8dff;color:#fff}.results-box{background-color:#f9f9f9;border-radius:8px;margin-bottom:20px;padding:15px}.result-item{display:flex;justify-content:space-between;margin-bottom:10px}.result-item:last-child{margin-bottom:0}.result-label{color:#555;font-weight:600}.result-value{color:#333}.lcs-result,.result-value{font-family:Roboto Mono,monospace}.lcs-result{background-color:#fdf2f4;border-left:3px solid #d76d77;border-radius:4px;color:#d76d77;font-weight:700;letter-spacing:1px;padding:3px 8px}.lcslegend{border-top:1px solid #eee;margin-top:20px;padding-top:15px}.lcslegend div{align-items:center;display:flex;margin-bottom:10px}.lcslegend-box{border:1px solid #ddd;border-radius:4px;display:inline-block;height:20px;margin-right:10px;width:20px}.lcslegend-box.current-step{background-color:#ffeb3b;box-shadow:0 0 5px #ffeb3b80}.lcslegend-box.path-cell{background-color:#90caf9}.lcslegend-box.lcs-cell{background-color:#66bb6a}.lcslegend-arrow{font-size:18px;margin-right:10px}.tip-box{background-color:#fff8e1;border-left:4px solid #ffb74d;border-radius:8px;box-shadow:0 2px 5px #0000000d;margin-top:20px;padding:15px}.tip-box h3{color:#f57c00;font-size:16px;margin-top:0}.tip-box p{font-size:14px;margin-bottom:0}.table-container{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000000d;overflow:hidden;padding:20px;position:relative;text-align:center}.table-wrapper{margin-bottom:20px;overflow-x:auto;position:relative}table{border-collapse:collapse;font-family:Roboto Mono,monospace;margin:0 auto;width:100%}td,th{border:1px solid #ddd;cursor:pointer;font-size:16px;height:45px;min-width:45px;padding:15px;position:relative;text-align:center;transition:all .3s ease-in-out}th{background-color:#f5f5f5;color:#333;font-weight:600}.index-cell{background-color:#f8f8f8;color:#666;font-weight:500}.current-step{background-color:#ffeb3b;box-shadow:0 0 15px #ffeb3bb3;font-weight:700;position:relative;transform:scale(1.1);z-index:10}.path-cell{background-color:#90caf9;transition:background-color .5s ease}.lcs-cell{animation:pulse 1.5s infinite;background-color:#66bb6a;color:#fff;font-weight:700;transition:all .5s ease}.hidden{opacity:0}.visible{opacity:1;transition:opacity .5s ease-in-out}.progress{margin-top:20px;text-align:center}.progress div{font-weight:500;margin-bottom:8px}progress{border-radius:5px;height:10px;overflow:hidden;width:100%}progress::-webkit-progress-bar{background-color:#f0f0f0;border-radius:5px}progress::-webkit-progress-value{background:linear-gradient(90deg,#3a8dff,#6ee7e7);border-radius:5px}.explanation-box{background:#fff;border-left:4px solid #3a8dff;border-radius:12px;box-shadow:0 4px 15px #0000000d;padding:20px}.explanation-box h3{color:#000;font-size:18px;margin-top:0}.explanation-box p{line-height:1.6;margin-bottom:0}.algorithm-box{background:#fff;border-left:4px solid #3a8dff;border-radius:12px;box-shadow:0 4px 15px #0000000d;padding:20px}.algorithm-box h3{color:#000;font-size:18px;margin-top:0}.formula-display{background-color:#f9f9f9;border-radius:8px;overflow-x:auto;padding:15px}.formula-display pre{font-family:Roboto Mono,monospace;font-size:14px;line-height:1.5;margin:0}.content-page{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000000d;margin:20px;max-width:900px;padding:30px;width:80%}.code-block{background-color:#f5f5f5;border:1px solid #ddd;border-radius:8px;overflow-x:auto;padding:15px}.code-block pre{font-family:Roboto Mono,monospace;font-size:14px;line-height:1.5;margin:0}.animation-container{background-color:#f9f9f9;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin:20px 0;padding:20px}.animation-frame{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:250px;padding:20px}.animation-text{color:#3a1c71;font-size:18px;font-weight:500;margin-bottom:20px}.animation-strings{font-family:Roboto Mono,monospace;font-size:16px;margin-bottom:20px}.string-animation{margin-bottom:10px}.char-animate{animation:fadeIn .5s ease-in-out;background-color:#f0f0f0;border-radius:4px;display:inline-block;margin:0 2px;padding:5px 8px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animation-table{margin:20px 0}.animation-table.small table{font-size:14px}.animation-table.small td,.animation-table.small th{height:30px;min-width:30px;padding:10px}.cell-animate{animation:cellFadeIn .5s ease-in-out}@keyframes cellFadeIn{0%{background-color:#ffeb3b;opacity:0}to{background-color:inherit;opacity:1}}.animated-table.filled .highlight{background-color:#d76d77;color:#fff}.animated-table.filled .pulse{animation:cellPulse 1.5s infinite}@keyframes cellPulse{0%{box-shadow:0 0 0 0 #d76d77b3}70%{box-shadow:0 0 0 10px #d76d7700}to{box-shadow:0 0 0 0 #d76d7700}}.animated-table.path .path{background-color:#90caf9}.animated-table.path .start-animate{animation:startPath 1s ease-in-out}@keyframes startPath{0%{background-color:#ffeb3b;transform:scale(1.1)}to{background-color:#90caf9;transform:scale(1)}}.animated-table.path .diagonal-animate{animation:diagonalPath 1s ease-in-out;background-color:#66bb6a;color:#fff}@keyframes diagonalPath{0%{background-color:#90caf9}to{background-color:#66bb6a}}.path-arrows{height:0;position:relative}.diagonal-arrow{background-color:#3a1c71;height:2px;position:absolute;transform-origin:0 0}.diagonal-arrow:after{border-color:#0000 #0000 #0000 #3a1c71;border-style:solid;border-width:4px 0 4px 8px;content:"";height:0;position:absolute;right:0;top:-3px;width:0}.diagonal-arrow.arrow1{animation:arrowAppear .5s ease-in-out .5s forwards;left:150px;opacity:0;top:-170px;transform:rotate(-45deg);width:60px}.diagonal-arrow.arrow2{animation:arrowAppear .5s ease-in-out 1s forwards;left:210px;opacity:0;top:-110px;transform:rotate(-45deg);width:60px}.diagonal-arrow.arrow3{animation:arrowAppear .5s ease-in-out 1.5s forwards;left:270px;opacity:0;top:-50px;transform:rotate(-45deg);width:60px}@keyframes arrowAppear{0%{opacity:0}to{opacity:1}}.animation-formula{background-color:#f0f0f0;border-radius:8px;font-family:Roboto Mono,monospace;max-width:500px;padding:15px;width:100%}.formula-container{margin-bottom:15px}.formula-line{margin-bottom:5px}.formula-line.indent{padding-left:20px}.keyword{color:#d76d77;font-weight:700}.function{color:#3a1c71;font-weight:700}.formula-explanation{border-top:1px solid #ddd;display:flex;justify-content:space-around;padding-top:15px}.formula-case{text-align:center}.case-title{font-weight:600;margin-bottom:10px}.diagonal-arrow-anim,.left-arrow-anim,.up-arrow-anim{animation:bounce 2s infinite;display:inline-block}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.animation-result{background-color:#f0f0f0;border-radius:8px;max-width:500px;padding:20px;text-align:center;width:100%}.string-compare{font-family:Roboto Mono,monospace;margin-bottom:20px}.char-highlight{background-color:#66bb6a;border-radius:4px;color:#fff;font-weight:700;padding:2px 4px}.lcs-final{color:#3a1c71;font-size:24px;font-weight:700;margin:20px 0}.lcs-char-animate{animation:popIn .5s ease-in-out;background-color:#66bb6a;border-radius:4px;color:#fff;display:inline-block;margin:0 5px;padding:5px 10px}@keyframes popIn{0%{opacity:0;transform:scale(0)}70%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.lcs-length{color:#555;font-size:18px;font-weight:500}.animation-controls{align-items:center;background-color:#f0f0f0;border-radius:8px;display:flex;justify-content:space-between;margin-top:20px;padding:10px}.animation-controls button{background:linear-gradient(90deg,#3a8dff,#6ee7e7);border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 15px;transition:all .3s ease}.animation-controls button:hover{background-color:#3a8dff}.animation-controls span{font-weight:500}.applications{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:20px}.application-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0000000d;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.application-card:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.application-card h4{color:#3a1c71;font-size:18px;margin-bottom:10px;margin-top:0}.application-card p{color:#555;font-size:14px;margin:0}.popup-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup{animation:popupFadeIn .3s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;max-height:80vh;max-width:90%;overflow-y:auto;width:500px;z-index:1001}@keyframes popupFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.popup-lcsheader{align-items:center;background:linear-gradient(90deg,#3a1c71,#d76d77);border-bottom:1px solid #eee;border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:15px 20px}.popup-header h3{font-size:18px;font-weight:600;margin:0}.lcsclose-button{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;transition:transform .2s ease}.lcsclose-button:hover{transform:scale(1.2)}.popup-content{padding:20px}.popup-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.popup-section{margin-bottom:15px}.popup-section h4{color:#3a1c71;font-size:16px;margin-bottom:10px;margin-top:0}.char-comparison{align-items:center;display:flex;justify-content:center;margin-bottom:10px}.char-box{border-radius:5px;display:inline-block;font-size:18px;font-weight:700;height:40px;line-height:40px;margin:0 5px;text-align:center;width:40px}.char-box.match{background-color:#66bb6a;color:#fff}.char-box.no-match{background-color:#ef5350;color:#fff}.comparison-symbol{color:#555;font-size:20px;margin:0 10px}.match-result{font-weight:500;margin-top:5px;text-align:center}.formula-box{background-color:#f5f5f5;text-align:center}.calculation,.formula-box{border-radius:5px;font-family:Roboto Mono,monospace;padding:10px}.calculation{background-color:#f9f9f9;margin-bottom:5px}.calculation-detail{color:#666;font-size:14px}.move-direction{align-items:center;display:flex;justify-content:center}.arrow{font-size:24px;margin-right:10px}.arrow.diagonal{color:#66bb6a}.arrow.up{color:#42a5f5}.arrow.left{color:#ffb74d}.lcs-popup{padding:10px;text-align:center}.lcs-char-highlight{animation:pulse 1.5s infinite;background-color:#66bb6a;border-radius:50%;color:#fff;display:inline-block;font-size:24px;font-weight:700;height:60px;line-height:60px;margin-bottom:15px;width:60px}.lcs-sequence{background-color:#f5f5f5;border-radius:5px;margin:15px 0;padding:10px}.lcs-char{background-color:#f0f0f0;border-radius:3px;display:inline-block;margin:0 3px;padding:5px 10px}.lcs-char.current{background-color:#66bb6a;color:#fff;font-weight:700}.lcs-info{margin-top:15px;text-align:left}.path-arrow{background-color:#90caf9;height:2px;position:absolute;transform-origin:0 0;z-index:5}.path-arrow:after{border-color:#0000 #0000 #0000 #90caf9;border-style:solid;border-width:4px 0 4px 8px;content:"";height:0;position:absolute;right:0;top:-3px;width:0}.path-arrow.diagonal-arrow{background-color:#66bb6a}.path-arrow.diagonal-arrow:after{border-color:#0000 #0000 #0000 #66bb6a}.path-arrow.up-arrow{background-color:#42a5f5}.path-arrow.up-arrow:after{border-color:#0000 #0000 #0000 #42a5f5}.path-arrow.left-arrow{background-color:#ffb74d}.path-arrow.left-arrow:after{border-color:#0000 #0000 #0000 #ffb74d}.path-arrow.lcs-arrow{background-color:#d76d77;height:3px}.path-arrow.lcs-arrow:after{border-color:#0000 #0000 #0000 #d76d77;border-width:5px 0 5px 10px}.diagonal-indicator:after{content:"↖️"}.diagonal-indicator:after,.up-indicator:after{bottom:5px;font-size:14px;opacity:.8;position:absolute;right:5px}.up-indicator:after{content:"⬆️"}.left-indicator:after{bottom:5px;content:"⬅️";font-size:14px;opacity:.8;position:absolute;right:5px}td{position:relative}.path-arrow{display:none}.details-container{background-color:#f9f9f9;border-radius:8px;margin-top:10px;padding:10px}.path-details,.step-details{animation:fadeIn .3s ease-out}.path-details h3,.step-details h3{border-bottom:1px solid #eee;color:#3a1c71;font-size:18px;margin-top:0;padding-bottom:10px}.detail-section{margin-bottom:20px}.detail-section h4{color:#000;font-size:16px;margin-bottom:10px;margin-top:0}.no-path-info,.no-step-info{color:#666;font-style:italic;padding:20px;text-align:center}.path-details.lcs-found{text-align:center}.path-details.lcs-found .lcs-char-highlight{margin:0 auto 15px}.path-details.move .move-info{align-items:center;display:flex;flex-direction:column}.path-details.complete{text-align:center}.path-details.complete .lcs-result-value{color:#3a1c71;font-family:Roboto Mono,monospace;font-size:24px;font-weight:700;margin:15px 0}@media (max-width:1200px){.lcs-container{flex-direction:column}.lcssidebar{margin-bottom:20px;order:0;width:100%}.lcssidebar.left{order:1}.center-column{order:2}.lcssidebar.right{order:3}}@media (max-width:768px){.popup-grid{grid-template-columns:1fr}.animation-controls{flex-direction:column;gap:10px}.animation-controls span{margin:10px 0}}.about-aboutcontainer{background:linear-gradient(135deg,#667eea,#764ba2);color:#333;min-height:100vh}.aboutcontainer{margin:0 auto;max-width:1200px;padding:0 20px}.hero-section{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;min-height:100vh;padding:0 50px;position:relative}.hero-content{flex:1 1;max-width:600px;z-index:2}.hero-title{-webkit-text-fill-color:#0000;animation:fadeInUp 1s ease-out;background:linear-gradient(45deg,#fff,#e0e7ff);-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:800;margin-bottom:1rem}.hero-subtitle{animation:fadeInUp 1s ease-out .2s both;font-size:1.5rem;margin-bottom:2rem;opacity:.9}.hero-badge{animation:fadeInUp 1s ease-out .4s both}.patent-badge{animation:pulse 2s infinite;background:linear-gradient(45deg,gold,#ffed4e);box-shadow:0 4px 15px #ffd7004d;color:#333}.patent-badge,.top-badge{border-radius:50px;display:inline-block;font-weight:600;padding:12px 24px}.top-badge{animation:pulse 2s .5s infinite;background:linear-gradient(45deg,#10b981,#34d399);box-shadow:0 4px 15px #10b9814d;color:#fff;margin-left:15px}.hero-animation{align-items:center;display:flex;flex:1 1;justify-content:center;position:relative}.floating-elements{height:300px;position:relative;width:300px}.element{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50%;display:flex;font-size:1rem;font-weight:700;height:80px;justify-content:center;position:absolute;width:80px}.element-1{animation:float 3s ease-in-out infinite;left:50%;top:0;transform:translateX(-50%)}.element-2{animation:float 3s ease-in-out 1s infinite;bottom:0;left:0}.element-3{animation:float 3s ease-in-out 2s infinite;bottom:0;right:0}.impact-section,.overview-section{background:#fff;padding:100px 0}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:3rem;text-align:center}.overview-text{color:#666;font-size:1.2rem;line-height:1.8;margin:0 auto;max-width:800px;text-align:center}.mission-statement{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-left:5px solid #667eea;border-radius:20px;margin:0 auto 80px;max-width:900px;padding:40px;text-align:center}.mission-statement h3{color:#333;font-size:2rem;font-weight:600;margin-bottom:20px;margin-left:38%}.mission-statement p{color:#666;font-size:1.2rem;line-height:1.8}.problem-solution{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin-bottom:80px}.problem-card,.solution-card{border-radius:20px;padding:40px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.problem-card{background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #f87171}.solution-card{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #34d399}.problem-card:hover,.solution-card:hover{box-shadow:0 15px 30px #0000001a;transform:translateY(-5px)}.card-icon{font-size:3rem;margin-bottom:20px}.problem-card h4,.solution-card h4{color:#333;font-size:1.5rem;font-weight:600;margin-bottom:15px}.problem-card p,.solution-card p{color:#666;line-height:1.6}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:80px}.feature-card{background:#fff;border-radius:15px;border-top:4px solid #667eea;box-shadow:0 8px 25px #00000014;margin-bottom:10%;padding-bottom:10%;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{box-shadow:0 15px 35px #0000001f;transform:translateY(-8px)}.feature-icon{display:block;font-size:2.5rem;margin-bottom:20px}.feature-card h4{color:#333;font-size:1.3rem;font-weight:600;margin-bottom:15px}.feature-card p{color:#666;font-size:.95rem;line-height:1.6}.goals-section{background:#5581d8;border-radius:25px;color:#fff;padding:60px}.goals-section h3{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:50px;text-align:center}.goals-list{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}.goal-item{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;display:flex;gap:20px;padding:25px;transition:transform .3s ease}.goal-item:hover{transform:translateX(10px)}.goal-number{align-items:center;background:#fff3;border-radius:50%;display:flex;flex-shrink:0;font-size:2rem;font-weight:800;height:60px;justify-content:center;width:60px}.goal-content h5{font-size:1.2rem;font-weight:600;margin-bottom:8px}.goal-content p{color:#fff;line-height:1.5;opacity:.9}@media (max-width:768px){.problem-solution{gap:20px}.features-grid,.goals-list,.problem-solution{grid-template-columns:1fr}.goals-section{padding:40px 20px}.mission-statement{padding:30px 20px}}@media (max-width:480px){.mission-statement h3{font-size:1.5rem}.goals-section h3{font-size:2rem}.goal-item{flex-direction:column;text-align:center}}.Atimeline-section{background:#f8fafc;padding:100px 0}.Atimeline{margin:0 auto;max-width:900px;padding:0 20px;position:relative}.Atimeline:before{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:2px;bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:3px}.Atimeline-item{align-items:center;display:flex;margin-bottom:60px;min-height:120px;position:relative}.Atimeline-item:nth-child(odd){flex-direction:row-reverse}.Atimeline-item:nth-child(odd) .Atimeline-content{margin-left:0;margin-right:80px}.Atimeline-item:nth-child(2n) .Atimeline-content{margin-left:80px;margin-right:0}.Atimeline-marker{background:#667eea;border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 3px #667eea,0 4px 12px #667eea4d;height:24px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:24px;z-index:3}.Atimeline-marker:hover{box-shadow:0 0 0 4px #667eea,0 6px 20px #667eea66;transform:translateX(-50%) scale(1.2)}.Atimeline-marker.patent{background:gold;box-shadow:0 0 0 3px gold,0 4px 12px #ffd70066}.Atimeline-marker.achievement{background:#10b981;box-shadow:0 0 0 3px #10b981,0 4px 12px #10b98166}.Atimeline-content{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 8px 25px #00000014;padding:35px;position:relative;transition:all .3s ease;width:30%}.Atimeline-content:before{border:12px solid #0000;content:"";height:0;position:absolute;top:50%;transform:translateY(-50%);width:0}.Atimeline-item:nth-child(odd) .Atimeline-content:before{border-left-color:#fff;left:100%;margin-left:-1px}.Atimeline-item:nth-child(2n) .Atimeline-content:before{border-right-color:#fff;margin-right:-1px;right:100%}.Atimeline-content:hover{border-color:#667eea;box-shadow:0 15px 35px #0000001f;transform:translateY(-8px)}.Atimeline-content h3{color:#1a202c;font-size:1.6rem;font-weight:700;line-height:1.3;margin-bottom:12px}.Atimeline-date{color:#667eea;font-size:.95rem;font-weight:600;letter-spacing:.5px;margin-bottom:18px;text-transform:uppercase}.Atimeline-content p{color:#4a5568;font-size:1rem;line-height:1.7;margin-bottom:20px}.tech-stack{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.tech-tag{background:linear-gradient(45deg,#667eea,#764ba2);border-radius:25px;color:#fff;display:inline-block;font-size:.85rem;font-weight:500;padding:8px 16px;transition:transform .2s ease}.tech-tag:hover{transform:translateY(-2px)}.achievement-badge{align-items:center;background:linear-gradient(45deg,gold,#ffed4e);border-radius:15px;box-shadow:0 4px 15px #ffd7004d;color:#333;display:flex;font-weight:600;margin-top:20px;padding:18px 24px;transition:transform .3s ease}.achievement-badge:hover{transform:translateY(-3px)}@media (max-width:768px){.Atimeline:before{left:30px}.Atimeline-item{align-items:flex-start;flex-direction:column!important;margin-bottom:40px;padding-left:70px}.Atimeline-item:nth-child(2n) .Atimeline-content,.Atimeline-item:nth-child(odd) .Atimeline-content{margin:0;width:100%}.Atimeline-marker{left:30px!important;transform:none!important}.Atimeline-marker:hover{transform:scale(1.1)!important}.Atimeline-content:before{display:none}.Atimeline-content{width:100%}}@media (max-width:480px){.Atimeline{padding:0 10px}.Atimeline-item{padding-left:50px}.Atimeline:before{left:20px}.Atimeline-marker{left:20px!important}.Atimeline-content{padding:25px}.Atimeline-content h3{font-size:1.4rem}}.developers-section{background:#fff;padding:100px 0}.team-showcase{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin-top:50px}.team-image{border-radius:20px;box-shadow:0 20px 40px #00000026;overflow:hidden;position:relative;transition:transform .3s ease}.team-image:hover{transform:scale(1.02)}.team-image img{display:block;height:auto;width:100%}.team-content h3{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:20px}.team-intro{color:#667eea;font-size:1.3rem;font-weight:600;margin-bottom:25px}.team-intro strong{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-weight:700;margin-left:4%}.team-description{color:#666;font-size:1.1rem;justify-content:space-between;line-height:1.7}.team-achievements,.team-description{margin-bottom:30px}.achievement-item{align-items:center;color:#333;display:flex;font-weight:600;margin-bottom:15px}.achievement-item .achievement-icon{font-size:1.5rem;margin-right:15px}.team-skills{display:flex;flex-wrap:wrap;gap:10px}.team-skills .skill-tag{background:linear-gradient(45deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:.9rem;padding:8px 16px}@media (max-width:768px){.team-showcase{gap:40px;grid-template-columns:1fr}.team-content h3{font-size:2rem}.top-badge{display:block;margin-left:0;margin-top:10px;text-align:center}}.contributors-section{background:#f1f5f9;padding:100px 0}.contributors-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:50px}.contributor-card{background:#fff;border-radius:15px;border-top:4px solid #10b981;box-shadow:0 8px 25px #00000014;padding:35px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.contributor-card:hover{box-shadow:0 15px 35px #0000001f;transform:translateY(-8px)}.contributor-avatar{border:3px solid #10b981;border-radius:50%;box-shadow:0 0 0 3px #10b9811a;height:150px;margin:0 auto 20px;overflow:hidden;width:150px}.contributor-avatar img{height:100%;object-fit:cover;width:100%}.contributor-card h3{color:#333;font-size:1.3rem;font-weight:600;margin-bottom:8px;margin-left:32%}.contributor-role{color:#10b981;font-size:.95rem;font-weight:600;margin-bottom:15px}.contributor-bio{color:#666;font-size:.95rem;line-height:1.6;margin-bottom:20px}.contributor-skills{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.contributor-skills .skill-tag{background:linear-gradient(45deg,#10b981,#34d399);border-radius:15px;color:#fff;font-size:.8rem;padding:6px 12px}@media (max-width:768px){.contributors-grid{grid-template-columns:1fr}}.professors-section{background:#f8fafc;padding:100px 0}.professors-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));margin-top:50px}.professor-card{background:#fff;border-left:5px solid #667eea;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:40px;transition:transform .3s ease,box-shadow .3s ease}.professor-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-5px)}.professor-avatar{border:3px solid #667eea;border-radius:50%;height:150px;margin:0 auto 20px;overflow:hidden;width:150px}.professor-avatar img{height:100%;object-fit:cover;width:100%}.professor-name1{margin-left:30%}.professor-name1,.professor-name2{color:#333;font-size:1.4rem;font-weight:600;margin-bottom:8px}.professor-name2{margin-left:25%}.professor-title1{margin-left:15%}.professor-title1,.professor-title2{color:#667eea;font-size:.95rem;font-weight:600;margin-bottom:15px}.professor-title2{margin-left:37%}.professor-qualification{color:#888;font-style:italic;margin-bottom:15px}.professor-bio{color:#666;line-height:1.6;margin-bottom:20px}.professor-expertise{display:flex;flex-wrap:wrap;gap:8px}.expertise-tag{background:linear-gradient(45deg,#667eea,#764ba2);border-radius:15px;color:#fff;font-size:.8rem;padding:6px 12px}.impact-stats{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:50px}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;padding:40px 20px;text-align:center;transition:transform .3s ease}.stat-card:hover{transform:scale(1.05)}.stat-number{color:#fff;font-size:3rem;font-weight:800;margin-bottom:10px}.stat-label{color:#fff;font-size:1.1rem;opacity:.9}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.fade-in.animate-in{opacity:1;transform:translateY(0)}@media (max-width:768px){.hero-section{flex-direction:column;padding:50px 20px;text-align:center}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.section-title{font-size:2rem}.Atimeline:before{left:20px}.Atimeline-item{align-items:flex-start;padding-left:50px}.Atimeline-item,.Atimeline-item:nth-child(odd){flex-direction:column}.Atimeline-marker{left:20px;transform:none}.Atimeline-content{width:100%}.developers-grid,.professors-grid{grid-template-columns:1fr}.impact-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.hero-title{font-size:2rem}.impact-stats{grid-template-columns:1fr}}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#524ba2);display:flex;justify-content:center;min-height:100vh;padding:70px 20px 20px}.login-card{animation:slideUp .5s ease-out;background:#fff;border-radius:12px;box-shadow:0 15px 35px #0000001a;max-width:400px;padding:40px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{margin-bottom:30px;text-align:center}.login-header h2{color:#333;font-size:24px;font-weight:600;margin-bottom:8px}.login-header p{color:#666;font-size:14px;margin:0}.login-form{margin-bottom:30px}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.form-group input{border:2px solid #e1e5e9;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.error-message{background:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;font-size:14px;margin-bottom:20px;padding:10px 12px}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:all .3s ease;width:100%}.login-button:hover:not(:disabled){box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.login-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.demo-credentials{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px}.demo-credentials h4{color:#495057;font-size:14px;font-weight:600;margin:0 0 12px;text-align:center}.credentials-list{display:flex;flex-direction:column;gap:8px}.demo-btn{background:#fff;border:2px solid #e1e5e9;border-radius:6px;color:#495057;cursor:pointer;font-family:Courier New,monospace;font-size:13px;padding:10px 15px;transition:all .2s ease}.demo-btn:hover{background:#667eea;border-color:#667eea;color:#fff;transform:translateY(-1px)}.demo-btn strong{font-weight:700}@media (max-width:480px){.login-container{padding:70px 15px 15px}.login-card{margin:10px;padding:30px 20px}.login-header h2{font-size:20px}.form-group input{padding:10px 14px}.login-button{font-size:14px;padding:12px}}
/*# sourceMappingURL=main.6b743cc7.css.map*/