body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.user-profile-nav{position:relative}.profile-trigger{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.5rem 1rem;transition:all .2s ease}.profile-trigger:hover{background:#f973161a}.profile-avatar{object-fit:cover}.profile-avatar,.profile-avatar-fallback{border:2px solid #f973164d;border-radius:50%;height:36px;width:36px}.profile-avatar-fallback{align-items:center;background:linear-gradient(135deg,#f97316,#ef4444);color:#fff;display:flex;font-size:.875rem;font-weight:600;justify-content:center}.profile-name{color:#fff}.login-link,.profile-name{font-size:.9375rem;font-weight:500}.login-link{border-radius:8px;color:#a3a3a3;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.login-link:hover{background:#f973161a;color:#f97316}.profile-dropdown{animation:dropdownFadeIn .2s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1a1a1af2;border:1px solid #2a2a2a80;border-radius:12px;box-shadow:0 8px 32px #00000080;min-width:280px;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{align-items:center;border-bottom:1px solid #2a2a2a80;display:flex;gap:1rem;padding:1.25rem}.dropdown-avatar{object-fit:cover}.dropdown-avatar,.dropdown-avatar-fallback{border:2px solid #f973164d;border-radius:50%;flex-shrink:0;height:48px;width:48px}.dropdown-avatar-fallback{align-items:center;background:linear-gradient(135deg,#f97316,#ef4444);color:#fff;display:flex;font-size:1.125rem;font-weight:600;justify-content:center}.dropdown-info{flex:1 1;min-width:0}.dropdown-name{color:#fff;font-size:.9375rem;font-weight:600;margin:0 0 .25rem}.dropdown-email,.dropdown-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-email{color:#a3a3a3;font-size:.8125rem;margin:0}.dropdown-divider{background:#2a2a2a80;height:1px;margin:0}.dropdown-item{align-items:center;background:#0000;border:none;color:#e5e5e5;cursor:pointer;display:flex;font-size:.9375rem;gap:.75rem;padding:.875rem 1.25rem;text-align:left;transition:all .2s ease;width:100%}.dropdown-item:hover{background:#f973161a;color:#f97316}.dropdown-item.sign-out{color:#dc2626}.dropdown-item.sign-out:hover{background:#dc26261a;color:#ef4444}@media (max-width:768px){.profile-dropdown{left:0;min-width:260px;right:auto}.profile-name{display:none}}.footer{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0f0f0ff2;border-top:1px solid #2a2a2a80;margin-top:4rem;padding:3rem 0 1.5rem;position:relative}.footer:before{background:linear-gradient(90deg,#0000,#f9731680,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.footer-container{margin:0 auto;max-width:1280px;padding:0 2rem}.footer-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:3rem}.footer-section{display:flex;flex-direction:column;gap:1rem}.footer-logo{align-items:center;display:flex;font-size:1.5rem;font-weight:800;gap:.25rem;letter-spacing:-.5px;margin-bottom:.5rem}.footer-logo .logo-text{color:#fff}.footer-logo .logo-accent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f97316,#ef4444);-webkit-background-clip:text;background-clip:text}.footer-description{color:#a3a3a3;font-size:.9rem;line-height:1.6;max-width:280px}.footer-heading{color:#fff;font-size:1rem;font-weight:600;letter-spacing:.5px;margin-bottom:.75rem}.footer-links{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.footer-link{color:#a3a3a3;display:inline-block;font-size:.9rem;text-decoration:none;transition:all .2s ease}.footer-link:hover{color:#f97316;transform:translateX(4px)}.footer-bottom{align-items:center;border-top:1px solid #2a2a2a80;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;padding-top:2rem}.footer-copyright{display:flex;flex-direction:column;gap:.25rem}.footer-copyright p{color:#737373;font-size:.875rem;margin:0}.footer-tagline{color:#a3a3a3!important;font-size:.8rem!important}.footer-social{gap:1rem}.footer-social,.social-link{align-items:center;display:flex}.social-link{background:#1a1a1a99;border:1px solid #2a2a2a80;border-radius:8px;color:#a3a3a3;height:36px;justify-content:center;text-decoration:none;transition:all .3s ease;width:36px}.social-link svg{height:18px;width:18px}.social-link:hover{background:#f973161a;border-color:#f973164d;box-shadow:0 4px 12px #f9731633;color:#f97316;transform:translateY(-2px)}@media (max-width:768px){.footer-content{gap:2rem;grid-template-columns:1fr}.footer-bottom{align-items:flex-start;flex-direction:column;text-align:left}.footer-social{justify-content:flex-start;width:100%}.footer-description{max-width:100%}}@media (max-width:480px){.footer{padding:2rem 0 1rem}.footer-container{padding:0 1.5rem}.footer-content{gap:1.5rem}}.login-container{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 80px);padding:2rem}.login-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1a1a1a99;border:1px solid #2a2a2a80;border-radius:16px;box-shadow:0 8px 32px #0006;max-width:500px;padding:3rem;width:100%}.login-header{margin-bottom:2rem;text-align:center}.login-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f97316,#ef4444);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2rem;font-weight:700;margin-bottom:.5rem}.login-header p{color:#a3a3a3;font-size:.95rem}.warning-message{background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:8px;color:#fbbf24;margin-bottom:1.5rem;padding:1rem}.warning-message strong{color:#fbbf24;display:block;margin-bottom:.5rem}.warning-message p{color:#fbbf24;font-size:.9rem;margin:.5rem 0}.error-message{border:1px solid #dc26264d;border-radius:8px;color:#f87171;font-size:.9rem;margin-bottom:1.5rem;text-align:center}.google-signin-btn{align-items:center;background:#fff;border:none;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#1a1a1a;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;margin-bottom:2rem;padding:.875rem 1.5rem;transition:all .3s ease;width:100%}.google-signin-btn:hover:not(:disabled){box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.google-signin-btn:disabled{cursor:not-allowed;opacity:.6}.google-icon{height:20px;width:20px}.login-features{border-top:1px solid #2a2a2a80;margin-top:2rem;padding-top:2rem}.login-features h3{color:#fff;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.login-features ul{list-style:none;margin:0;padding:0}.login-features li{color:#a3a3a3;font-size:.9rem;line-height:1.6;padding:.5rem 0}.user-profile{align-items:center;display:flex;justify-content:center;width:100%}.profile-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1a1a1a99;border:1px solid #2a2a2a80;border-radius:16px;box-shadow:0 8px 32px #0006;max-width:400px;padding:2.5rem;text-align:center;width:100%}.profile-image{border:3px solid #f973164d;border-radius:50%;height:100px;margin:0 auto 1.5rem;object-fit:cover;width:100px}.profile-card h2{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.user-email{color:#a3a3a3;font-size:.9rem;margin-bottom:1.5rem}@media (max-width:768px){.login-card{padding:2rem 1.5rem}.login-header h1{font-size:1.75rem}.profile-card{padding:2rem 1.5rem}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f0f0f;color:#e5e5e5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;min-height:100vh;overflow-x:hidden;position:relative}body:before{animation:gradientShift 10s ease infinite;background:radial-gradient(circle at 20% 50%,#f9731614 0,#0000 50%),radial-gradient(circle at 80% 80%,#ef444414 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}@keyframes gradientShift{0%,to{opacity:.5}50%{opacity:.8}}.App{min-height:100vh;position:relative;z-index:1}.navbar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0f0f0fcc;border-bottom:1px solid #2a2a2a;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar-container{justify-content:space-between;margin:0 auto;max-width:1280px;padding:1rem 2rem}.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{font-size:1.5rem;font-weight:800;gap:.25rem;letter-spacing:-.5px;text-decoration:none}.logo-text{color:#fff}.logo-accent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f97316,#ef4444);-webkit-background-clip:text;background-clip:text}.navbar-menu{align-items:center;display:flex;gap:.5rem;list-style:none}.navbar-divider{background:#2a2a2a;height:24px;margin:0 .5rem;width:1px}.navbar-link{border-radius:8px;color:#a3a3a3;font-size:.9375rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.navbar-link:hover{background:#f973161a;color:#f97316}.home-container{margin:0 auto;max-width:1280px;padding:2rem 2rem 4rem}.home-header{margin:0 auto;max-width:900px;padding:4rem 0 5rem;text-align:center}.hero-title{color:#fff;font-size:4rem;font-weight:800;letter-spacing:-2px;line-height:1.1;margin-bottom:1.5rem}.hero-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f97316,#ef4444);-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#a3a3a3;font-size:1.25rem;font-weight:400;line-height:1.7;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:700px}.hero-cta{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.topics-section{margin:4rem 0}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#d4d4d4);-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:2rem;font-weight:700;letter-spacing:-.5px;margin-bottom:2rem;position:relative;text-align:center;width:100%}.section-title:after{background:linear-gradient(90deg,#f97316,#ef4444);border-radius:2px;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.categories-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.category-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1a1a1a99;border:1px solid #2a2a2a80;border-radius:16px;cursor:pointer;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.category-card:before{background:linear-gradient(90deg,#0000,#f973161a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.category-card:hover:before{left:100%}.category-card:hover{background:#1a1a1acc;border-color:#f973164d;box-shadow:0 12px 40px #f9731626,0 0 80px #f973160d;transform:translateY(-4px)}.card-header{gap:.75rem;margin-bottom:1rem}.card-header,.icon-badge{align-items:center;display:flex}.icon-badge{border-radius:8px;flex-shrink:0;height:40px;justify-content:center;position:relative;width:40px}.icon-sort{background:linear-gradient(135deg,#3b82f626,#3b82f60d);border:1px solid #3b82f64d}.icon-sort:before{background:linear-gradient(180deg,#0000 0,#0000 30%,#3b82f6 0,#3b82f6 35%,#0000 0,#0000 50%,#3b82f6 0,#3b82f6 55%,#0000 0,#0000 70%,#3b82f6 0,#3b82f6 75%,#0000 0);content:"";height:20px;position:absolute;transform:rotate(-90deg);width:20px}.icon-structure{background:linear-gradient(135deg,#10b98126,#10b9810d);border:1px solid #10b9814d}.icon-structure:before{border:2px solid #10b981;border-radius:2px;content:"";height:16px;position:absolute;width:16px}.icon-structure:after{border-bottom:2px solid #10b981;border-left:2px solid #10b981;content:"";height:8px;left:12px;position:absolute;top:10px;width:8px}.card-header h3{color:#fff;font-size:1.375rem;font-weight:600}.category-description{color:#a3a3a3;font-size:.9375rem;line-height:1.6;margin-bottom:1rem}.category-count{color:#737373;font-size:.875rem;margin-bottom:1.25rem}.card-link{background:none;border:none;color:#f97316;cursor:pointer;font-size:.9375rem;font-weight:600;padding:0;text-decoration:none;transition:color .2s ease}.card-link:hover{color:#ea580c}.card-link-locked{color:#737373}.card-link-locked:hover{color:#a3a3a3}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:.9375rem;font-weight:600;padding:.75rem 1.75rem;text-align:center;text-decoration:none;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-hero{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 4px 15px #f973164d;color:#fff;font-size:1rem;overflow:hidden;padding:.875rem 2rem;position:relative}.btn-hero:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-hero:hover:before{left:100%}.btn-hero:hover{background:linear-gradient(135deg,#ea580c,#dc2626);box-shadow:0 6px 20px #f9731680;transform:translateY(-2px)}.btn-primary{background:#f97316;color:#fff}.btn-primary:hover:not(:disabled){background:#ea580c;transform:translateY(-1px)}.btn-secondary-outline{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#1a1a1a66;border:1.5px solid #f973164d;color:#e8e8e8}.btn-secondary-outline:hover{background:#f973161a;border-color:#f9731680;box-shadow:0 0 20px #f9731633;color:#f97316}.btn-secondary{background:#262626;border:1px solid #2a2a2a;color:#fff}.btn-secondary:hover:not(:disabled){background:#2a2a2a;border-color:#3a3a3a}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-warning{background:#f59e0b;color:#0a0a0a}.btn-warning:hover:not(:disabled){background:#d97706}.btn-info{background:#3b82f6;color:#fff}.btn-info:hover:not(:disabled){background:#2563eb}.features{border-top:1px solid #2a2a2a;margin:6rem 0 4rem;padding:4rem 0;text-align:center}.features-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:0 auto;max-width:1000px}.feature-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1a1a1a99;border:1px solid #2a2a2a80;border-radius:12px;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.feature-card:hover{background:#1a1a1acc;border-color:#f9731633;box-shadow:0 12px 40px #f973161a,0 0 60px #f9731608;transform:translateY(-6px)}.feature-icon-wrapper{align-items:center;background:linear-gradient(135deg,#f973161a,#f973160d);border:1px solid #f9731633;border-radius:12px;display:flex;height:56px;justify-content:center;margin:0 auto 1.25rem;transition:all .3s ease;width:56px}.feature-card:hover .feature-icon-wrapper{background:linear-gradient(135deg,#f9731626,#f9731614);border-color:#f9731666;transform:scale(1.05)}.feature-svg{color:#f97316;height:28px;width:28px}.feature-card h3{color:#fff;font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.feature-card p{color:#a3a3a3;font-size:.9375rem;line-height:1.6}.menu-container{margin:0 auto;max-width:1280px;padding:4rem 2rem}.menu-header{margin-bottom:3rem;text-align:center}.menu-header h1{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.back-link{align-items:center;color:#b3b3b3;display:inline-flex;font-size:.95rem;font-weight:500;gap:.5rem;margin-bottom:2rem;text-decoration:none;transition:color .2s ease}.back-link:hover{color:#fff}.menu-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.menu-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#141414b3;border:1px solid #2a2a2a80;border-radius:16px;color:#fff;overflow:hidden;padding:2rem;position:relative;text-align:center;text-decoration:none;transition:all .3s ease}.menu-card:after{background:#f973161a;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.menu-card:hover:after{height:300px;width:300px}.menu-card:hover{background:#1a1a1ae6;border-color:#f9731666;box-shadow:0 12px 40px #f9731626,0 0 80px #f9731614;transform:translateY(-6px)}.menu-card h2{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.menu-card p{color:#b3b3b3;font-size:.9rem}.visualizer-container{margin:0 auto;max-width:1600px;padding:2rem}.visualizer-header{animation:headerFloat 3s ease-in-out infinite;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#f973160d,#ef44440d);border:1px solid #f973161a;border-radius:16px;margin-bottom:2rem;padding:2rem;position:relative;text-align:center}@keyframes headerFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.visualizer-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f97316,#ef4444);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:600;margin-bottom:.5rem}.visualizer-header p{color:#d4d4d4;font-size:1rem}.visualizer-content{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:2fr 1fr}.visualization-panel{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#141414e6,#1a1a1acc);border:1px solid #f9731626;border-radius:16px;box-shadow:0 8px 32px #0006,inset 0 1px 0 #ffffff0d;overflow:hidden;padding:1.5rem;position:relative}.visualization-panel:before{background:linear-gradient(90deg,#0000,#f9731680,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.algorithm-selector{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.algorithm-selector label{color:#e8e8e8;font-size:.95rem;font-weight:500}.algorithm-selector select,.language-select,.mode-select{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#1f1f1fb3;border:1px solid #f9731633;border-radius:8px;color:#e8e8e8;cursor:pointer;font-size:.9rem;padding:.5rem .75rem;transition:all .2s ease}.algorithm-selector select:hover,.language-select:hover,.mode-select:hover{background:#1f1f1fe6;border-color:#f9731666;box-shadow:0 0 0 3px #f973160d}.algorithm-selector select:disabled{cursor:not-allowed;opacity:.5}.explanation-panel{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#141414e6,#1a1a1acc);border:1px solid #f9731626;border-radius:16px;box-shadow:0 8px 32px #0006,inset 0 1px 0 #ffffff0d;max-height:80vh;overflow-y:auto;padding:1.5rem;position:relative}.explanation-panel:before{background:linear-gradient(90deg,#0000,#f9731680,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.explanation-panel h2{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.explanation-panel h3{color:#e8e8e8;font-size:1.125rem;font-weight:600;margin-bottom:.75rem;margin-top:1.5rem}.description,.explanation-panel p{color:#b3b3b3;font-size:.95rem;line-height:1.6;margin-bottom:1rem}.explanation-panel ol,.explanation-panel ul{color:#b3b3b3;line-height:1.8;margin-left:1.5rem}.explanation-panel li{margin-bottom:.5rem}.controls-container{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0f0f0f66;border:1px solid #f973161a;border-radius:12px;margin-top:1.5rem;padding:1.5rem}.control-group{margin-bottom:1.5rem}.control-group label{color:#e8e8e8;display:block;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.control-group input[type=range]{background:#282828;border-radius:2px;height:4px;outline:none;width:100%}.input-group{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.input-group input[type=number],.input-group input[type=text]{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#1f1f1fb3;border:1px solid #f9731633;border-radius:8px;color:#e8e8e8;flex:1 1;font-size:.9rem;min-width:120px;padding:.65rem .75rem;transition:all .2s ease}.input-group input:focus{background:#1f1f1fe6;border-color:#f9731680;box-shadow:0 0 0 3px #f973161a;outline:none}.input-group input::placeholder{color:#4d4d4d}.button-group{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.message{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#f973161a,#3b82f61a);border:1px solid #f973164d;border-radius:8px;box-shadow:0 4px 12px #f973161a;color:#e8e8e8;font-size:.9rem}.info,.message{margin-top:1rem;padding:1rem}.info{background:#1f1f1f;border-radius:6px;color:#b3b3b3}.info p{font-size:.9rem;margin:0}.legend{border-top:1px solid #282828;margin-top:2rem;padding-top:1rem}.legend-items{display:flex;flex-wrap:wrap;gap:1.5rem}.legend-item{align-items:center;display:flex;font-size:.9rem;gap:.5rem}.color-box{border-radius:3px;height:16px;width:24px}.color-box.blue{background:#3b82f6}.color-box.yellow{background:#f59e0b}.color-box.red{background:#dc2626}.language-switcher{align-items:center;display:flex}.complexity-section{margin:1.5rem 0}.complexity-section ul{list-style:none;margin-left:0}.complexity-section li{padding:.3rem 0}.steps-section ol{counter-reset:step-counter;list-style:none;margin-left:0}.steps-section li{counter-increment:step-counter;margin-bottom:1rem;padding-left:2.5rem;position:relative}.steps-section li:before{align-items:center;background:#1f1f1f;border:1px solid #282828;border-radius:50%;color:#e8e8e8;content:counter(step-counter);display:flex;font-size:.8rem;font-weight:600;height:1.5rem;justify-content:center;left:0;position:absolute;top:0;width:1.5rem}.template-buttons-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.template-btn{background:#1f1f1f;border:1px solid #282828;border-radius:6px;color:#e8e8e8;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .2s ease}.template-btn:hover{background:#282828;border-color:#3d3d3d}.language-selector{align-items:center;display:flex;gap:.5rem}.language-selector label{color:#b3b3b3;font-size:.9rem;font-weight:500}.info-text{color:#f59e0b;font-size:.85rem;font-weight:500}.editor-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.editor-header h3{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.editor-wrapper{border:1px solid #282828;border-radius:8px;margin-bottom:1rem;overflow:hidden}.editor-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.output-section{margin-top:1rem}.output-section h4{color:#e8e8e8;font-size:1rem;font-weight:600;margin-bottom:.75rem}.output-content{background:#0a0a0a;border:1px solid #282828;border-radius:6px;font-family:Monaco,Menlo,Courier New,monospace;font-size:.85rem;max-height:200px;min-height:100px;overflow-y:auto;padding:1rem}.error-message{background:#dc26261a;border-left:3px solid #dc2626;border-radius:6px;color:#dc2626;padding:.75rem}.success-output{color:#10b981}.success-output div{border-bottom:1px solid #1f1f1f;padding:.25rem 0}.success-output div:last-child{border-bottom:none}.placeholder{color:#4d4d4d;font-style:italic}@media (max-width:1024px){.visualizer-content{grid-template-columns:1fr}.explanation-panel{max-height:none}}@media (max-width:768px){.home-header h1{font-size:2.5rem}.categories-grid{grid-template-columns:1fr}.navbar-container{flex-direction:column;gap:1rem}.navbar-menu{flex-wrap:wrap;gap:.5rem;justify-content:center}.button-group{flex-direction:column}.btn{width:100%}.editor-header{align-items:flex-start;flex-direction:column}.language-selector,.template-buttons-row{width:100%}.template-btn{flex:1 1;min-width:calc(50% - .25rem)}}.final-cta{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:16px;margin:6rem 0 4rem;padding:5rem 2rem;text-align:center}.cta-title{color:#fff;font-size:2.5rem;font-weight:700;letter-spacing:-1px;margin-bottom:1rem}.cta-subtitle{color:#a3a3a3;font-size:1.125rem;margin-bottom:2.5rem}.btn-large{font-size:1.0625rem;padding:1rem 2.5rem}.btn-large:hover{box-shadow:0 12px 32px #8b5cf680;transform:translateY(-3px) scale(1.02)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.features,.topics-section{animation:fadeInUp .8s ease-out}canvas{outline:none;touch-action:none}pre{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0f0f0fcc;border:1px solid #f9731633;border-radius:8px;margin:1rem 0;overflow-x:auto;padding:1rem}code{color:#f97316;font-family:Fira Code,Courier New,monospace;font-size:.9rem}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#14141480;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#f97316,#ef4444);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#ea580c,#dc2626)}.home-container:after{animation:particleFloat 20s linear infinite;background-image:radial-gradient(circle,#f973164d 1px,#0000 0);background-size:50px 50px;content:"";height:100%;left:0;opacity:.1;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}@keyframes particleFloat{0%{transform:translateY(0)}to{transform:translateY(-50px)}}.glass-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1a1a1a99;border:1px solid #ffffff0d;border-radius:16px;box-shadow:0 8px 32px #0006}.glass-card-hover:hover{background:#1a1a1acc;border-color:#f973164d;box-shadow:0 12px 40px #f9731626}.glow-orange{box-shadow:0 0 20px #f973164d}.glow-red{box-shadow:0 0 20px #ef44444d}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.loading-shimmer{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff0d,#0000);background-size:1000px 100%}.vis-page{margin:0 auto;max-width:1600px;min-height:100vh;padding:1rem}.vis-nav{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:.75rem 0}.vis-back{color:#f97316;font-size:.95rem;text-decoration:none;transition:all .2s}.vis-back:hover{color:#fb923c}.vis-title{align-items:center;display:flex;gap:.75rem}.vis-title h1{font-size:1.5rem;margin:0}.vis-badge,.vis-title h1{color:#fff;font-weight:600}.vis-badge{background:#f97316;border-radius:4px;font-size:.7rem;letter-spacing:.5px;padding:.25rem .6rem}.vis-info{color:#fff9;font-size:.9rem}.vis-workspace{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 400px;height:calc(100vh - 120px)}.vis-canvas{background:#0a0a0a;border:1px solid #ffffff14;border-radius:8px;overflow:hidden}.vis-panel{gap:1.5rem;overflow-y:auto}.vis-controls,.vis-panel{display:flex;flex-direction:column}.vis-controls{background:#0a0a0a;border:1px solid #ffffff14;border-radius:8px;gap:1rem;padding:1.5rem}.mode-selector{border-bottom:1px solid #ffffff14;display:flex;gap:.5rem;padding-bottom:1rem}.mode-btn{background:#0000;border:1px solid #ffffff1a;border-radius:6px;color:#fff9;cursor:pointer;flex:1 1;font-size:.85rem;padding:.5rem;transition:all .2s}.mode-btn.active{background:#f97316;border-color:#f97316;color:#fff}.mode-btn:hover:not(.active){border-color:#f9731666;color:#ffffffe6}.control-row{display:flex;gap:.5rem}.vis-input{background:#ffffff08;border:1px solid #ffffff1a;border-radius:6px;color:#fff;flex:1 1;font-size:.9rem;padding:.65rem .85rem;transition:all .2s}.vis-input:focus{background:#ffffff0d;border-color:#f97316;outline:none}.vis-input::placeholder{color:#ffffff4d}.vis-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;color:#fffc;cursor:pointer;font-size:.9rem;padding:.65rem 1rem;transition:all .2s;white-space:nowrap}.vis-btn:hover:not(:disabled){background:#ffffff14;border-color:#fff3;color:#fff}.vis-btn:disabled{cursor:not-allowed;opacity:.3}.vis-btn-primary{background:#f97316;border-color:#f97316;color:#fff}.vis-btn-primary:hover:not(:disabled){background:#ea580c;border-color:#ea580c}.traversal-group{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,1fr)}.vis-message{background:#f973161a;border:1px solid #f973164d;border-radius:6px;color:#fb923c;font-size:.85rem;padding:.75rem;text-align:center}.vis-docs{background:#0a0a0a;border:1px solid #ffffff14;border-radius:8px;display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.doc-section h4{color:#f97316;font-size:.95rem;font-weight:600;margin:0 0 .75rem}.doc-section p{color:#ffffffb3;font-size:.85rem;line-height:1.6;margin:.5rem 0}.doc-list{list-style:none;margin:0;padding:0}.doc-list li{color:#ffffffb3;font-size:.85rem;line-height:1.5;padding:.5rem 0}.complexity-table{font-size:.85rem;width:100%}.complexity-table td{border-bottom:1px solid #ffffff0d;color:#ffffffb3;padding:.5rem}.complexity-table td.mono{color:#10b981;font-family:Courier New,monospace;text-align:right}@media (max-width:1200px){.vis-workspace{grid-template-columns:1fr;height:auto}.vis-canvas{height:500px}}
/*# sourceMappingURL=main.e05a8b4b.css.map*/