:root{--color-primary:#3498db;--color-secondary:#2ecc71;--color-danger:#e74c3c;--color-warning:#f39c12;--color-success:#10b981;--color-dark:#2c3e50;--color-text:#333;--color-text-muted:#6c757d;--color-bg:#f8f9fa;--color-bg-alt:#e9ecef;--color-surface:#fff;--color-border:#e1e4e8;--color-header-bg:#81e2ff;--color-sidebar-active:#007bff;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-secondary:linear-gradient(135deg,#f093fb,#f5576c);--gradient-hero:linear-gradient(135deg,#3498db,#2ecc71);--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 8px 25px #0000001a;--shadow-xl:0 15px 35px #00000026;--radius-sm:5px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:50%;--transition-base:all 0.3s ease;--transition-fast:all 0.2s ease;--z-header:1000;--z-hamburger:1001;--z-backdrop:1001;--z-sidebar:1002;--z-dropdown:1002;--font-body:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-code:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace;--font-serif:"Times New Roman",Times,serif}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes pulse-glow{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.section{padding:4rem 0}.card{background-color:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.btn{padding:10px 20px}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:#2980b9;transform:translateY(-2px)}.btn-secondary{background-color:#2980b9;color:#fff}.btn-secondary:hover{background-color:#2471a3;transform:translateY(-2px)}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover{background-color:#c0392b;transform:translateY(-2px)}.text-muted{color:var(--color-text-muted)}.text-primary{color:var(--color-primary)}.text-danger{color:var(--color-danger)}.text-center{text-align:center}.grid-2{grid-gap:2rem;grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{display:grid;gap:2rem}.grid-3{grid-gap:2rem;grid-template-columns:repeat(3,1fr)}.grid-4{grid-gap:2rem;grid-template-columns:repeat(4,1fr)}.grid-4,.grid-auto{display:grid;gap:2rem}.grid-auto{grid-gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.fade-in{animation:fadeIn .6s ease forwards}.slide-in-left{animation:slideInLeft .3s ease-out}.slide-in-right{animation:slideInRight .6s ease forwards}*{padding:0;transition:all .3s ease}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0d1b2a;font-family:var(--font-body)}code{font-family:var(--font-code)}.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(3px);backdrop-filter:blur(3px);background:#0000008c;height:100%;width:100%;z-index:var(--z-backdrop)}.sidebar,.sidebar-backdrop{left:0;position:fixed;top:0}.sidebar{animation:slideInLeft .25s ease-out;background:#0d1b2a;border-right:1px solid #ffffff12;box-shadow:4px 0 32px #00000073;display:flex;flex-direction:column;height:100vh;overflow:hidden;width:280px;z-index:var(--z-sidebar)}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.sidebar-header{border-bottom:1px solid #ffffff12;flex-shrink:0;justify-content:space-between;padding:18px 16px 16px}.sidebar-brand,.sidebar-header{align-items:center;display:flex}.sidebar-brand{font-size:1.05rem;font-weight:700;gap:8px;letter-spacing:-.01em}.sidebar-brand-icon{align-items:center;background:#3498db33;border:1px solid #3498db59;border-radius:7px;color:#60a5fa;display:flex;font-size:14px;height:30px;justify-content:center;width:30px}.sidebar-brand-dsa{color:#fff;font-weight:800;letter-spacing:.04em}.sidebar-brand-dot{color:#ffffff40;font-weight:300}.sidebar-brand-visualizer{color:#60a5fa;font-weight:600}.close-sidebar{align-items:center;background:#ffffff12;border:1px solid #ffffff1a;border-radius:7px;color:#fff9;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;transition:background .2s,color .2s;width:32px}.close-sidebar:hover{background:#ffffff24;color:#fff}.sidebar-nav{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:12px 0 20px;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.sidebar-section{margin-bottom:4px}.sidebar-section-title{color:#ffffff4d;font-size:.65rem;font-weight:700;letter-spacing:.1em;padding:10px 18px 4px;text-transform:uppercase;-webkit-user-select:none;user-select:none}.nav-item,.nav-link{width:100%}.nav-link{align-items:center;background:none;border:none;border-left:3px solid #0000;border-radius:0;box-sizing:border-box;color:#ffffffb8;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;padding:9px 16px;text-align:left;text-decoration:none;transition:background .18s ease,color .18s ease}.nav-link:hover{background:#ffffff0f;color:#fff}.nav-link.active{background:#60a5fa1f;border-left-color:#60a5fa;color:#60a5fa}.nav-icon{align-items:center;display:flex;flex-shrink:0;font-size:15px;height:20px;justify-content:center;margin-right:10px;opacity:.8;width:20px}.nav-label{flex:1 1}.nav-chevron{flex-shrink:0;font-size:11px;margin-left:auto;opacity:.5}.sub-items{max-height:0;overflow:hidden;position:relative;transition:max-height .28s ease-out}.sub-items:before{background:#ffffff14;bottom:0;content:"";left:27px;position:absolute;top:0;width:1px}.sub-items.open{max-height:1000px}.nav-link.sub-link{color:#ffffff94;font-size:.82rem;padding:7px 16px 7px 44px}.nav-link.sub-link:hover{background:#ffffff0d;color:#ffffffe6}.nav-link.sub-link.active{background:#60a5fa1a;border-left-color:#60a5fa;color:#60a5fa}.sub-items.nested{padding-left:12px}.sub-items.nested:before{left:39px}.nav-link.sub-link.nested{color:#ffffff80;font-size:.78rem;padding:6px 16px 6px 52px}.nav-link.sub-link.nested:hover{color:#ffffffd9}.nav-link.sub-link.nested.active{background:#60a5fa14;border-left-color:#60a5fa;color:#60a5fa}.sub-link{opacity:0;transform:translateX(-6px);transition:opacity .22s ease-out,transform .22s ease-out,background .18s ease,color .18s ease}.sub-items.open .sub-link{opacity:1;transform:translateX(0)}@media (max-width:600px){.sidebar{width:260px}}.header{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0d1b2aeb;border-bottom:1px solid #ffffff0f;display:flex;height:62px;justify-content:center;left:0;padding:0 80px;position:fixed;right:0;top:0;transition:box-shadow .3s ease,background .3s ease;z-index:var(--z-header)}.header-scrolled{background:#0d1b2afa;box-shadow:0 1px 0 #ffffff12,0 4px 24px #00000059}.header-logo{flex:1 1;font-family:var(--font-body);font-size:1.2rem;font-weight:700;gap:8px;letter-spacing:-.01em;margin-left:-20px}.header-logo,.logo-icon-wrap{align-items:center;display:flex;justify-content:center}.logo-icon-wrap{background:#3498db33;border:1px solid #3498db59;border-radius:8px;color:#60a5fa;height:32px;width:32px}.logo-dsa{color:#fff;font-weight:800;letter-spacing:.04em}.logo-separator{color:#ffffff40;font-size:1rem;font-weight:300}.logo-visualizer{color:#60a5fa;font-weight:600}.header__options{display:flex}a{text-decoration:none}.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{align-items:center;background:#ffffff12;border:1px solid #ffffff1a;border-radius:8px;color:#fffc;cursor:pointer;display:flex;height:36px;justify-content:center;left:20px;position:absolute;top:50%;transform:translateY(-50%);transition:background .2s ease,color .2s ease,left .3s ease;width:36px;z-index:var(--z-hamburger)}.hamburger-button:hover{background:#ffffff24;color:#fff}.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:var(--radius-lg);box-shadow:0 8px 25px #00000026;min-width:220px;position:absolute;right:0;top:50px;z-index:var(--z-dropdown)}.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:var(--color-text);font-size:16px;font-weight:600}.user-status{color:#4caf50;font-size:12px;font-weight:500}.dropdown-divider{background:var(--color-bg-alt);height:1px;margin:0 16px}.dropdown-item{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 16px;transition:background-color .2s;width:100%}.dropdown-item:hover{background:var(--color-bg)}.logout-item{border-radius:0 0 var(--radius-lg) var(--radius-lg);color:var(--color-danger)}.logout-item:hover{background:#fff5f5;color:#c82333}@media only screen and (max-width:600px){.header{padding:0 16px}.header-logo{font-size:1rem;gap:6px;margin-left:0}.logo-icon-wrap{height:28px;width:28px}.logo-separator{display:none}.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}}@media only screen and (max-width:480px){.header-logo{font-size:.9rem}.logo-visualizer{display:none}.avatar-button{font-size:13px;height:32px;width:32px}}.home-page{background-color:var(--color-bg);color:var(--color-text);display:flex;flex-direction:column;font-family:Arial,sans-serif;line-height:1.6;margin:0;min-height:100vh;padding:0}.hero{align-items:center;background:linear-gradient(160deg,#0d1b2a,#1a3a5c 50%,#2e86c1);color:#fff;display:flex;justify-content:center;min-height:92vh;overflow:hidden;position:relative;text-align:center}.hero:after{background:linear-gradient(to bottom,#0000,var(--color-bg));content:"";height:160px;z-index:3}.hero-bars,.hero:after{bottom:0;left:0;pointer-events:none;position:absolute;right:0}.hero-bars{align-items:flex-end;display:flex;gap:3px;height:62%;justify-content:center;padding:0 48px;z-index:1}.hero-bar{background:#ffffff26;border-radius:3px 3px 0 0;flex:1 1;max-width:32px;min-width:10px;transition:height .08s ease,background-color .12s ease}.hero-bar.comparing{background:#fbbf24eb;box-shadow:0 0 16px #fbbf2480}.hero-bar.sorted{background:#60a5fab3}.hero-algo-label{bottom:168px;color:#ffffff59;font-size:.68rem;letter-spacing:.18em;pointer-events:none;position:absolute;right:48px;text-transform:uppercase;z-index:4}.Sort{margin:0 auto;max-width:760px;padding:2rem;position:relative;z-index:2}.title{color:#fff;font-size:3.5rem;font-weight:800;line-height:1.15;margin-bottom:1.25rem;text-shadow:0 2px 4px #0006,0 0 40px #ffffff26}.subtitle{color:#fffc;font-size:1.15rem;line-height:1.7;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:560px}.cta-button{align-items:center;background-color:#fff;border-radius:50px;box-shadow:0 4px 24px #00000040;color:var(--color-primary);display:inline-flex;font-size:1rem;font-weight:700;gap:6px;padding:.85rem 2rem;text-decoration:none;transition:all .3s ease}.cta-button:hover{background-color:#f0f8ff;box-shadow:0 8px 32px #0000004d;transform:translateY(-3px)}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.algorithm-preview{background-color:var(--color-surface);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{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:1rem;font-weight:600;margin:0 .5rem;padding:.5rem 1rem;transition:all .3s ease}.tab.active{border-bottom:2px solid var(--color-primary);color:var(--color-primary)}.bar-container{align-items:flex-end;display:flex;height:200px;justify-content:space-around;padding:20px}.bar{background-color:var(--color-primary);transition:height .5s ease;width:30px}.bar:hover{background-color:var(--color-secondary)}.algorithm-description{color:var(--color-text-muted);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:var(--color-surface);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:var(--color-primary);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:var(--color-surface);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)}.Hfeature-icon{color:var(--color-primary);height:48px;width:48px}.feature-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.feature-description{color:var(--color-text-muted)}.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:var(--color-text-muted);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:var(--color-surface);border:1px solid #fff3;border-radius:16px;box-shadow:var(--shadow-sm);overflow:hidden;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.knowledge-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-8px) scale(1.02)}.knowledge-card.featured{background:linear-gradient(135deg,#f0f8ff,#fff)}.card-background-pattern{background:var(--gradient-primary);bottom:0;left:0;opacity:.05;position:absolute;right:0;top:0}.card-background-pattern.secondary{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%)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.Hcard-title{color:var(--color-text);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:var(--color-primary);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:var(--color-primary);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:var(--color-primary);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:var(--color-text-muted);font-size:1.25rem;margin-bottom:2rem}.button{align-items:center;background-color:var(--color-primary);border-radius:4px;color:#fff;display:inline-flex;font-size:1rem;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .3s ease,transform .3s ease}.button:hover{background-color:darken(var(--color-primary),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:var(--color-text-muted);margin-left:1rem;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:var(--color-primary)}@media (max-width:768px){.hero{min-height:80vh}.title{font-size:2.2rem}.subtitle{font-size:1rem}.hero-bars{gap:2px;padding:0 16px}.hero-algo-label{right:16px}.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}}.learning-modules h4,.learning-progress h4,.learning-stats h4,.quick-actions h4{color:var(--color-text);font-size:1rem;font-weight:600;margin:0 0 1rem}.progress-bar{background:#e0e0e0;height:8px;margin-bottom:.5rem;overflow:hidden;width:100%}.progress-fill{background:var(--gradient-primary);border-radius:4px;height:100%;transition:width .3s ease}.progress-text{color:var(--color-text-muted);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:var(--color-text-muted);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:var(--color-primary);color:#fff}.action-button.primary:hover{background:#2980b9;transform:translateY(-1px)}.action-button.secondary{background:#f8f9fa;border:1px solid #e0e0e0;color:var(--color-text)}.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:var(--color-primary);font-size:1.25rem;margin-bottom:.25rem}.stat-label{color:var(--color-text-muted);font-size:.75rem;font-weight:500}@media (max-width:480px){.module-item{padding:.75rem}.module-icon{font-size:1rem;height:32px;width:32px}.stats-grid{grid-template-columns:1fr}}.btn{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:inherit;font-weight:600;gap:6px;justify-content:center;line-height:1;text-decoration:none;transition:var(--transition-base);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn--sm{font-size:.75rem;padding:6px 12px}.btn--md{font-size:.875rem;padding:10px 18px}.btn--lg{font-size:1rem;padding:14px 28px}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover:not(:disabled){background:#2980b9;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn--primary:active:not(:disabled){background:#2471a3;box-shadow:none;transform:translateY(0)}.btn--secondary{background:#d6eaf8;color:var(--color-primary)}.btn--secondary:hover:not(:disabled){background:#aed6f1;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn--secondary:active:not(:disabled){background:#85c1e9;box-shadow:none;transform:translateY(0)}.btn--danger{background:var(--color-danger);color:#fff}.btn--danger:hover:not(:disabled){background:#c0392b;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn--danger:active:not(:disabled){background:#a93226;box-shadow:none;transform:translateY(0)}.btn--success{background:#2980b9;color:#fff}.btn--success:hover:not(:disabled){background:#2471a3;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn--success:active:not(:disabled){background:#1f618d;box-shadow:none;transform:translateY(0)}.btn--ghost{background:#0000;border:1px solid var(--color-border);color:var(--color-text)}.btn--ghost:hover:not(:disabled){background:var(--color-bg);border-color:var(--color-text-muted)}.btn--ghost:active:not(:disabled){background:var(--color-bg-alt)}.btn--active.btn--ghost{background:var(--color-bg);border-color:var(--color-primary);color:var(--color-primary)}.btn--active.btn--secondary{background:#85c1e9;box-shadow:inset 0 2px 4px #0000001f;color:#fff}.btn--active.btn--primary{background:#2471a3;box-shadow:inset 0 2px 4px #00000026}.btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.home{display:flex;height:100%}@media only screen and (max-width:600px){.home{flex-direction:column}}.Ssidebar{background:#0d1b2a;border-right:1px solid #ffffff12;box-shadow:4px 0 24px #00000059;display:flex;flex-direction:column;max-height:100vh;overflow-y:auto;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin;width:350px}.Ssidebar::-webkit-scrollbar{width:4px}.Ssidebar::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.Ssidebar__option{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;gap:12px;justify-content:space-between;min-height:56px;padding:16px 20px}.Ssidebar label{color:#ffffffbf;flex-shrink:0;font-size:.875rem;font-weight:600;letter-spacing:.02em;white-space:nowrap}.Ssidebar select{background:#ffffff0f;border:1px solid #ffffff26;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;min-width:130px;outline:none;padding:6px 10px;transition:border-color .2s,background .2s}.Ssidebar select:hover{background:#ffffff1a;border-color:#60a5fa80}.Ssidebar select:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa33}.Ssidebar select option{background:#1a3a5c;color:#fff}.Ssidebar .MuiSlider-root{color:#60a5fa}.Ssidebar .MuiSlider-thumb{background:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}.Ssidebar .MuiSlider-track{background:#60a5fa;border-color:#60a5fa}.Ssidebar .MuiSlider-rail{background:#ffffff26}.slider{align-items:center;display:flex;justify-content:center;padding:0 8px}.algorithm-display{background:#0a1628;border-top:1px solid #ffffff12;flex:1 1;font-family:Fira Code,Cascadia Code,Consolas,monospace;overflow-x:auto;padding:20px}.algorithm-display h3{color:#ffffff59;font-size:.8rem;font-weight:700;letter-spacing:.1em;margin-bottom:12px;text-transform:uppercase}.algorithm-display pre{color:#ffffffa6;font-size:.8rem;line-height:1.7;margin:0;white-space:pre-wrap}.algorithm-display code{display:block;padding:1px 0}.algorithm-display .highlighted{background:#60a5fa1f;border-left:3px solid #60a5fa;border-radius:0 4px 4px 0;color:#93c5fd;padding-left:8px}@media only screen and (max-width:1000px){.Ssidebar{width:300px}.Ssidebar__option{padding:12px 14px}.Ssidebar label,.Ssidebar select{font-size:.8rem}.algorithm-display h3,.algorithm-display pre{font-size:.75rem}}@media only screen and (max-width:600px){.Ssidebar{width:100%}.Ssidebar,.Ssidebar__option{flex-direction:column;height:auto}.Ssidebar__option{align-items:flex-start;gap:8px;padding:10px 14px}.slider{max-width:none;padding:0}.Ssidebar select,.slider{width:100%}.algorithm-display{padding:14px}.algorithm-display h3{font-size:.75rem}.algorithm-display pre{font-size:.72rem}}.visuals{flex:1 1;flex-direction:column;height:89vh;justify-content:center;overflow:hidden;padding:20px}.legend,.visuals{align-items:center;display:flex}.legend{background:#0d1b2ad9;border:1px solid #ffffff1f;border-radius:0 0 8px 0;color:#ffffffa6;font-size:.75rem;font-weight:500;gap:6px;left:0;padding:4px 10px;position:absolute;top:0}.legend__label{background:#1a1a1a;border-radius:2px;height:5px;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 #ffffff26;height:300px;justify-content:flex-start;margin-bottom:40px}.visual__item{position:absolute}.visual__item>h4{color:#0000008c;font-size:.6rem;text-align:center}.visual__btns>button{margin:10px;width:160px}.iteration-counter{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d1b2ae0;border:1px solid #60a5fa40;border-radius:10px;color:#ffffffd9;font-size:.875rem;font-weight:600;padding:8px 14px;position:absolute;right:20px;top:80px}.complexity-popup{animation:slide-in .25s ease-out;border:1px solid #ffffff14;border-radius:12px 0 0 12px;border-right:none;box-shadow:-6px 0 32px #0006;padding:24px 20px;top:50%;width:260px}.algorithm-popup,.complexity-popup{background:#111f2e;border-top:3px solid #60a5fa;position:fixed;right:0;transform:translateY(-50%);z-index:1000}.algorithm-popup{border-left:1px solid #ffffff14;box-shadow:-8px 0 32px #0006;height:83.5vh;overflow-y:auto;padding:20px;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin;top:54.25%;width:30%}.algorithm-popup::-webkit-scrollbar{width:4px}.algorithm-popup::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}@keyframes slide-in{0%{right:-260px}to{right:0}}.Spopup-content{align-items:flex-start;display:flex;flex-direction:column}.Spopup-content h3{color:#fff;font-size:1rem;font-weight:700;margin-bottom:16px}.Spopup-content p{color:#ffffffbf;font-size:.925rem;margin-bottom:10px}.Spopup-content select{background:#ffffff0f;border:1px solid #ffffff26;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;margin-bottom:14px;outline:none;padding:6px 10px;transition:border-color .2s}.Spopup-content select:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa33}.Spopup-content select option{background:#1a3a5c;color:#fff}.Spopup-content pre{word-wrap:break-word;background:#0a1628;border:1px solid #ffffff12;border-radius:8px;color:#fffc;font-family:Fira Code,Cascadia Code,Consolas,monospace;font-size:.8rem;line-height:1.65;padding:14px;white-space:pre-wrap;width:93%}.Spopup-content .button-group{background:#111f2e;border-top:1px solid #ffffff12;bottom:0;display:flex;justify-content:space-between;margin-top:20px;padding:10px 0;position:sticky;width:100%}.Spopup-content button{transition:background .2s ease}.tree-traversal-visualizer{background:#0d1b2a;color:#ffffffd9;display:flex;font-family:inherit;height:100vh}.Bsidebar{width:300px}.Bsidebar>h2{border-bottom:1px solid #ffffff14;color:#fff;font-size:1.2rem;font-weight:700;margin:0 0 18px;padding-bottom:14px}.Bsidebar h3{color:#ffffff8c;font-size:.82rem;font-weight:700;letter-spacing:.05em;margin:0 0 8px;text-transform:uppercase}.Bmain-content{overflow-y:auto}.Bmain-content h3{color:#ffffff8c;font-size:.82rem;font-weight:700;letter-spacing:.05em;margin:0 0 10px;text-transform:uppercase}.Barray-input{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;box-sizing:border-box;color:#ffffffe6;font-family:inherit;font-size:.875rem;margin-bottom:10px;outline:none;padding:10px 12px;transition:border-color .2s;width:100%}.Barray-input:focus{border-color:#60a5fa80}.Barray-input::placeholder{color:#ffffff47}.traversal-buttons{display:flex;gap:6px;margin:10px 0 16px}.traversal-order{background:#60a5fa12;border:1px solid #60a5fa33;border-left:4px solid #60a5fa;border-radius:8px;margin-top:16px;padding:14px}.traversal-order h3{color:#60a5fa!important;font-size:.75rem;font-weight:700;letter-spacing:.05em;margin-bottom:10px;text-transform:uppercase}.traversal-order p{color:#fffc;font-size:.875rem;font-weight:600;letter-spacing:.5px;line-height:1.6;margin:0}.traversal-order span{background:#60a5fa33;border:1px solid #60a5fa59;border-radius:4px;color:#93c5fd;display:inline-block;font-size:.82rem;font-weight:700;margin:3px;padding:5px 10px;transition:transform .2s}.traversal-order span:hover{background:#60a5fa4d;transform:scale(1.08)}.comparison-logs ul{gap:3px}.comparison-logs li{color:#ffffff8c;padding:4px 8px}.step-controls{background:#111f2e;border:1px solid #ffffff12;border-radius:8px;justify-content:space-between;margin-bottom:12px;padding:10px 14px}.step-controls span{color:#ffffff80;font-size:.82rem;font-weight:600}.tree-traversal-visualizer .rd3t-link{stroke:#fff3!important;stroke-width:1.5px!important}.avl-tree-visualizer{background:#0d1b2a;color:#ffffffd9;display:flex;font-family:inherit;height:100vh;overflow:hidden;position:relative}.Msidebar{background:#111f2e;border-right:1px solid #ffffff12;flex-shrink:0;overflow-y:auto;padding:20px;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin;width:300px}.Msidebar>h2{border-bottom:1px solid #ffffff14;color:#fff;font-size:1.2rem;font-weight:700;margin:0 0 18px;padding-bottom:14px}.Msidebar h3{color:#ffffffa6;font-size:.9rem;font-weight:700;letter-spacing:.05em;margin:0 0 10px;text-transform:uppercase}.Amain-content{background:#0d1b2a;flex:1 1;overflow-y:auto;padding:20px}.Amain-content h3{color:#ffffff8c;font-size:.9rem;font-weight:700;letter-spacing:.05em;margin:0 0 12px;text-transform:uppercase}.array-input{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;box-sizing:border-box;color:#ffffffe6;font-family:inherit;font-size:.875rem;margin-bottom:12px;outline:none;padding:10px 12px;transition:border-color .2s;width:100%}.array-input:focus{border-color:#60a5fa80}.array-input::placeholder{color:#ffffff47}.button-container{gap:8px;margin-bottom:16px}.comparison-logs{margin-top:16px}.comparison-logs ul{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;padding:0}.comparison-logs li{border-left:2px solid #0000;border-radius:4px;color:#fff9;font-size:.82rem;line-height:1.5;padding:5px 8px;transition:background .2s}.comparison-logs li.highlighted{background:#60a5fa1a;border-left-color:#60a5fa;color:#ffffffd9}.step-trees{height:100%}.AVLstep-controls{align-items:center;background:#111f2e;border:1px solid #ffffff12;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:12px;padding:10px}.AVLstep-controls span{color:#ffffff80;font-size:.82rem;font-weight:600}.tree-container{background:#0a1628;border:1px solid #ffffff12;border-radius:8px;height:calc(100% - 100px);overflow:hidden}.avl-tree-visualizer .rd3t-link{stroke:#fff3!important;stroke-width:1.5px!important}.avl-tree-visualizer svg text{fill:#ffffffe6!important;stroke:none!important}.conditions-popup{background:#111f2e;border-left:1px solid #ffffff1a;box-shadow:-8px 0 32px #00000080;height:100%;overflow-y:auto;padding:24px 20px;position:fixed;right:0;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin;top:0;transform:translateX(100%);transition:transform .3s ease-in-out;width:380px;z-index:1000}.conditions-popup.show{transform:translateX(0)}.conditions-popup>h2{border-bottom:1px solid #ffffff14;color:#fff;font-size:1.1rem;font-weight:700;margin:0 0 20px;padding-bottom:12px}.avlclose-button{align-items:center;background:#ffffff12;border:1px solid #ffffff1a;border-radius:50%;color:#ffffffb3;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;position:absolute;right:16px;top:16px;transition:background .2s;width:28px}.avlclose-button:hover{background:#ffffff1f;color:#fff}.rotation{margin-bottom:20px}.rotation h3{color:#93c5fd;font-size:.95rem;font-weight:700;letter-spacing:0;margin-bottom:8px;text-transform:none}.rotation p{color:#fff9;font-size:.875rem;line-height:1.55;margin-bottom:10px}.rotation img{border:1px solid #ffffff14;border-radius:6px;height:auto;max-width:100%}.Dapp-container{background:#0d1b2a;color:#ffffffd9;display:flex;font-family:inherit;height:100vh}.Dsidebar{background:#111f2e;border-right:1px solid #ffffff12;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;padding:20px;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin;width:320px}.Dsidebar>h1{border-bottom:1px solid #ffffff14;color:#fff;font-size:1.2rem;font-weight:700;letter-spacing:.01em;margin:0 0 20px;padding-bottom:14px;text-align:center}.Dmain-content{background:#0d1b2a;flex:1 1;overflow:hidden;padding:20px}.Dinput-container,.Dmain-content{display:flex;flex-direction:column}.Dinput-container{gap:8px;margin-bottom:14px}.Dinput-container input{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;color:#ffffffe6;font-family:inherit;font-size:.875rem;outline:none;padding:10px 12px;transition:border-color .2s}.Dinput-container input:focus{border-color:#a855f780}.Dinput-container input::placeholder{color:#ffffff47}.Dcontrols-container{display:flex;margin-bottom:12px}.Doutput-container{background:#a855f712;border:1px solid #a855f72e;border-left:4px solid #a855f7;border-radius:8px;margin-top:12px;padding:12px 14px}.Doutput-container h2{color:#d8b4fe;font-size:.75rem;font-weight:700;letter-spacing:.06em;margin:0 0 10px;text-transform:uppercase}.dfs-order-display{display:flex;flex-wrap:wrap;gap:6px}.dfs-order-item{align-items:center;background:#a855f71f;border:1px solid #a855f740;border-radius:4px;color:#d8b4fe;display:inline-flex;font-size:.82rem;font-weight:600;padding:4px 10px}.dfs-order-item:not(:last-child):after{color:#a855f780;content:"→";margin-left:8px}.Darray-container{background:#ffffff08;border:1px solid #ffffff12;border-radius:8px;margin-top:12px;padding:12px 14px}.Darray-container:nth-of-type(2){border-left:4px solid #60a5fa}.Darray-container:nth-of-type(3){border-left:4px solid #f59e0b}.Darray-container h3{align-items:center;color:#ffffff8c;display:flex;font-size:.75rem;font-weight:700;letter-spacing:.06em;margin:0 0 8px;text-transform:uppercase}.Darray-container h3:before{border-radius:50%;content:"";display:inline-block;flex-shrink:0;height:8px;margin-right:8px;width:8px}.Darray-container:nth-of-type(2) h3:before{background:#60a5fa}.Darray-container:nth-of-type(3) h3:before{background:#f59e0b}.Darray-display{background:#0003;border:1px solid #ffffff0f;border-radius:6px;display:flex;flex-wrap:wrap;gap:6px;min-height:20px;padding:8px 10px}.Darray-display span{background:#ffffff14;border-radius:4px;color:#fffc;display:inline-block;font-size:.82rem;font-weight:600;padding:3px 10px}.legends{background:#ffffff08;border:1px solid #ffffff12;border-radius:8px;display:flex;flex-wrap:wrap;gap:12px;margin-top:14px;padding:10px 12px}.legend-item{align-items:center;color:#ffffff8c;display:flex;font-size:.78rem;gap:6px}.legend-color{border-radius:50%;flex-shrink:0;height:12px;width:12px}.traversing{background:#ef4444}.backtracking{background:#f59e0b}.visited-node{background:#1e3a5f;border:1px solid #60a5fa}.default-node{background:#0d1b2ae6;border:1px solid #fff3}.Dvisualization{background:#0a1628;border:1px solid #ffffff12;border-radius:10px;box-shadow:0 4px 16px #0000004d;flex:1 1;overflow:hidden}.Dpopup-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.Dpopup-content{background:#111f2e;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 16px 48px #0009;max-height:82vh;overflow-y:auto;padding:24px;position:relative;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin;width:520px}.Dpopup-close-row{align-items:flex-start;border-bottom:1px solid #ffffff12;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.Dpopup-close-row h2{color:#fff;font-size:1.15rem;font-weight:700;margin:0}.Dpopup-content .conditions h3{border-bottom:1px solid #ffffff0f;color:#c4b5fd;font-size:.95rem;font-weight:700;margin-bottom:6px;margin-top:20px;padding-bottom:6px}.Dpopup-content .conditions p{color:#fff9;font-size:.875rem;line-height:1.6;margin:6px 0 10px}.Dpopup-content .conditions img{border:1px solid #ffffff14;border-radius:8px;display:block;height:auto;margin:10px 0 4px;max-width:100%}@media (max-width:768px){.Dapp-container{flex-direction:column}.Dsidebar{max-height:45vh;width:100%}.Dmain-content{padding:12px}}.Bapp-container{background:#0d1b2a;color:#ffffffd9;display:flex;font-family:inherit;height:100vh}.Bsidebar{background:#111f2e;border-right:1px solid #ffffff12;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;padding:20px;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin;width:320px}.Bsidebar>h1{border-bottom:1px solid #ffffff14;color:#fff;font-size:1.2rem;font-weight:700;letter-spacing:.01em;margin:0 0 20px;padding-bottom:14px;text-align:center}.Bmain-content{background:#0d1b2a;flex:1 1;overflow:hidden;padding:20px}.Binput-container,.Bmain-content{display:flex;flex-direction:column}.Binput-container{gap:8px;margin-bottom:14px}.Binput-container input{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;color:#ffffffe6;font-family:inherit;font-size:.875rem;outline:none;padding:10px 12px;transition:border-color .2s}.Binput-container input:focus{border-color:#60a5fa80}.Binput-container input::placeholder{color:#ffffff47}.Bcontrols-container{display:flex;margin-bottom:12px}.Boutput-container{background:#22c55e12;border:1px solid #22c55e2e;border-left:4px solid #22c55e;border-radius:8px;margin-top:12px;padding:12px 14px}.Boutput-container h2{color:#86efac;font-size:.75rem;font-weight:700;letter-spacing:.06em;margin:0 0 10px;text-transform:uppercase}.Bbfs-order-display{display:flex;flex-wrap:wrap;gap:6px}.Bbfs-order-item{align-items:center;background:#22c55e1f;border:1px solid #22c55e40;border-radius:4px;color:#86efac;display:inline-flex;font-size:.82rem;font-weight:600;padding:4px 10px}.Bbfs-order-item:not(:last-child):after{color:#22c55e80;content:"→";margin-left:8px}.Barray-container{background:#ffffff08;border:1px solid #ffffff12;border-radius:8px;margin-top:12px;padding:12px 14px}.Barray-container:nth-of-type(2){border-left:4px solid #60a5fa}.Barray-container:nth-of-type(3){border-left:4px solid #f59e0b}.Barray-container h3{align-items:center;color:#ffffff8c;display:flex;font-size:.75rem;font-weight:700;letter-spacing:.06em;margin:0 0 8px;text-transform:uppercase}.Barray-container h3:before{border-radius:50%;content:"";display:inline-block;flex-shrink:0;height:8px;margin-right:8px;width:8px}.Barray-container:nth-of-type(2) h3:before{background:#60a5fa}.Barray-container:nth-of-type(3) h3:before{background:#f59e0b}.Barray-display{background:#0003;border:1px solid #ffffff0f;border-radius:6px;display:flex;flex-wrap:wrap;gap:6px;min-height:20px;padding:8px 10px}.Barray-display span{background:#ffffff14;border-radius:4px;color:#fffc;display:inline-block;font-size:.82rem;font-weight:600;padding:3px 10px}.visualization{border:1px solid #ffffff12;border-radius:10px;box-shadow:0 4px 16px #0000004d}.Bpopup-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.Bpopup-content{background:#111f2e;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 16px 48px #0009;max-height:82vh;overflow-y:auto;padding:24px;position:relative;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin;width:520px}.Bpopup-content>h2{color:#fff;font-size:1.15rem;font-weight:700;margin:0 0 6px}.Bpopup-close-row{align-items:flex-start;border-bottom:1px solid #ffffff12;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.conditions{margin-top:4px}.conditions h3{border-bottom:1px solid #ffffff0f;color:#93c5fd;font-size:.95rem;font-weight:700;margin-bottom:6px;margin-top:20px;padding-bottom:6px}.conditions p{color:#fff9;font-size:.875rem;line-height:1.6;margin:6px 0 10px}.conditions img{border:1px solid #ffffff14;border-radius:8px;display:block;height:auto;margin:10px 0 4px;max-width:100%}@media (max-width:768px){.Bapp-container{flex-direction:column}.Bsidebar{max-height:45vh;width:100%}.Bmain-content{padding:12px}}.rbtcontainer{background:#0d1b2a;color:#ffffffd9;display:flex;font-family:inherit;height:100vh}.red-black-sidebar{overflow:auto;padding:1.5rem;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin;width:25%}.left-sidebar{background:#111f2e;border-right:1px solid #ffffff12}.right-sidebar-popup{background:#111f2e;border-left:1px solid #ffffff1a;box-shadow:-8px 0 32px #00000080;height:90vh;margin-top:67px;overflow-y:auto;position:fixed;right:0;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin;top:-4px;transform:translateX(100%);width:340px;z-index:100}.sidebar-title{color:#fff;font-size:1.3rem;font-weight:700;margin-bottom:1rem;margin-top:15px}.left-sidebar .sidebar-title{color:#60a5fa}.sidebar-toggle-button{align-items:center;background:#1e3a5f;border:1px solid #60a5fa4d;border-radius:30px;box-shadow:0 2px 10px #0000004d;color:#93c5fd;cursor:pointer;display:flex;font-family:inherit;font-size:.875rem;font-weight:600;gap:6px;padding:8px 14px;position:fixed;right:20px;top:85px;transition:all .2s;z-index:101}.sidebar-toggle-button:hover{background:#2d4f7a;border-color:#60a5fa80;transform:translateY(-1px)}.sidebar-toggle-button.active{background:#ef444426;border-color:#ef444466;color:#fca5a5;right:293px;top:70px}.sidebar-toggle-icon{font-size:1.1rem}.sidebar-toggle-text{font-weight:600}.form{margin-bottom:1.25rem}.input-group{gap:0}.input{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px 0 0 6px;border-right:none;color:#ffffffe6;flex:1 1;font-family:inherit;font-size:.875rem;outline:none;padding:9px 12px;transition:border-color .2s}.input:focus{border-color:#60a5fa80}.input::placeholder{color:#ffffff47}.button{border:none;border-radius:.375rem;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .2s}.add-button{background:#2563eb;border-radius:0 6px 6px 0}.add-button:hover{background:#3b82f6}.random-button{background:#60a5fa26;border:1px solid #60a5fa4d;border-radius:6px;color:#93c5fd;font-weight:600;margin-bottom:1.25rem;padding:.65rem 1rem;width:100%}.random-button:hover{background:#60a5fa40;border-color:#60a5fa80}.section-title{color:#ffffff73;font-size:.75rem;letter-spacing:.06em;margin-bottom:.5rem;text-transform:uppercase}.log-rbtcontainer{background:#0003;border:1px solid #ffffff12;border-radius:8px;max-height:24rem;overflow:auto;padding:.75rem;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin}.log-entry{color:#ffffffa6;line-height:1.5;margin-bottom:.2rem;padding:4px 6px}.empty-log{color:#ffffff4d;font-size:.82rem;font-style:italic}.visualization{background:#0a1628;flex:1 1;overflow:hidden;position:relative}.step-indicator{background:#60a5fa26;border:1px solid #60a5fa4d;border-radius:9999px;color:#93c5fd;font-size:.875rem;font-weight:600;left:50%;padding:6px 16px;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 12px #0006;display:flex;flex-direction:column;height:4rem;justify-content:center;position:absolute;width:4rem}.node-black{background:#1a1a2e;border:2px solid #fff3}.node-red{background:#e53935;border:2px solid #fca5a5}.node-emoji{font-size:1.25rem}.node-value{font-size:.875rem;font-weight:700}.node-value-black{color:#ffffffd9}.node-value-red{color:#fff}.empty-state{height:100%}.empty-state-content{background:#111f2e;border:1px solid #ffffff14;border-radius:12px;box-shadow:0 8px 32px #0006;padding:2rem;text-align:center}.empty-state-title{color:#fff;font-size:1.4rem;font-weight:700;margin-bottom:.75rem}.empty-state-text{color:#ffffff80;font-size:.9rem;margin-bottom:1.25rem}.empty-state-button{background:#60a5fa26;border:1px solid #60a5fa59;border-radius:8px;color:#93c5fd;cursor:pointer;font-family:inherit;font-weight:600;padding:.65rem 1.5rem;transition:background .2s}.empty-state-button:hover{background:#60a5fa40}.info-card{background:#ffffff0a;border:1px solid #ffffff12;border-radius:8px;margin-bottom:1rem;padding:1rem}.info-title{color:#fff;font-size:1rem}.info-subtitle,.info-title{font-weight:700;margin-bottom:.5rem}.info-subtitle{color:#93c5fd;font-size:.9rem}.info-text{color:#ffffffa6;font-size:.875rem;line-height:1.55;margin-bottom:.5rem}.info-text.small{font-size:.82rem}.info-list{line-height:1.6;list-style:disc;margin-bottom:.75rem;margin-left:1rem}.info-list li{color:#ffffffa6;font-size:.875rem;margin-bottom:.4rem}.red-text{color:#f87171;font-weight:700}.bold-text{color:#ffffffe6;font-weight:700}.alert{align-items:center;background:#ef444426;border:1px solid #ef444466;border-radius:8px;box-shadow:0 4px 20px #00000080;color:#fca5a5;display:flex;gap:10px;left:50%;max-width:500px;min-width:280px;padding:12px 20px;position:fixed;top:20px;transform:translateX(-50%);z-index:1000}.alert-content{flex:1 1;font-size:.875rem}.alert-close{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:18px;padding:0 4px;transition:color .2s}.alert-close:hover{color:#fff}@media (max-width:768px){.rbtcontainer{flex-direction:column}.left-sidebar{border-bottom:1px solid #ffffff12;border-right:none;width:100%}.right-sidebar-popup{max-width:100%;width:100%}.sidebar-toggle-button{bottom:20px;top:auto}}.NSalgorithm-visualizer{background:#0d1b2a;box-sizing:border-box;color:#ffffffd9;display:flex;flex-direction:column;font-family:inherit;min-height:100vh;padding:20px;width:100%}.visualizer-header{margin-top:-.75%}.algorithm-container{max-width:800px;padding:2rem;width:100%}.algorithm-title h2{align-items:center;color:#ffffffe6;display:flex;font-size:1.75rem;font-weight:700;left:-89%;margin:0;position:relative;z-index:10}.algorithm-title h2:before{color:#93c5fd;content:"{ }";font-family:monospace;font-size:1.5rem;margin-right:12px;opacity:.7}.nsinput-section{grid-gap:20px;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;border-radius:var(--border-radius);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:#ffffff80;display:flex;font-size:.8rem;font-weight:600;gap:8px;letter-spacing:.05em;text-transform:uppercase}.nsinput-group input[type=text]{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;border-radius:var(--border-radius);color:#ffffffe6;font-family:inherit;font-size:.95rem;outline:none;padding:11px 14px;transition:border-color .3s;transition:border-color var(--transition-speed)}.nsinput-group input[type=text]:focus{border-color:#60a5fa80;box-shadow:0 0 0 2px #60a5fa1a}.nsinput-group input[type=text]::placeholder{color:#ffffff47}.algorithm-visualizer input[type=range]{-webkit-appearance:none;background:#ffffff1f;border-radius:3px;flex:1 1;height:6px;outline:none}.algorithm-visualizer input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#60a5fa;border-radius:50%;box-shadow:0 2px 5px #0000004d;cursor:pointer;height:18px;width:18px}.text-char.char-match{background:#16a34a;border-color:#86efac;color:#fff}.text-char.char-mismatch{background:#dc2626;border-color:#fca5a5;color:#fff}.arrow-placeholder{height:16px;width:16px}.naive-explanation{background:#60a5fa12;border-left:4px solid #60a5fa;border-radius:8px;border-radius:var(--border-radius);margin:20px 0;padding:20px}.naive-explanation h4{color:#93c5fd;font-size:1rem;font-weight:700;margin-bottom:15px}.naive-explanation p{color:#ffffffa6;font-size:.9rem;line-height:1.6;margin-bottom:10px}.naive-steps{margin-top:15px}.naive-steps h5{color:#93c5fd;font-size:.95rem;font-weight:700;margin-bottom:10px}.naive-steps ol{padding-left:20px}.naive-steps li{color:#ffffffa6;font-size:.875rem;line-height:1.5;margin-bottom:8px}.emoji{animation:nsBounce 1s infinite alternate}@keyframes nsBounce{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.nsstat-item{background:#ffffff0a;border:1px solid #ffffff12;border-radius:8px;border-radius:var(--border-radius);padding:15px;text-align:center;transition:transform .3s}.nsstat-item:hover{transform:translateY(-4px)}.nsstat-value{color:#60a5fa;font-size:28px;font-weight:700;margin-bottom:5px}.nsstat-label{color:#ffffff73;font-size:13px}.example-trace{background:#ffffff08;border:1px solid #ffffff12;border-left:4px solid #60a5fa;border-radius:8px;border-radius:var(--border-radius);margin:20px 0;padding:20px}.example-trace h4{color:#93c5fd;font-weight:700;margin-bottom:15px}.example-steps{margin-top:15px}.example-step{margin-bottom:15px}.example-step p{color:#ffffffa6;font-size:.875rem;margin-bottom:5px}.example-comparison{background:#ffffff0a;border:1px solid #ffffff12;border-radius:8px;border-radius:var(--border-radius);color:#ffffffbf;font-family:Courier New,monospace;font-size:.875rem;margin-top:5px;padding:10px}.example-markers,.example-pattern,.example-text{line-height:1.5}.explanation-section p{margin:10px 0}@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:#60a5fa;--primary-light:#60a5fa1f;--primary-dark:#93c5fd;--secondary-color:#f87171;--success-color:#22c55e;--warning-color:#f59e0b;--danger-color:#ef4444;--info-color:#60a5fa;--dark-color:#ffffffd9;--light-color:#111f2e;--gray-color:#fff6;--gray-light:#ffffff14;--gray-dark:#ffffff80;--text-color:#ffffffd9;--background-color:#0d1b2a;--border-radius:8px;--box-shadow:0 4px 12px #0006;--transition-speed:0.3s}.rkalgorithm-visualizer{background:#0d1b2a;box-sizing:border-box;color:#ffffffd9;display:flex;flex-direction:column;font-family:inherit;min-height:100vh;padding:20px;width:100%}.visualizer-header{background:#111f2e;border:1px solid #ffffff12;border-left:4px solid #60a5fa;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 12px #0006;box-shadow:var(--box-shadow);color:#ffffffd9;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.logo,.visualizer-header{align-items:center;display:flex}.logo{gap:10px}.logo-icon{color:#fbbf24;font-size:28px}.logo h1{color:#fff;font-size:24px;font-weight:700;letter-spacing:1px}.rkalgorithm-title h2{align-items:center;color:#ffffffe6;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{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:20px;color:#ffffffd9;cursor:pointer;font-weight:600;outline:none;padding:6px 12px}.difficulty-easy{background:#22c55e26!important;color:#86efac!important}.difficulty-medium{background:#f59e0b26!important;color:#fcd34d!important}.difficulty-hard{background:#ef444426!important;color:#fca5a5!important}.visualizer-content{background:#111f2e;border:1px solid #ffffff12;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 12px #0006;box-shadow:var(--box-shadow);display:flex;flex:1 1;flex-direction:column;overflow:hidden}.visualizer-nav{background:#0a1628;border-bottom:1px solid #ffffff12;display:flex;overflow-x:auto;padding:0 20px;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin}.nav-button{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#ffffff73;cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:600;gap:8px;padding:14px 20px;transition:all .3s;transition:all var(--transition-speed);white-space:nowrap}.nav-button:hover{background:#60a5fa0d;color:#60a5fa}.nav-button.active{border-bottom-color:#60a5fa;color:#60a5fa}.visualizer-main{flex:1 1;overflow-y:auto;padding:20px;position:relative;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin}.visualization-tab{display:flex;flex-direction:column;gap:20px}.input-section{grid-gap:20px;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;border-radius:var(--border-radius);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:#ffffff80;display:flex;font-size:.8rem;font-weight:600;gap:8px;letter-spacing:.05em;text-transform:uppercase}.info-icon{color:#60a5fa;cursor:help}.input-group input[type=text]{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;border-radius:var(--border-radius);color:#ffffffe6;font-family:inherit;font-size:.95rem;outline:none;padding:11px 14px;transition:border-color .3s;transition:border-color var(--transition-speed)}.input-group input[type=text]:focus{border-color:#60a5fa80;box-shadow:0 0 0 2px #60a5fa1a}.input-group input[type=text]::placeholder{color:#ffffff47}.speed-group{display:flex;flex-direction:column}.speed-icon{color:#60a5fa;font-size:18px}.speed-control{gap:15px}.rkalgorithm-visualizer input[type=range]{-webkit-appearance:none;background:#ffffff1f;border-radius:3px;flex:1 1;height:6px;outline:none}.rkalgorithm-visualizer input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#60a5fa;border-radius:50%;box-shadow:0 2px 5px #0000004d;cursor:pointer;height:18px;width:18px}.speed-value{color:#60a5fa;font-weight:600;text-align:center;width:40px}.controls-section{background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;border-radius:var(--border-radius);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-family:inherit;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s;transition:all var(--transition-speed)}.play-button{background:#16a34a;color:#fff}.play-button:hover:not(:disabled){background:#15803d;box-shadow:0 4px 8px #16a34a4d}.pause-button{background:#d97706;color:#fff}.pause-button:hover:not(:disabled){background:#b45309;box-shadow:0 4px 8px #d977064d}.step-button{background:#2563eb;color:#fff}.step-button:hover:not(:disabled){background:#1d4ed8;box-shadow:0 4px 8px #2563eb4d}.reset-button{background:#dc2626;color:#fff}.reset-button:hover:not(:disabled){background:#b91c1c;box-shadow:0 4px 8px #dc26264d}.control-button:disabled{background:#ffffff14;box-shadow:none;color:#ffffff40;cursor:not-allowed}.visualization-section{background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;border-radius:var(--border-radius);display:flex;flex-direction:column;gap:20px;padding:20px;position:relative}.visualization-section h3{color:#ffffff73;font-size:.82rem;font-weight:700;letter-spacing:.05em;margin-bottom:10px;text-transform:uppercase}.text-display{background:#ffffff08;border:1px solid #ffffff12;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:#1e3a5f;border:1px solid #ffffff1f;border-radius:6px;color:#ffffffd9;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:#60a5fa33;border-color:#60a5fa;color:#93c5fd}.text-char.hash-match{background:#1d4ed8;border-color:#60a5fa;color:#fff}.text-char.matched{background:#16a34a;border-color:#86efac;box-shadow:0 0 8px #22c55e66;color:#fff;transform:scale(1.1);z-index:2}.text-char.false-positive{background:#b45309;border-color:#fcd34d;color:#fff}.hash-display{background:#1e3a5f;border:1px solid #60a5fa4d;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000004d;color:#93c5fd;cursor:help;font-size:13px;font-weight:600;padding:8px 12px;position:absolute;transition:all .3s;transition:all var(--transition-speed);z-index:10}.tooltip{background:#111f2e;border:1px solid #ffffff1a;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 16px #00000080;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:#111f2e;border:1px solid #ffffff12;border-radius:8px;border-radius:var(--border-radius);margin:20px 0;padding:20px}.comparison-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.comparison-header h4{color:#ffffffd9;font-size:1rem;font-weight:700;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:13px;padding:5px 10px}.match-status.success{background:#22c55e26;color:#86efac}.match-status.warning{background:#f59e0b26;color:#fcd34d}.match-status.neutral{background:#60a5fa26;color:#93c5fd}.comparison-content{display:flex;flex-direction:column;gap:10px}.comparison-row{align-items:center;display:flex;gap:10px;position:relative}.comparison-label{color:#ffffff73;font-size:.82rem;font-weight:600;width:80px}.comparison-chars{display:flex;gap:5px}.comparison-char{align-items:center;background:#1e3a5f;border:1px solid #ffffff1f;border-radius:6px;color:#ffffffd9;display:flex;font-family:Courier New,monospace;font-size:20px;font-weight:600;height:50px;justify-content:center;width:40px}.comparison-char.match{background:#22c55e26;border-color:#22c55e;color:#86efac}.comparison-char.mismatch{background:#ef444426;border-color:#ef4444;color:#fca5a5}.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:#22c55e}.arrow-mismatch{color:#ef4444}.window-position{color:#fff6;font-size:13px;font-weight:600;position:absolute;right:0}.hash-calculation{background:#60a5fa12;border-left:4px solid #60a5fa;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:#93c5fd;display:flex;font-size:1rem;font-weight:700;gap:8px;margin:0}.hash-formula{background:#ffffff0d;border:1px solid #ffffff12;border-radius:8px;border-radius:var(--border-radius);color:#ffffffd9;font-family:Courier New,monospace;font-size:14px;margin-bottom:15px;padding:10px 15px}.formula-label{color:#93c5fd;font-weight:600;margin-right:5px}.hash-steps{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.hash-step{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:8px;border-radius:var(--border-radius);color:#ffffffb3;font-family:Courier New,monospace;font-size:13px;padding:8px 12px}.step-number{font-weight:600;margin-right:5px}.hash-result{background:#1e3a5f;border:1px solid #60a5fa4d;border-radius:8px;border-radius:var(--border-radius);color:#93c5fd;font-family:Courier New,monospace;font-size:15px;font-weight:600;padding:10px 15px}.result-label{margin-right:5px}.algorithm-conclusion{background:#111f2e;border:1px solid #ffffff12;border-radius:8px;border-radius:var(--border-radius);margin:20px 0;padding:25px}.algorithm-conclusion h3{border-bottom:2px solid #60a5fa;color:#ffffffe6;font-size:1.2rem;font-weight:700;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:#ffffff0a;border:1px solid #ffffff12;border-radius:8px;border-radius:var(--border-radius);padding:15px;text-align:center;transition:transform .3s}.rkstat-item:hover{transform:translateY(-4px)}.rkstat-value{color:#60a5fa;font-size:28px;font-weight:700;margin-bottom:5px}.rkstat-label{color:#ffffff73;font-size:13px}.conclusion-analysis{background:#ffffff08;border-radius:8px;border-radius:var(--border-radius);padding:20px}.conclusion-analysis h4{color:#ffffffd9;font-size:1rem;font-weight:700;margin-bottom:15px}.conclusion-analysis p{color:#fff9;font-size:.9rem;line-height:1.7;margin-bottom:15px}.conclusion-analysis p:last-child{margin-bottom:0}.explanation-box{background:#60a5fa12;border-left:4px solid #60a5fa;border-radius:8px;border-radius:var(--border-radius);padding:20px}.explanation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.emoji{animation:rkBounce 1s infinite alternate;font-size:24px}.emoji.happy{color:#22c55e}.emoji.neutral{color:#f59e0b}.emoji.sad{color:#ef4444}@keyframes rkBounce{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.explanation-content{color:#ffffffb3;font-size:.95rem;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:#14532d;border:1px solid #22c55e4d;border-radius:8px;border-radius:var(--border-radius);color:#bbf7d0;padding:20px}.matches-display h3{color:#86efac;font-size:1rem;margin-bottom:15px}.matches-list{list-style:none}.match-item{align-items:center;background:#ffffff14;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:#ffffff26;border-radius:4px;font-family:Courier New,monospace;padding:4px 8px}.logs-display{background:#111f2e;border:1px solid #ffffff12;border-radius:8px;border-radius:var(--border-radius);padding:20px}.logs-display h3{color:#ffffffd9;font-size:1rem;font-weight:700;margin-bottom:15px}.logs-content{font-family:Courier New,monospace;max-height:300px}.empty-logs{padding:20px}.log-entry{border-bottom:1px solid #ffffff0d;color:#fff9;font-size:.82rem;gap:10px;padding:8px 10px}.log-entry:last-child{border-bottom:none}.log-number{color:#60a5fa;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 #60a5fa;color:#ffffffe6;font-size:1.3rem;font-weight:700;margin-bottom:20px;padding-bottom:10px}.algorithm-section{margin-bottom:30px}.algorithm-section h4{color:#93c5fd;font-size:1.1rem;font-weight:700;margin-bottom:15px}.algorithm-section p{color:#fff9;font-size:.9rem;line-height:1.7;margin-bottom:15px}.steps-list{margin:20px 0;padding-left:25px}.steps-list li{color:#fff9;font-size:.875rem;line-height:1.6;margin-bottom:15px}.hash-explanation{background:#60a5fa12;border-left:4px solid #60a5fa;border-radius:8px;border-radius:var(--border-radius);margin:20px 0;padding:20px}.hash-explanation h4{color:#93c5fd;font-weight:700;margin-bottom:15px;margin-top:0}.hash-explanation ol{margin:15px 0;padding-left:25px}.hash-explanation li{color:#ffffffa6;font-size:.875rem;line-height:1.6;margin-bottom:15px}.math-formula{background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;border-radius:var(--border-radius);color:#ffffffd9;font-family:Courier New,monospace;font-size:1rem;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:#ffffff0a;border:1px solid #ffffff12;border-left:4px solid #60a5fa;border-radius:8px;border-radius:var(--border-radius);color:#ffffffa6;font-size:.875rem;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:#ffffffe6;font-size:1.3rem;font-weight:700}.explanation-toggle{background:#2563eb;border:none;border-radius:8px;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-family:inherit;font-weight:600;padding:8px 16px;transition:background .3s;transition:background var(--transition-speed)}.explanation-toggle:hover{background:#1d4ed8}.code-container{border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000004d;max-height:600px;overflow:hidden;overflow-y:auto;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin}.code-explanation{background:#ffffff08;border:1px solid #ffffff12;border-radius:8px;border-radius:var(--border-radius);margin-top:20px;padding:20px}.explanation-section{border-bottom:1px solid #ffffff0f;margin-bottom:20px;padding-bottom:20px}.explanation-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.explanation-section h4{color:#93c5fd;font-size:1rem;font-weight:700;margin-bottom:10px}.explanation-section p{color:#fff9;font-size:.875rem;line-height:1.6;margin-bottom:10px}.explanation-section ul{margin:10px 0;padding-left:20px}.explanation-section li{color:#fff9;font-size:.875rem;line-height:1.6;margin-bottom:8px}.complexity-tab{padding:20px}.complexity-content{display:flex;flex-direction:column;gap:30px}.complexity-content h3{border-bottom:2px solid #60a5fa;color:#ffffffe6;font-size:1.3rem;font-weight:700;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{background:#111f2e;border:1px solid #ffffff12;border-radius:8px;border-radius:var(--border-radius);display:flex;flex-direction:column;gap:15px;padding:20px}.complexity-card h4{color:#ffffffd9;font-size:1rem;font-weight:700;margin-bottom:10px}.complexity-card p{color:#ffffff8c;font-size:.875rem;line-height:1.55;margin-bottom:8px}.complexity-value{border-radius:8px;border-radius:var(--border-radius);font-family:Courier New,monospace;font-size:22px;font-weight:700;margin:10px 0;padding:10px;text-align:center}.best-case{border-top:4px solid #22c55e}.best-case .complexity-value{background:#22c55e1a;color:#86efac}.average-case{border-top:4px solid #60a5fa}.average-case .complexity-value{background:#60a5fa1a;color:#93c5fd}.worst-case{border-top:4px solid #ef4444}.worst-case .complexity-value{background:#ef44441a;color:#fca5a5}.space-complexity{border-top:4px solid #a855f7}.space-complexity .complexity-value{background:#a855f71a;color:#d8b4fe}.comparison-section{margin-top:30px}.comparison-section h4{color:#ffffffd9;font-size:1.1rem;font-weight:700;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);overflow:hidden;width:100%}.comparison-table td,.comparison-table th{border-bottom:1px solid #ffffff0f;color:#ffffffb3;font-size:.875rem;padding:12px 15px;text-align:left}.comparison-table th{background:#1e3a5f;color:#93c5fd;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.comparison-table tr:hover td{background:#ffffff08}.highlighted-row td{color:#ffffffe6;font-weight:700}.table-note{color:#ffffff59;font-size:13px;font-style:italic;margin-top:10px}.visualizer-footer{color:#ffffff4d;font-size:13px;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:#111f2e;border-right:1px solid #ffffff12;box-shadow:4px 0 20px #00000080;color:#ffffffd9;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:#0d1b2a;border-bottom:1px solid #ffffff12;display:flex;justify-content:space-between;padding:15px 20px}.bmsidebar-header h3{color:#60a5fa;font-size:.9rem;font-weight:700;letter-spacing:.05em;margin:0;text-transform:uppercase}.bmclose-button{align-items:center;background:none;border:none;color:#ffffff73;cursor:pointer;display:flex;font-size:1.1rem;justify-content:center;padding:5px;transition:color .2s}.bmclose-button:hover{color:#fca5a5}.bmlog-entries{flex:1 1;max-height:calc(100vh - 60px);overflow-y:auto;padding:10px 16px;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin}.bmlog-entries.running{background:#0d1b2a}.bmlog-entry{background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;margin-bottom:8px;padding:12px;transition:all .3s ease}.bmlog-entry.current{background:#60a5fa1a;border-color:#60a5fa4d;box-shadow:0 2px 8px #60a5fa1a}.bmlog-step{color:#ffffffe6;font-size:.82rem;font-weight:700;margin-bottom:5px}.bmlog-description{color:#ffffffb3;font-size:.875rem;margin-bottom:7px}.bmlog-explanation{color:#ffffff73;font-size:.8rem;line-height:1.45;white-space:pre-line}.bmlog-entry.current .bmlog-explanation{color:#ffffffa6}@media (max-width:768px){.bmsidebar{transform:translateX(-100%)}.bmapp-container.with-bmsidebar .bmsidebar{transform:translateX(0)}}.character-block{align-items:center;background:#1e3a5f;border:1px solid #ffffff26;border-radius:4px;color:#ffffffe6;display:flex;font-size:1.1rem;font-weight:700;height:40px;justify-content:center;margin-right:2px;transition:all .3s ease;width:40px}.character-block.match{background:#16a34a;border-color:#86efac;box-shadow:0 0 8px #22c55e73;color:#fff;transform:scale(1.05)}.character-block.mismatch{background:#dc2626;border-color:#fca5a5;box-shadow:0 0 8px #ef444473;color:#fff;transform:scale(1.05)}.bmvisualizer{background:#111f2e;border:1px solid #ffffff12;border-radius:8px;margin-top:20px;min-height:280px;overflow-x:auto;padding:30px 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:#ffffff80;font-size:.82rem;font-weight:700;letter-spacing:.04em;margin-right:20px;text-align:right;text-transform:uppercase;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:#ef4444;flex-grow:1;height:2px}.arrow-head{border-bottom:6px solid #0000;border-left:10px solid #ef4444;border-top:6px solid #0000;height:0;width:0}.shift-label{background:#ef444426;border:1px solid #ef444459;border-radius:4px;color:#fca5a5;cursor:help;padding:4px 8px;right:150px;top:8px}.shift-details,.shift-label{font-size:.78rem;position:absolute;white-space:nowrap}.shift-details{background:#0d1b2a;border:1px solid #ffffff1a;border-radius:4px;color:#ffffffb3;display:none;left:0;padding:8px;top:100%}.shift-label:hover .shift-details{display:block}.current-step-info{background:#60a5fa12;border-left:4px solid #60a5fa;border-radius:6px;margin-top:80px;padding:15px}.step-description{color:#ffffffe6;font-size:.975rem;font-weight:600;margin-bottom:10px}.step-explanation{color:#ffffff8c;font-size:.875rem;line-height:1.55;white-space:pre-line}.empty-state{align-items:center;color:#ffffff4d;display:flex;font-size:1rem;height:200px;justify-content:center;padding:0 20px;text-align:center}.empty-state p{line-height:1.6;max-width:500px}.bmcontrols{background:#111f2e;border:1px solid #ffffff12;border-radius:8px;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:#ffffff80;font-size:.8rem;font-weight:600;letter-spacing:.05em;margin-bottom:6px;text-transform:uppercase}.bminput-group input[type=text]{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;color:#ffffffe6;font-family:inherit;font-size:.9rem;outline:none;padding:10px 12px;transition:border-color .2s}.bminput-group input[type=text]:focus{border-color:#60a5fa80}.bminput-group input[type=text]::placeholder{color:#ffffff47}.bmspeed-value{color:#93c5fd;font-size:.9rem;font-weight:700;margin-left:10px}.bmplayback-bmcontrols{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.bmcontrol-button{align-items:center;background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:background .2s}.bmcontrol-button:hover{background:#3b82f6}.bmcontrol-button.play-pause{background:#2563eb;border-radius:50%;height:48px;padding:0;width:48px}.bmcontrol-button.play-pause:hover{background:#3b82f6}.bmcontrol-button.run-button{background:#2563eb;padding:10px 20px}.bmcontrol-button.run-button:hover{background:#3b82f6}.bmcontrol-button.logs-button{background:#ffffff0f;border:1px solid #ffffff1f;color:#ffffffbf}.bmcontrol-button.logs-button:hover{background:#ffffff1a}.bmcontrol-button.logs-button.active{background:#ef44441f;border-color:#ef444459;color:#fca5a5}@media (max-width:768px){.bminput-bmcontrols{flex-direction:column;gap:15px}.bmplayback-bmcontrols{gap:10px}.bmcontrol-button{padding:8px 12px}.bmcontrol-button.play-pause{height:40px;width:40px}}.educational-content{background:#111f2e;border:1px solid #ffffff12;border-radius:8px;margin-bottom:20px;overflow:hidden;transition:all .3s ease}.content-header{align-items:center;background:#0d1b2a;border-bottom:1px solid #ffffff12;color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:14px 20px}.content-header h2{color:#fff;font-size:1rem;font-weight:700;margin:0}.expand-icon{color:#93c5fd;font-size:1.1rem;transition:transform .3s ease}.educational-content.collapsed .expand-icon{transform:rotate(-90deg)}.section-tabs{background:#0a1628;border-bottom:1px solid #ffffff12;display:flex;overflow-x:auto;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin}.section-tab{background:none;border:none;border-bottom:3px solid #0000;color:#ffffff73;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;padding:11px 18px;transition:all .2s;white-space:nowrap}.section-tab:hover{background:#ffffff0d;color:#60a5fa}.section-tab.active{background:#60a5fa0f;border-bottom-color:#60a5fa;color:#60a5fa}.section-content{max-height:400px;overflow-y:auto;padding:20px;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin}.section-content h3{color:#fff;font-size:.95rem;font-weight:700;margin-bottom:14px;margin-top:0}.section-content p{color:#ffffffa6;font-size:.875rem;line-height:1.6;margin-bottom:14px}.section-content ol,.section-content ul{margin-bottom:14px;padding-left:20px}.section-content li{color:#ffffffa6;font-size:.875rem;line-height:1.55;margin-bottom:7px}.section-content ol ul,.section-content ul ul{margin-bottom:5px;margin-top:5px}.section-content strong{color:#ffffffe6;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{background:#0d1b2a;color:#ffffffd9;display:flex;font-family:inherit;height:90vh;overflow:hidden;width:100%}.bmapp-container.with-bmsidebar .bmmain-content{margin-left:350px}.bmmain-content{background:#0d1b2a;flex:1 1;overflow-y:auto;padding:20px;transition:margin-left .3s ease}.bmmain-content>h1{color:#fff;font-size:2rem;margin-bottom:20px;text-align:center}@media (max-width:768px){.bmapp-container.with-bmsidebar .bmmain-content{margin-left:0}.bmsidebar{max-width:350px;position:fixed;width:100%;z-index:100}}.notes-page-container{background-color:#0d1b2a;box-sizing:border-box;color:#ffffffd9;min-height:100vh;padding:40px 20px;width:100%}.notes-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#60a5fa,#93c5fd);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin:20px 0;text-align:center}.notes-divider{background-color:#ffffff14;border:0;height:1px;margin-bottom:30px}.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:#111f2e;border:1px solid #ffffff12;border-radius:10px;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{border-color:#60a5fa33;box-shadow:0 8px 24px #0006;transform:translateY(-5px)}.algorithm-image{border-radius:6px;height:180px;margin:0 auto;object-fit:cover;opacity:.9;width:100%}.algorithm-title{color:#ffffffe6;font-size:1.1rem;font-weight:600;margin:10px 0 8px;text-align:center}.button-container{align-items:stretch;display:flex;gap:10px;justify-content:space-around;margin-top:10px}.button-container .btn,.download-btn{border-radius:6px;flex:1 1;font-size:.9rem;justify-content:center;max-width:45%;padding:10px}.download-btn{align-items:center;background-color:#1e3a5f;border:1px solid #60a5fa40;box-sizing:border-box;color:#93c5fd;cursor:pointer;display:flex;font-weight:600;text-align:center;text-decoration:none;transition:background-color .3s ease,border-color .3s ease}.download-btn:hover{background-color:#2d5a8e;border-color:#60a5fa80;color:#fff}.algorithm-visualizer{color:#ffffffd9;font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.algorithm-visualizer h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#60a5fa,#93c5fd);-webkit-background-clip:text;background-clip:text;color:#fffffff2;font-size:2rem;margin-bottom:30px;text-align:center}.control-panel{background-color:#111f2e;border:1px solid #ffffff12;border-radius:10px;margin-bottom:30px;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:#fff9;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:#ffffff1f;border-radius:4px;flex:1 1;height:5px;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#60a5fa;border-radius:50%;box-shadow:0 0 6px #60a5fa80;cursor:pointer;height:16px;width:16px}.slider::-moz-range-thumb{background:#60a5fa;border:none;border-radius:50%;cursor:pointer;height:16px;width:16px}.number-input{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:4px;color:#ffffffd9;font-size:.9rem;padding:5px;text-align:center;width:60px}.number-input:focus{border-color:#60a5fa;outline:none}.select-input{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:4px;color:#ffffffd9;cursor:pointer;font-size:.9rem;padding:8px 10px;width:100%}.select-input option{background:#111f2e;color:#ffffffd9}.search-container{position:relative}.tsearch-input{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:4px;color:#ffffffd9;font-size:.9rem;padding:8px 10px 8px 35px;width:90%}.tsearch-input::placeholder{color:#ffffff4d}.tsearch-input:focus{border-color:#60a5fa;outline:none}.search-icon{color:#ffffff4d;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:#ffffff0d;border:1px solid #ffffff1f;border-radius:4px;color:#ffffffb3;cursor:pointer;display:flex;font-size:.9rem;gap:5px;padding:8px 15px;transition:all .2s ease}.view-button.active{background-color:#1e3a5f;border-color:#60a5fa66;color:#93c5fd}.view-button:hover:not(.active){background-color:#ffffff14;border-color:#fff3}.icon{font-size:1rem}.algorithm-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.algorithm-card{background-color:#111f2e;border-radius:10px;padding:20px;position:relative;transition:all .3s ease}.algorithm-card:hover{border-color:#60a5fa33}.algorithm-card.expanded,.algorithm-card:hover{box-shadow:0 8px 24px #0006;transform:translateY(-2px)}.algorithm-visualizer .card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.algorithm-visualizer .card-header h3{color:#ffffffe6;font-size:1.1rem;margin:0}.complexity-badge{background:#60a5fa1f;border:1px solid #60a5fa40;border-radius:20px;color:#93c5fd;font-size:.8rem;padding:3px 10px;white-space:nowrap}.operations-container{margin-bottom:15px}.operations-label{color:#ffffff8c;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:5px}.operations-value{color:#fffc;font-weight:600}.progress-bar-container{background:#ffffff14;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:4px;height:100%;transition:width .5s ease-out}.algorithm-info{color:#ffffff8c;font-size:.9rem;line-height:1.5;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:#ffffff59;cursor:pointer;display:block;font-size:.8rem;margin-top:10px;padding:5px 0;transition:color .2s ease}.expand-button:hover{color:#60a5fa}.chart-container{background-color:#111f2e;border:1px solid #ffffff12;border-radius:10px;padding:20px;position:relative}.chart-row{align-items:center;cursor:pointer;display:flex;margin-bottom:15px}.chart-label{color:#ffffffa6;font-size:.9rem;font-weight:500;overflow:hidden;padding-right:10px;text-overflow:ellipsis;white-space:nowrap;width:25%}.chart-bar-container{background:#ffffff12;border-radius:4px;height:30px;overflow:hidden;width:75%}.chart-bar{align-items:center;background:linear-gradient(90deg,#1e3a5f,#3b82f6);border-radius:4px;color:#ffffffe6;display:flex;font-size:.8rem;font-weight:500;height:100%;padding:0 10px;transition:width .5s ease-out}.tooltip{background:#0a1628;border:1px solid #60a5fa40;box-shadow:0 8px 24px #00000080;color:#ffffffd9;font-size:.8rem;max-width:200px;padding:10px}.tooltip-title{color:#93c5fd;font-weight:700;margin:0 0 5px}.tooltip p{margin:3px 0}.info-footer{color:#fff6;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%}}.app-container{background:#0d1b2a;color:#ffffffd9;display:flex;flex-direction:column;min-height:100vh;padding:20px}.app-header{background:#111f2e;border:1px solid #ffffff12;border-bottom:3px solid #60a5fa;border-radius:12px;box-shadow:0 4px 24px #0006;margin-bottom:28px;padding:28px 20px;text-align:center}.app-header h1{color:#fff;font-size:2rem;font-weight:700;letter-spacing:.02em;margin:0 0 8px}.app-header h1 span{color:#60a5fa}.app-header p{color:#ffffff73;font-size:.9rem;line-height:1.55;margin:0 auto;max-width:560px}.app-footer{border-top:1px solid #ffffff0f;color:#ffffff4d;font-size:.8rem;margin-top:30px;padding:16px;text-align:center}@media (max-width:768px){.app-container{padding:16px}.app-header h1{font-size:1.6rem}.app-header p{font-size:.875rem}}.tspalgorithm-controls{background:#111f2e;border:1px solid #ffffff12;border-radius:10px;box-shadow:0 4px 16px #00000040;padding:16px}.tspalgorithm-controls h3{border-bottom:1px solid #fff0;color:#60a5fa;font-size:.75rem;font-weight:700;letter-spacing:.08em;margin:0 0 14px;padding-bottom:10px;text-transform:uppercase}.tspcontrol-group{margin-bottom:14px}.tspcontrol-group label{color:#ffffff80;display:block;font-size:.78rem;font-weight:600;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.tsp-dropdown{position:relative}.tsp-dropdown-trigger{align-items:center;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;color:#ffffffd9;cursor:pointer;display:flex;font-family:inherit;font-size:.875rem;font-weight:600;justify-content:space-between;padding:10px 14px;transition:border-color .2s,background .2s;width:100%}.tsp-dropdown-trigger:hover:not(:disabled){background:#ffffff17;border-color:#60a5fa80}.tsp-dropdown-trigger:disabled{cursor:not-allowed;opacity:.5}.dropdown-icon{color:#60a5fa;flex-shrink:0;height:16px;transition:transform .2s;width:16px}.tsp-dropdown-menu{background:#111f2e;border:1px solid #ffffff1f;border-radius:6px;box-shadow:0 8px 24px #00000080;left:0;overflow:hidden;position:absolute;top:calc(100% + 4px);width:100%;z-index:20}.tsp-dropdown-item{background:none;border:none;border-bottom:1px solid #ffffff0d;color:#ffffffb3;cursor:pointer;display:block;font-family:inherit;font-size:.875rem;font-weight:500;padding:10px 14px;text-align:left;transition:background .15s,color .15s;width:100%}.tsp-dropdown-item:last-child{border-bottom:none}.tsp-dropdown-item:hover{background:#60a5fa1a;color:#93c5fd}.tsp-dropdown-item.active{background:#60a5fa26;color:#60a5fa;font-weight:700}.tspspeed-slider{-webkit-appearance:none;appearance:none;background:#ffffff1a;border-radius:3px;height:5px;outline:none;width:90%}.tspspeed-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#60a5fa;border-radius:50%;cursor:pointer;height:16px;width:16px}.tspspeed-slider::-moz-range-thumb{background:#60a5fa;border:none;border-radius:50%;cursor:pointer;height:16px;width:16px}.random-cities-control{align-items:center;display:flex;gap:8px}.city-count-input{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;color:#ffffffe6;font-family:inherit;font-size:.875rem;outline:none;padding:8px 10px;width:70px}.city-count-input:focus{border-color:#60a5fa80}.button-group{display:flex;flex-direction:column;gap:8px;margin-top:4px}.button-group .btn{justify-content:center;width:100%}.tsp-info-panel{background:#111f2e;border:1px solid #ffffff12;border-radius:10px;box-shadow:0 4px 16px #00000040;margin-bottom:20px;overflow:hidden}.tsp-info-tabs{background:#ffffff08;border-bottom:1px solid #ffffff12;display:flex}.tsp-info-tab{background:none;border:none;color:#ffffff73;cursor:pointer;flex:1 1;font-size:.8rem;font-weight:600;min-width:80px;padding:12px 8px;position:relative;transition:color .2s}.tsp-info-tab:hover{color:#ffffffbf}.tsp-info-tab.active{color:#60a5fa}.tsp-info-tab.active:after{background:#60a5fa;border-radius:2px 2px 0 0;bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.tsp-info-tab-content{max-height:380px;overflow-y:auto;padding:16px;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin}.tsp-info-tab-content::-webkit-scrollbar{width:4px}.tsp-info-tab-content::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.tsp-info-tab-content h3{color:#fff;font-size:.95rem;font-weight:700;margin:0 0 14px}.tsp-info-tab-content p{color:#ffffffa6;font-size:.875rem;line-height:1.6;margin-bottom:14px}.tsp-info-tab-content ul{margin-bottom:14px;padding-left:20px}.tsp-info-tab-content li{color:#ffffffa6;font-size:.875rem;line-height:1.5;margin-bottom:6px}.info-highlight{background:#60a5fa14;border-left:3px solid #60a5fa;border-radius:0 6px 6px 0;color:#ffffffbf;font-size:.875rem;line-height:1.5;margin:14px 0;padding:12px 14px}.algorithm-card{background:#ffffff0a;border:1px solid #ffffff12;border-left:3px solid #60a5fa;border-radius:0 8px 8px 0;margin-bottom:12px;padding:14px}.algorithm-card h4{color:#93c5fd;font-size:.875rem;font-weight:700;margin:0 0 8px}.algorithm-card p{margin-bottom:10px}.algorithm-card ul{margin-bottom:0}.complexity-table-container{margin:14px 0;overflow-x:auto}.complexity-table{border-collapse:collapse;font-size:.78rem;width:100%}.complexity-table td,.complexity-table th{border-bottom:1px solid #ffffff12;color:#ffffffbf;padding:10px 12px;text-align:left}.complexity-table th{background:#60a5fa26;color:#93c5fd;font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.complexity-table tr:hover td{background:#ffffff08}.instruction-step{align-items:flex-start;display:flex;margin-bottom:14px}.step-number{align-items:center;background:#60a5fa33;border:1px solid #60a5fa66;border-radius:50%;color:#93c5fd;display:flex;flex-shrink:0;font-size:.78rem;font-weight:700;height:26px;justify-content:center;margin-right:12px;width:26px}.step-content{color:#ffffffa6;flex:1 1;font-size:.875rem;line-height:1.5}@media (max-width:768px){.tsp-info-tabs{flex-wrap:wrap}.tsp-info-tab{flex-basis:50%}}.stats-panel{background:#111f2e;border:1px solid #ffffff12;border-radius:10px;border-top:3px solid #60a5fa;box-shadow:0 4px 16px #00000040;padding:16px}.stats-panel h3{color:#60a5fa;font-size:.75rem;font-weight:700;letter-spacing:.08em;margin:0 0 14px;text-transform:uppercase}.stat-item{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;justify-content:space-between;padding:10px 0}.stat-item:last-of-type{border-bottom:none;padding-bottom:0}.stat-label{color:#ffffff73;font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.stat-value{color:#ffffffd9;font-size:.9rem;font-weight:700;text-align:right}.stats-progress{margin-top:14px}.stats-progress-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.stats-progress-label{color:#fff6;font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.stats-progress-value{color:#60a5fa;font-size:.78rem;font-weight:700}.progress-bar,.tsp-progress-bar{background:#ffffff14;border-radius:999px;height:6px;overflow:hidden}.progress-fill,.tsp-progress-fill{background:linear-gradient(90deg,#60a5fa,#3b82f6);border-radius:999px;height:100%;min-width:0;transition:width .4s ease}.comparison-logs{background:#111f2e;border:1px solid #ffffff12;border-radius:10px;box-shadow:0 4px 16px #00000040;overflow:hidden}.tsplogs-header{align-items:center;background:#0d1b2acc;border-bottom:3px solid #60a5fa;display:flex;justify-content:space-between;padding:14px 16px}.tsplogs-header h3{color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.08em;margin:0;text-transform:uppercase}.tsplogs-content{max-height:320px;overflow-y:auto;padding:8px;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin}.tsplogs-content::-webkit-scrollbar{width:4px}.tsplogs-content::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.tsplog-entry{background:#ffffff08;border-left:3px solid #0000;border-radius:6px;margin-bottom:6px;padding:10px 12px;transition:background .15s}.tsplog-entry:last-child{margin-bottom:0}.tsplog-entry.active{background:#60a5fa1a;border-left-color:#60a5fa}.tsplog-step{color:#60a5fa;font-size:.7rem;letter-spacing:.04em;text-transform:uppercase}.tsplog-step,.tsplog-title{font-weight:700;margin-bottom:4px}.tsplog-title{color:#ffffffd9;font-size:.82rem}.tsplog-description{color:#fff9;font-size:.78rem;line-height:1.4;margin-bottom:6px}.tsplog-details{background:#ffffff0a;border-left:2px solid #60a5fa66;border-radius:4px;color:#ffffff73;font-size:.72rem;line-height:1.4;padding:6px 8px}.tspstep-controls{background:#111f2e;border:1px solid #ffffff12;border-radius:10px;box-shadow:0 4px 16px #00000040;padding:16px}.tspstep-controls h3{border-bottom:1px solid #ffffff12;color:#60a5fa;font-size:.75rem;font-weight:700;letter-spacing:.08em;margin:0 0 14px;padding-bottom:10px;text-transform:uppercase}.tspstep-progress{margin-bottom:14px}.tspstep-count{color:#ffffff8c;font-size:.78rem;font-weight:600;margin-bottom:8px}.tsp-progress-bar{background:#ffffff14;border-radius:999px;height:6px;overflow:hidden}.tsp-progress-fill{background:linear-gradient(90deg,#60a5fa,#3b82f6);border-radius:999px;height:100%;transition:width .3s ease}.tspstep-buttons{display:flex;gap:8px;justify-content:center;margin-bottom:12px}.tspstep-hint{color:#ffffff4d;font-size:.7rem;text-align:center}.tsp-container{display:flex;flex-direction:column;margin:0 auto;max-width:1400px;padding:20px;width:100%}.tsp-header{align-items:center;background:#111f2e;border:1px solid #ffffff12;border-left:3px solid #60a5fa;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:14px 18px}.tsp-header h2{color:#60a5fa;font-size:1.2rem;font-weight:700;letter-spacing:.02em;margin:0}.toggle-explanation-btn{background:#60a5fa1a;border:1px solid #60a5fa40;border-radius:6px;color:#93c5fd;cursor:pointer;font-family:inherit;font-size:.78rem;font-weight:600;padding:7px 14px;transition:background .2s,border-color .2s;white-space:nowrap}.toggle-explanation-btn:hover{background:#60a5fa33;border-color:#60a5fa73}.tsp-content{display:flex;gap:20px;min-height:600px}.tspsidebar{display:flex;flex-direction:column;flex-shrink:0;gap:16px;width:320px}.graph-container{background:#0a1628;border:1px solid #ffffff12;border-radius:10px;box-shadow:0 4px 16px #00000040;flex:1 1;min-height:600px;overflow:hidden;position:relative}.graph-svg{cursor:pointer;height:100%;width:100%}.graph-instructions{background:#0d1b2ad9;border:1px solid #ffffff14;border-radius:6px;bottom:12px;color:#ffffff73;font-size:.78rem;left:12px;padding:6px 12px;pointer-events:none;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:#111f2e;border:1px solid #ffffff14;border-radius:10px;box-shadow:0 4px 16px #00000040;margin-bottom:20px;padding:15px}.lltabs{border-bottom:1px solid #ffffff14;display:flex;gap:4px;margin-bottom:15px}.lltab{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 22px;position:relative;transition:color .2s}.lltab.active,.lltab:hover{color:#60a5fa}.lltab.active:after{background:#60a5fa;border-radius:2px 2px 0 0;bottom:-1px;content:"";height:2px;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:#111f2e;border:1px solid #ffffff12;border-radius:10px;box-shadow:0 4px 16px #00000040;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:.8rem;padding:8px 12px}}.llheader{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d1b2ad9;border:1px solid #ffffff14;border-bottom:3px solid #60a5fa;border-radius:10px;box-shadow:0 4px 24px #00000059;color:#fff;margin-bottom:20px;overflow:hidden;padding:24px 20px;position:relative;text-align:center}.llheader h1{font-size:2.2rem;font-weight:700;letter-spacing:.02em;margin-bottom:8px}.llheader p{color:#ffffff8c;font-size:.95rem;margin:0 auto;max-width:500px}.title-highlight{color:#60a5fa}.llheader-decoration{display:none}@media (max-width:768px){.llheader h1{font-size:1.6rem}.llheader p{font-size:.875rem}}.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:#0a1628f7;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:100}.intro-content{background-color:#111f2e;border:1px solid #ffffff14;border-radius:10px;box-shadow:0 5px 20px #0006;max-width:800px;padding:30px}.intro-content h2{color:#60a5fa;margin-bottom:20px;text-align:center}.intro-content p{color:#ffffffa6;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 #60a5fa80;border-radius:8px;display:flex;flex-direction:column;margin:0 10px;overflow:hidden;position:relative;width:100px}.intro-data{background-color:#60a5fa40;color:#93c5fd;font-weight:700}.intro-data,.intro-next{padding:8px;text-align:center}.intro-next{background-color:#ffffff0a;color:#ffffff80;font-size:14px}.intro-arrow{color:#60a5fa;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:#ffffffa6;margin-bottom:8px}.start-button{background-color:#3b82f6;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:#2563eb;transform:translateY(-2px)}.chain-visualization{background:#0a1628;border:1px solid #ffffff0f;border-radius:8px;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 #0006;transform:translateY(-10px);z-index:10}.link-body{align-items:center;border-radius:50%;box-shadow:0 4px 8px #0000004d;display:flex;height:80px;justify-content:center;position:relative;width:80px}.link-body:before{background:linear-gradient(#ffffff26,#00000040);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:#0006;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:#fff3;flex:1 1;height:3px}.connector-arrow{color:#ffffff4d;font-size:20px;position:absolute;right:-5px}.null-terminator{background-color:#1e3a5f;border:1px solid #60a5fa33;border-radius:6px;color:#fffc;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:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;color:#ffffffe6;font-size:16px;outline:none;padding:12px 15px;transition:all .3s}.node-input::placeholder,.position-input::placeholder,.search-input::placeholder{color:#ffffff4d}.node-input:focus,.position-input:focus,.search-input:focus{border-color:#60a5fa99;box-shadow:0 0 0 3px #60a5fa26}.train-visualization{background:#0a1628;border:1px solid #ffffff0f;border-radius:8px;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:#fff3;height:6px;width:100%}.track-sleepers{bottom:0;display:flex;justify-content:space-between;position:absolute;width:100%}.track-sleeper{background-color:#ffffff26;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:#ffffff4d;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:#0f2236;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:#1e3a5f;border:3px solid #fff3;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 #0006;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(#ffffff26,#00000040);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:#0006;border-radius:10px;color:#fff;font-size:12px;padding:2px 6px;position:absolute;right:5px;top:5px;z-index:2}.car-connector{background-color:#fff3;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:#ffffff0a;border:1px solid #ffffff12;border-radius:8px;display:flex;flex-direction:column;gap:10px;margin-bottom:10px;padding:15px}.page-dllinput,.position-dllinput,.search-dllinput{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;color:#ffffffe6;font-size:16px;outline:none;padding:12px 15px;transition:all .3s}.page-dllinput::placeholder,.position-dllinput::placeholder,.search-dllinput::placeholder{color:#ffffff4d}.page-dllinput:focus,.position-dllinput:focus,.search-dllinput:focus{border-color:#60a5fa99;box-shadow:0 0 0 3px #60a5fa26}.add-beginning-button,.add-end-button,.add-position-button{background-color:#16a34a;color:#fff}.add-beginning-button:hover,.add-end-button:hover,.add-position-button:hover{background-color:#15803d;transform:translateY(-2px)}.search-dllinput{flex:1 1;min-width:200px}.album-visualization{align-items:center;background:#0a1628;border:1px solid #ffffff0f;border-radius:8px;display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow:hidden;position:relative}.empty-album-message{color:#ffffff4d;font-style:italic;padding:20px;text-align:center}.photo-album{background-color:#0f2236;border-radius:10px;box-shadow:0 10px 20px #0006;display:flex;flex-direction:column;height:70%;max-width:500px;overflow:hidden;position:relative;width:80%}.album-navigation{align-items:center;background-color:#0a1628;border-bottom:1px solid #ffffff14;color:#ffffffd9;display:flex;justify-content:space-between;padding:15px}.dllnav-button{background-color:#3b82f6;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:#2563eb}.dllnav-button:disabled{background-color:#ffffff1a;color:#ffffff4d;cursor:not-allowed}.page-indicator{font-weight:600}.album-pages-container{align-items:center;background-color:#0d1b2a;display:flex;flex:1 1;justify-content:center;perspective:1000px}.album-page{background-color:#111f2e;border:1px solid #ffffff14;border-radius:5px;box-shadow:0 5px 15px #0000004d;display:flex;flex-direction:column;height:80%;position:relative;transform-style:preserve-3d;width:80%}.album-page.highlighted{box-shadow:0 0 20px #60a5fa80}.page-content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:20px;position:relative}.page-image{background-color:#ffffff0a;background-position:50%;background-size:cover;border-radius:5px;box-shadow:0 2px 5px #0003;height:70%;margin-bottom:15px;width:80%}.page-image.landscape{background-image:linear-gradient(90deg,#1d4ed8,#1e40af)}.page-image.portrait{background-image:linear-gradient(90deg,#dc2626,#b91c1c)}.page-image.food{background-image:linear-gradient(90deg,#d97706,#b45309)}.page-image.animal{background-image:linear-gradient(90deg,#15803d,#166534)}.page-image.architecture{background-image:linear-gradient(90deg,#7c3aed,#6d28d9)}.page-image.nature{background-image:linear-gradient(90deg,#0d9488,#0f766e)}.page-image.travel{background-image:linear-gradient(90deg,#c2410c,#ea580c)}.page-image.abstract{background-image:linear-gradient(90deg,#1e3a5f,#0f2236)}.page-title{color:#ffffffd9;font-size:18px;font-weight:600;margin-bottom:5px}.page-number{background-color:#3b82f6;border-radius:10px;bottom:10px;color:#fff;font-size:12px;padding:2px 8px;position:absolute;right:10px}.page-links{background-color:#ffffff0a;border-top:1px solid #ffffff12;display:flex;justify-content:space-between;padding:10px 20px}.next-link,.prev-link{color:#fff6;font-size:14px}.prev-link{text-align:left}.next-link{text-align:right}.album-spine{background-color:#ffffff14;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:#0a1628;border:1px solid #ffffff0f;border-radius:8px;display:flex;gap:10px;padding:15px}.animation-speed label{color:#ffffff8c;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{border:1px solid #ffffff12;margin-bottom:10px}.position-input,.search-input,.seat-input{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;color:#ffffffe6;font-size:16px;outline:none;padding:12px 15px;transition:all .3s}.position-input::placeholder,.search-input::placeholder,.seat-input::placeholder{color:#ffffff4d}.position-input:focus,.search-input:focus,.seat-input:focus{border-color:#60a5fa99;box-shadow:0 0 0 3px #60a5fa26}.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:#16a34a;color:#fff}.add-button:hover{background-color:#15803d;transform:translateY(-2px)}.delete-button{background-color:#dc2626;color:#fff}.delete-button:hover{background-color:#b91c1c;transform:translateY(-2px)}.traverse-button{background-color:#7c3aed;color:#fff}.traverse-button:hover{background-color:#6d28d9;transform:translateY(-2px)}.search-button{background-color:#3b82f6;color:#fff}.search-button:hover{background-color:#2563eb;transform:translateY(-2px)}.rotate-button{background-color:#f59e0b33;border:1px solid #f59e0b4d;color:#fbbf24}.rotate-button:hover{background-color:#f59e0b4d;transform:translateY(-2px)}.rotate-button.active{background-color:#f59e0b59;border-color:#f59e0b80;color:#fde68a}.clear-button{background-color:#ffffff1a;border:1px solid #ffffff1f;color:#ffffffb3}.clear-button:hover{background-color:#ffffff29;transform:translateY(-2px)}.operation-buttons button:disabled,.search-group button:disabled{background-color:#ffffff14;color:#ffffff40;cursor:not-allowed;transform:none}.search-group{background:#ffffff0a;border:1px solid #ffffff12;border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;padding:15px}.search-input{flex:1 1;min-width:200px}.ferris-wheel-visualization{align-items:center;background:#0a1628;border:1px solid #ffffff0f;border-radius:8px;display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow:hidden;position:relative}.empty-wheel-message{color:#ffffff4d;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:#1e3a5f;border:2px solid #60a5fa66;border-radius:50%;box-shadow:0 0 10px #60a5fa33;height:40px;width:40px;z-index:10}.wheel-structure{border:10px solid #ffffff26;border-radius:50%;height:300px;position:absolute;width:300px;z-index:1}.wheel-spoke{background-color:#ffffff1f;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 #ffffff1a;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 #fff6;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(#ffffff26,#00000040);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:#0006;border-radius:10px;color:#fff;font-size:10px;padding:1px 4px;position:absolute;right:5px;top:5px;z-index:2}.seat-connector{background-color:#ffffff26;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:#0d1b2ad9;border:1px solid #ef44444d;border-radius:50%;box-shadow:0 2px 5px #0000004d;color:#ef4444;font-size:24px;font-weight:700;height:30px;text-shadow:0 0 3px #00000080;width:30px}.wheel-seat.highlighted+.wheel-connection .connection-arrow{box-shadow:0 0 10px #f1c40f66;color:#f1c40f;transform:scale(1.2)}.wheel-support{bottom:-50px;height:100px;position:absolute;width:200px;z-index:0}.support-leg{background-color:#ffffff1f;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:#1e3a5f;border-radius:5px;bottom:0;height:20px;left:-25px;position:absolute;width:250px}.search-indicator{background-color:#f1c40f;border-radius:10px;color:#1a1a1a;font-size:10px;font-weight:700;left:5px;padding:1px 4px;position:absolute;top:5px;z-index:2}.search-not-found{background-color:#dc2626e6;border-radius:8px;box-shadow:0 4px 15px #0006;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:#0a1628;border:1px solid #ffffff0f;border-radius:8px;display:flex;justify-content:space-around;margin-bottom:10px;padding:15px}.status-label{font-size:14px;margin-bottom:5px}.status-value{color:#ffffffe6;font-size:18px}.animation-controls{flex-direction:column;gap:10px}.animation-speed,.rotation-speed{align-items:center;background:#0a1628;border:1px solid #ffffff0f;border-radius:8px;display:flex;gap:10px;padding:15px}.animation-speed label,.rotation-speed label{color:#ffffff8c;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}}.info-panel{background:#111f2e;border:1px solid #ffffff12;border-radius:10px;box-shadow:0 4px 16px #00000040;display:flex;flex-direction:column;height:100%;overflow:hidden}.info-header{background:#0d1b2acc;border-bottom:3px solid #60a5fa;padding:14px 20px}.info-header h2{color:#fff;font-size:1rem;font-weight:700;letter-spacing:.02em}.info-tabs{background:#ffffff08;border-bottom:1px solid #ffffff12;display:flex}.info-tab{background:none;border:none;color:#ffffff73;cursor:pointer;flex:1 1;font-size:.8rem;font-weight:600;padding:11px 8px;position:relative;transition:color .2s}.info-tab:hover{color:#ffffffbf}.info-tab.active{color:#60a5fa}.info-tab.active:after{background:#60a5fa;border-radius:2px 2px 0 0;bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.info-panel-body{flex:1 1;overflow-y:auto;padding:16px;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin}.info-panel-body::-webkit-scrollbar{width:4px}.info-panel-body::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.info-tab-pane{height:100%}.algorithm-section h3,.applications-section h3,.info-section h3,.operations-section h3{color:#fff;font-size:.95rem;font-weight:700;margin-bottom:12px}.info-section p{color:#ffffffa6;font-size:.875rem;line-height:1.6;margin-bottom:16px}.visual-explanation{display:flex;justify-content:center;margin:16px 0}.operations-table{border-collapse:collapse;font-size:.8rem;margin-bottom:16px;width:100%}.operations-table td,.operations-table th{border-bottom:1px solid #ffffff12;color:#ffffffbf;padding:10px 12px;text-align:left}.operations-table th{background:#ffffff0d;color:#ffffffe6;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.operations-table tr:hover td{background:#ffffff08}.applications-list{list-style:none;margin-bottom:16px}.application-item{align-items:center;background:#ffffff0a;border:1px solid #ffffff12;border-radius:8px;display:flex;margin-bottom:8px;padding:10px 12px;transition:background .2s,transform .2s}.application-item:hover{background:#60a5fa0f;border-color:#60a5fa33;transform:translateX(4px)}.application-icon{background:#60a5fa33;border:1px solid #60a5fa4d;border-radius:50%;flex-shrink:0;height:28px;margin-right:14px;width:28px}.application-text{color:#000000bf;font-size:1rem;font-weight:600}.application-text:hover{color:#ffffffbf;font-size:1rem;font-weight:600}.application-example{background:#ffffff0a;border:1px solid #ffffff12;border-left:3px solid #60a5fa;border-radius:0 8px 8px 0;margin-top:16px;padding:14px}.application-example h4{color:#ffffffd9;font-size:.85rem;font-weight:700;margin-bottom:8px}.application-example p{color:#fff9;font-size:.82rem;line-height:1.6}.analogy-box{background:#60a5fa12;border-left:3px solid #60a5fa;border-radius:0 6px 6px 0;margin-bottom:16px;padding:14px}.analogy-box h4{color:#93c5fd;font-size:.85rem;font-weight:700;margin-bottom:8px}.analogy-box p{color:#ffffffa6;font-size:.82rem;line-height:1.6}.list-diagram{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;display:flex;overflow-x:auto;padding:16px}.list-diagram.circular,.list-diagram.doubly,.list-diagram.singly{flex-direction:row}.llnode{margin:0 4px}.llnode,.llnode-data{align-items:center;display:flex}.llnode-data{background:#60a5fa33;border:1px solid #60a5fa66;border-radius:4px;color:#93c5fd;font-size:.8rem;font-weight:700;height:38px;justify-content:center;width:38px}.llnode-pointer{color:#ffffff59;font-size:18px;margin:0 4px}.llnode-pointer.circular-end{color:#ef4444}.operation-details{background:#ffffff0a;border:1px solid #ffffff12;border-radius:8px;margin-bottom:16px;padding:14px}.operation-details h4{color:#ffffffd9;font-size:.85rem;font-weight:700;margin-bottom:8px}.operation-details p{color:#fff9;font-size:.82rem;line-height:1.6}.operation-logs{background:#111f2e;border:1px solid #ffffff12;border-radius:10px;box-shadow:0 4px 16px #00000040;display:flex;flex-direction:column;height:100%;overflow:hidden}.logs-header{align-items:center;background:#0d1b2acc;border-bottom:3px solid #60a5fa;display:flex;justify-content:space-between;padding:14px 20px}.logs-header h2{color:#fff;font-size:1rem;font-weight:700;letter-spacing:.02em}.clear-logs-button{background:#ffffff14;border:1px solid #ffffff1f;border-radius:4px;color:#ffffffb3;cursor:pointer;font-size:.78rem;font-weight:600;padding:4px 10px;transition:background .2s}.clear-logs-button:hover{background:#ffffff24;color:#fff}.logs-content{flex:1 1;overflow-y:auto;padding:12px;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin}.logs-content::-webkit-scrollbar{width:4px}.logs-content::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.empty-logs{color:#ffffff4d;font-size:.875rem;font-style:italic;padding:24px 20px;text-align:center}.logs-list{gap:8px}.log-entry,.logs-list{display:flex;flex-direction:column}.log-entry{background:#ffffff0a;border-left:3px solid #0000;border-radius:6px;gap:3px;padding:10px 12px}.log-info{border-left-color:#60a5fa}.log-success{border-left-color:#22c55e}.log-warning{border-left-color:#f59e0b}.log-error{border-left-color:#ef4444}.log-system{border-left-color:#a855f7}.log-timestamp{color:#ffffff4d;font-size:11px;font-weight:500}.log-message{color:#fffc;font-size:.82rem;font-weight:500}.stackapp-container{display:flex;flex-direction:column;height:120%;margin:0 auto;max-width:1400px;padding:20px}.stackcontrol-panel{background:#111f2e;border:1px solid #ffffff14;border-radius:10px;box-shadow:0 4px 16px #00000040;margin-bottom:20px;padding:15px}.stacktabs{border-bottom:1px solid #ffffff14;display:flex;gap:4px;margin-bottom:15px}.stacktab{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 22px;position:relative;transition:color .2s}.stacktab.active,.stacktab:hover{color:#60a5fa}.stacktab.active:after{background:#60a5fa;border-radius:2px 2px 0 0;bottom:-1px;content:"";height:2px;left:0;position:absolute;width:100%}.step-controls{align-items:center;display:flex;gap:10px;padding:10px 0}.step-button{background:#60a5fa26;border:1px solid #60a5fa4d;border-radius:6px;color:#60a5fa;cursor:pointer;font-weight:600;padding:8px 16px;transition:background .2s}.step-button:hover{background:#60a5fa40}.step-button:disabled{cursor:not-allowed;opacity:.4}.guide-button{background:#22c55e26;border-color:#22c55e4d;color:#22c55e}.guide-button:hover{background:#22c55e40}.speed-control{align-items:center;display:flex;gap:10px;margin-left:auto}.speed-control label{color:#fff9;font-size:.875rem;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:#111f2e;border:1px solid #ffffff12;border-radius:10px;box-shadow:0 4px 16px #00000040;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{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d1b2af2;border:1px solid #ffffff1f;border-radius:6px;color:#ffffffe6;font-size:13px;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:100%;overflow:hidden}}@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:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;color:#fff;font-size:15px;outline:none;padding:11px 14px;transition:border-color .2s,box-shadow .2s}.stack-input::placeholder{color:#ffffff4d}.stack-input:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa33}.stack-input:disabled{cursor:not-allowed;opacity:.5}.stack-buttons{display:flex;gap:10px}.stack-buttons button{flex:1 1}.stack-visualization{background:#0a1628;border:1px solid #ffffff12;border-radius:8px;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-bottom-label,.stack-top-label{color:#ffffff59;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.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,#1e3a5f,#2d5a8e);border-radius:4px;box-shadow:0 4px 12px #0006;height:20px;position:relative;width:250px}.stack-pole-left,.stack-pole-right{background:linear-gradient(0deg,#1e3a5f,#2d5a8e);border-radius:5px;bottom:0;box-shadow:0 0 10px #0000004d;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 12px #0006;color:#fff;cursor:pointer;font-size:16px;font-weight:700;height:50px;justify-content:center;margin-bottom:5px;position:relative;width:220px}.plate:before{background:linear-gradient(#ffffff26,#00000026);border-radius:inherit;content:"";inset:0;position:absolute}.plate.highlighted{box-shadow:0 6px 20px #00000080;z-index:10}.plate-value{position:relative;text-shadow:0 1px 3px #0006;z-index:2}.plate-index{background:#00000059;border-radius:10px;color:#ffffffe6;font-size:11px;padding:2px 6px;position:absolute;right:8px;top:5px;z-index:2}.stack-info{margin-top:16px}.stack-status{background:#0a1628;border:1px solid #ffffff12;border-radius:8px;display:flex;justify-content:space-around;padding:14px}.queue-container{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:20px}.queue-controls{margin-bottom:20px}.input-group{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;display:flex;flex-direction:column;gap:10px;padding:15px}.queue-input{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;color:#fff;font-size:15px;outline:none;padding:11px 14px;transition:border-color .2s,box-shadow .2s}.queue-input::placeholder{color:#ffffff4d}.queue-input:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa33}.queue-input:disabled{cursor:not-allowed;opacity:.5}.queue-buttons{display:flex;gap:10px}.queue-buttons button{flex:1 1}.queue-visualization{background:#0a1628;border:1px solid #ffffff12;border-radius:8px;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:14px;width:calc(100% - 180px);z-index:10}.queue-front-label,.queue-rear-label{background:#60a5fa1f;border:1px solid #60a5fa40;border-radius:4px;color:#93c5fd;font-size:.72rem;font-weight:700;letter-spacing:.06em;padding:4px 10px;text-transform:uppercase}.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,#92400e,#78350f);border-radius:8px 0 0 8px;box-shadow:4px 0 12px #0000004d;flex-direction:column;justify-content:center;width:180px;z-index:5}.coffee-shop-sign{background:#1e293b;border:1px solid #ffffff1a;border-radius:4px;box-shadow:0 2px 8px #0000004d;color:#ffffffe6;font-size:.8rem;font-weight:700;letter-spacing:.08em;padding:5px 15px;position:absolute;top:10px}.coffee-counter{align-items:center;background:linear-gradient(180deg,#78350f,#451a03);border-radius:8px;box-shadow:0 4px 12px #0006;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:#475569;border-radius:5px 5px 0 0;height:20px;width:40px}.machine-body{background:#64748b;border-radius:5px;height:40px;width:50px}.barista{align-items:center;display:flex;flex-direction:column;position:relative}.barista-head{background:#f5b041;border-radius:50%;box-shadow:0 2px 4px #0000004d;height:30px;width:30px}.barista-body{background:#1e293b;border-radius:8px 8px 0 0;height:50px;margin-top:5px;position:relative;width:40px}.barista-body:before{background:#ef4444;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:#f5b041;right:-30px;top:40px;width:40px}.queue-line{align-items:center;background:#0f2236;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,#ffffff08 1px,#0000 0),linear-gradient(180deg,#ffffff08 1px,#0000 0);background-size:24px 24px;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:#f5b041;border-radius:50%;box-shadow:0 2px 6px #0006;height:30px;width:30px}.person-body{background:#0000004d;border-radius:8px 8px 0 0;height:50px;margin-top:5px;position:relative;width:40px}.person-body:before{background:#ffffff40;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:#0006;border-radius:0 0 5px 5px;height:20px;width:10px}.person-name{background:#0009;border:1px solid #ffffff1a;border-radius:10px;color:#ffffffe6;font-size:11px;font-weight:700;margin-top:5px;padding:2px 8px}.person-bubble{background:#fffffff2;border-radius:10px;box-shadow:0 2px 8px #0000004d;color:#1e293b;font-size:12px;font-weight:600;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:#fffffff2;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:16px}.queue-status{background:#0a1628;border:1px solid #ffffff12;border-radius:8px;display:flex;justify-content:space-around;padding:14px}.status-item{align-items:center;display:flex;flex-direction:column;gap:4px}.status-label{color:#fff6;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.status-value{color:#fff;font-size:1.1rem;font-weight:700}.waiting-people{display:flex;margin-left:30px}.static-person{opacity:.6;transform:scale(.9)}.static-person:hover{opacity:.85;transform:scale(.95)}.person-phone{background:#1e293b;border-radius:2px;height:25px;position:absolute;right:-10px;top:40px;transform:rotate(15deg);width:15px}.phone-screen{background:#3b82f6;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:#ef4444;border-radius:0 0 5px 5px;height:100%;position:relative;width:100%}.coffee-cup:before{background:#ffffff40;content:"";height:5px;left:0;position:absolute;top:5px;width:100%}.coffee-cup:after{background:#ef4444;border-radius:0 10px 10px 0;content:"";height:10px;position:absolute;right:-8px;top:0;width:8px}.popup-message{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ef4444eb;border:1px solid #ffffff26;border-radius:8px;box-shadow:0 4px 24px #0006;color:#fff;font-size:16px;font-weight:700;left:50%;padding:14px 24px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:100}.info-panel{max-height:400px}.info-panel-body{max-height:calc(100% - 110px)}.queue-diagram,.stack-diagram{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;padding:16px;position:relative}.diagram-item{align-items:center;background:#60a5fa33;border:1px solid #60a5fa4d;border-radius:4px;color:#93c5fd;display:flex;font-size:.8rem;font-weight:700;height:36px;justify-content:center;margin:4px 0;width:130px}.diagram-item.front,.diagram-item.rear,.diagram-item.top{background:#ef444433;border-color:#ef444459;color:#fca5a5}.diagram-arrow{background:#0009;border:1px solid #ffffff1a;border-radius:4px;color:#fffc;font-size:11px;font-weight:600;padding:3px 8px;position:absolute}.diagram-arrow.push{right:-55px;top:50%}.diagram-arrow.pop{right:-55px;top:20%}.diagram-arrow.enqueue{bottom:20px;right:-65px}.diagram-arrow.dequeue{left:-65px;top:20px}.pseudocode{background:#0a1628;border:1px solid #ffffff12;border-radius:8px;margin-bottom:16px;padding:14px}.pseudocode h4{color:#ffffffb3;font-size:.8rem;font-weight:600;letter-spacing:.06em;margin-bottom:8px;text-transform:uppercase}.pseudocode pre{background:#ffffff08;border-left:3px solid #60a5fa;border-radius:4px;color:#ffffffbf;font-family:Fira Code,Cascadia Code,Consolas,monospace;font-size:.78rem;line-height:1.6;padding:10px;white-space:pre-wrap}.sqheader{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d1b2ad9;border:1px solid #ffffff14;border-bottom:3px solid #60a5fa;border-radius:10px;box-shadow:0 4px 24px #00000059;color:#fff;margin-bottom:20px;overflow:hidden;padding:24px 20px;position:relative;text-align:center}.sqheader h1{font-size:2.2rem;font-weight:700;letter-spacing:.02em;margin-bottom:8px}.sqheader p{color:#ffffff8c;font-size:.95rem;margin:0 auto;max-width:500px}.title-highlight:first-of-type{color:#60a5fa}.sqheader-decoration{display:none}@media (max-width:768px){.sqheader h1{font-size:1.6rem}.sqheader p{font-size:.875rem}}.lcs-page{align-items:center;background:#0d1b2a;color:#ffffffd9;display:flex;flex-direction:column;min-height:100vh;width:100%}.lcsheader{background:#111f2e;border-bottom:3px solid #60a5fa;box-shadow:0 4px 20px #0006;overflow:hidden;padding:24px 0 0;position:relative;text-align:center;width:100%}.lcsheader:before{display:none}.lcsheader h1{color:#fff;font-size:28px;font-weight:700;letter-spacing:.02em;margin:0}.lcsheader h1,.lcstabs{position:relative;z-index:2}.lcstabs{display:flex;gap:4px;justify-content:center;margin-top:16px}.lcstabs button{background:#0000;border:none;border-radius:0;color:#ffffff80;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:600;padding:10px 24px;position:relative;transition:color .2s}.lcstabs button:after{background:#60a5fa;bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transition:transform .2s;width:100%}.lcstabs button:hover{background:#ffffff0f;box-shadow:none;color:#60a5fa;transform:none}.lcstabs button.active{background:#60a5fa14;box-shadow:none;color:#60a5fa}.lcstabs button.active:hover{background:#60a5fa1f}.lcstabs button.active:after{transform:scaleX(1)}.lcs-container{box-sizing:border-box;display:flex;gap:20px;justify-content:space-between;padding:20px;width:100%}.lcssidebar{background:#111f2e;border:1px solid #ffffff12;border-radius:12px;box-shadow:0 4px 16px #00000040;height:fit-content;padding:20px;width:25%}.lcssidebar:hover{box-shadow:0 8px 24px #00000059;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:1px solid #ffffff14;color:#fff;font-size:20px;margin-top:0;padding-bottom:10px;position:relative}.lcssidebar h2:after,.table-container h2:after{background:#60a5fa;bottom:-1px;content:"";height:2px;left:0;position:absolute;width:40px}.lcssidebar h3{color:#ffffffd9;font-size:16px;font-weight:600;margin-bottom:10px;margin-top:20px}.lcssidebar label{color:#ffffff73;display:block;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:6px;text-transform:uppercase}.lcssidebar input[type=text]{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;box-sizing:border-box;color:#ffffffe6;font-family:Roboto Mono,monospace;font-size:14px;margin-bottom:12px;outline:none;padding:10px 12px;transition:border-color .2s;width:95%}.lcssidebar input[type=text]:focus{border-color:#60a5fa80}.lcscontrol-buttons{display:flex;gap:10px;margin-bottom:16px}.lcscontrol-buttons button{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-family:inherit;font-size:.875rem;font-weight:600;padding:10px;transition:background .2s,transform .1s}.lcscontrol-buttons button:hover{background:#3b82f6;transform:translateY(-1px)}.lcscontrol-buttons button:active{transform:translateY(1px)}.lcsspeed-buttons{display:flex;gap:6px;margin-bottom:16px}.lcsspeed-buttons button{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#fff9;cursor:pointer;flex:1 1;font-family:inherit;font-size:.8rem;font-weight:500;padding:8px;transition:background .2s,border-color .2s,color .2s}.lcsspeed-buttons button:hover{background:#ffffff17;border-color:#fff3;color:#ffffffd9}.lcsspeed-buttons button.active{background:#60a5fa33;border-color:#60a5fa80;color:#60a5fa;font-weight:700}.results-box{background:#ffffff0a;border:1px solid #ffffff12;border-radius:8px;margin-bottom:16px;padding:14px}.result-item{display:flex;justify-content:space-between;margin-bottom:8px}.result-item:last-child{margin-bottom:0}.result-label{color:#ffffff73;font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.result-value{color:#ffffffd9;font-size:.875rem}.lcs-result,.result-value{font-family:Roboto Mono,monospace}.lcs-result{background:#60a5fa1f;border-left:3px solid #60a5fa;border-radius:4px;color:#60a5fa;font-weight:700;letter-spacing:1px;padding:2px 8px}.lcslegend{border-top:1px solid #ffffff12;margin-top:16px;padding-top:14px}.lcslegend div{align-items:center;color:#fff9;display:flex;font-size:.82rem;margin-bottom:8px}.lcslegend-box{border:1px solid #ffffff26;border-radius:3px;display:inline-block;flex-shrink:0;height:18px;margin-right:10px;width:18px}.lcslegend-box.current-step{background:#ca8a04;box-shadow:0 0 6px #ca8a0480}.lcslegend-box.path-cell{background:#1d4ed8}.lcslegend-box.lcs-cell{background:#16a34a}.lcslegend-arrow{font-size:16px;margin-right:10px}.tip-box{background:#fbbf2412;border-left:4px solid #f59e0b;border-radius:8px;margin-top:16px;padding:14px}.tip-box h3{color:#fbbf24;font-size:14px;font-weight:700;margin-top:0}.tip-box p{color:#fff9;font-size:13px;line-height:1.55;margin-bottom:0}.table-container{background:#111f2e;border:1px solid #ffffff12;border-radius:12px;box-shadow:0 4px 16px #00000040;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 #ffffff14;color:#fffc;cursor:pointer;font-size:15px;height:42px;min-width:42px;padding:12px;position:relative;text-align:center;transition:all .3s ease-in-out}th{background:#60a5fa1a;color:#93c5fd;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.index-cell{background:#ffffff0a;color:#fff6;font-weight:600}.current-step{background:#854d0e!important;box-shadow:0 0 14px #ca8a0499;color:#fef08a!important;font-weight:700;position:relative;transform:scale(1.08);z-index:10}.path-cell{background:#1e3a8a!important;color:#93c5fd!important;transition:background .5s ease}.lcs-cell{animation:pulse 1.5s infinite;background:#14532d!important;color:#86efac!important;font-weight:700;transition:all .5s ease}.hidden{opacity:0}.visible{opacity:1;transition:opacity .5s ease-in-out}.progress{margin-top:16px;text-align:center}.progress div{color:#ffffff80;font-size:.82rem;font-weight:500;margin-bottom:6px}progress{border-radius:4px;height:8px;overflow:hidden;width:100%}progress::-webkit-progress-bar{background:#ffffff14;border-radius:4px}progress::-webkit-progress-value{background:linear-gradient(90deg,#60a5fa,#3b82f6);border-radius:4px}.algorithm-box,.explanation-box{background:#111f2e;border:1px solid #ffffff12;border-left:4px solid #60a5fa;border-radius:10px;box-shadow:0 4px 16px #0003;padding:18px}.algorithm-box h3,.explanation-box h3{color:#60a5fa;font-size:16px;margin-top:0}.explanation-box p{color:#ffffffb3;line-height:1.6;margin:0}.formula-display{background:#ffffff0a;border:1px solid #ffffff12;border-radius:6px;overflow-x:auto;padding:14px}.formula-display pre{color:#fffc;font-family:Roboto Mono,monospace;font-size:13px;line-height:1.55;margin:0}.content-page{background:#111f2e;border:1px solid #ffffff12;border-radius:12px;box-shadow:0 4px 16px #00000040;color:#fffc;margin:20px;max-width:900px;padding:28px;width:80%}.content-page h2{color:#fff}.content-page h3{color:#93c5fd}.content-page p{color:#ffffffb3;line-height:1.6}.code-block{background:#0a1628;border:1px solid #ffffff14;border-radius:8px;overflow-x:auto;padding:16px}.code-block pre{color:#ffffffd9;font-family:Roboto Mono,monospace;font-size:13px;line-height:1.6;margin:0}.animation-container{background:#ffffff08;border:1px solid #ffffff12;border-radius:10px;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:#93c5fd;font-size:16px;font-weight:500;margin-bottom:20px}.animation-strings{font-family:Roboto Mono,monospace;font-size:15px;margin-bottom:20px}.string-animation{margin-bottom:10px}.char-animate{animation:fadeIn .5s ease-in-out;background:#ffffff14;border-radius:4px;color:#ffffffd9;display:inline-block;margin:0 2px;padding:4px 8px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animation-table{margin:20px 0}.animation-table.small table{font-size:13px}.animation-table.small td,.animation-table.small th{height:28px;min-width:28px;padding:8px}.cell-animate{animation:cellFadeIn .5s ease-in-out}@keyframes cellFadeIn{0%{background:#854d0e;opacity:0}to{background:inherit;opacity:1}}.animated-table.filled .highlight{background:#60a5fa40;color:#60a5fa}.animated-table.filled .pulse{animation:cellPulse 1.5s infinite}@keyframes cellPulse{0%{box-shadow:0 0 0 0 #60a5fa99}70%{box-shadow:0 0 0 10px #60a5fa00}to{box-shadow:0 0 0 0 #60a5fa00}}.animated-table.path .path{background:#1e3a8a}.animated-table.path .start-animate{animation:startPath 1s ease-in-out}@keyframes startPath{0%{background:#854d0e;transform:scale(1.1)}to{background:#1e3a8a;transform:scale(1)}}.animated-table.path .diagonal-animate{animation:diagonalPath 1s ease-in-out;background:#14532d;color:#86efac}@keyframes diagonalPath{0%{background:#1e3a8a}to{background:#14532d}}.animation-formula{background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;color:#fffc;font-family:Roboto Mono,monospace;max-width:500px;padding:14px;width:100%}.formula-container{margin-bottom:14px}.formula-line{margin-bottom:4px}.formula-line.indent{padding-left:20px}.keyword{color:#f472b6;font-weight:700}.function{color:#93c5fd;font-weight:700}.formula-explanation{border-top:1px solid #ffffff14;display:flex;justify-content:space-around;padding-top:14px}.formula-case{text-align:center}.case-title{color:#ffffffb3;font-size:.82rem;font-weight:600;margin-bottom:8px}.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(-8px)}60%{transform:translateY(-4px)}}.animation-result{background:#ffffff0a;border-radius:8px;color:#fffc;max-width:500px;padding:16px;text-align:center;width:100%}.string-compare{font-family:Roboto Mono,monospace;margin-bottom:16px}.char-highlight{background:#16a34a;border-radius:4px;color:#fff;font-weight:700;padding:2px 5px}.lcs-final{color:#86efac;font-size:22px;font-weight:700;margin:16px 0}.lcs-char-animate{animation:popIn .5s ease-in-out;background:#14532d;border-radius:4px;color:#86efac;display:inline-block;margin:0 4px;padding:4px 10px}@keyframes popIn{0%{opacity:0;transform:scale(0)}70%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.lcs-length{color:#ffffff80;font-size:16px;font-weight:500}.animation-controls{align-items:center;background:#ffffff0a;border:1px solid #ffffff12;border-radius:8px;display:flex;justify-content:space-between;margin-top:16px;padding:10px 14px}.animation-controls button{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:600;padding:7px 14px;transition:background .2s}.animation-controls button:hover{background:#3b82f6}.animation-controls span{color:#ffffff80;font-size:.82rem;font-weight:500}.applications{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:16px}.application-card{background:#ffffff0a;border:1px solid #ffffff14;border-left:3px solid #60a5fa;border-radius:8px;padding:16px;transition:transform .2s,box-shadow .2s}.application-card:hover{box-shadow:0 8px 20px #0000004d;transform:translateY(-3px)}.application-card h4{color:#93c5fd;font-size:15px;margin-bottom:8px;margin-top:0}.application-card p{color:#ffffff8c;font-size:13px;line-height:1.5;margin:0}.popup-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup{animation:popupFadeIn .25s ease-out;background:#111f2e;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 16px 48px #0009;max-height:80vh;max-width:90%;overflow-y:auto;scrollbar-color:#ffffff1f #0000;scrollbar-width:thin;width:500px;z-index:1001}@keyframes popupFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.popup-lcsheader{align-items:center;background:#0a1628;border-bottom:1px solid #ffffff14;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:14px 18px}.popup-header h3{color:#fff;font-size:16px;font-weight:600;margin:0}.lcsclose-button{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:22px;line-height:1;transition:color .2s}.lcsclose-button:hover{color:#ffffffe6}.popup-content{padding:18px}.popup-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.popup-section{margin-bottom:14px}.popup-section h4{color:#93c5fd;font-size:14px;font-weight:700;margin-bottom:8px;margin-top:0}.char-comparison{align-items:center;display:flex;justify-content:center;margin-bottom:10px}.char-box{border-radius:6px;display:inline-block;font-size:16px;font-weight:700;height:38px;line-height:38px;margin:0 4px;text-align:center;width:38px}.char-box.match{background:#14532d;color:#86efac}.char-box.no-match{background:#7f1d1d;color:#fca5a5}.comparison-symbol{color:#fff6;font-size:18px;margin:0 8px}.match-result{color:#ffffffa6;font-size:13px;font-weight:500;margin-top:4px;text-align:center}.formula-box{background:#ffffff0d;border:1px solid #ffffff14;text-align:center}.calculation,.formula-box{border-radius:6px;color:#fffc;font-family:Roboto Mono,monospace;font-size:13px;padding:10px}.calculation{background:#ffffff0a;margin-bottom:4px}.calculation-detail{color:#fff6;font-size:12px}.move-direction{align-items:center;display:flex;justify-content:center}.arrow{font-size:22px;margin-right:10px}.arrow.diagonal{color:#86efac}.arrow.up{color:#93c5fd}.arrow.left{color:#fcd34d}.lcs-popup{padding:10px;text-align:center}.lcs-char-highlight{animation:pulse 1.5s infinite;background:#14532d;border-radius:50%;color:#86efac;display:inline-block;font-size:22px;font-weight:700;height:56px;line-height:56px;margin-bottom:14px;width:56px}.lcs-sequence{background:#ffffff0a;border-radius:6px;margin:14px 0;padding:10px}.lcs-char{background:#ffffff14;border-radius:3px;color:#ffffffb3;display:inline-block;font-family:Roboto Mono,monospace;margin:0 3px;padding:4px 8px}.lcs-char.current{background:#14532d;color:#86efac;font-weight:700}.lcs-info{color:#ffffffa6;font-size:13px;margin-top:14px;text-align:left}.details-container{background:#ffffff08;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 #ffffff14;color:#93c5fd;font-size:16px;margin-top:0;padding-bottom:8px}.detail-section{margin-bottom:16px}.detail-section h4{color:#ffffffb3;font-size:14px;font-weight:600;margin-bottom:8px;margin-top:0}.no-path-info,.no-step-info{color:#ffffff4d;font-size:13px;font-style:italic;padding:16px;text-align:center}.path-details.lcs-found{text-align:center}.path-details.lcs-found .lcs-char-highlight{margin:0 auto 14px}.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:#86efac;font-family:Roboto Mono,monospace;font-size:22px;font-weight:700;margin:14px 0}td{position:relative}.diagonal-indicator:after{color:#86efac;content:"↖"}.diagonal-indicator:after,.up-indicator:after{bottom:3px;font-size:12px;opacity:.5;position:absolute;right:4px}.up-indicator:after{color:#93c5fd;content:"↑"}.left-indicator:after{bottom:3px;color:#fcd34d;content:"←";font-size:12px;opacity:.5;position:absolute;right:4px}.path-arrow{display:none}@media (max-width:1200px){.lcs-container{flex-direction:column}.lcssidebar{margin-bottom:16px;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:8px 0}.content-page{margin:12px;padding:18px;width:95%}}.about-container{background:#0d1b2a;color:#ffffffd9;min-height:100vh}.aboutcontainer{margin:0 auto;max-width:1200px;padding:0 20px}.impact-section,.overview-section{background:#0d1b2a;padding:100px 0}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#60a5fa,#93c5fd);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:3rem;text-align:center}.mission-statement{background:#111f2e;border:1px solid #ffffff12;border-left:5px solid #60a5fa;border-radius:20px;margin:0 auto 80px;max-width:900px;padding:40px;text-align:center}.mission-statement h3{color:#ffffffe6;font-size:2rem;font-weight:600;margin-bottom:20px}.mission-statement p{color:#fff9;font-size:1.2rem;line-height:1.8}.features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:80px}.feature-card{background:#111f2e;border:1px solid #ffffff12;border-radius:15px;border-top:4px solid #60a5fa;margin-bottom:10%;padding-bottom:10%;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{border-color:#60a5fa40;box-shadow:0 15px 35px #00000059;transform:translateY(-8px)}.feature-icon{display:block;font-size:2.5rem;margin-bottom:20px}.feature-card h4{color:#ffffffe6;font-size:1.3rem;font-weight:600;margin-bottom:15px}.feature-card p{color:#ffffff8c;font-size:.95rem;line-height:1.6}.goals-section{background:#111f2e;border:1px solid #60a5fa26;border-radius:25px;padding:60px}.goals-section h3{color:#ffffffe6;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;background:#ffffff0a;border:1px solid #ffffff0f;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:#60a5fa26;border-radius:50%;color:#60a5fa;display:flex;flex-shrink:0;font-size:2rem;font-weight:800;height:60px;justify-content:center;width:60px}.goal-content h5{color:#ffffffe6;font-size:1.2rem;font-weight:600;margin-bottom:8px}.goal-content p{color:#ffffffa6;line-height:1.5;opacity:.75}@media (max-width:768px){.features-grid,.goals-list{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;margin-left:0}.goals-section h3{font-size:2rem}.goal-item{flex-direction:column;text-align:center}}.Atimeline-section{background:#0a1628;padding:100px 0}.Atimeline{margin:0 auto;max-width:900px;padding:0 20px;position:relative}.Atimeline:before{background:linear-gradient(180deg,#60a5fa,#a855f7);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:#60a5fa;border:4px solid #0a1628;border-radius:50%;box-shadow:0 0 0 3px #60a5fa,0 4px 12px #60a5fa59;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 #60a5fa,0 6px 20px #60a5fa80;transform:translateX(-50%) scale(1.25)}.Atimeline-marker.patent{background:gold;border-color:#0a1628;box-shadow:0 0 0 3px gold,0 4px 12px #ffd70073;height:28px;width:28px}.Atimeline-marker.achievement{background:#10b981;border-color:#0a1628;box-shadow:0 0 0 3px #10b981,0 4px 12px #10b98166}.Atimeline-content{background:#111f2e;border:1px solid #ffffff12;border-radius:20px;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-right-color:#111f2e;margin-right:-1px;right:100%}.Atimeline-item:nth-child(2n) .Atimeline-content:before{border-left-color:#111f2e;left:100%;margin-left:-1px}.Atimeline-content:hover{border-color:#60a5fa40;box-shadow:0 15px 35px #0006;transform:translateY(-8px)}.Atimeline-content h3{color:#ffffffeb;font-size:1.6rem;font-weight:700;line-height:1.3;margin-bottom:12px}.Atimeline-date{color:#60a5fa;font-size:.95rem;font-weight:600;letter-spacing:.5px;margin-bottom:18px;text-transform:uppercase}.Atimeline-content p{color:#ffffff94;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:#60a5fa1f;border:1px solid #60a5fa40;border-radius:25px;color:#93c5fd;display:inline-block;font-size:.82rem;font-weight:500;padding:6px 14px;transition:transform .2s ease}.tech-tag:hover{background:#60a5fa33;transform:translateY(-2px)}.achievement-badge{align-items:center;background:#ffd70014;border:1px solid #ffd7004d;border-radius:12px;color:gold;display:flex;font-weight:600;margin-top:16px;padding:14px 20px;transition:transform .3s ease}.achievement-badge:hover{background:#ffd7001f;transform:translateY(-3px)}.granted-status{align-items:center;animation:pulse 2.5s ease-in-out infinite;background:#ffd7001f;border:1px solid #ffd70073;border-radius:50px;color:gold;display:inline-flex;font-size:.76rem;font-weight:700;gap:6px;letter-spacing:.08em;margin-top:12px;padding:5px 14px;text-transform:uppercase;width:fit-content}@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:#111f2e;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:1px solid #ffffff14;border-radius:20px;box-shadow:0 20px 40px #0006;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,#60a5fa,#93c5fd);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:20px}.team-intro{color:#60a5fa;font-size:1.3rem;font-weight:600;margin-bottom:25px}.team-intro strong{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#60a5fa,#93c5fd);-webkit-background-clip:text;background-clip:text;font-weight:700;margin-left:4%}.team-description{color:#fff9;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:#ffffffd9;display:flex;font-weight:600;margin-bottom:15px}.achievement-item .achievement-icon{font-size:1.5rem;margin-right:15px}@media (max-width:768px){.team-showcase{gap:40px;grid-template-columns:1fr}.team-content h3{font-size:2rem}}.contributors-section{background:#0a1628;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:#111f2e;border:1px solid #ffffff12;border-radius:15px;border-top:4px solid #10b981;padding:35px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.contributor-card:hover{border-color:#10b98140;box-shadow:0 15px 35px #0006;transform:translateY(-8px)}.contributor-avatar{border:3px solid #10b981;border-radius:50%;box-shadow:0 0 0 3px #10b98126;height:150px;margin:0 auto 20px;overflow:hidden;width:150px}.contributor-avatar img{height:100%;object-fit:cover;width:100%}.contributor-card h3{color:#ffffffe6;font-size:1.3rem;font-weight:600;margin-bottom:8px}.contributor-role{color:#10b981;font-size:.95rem;font-weight:600;margin-bottom:15px}@media (max-width:768px){.contributors-grid{grid-template-columns:1fr}}.professors-section{background:#111f2e;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:#0d1b2a;border:1px solid #ffffff12;border-left:5px solid #60a5fa;border-radius:20px;padding:40px;transition:transform .3s ease,box-shadow .3s ease}.professor-card:hover{border-color:#60a5fa40;box-shadow:0 20px 40px #0006;transform:translateY(-5px)}.professor-avatar{border:3px solid #60a5fa;border-radius:50%;box-shadow:0 0 0 3px #60a5fa26;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:#ffffffe6;font-size:1.4rem;font-weight:600;margin-bottom:8px}.professor-name2{margin-left:26%}.professor-title1{margin-left:10%}.professor-title1,.professor-title2{color:#60a5fa;font-size:.95rem;font-weight:600;margin-bottom:15px}.professor-title2{margin-left:37%}.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,#1e3a5f,#2d5a8e);border:1px solid #60a5fa33;border-radius:20px;color:#fff;padding:40px 20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{box-shadow:0 12px 30px #60a5fa33;transform:scale(1.05)}.stat-number{color:#93c5fd;font-size:3rem;font-weight:800;margin-bottom:10px}.aboutstat-label{color:#fffc;font-size:1.1rem;opacity:.85}@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{opacity:1}50%{opacity:.65}}.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){.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%}.professors-grid{grid-template-columns:1fr}.impact-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.impact-stats{grid-template-columns:1fr}}
/*# sourceMappingURL=main.95e0a370.css.map*/