@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Poppins:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@700;900&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0d1117;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background-color:#0d1117;color:#ffffffde}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{width:100%;height:100vh;margin:0;padding:0;display:flex;flex-direction:column}.app-container{display:flex;flex-direction:column;height:100%;width:100%}h2{text-align:center;font-family:JetBrains Mono,monospace}.app-header{text-align:center;font-family:JetBrains Mono,monospace;font-size:12px;border-bottom:3px solid #30363d}.split-view{display:flex;flex:1;overflow:hidden}.panel{flex:1;overflow:auto;padding:1rem}.panel-left{border-right:1px solid #30363d;display:flex;flex-direction:column;height:auto}.panel-right{display:flex;flex-direction:column}.code-viewer{display:flex;flex-direction:column;background-color:#161b22;border-radius:6px;overflow:hidden;height:auto;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:18px;line-height:1}.visualization{flex:1;display:flex;flex-direction:column;border:1px solid #30363d;border-radius:6px;padding:1rem}.controls{margin-bottom:1rem;display:flex;gap:.5rem;flex-wrap:wrap}.memory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-top:1rem}.node{background-color:#161b22;border:1px solid #30363d;border-radius:6px;padding:.5rem;position:relative}.node-active{border-color:#58a6ff}.node-inactive{opacity:.6}.memory-leak-warning{color:#f85149;margin-top:1rem;padding:.5rem;border:1px solid #f85149;border-radius:6px;background-color:#f851491a}button{background-color:#21262d;border:1px solid #30363d;color:#c9d1d9}button:hover{background-color:#30363d;border-color:#8b949e}input{background-color:#0d1117;border:1px solid #30363d;color:#c9d1d9;padding:.5rem;border-radius:6px}.linked-list-display{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;align-items:center;justify-content:center}.node-container{display:flex;align-items:center}.pointer-left,.pointer-right{margin:0 .5rem;color:#58a6ff}.node-address{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;color:#8b949e;margin-bottom:.25rem}.node-data{font-weight:700;margin-bottom:.25rem}.node-pointers{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;color:#8b949e}.node-status{font-size:12px;margin-top:.25rem}.diy-section,.explanation-section{margin-top:1.5rem;background-color:#161b22;border:1px solid #30363d;border-radius:6px;padding:1rem}.diy-content,.explanation-content{margin-top:1rem}.diy-section h3,.explanation-section h3{margin-top:0;color:#58a6ff}.diy-section a{color:#58a6ff;text-decoration:none}.diy-section a:hover{text-decoration:underline}.diy-section button{margin-top:1rem;padding:.5rem 1rem;background-color:#238636;color:#fff;border:none;border-radius:6px;cursor:pointer}.diy-section button:hover{background-color:#2ea043}.placeholder{font-size:1.2rem;color:#8b949e;text-align:center;margin-top:2rem}:root{--primary-color: #58a6ff;--secondary-color: #238636;--danger-color: #f85149;--warning-color: #d29922;--node-active: #5bc9b1;--node-inactive: #30363d;--background: #0d1117;--surface: #161b22;--border: #30363d;--text-primary: #c9d1d9;--text-secondary: #8b949e}.code-container{position:relative;background-color:var(--surface);border-radius:6px;overflow:auto;max-height:600px;border:1px solid var(--border)}.highlighted-line{background-color:#5bc9b11a;display:block;margin:0 -16px;padding:0 16px;border-left:2px solid var(--primary-color)}.monaco-editor .highlighted-line{background-color:#58a6ff26!important}.monaco-editor .highlighted-line-glyph{position:relative}.monaco-editor .highlighted-line-glyph:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:var(--primary-color)}.control-section{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;padding:.75rem;background-color:#161b2280;border-radius:6px;align-items:center;border:1px solid var(--border)}.control-group{display:flex;align-items:center;gap:.5rem}.control-divider{width:1px;height:24px;background-color:#30363d;margin:0 .5rem}.dropdown{position:relative;display:inline-block}.dropdown-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:4px;background-color:#21262d;border:1px solid #30363d;color:#c9d1d9;cursor:pointer;font-size:14px;transition:all .2s}.dropdown-button:hover{background-color:#30363d;border-color:#8b949e}.dropdown-menu{position:absolute;top:100%;left:0;z-index:10;min-width:180px;padding:.5rem 0;margin-top:.5rem;background-color:#21262d;border:1px solid #30363d;border-radius:6px;box-shadow:0 8px 24px #0003}.dropdown-item{display:flex;align-items:center;padding:.5rem 1rem;color:#c9d1d9;cursor:pointer;transition:background-color .2s}.dropdown-item:hover{background-color:#30363d}.dropdown-divider{height:1px;margin:.5rem 0;background-color:#30363d}.linkedlist-home-container{min-height:100vh;position:relative;background:linear-gradient(135deg,#0f172a,#1e293b,#334155,#475569,#64748b);color:#f8fafc;overflow-x:hidden;font-family:Rajdhani,-apple-system,BlinkMacSystemFont,sans-serif}.linkedlist-home-bg-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(147,51,234,.15) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(16,185,129,.15) 0%,transparent 50%),radial-gradient(circle at 60% 60%,rgba(236,72,153,.1) 0%,transparent 50%);pointer-events:none;z-index:0;animation:floatingGradient 20s ease-in-out infinite}@keyframes floatingGradient{0%,to{background:radial-gradient(circle at 20% 80%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(147,51,234,.15) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(16,185,129,.15) 0%,transparent 50%),radial-gradient(circle at 60% 60%,rgba(236,72,153,.1) 0%,transparent 50%)}25%{background:radial-gradient(circle at 80% 20%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(147,51,234,.15) 0%,transparent 50%),radial-gradient(circle at 60% 60%,rgba(16,185,129,.15) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(236,72,153,.1) 0%,transparent 50%)}50%{background:radial-gradient(circle at 40% 40%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 60% 60%,rgba(147,51,234,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(16,185,129,.15) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(236,72,153,.1) 0%,transparent 50%)}75%{background:radial-gradient(circle at 60% 60%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(147,51,234,.15) 0%,transparent 50%),radial-gradient(circle at 20% 80%,rgba(16,185,129,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(236,72,153,.1) 0%,transparent 50%)}}.linkedlist-home-header{position:relative;z-index:1;text-align:center;padding:2rem 1rem;max-width:1200px;margin:0 auto}.home-button{position:absolute;top:0;left:1rem;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.75rem;color:#f8fafc;text-decoration:none;font-size:.9rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.home-button:hover{background:#ffffff26;color:#f8fafc;text-decoration:none;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.header-content h1{font-size:3.5rem;font-weight:900;margin:1rem 0 .5rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6,#06b6d4);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:waveGradient 4s ease infinite}.header-content p{font-size:1.2rem;color:#cbd5e1;max-width:600px;margin:0 auto;font-weight:500}.linkedlist-cards-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:2.5rem;margin:4rem auto;padding:0 2rem}.linkedlist-card{position:relative;border-radius:1.5rem;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer}.linkedlist-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.15);border-radius:1.5rem;pointer-events:none;z-index:1}.linkedlist-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#3b82f61a,#9333ea0d,#10b98114);opacity:0;transition:opacity .3s ease;border-radius:1.5rem;pointer-events:none;z-index:0}.linkedlist-card:hover:after{opacity:1}.linkedlist-card:hover{box-shadow:0 20px 40px #0000001a,0 0 30px #3b82f61a}.linkedlist-card-link{display:block;text-decoration:none;color:inherit;height:100%}.linkedlist-card-content-wrapper{position:relative;height:100%}.linkedlist-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem 2rem 1rem;position:relative;z-index:2}.linkedlist-card-icon{font-size:3rem;margin-bottom:1rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.linkedlist-card-badges{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.difficulty-badge{background:#3b82f633;color:#93c5fd;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;border:1px solid rgba(59,130,246,.3)}.complexity-badge{background:#10b98133;color:#6ee7b7;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;border:1px solid rgba(16,185,129,.3);display:flex;align-items:center;gap:.25rem}.linkedlist-card-body{padding:0 2rem 1rem;position:relative;z-index:2}.linkedlist-card-title{font-size:1.5rem;font-weight:700;margin:0 0 .75rem;color:#f8fafc}.linkedlist-card-description{font-size:1rem;color:#cbd5e1;line-height:1.6;margin:0 0 1.5rem}.linkedlist-card-features{display:flex;flex-wrap:wrap;gap:.5rem}.feature-tag{background:#ffffff1a;color:#e2e8f0;padding:.25rem .75rem;border-radius:.75rem;font-size:.8rem;font-weight:500;border:1px solid rgba(255,255,255,.15)}.linkedlist-card-footer{padding:1rem 2rem 2rem;position:relative;z-index:2}.learn-more-btn{background:linear-gradient(135deg,#3b82f633,#9333ea33);border:1px solid rgba(59,130,246,.3);border-radius:.75rem;padding:.75rem 1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.learn-more-btn:hover{background:linear-gradient(135deg,#3b82f64d,#9333ea4d);transform:translateY(-2px)}.linkedlist-card-disabled{opacity:.6;cursor:not-allowed}.linkedlist-card-disabled:hover{transform:none!important;box-shadow:none!important}.coming-soon-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;border-radius:1.5rem;z-index:3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.coming-soon-overlay span{color:#f8fafc;font-size:1.2rem;font-weight:700;padding:.75rem 1.5rem;background:linear-gradient(135deg,#ef4444cc,#b91c1ccc);border-radius:.75rem;border:1px solid rgba(239,68,68,.5)}.linkedlist-home-footer{position:relative;z-index:1;text-align:center;padding:2rem;max-width:800px;margin:0 auto}.linkedlist-home-footer p{font-size:1.1rem;color:#94a3b8;margin:0;font-weight:500}@media (max-width: 768px){.linkedlist-cards-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 1rem;margin:2rem auto}.header-content h1{font-size:2.5rem}.home-button{position:static;margin-bottom:1rem;align-self:flex-start}.linkedlist-home-header{display:flex;flex-direction:column;align-items:center}}@media (max-width: 480px){.linkedlist-card-header,.linkedlist-card-body,.linkedlist-card-footer{padding-left:1.5rem;padding-right:1.5rem}.header-content h1{font-size:2rem}}.app-container{font-family:Rajdhani,-apple-system,BlinkMacSystemFont,sans-serif;background-color:#0d1117;color:#fff;min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden;will-change:opacity,transform}.linkedlist-bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 10% 20%,rgba(255,255,255,.03) 1px,transparent 1px),radial-gradient(circle at 30% 40%,rgba(255,255,255,.02) 1px,transparent 1px);background-size:50px 50px,70px 70px;animation:twinkling 100s linear infinite;pointer-events:none;z-index:0;will-change:transform}.app-header{padding:2rem;text-align:center;position:relative;z-index:1;border-bottom:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;min-height:80px}.app-header h1{font-size:2.5rem;font-weight:900;margin:0;background:linear-gradient(90deg,#4d89dd,#2c5dbe,#86c0ff,#063ca8,#170393);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:waveGradient 4s ease infinite;will-change:background-position}.home-button{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:16px;font-weight:600;padding:10px 20px;border-radius:12px;background:linear-gradient(135deg,#8b3ed366,#4a3f6e66);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 15px #0003;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:absolute;left:24px;top:50%;transform:translateY(-50%);z-index:10}.home-button:active{transform:translateY(-50%) scale(.98);box-shadow:0 2px 10px #8b3ed333}.split-view{display:flex;flex:1;gap:2rem;padding:2rem;position:relative;z-index:1;height:calc(100vh - 120px);overflow:hidden}.panel{flex:1;background:#161b22cc;border-radius:1rem;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;gap:1.5rem;transition:transform .3s ease,box-shadow .3s ease;will-change:transform,box-shadow;overflow-y:auto;max-height:100%}.panel::-webkit-scrollbar{width:6px}.panel::-webkit-scrollbar-thumb{background:#80808080;border-radius:4px}.panel::-webkit-scrollbar-thumb:hover{background:#808080b3}.panel h2{font-size:1.8rem;margin:0;padding-bottom:1rem;border-bottom:2px solid rgba(255,255,255,.1);color:#a8e3ff}.code-viewer{flex:1;border-radius:.75rem;box-shadow:0 4px 20px #8b3ed333;border:1px solid rgba(139,62,211,.1);overflow:visible;height:auto;min-height:0}.code-viewer-container{flex:1;display:flex;flex-direction:column;gap:1rem;background:#161b22cc;border-radius:.75rem;padding:1rem;border:1px solid rgba(139,62,211,.1);box-shadow:0 4px 20px #8b3ed333}.code-mode-toggle{display:flex;gap:.5rem;margin-bottom:1rem}.mode-button{padding:.5rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;background:#161b22cc;color:#c9d1d9;cursor:pointer;transition:all .3s ease;font-size:.9rem}.mode-button.active{background:linear-gradient(135deg,#4a3f6e,#8b3ed3);border-color:#8b3ed3;color:#fff;box-shadow:0 2px 10px #8b3ed34d}.mode-button:hover:not(.active){background:#8b3ed31a;border-color:#8b3ed34d}.animation-controls{display:flex;flex-wrap:wrap;gap:.75rem;padding:1rem;background:#ffffff0d;border-radius:.5rem;margin-bottom:1rem;align-items:center;justify-content:space-between}.control-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:linear-gradient(135deg,#4a3f6e,#8b3ed3);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.85rem;transition:all .3s ease;box-shadow:0 2px 8px #8b3ed333}.control-btn:hover:not(:disabled){background:linear-gradient(135deg,#8b3ed3,#f561f5);box-shadow:0 4px 12px #8b3ed34d}.control-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.speed-control{display:flex;align-items:center;gap:1rem;justify-content:center;padding:.5rem 1rem;background:#161b2299;border-radius:.5rem;border:1px solid rgba(255,255,255,.1);margin:.5rem 0}.speed-control label{font-size:.9rem;color:#c9d1d9;white-space:nowrap;min-width:120px}.speed-control input[type=range]{width:150px;height:4px;border-radius:2px;background:#fff3;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.speed-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#a8a8ff;cursor:pointer;border:none;box-shadow:0 2px 4px #a8a8ff66}.speed-control input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#a8a8ff;cursor:pointer;border:none;box-shadow:0 2px 4px #a8a8ff66}.speed-control span{font-size:.8rem;color:#7d8590;min-width:55px;text-align:center}.animation-status{display:flex;align-items:center;gap:.5rem;color:#a8a8ff;font-size:.8rem;margin-left:1rem}.animation-status{display:flex;align-items:center;gap:.5rem;color:#a8a8ff;font-size:.9rem}.animation-status .spinner{width:16px;height:16px;border:2px solid rgba(168,168,255,.3);border-top-color:#a8a8ff}.interactive-code-section{flex:1;display:flex;flex-direction:column;gap:1rem}.highlighted-code-display,.editable-code-section{flex:1;border-radius:.5rem;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 10px #0003}.p4{top:45%;right:20%;width:7px;height:7px;animation:particle1 17s infinite linear;background-color:#f561f5cc;box-shadow:0 0 12px 5px #f561f566}@keyframes particle1{0%{transform:translate(0) scale(1);opacity:.2}20%{opacity:.8}80%{opacity:.4}to{transform:translate(150px,-150px) scale(.2);opacity:0}}@keyframes particle2{0%{transform:translate(0) scale(1);opacity:.2}20%{opacity:.8}80%{opacity:.4}to{transform:translate(-180px,-120px) scale(.2);opacity:0}}@keyframes particle3{0%{transform:translate(0) scale(1);opacity:.2}20%{opacity:.8}80%{opacity:.4}to{transform:translate(120px,170px) scale(.2);opacity:0}}.copy-button{background:linear-gradient(135deg,#4a3f6e,#8b3ed3);border:none;padding:.75rem 1.5rem;border-radius:.5rem;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 0 15px #8b3ed34d;position:relative;overflow:hidden;will-change:transform}.copy-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#8b3ed380,#f561f580);opacity:0;transition:opacity .3s ease}.copy-button:hover{box-shadow:0 0 25px #8b3ed380}.copy-button.copied{background:linear-gradient(135deg,#8b3ed3,#f561f5);animation:copyPulse .5s ease}@keyframes copyPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.node-container,.node,.pointer-left,.pointer-right{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.error-message{background-color:#ff453a33;color:#fc0;padding:10px 15px;border-radius:5px;margin:10px 0;display:flex;align-items:center;gap:8px;border-left:4px solid #ff453a;animation:fadeIn .3s ease}.error-message svg{color:#ff453a;flex-shrink:0}.loading-indicator{display:flex;align-items:center;justify-content:center;gap:10px;margin:10px 0;color:#a8a8ff}.spinner{width:20px;height:20px;border:3px solid rgba(168,168,255,.3);border-radius:50%;border-top-color:#a8a8ff;animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}input.invalid{border-color:#ff453a!important;background-color:#ff453a1a!important;box-shadow:0 0 0 1px #ff453a!important}.visualization{padding:1.5rem;background:#161b22cc;border-radius:1rem;border:1px solid rgba(255,255,255,.1);width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:1.5rem}.controls{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;align-items:center;justify-content:center}.input-group{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;align-items:center;width:100%}.input-group input{flex:1;min-width:200px;max-width:280px;padding:.875rem 1rem;border:2px solid #30363d;border-radius:8px;background:#161b22;color:#f0f6fc;font-size:.95rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none}.input-group input::placeholder{color:#8b949e;font-weight:400}.input-group input:focus{border-color:#58a6ff;box-shadow:0 0 0 3px #58a6ff26;background:#21262d}.button-group{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;align-items:center;width:100%}.button-group button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;background:linear-gradient(135deg,#5c96d1,#071d7f);color:#fff;font-size:.9rem;cursor:pointer;transition:all .3s ease;font-weight:500;white-space:nowrap}.button-group button:hover:not(:disabled){background:linear-gradient(135deg,#17a6d6,#1022ac);border-color:#8b3ed3;box-shadow:0 4px 12px #8b3ed34d}.button-group button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.button-group button.danger{background:linear-gradient(135deg,#dc3545,#c82333);border-color:#dc3545}.button-group button.danger:hover:not(:disabled){background:linear-gradient(135deg,#c82333,#bd2130)}.placeholder{text-align:center;padding:3rem 2rem;background:#ffffff0d;border-radius:1rem;border:2px dashed rgba(255,255,255,.2);margin:2rem 0;transition:all .3s ease}.placeholder:hover{background:#ffffff14;border-color:#8b3ed366}.placeholder p{font-size:1.2rem;color:#72dcf7;margin:0 0 .5rem;font-weight:600}.placeholder small{color:#fff9;font-size:.9rem;font-style:italic}.linked-list-display{display:flex;flex-wrap:wrap;gap:1rem;margin:2rem 0;align-items:center;justify-content:center;min-height:120px;padding:2rem;background:#161b2280;border-radius:1rem;border:2px dashed rgba(255,255,255,.2);width:100%;box-sizing:border-box}.placeholder{text-align:center;color:#7d8590;padding:2rem;background:#161b2280;border-radius:1rem;border:2px dashed rgba(255,255,255,.2);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;width:100%;box-sizing:border-box}.placeholder p{font-size:1.2rem;color:#79d8f6;margin:0 0 .5rem;font-weight:600}.placeholder small{color:#fff9;font-size:.9rem;font-style:italic;margin:0}.node-container{display:flex;align-items:center;animation:fadeInScale .5s ease-out;margin:.5rem 0}.node{background:linear-gradient(135deg,#4a3f6e,#8b3ed3);border:2px solid #8b3ed3;border-radius:12px;padding:1rem;color:#fff;box-shadow:0 4px 20px #19aaf2f2;transition:all .3s ease;min-width:140px;text-align:center;display:flex;flex-direction:column;gap:.25rem}.node:hover{box-shadow:0 8px 25px #19a0cef7}.node-active{background:linear-gradient(135deg,#8b3ed3,#f561f5);border-color:#f561f5}.node-inactive{background:#161b22cc;border-color:#fff3;color:#7d8590}.pointer-left,.pointer-right{margin:0 .75rem;color:#58a6ff;font-size:1.2rem;animation:pulse 2s ease-in-out infinite;background:transparent!important;border:none!important;box-shadow:none!important;display:flex;align-items:center;justify-content:center;z-index:10;padding:0;outline:none}.node-address{font-family:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.75rem;color:#ffffffb3;margin-bottom:.5rem;font-weight:500}.node-data{font-weight:700;font-size:1.1rem;margin-bottom:.5rem;color:#fff}.node-pointers{font-family:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.7rem;color:#fff9;line-height:1.3}.node-pointers div{margin:.1rem 0}.node-status{font-size:.7rem;margin-top:.5rem;font-weight:500}.memory-section{margin:2rem 0;width:100%}.memory-section h3{color:#90dffb;margin-bottom:1rem;font-size:1.2rem}.memory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;margin:1rem 0 2rem;padding:1rem;background:#161b224d;border-radius:.5rem;border:1px solid rgba(255,255,255,.1);width:100%;box-sizing:border-box}.memory-leak-warning{background:#ff453a33;border:1px solid rgba(255,69,58,.5);border-radius:.5rem;padding:1rem;margin:1rem 0;color:#ff453a;display:flex;align-items:center;gap:.5rem;animation:flashWarning 2s ease-in-out infinite}.debug-section{margin:2rem 0;padding:1.5rem;background:#161b2299;border-radius:.75rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0003;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.debug-section h3{color:#90dffb;margin:0 0 1.5rem;font-size:1.2rem;font-weight:700;padding-bottom:.5rem;border-bottom:2px solid rgba(144,223,251,.2)}.debug-content{display:flex;flex-direction:column;gap:1.5rem}.debug-subsection{padding:1rem;background:#ffffff08;border-radius:.5rem;border:1px solid rgba(255,255,255,.08)}.debug-subsection h4{color:#c9d1d9;margin:0 0 1rem;font-size:1rem;font-weight:600;font-family:Rajdhani,monospace}.debug-items{display:flex;flex-direction:column;gap:.5rem;font-family:Courier New,monospace;font-size:.9rem}.debug-item{display:flex;align-items:center;gap:1rem;padding:.5rem;background:#ffffff0d;border-radius:.25rem;border-left:3px solid rgba(168,168,255,.5);transition:all .2s ease}.debug-item:hover{background:#ffffff14;border-left-color:#a8a8ff;transform:translate(2px)}.debug-index{color:#f97583;font-weight:700;min-width:2rem}.debug-data{color:#79c0ff;min-width:6rem}.debug-memory{color:#a5a5a5;min-width:8rem}.debug-next{color:#85e89d}.debug-traversal{padding:1rem;background:#ffffff0d;border-radius:.5rem;border:1px solid rgba(255,255,255,.1)}.debug-path{font-family:Courier New,monospace;font-size:1rem;color:#c9d1d9;padding:.75rem;background:#161b22cc;border-radius:.25rem;border-left:4px solid #79c0ff;letter-spacing:.5px;word-spacing:.25rem}.debug-error{color:#ff7b72;font-family:Courier New,monospace;font-size:.9rem;padding:.5rem;background:#ff7b721a;border-radius:.25rem;border-left:4px solid #ff7b72}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes flashWarning{0%,to{opacity:.8}50%{opacity:1;box-shadow:0 0 20px #ff453a80}}@keyframes twinkling{0%{transform:translate(0) scale(1);opacity:.2}20%{opacity:.8}80%{opacity:.4}to{transform:translate(150px,-150px) scale(.2);opacity:0}}.monaco-editor .scrollbar .slider{background:#80808080!important;border-radius:4px!important}.monaco-editor .scrollbar .slider:hover{background:#808080b3!important}.monaco-editor .scrollbar,.monaco-editor .scrollbar .slider{width:6px!important}.editable-code-section .monaco-editor,.editable-code-section .monaco-editor-background,.editable-code-section .monaco-editor .margin{background-color:#1e1e1e!important}.highlighted-code-display pre::-webkit-scrollbar{width:6px!important;height:6px!important}.highlighted-code-display pre::-webkit-scrollbar-track{background:#161b2280!important;border-radius:4px!important}.highlighted-code-display pre::-webkit-scrollbar-thumb{background:#80808080!important;border-radius:4px!important}.highlighted-code-display pre::-webkit-scrollbar-thumb:hover{background:#808080b3!important}.code-info{padding:1rem;background:#161b22cc;border-radius:8px;margin-bottom:1rem;border:1px solid rgba(255,255,255,.1)}.code-info p{margin:0;color:#c9d1d9;font-size:.9rem;line-height:1.5}.code-legend{display:flex;gap:2rem;padding:1rem;background:#161b2299;border-radius:8px;margin-top:1rem;border:1px solid rgba(255,255,255,.1)}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#c9d1d9}.legend-highlight{width:20px;height:12px;background:#58a6ff4d;border-radius:2px;border:1px solid rgba(88,166,255,.5)}.legend-normal{width:20px;height:12px;background:#161b22cc;border-radius:2px;border:1px solid rgba(255,255,255,.2)}.code-actions{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#161b2299;border-radius:8px;margin-top:1rem;border:1px solid rgba(255,255,255,.1)}.action-button{background:linear-gradient(135deg,#238636,#2ea043);color:#fff;border:none;padding:.7rem 1.5rem;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.action-button:hover{background:linear-gradient(135deg,#2ea043,#238636);transform:translateY(-2px);box-shadow:0 4px 12px #2ea0434d}.action-button:active{transform:translateY(0)}.code-info-inline{color:#7d8590;font-size:.8rem}.explanation-section{margin:2rem 0;padding:1.5rem;background:#161b22cc;border-radius:12px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.explanation-section h3{color:#58a6ff;margin:0 0 1rem;font-size:1.4rem;font-weight:700;display:flex;align-items:center;gap:.5rem;transition:color .3s ease}.explanation-section h3:hover{color:#79c0ff}.explanation-section h4{color:#f0f6fc;margin:1.5rem 0 .8rem;font-size:1.1rem;font-weight:600;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.explanation-section h5{color:#ffa657;margin:1rem 0 .5rem;font-size:1rem;font-weight:600}.explanation-section p{color:#c9d1d9;line-height:1.7;margin:.8rem 0}.explanation-section ul{color:#c9d1d9;padding-left:1.5rem;margin:.8rem 0}.explanation-section li{margin:.5rem 0;line-height:1.6}.explanation-section strong{color:#ffa657;font-weight:600}.code-example{background:#161b22;border:1px solid #30363d;border-radius:8px;padding:1rem;margin:1rem 0;overflow-x:auto}.code-example pre{margin:0;color:#c9d1d9;font-family:Fira Code,Courier New,monospace;font-size:.9rem;line-height:1.5}.operations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:1.5rem 0}.operation{background:#0d1117cc;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1.5rem}.operation h5{color:#58a6ff;margin:0 0 1rem;font-size:1rem;font-weight:600}.operation ol{color:#c9d1d9;padding-left:1.2rem;margin:0}.operation li{margin:.4rem 0;line-height:1.5}.sorting-container{display:flex;flex-direction:column;height:100vh;width:100%;font-family:JetBrains Mono,monospace;background-color:#0d1117;color:#c9d1d9;position:relative}.app-header{padding:1rem;display:flex;align-items:center;border-bottom:1px solid #30363d;background-color:#0d1117cc;position:relative;z-index:10}.home-button span{margin:0}.sorting-content{display:flex;flex:1;overflow:hidden;position:relative}.sorting-content{flex-direction:row;padding:0;height:calc(100vh - 64px);flex:1;overflow:hidden}.code-panel-toggle{display:flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:3px;color:#58a6ff;background-color:#388bfd1a;border:1px solid rgba(56,139,253,.3);cursor:pointer;transition:all .2s ease;width:fit-content}.code-panel-toggle:hover{background-color:#388bfd33}.code-panel-toggle.active{background-color:#388bfd4d}.code-panel{width:400px;max-width:400px;height:100%;background-color:#0d1117;border-right:1px solid #30363d;overflow-y:auto;position:relative;transition:width .3s ease;padding:1rem 1rem 1rem 1.5rem;overflow-x:hidden;display:flex;flex-direction:column;gap:1rem}.code-panel h3{margin-top:0;margin-bottom:0;color:#58a6ff;flex-shrink:0}.algorithm-info{margin-bottom:0;flex-shrink:0}.step-display{display:flex;flex-direction:column;gap:.5rem;flex:1;min-height:0;margin-top:0;justify-content:flex-start}.step-display h4{margin:0 0 .5rem;color:#8b949e;font-size:.9rem;flex-shrink:0}.step-description{background-color:#0d1117;padding:1rem;border-radius:6px;color:#e6edf3;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.9rem;line-height:1.5;border:1px solid #30363d;min-height:80px;display:flex;align-items:flex-start;margin-bottom:0;flex-shrink:0}.step-description.active-step{border-color:#58a6ff;background-color:#388bfd1a;animation:highlight-step 1s infinite alternate}@keyframes highlight-step{0%{box-shadow:0 0 #58a6ff1a}to{box-shadow:0 0 8px #58a6ff66}}.algorithm-code{background-color:#0d1117;padding:.5rem .5rem .5rem 1rem;border-radius:6px;color:#e6edf3;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.8rem;line-height:1.5;white-space:pre-wrap;border:1px solid #30363d;position:relative;box-shadow:inset 0 0 10px #0003;background-image:linear-gradient(to right,#0d1117,#10151d);margin-bottom:0;display:flex;flex:1;height:auto;overflow:visible;min-height:300px;width:calc(100% - 10px)}.algorithm-code .keyword{color:#ff7b72}.algorithm-code .function{color:#d2a8ff}.algorithm-code .variable{color:#79c0ff}.algorithm-code .comment{color:#8b949e}.algorithm-code .number{color:#f0883e}.algorithm-code .string{color:#7ee787}.algorithm-code .operator{color:#ff7b72}.algorithm-code .code-line{padding:0 1rem 0 .5rem;transition:background-color .3s ease;position:relative;display:block;width:100%}.algorithm-code .highlight-line{background-color:#58a6ff26;display:block;margin-left:-.5rem;margin-right:-.5rem;padding-left:.5rem;border-left:3px solid #58a6ff;animation:pulse 2s infinite;position:relative}.algorithm-code .highlight-line:after{content:"→";position:absolute;right:.5rem;color:#58a6ff;animation:blink 1s infinite}@keyframes pulse{0%{background-color:#58a6ff1a}50%{background-color:#58a6ff40}to{background-color:#58a6ff1a}}@keyframes blink{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.sorting-controls{background-color:#161b22;border-radius:8px;padding:1.5rem;box-shadow:0 4px 12px #00000026;z-index:5;display:flex;flex-direction:column;flex:1;overflow:auto}.algorithm-code-container{background-color:#161b22;border-radius:6px;padding:1rem;margin-top:1rem;border:1px solid #30363d;display:flex;flex-direction:column;flex:1;min-height:300px;overflow:hidden;height:auto;position:relative}.algorithm-code-container h4{margin-top:0;margin-bottom:.75rem;color:#8b949e;font-size:.9rem}.with-code-panel .sorting-controls{border-radius:0 8px 0 0;margin:0}.control-group{display:flex;gap:.75rem;margin-bottom:1.25rem;flex-wrap:wrap;align-items:center}.control-button{display:inline-flex!important;align-items:center!important;flex-shrink:0;justify-content:center;gap:6px;background-color:#86b3f1!important;color:#0c0c0c!important;border:1px solid #30363d;padding:8px 12px;font-family:JetBrains Mono,monospace;font-size:.875rem;font-weight:500;border-radius:3px!important;cursor:pointer!important;transition:all .2s ease-in-out!important;text-decoration:none!important;white-space:nowrap!important;min-width:auto!important;width:fit-content!important}.control-button:hover:not(:disabled){background-color:#30363d;border-color:#444c56;box-shadow:0 2px 4px #0000001a}.control-button:active:not(:disabled){background-color:#2a2f36;transform:translateY(0);box-shadow:none}.control-button:disabled{opacity:.5;cursor:not-allowed;background-color:#21262d}.control-button svg{width:16px;height:16px}.sort-button{background-color:#238636;border-color:#2ea043;color:#fff;font-weight:600}.sort-button:hover:not(:disabled){background-color:#2ea043;border-color:#3fb950}.sort-button:active:not(:disabled){background-color:#21732f}.custom-input-container{display:flex;align-items:center;gap:.5rem;flex-grow:1}.custom-input-field{flex-grow:1;padding:10px 12px;background-color:#0d1117;border:1px solid #30363d;border-radius:6px;color:#c9d1d9;font-family:JetBrains Mono,monospace;font-size:.875rem;min-width:200px}.custom-input-field:focus{outline:none;border-color:#58a6ff;box-shadow:0 0 0 2px #58a6ff33}.apply-input-button{background-color:#1f6feb;border-color:#388bfd;color:#fff}.apply-input-button:hover:not(:disabled){background-color:#388bfd;border-color:#58a6ff}.cancel-input-button{background-color:#6e7681;border-color:#8b949e;color:#fff}.cancel-input-button:hover:not(:disabled){background-color:#8b949e;border-color:#acb5bf}.dropdown-toggle{background-color:#21262d}.dropdown-toggle:hover:not(:disabled){background-color:#30363d}.dropdown-toggle.active{background-color:#30363d;border-color:#58a6ff}.algorithm-dropdown{position:relative}.algorithm-dropdown-content{position:absolute;top:calc(100% + 6px);left:0;background-color:#161b22;border:1px solid #30363d;border-radius:6px;width:max-content;min-width:200px;z-index:100;box-shadow:0 8px 24px #0003;padding:.5rem 0;opacity:0;transform:translateY(5px);visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s}.algorithm-dropdown:hover .algorithm-dropdown-content,.algorithm-dropdown .dropdown-toggle.active+.algorithm-dropdown-content{opacity:1;transform:translateY(0);visibility:visible}.algorithm-dropdown-content button{width:100%;text-align:left;padding:8px 12px;background-color:transparent;border:none;color:#c9d1d9;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:.875rem;transition:background-color .15s ease,color .15s ease;display:block;border-radius:2px}.algorithm-dropdown-content button:hover{background-color:#58a6ff;color:#fff}.algorithm-dropdown-content button.active-algorithm{background-color:#58a6ff26;color:#58a6ff;font-weight:600}.sliders{display:flex;gap:2rem}.slider-container{flex:1;display:flex;flex-direction:column;gap:.5rem}.slider-container label{font-size:.9rem;color:#8b949e}.slider-container input[type=range]{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:6px;background:#30363d;border-radius:3px;outline:none}.slider-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:#58a6ff;border-radius:50%;cursor:pointer;transition:all .2s ease}.slider-container input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider-container input[type=range]:disabled{opacity:.6}.sorting-error{padding:.75rem;background-color:#f851491a;border:1px solid #f85149;color:#f85149;border-radius:6px;font-size:.9rem;margin-top:1rem}.sorting-visualization-container{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#161b22;border-radius:8px;padding:2rem;box-shadow:0 4px 12px #00000026;min-height:400px;overflow:hidden;position:relative}.with-code-panel .sorting-visualization-container{border-radius:0}.algorithm-info-panel{position:absolute;top:1rem;left:1rem;background-color:#161b22e6;border:1px solid #30363d;border-radius:8px;padding:1.25rem;width:300px;max-width:calc(100% - 2rem);box-shadow:0 4px 12px #0003;z-index:10}.algorithm-info-panel h3{margin:0 0 1rem;color:#58a6ff;font-size:1.2rem}.algorithm-metrics{margin-bottom:0}.metric{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem}.metric-label{color:#8b949e}.metric-value{color:#c9d1d9;font-weight:600}.algorithm-description{font-size:.9rem;line-height:1.5;margin:0 0 1rem}.info-toggle-button{background-color:#388bfd1a;border:1px solid rgba(56,139,253,.3);color:#58a6ff;padding:8px 12px;font-size:.8rem;border-radius:3px;cursor:pointer;width:100%;transition:all .2s ease}.info-toggle-button:hover{background-color:#388bfd33}.algorithm-details{margin-top:1rem;padding-top:1rem;border-top:1px solid #30363d;font-size:.85rem;line-height:1.5;color:#8b949e;overflow:hidden}.algorithm-details-container{display:flex;flex-direction:column;gap:1rem;margin-top:1rem;flex:1;min-height:0;overflow-y:auto}.algorithm-description{font-size:.9rem;line-height:1.5;color:#e6edf3;margin:0;padding:1rem;background-color:#388bfd0d;border:1px solid rgba(56,139,253,.2);border-radius:6px}.bars{display:flex;align-items:flex-end;justify-content:center;gap:2px;width:100%;height:100%;min-height:300px}.bar{display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8rem;font-weight:600;width:40px;background-color:#5bc9b1;border-radius:3px 3px 0 0;transition:background-color .3s}.bar-sorted{background-color:#b979ec}.bar-swap{background-color:#57a846}.bar-min{background-color:#f85149}.floating-orb{position:fixed;border-radius:50%;filter:blur(80px);z-index:-1;opacity:.6}.orb-1{width:400px;height:400px;background:#5bc9b133;top:10%;left:10%}.orb-2{width:500px;height:500px;background:#b979ec33;bottom:5%;right:5%}@media (max-width: 768px){.sorting-content{padding:.5rem;gap:.5rem}.sorting-controls{padding:1rem}.control-group{flex-direction:column;gap:.5rem}.sliders{flex-direction:column;gap:1rem}.bar{width:20px;font-size:.7rem}}@media (max-width: 1200px){.code-panel{width:300px;max-width:300px}}@media (max-width: 992px){.sorting-content{flex-direction:column}.code-panel{width:100%;max-width:100%;height:auto;border-right:none;border-bottom:1px solid #30363d}}.sorting-container.animating .control-button:not(.sort-button),.sorting-container.animating .slider-container input{opacity:.5;pointer-events:none}.tree-app{min-height:100vh;background:#0d1117;color:#c9d1d9;font-family:Rajdhani,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;display:flex;flex-direction:column;overflow:hidden}.tree-app:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 10% 20%,rgba(255,255,255,.03) 1px,transparent 1px),radial-gradient(circle at 30% 40%,rgba(255,255,255,.02) 1px,transparent 1px);background-size:50px 50px,70px 70px;animation:twinkling 100s linear infinite;pointer-events:none;z-index:0}.header{padding:2rem;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(255,255,255,.1);background:#0d1117cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:10;min-height:80px}.home-btn{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:16px;font-weight:600;padding:10px 20px;border-radius:12px;background:linear-gradient(135deg,#a8a8ff66,#58a6ff66);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 15px #0003;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:absolute;left:24px;top:50%;transform:translateY(-50%);z-index:10}.home-btn:hover{background:linear-gradient(135deg,#a8a8ff80,#58a6ff80);border-color:#ffffff40;box-shadow:0 8px 20px #a8a8ff4d}.home-btn:active{transform:translateY(-50%) scale(.98);box-shadow:0 2px 10px #a8a8ff33}.home-btn svg{transition:transform .3s ease}.home-btn:hover svg{transform:translate(-3px)}.header h1{font-size:2.5rem;font-weight:900;margin:0;background:linear-gradient(90deg,#a8a8ff,#58a6ff,#86c2ff,#61b7f5,#91d1ef);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:waveGradient 5s ease infinite;will-change:background-position}.panel h2{font-size:1.8rem;font-weight:700;margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:2px solid rgba(255,255,255,.1);color:#84d8f1}.split-view .panel{flex:1 1 50%!important;width:50%!important;max-width:50%!important;min-width:0!important;box-sizing:border-box!important}.split-view .panel.code-panel,.split-view .panel.viz-panel{flex:1 1 50%!important;width:50%!important;max-width:50%!important}.controls{background:linear-gradient(135deg,#161b22e6,#0d1117cc);border-radius:12px;padding:2rem;border:1px solid rgba(88,166,255,.2);flex-shrink:0;box-shadow:0 4px 20px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.input-group,.action-group{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap;justify-content:center;align-items:center}.number-input{flex:1;min-width:150px;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#161b22cc;color:#c9d1d9;font-size:16px;font-family:inherit;transition:all .3s ease}.number-input:focus{outline:none;border-color:#a855f7;box-shadow:0 0 0 3px #a855f733;background:#161b22}.number-input::placeholder{color:#c9d1d999}.btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:1px solid rgba(21,113,156,.2);border-radius:.5rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap;font-family:inherit;position:relative;overflow:hidden}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn:hover:not(:disabled):before{left:100%}.btn-primary{background:linear-gradient(135deg,#8e9ef1,#3e90d3);color:#fff;border-color:#56ccf3}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#3e70d3,#61dcf5);border-color:#8b3ed3;box-shadow:0 4px 12px #8b3ed34d}.btn-secondary{background:linear-gradient(135deg,#45afbd,#3e8dd3);color:#fff;border-color:#3e9ad3}.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#3e95d3,#61a6f5);border-color:#3e88d3;box-shadow:0 4px 12px #8b3ed34d}.btn-danger{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border-color:#dc3545}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#c82333,#bd2130);box-shadow:0 4px 12px #dc35454d}.btn-info{background:linear-gradient(135deg,#3f5d6e,#3e5cd3);color:#fff;border-color:#3e75d3}.btn-info:hover:not(:disabled){background:linear-gradient(135deg,#3e7fd3,#61dcf5);box-shadow:0 4px 12px #3e7fd34d}.btn-warning{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border-color:#dc3545}.btn-warning:hover:not(:disabled){background:linear-gradient(135deg,#c82333,#bd2130);box-shadow:0 4px 12px #dc35454d}.animation-controls{margin-top:1rem;padding:1rem;background:#161b2266;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.playback-controls{display:flex;gap:.5rem;margin-bottom:1rem;justify-content:center}.btn-control{padding:.5rem;background:#a855f733;border:1px solid rgba(168,85,247,.3);color:#a855f7;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.btn-control:hover:not(:disabled){background:#a855f74d;border-color:#a855f7}.progress-info{text-align:center;color:#a8a8ff;font-weight:600;margin-bottom:1rem}.speed-control{display:flex;align-items:center;gap:1rem;justify-content:center}.speed-control label{color:#c9d1d9;font-weight:600}.speed-slider{flex:1;max-width:200px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:#fff3;border-radius:2px;outline:none}.speed-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:#a855f7;border-radius:50%;cursor:pointer}.speed-slider::-moz-range-thumb{width:16px;height:16px;background:#a855f7;border-radius:50%;cursor:pointer;border:none}.message{margin:1.5rem 0;padding:1.5rem;background:linear-gradient(135deg,#10a37f26,#2386361a);border:2px solid rgba(16,163,127,.4);border-radius:12px;color:#10a37f;font-size:15px;text-align:center;font-weight:600;animation:fadeInSlide .4s ease;box-shadow:0 4px 15px #10a37f1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(-15px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.tree-display{flex:1;background:linear-gradient(135deg,#161b22cc,#0d1117e6);border-radius:12px;border:2px solid rgba(88,166,255,.2);overflow:hidden;position:relative;min-height:500px;max-height:700px;width:100%;padding:20px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a}.tree-display:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#58a6ff1a,#a8a8ff1a,#b486ff1a);border-radius:12px;z-index:-1;opacity:.7}.tree-svg{display:block;margin:0 auto;width:auto;height:auto;max-width:100%}.empty-tree{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#c9d1d999;text-align:center;padding:4rem;height:100%}.empty-tree p{margin:.5rem 0;font-size:1.1rem}.empty-tree p:first-child{font-size:1.3rem;font-weight:700;color:#a8ceff}.tree-node{transition:all .3s ease}.node-circle{transition:fill .3s ease,stroke .3s ease}.node-text{font-family:Rajdhani,sans-serif;font-weight:700;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:16px;transition:all .3s ease}.tree-edge{transition:stroke .3s ease,stroke-width .3s ease;stroke-linecap:round}.tree-edge.highlighted{stroke:#a855f7;stroke-width:4}.message.warning{background:linear-gradient(135deg,#f8514926,#da36331a);border:2px solid rgba(248,81,73,.4);color:#f85149;box-shadow:0 4px 15px #f851491a}@media (max-width: 1200px){.split-view{flex-direction:column;height:auto;min-height:calc(100vh - 140px)}.panel{width:100%;min-height:50vh}.header h1{font-size:2rem}.tree-display{min-height:300px;max-height:400px}}@media (max-width: 768px){.header{padding:1rem}.split-view{padding:1rem;gap:1rem}.panel{padding:1rem}.header h1{font-size:1.5rem}.input-group,.action-group{flex-direction:column}.btn{justify-content:center}.number-input{min-width:100%}}@media (max-width: 480px){.home-btn{position:static;transform:none;margin-bottom:1rem}.header{flex-direction:column;align-items:center;text-align:center}}.traversal-group{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap;justify-content:center;align-items:center;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.1)}.traversal-result-bar{display:flex;gap:10px;margin:16px 0 8px;justify-content:center}.traversal-block{background:#222;color:#fff;border-radius:6px;padding:8px 16px;font-weight:700;font-size:1.1rem;box-shadow:0 2px 6px #00000026;border:2px solid #58a6ff;transition:background .2s}.pathfinding-container{width:100%;height:100vh;background-color:#100e1a;display:flex;flex-direction:column;overflow:hidden}.pathfinding-header{flex-shrink:0;min-height:80px;padding:1rem;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #30363d;background-color:#0d1117cc;position:relative;z-index:10}.pathfinding-header .home-button{display:flex;align-items:center;gap:6px;padding:10px 16px;background-color:#fff;border:2px solid #e1e5e9;border-radius:3px;color:#24292f;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s ease;box-shadow:0 1px 3px #0000001a;width:fit-content;position:absolute;left:20px;top:50%;z-index:10}.pathfinding-header .home-button span{margin:0}.pathfinding-header .home-button:hover{background-color:#f6f8fa;border-color:#d0d7de;color:#0969da}.pathfinding-header h1{font-size:2rem;font-weight:700;margin:0;color:#c9d1d9;text-align:center;flex:1;background:linear-gradient(90deg,#9c4ddd,#8b3ed3,#b286ff,#f561f5,#d891ef);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:waveGradient 5s ease infinite;will-change:background-position}.pathfinding-header .control-buttons{position:absolute;right:20px;top:50%;transform:translateY(-50%);display:flex;gap:10px;align-items:center}.pathfinding-header select{padding:8px 12px;background-color:#21262d;color:#c9d1d9;border:1px solid #30363d;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease}.pathfinding-header select:hover{border-color:#58a6ff}.pathfinding-header select:focus{outline:none;border-color:#58a6ff;box-shadow:0 0 0 3px #58a6ff4d}.pathfinding-header button{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.pathfinding-header .clear-btn{background-color:#dc3545;color:#fff}.pathfinding-header .clear-btn:hover{background-color:#c82333}.pathfinding-header .instructions-btn{background-color:#6e7681;color:#fff}.pathfinding-header .instructions-btn:hover{background-color:#8b949e}.pathfinding-header .find-path-btn{background-color:#238636;color:#fff;font-weight:600}.pathfinding-header .find-path-btn:hover{background-color:#2ea043}@media screen and (max-width: 1200px){.pathfinding-header .control-buttons{gap:8px}.pathfinding-header button{padding:6px 12px;font-size:13px}.pathfinding-header select{padding:6px 10px;font-size:13px}.pathfinding-header h1{font-size:1.8rem}}@media screen and (max-width: 768px){.pathfinding-header{min-height:100px;flex-direction:column;justify-content:center;padding:10px}.pathfinding-header .home-button{position:static;transform:none;margin-bottom:10px}.pathfinding-header h1{font-size:1.5rem;margin-bottom:10px}.pathfinding-header .control-buttons{position:static;transform:none;flex-wrap:wrap;justify-content:center;gap:6px}.pathfinding-header button,.pathfinding-header select{font-size:12px;padding:6px 10px}}@media screen and (max-width: 480px){.pathfinding-header{min-height:120px}.pathfinding-header .control-buttons{flex-direction:column;width:100%;max-width:300px}.pathfinding-header button,.pathfinding-header select{width:100%;text-align:center}.pathfinding-header .instructions-btn{min-width:auto;width:100%;height:45px;padding:10px 20px;font-size:14px;justify-content:center}.pathfinding-header h1{font-size:1.3rem}}.pathfinding-stats{flex-shrink:0;min-height:80px}.pathfinding-grid-container{flex:1;position:relative;display:flex;align-items:center;justify-content:center;padding:15px;min-height:400px;overflow:hidden}table{position:relative;z-index:0;border-collapse:collapse;table-layout:fixed;width:85vw;height:75vh;max-width:1400px;max-height:750px;min-width:700px;min-height:450px}td{border:1px solid #5bc9b1;padding:0;border-collapse:collapse;width:auto;height:auto;min-width:20px;min-height:20px;cursor:pointer}tr{display:table-row;vertical-align:inherit;border-color:inherit;margin:0;padding:0}.node_start,.node_end{background-color:transparent;position:relative}.node-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;z-index:2}.node_wall{background-color:transparent;position:relative}.wall-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:2}.node_{background-color:transparent}@keyframes pulse{0%{background-color:gray}to{background-color:#8a918a}}.node_visited{background-color:#0400ff80;animation-name:visited;animation-duration:2s;animation-iteration-count:1;animation-direction:alternate}@keyframes visited{0%{transform:scale(.3);background-color:#ff00bf80;border-radius:100%}50%{background-color:#ff00bf80}75%{transform:scale(1.2);background-color:#0400ff80}to{transform:scale(1);background-color:#0400ff80}}.node_path{background-color:#adff2f;animation-name:path_anime;animation-duration:2s;animation-timing-function:ease-out;animation-delay:0;animation-direction:alternate;animation-fill-mode:none;animation-play-state:running}@keyframes path_anime{0%{transform:scale(.3);background-color:red;border-radius:100%}50%{background-color:orange}to{transform:scale(1);background-color:#ff0}}.chat-container{display:flex;flex-direction:column;align-items:center}.chat-btn{height:55px;width:auto;min-width:120px;padding:0 25px 0 15px;display:flex;align-items:center;justify-content:flex-start;gap:20px;font-size:1rem;color:#fff;background:linear-gradient(135deg,#58a6ff,#4a9eff);border:2px solid rgba(255,255,255,.2);border-radius:28px;position:fixed;bottom:20px;right:20px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #58a6ff4d;display:none;z-index:100;animation:infoButtonAppear .5s ease-out;font-weight:500;letter-spacing:.3px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@keyframes infoButtonAppear{0%{transform:scale(.8) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.chat-btn:hover{box-shadow:0 8px 25px #58a6ff80;background:linear-gradient(135deg,#4a9eff,#58a6ff)}.chat-btn svg{font-size:1.2rem;flex-shrink:0;width:1.2rem;height:1.2rem;margin-right:8px}.chat-btn:focus{animation:shadow-pulse 1s infinite;outline:none}@keyframes shadow-pulse{0%{box-shadow:0 0 #343a40}to{box-shadow:0 0 0 20px #825aa400}}.chat-body{height:auto;width:auto;min-width:10vw;background:#343a40;position:absolute;bottom:60px;right:60px;box-shadow:4px 4px 4px gray;border-radius:8px;color:#000;padding:8px;margin-left:10px}.chat-body .chat-head{background:#343a40;padding:10px;height:20px;font-family:verdana}.progress2{border-radius:30px;background-color:gray}.progress-bar2{height:5px;border-radius:30px;transition:.4s linear;transition-property:width,background-color}.progress-moved .progress-bar2{background-color:#f3c623;animation:progress 5s 1}@keyframes progress{0%{width:0%;background:#f9bcca}60%{background:#f3c623;box-shadow:0 0 40px #f3c623}}.progress-text{color:#000}.progress-text:hover .comment{display:block}.progress-text:hover .span-text,.comment{display:none}.info-title{font-size:2.125rem;font-weight:400;line-height:1.235}.modal{display:block;position:fixed;z-index:100;left:0;top:0;width:100%;height:100%;background-color:#000000b3}.modal-content{background-color:#1a1a2e;color:#fff;margin:10% auto;padding:20px;border:1px solid #5bc9b1;width:80%;max-width:600px;border-radius:8px;box-shadow:0 0 20px #5bc9b180}.modal h3{margin-top:0;color:#5bc9b1}.modal img{width:100%;border-radius:4px;margin-bottom:15px}.modal button{background-color:#2a623d;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.modal button:hover{background-color:#4a3f6e}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width: 1200px){table{width:90vw;max-width:1200px}}@media (max-width: 768px){.pathfinding-header{padding:10px 15px;flex-wrap:wrap;min-height:80px}.pathfinding-header h1{font-size:1.2rem}.pathfinding-stats{padding:10px;min-height:70px}table{width:95vw;height:70vh;min-width:300px;min-height:300px}td{min-width:15px;min-height:15px}}@media (max-width: 480px){.pathfinding-grid-container{padding:10px}table{width:98vw;height:65vh}td{min-width:12px;min-height:12px}}.quiz-container{min-height:100vh;background:linear-gradient(135deg,#0d1117,#161b22);color:#e6edf3;position:relative;overflow-x:hidden}.quiz-bg-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.08) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(139,92,246,.06) 0%,transparent 50%);pointer-events:none;z-index:0}.quiz-header{display:flex;align-items:center;justify-content:center;padding:1.5rem 2rem;background:#161b22cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #30363d;position:relative;top:0;z-index:100;flex-direction:column}.home-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:8px;color:#8b5cf6;text-decoration:none;font-weight:500;transition:all .3s ease}.home-button:hover{background:#8b5cf633;border-color:#8b5cf680;color:#a78bfa}.quiz-info{text-align:center;flex:1;min-width:0}.quiz-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background:#161b22cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #30363d;position:relative;top:0;z-index:100;gap:1rem}.question-grid{display:grid;grid-template-columns:repeat(4,minmax(40px,1fr))!important;gap:.5rem;margin-bottom:1.5rem;max-width:100%}.quiz-info h1{font-size:1.5rem;font-weight:600;margin:0;color:#e6edf3}.quiz-meta{display:flex;align-items:center;gap:1rem;margin-top:.5rem;font-size:.9rem;color:#7d8590}.question-counter{display:flex;align-items:center;gap:.5rem}.quiz-mode{padding:.25rem .75rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:12px;color:#8b5cf6;font-size:.8rem;font-weight:500}.submit-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #8b5cf64d}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.submit-button:disabled{opacity:.6;cursor:not-allowed}.progress-bar-container{padding:1rem 2rem;background:#0d1117b3;border-bottom:1px solid #30363d}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.9rem}.progress-text{color:#e6edf3;font-weight:500}.answered-text{color:#7d8590}.progress-bar-wrapper{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.progress-bar-bg{flex:1;height:8px;background:#21262d;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:4px;transition:width .5s ease}.progress-percentage{color:#8b5cf6;font-weight:600;font-size:.9rem;min-width:3rem;text-align:right}.question-indicators{display:flex;gap:.25rem;justify-content:center}.indicator{width:12px;height:4px;border-radius:2px;transition:all .3s ease}.indicator.completed{background:#8b5cf6}.indicator.current{background:#a78bfa;box-shadow:0 0 8px #8b5cf680}.indicator.upcoming{background:#30363d}.quiz-main{display:grid;grid-template-columns:1fr 300px;gap:2rem;padding:2rem;position:relative;z-index:1}.quiz-content{display:flex;flex-direction:column;gap:2rem}.question-container{width:100%}.quiz-setup{min-height:100vh;padding:2rem;position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.setup-container{max-width:1400px;width:100%;display:flex;flex-direction:column;gap:2rem}.setup-header{text-align:center;padding:2rem;background:#161b22cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #30363d;border-radius:16px;box-shadow:0 8px 32px #0000004d}.setup-header .topic-info h2{font-size:2.5rem;font-weight:700;color:#e6edf3;margin:0 0 1rem;background:linear-gradient(135deg,#8b5cf6,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.setup-header .topic-meta{display:flex;justify-content:center;align-items:center;gap:.5rem;color:#7d8590;font-size:1rem;margin-bottom:1rem}.setup-header .topic-description{color:#7d8590;line-height:1.6;font-size:1.1rem;max-width:600px;margin:0 auto}.available-questions{display:flex;align-items:center;gap:.5rem}.header-start-section{margin-top:2rem;text-align:center}.header-start-button{display:flex;align-items:center;justify-content:center;gap:1rem;margin:0 auto 1rem;padding:1.5rem 2.5rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:12px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 24px #8b5cf64d;overflow:hidden;min-width:280px}.header-start-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 32px #8b5cf666}.header-start-button:disabled{opacity:.6;cursor:not-allowed}.header-start-note{color:#7d8590;font-size:.9rem;line-height:1.5;max-width:400px;margin:0 auto}.setup-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem;min-height:0}.setup-column{display:flex;flex-direction:column;gap:1.5rem;min-height:0}.setup-right{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr 1fr;gap:1.5rem}.setup-right .quiz-preview{grid-column:1 / -1}.quiz-tips{padding-top:1.5rem;border-top:1px solid #30363d;margin-top:1.5rem}.quiz-tips h4{color:#e6edf3;font-size:1rem;font-weight:500;margin:0 0 1rem}.tips-content{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.tip-item{display:flex;align-items:center;gap:.75rem;color:#7d8590;font-size:.9rem;line-height:1.4}.tip-icon{color:#8b5cf6;font-size:.9rem;flex-shrink:0}.recommendation{background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:8px;padding:1rem}.recommendation h5{color:#8b5cf6;font-size:.9rem;font-weight:600;margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem}.recommendation p{color:#e6edf3;font-size:.85rem;line-height:1.4;margin:0}.section-card{background:#161b22cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #30363d;border-radius:16px;padding:1.5rem;box-shadow:0 8px 32px #0003;overflow:hidden}.section-title{display:flex;align-items:center;gap:.5rem;color:#e6edf3;font-size:1.2rem;font-weight:600;margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:1px solid #30363d}.section-icon{color:#8b5cf6;font-size:1.1rem}.quick-options h4,.custom-selection h4{color:#e6edf3;font-size:1rem;font-weight:500;margin:0 0 1rem}.question-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:2rem}.question-option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem .75rem;background:#0d111799;border:2px solid #30363d;border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:center;min-height:100px;justify-content:center}.question-option:hover{border-color:#8b5cf680;background:#8b5cf60d;transform:translateY(-2px)}.question-option.selected{border-color:#8b5cf6;background:#8b5cf61a;box-shadow:0 0 20px #8b5cf64d}.option-number{font-size:1.5rem;font-weight:700;color:#8b5cf6}.option-label{color:#e6edf3;font-weight:500;font-size:.9rem}.option-time{display:flex;align-items:center;gap:.3rem;color:#7d8590;font-size:.8rem}.custom-selection{padding-top:1.5rem;border-top:1px solid #30363d}.custom-input-group{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.5rem}.custom-input{width:100px;padding:.75rem;background:#0d1117cc;border:2px solid #30363d;border-radius:8px;color:#e6edf3;text-align:center;font-size:1.1rem;font-weight:600;transition:all .3s ease}.custom-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.input-suffix{color:#7d8590;font-size:1rem;font-weight:500}.custom-note{text-align:center;color:#7d8590;font-size:.85rem;margin:0}.mode-selection{padding-top:1.5rem;border-top:1px solid #30363d;margin-top:1.5rem}.mode-selection h4{color:#e6edf3;font-size:1rem;font-weight:500;margin:0 0 1rem}.mode-options{display:flex;flex-direction:column;gap:1rem}.mode-option{display:flex;align-items:center;padding:1rem;background:#0d111799;border:2px solid #30363d;border-radius:12px;cursor:pointer;transition:all .3s ease;text-align:left}.mode-option:hover{border-color:#8b5cf680;background:#8b5cf60d;transform:translateY(-1px)}.mode-option.selected{border-color:#8b5cf6;background:#8b5cf61a;box-shadow:0 0 20px #8b5cf633}.mode-content{display:flex;align-items:center;gap:1rem;width:100%}.mode-icon{color:#8b5cf6;font-size:1.2rem;flex-shrink:0}.mode-text{display:flex;flex-direction:column;gap:.25rem}.mode-title{color:#e6edf3;font-weight:600;font-size:.95rem;line-height:1}.mode-description{color:#7d8590;font-size:.85rem;line-height:1.3}.start-quiz-card{background:linear-gradient(135deg,#8b5cf61a,#8b5cf60d);border-color:#8b5cf64d}.start-quiz-content{text-align:center}.start-button{display:flex;align-items:center;justify-content:center;gap:1rem;width:100%;margin:0 0 1.5rem;padding:1.5rem 2rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:12px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 24px #8b5cf64d;overflow:hidden}.start-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 32px #8b5cf666}.start-button:disabled{opacity:.6;cursor:not-allowed}.start-icon{font-size:1.2rem;flex-shrink:0}.button-content{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.button-text{font-size:1.1rem;font-weight:600;line-height:1}.button-subtitle{font-size:.9rem;opacity:.9;font-weight:400;line-height:1}.start-note{color:#7d8590;font-size:.9rem;margin:0;line-height:1.5}.quiz-preview .preview-details{display:flex;flex-direction:column;gap:1rem}.preview-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#0d111766;border-radius:8px;color:#e6edf3}.preview-icon{color:#8b5cf6;font-size:1.1rem}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#0d111766;border:1px solid #30363d;border-radius:8px;transition:all .3s ease}.stat-card:hover{background:#8b5cf60d;border-color:#8b5cf64d}.stat-card.best-score{border-color:#8b5cf666;background:#8b5cf614}.stat-icon{color:#8b5cf6;font-size:1.2rem;flex-shrink:0}.stat-content{display:flex;flex-direction:column;min-width:0}.stat-number{font-size:1.3rem;font-weight:700;color:#e6edf3;line-height:1}.stat-label{font-size:.8rem;color:#7d8590;line-height:1}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.feature{display:flex;align-items:center;gap:.5rem;color:#7d8590;font-size:.9rem;padding:.5rem}.feature-icon{color:#8b5cf6;flex-shrink:0}@media (max-width: 1200px){.setup-grid{grid-template-columns:1fr;gap:1.5rem}.stats-grid,.features-grid{grid-template-columns:repeat(4,1fr)}.button-content{align-items:center;text-align:center}}@media (max-width: 768px){.quiz-setup{padding:1rem}.setup-header .topic-info h2{font-size:2rem}.question-options{grid-template-columns:repeat(3,1fr);gap:.75rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.features-grid{grid-template-columns:1fr}.start-button{flex-direction:column;text-align:center;gap:.5rem}.button-content{align-items:center}}@media (max-width: 480px){.setup-header .topic-info h2{font-size:1.75rem}.question-options{grid-template-columns:repeat(2,1fr)}.section-card{padding:1rem}.setup-header{padding:1.5rem}}.question-card{background:#161b22cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #30363d;border-radius:16px;padding:2rem;box-shadow:0 8px 32px #0003}.question-header{margin-bottom:1.5rem}.question-meta{display:flex;justify-content:space-between;align-items:center}.question-number{color:#8b5cf6;font-weight:600;font-size:.9rem}.difficulty-badge{display:flex;align-items:center;gap:.3rem;padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:500}.question-text h3{color:#e6edf3;font-size:1.3rem;line-height:1.5;margin:0}.options-container{display:flex;flex-direction:column;gap:.75rem;margin:2rem 0}.option{background:#0d111799;border:2px solid #30363d;border-radius:12px;padding:0;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.option:hover:not(.disabled){border-color:#8b5cf680;background:#8b5cf60d;transform:translate(4px)}.option.selected{border-color:#8b5cf6;background:#8b5cf61a}.option.correct{border-color:#10b981;background:#10b9811a}.option.incorrect{border-color:#ef4444;background:#ef44441a}.option.disabled{opacity:.7;cursor:not-allowed}.option-content{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;position:relative}.option-letter{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:50%;color:#8b5cf6;font-weight:600;font-size:.9rem;flex-shrink:0}.option.correct .option-letter{background:#10b98133;border-color:#10b981;color:#10b981}.option.incorrect .option-letter{background:#ef444433;border-color:#ef4444;color:#ef4444}.option-text{flex:1;color:#e6edf3;line-height:1.4;text-align:left}.option-icon{margin-left:auto;font-size:1.2rem}.correct-icon{color:#10b981}.incorrect-icon{color:#ef4444}.explanation-section{margin-top:2rem;padding:1.5rem;background:#0d111766;border-radius:12px;border-left:4px solid #5cb1f6}.explanation-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.explanation-icon{color:#8b5cf6}.explanation-header h4{color:#e6edf3;margin:0}.explanation-content p{color:#c9d1d9;line-height:1.6;margin:0}.answer-feedback{margin-top:1rem;padding:1rem;border-radius:8px}.feedback-message{display:flex;align-items:center;gap:.5rem;font-weight:500}.correct-feedback{color:#10b981;background:#10b9811a}.incorrect-feedback{color:#ef4444;background:#ef44441a}.code-example{margin-top:1.5rem;background:#0d111799;border-radius:8px;overflow:hidden}.code-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#161b22cc;color:#7d8590;font-size:.9rem;border-bottom:1px solid #30363d}.code-block{padding:1rem;margin:0;background:#0d1117;color:#c9d1d9;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;line-height:1.5;overflow-x:auto}.hint-section{margin-top:1.5rem}.hint-details{background:#0d11174d;border-radius:8px;overflow:hidden}.hint-summary{display:flex;align-items:center;gap:.5rem;padding:1rem;cursor:pointer;color:#7d8590;background:#161b2280;transition:all .3s ease}.hint-summary:hover{color:#8b5cf6;background:#8b5cf60d}.hint-content{padding:1rem;color:#c9d1d9;line-height:1.6;border-top:1px solid #30363d}.quiz-sidebar{position:sticky;top:120px;height:fit-content}.quiz-overview{background:#161b22cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #30363d;border-radius:16px;padding:1.5rem;box-shadow:0 8px 32px #0003}.quiz-overview h3{color:#e6edf3;margin:0 0 1rem;text-align:center;font-size:1.1rem}.question-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;margin-bottom:1.5rem}.question-bubble{width:40px;height:40px;border:2px solid #30363d;border-radius:50%;background:#0d111799;color:#7d8590;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:.9rem}.question-bubble:hover{border-color:#8b5cf680;background:#8b5cf61a;color:#8b5cf6;transform:scale(1.1)}.question-bubble.current{border-color:#8b5cf6;background:#8b5cf633;color:#8b5cf6;box-shadow:0 0 12px #8b5cf666}.question-bubble.answered{border-color:#10b981;background:#10b9811a;color:#10b981}.question-bubble.unanswered{border-color:#30363d;background:#0d111799;color:#7d8590}.quiz-stats{display:flex;flex-direction:column;gap:.75rem}.stat{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #30363d}.stat:last-child{border-bottom:none}.stat-label{color:#7d8590;font-size:.9rem}.stat-value{color:#e6edf3;font-weight:600}.quiz-navigation{background:#161b2299;border-radius:12px;padding:1.5rem;border:1px solid #30363d}.nav-buttons{display:flex;gap:1rem;margin-bottom:2rem}.nav-button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:8px;color:#8b5cf6;font-weight:500;cursor:pointer;transition:all .3s ease}.nav-button:hover:not(.disabled){background:#8b5cf633;border-color:#8b5cf680}.nav-button.disabled{opacity:.5;cursor:not-allowed}.motivational-quotes{background:#0d111766;border-radius:12px;padding:1.5rem;margin-top:1.5rem;border:1px solid rgba(139,92,246,.2)}.quote-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.quote-header h4{color:#e6edf3;margin:0;font-size:1rem;font-weight:600}.quote-icon{color:#8b5cf6;font-size:1rem}.quote-container{text-align:center}.quote-text{color:#e6edf3;font-size:.95rem;line-height:1.6;margin:0 0 1rem;font-style:italic;min-height:60px;display:flex;align-items:center;justify-content:center}.quote-progress{display:flex;align-items:center;justify-content:space-between;margin-top:1rem}.quote-dots{display:flex;gap:.5rem}.quote-dot{width:8px;height:8px;border-radius:50%;background:#30363d;transition:all .3s ease}.quote-dot.active{background:#8b5cf6;box-shadow:0 0 8px #8b5cf680}.quote-counter{color:#7d8590;font-size:.8rem}.auto-advance-info{margin-top:1rem;padding:.75rem;background:#8b5cf61a;border-radius:6px;text-align:center;color:#8b5cf6;font-size:.9rem}.last-question-indicator{margin-top:1rem;padding:.75rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:6px;color:#f59e0b;text-align:center;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9rem}.floating-actions{position:fixed;bottom:2rem;right:2rem;display:flex;flex-direction:column;gap:1rem;z-index:50}.fab{width:56px;height:56px;border-radius:50%;border:none;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #8b5cf666;transition:all .3s ease}.fab:hover:not(:disabled){transform:scale(1.1);box-shadow:0 6px 24px #8b5cf680}.fab:disabled{opacity:.5;cursor:not-allowed}.timer{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#0d111799;border:1px solid #30363d;border-radius:20px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:600}.timer-icon{color:#8b5cf6}.timer-text{color:#e6edf3;font-size:.9rem}.quiz-results{max-width:900px;margin:2rem auto;padding:2rem;position:relative;z-index:1}.results-content{background:#161b22cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #30363d;border-radius:16px;padding:2rem;box-shadow:0 8px 32px #0000004d}.results-header{text-align:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #30363d}.grade-display{margin-bottom:1.5rem}.grade-circle{width:120px;height:120px;border:4px solid;border-radius:50%;margin:0 auto 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0d111766}.grade-emoji{font-size:2rem;margin-bottom:.25rem}.grade-text{font-size:1.5rem;font-weight:700}.results-title{font-size:2rem;font-weight:700;color:#e6edf3;margin:0 0 .5rem}.topic-name{color:#8b5cf6;font-size:1.1rem;font-weight:500;margin:0 0 1rem}.test-mode-notice{color:#8b5cf6;font-size:.9rem;font-weight:500;margin:0 0 1rem;padding:.5rem 1rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:8px;text-align:center}.motivational-message{color:#7d8590;font-size:1rem;line-height:1.5;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#0d111799;border:1px solid #30363d;border-radius:12px;transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);border-color:#8b5cf64d}.stat-card.primary{border-color:#8b5cf680;background:#8b5cf61a}.stat-icon{font-size:1.5rem;color:#8b5cf6}.stat-content{display:flex;flex-direction:column}.stat-number{font-size:1.8rem;font-weight:700;color:#e6edf3;line-height:1}.performance-analysis{margin-bottom:2rem}.performance-analysis h3{color:#e6edf3;margin-bottom:1rem;text-align:center}.analysis-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.analysis-card{display:flex;gap:1rem;padding:1.5rem;background:#0d111766;border:1px solid #30363d;border-radius:12px}.analysis-icon{color:#8b5cf6;font-size:1.3rem;margin-top:.2rem;flex-shrink:0}.analysis-content h4{color:#e6edf3;margin:0 0 .5rem;font-size:1rem}.analysis-content p{color:#7d8590;margin:0;line-height:1.4}.detailed-results-section{margin-bottom:2rem}.toggle-details-btn{width:100%;padding:1rem;background:linear-gradient(135deg,#8b5cf6,#a855f7);border:none;border-radius:12px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:1.5rem}.toggle-details-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf666}.detailed-results h4{color:#e6edf3;margin:0 0 1.5rem;font-size:1.5rem;text-align:center;padding-bottom:1rem;border-bottom:1px solid #30363d}.detailed-results-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:10px}.detailed-results-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.detailed-results-container{background:linear-gradient(135deg,#0d1117,#161b22);border-radius:12px;border:1px solid #30363d;width:100vw;height:100vh;position:relative;overflow:hidden;box-shadow:0 25px 50px #000c;display:flex;flex-direction:column;max-width:100vw;max-height:100vh}.detailed-results-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:2px solid #30363d;background:linear-gradient(135deg,#8b5cf61a,#a855f70d);flex-shrink:0}.detailed-results-header h2{color:#e6edf3;margin:0;font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#8b5cf6,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.detailed-close-button{background:none;border:none;color:#7d8590;font-size:2.5rem;cursor:pointer;transition:all .2s ease;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;line-height:1}.detailed-close-button:hover{color:#e6edf3;background:#8b5cf61a;transform:scale(1.1)}.detailed-results-body{flex:1;overflow-y:auto;padding:0;background:#0d111780;width:100%;height:100%;display:flex;flex-direction:column}.detailed-results-body .quiz-results{min-height:100%;background:transparent;padding:0;flex:1;display:flex;flex-direction:column}.detailed-results-body .results-content{padding:1rem;max-width:none;margin:0;flex:1;display:flex;flex-direction:column;width:100%;height:100%;min-width:100%;min-height:100%;font-size:1.1rem;text-align:center;justify-content:flex-start;align-items:stretch;box-sizing:border-box}.detailed-results-body .results-content>*{width:100%;max-width:none;margin:0}.detailed-results-body .results-header{text-align:center;margin-bottom:3rem;padding:2rem;border-bottom:1px solid #30363d;width:100%}.detailed-results-body .stats-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;margin-bottom:3rem;padding:0 2rem}.detailed-results-body .performance-analysis{width:100%;margin-bottom:2.5rem;padding:0 2rem;text-align:left}.detailed-results-body .detailed-results-section{width:100%;padding:0 2rem;text-align:left}.detailed-results-body .results-actions{width:100%;display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;margin-top:3rem;padding:2rem 2rem 0;border-top:1px solid #30363d}.detailed-results-body .share-section{width:100%;text-align:center;margin-top:2rem;padding:0 2rem 2rem}.detailed-results-body .questions-review{display:grid;grid-template-columns:repeat(auto-fit,minmax(600px,1fr));gap:2rem;width:100%;max-width:1400px;margin:0 auto;padding:2rem 0;justify-items:center}.detailed-results-body .question-review{background:#161b22cc;border:1px solid #30363d;border-radius:12px;padding:2rem;transition:all .3s ease;width:100%;font-size:1.05rem;text-align:left}.detailed-results-body .question-review:hover{border-color:#8b5cf6;box-shadow:0 4px 20px #8b5cf633;transform:translateY(-2px)}.detailed-results-body .question-review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #30363d}.detailed-results-body .question-number{font-size:1.3rem;font-weight:700;color:#8b5cf6}.detailed-results-body .result-icon{font-size:1.5rem}.detailed-results-body .question-text{font-size:1.15rem;line-height:1.6;margin-bottom:1.5rem;color:#e6edf3;font-weight:500}.detailed-results-body .answers-comparison{margin:1.5rem 0;display:flex;flex-direction:column;gap:1rem}.detailed-results-body .answer-item{display:flex;flex-direction:column;gap:.5rem}.detailed-results-body .answer-label{font-size:.95rem;font-weight:600;color:#8b949e;text-transform:uppercase;letter-spacing:.5px}.detailed-results-body .answer-text{font-size:1.05rem;line-height:1.5;padding:.75rem 1rem;border-radius:8px;border-left:4px solid}.detailed-results-body .answer-text.correct{background:#2ea0431a;border-left-color:#2ea043;color:#7ce79b}.detailed-results-body .answer-text.incorrect{background:#f851491a;border-left-color:#f85149;color:#ffa198}.detailed-results-body .explanation-text{font-size:1.05rem;line-height:1.6;margin-top:1.5rem;padding:1.5rem;background:#0d111799;border-radius:8px;border-left:4px solid #1f6feb;color:#e6edf3}.detailed-results-body .explanation-text strong{color:#58a6ff;font-weight:600}.test-mode-warning{background:linear-gradient(135deg,#ef44441a,#ef44440d);border:2px solid rgba(239,68,68,.3);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;animation:pulse-warning 2s infinite}.test-mode-warning h5{color:#ef4444;font-size:1rem;font-weight:600;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.test-mode-warning ul{margin:0;padding-left:1.5rem;list-style-type:none}.test-mode-warning li{color:#ffa198;font-size:.9rem;line-height:1.5;margin-bottom:.5rem;position:relative}.test-mode-warning li:before{content:"⚠️";position:absolute;left:-1.5rem;top:0}.test-mode-warning li:last-child{margin-bottom:0;font-weight:600;color:#ef4444}@keyframes pulse-warning{0%,to{border-color:#ef44444d;box-shadow:0 0 #ef444433}50%{border-color:#ef444480;box-shadow:0 0 0 10px #ef444400}}.notification-toast{position:fixed;top:2rem;right:2rem;padding:1rem 1.5rem;border-radius:12px;color:#fff;font-weight:600;font-size:.95rem;z-index:3000;box-shadow:0 8px 32px #0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;max-width:400px;word-wrap:break-word;border:2px solid}.notification-info{background:linear-gradient(135deg,#3b82f6e6,#2563ebe6);border-color:#3b82f680}.notification-success{background:linear-gradient(135deg,#10b981e6,#059669e6);border-color:#10b98180}.notification-error{background:linear-gradient(135deg,#ef4444e6,#dc2626e6);border-color:#ef444480;animation:shake .5s ease-in-out}.notification-warning{background:linear-gradient(135deg,#f59e0be6,#d97706e6);border-color:#f59e0b80;animation:pulse-notification 1s infinite}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes pulse-notification{0%,to{transform:scale(1);box-shadow:0 8px 32px #0000004d}50%{transform:scale(1.02);box-shadow:0 12px 40px #0006}}.mode-option.test-mode{border-color:#ef444466!important;background:linear-gradient(135deg,#ef44441a,#ef44440d)!important}.mode-option.test-mode.selected{border-color:#ef4444!important;background:linear-gradient(135deg,#ef444433,#ef44441a)!important;box-shadow:0 0 20px #ef44444d!important}.mode-option.test-mode .mode-icon,.mode-option.test-mode .mode-title{color:#ef4444!important}.mode-option.test-mode .mode-description{color:#ffa198!important;font-weight:500!important}.homepage{font-family:Rajdhani,-apple-system,BlinkMacSystemFont,sans-serif;background-color:#0d1117;color:#fff;min-height:100vh;display:flex;flex-direction:column;padding:0;margin:0;overflow-x:hidden;position:relative;width:100%;max-width:100%}.homepage-bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 10% 20%,rgba(255,255,255,.03) 1px,transparent 1px),radial-gradient(circle at 30% 40%,rgba(255,255,255,.02) 1px,transparent 1px),radial-gradient(circle at 50% 50%,rgba(255,255,255,.03) 1px,transparent 1px),radial-gradient(circle at 70% 30%,rgba(255,255,255,.02) 1px,transparent 1px),radial-gradient(circle at 80% 70%,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px,70px 70px,60px 60px,80px 80px,40px 40px;animation:twinkling 100s linear infinite;pointer-events:none;z-index:0}@keyframes twinkling{0%{background-position:0 0,0 0,0 0,0 0,0 0}to{background-position:500px 500px,-500px 500px,500px -500px,-500px -500px,500px 500px}}.floating-orb{position:absolute;border-radius:50%;filter:blur(15px);opacity:.35;z-index:0;pointer-events:none}.orb1{width:180px;height:180px;background-color:#4a3f6e80;top:15%;left:10%;animation:float1 22s infinite ease-in-out}.orb2{width:140px;height:140px;background-color:#2a623d80;top:60%;right:15%;animation:float2 25s infinite ease-in-out}.orb3{width:100px;height:100px;background-color:#fff3;top:30%;right:25%;animation:float3 20s infinite ease-in-out}.orb4{width:120px;height:120px;background-color:#4a3f6e4d;bottom:20%;left:20%;animation:float2 23s infinite ease-in-out}.orb5{width:90px;height:90px;background-color:#2a623d4d;top:50%;left:30%;animation:float3 19s infinite ease-in-out}.orb6{width:150px;height:150px;background-color:#4a3f6e40;bottom:15%;right:8%;animation:float1 24s infinite ease-in-out}.orb7{width:110px;height:110px;background-color:#2a623d40;top:70%;left:40%;animation:float2 21s infinite ease-in-out}.orb8{width:130px;height:130px;background-color:#ffffff26;top:10%;right:15%;animation:float3 26s infinite ease-in-out}@keyframes float1{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-40px,30px) rotate(5deg)}50%{transform:translate(20px,-40px) rotate(-5deg)}75%{transform:translate(30px,20px) rotate(3deg)}}@keyframes float2{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(50px,-30px) rotate(-7deg)}50%{transform:translate(-30px,-40px) rotate(7deg)}75%{transform:translate(-20px,50px) rotate(-3deg)}}@keyframes float3{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-30px,-40px) rotate(-5deg)}50%{transform:translate(40px,30px) rotate(5deg)}75%{transform:translate(20px,-30px) rotate(-3deg)}}.particle-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:0}.particle{position:absolute;width:6px;height:6px;border-radius:50%;background-color:#b286ffcc;box-shadow:0 0 12px 5px #b286ff66;pointer-events:none}.p1{top:25%;left:15%;width:8px;height:8px;animation:particle1 15s infinite linear}.p2{top:35%;left:25%;width:6px;height:6px;animation:particle2 18s infinite linear}.p3{top:20%;right:30%;width:10px;height:10px;animation:particle3 20s infinite linear;background-color:#80d6ffcc;box-shadow:0 0 12px 5px #80d6ff66}.p4{top:45%;right:20%;width:7px;height:7px;animation:particle1 17s infinite linear;background-color:#80d6ffcc;box-shadow:0 0 12px 5px #80d6ff66}.p5{top:30%;left:40%;width:9px;height:9px;animation:particle2 16s infinite linear}.p6{top:60%;left:35%;width:8px;height:8px;background-color:#ff72f5cc;box-shadow:0 0 12px 5px #ff72f566;animation:particle3 19s infinite linear}.p7{top:50%;right:35%;width:7px;height:7px;background-color:#ff72f5cc;box-shadow:0 0 12px 5px #ff72f566;animation:particle1 14s infinite linear}.p8{top:15%;left:50%;width:8px;height:8px;background-color:#b286ffcc;box-shadow:0 0 12px 5px #b286ff66;animation:particle2 21s infinite linear}.p9{top:40%;right:50%;width:6px;height:6px;background-color:#80d6ffcc;box-shadow:0 0 12px 5px #80d6ff66;animation:particle3 16s infinite linear}.p10{top:70%;left:70%;width:9px;height:9px;background-color:#ff72f5cc;box-shadow:0 0 12px 5px #ff72f566;animation:particle1 22s infinite linear}.p11{top:25%;left:75%;width:7px;height:7px;background-color:#b286ffcc;box-shadow:0 0 12px 5px #b286ff66;animation:particle3 23s infinite linear}.p12{top:65%;left:10%;width:8px;height:8px;background-color:#80d6ffcc;box-shadow:0 0 12px 5px #80d6ff66;animation:particle2 19s infinite linear}.p13{top:80%;right:25%;width:6px;height:6px;background-color:#ff72f5cc;box-shadow:0 0 12px 5px #ff72f566;animation:particle1 18s infinite linear}.p14{top:18%;right:15%;width:8px;height:8px;background-color:#b286ffcc;box-shadow:0 0 12px 5px #b286ff66;animation:particle2 20s infinite linear}.p15{top:75%;right:45%;width:7px;height:7px;background-color:#80d6ffcc;box-shadow:0 0 12px 5px #80d6ff66;animation:particle3 17s infinite linear}@keyframes particle1{0%{transform:translate(0) scale(1);opacity:.2}20%{opacity:1}80%{opacity:.8}to{transform:translate(150px,-150px) scale(.2);opacity:0}}@keyframes particle2{0%{transform:translate(0) scale(1);opacity:.2}20%{opacity:1}80%{opacity:.8}to{transform:translate(-180px,-120px) scale(.2);opacity:0}}@keyframes particle3{0%{transform:translate(0) scale(1);opacity:.2}20%{opacity:1}80%{opacity:.8}to{transform:translate(120px,170px) scale(.2);opacity:0}}.homepage-logo span{font-weight:600;font-size:20px;text-transform:uppercase;letter-spacing:1px}.homepage-nav-link{color:#fff;text-decoration:none;font-size:16px;font-weight:500;position:relative;transition:color .3s ease;padding:5px 0}.homepage-nav-link:hover{color:#f13f8e}.homepage-nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#f13f8e;transition:width .3s ease}.homepage-title{font-family:Rajdhani,sans-serif;font-size:84px;font-weight:9000;letter-spacing:-1px;text-transform:uppercase;margin:20px 0 60px;text-align:center;position:relative;z-index:18;background:linear-gradient(90deg,#7f53ff,#9c4ddd,#b03c83,#f13f8e,#964cda);background-size:300% 300%;animation:waveGradient 5s ease infinite;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1;padding-bottom:8px;text-shadow:0 2px 30px rgba(123,77,255,.2)}@keyframes waveGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.homepage-title:after{content:"";position:absolute;bottom:-25px;left:50%;transform:translate(-50%);width:120px;height:4px;background:linear-gradient(90deg,#7f53ff,#f13f8e);border-radius:2px;box-shadow:0 0 20px #7f53ff80}.homepage-divider{width:2px;background:linear-gradient(to bottom,transparent,rgba(127,83,255,.2),rgba(241,63,142,.4),rgba(127,83,255,.2),transparent);margin:0 10px;position:relative;box-shadow:0 0 12px #7f53ff26;animation:dividerBreath 6s ease-in-out infinite}@keyframes dividerBreath{0%,to{opacity:.8;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.02)}}.homepage-divider:before{content:"";position:absolute;height:80px;width:2px;left:0;top:50%;transform:translateY(-50%);background:linear-gradient(to bottom,transparent,rgba(241,63,142,.6),transparent);filter:blur(3px);animation:dividerGlow 4s ease-in-out infinite}@keyframes dividerGlow{0%,to{opacity:.4;top:45%}50%{opacity:1;top:55%}}.homepage-column-title{font-size:28px;font-weight:600;margin-bottom:30px;padding-left:10px;position:relative;display:inline-block;z-index:17}.homepage-column-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background-color:#7f53ff;border-radius:2px;box-shadow:0 0 10px #7f53ffcc}.homepage-card-title-box:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffffff59,#ffffff1f,#ffffff0d);z-index:-1;pointer-events:none;animation:pearlyShimmer 6s infinite ease-in-out}@keyframes pearlyShimmer{0%,to{opacity:.7;background-position:0% 50%}50%{opacity:1;background-position:100% 50%}}@keyframes pearlyShimmerSimple{0%,to{opacity:.8;background-position:0% 50%}50%{opacity:1;background-position:100% 50%}}.homepage-column:last-child .homepage-column-title{padding-left:10px;text-align:center}.homepage-column:last-child .homepage-column-title:before{left:auto;right:0;background-color:#f13f8e;box-shadow:0 0 10px #f13f8ecc}.homepage-card{border-radius:18px;padding:20px;display:flex;flex-direction:column;text-decoration:none;color:inherit;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);height:160px;cursor:pointer;box-shadow:0 8px 25px #0003,inset 0 0 0 1px #ffffff1a,0 0 20px #7f53ff0d;z-index:2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);animation:cardPulse 12s ease-in-out infinite}.homepage-card-gradient-1:hover{box-shadow:0 20px 45px #6b46c166,0 15px 35px #f13f8e4d,0 0 60px #904feb26,0 0 40px #f13f8e1f,0 0 120px #ffffff14,inset 0 0 0 1px #fff6,inset 0 2px #fff9;border-color:#fff6;transform:translateY(-2px)}.homepage-card-gradient-2:hover{box-shadow:0 20px 45px #f13f8e73,0 15px 35px #8b3fa64d,0 0 60px #f13f8e2e,0 0 40px #ff6ba826,0 0 120px #ffffff14,inset 0 0 0 1px #fff6,inset 0 2px #fff9;border-color:#fff6;transform:translateY(-2px)}.homepage-card-gradient-3:hover{box-shadow:0 20px 45px #9dc5d866,0 15px 35px #7f53ff4d,0 0 60px #904feb2e,0 0 40px #9dc5d826,0 0 120px #ffffff14,inset 0 0 0 1px #fff6,inset 0 2px #fff9;border-color:#fff6;transform:translateY(-2px)}@keyframes cardPulse{0%,to{box-shadow:0 8px 25px #0003,inset 0 0 0 1px #ffffff1a,0 0 20px #7f53ff0d}50%{box-shadow:0 8px 25px #0003,inset 0 0 0 1px #ffffff1f,0 0 25px #7f53ff14}}.homepage-card,.homepage-card:visited,.homepage-card:hover,.homepage-card:active,.homepage-card:focus{color:inherit!important;text-decoration:none!important}.homepage-card:hover:not(.homepage-card-disabled){transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px #0000004d,0 8px 20px #0003,inset 0 0 0 1px #ffffff40;border-color:#ffffff40;animation:none}.homepage-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffffff26,#ffffff14 40%,#ffffff08);z-index:-1;opacity:.4;transition:opacity .2s cubic-bezier(.4,0,.2,1)}.homepage-card:hover:before{opacity:.7}.homepage-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 0 1px #ffffff26;border-radius:18px;pointer-events:none;z-index:1}.homepage-card-title-box{background:linear-gradient(135deg,#ffffff26,#ffffff1f,#ffffff14);padding:14px 18px;border-radius:12px;font-size:16px;font-weight:700;display:inline-block;margin-bottom:15px;max-width:85%;box-shadow:0 8px 32px #0000004d,inset 0 1px #fff6,inset 0 0 0 1px #fff3,0 0 40px #ffffff1a;backdrop-filter:blur(20px) saturate(180%) brightness(1.1);-webkit-backdrop-filter:blur(20px) saturate(180%) brightness(1.1);border:1px solid rgba(255,255,255,.3);transition:all .25s cubic-bezier(.4,0,.2,1);line-height:1.2;position:relative;z-index:2;overflow:hidden;color:#fffffff2;text-shadow:0 1px 2px rgba(0,0,0,.8),0 0 8px rgba(0,0,0,.4);letter-spacing:.02em}.homepage-card-title-box:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(0,0,0,.25) 0%,rgba(0,0,0,.15) 60%,transparent 100%);border-radius:12px;z-index:-1;pointer-events:none}.homepage-card:hover .homepage-card-title-box{transform:translateY(-1px);box-shadow:0 12px 40px #0006,inset 0 1px #ffffff80,inset 0 0 0 1px #ffffff4d,0 0 50px #ffffff26;background:linear-gradient(135deg,#fff3,#ffffff26,#ffffff1a);backdrop-filter:blur(25px) saturate(200%) brightness(1.2);-webkit-backdrop-filter:blur(25px) saturate(200%) brightness(1.2);text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 10px rgba(0,0,0,.5)}.homepage-card:hover .homepage-card-title-box:before{background:radial-gradient(ellipse at center,rgba(0,0,0,.3) 0%,rgba(0,0,0,.2) 60%,transparent 100%)}.homepage-card[style*="background-color: #FFFFFF"]{color:#100e1a;box-shadow:0 8px 25px #00000026}.homepage-card[style*="background-color: #FFFFFF"] .homepage-card-title-box{background-color:#0000000d;color:#100e1a}.homepage-card[style*="background-color: #FFFFFF"]:hover{box-shadow:0 15px 35px #0003}.homepage-card[style*="background-color: #4A3F6E"]{box-shadow:0 8px 25px #4a3f6e59}.homepage-card[style*="background-color: #4A3F6E"]:hover{box-shadow:0 15px 35px #4a3f6e73}.homepage-card[style*="background-color: #2A623D"]{box-shadow:0 8px 25px #2a623d59}.homepage-card[style*="background-color: #2A623D"]:hover{box-shadow:0 15px 35px #2a623d73}.homepage-card-illustration{position:absolute;right:25px;bottom:45px;display:flex;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.homepage-card:hover .homepage-card-illustration{transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 5px 15px rgba(255,255,255,.2))}.homepage-learn-more-btn{position:absolute;left:24px;bottom:24px;font-size:15px;font-weight:500;padding-bottom:3px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:6px;color:inherit;text-decoration:none}.homepage-learn-more-btn,.homepage-learn-more-btn:visited,.homepage-learn-more-btn:hover,.homepage-learn-more-btn:active,.homepage-learn-more-btn:focus{color:inherit!important;text-decoration:none!important}.homepage-learn-more-arrow{display:inline-block;transition:transform .2s cubic-bezier(.4,0,.2,1);margin-left:3px;opacity:.7}.homepage-card:hover .homepage-learn-more-btn{transform:translate(5px)}.homepage-learn-more-btn:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:currentColor;transition:width .3s cubic-bezier(.4,0,.2,1)}.homepage-card:hover .homepage-learn-more-btn:after{width:100%}.homepage-card-disabled{background-color:#2c2a3ab3!important;color:#8e8ca7;cursor:not-allowed;opacity:.8;box-shadow:0 5px 15px #0000001a,inset 0 0 0 1px #ffffff1a!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08)}.homepage-card-disabled .homepage-card-title-box{background-color:#ffffff0d}.homepage-card-disabled:hover{transform:none;box-shadow:0 5px 15px #0000001a!important}.homepage-card-gradient-1{background:radial-gradient(ellipse at 30% 40%,#6b46c1,#7f53ff 25%,#904feb 45%,#c266ff 70%,#f13f8e);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid rgba(255,255,255,.25);box-shadow:0 8px 25px #6b46c14d,0 8px 25px #f13f8e33,inset 0 0 0 1px #fff3,inset 0 1px #fff6,0 0 35px #904feb1f,0 0 80px #ffffff0d;position:relative}.homepage-card-gradient-1:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 20% 30%,rgba(255,255,255,.4) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(255,255,255,.25) 0%,transparent 40%),linear-gradient(135deg,#ffffff4d,#ffffff26,#ffffff14 60%,#ffffff05);border-radius:18px;opacity:.9;z-index:1;pointer-events:none;animation:pearlyShimmer 8s ease-in-out infinite}.homepage-card-gradient-1:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.08) 25%,transparent 50%,rgba(255,255,255,.06) 75%,transparent 100%);border-radius:20px;z-index:-1;pointer-events:none;opacity:0;transition:opacity .3s ease}.homepage-card-gradient-2{background:linear-gradient(125deg,#8b3fa6,#b659cc,#f13f8e,#ff6ba8,#e948a1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid rgba(255,255,255,.25);box-shadow:0 8px 25px #f13f8e4d,0 8px 25px #8b3fa633,inset 0 0 0 1px #fff3,inset 0 1px #fff6,0 0 35px #f13f8e1f,0 0 80px #ffffff0d;position:relative}.homepage-card-gradient-2:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 25% 25%,rgba(255,255,255,.35) 0%,transparent 45%),radial-gradient(ellipse at 75% 75%,rgba(255,255,255,.25) 0%,transparent 40%),linear-gradient(125deg,#ffffff47,#ffffff1f,#ffffff0f 70%,#ffffff05);border-radius:18px;opacity:.85;z-index:1;pointer-events:none;animation:pearlyShimmer 7s ease-in-out infinite reverse}.homepage-card-gradient-2:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(125deg,transparent 0%,rgba(255,255,255,.08) 25%,transparent 50%,rgba(255,255,255,.06) 75%,transparent 100%);border-radius:20px;z-index:-1;pointer-events:none;opacity:0;transition:opacity .3s ease}@keyframes royalFlow{0%,to{background-position:0% 50%;opacity:0}25%{opacity:.3}50%{background-position:100% 50%;opacity:.4}75%{opacity:.2}}.homepage-card-gradient-3{background:conic-gradient(from 45deg at 60% 35%,#9dc5d8,#7c9ad5,#6b73d6,#7f53ff,#904feb,#9dc5d8 360deg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:2px solid rgba(255,255,255,.25);box-shadow:0 8px 25px #9dc5d84d,0 8px 25px #7f53ff33,inset 0 0 0 1px #fff3,inset 0 1px #fff6,0 0 35px #904feb1f,0 0 80px #ffffff0d;position:relative}.homepage-card-gradient-3:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 40% 30%,rgba(255,255,255,.3) 0%,transparent 45%),radial-gradient(ellipse at 70% 60%,rgba(255,255,255,.2) 0%,transparent 40%),linear-gradient(45deg,#ffffff40,#ffffff1f,#ffffff0f 70%,#ffffff05);border-radius:18px;opacity:.8;z-index:1;pointer-events:none;animation:pearlyShimmer 9s ease-in-out infinite}.homepage-card-gradient-3:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,transparent 0%,rgba(255,255,255,.08) 25%,transparent 50%,rgba(255,255,255,.06) 75%,transparent 100%);border-radius:20px;z-index:-1;pointer-events:none;opacity:0;transition:opacity .3s ease}@keyframes royalVortex{0%{transform:rotate(0) scale(1);opacity:0}20%{opacity:.3}50%{transform:rotate(180deg) scale(1.01);opacity:.4}80%{opacity:.2}to{transform:rotate(360deg) scale(1);opacity:0}}.homepage-footer-image{width:100%;height:auto;display:block;margin-top:-40px}.homepage-main{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px 20px 0;position:relative;z-index:10}.homepage{display:flex;flex-direction:column;min-height:100vh;width:100%;max-width:100%;background-color:#0d1117;color:#fff;position:relative;overflow-x:hidden}.view-results-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#8b5cf6,#a855f7);border:none;border-radius:12px;color:#fff;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;box-shadow:0 4px 15px #8b5cf64d}.view-results-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf666;background:linear-gradient(135deg,#7c3aed,#9333ea)}.view-results-btn:active{transform:translateY(0)}.results-viewer{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.results-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.results-modal{background:linear-gradient(135deg,#161b22,#21262d);border-radius:16px;border:1px solid #30363d;width:90%;max-width:900px;max-height:80vh;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000080}.results-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid #30363d;background:#8b5cf61a}.results-header h2{color:#e6edf3;margin:0;font-size:1.5rem;font-weight:700}.close-button{background:none;border:none;color:#7d8590;font-size:2rem;cursor:pointer;transition:color .2s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.close-button:hover{color:#e6edf3}.results-content{padding:1.5rem 2rem;max-height:60vh;overflow-y:auto}.no-results{text-align:center;padding:3rem 2rem;color:#7d8590}.no-results svg{margin-bottom:1rem;opacity:.5}.no-results h3{margin:1rem 0 .5rem;color:#e6edf3}.results-list{display:flex;flex-direction:column;gap:1rem}.result-card{background:#161b22cc;border:1px solid #30363d;border-radius:12px;padding:1.5rem;transition:all .3s ease}.result-card:hover{border-color:#8b5cf6;box-shadow:0 4px 15px #8b5cf633}.result-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.result-topic h3{margin:0 0 .5rem;color:#e6edf3;font-size:1.25rem}.result-mode{display:flex;align-items:center;gap:.5rem;color:#7d8590;font-size:.875rem}.result-date{color:#7d8590;font-size:.875rem}.result-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:1rem}.stat{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.25rem}.stat svg{font-size:1.25rem;color:#8b5cf6}.stat-value{font-weight:700;font-size:1.1rem;color:#e6edf3}.stat-label{font-size:.75rem;color:#7d8590;text-transform:uppercase;letter-spacing:.5px}.result-actions{display:flex;gap:.5rem;justify-content:flex-end}.action-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #30363d;border-radius:8px;background:transparent;color:#e6edf3;font-size:.875rem;cursor:pointer;transition:all .2s ease}.action-btn:hover{background:#8b5cf61a;border-color:#8b5cf6}.download-btn:hover{background:#10b9811a;border-color:#10b981;color:#10b981}.delete-btn:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}@media (max-width: 768px){.results-modal{width:95%;max-height:90vh}.results-header,.results-content{padding:1rem 1.5rem}.result-card{padding:1rem}.result-header{flex-direction:column;gap:.5rem}.result-stats{grid-template-columns:repeat(2,1fr)}.result-actions{flex-direction:column}.action-btn{justify-content:center}}.homepage-header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;position:relative;z-index:20}.homepage-card-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);grid-gap:20px;max-width:100%}.homepage-card:hover:not(.homepage-card-disabled){transform:translateY(-8px);border-color:#5bb4e84d;box-shadow:0 20px 40px #0006,0 0 30px #5bb4e833,inset 0 1px #fff3}.take-quiz-btn{display:flex;align-items:center;gap:.6rem;padding:.7rem 1.5rem;background:linear-gradient(135deg,#5bb4e8,#2e86ab,#1e5f7a);color:#fff;font-weight:600;font-size:1rem;border:none;border-radius:999px;cursor:pointer;position:relative;z-index:1;text-decoration:none;transition:all .3s ease;border:3px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quiz-btn-icon{display:flex;align-items:center;animation:quiz-btn-float 2s ease-in-out infinite}@keyframes quiz-btn-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.quiz-btn-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;pointer-events:none;box-shadow:0 0 20px #8eccef6e;opacity:.6;z-index:0;animation:quiz-btn-glow-anim 3s ease-in-out infinite}.archive-page{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:radial-gradient(ellipse at center,#0b0c2a,#060722,#030412);color:#fff;min-height:100vh;position:relative;overflow-x:hidden}.archive-bg-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 15% 25%,rgba(255,255,255,.1) 1px,transparent 1px),radial-gradient(circle at 75% 15%,rgba(200,220,255,.08) 1px,transparent 1px),radial-gradient(circle at 35% 70%,rgba(255,255,255,.06) 1px,transparent 1px),radial-gradient(circle at 85% 85%,rgba(180,200,255,.08) 1px,transparent 1px),radial-gradient(circle at 25% 50%,rgba(255,255,255,.05) 1px,transparent 1px);background-size:180px 180px,220px 220px,160px 160px,200px 200px,140px 140px;animation:starsFadeIn 8s ease-in infinite alternate;pointer-events:none;z-index:0}.archive-header{position:sticky;top:0;z-index:100;background:#0b0c2af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(91,180,232,.1);padding:1rem 0}.archive-header-content{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.archive-logo{display:flex;align-items:center}.archive-logo a{display:flex;align-items:center;text-decoration:none;color:#fff;font-weight:700;font-size:1.5rem}.archive-logo img{width:40px;height:40px;margin-right:.75rem}.archive-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#a0a0a0}.breadcrumb-item{color:#5bb4e8;text-decoration:none;transition:color .3s ease}.breadcrumb-item:hover{color:#7dd3fc}.breadcrumb-separator{color:#666}.breadcrumb-current{color:#fff;font-weight:500}.archive-nav{display:flex;align-items:center;gap:1.5rem}.archive-nav-link{color:#fff;text-decoration:none;font-weight:500;transition:color .3s ease;display:flex;align-items:center}.archive-nav-link:hover{color:#5bb4e8}.archive-main{max-width:1400px;margin:0 auto;padding:2rem;position:relative;z-index:10}.archive-topic-header{text-align:center;margin-bottom:3rem;padding:2rem;background:#ffffff05;border-radius:20px;border:1px solid rgba(91,180,232,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topic-header-content h1{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,#5bb4e8,#a7d8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.topic-badge{display:inline-block;background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;margin-left:1rem;vertical-align:middle}.topic-description{font-size:1.1rem;color:#b0b0b0;margin-bottom:1rem;line-height:1.6}.topic-stats{display:flex;justify-content:center;gap:2rem;margin-top:1rem}.stat{display:flex;align-items:center;gap:.5rem;color:#5bb4e8;font-weight:500}.archive-controls{background:#ffffff05;border-radius:16px;border:1px solid rgba(91,180,232,.1);padding:1.5rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.controls-row{display:flex;align-items:center;gap:1.5rem;margin-bottom:1rem;flex-wrap:wrap}.controls-row:last-child{margin-bottom:0}.search-container{position:relative;flex:1;min-width:300px}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#666;z-index:5}.search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;background:#ffffff0d;border:1px solid rgba(91,180,232,.2);border-radius:10px;color:#fff;font-size:.9rem;transition:all .3s ease}.search-input:focus{outline:none;border-color:#5bb4e8;box-shadow:0 0 0 3px #5bb4e81a}.search-input::placeholder{color:#666}.view-mode-toggle{display:flex;background:#ffffff0d;border-radius:8px;padding:.25rem}.view-btn{padding:.5rem .75rem;background:transparent;border:none;color:#666;border-radius:6px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center}.view-btn:hover{color:#5bb4e8}.view-btn.active{background:#5bb4e8;color:#fff}.filter-group{display:flex;align-items:center;gap:.5rem}.filter-group label{color:#b0b0b0;font-size:.9rem;font-weight:500}.filter-select{padding:.5rem .75rem;background:#ffffff0d;border:1px solid rgba(91,180,232,.2);border-radius:8px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .3s ease}.filter-select:focus{outline:none;border-color:#5bb4e8}.filter-select option{background:#1a1a2e;color:#fff}.sort-order-btn{padding:.5rem .75rem;background:#ffffff0d;border:1px solid rgba(91,180,232,.2);border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;margin-left:.5rem;display:flex;align-items:center;gap:.25rem}.sort-order-btn:hover{background:#5bb4e81a;border-color:#5bb4e8}.clear-filters-btn{padding:.5rem 1rem;background:#ff755f1a;border:1px solid rgba(255,117,95,.3);border-radius:8px;color:#ff755f;cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500}.clear-filters-btn:hover{background:#ff755f33;border-color:#ff755f}.tags-filter{margin-top:1rem}.tags-filter label{color:#b0b0b0;font-size:.9rem;font-weight:500;margin-bottom:.5rem;display:block}.tags-container{display:flex;flex-wrap:wrap;gap:.5rem}.tag-btn{padding:.25rem .75rem;background:#ffffff0d;border:1px solid rgba(91,180,232,.2);border-radius:20px;color:#b0b0b0;cursor:pointer;transition:all .3s ease;font-size:.8rem;font-weight:500}.tag-btn:hover{background:#5bb4e81a;color:#5bb4e8}.tag-btn.active{background:#5bb4e8;color:#fff;border-color:#5bb4e8}.archive-content{position:relative;z-index:10}.questions-list,.questions-grid{display:grid;gap:1.5rem}.questions-list{grid-template-columns:1fr}.questions-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.question-card{background:#ffffff08;border:1px solid rgba(91,180,232,.1);border-radius:16px;padding:1.5rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.question-card:hover{transform:translateY(-2px);border-color:#5bb4e84d;box-shadow:0 8px 32px #5bb4e81a}.question-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.question-title{font-size:1.1rem;font-weight:600;color:#fff;margin:0;line-height:1.4;flex:1}.question-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;flex-shrink:0}.difficulty-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;background:#ffffff1a}.date-badge{display:flex;align-items:center;gap:.25rem;font-size:.7rem;color:#888}.question-description{color:#b0b0b0;font-size:.9rem;line-height:1.5;margin-bottom:1rem}.question-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.question-tag{padding:.2rem .6rem;background:#a78bfa1a;border:1px solid rgba(167,139,250,.3);border-radius:12px;font-size:.7rem;color:#a78bfa;font-weight:500}.question-actions{display:flex;gap:.75rem;flex-wrap:wrap}.action-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;text-decoration:none;font-size:.8rem;font-weight:500;transition:all .3s ease;border:1px solid}.action-btn.primary{background:linear-gradient(135deg,#5bb4e8,#4a9eff);color:#fff;border-color:transparent}.action-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #5bb4e84d}.action-btn.secondary{background:#ffffff0d;color:#5bb4e8;border-color:#5bb4e84d}.action-btn.secondary:hover{background:#5bb4e81a;border-color:#5bb4e8}.no-results{text-align:center;padding:3rem;color:#666}.no-results h3{font-size:1.5rem;margin-bottom:.5rem;color:#888}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:3rem;padding:1rem}.pagination-btn{padding:.75rem 1.5rem;background:#ffffff0d;border:1px solid rgba(91,180,232,.2);border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;font-weight:500}.pagination-btn:hover:not(:disabled){background:#5bb4e81a;border-color:#5bb4e8}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:#b0b0b0;font-weight:500}.archive-container{max-width:1400px;margin:0 auto;padding:2rem;position:relative;z-index:10}.archive-error{text-align:center;padding:4rem 2rem;background:#ffffff05;border-radius:20px;border:1px solid rgba(91,180,232,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.archive-error h2{font-size:2rem;color:#ff755f;margin-bottom:1rem}.archive-error p{color:#b0b0b0;font-size:1.1rem;margin-bottom:2rem}.archive-back-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#5bb4e8,#4a9eff);color:#fff;text-decoration:none;border-radius:8px;font-weight:500;transition:all .3s ease}.archive-back-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #5bb4e84d}@media (max-width: 1200px){.archive-main{padding:1.5rem}.questions-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width: 768px){.archive-header-content{flex-direction:column;gap:1rem;text-align:center}.archive-breadcrumb{order:-1}.archive-main{padding:1rem}.topic-header-content h1{font-size:2rem}.topic-badge{display:block;margin:.5rem auto 0;width:fit-content}.topic-stats{flex-direction:column;gap:.5rem}.controls-row{flex-direction:column;align-items:stretch;gap:1rem}.search-container{min-width:unset}.filter-group{justify-content:space-between}.questions-grid{grid-template-columns:1fr}.question-header{flex-direction:column;align-items:flex-start;gap:.5rem}.question-meta{flex-direction:row;align-items:center;align-self:stretch;justify-content:space-between}.question-actions{flex-direction:column}.action-btn{justify-content:center}}@media (max-width: 480px){.archive-header-content{padding:0 1rem}.archive-logo img{width:32px;height:32px}.archive-logo a{font-size:1.2rem}.breadcrumb-item,.breadcrumb-separator,.breadcrumb-current{font-size:.8rem}.topic-header-content h1{font-size:1.75rem}.question-card{padding:1rem}.pagination{flex-direction:column;gap:.5rem}.pagination-btn{width:100%}}.search-algos-container{min-height:100vh;background:linear-gradient(135deg,#0d1117,#161b22);color:#e6edf3;position:relative;overflow-x:hidden}.search-bg-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(6,182,212,.08) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(16,185,129,.06) 0%,transparent 50%);pointer-events:none;z-index:0}.search-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background:#0d1117cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(139,92,246,.2);position:relative;z-index:10}.search-header h1{font-size:2rem;font-weight:700;background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;flex:1;margin:0}.home-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#8b5cf61a;color:#8b5cf6;text-decoration:none;border-radius:12px;font-weight:500;transition:all .3s ease;border:1px solid rgba(139,92,246,.3)}.home-button:hover{background:#8b5cf633;box-shadow:0 8px 25px #8b5cf64d}.algorithm-nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#161b2299;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.05);position:relative;z-index:9}.back-button{padding:.75rem 1.5rem;background:#37415199;color:#e5e7eb;border:1px solid rgba(75,85,99,.5);border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500}.back-button:hover{background:#4b5563cc;transform:translate(-2px)}.algorithm-tabs{display:flex;gap:.5rem}.tab-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#3741514d;color:#9ca3af;border:1px solid rgba(75,85,99,.3);border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500}.tab-button:hover{background:rgba(var(--accent-color),.1);color:var(--accent-color);border-color:rgba(var(--accent-color),.3)}.tab-button.active{background:rgba(var(--accent-color),.15);color:var(--accent-color);border-color:var(--accent-color)}.main-content{padding:2rem;position:relative;z-index:1}.overview-section{max-width:1200px;margin:0 auto}.hero-section{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:60vh;margin-bottom:0}.hero-content{margin-bottom:2.5rem}.hero-section h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#8b5cf6,#06b6d4,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-section p{font-size:1.2rem;color:#9ca3af;max-width:600px;margin:0 auto;line-height:1.6}.algorithm-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;width:100%;max-width:1000px;margin:0 auto}.algorithm-card{background:#161b22cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.algorithm-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-color);opacity:.7}.algorithm-card:hover{border-color:rgba(var(--accent-color),.4);box-shadow:0 12px 40px #0000004d}.card-icon{font-size:2.5rem;margin-bottom:1rem;display:flex;justify-content:center}.algorithm-card h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem;text-align:center}.algorithm-card p{color:#9ca3af;text-align:center;line-height:1.6;margin-bottom:1.5rem}.complexity-badge{display:inline-block;padding:.5rem 1rem;border:1px solid;border-radius:20px;font-weight:600;font-size:.9rem;text-align:center;width:100%;background:rgba(var(--accent-color),.05)}.binary-search-container,.linear-search-container{max-width:1200px;margin:0 auto;background:#161b2299;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;box-shadow:0 8px 32px #0003}.controls-section{background:#0d111766;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.5rem;margin-bottom:2rem;display:flex;flex-direction:column;gap:1rem}.array-controls{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.control-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#37415199;color:#e5e7eb;border:1px solid rgba(75,85,99,.5);border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500}.control-btn:hover:not(:disabled){background:#4b5563cc;box-shadow:0 4px 12px #0000004d}.control-btn.primary{background:#8b5cf699;color:#fff;border-color:#8b5cf6cc}.control-btn.primary:hover:not(:disabled){background:#8b5cf6cc;box-shadow:0 4px 12px #8b5cf666}.target-input{display:flex;align-items:center;gap:.5rem}.target-input-field{padding:.5rem 1rem;background:#0d111799;border:1px solid rgba(75,85,99,.5);border-radius:6px;color:#e5e7eb;width:100px}.target-input-field:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 2px #8b5cf633}.search-type{display:flex;gap:1rem}.search-type label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.search-type input[type=radio]{accent-color:#8b5cf6}.playback-controls{display:flex;gap:.5rem;align-items:center}.speed-control{display:flex;align-items:center;gap:1rem}.speed-slider{width:150px;accent-color:#8b5cf6}.visualization-area{background:#0d11174d;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:2rem;margin-bottom:2rem}.array-container{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.array-item{display:flex;flex-direction:column;align-items:center;justify-content:center;width:60px;height:80px;background:#37415199;border:2px solid rgba(75,85,99,.5);border-radius:8px;transition:all .3s ease;position:relative}.array-item.inactive{opacity:.3;background:#3741514d}.array-value{font-size:1.2rem;font-weight:600;color:#e5e7eb}.array-index{font-size:.8rem;color:#9ca3af;margin-top:.25rem}.step-info{background:#161b22cc;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1.5rem;margin-top:1rem}.step-description{font-size:1.1rem;margin-bottom:1rem;color:#e5e7eb}.step-details{display:flex;gap:2rem;font-size:.9rem;color:#9ca3af}.step-details span{background:#37415180;padding:.5rem 1rem;border-radius:6px}.algorithm-info{background:#0d111766;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.5rem;text-align:center}.algorithm-info h3{font-size:1.5rem;margin-bottom:1rem;color:#8b5cf6}.complexity-info{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem}.complexity{color:#10b981;font-weight:600}.algorithm-note{color:#f59e0b;font-style:italic}@media (max-width: 768px){.search-header{padding:1rem;flex-direction:column;gap:1rem}.search-header h1{font-size:1.5rem}.algorithm-nav{flex-direction:column;gap:1rem;padding:1rem}.algorithm-tabs{flex-wrap:wrap;justify-content:center}.algorithm-grid{flex-direction:column;align-items:center;gap:1rem}.controls-section{padding:1rem}.array-controls{flex-direction:column;align-items:stretch}.playback-controls{justify-content:center;flex-wrap:wrap}.complexity-info{flex-direction:column;gap:.5rem}.array-container{gap:.5rem}.array-item{width:50px;height:70px}.step-details{flex-direction:column;gap:.5rem}.hero-section{min-height:40vh}}.graph-algorithms-container{min-height:100vh;position:relative;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);color:#f8fafc;overflow-x:hidden}.graph-algorithms-bg-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(147,51,234,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(16,185,129,.1) 0%,transparent 50%);pointer-events:none;z-index:0}.graph-algorithms-header{position:relative;z-index:1;text-align:center;padding:2rem 1rem;max-width:1200px;margin:0 auto}.home-button{position:absolute;top:0;left:1rem;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;color:#f8fafc;text-decoration:none;font-size:.9rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.home-button:hover{background:#ffffff26;color:#f8fafc;text-decoration:none}.graph-algorithms-header h1{font-size:3rem;font-weight:800;margin:1rem 0 .5rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.graph-algorithms-header p{font-size:1.2rem;color:#cbd5e1;max-width:600px;margin:0 auto}.algorithms-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1200px;margin:3rem auto;padding:0 2rem}.algorithm-card{position:relative;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:1rem;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.algorithm-card:hover{border-color:var(--card-color);box-shadow:0 20px 40px #0000004d}.card-link{display:block;padding:2rem;text-decoration:none;color:inherit;height:100%;position:relative;z-index:2}.card-icon{font-size:3rem;color:var(--card-color);margin-bottom:1.5rem;display:flex;align-items:center;justify-content:flex-start}.card-content h3{font-size:1.5rem;font-weight:700;margin:0 0 1rem;color:#f8fafc}.card-description{font-size:1rem;color:#cbd5e1;line-height:1.6;margin-bottom:1.5rem}.card-meta{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.difficulty,.complexity{padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:600;background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.difficulty{color:#fbbf24}.complexity{color:#34d399}.card-gradient{position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--card-color),rgba(255,255,255,.2));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.algorithm-card:hover .card-gradient{transform:scaleX(1)}.algorithms-info{position:relative;z-index:1;max-width:1200px;margin:4rem auto;padding:0 2rem;text-align:center}.algorithms-info h2{font-size:2.5rem;font-weight:700;margin-bottom:2rem;color:#f8fafc}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.info-card:hover{background:#ffffff14}.info-card h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#3b82f6}.info-card p{color:#cbd5e1;line-height:1.6}@media (max-width: 768px){.graph-algorithms-header h1{font-size:2rem}.graph-algorithms-header p{font-size:1rem}.algorithms-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 1rem}.algorithm-card{margin:0}.card-link{padding:1.5rem}.home-button{position:static;margin-bottom:1rem;width:fit-content;margin:0 auto 1rem}.info-grid{grid-template-columns:1fr}}@media (max-width: 480px){.algorithms-grid{grid-template-columns:1fr;padding:0 .5rem}.card-meta{flex-direction:column;align-items:flex-start}}.graph-visualizer-container{min-height:100vh;position:relative;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);color:#f8fafc;overflow-x:hidden}.graph-visualizer-bg-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(147,51,234,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(16,185,129,.1) 0%,transparent 50%);pointer-events:none}.graph-visualizer-header{position:relative;z-index:2;background:#0f172ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);padding:1rem 1.5rem}.header-navigation{display:flex;gap:.75rem;margin-bottom:.75rem}.graph-nav-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:.5rem;color:#3b82f6;text-decoration:none;transition:all .3s ease;font-size:.85rem;font-weight:500}.graph-nav-button:hover{background:#3b82f633;border-color:#3b82f680;color:#60a5fa;text-decoration:none;box-shadow:0 4px 12px #3b82f64d}.header-content h1{margin:0 0 .5rem;font-size:2rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#8b5cf6,#06b6d4);background-clip:text;-webkit-background-clip:text;color:transparent;text-align:center}.header-content p{margin:0 0 .75rem;font-size:1rem;color:#94a3b8;text-align:center;max-width:700px;margin-left:auto;margin-right:auto}.complexity-info{display:flex;justify-content:center;gap:1.5rem;margin-top:.75rem}.complexity-item{color:#94a3b8;font-size:.85rem}.graph-visualizer-content{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:.75rem;padding:.75rem}.graph-left-panel{display:grid;grid-template-rows:auto auto auto;gap:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.graph-controls-section{padding:.75rem;border-bottom:1px solid rgba(255,255,255,.1);background:#0000001a}.graph-controls-section h3{margin:0 0 .75rem;font-size:1rem;color:#f8fafc;text-align:center}.graph-compact-btn{display:flex;align-items:center;justify-content:center;gap:.25rem;min-width:40px;height:40px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;color:#f8fafc;cursor:pointer;transition:all .3s ease;font-size:.85rem;font-weight:500;padding:0 .75rem}.graph-compact-btn:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d;box-shadow:0 4px 12px #0000004d}.graph-compact-btn:disabled{opacity:.5;cursor:not-allowed}.graph-compact-btn.primary{background:#3b82f633;border-color:#3b82f666;color:#3b82f6}.graph-compact-btn.primary:hover:not(:disabled){background:#3b82f64d;border-color:#3b82f680;box-shadow:0 4px 12px #3b82f666}.graph-compact-btn.success{background:#10b98133;border-color:#10b98166;color:#10b981}.graph-compact-btn.success:hover:not(:disabled){background:#10b9814d;border-color:#10b98180;box-shadow:0 4px 12px #10b98166}.graph-compact-btn.warning{background:#f59e0b33;border-color:#f59e0b66;color:#f59e0b}.graph-compact-btn.warning:hover:not(:disabled){background:#f59e0b4d;border-color:#f59e0b80;box-shadow:0 4px 12px #f59e0b66}.graph-control-group{display:flex;flex-direction:column;gap:.5rem}.graph-control-row{display:flex;gap:.5rem;align-items:center;justify-content:center;flex-wrap:wrap}.graph-input-group{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:100px}.graph-input-group label{font-size:.8rem;color:#f8fafc;font-weight:500}.graph-compact-input{padding:.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.25rem;color:#f8fafc;font-size:.8rem;transition:all .2s ease}.graph-compact-input:focus{outline:none;border-color:#3b82f680;box-shadow:0 0 0 2px #3b82f633}.graph-compact-select{padding:.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.25rem;color:#f8fafc;font-size:.8rem;cursor:pointer}.graph-speed-control{display:flex;align-items:center;gap:.5rem;font-size:.8rem;margin-top:.25rem}.graph-speed-control input[type=range]{flex:1;accent-color:#3b82f6}.graph-visualization-section{display:flex;flex-direction:column;padding:.75rem;border-bottom:1px solid rgba(255,255,255,.1)}.graph-visualization-section h3{margin:0 0 .75rem;font-size:1rem;color:#f8fafc;text-align:center}.graph-visualization-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:#0003;border-radius:.5rem;padding:.75rem;overflow:visible}.graph-visualization-content canvas{max-width:100%;height:auto;border-radius:.25rem}.graph-console-section{display:flex;flex-direction:column;padding:.75rem}.graph-console-section h3{margin:0 0 .75rem;font-size:1rem;color:#f8fafc;text-align:center}.graph-console-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.current-step-info{display:flex;flex-direction:column;gap:.25rem;padding:.5rem;background:#ffffff0d;border-radius:.25rem;font-size:.8rem}.step-description{color:#f8fafc;font-weight:500}.step-details{display:flex;gap:.75rem;font-size:.75rem;color:#94a3b8;flex-wrap:wrap}.step-details span{background:#ffffff1a;padding:.125rem .25rem;border-radius:.125rem}.graph-console-output{flex:1;background:#0000004d;border-radius:.25rem;padding:.5rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.75rem;line-height:1.4}.console-line{margin-bottom:.125rem;color:#94a3b8;border-left:2px solid transparent;padding-left:.5rem;transition:all .2s ease}.console-line:hover{background:#ffffff0d;border-left-color:#3b82f6}.console-line.empty{color:#64748b;font-style:italic;text-align:center;padding:1rem}.step-number{color:#3b82f6;font-weight:600}.step-state{color:#10b981;font-size:.7rem;opacity:.8}.graph-right-panel{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column}.graph-right-panel h3{margin:0;padding:.75rem;font-size:1.1rem;color:#f8fafc;text-align:center;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#3b82f6,#8b5cf6);background-clip:text;-webkit-background-clip:text;color:transparent}.graph-code-viewer{flex:1;display:flex;flex-direction:column;min-height:600px}.graph-code-viewer pre{margin:0!important;flex:1;overflow:visible!important}.graph-code-viewer code{display:block!important}.graph-code-viewer .code-viewer{flex:1;display:flex;flex-direction:column}.graph-code-viewer pre::-webkit-scrollbar{width:6px}.graph-code-viewer pre::-webkit-scrollbar-track{background:#ffffff0d}.graph-code-viewer pre::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.graph-code-viewer pre::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.graph-algorithm-status{display:flex;justify-content:center;gap:1rem;margin-top:.75rem;padding:.5rem;background:#0003;border-radius:.25rem}.graph-status-item{display:flex;flex-direction:column;align-items:center;gap:.125rem;font-size:.75rem}.graph-status-item strong{color:#3b82f6}.graph-settings-panel{padding:.5rem;background:#0003;border-radius:.25rem;margin-top:.5rem;border:1px solid rgba(255,255,255,.1)}.graph-checkbox-label{display:flex;align-items:center;gap:.25rem;cursor:pointer;color:#f8fafc;font-size:.8rem}.graph-checkbox-label input[type=checkbox]{accent-color:#3b82f6}@media (max-width: 1200px){.graph-visualizer-content{grid-template-columns:1fr;gap:.75rem}.graph-right-panel{order:-1}}@media (max-width: 768px){.graph-visualizer-header{padding:.75rem}.header-content h1{font-size:1.75rem}.header-navigation{flex-direction:column;gap:.5rem}.complexity-info{flex-direction:column;gap:.25rem}.graph-left-panel{grid-template-rows:auto auto auto}.graph-control-row{flex-direction:column;gap:.25rem}.graph-compact-btn{min-width:35px;height:35px;font-size:.8rem}}:root{--primary-color: #58a6ff;--secondary-color: #238636;--danger-color: #f85149;--warning-color: #d29922;--node-active: #f7931e;--node-complete: #58a6ff;--node-base: #238636;--node-default: #8b949e;--background: #0d1117;--surface: #161b22;--border: #30363d;--text-primary: #c9d1d9;--text-secondary: #8b949e}.recursion-visualizer{font-family:JetBrains Mono,monospace;background:var(--background);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column}.recursion-header{display:flex;align-items:center;padding:1rem 2rem;background:#161b22cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.recursion-header h1{flex:1;text-align:center;margin:0;font-size:1.8rem;font-weight:700;color:var(--primary-color)}.home-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);text-decoration:none;font-size:.9rem;font-weight:500;transition:all .2s ease}.home-button:hover{background:#58a6ff1a;border-color:var(--primary-color);color:var(--primary-color)}.recursion-main{flex:1;padding:2rem;max-width:1600px;margin:0 auto;width:100%}.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap;border:0;padding:0;margin:-1px}.recursion-controls{display:flex;flex-wrap:wrap;gap:2rem;align-items:flex-end;background:var(--surface);padding:1.5rem;border-radius:12px;border:1px solid var(--border);margin-bottom:2.5rem;box-shadow:0 2px 12px #283c5a14}.controls-row{display:flex;align-items:center;gap:2rem;margin-bottom:1.2rem}.controls-group{display:flex;align-items:center;gap:1.5rem;border:none;margin:0;padding:1rem 1.5rem;border-radius:8px;background:#58a6ff0a;border:1px solid var(--border)}.playback-row{display:flex;align-items:center;gap:2rem}.playback-group{margin-left:2rem;padding:1rem 1.5rem;border-radius:8px;background:#2386360a;border:1px solid var(--border)}.recursion-controls label{font-weight:500;color:var(--text-secondary)}.recursion-controls button,.recursion-controls input,.recursion-controls select{font-size:1.05rem;border-radius:6px;outline:none;border:1px solid var(--border);transition:border-color .2s}.recursion-controls button:focus,.recursion-controls input:focus,.recursion-controls select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #58a6ff33}.algorithm-selector{display:flex;align-items:center;gap:.5rem}.algorithm-selector label{font-weight:500;color:var(--text-secondary)}.algorithm-selector select{padding:.5rem;background:var(--background);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-family:inherit}.input-controls{display:flex;align-items:center;gap:1rem}.input-area{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.input-group{display:flex;align-items:center;gap:.5rem}.input-group label{font-weight:500;color:var(--text-secondary)}.input-group input{width:60px;padding:.5rem;background:var(--background);border:1.5px solid var(--border);border-radius:6px;color:var(--text-primary);font-family:inherit;text-align:center;font-size:1.05rem}.input-group input:focus{border-color:var(--primary-color)}.algorithm-input-group,.n-input-group{display:flex;align-items:center;gap:.5rem}.input-label{color:var(--dsa-text-secondary, #8b949e);font-size:1rem;font-weight:500}.input-select,.input-number{background:var(--dsa-bg-secondary, #161b22);color:var(--dsa-text-primary, #c9d1d9);border:1.5px solid var(--dsa-border, #30363d);border-radius:6px;padding:.4rem .8rem;font-size:1rem;outline:none;transition:border .2s}.input-select:focus,.input-number:focus{border:1.5px solid var(--dsa-accent, #58a6ff)}.btn{padding:.5rem 1rem;border:none;border-radius:6px;font-family:inherit;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary{border:2px solid var(--border);background:var(--border);color:var(--text-primary);font-weight:600}.btn-secondary:hover{background:var(--text-secondary)}.btn-secondary:focus{border-color:var(--primary-color)}.btn.btn-reset{background:var(--dsa-accent, #58a6ff);color:#fff;border:none;border-radius:6px;padding:.4rem 1.2rem;font-size:1rem;font-weight:600;margin-left:1rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:background .2s}.btn.btn-reset:hover,.btn.btn-reset:focus{background:#1f6feb}.btn-icon{font-size:1.2em;display:inline-block}.playback-controls{display:flex;gap:.5rem}.control-btn{width:40px;height:40px;justify-content:center;border:2px solid var(--primary-color);background:var(--primary-color);color:#fff;transition:background .2s,border-color .2s;background:var(--dsa-bg-secondary, #161b22);color:var(--dsa-accent, #58a6ff);border:1.5px solid var(--dsa-border, #30363d);border-radius:6px;padding:.4rem .7rem;font-size:1.2rem;display:flex;align-items:center;cursor:pointer;transition:background .2s,border .2s}.control-btn:hover:not(:disabled){background:#4493e0}.control-btn:focus{border-color:var(--secondary-color);background:#4493e0}.control-btn:disabled{background:var(--border);cursor:not-allowed;opacity:.6}.step-info{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem}.step-description{color:var(--text-secondary);font-style:italic}.speed-control{display:flex;align-items:center;gap:.5rem;background:var(--dsa-bg-secondary, #161b22);border-radius:6px;padding:.3rem .8rem;color:var(--dsa-text-secondary, #8b949e);font-size:1rem}.visualization-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;margin-bottom:2rem}.visualization-column{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.column-header{background:#58a6ff1a;padding:1rem;border-bottom:1px solid var(--border)}.column-header h3{margin:0;font-size:1.1rem;color:var(--primary-color);text-align:center}.tree-container{flex:1;display:flex;justify-content:center;align-items:center;min-height:500px;overflow:auto;padding:1rem;background:repeating-linear-gradient(45deg,#ffffff03,#ffffff03 10px,#ffffff05 10px,#ffffff05 20px)}.tree-container svg{min-width:700px;min-height:500px;width:100%;height:auto}.call-stack{padding:1rem;height:500px;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.stack-frame{background:var(--background);border:1px solid var(--border);border-radius:8px;padding:.75rem;transition:all .2s ease}.stack-frame.active{border-color:var(--primary-color);background:#58a6ff0d}.frame-function{font-weight:600;color:var(--primary-color);margin-bottom:.25rem}.frame-params{font-size:.9rem;color:var(--text-secondary);margin-bottom:.25rem}.frame-return{font-size:.9rem;color:var(--secondary-color);font-weight:500}.stack-empty{text-align:center;color:var(--text-secondary);font-style:italic;padding:2rem}.code-display{padding:1rem;height:500px;overflow-y:auto;background:var(--background)}.code-line{display:flex;align-items:center;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease}.code-line.highlighted{background:#f7931e33;border-left:3px solid var(--node-active)}.line-number{width:2rem;text-align:right;color:var(--text-secondary);font-size:.9rem;margin-right:1rem}.line-content{flex:1;font-family:JetBrains Mono,monospace;font-size:.9rem}.recursion-legend{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.legend-header h3{margin:0 0 1rem;color:var(--primary-color)}.legend-items{display:flex;flex-wrap:wrap;gap:1.5rem}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-node{width:20px;height:20px;border-radius:50%;border:2px solid}.legend-node.calling{background:var(--node-active);border-color:var(--node-active)}.legend-node.base-case{background:var(--node-base);border-color:var(--node-base)}.legend-node.complete{background:var(--node-complete);border-color:var(--node-complete)}.legend-node.default{background:var(--node-default);border-color:var(--node-default)}.recursion-education{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:2rem}.education-header h3{margin:0 0 1.5rem;color:var(--primary-color);font-size:1.4rem}.education-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.concept-section h4,.key-insights h4{color:var(--secondary-color);margin:0 0 1rem}.concept-section p,.key-insights p{line-height:1.6;margin-bottom:1rem}.concept-section ul,.key-insights ul,.key-insights ol{padding-left:1.5rem;line-height:1.6}.concept-section li,.key-insights li{margin-bottom:.5rem}.tooltip{position:absolute;background:#161b22e6;color:var(--text-primary);padding:.5rem 1rem;border-radius:8px;font-size:.9rem;white-space:nowrap;z-index:200;transition:opacity .2s ease;opacity:0}.tooltip.visible{opacity:1}:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media (max-width: 1400px){.visualization-container{grid-template-columns:1fr;gap:1rem}.education-content{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 1200px){.recursion-controls{flex-direction:column;align-items:stretch;gap:1.5rem}.controls-group,.playback-group{margin-left:0}}@media (max-width: 900px){.controls-row,.playback-row{flex-direction:column;align-items:flex-start;gap:1rem}.speed-control{margin-top:.5rem}}@media (max-width: 768px){.recursion-main{padding:1rem}.recursion-header{padding:.75rem 1rem;flex-direction:column;gap:1rem}.recursion-header h1{font-size:1.4rem}.legend-items{justify-content:center}}.hash-table-visualizer{font-family:JetBrains Mono,monospace;background:#0d1117;color:#c9d1d9;min-height:100vh;display:flex;flex-direction:column}.hash-header{display:flex;align-items:center;padding:1rem;background-color:#161b22;border-bottom:1px solid #30363d;position:relative;z-index:10}.hash-header h1{flex:1;text-align:center;margin:0;font-size:1.8rem;font-weight:600;color:#58a6ff}.home-button{display:flex;align-items:center;gap:6px;padding:10px 16px;background-color:#fff;border:2px solid #e1e5e9;border-radius:3px;color:#24292f;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s ease;box-shadow:0 1px 3px #0000001a;width:fit-content}.home-button:hover{background-color:#f6f8fa;border-color:#d0d7de;color:#0969da}.hash-main{flex:1;padding:20px;max-width:1400px;margin:0 auto;width:100%}.hash-controls{background:#161b22;border:1px solid #30363d;border-radius:6px;padding:20px;margin-bottom:20px;display:flex;flex-direction:column;gap:20px}.config-group{display:flex;gap:20px;flex-wrap:wrap;align-items:center;justify-content:center}.config-item{display:flex;flex-direction:column;gap:5px;text-align:center}.config-item label{font-weight:500;font-size:14px;color:#8b949e}.config-item select{padding:8px 12px;background:#0d1117;border:1px solid #30363d;border-radius:6px;color:#c9d1d9;font-size:14px;font-family:JetBrains Mono,monospace;min-width:140px}.config-item select:focus{outline:none;border-color:#58a6ff;box-shadow:0 0 0 2px #58a6ff33}.operations-group{display:flex;gap:20px;flex-wrap:wrap;align-items:center;justify-content:center}.input-group{display:flex;gap:10px;align-items:center;justify-content:center}.key-input,.value-input{padding:8px 12px;background:#0d1117;border:1px solid #30363d;border-radius:6px;color:#c9d1d9;font-size:14px;font-family:JetBrains Mono,monospace}.key-input{width:80px}.value-input{width:120px}.key-input:focus,.value-input:focus{outline:none;border-color:#58a6ff;box-shadow:0 0 0 2px #58a6ff33}.action-buttons,.utility-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;align-items:center}.btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;background:transparent;font-family:JetBrains Mono,monospace}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:#fff;background-color:#238636;border-color:#238636}.btn-primary:hover:not(:disabled){background-color:#2ea043;border-color:#2ea043}.btn-secondary{color:#fff;background-color:#58a6ff;border-color:#58a6ff}.btn-secondary:hover:not(:disabled){background-color:#6cb6ff;border-color:#6cb6ff}.btn-danger{color:#fff;background-color:#f85149;border-color:#f85149}.btn-danger:hover:not(:disabled){background-color:#fd8489;border-color:#fd8489}.btn-info{color:#fff;background-color:#d29922;border-color:#d29922}.btn-info:hover:not(:disabled){background-color:#e2a336;border-color:#e2a336}.btn-warning{color:#0d1117;background-color:#d29922;border-color:#d29922}.btn-warning:hover:not(:disabled){background-color:#e2a336;border-color:#e2a336}.animation-controls{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding-top:15px;border-top:1px solid #30363d}.playback-controls{display:flex;gap:8px}.control-btn{width:40px;height:40px;background:#58a6ff;border:1px solid #58a6ff;border-radius:6px;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:14px}.control-btn:hover:not(:disabled){background:#6cb6ff;border-color:#6cb6ff}.control-btn:disabled{opacity:.4;cursor:not-allowed}.step-info{display:flex;flex-direction:column;gap:4px;font-size:14px;color:#8b949e}.step-type{font-size:12px;font-weight:500;text-transform:capitalize}.speed-control{display:flex;align-items:center;gap:10px;font-size:14px;color:#8b949e}.speed-control span{color:#58a6ff;font-weight:500}.hash-status{display:flex;gap:30px;flex-wrap:wrap;padding:15px 20px;background:#161b22;border:1px solid #30363d;border-radius:6px;margin-bottom:20px}.status-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#8b949e}.status-item svg{color:#58a6ff}.hash-message{padding:15px 20px;background:#161b22;border:1px solid #30363d;border-radius:6px;margin-bottom:20px;font-size:14px;color:#c9d1d9;text-align:center}.hash-table-container{background:#161b22;border:1px solid #30363d;border-radius:6px;padding:20px;margin-bottom:20px}.hash-table-container h3{margin:0 0 20px;color:#58a6ff;font-size:1.1rem;text-align:center}.hash-table-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;max-width:800px;margin:0 auto}.hash-slot{display:flex;flex-direction:column;align-items:center;padding:15px 10px;border:2px solid #30363d;border-radius:8px;transition:all .3s ease;min-height:80px;justify-content:center;position:relative}.hash-slot.empty{background:#0d1117;border-color:#30363d}.hash-slot.occupied{background:#161b22;border-color:#58a6ff}.hash-slot.initial-hash{background:#58a6ff33;border-color:#58a6ff;box-shadow:0 0 0 2px #58a6ff4d}.hash-slot.checking-empty{background:#8b949e33;border-color:#8b949e;box-shadow:0 0 0 2px #8b949e4d}.hash-slot.checking-occupied{background:#d2992233;border-color:#d29922;box-shadow:0 0 0 2px #d299224d}.hash-slot.probing{background:#d299224d;border-color:#d29922;box-shadow:0 0 0 3px #d2992266;animation:probe-pulse .5s ease-in-out}.hash-slot.found{background:#2386364d;border-color:#238636;box-shadow:0 0 0 3px #23863666}.hash-slot.inserted{background:#2386364d;border-color:#238636;box-shadow:0 0 0 3px #23863666;animation:insert-success .6s ease-in-out}@keyframes probe-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes insert-success{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.slot-index{font-size:12px;color:#8b949e;font-weight:500;margin-bottom:5px}.slot-value{font-size:16px;font-weight:600;color:#c9d1d9}.hash-slot.empty .slot-value{color:#30363d;font-size:14px}.hash-education{background:#161b22;border:1px solid #30363d;border-radius:6px;overflow:hidden}.education-header{padding:15px 20px;border-bottom:1px solid #30363d}.education-toggle{background:transparent;border:none;color:#58a6ff;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;transition:color .2s ease}.education-toggle:hover{color:#6cb6ff}.education-content{padding:20px}.education-tabs{display:flex;gap:2px;margin-bottom:20px;background:#0d1117;border-radius:6px;padding:4px}.tab{flex:1;padding:10px 15px;background:transparent;border:none;color:#8b949e;font-size:14px;font-weight:500;cursor:pointer;border-radius:4px;transition:all .2s ease;font-family:JetBrains Mono,monospace}.tab:hover{color:#c9d1d9;background:#30363d}.tab.active{color:#fff;background:#58a6ff}.education-panel{min-height:300px}.education-section h4{color:#58a6ff;margin:0 0 20px;font-size:1.2rem}.method-explanation{margin-bottom:25px;padding:15px;background:#0d1117;border-radius:6px;border-left:4px solid #58a6ff}.method-explanation h5{color:#c9d1d9;margin:0 0 10px;font-size:1rem}.method-explanation p{margin:8px 0;line-height:1.5;color:#8b949e}.method-explanation p strong{color:#c9d1d9}.complexity-table{margin-bottom:25px}.complexity-table table{width:100%;border-collapse:collapse;margin-top:10px}.complexity-table th,.complexity-table td{padding:10px 15px;text-align:left;border:1px solid #30363d}.complexity-table th{background:#0d1117;color:#58a6ff;font-weight:600}.complexity-table td{background:#161b22;color:#c9d1d9}.applications,.best-practices{margin-bottom:20px}.applications h5,.best-practices h5{color:#c9d1d9;margin:0 0 15px}.applications ul,.best-practices ul{margin:0;padding-left:20px;color:#8b949e}.applications li,.best-practices li{margin-bottom:8px;line-height:1.5}.applications li strong,.best-practices li strong{color:#c9d1d9}@media (max-width: 1200px){.hash-table-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}@media (max-width: 768px){.hash-main{padding:15px}.config-group,.operations-group{flex-direction:column;align-items:stretch;gap:15px}.input-group,.action-buttons,.utility-buttons{justify-content:center;flex-wrap:wrap}.animation-controls{flex-direction:column;align-items:center;gap:15px}.hash-status{flex-direction:column;gap:15px}.hash-table-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px}.hash-slot{padding:10px 8px;min-height:60px}.education-tabs{flex-direction:column}}.hash-education::-webkit-scrollbar{width:6px;height:6px}.hash-education::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.hash-education::-webkit-scrollbar-thumb{background:#58a6ff4d;border-radius:3px}.hash-education::-webkit-scrollbar-thumb:hover{background:#58a6ff80}.greedy-algorithms-container{min-height:100vh;position:relative;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);color:#f8fafc;overflow-x:hidden}.greedy-algorithms-bg-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(16,185,129,.15) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(245,158,11,.15) 0%,transparent 50%);pointer-events:none}.greedy-algorithms-header{position:relative;z-index:2;text-align:center;padding:3rem 2rem;background:#0f172acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.home-button{position:absolute;top:2rem;left:2rem;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.75rem;color:#f8fafc;text-decoration:none;transition:all .3s ease;font-weight:500}.home-button:hover{background:#ffffff26;border-color:#ffffff4d;color:#fff;text-decoration:none;transform:translateY(-2px)}.greedy-algorithms-header h1{margin:0 0 1rem;font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#3b82f6,#10b981,#f59e0b);background-clip:text;-webkit-background-clip:text;color:transparent;text-align:center}.greedy-algorithms-header p{font-size:1.25rem;color:#cbd5e1;max-width:600px;margin:0 auto;line-height:1.6}.algorithms-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:4rem;padding:4rem 2rem;max-width:1600px;margin:0 auto;justify-items:center}.algorithm-card{position:relative;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:1.5rem;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;cursor:pointer;padding-left:10%;width:500%;max-width:600px;min-height:400px;display:flex;flex-direction:column}.algorithm-card:hover{border-color:var(--card-color, #3b82f6);box-shadow:0 20px 40px #0000004d,0 0 0 1px var(--card-color, #3b82f6)}.card-link{display:block;padding:2.5rem;text-decoration:none;color:inherit;height:100%;position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-start;gap:1.5rem}.card-link:hover{text-decoration:none;color:inherit}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.card-icon{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;background:linear-gradient(135deg,var(--card-color, #3b82f6),rgba(255,255,255,.2));border-radius:1rem;color:#fff;font-size:1.5rem;box-shadow:0 8px 20px #0003}.card-difficulty{padding:.5rem 1rem;background:rgba(var(--card-color, 59, 130, 246),.2);border:1px solid var(--card-color, #3b82f6);border-radius:2rem;font-size:.875rem;font-weight:600;color:var(--card-color, #3b82f6)}.card-content{margin-bottom:2rem}.card-title{margin:0 0 1.5rem;font-size:1.5rem;font-weight:700;color:#f8fafc;line-height:1.3}.card-description{margin:0 0 2rem;color:#cbd5e1;line-height:1.6;font-size:1rem}.card-complexity{display:flex;gap:1.5rem;margin-bottom:2rem}.complexity-item{display:flex;flex-direction:column;gap:.25rem}.complexity-label{font-size:.875rem;color:#94a3b8;font-weight:500}.complexity-value{font-size:1rem;color:#f8fafc;font-weight:600;font-family:JetBrains Mono,monospace}.card-features{display:flex;flex-wrap:wrap;gap:.5rem}.feature-tag{padding:.375rem .75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:1rem;font-size:.875rem;color:#e2e8f0;font-weight:500}.card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.explore-text{font-weight:600;color:var(--card-color, #3b82f6)}.arrow-icon{color:var(--card-color, #3b82f6);transition:transform .3s ease}.algorithm-card:hover .arrow-icon{transform:translate(4px)}.card-gradient{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,var(--card-color, #3b82f6) 100%);opacity:0;transition:opacity .3s ease;pointer-events:none}.algorithm-card:hover .card-gradient{opacity:.05}.algorithms-info{position:relative;z-index:1;padding:4rem 2rem;background:#0f172ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1)}.algorithms-info h2{text-align:center;margin:0 0 3rem;font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#10b981);background-clip:text;-webkit-background-clip:text;color:transparent}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.info-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.info-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-4px)}.info-card h3{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:#f8fafc}.info-card p{margin:0;color:#cbd5e1;line-height:1.6}@media (max-width: 1024px){.algorithms-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;padding:2rem 1rem}.greedy-algorithms-header h1{font-size:2.5rem}.greedy-algorithms-header p{font-size:1.1rem}}@media (max-width: 768px){.algorithms-grid{grid-template-columns:1fr;gap:1rem;padding:1.5rem 1rem}.greedy-algorithms-header{padding:2rem 1rem}.greedy-algorithms-header h1{font-size:2rem}.home-button{top:1rem;left:1rem;padding:.5rem 1rem}.card-link{padding:1.5rem}.card-header{flex-direction:column;gap:1rem;align-items:flex-start}.card-complexity{flex-direction:column;gap:.5rem}.algorithms-info{padding:2rem 1rem}.algorithms-info h2{font-size:2rem}.info-grid{grid-template-columns:1fr;gap:1rem}.info-card{padding:1.5rem}}@media (max-width: 480px){.greedy-algorithms-header h1{font-size:1.75rem}.greedy-algorithms-header p{font-size:1rem}.card-title{font-size:1.25rem}.card-icon{width:3rem;height:3rem;font-size:1.25rem}}.greedy-visualizer-container{min-height:100vh;position:relative;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);color:#f8fafc;overflow-x:hidden}.greedy-visualizer-bg-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(147,51,234,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(16,185,129,.1) 0%,transparent 50%);pointer-events:none}.greedy-visualizer-header{position:relative;z-index:2;background:#0f172ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);padding:1.5rem 2rem}.nav-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;color:#f8fafc;text-decoration:none;transition:all .2s ease;font-size:.9rem}.nav-button:hover{background:#ffffff26;border-color:#ffffff4d;color:#fff;text-decoration:none}.header-content h1{margin:0 0 .5rem;font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#8b5cf6,#06b6d4);background-clip:text;-webkit-background-clip:text;color:transparent;text-align:center}.header-content p{margin:0 0 1rem;font-size:1.1rem;color:#cbd5e1;text-align:center;max-width:800px;margin-left:auto;margin-right:auto}.complexity-item strong{color:#f8fafc}.visualizer-content{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 140px);gap:1rem;padding:1rem}.left-panel{display:grid;grid-template-rows:auto 1fr 1fr;gap:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.controls-section h3{margin:0 0 1rem;font-size:1.1rem;color:#f8fafc;text-align:center}.playback-controls{display:flex;justify-content:center;gap:.5rem}.control-btn{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;color:#f8fafc;cursor:pointer;transition:all .2s ease;font-size:1.2rem}.control-btn:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.control-btn:disabled{opacity:.5;cursor:not-allowed}.control-btn.primary{background:#3b82f633;border-color:#3b82f666;color:#3b82f6}.control-btn.primary:hover:not(:disabled){background:#3b82f64d;border-color:#3b82f680}.speed-control{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9rem}.speed-control input[type=range]{width:100px}.visualization-section h3{margin:0 0 1rem;font-size:1.1rem;color:#f8fafc;text-align:center}.visualization-content{flex:1;display:flex;align-items:center;justify-content:center;background:#0003;border-radius:.5rem;padding:1rem;min-height:200px}.console-section h3{margin:0 0 1rem;font-size:1.1rem;color:#f8fafc;text-align:center}.step-info{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#ffffff0d;border-radius:.25rem;font-size:.9rem}.step-description{color:#94a3b8;font-style:italic}.console-output{flex:1;background:#0000004d;border-radius:.5rem;padding:1rem;overflow-y:auto;font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem;line-height:1.4}.console-line{margin-bottom:.25rem;color:#e2e8f0}.right-panel{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;display:flex;flex-direction:column}.right-panel h3{margin:0;padding:1rem;font-size:1.25rem;color:#f8fafc;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}.code-viewer{flex:1;overflow:hidden}.code-viewer pre{margin:0!important;height:100%!important;overflow:auto!important;scroll-behavior:smooth}.code-viewer code{height:100%!important}.algorithm-controls{display:flex;flex-direction:column;gap:1rem}.input-group label{font-size:.9rem;color:#f8fafc;font-weight:500}.array-input{padding:.75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;color:#f8fafc;font-size:.9rem;transition:all .2s ease}.array-input:focus{outline:none;border-color:#3b82f680;box-shadow:0 0 0 2px #3b82f633}.algorithm-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.5rem;padding:.75rem;background:#ffffff0d;border-radius:.5rem;font-size:.85rem}.algorithm-info div{display:flex;justify-content:space-between;align-items:center}.algorithm-info strong{color:#94a3b8}.algorithm-status{display:flex;justify-content:center;gap:2rem;margin-top:1.5rem;padding:1rem;background:#0003;border-radius:.5rem}.status-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;font-size:.9rem}.status-item span:first-child{color:#94a3b8;font-size:.8rem}.status-value{color:#f8fafc;font-weight:600;font-size:1.1rem}.jobs-info h4{margin:1rem 0 .5rem;color:#f8fafc;font-size:1rem}.jobs-grid{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.job-info{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#ffffff0d;border-radius:.25rem;font-size:.85rem}.job-info.sorted{background:#3b82f61a;border:1px solid rgba(59,130,246,.3)}.job-id{color:#3b82f6;font-weight:600}.job-details{color:#e2e8f0;font-family:JetBrains Mono,monospace}.job-list h4,.job-schedule h4{margin:0 0 1rem;text-align:center;color:#f8fafc;font-size:1.1rem}.jobs-container{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:2rem}.job-header{font-weight:600;color:#f8fafc;margin-bottom:.25rem}.job-profit{color:#10b981;font-size:.85rem;font-weight:500}.job-deadline{color:#f59e0b;font-size:.85rem;font-weight:500}.schedule-container{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.time-slot.checking{background:#f59e0b4d;border-color:#f59e0b;color:#f59e0b;animation:pulse 1s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.job-input-section{margin-bottom:1.5rem;padding:1rem;background:#ffffff0d;border-radius:.75rem;border:1px solid rgba(255,255,255,.1)}.job-input{width:100%;padding:.75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;color:#f8fafc;font-size:.9rem;font-family:JetBrains Mono,monospace;resize:vertical;min-height:120px;transition:all .2s ease}.job-input:focus{outline:none;border-color:#3b82f680;box-shadow:0 0 0 2px #3b82f633}@media (max-width: 1200px){.visualizer-content{grid-template-columns:1fr;grid-template-rows:1fr auto}.right-panel{height:400px}.left-panel{grid-template-rows:auto 1fr .8fr}}@media (max-width: 768px){.greedy-visualizer-header{padding:1rem}.header-content h1{font-size:2rem}.complexity-info{flex-direction:column;gap:.5rem;text-align:center}.visualizer-content{padding:.5rem;gap:.5rem}.left-panel{grid-template-rows:auto 1fr .6fr}.controls-section{padding:.75rem}.playback-controls{gap:.25rem}.control-btn{width:45px;height:45px;font-size:1.1rem}.speed-control{font-size:.8rem}.speed-control input[type=range]{width:80px}.algorithm-status{flex-direction:column;gap:1rem}.algorithm-info{grid-template-columns:1fr}.jobs-container{gap:.5rem}.job-item{min-width:120px;padding:.5rem}.schedule-container{gap:.25rem}.time-slot{min-width:50px;padding:.5rem}.jobs-grid{font-size:.8rem}.job-info{flex-direction:column;align-items:flex-start;gap:.25rem}.preset-buttons{flex-direction:column;gap:.5rem}.preset-btn{width:100%;text-align:center}.job-input{font-size:.8rem;min-height:100px}.preference-input{font-size:.8rem}.edit-controls{flex-direction:column;gap:.5rem}.edit-btn{width:100%;min-width:auto}.job-input-section{padding:.75rem}.algorithm-controls{gap:.75rem}}.array-visualization{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;padding:1rem}.array-item{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:.5rem;font-weight:600;font-size:1.1rem;transition:all .3s ease}.array-item.current{background:#3b82f64d;border-color:#3b82f6;color:#3b82f6;transform:scale(1.1)}.array-item.candidate{background:#10b9814d;border-color:#10b981;color:#10b981}.array-item.comparing{background:#f59e0b4d;border-color:#f59e0b;color:#f59e0b}.array-item.rejected{background:#ef44444d;border-color:#ef4444;color:#ef4444}.matching-visualization{display:flex;flex-direction:column;gap:2rem;padding:1rem}.matching-group{display:flex;justify-content:space-between;align-items:center}.matching-group h4{margin:0 0 1rem;text-align:center;font-size:1.1rem;color:#f8fafc}.matching-items{display:flex;flex-direction:column;gap:.5rem}.matching-item{padding:.75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;text-align:center;font-weight:500;transition:all .3s ease}.matching-item.matched{background:#10b9814d;border-color:#10b981;color:#10b981}.matching-item.proposing{background:#3b82f64d;border-color:#3b82f6;color:#3b82f6}.matching-connection{width:100px;height:2px;background:linear-gradient(90deg,#10b981,#3b82f6);position:relative}.job-visualization{display:flex;flex-direction:column;gap:1.5rem;padding:1rem}.job-list{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.job-item{display:flex;flex-direction:column;align-items:center;padding:.75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;font-size:.9rem;transition:all .3s ease}.job-item.scheduled{background:#10b9814d;border-color:#10b981;color:#10b981}.job-item.considering{background:#3b82f64d;border-color:#3b82f6;color:#3b82f6}.job-item.rejected{background:#ef44444d;border-color:#ef4444;color:#ef4444}.job-schedule{display:flex;justify-content:center;gap:.25rem;margin-top:1rem}.time-slot{display:flex;flex-direction:column;align-items:center;padding:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.25rem;min-width:60px;font-size:.9rem}.time-slot.filled{background:#10b9814d;border-color:#10b981;color:#10b981}.time-slot-label{font-size:.8rem;color:#94a3b8;margin-bottom:.25rem}.time-slot-job{font-weight:600;font-size:1.1rem}.matching-preferences h4{margin:1rem 0 .5rem;color:#f8fafc;font-size:1rem}.preferences-grid{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.preference-row{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.person-label{min-width:80px;font-weight:500;color:#f8fafc}.preferences-list{font-family:JetBrains Mono,monospace;color:#cbd5e1}.preference-input{flex:1;padding:.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.375rem;color:#f8fafc;font-size:.875rem;font-family:JetBrains Mono,monospace;transition:all .2s ease}.preference-input:focus{outline:none;border-color:#3b82f680;box-shadow:0 0 0 2px #3b82f633}.edit-controls{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.edit-btn{flex:1;padding:.75rem 1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;color:#f8fafc;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center;min-width:120px}.edit-btn:hover{background:#ffffff26;border-color:#ffffff4d;color:#fff}.edit-btn.active{background:#3b82f64d;border-color:#3b82f680;color:#60a5fa}.edit-btn.reset{background:#ef444433;border-color:#ef44444d;color:#f87171}.edit-btn.reset:hover{background:#ef44444d;border-color:#ef444466;color:#fca5a5}.preset-buttons{display:flex;gap:.75rem;margin:1rem 0;flex-wrap:wrap}.preset-btn{padding:.5rem 1rem;background:#10b98133;border:1px solid rgba(16,185,129,.3);border-radius:.5rem;color:#10b981;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.preset-btn:hover{background:#10b9814d;border-color:#10b98166;color:#34d399}.edit-help{margin-top:1rem;padding:.75rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:.5rem;font-size:.875rem}.edit-help p{margin:0 0 .5rem;color:#fbbf24;line-height:1.4}.edit-help p:last-child{margin-bottom:0}.homepage{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:radial-gradient(ellipse at center,#0b0c2a,#060722,#030412);color:#fff;min-height:100vh;display:flex;flex-direction:column;padding:0;margin:0;overflow-x:hidden;position:relative;width:100%;max-width:100%}.homepage{display:flex;flex-direction:column;min-height:100vh}.homepage-main{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px 20px 0;position:relative;z-index:15}.homepage-bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 15% 25%,rgba(255,255,255,.1) 1px,transparent 1px),radial-gradient(circle at 75% 15%,rgba(200,220,255,.08) 1px,transparent 1px),radial-gradient(circle at 35% 70%,rgba(255,255,255,.06) 1px,transparent 1px),radial-gradient(circle at 85% 85%,rgba(180,200,255,.08) 1px,transparent 1px),radial-gradient(circle at 25% 50%,rgba(255,255,255,.05) 1px,transparent 1px);background-size:180px 180px,220px 220px,160px 160px,200px 200px,140px 140px;animation:starsFadeIn 8s ease-in infinite alternate;pointer-events:none;z-index:0}@keyframes starsFadeIn{0%{opacity:.3}to{opacity:.7}}.cosmic-clam-container{position:relative;width:400px;height:240px;margin:60px auto 40px;z-index:1;pointer-events:auto;cursor:pointer;transition:all .4s ease}.cosmic-clam-container:before{content:"";position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;background:radial-gradient(circle,rgba(91,180,232,.1) 0%,rgba(46,134,171,.05) 40%,transparent 70%);border-radius:50%;animation:energyPulse 4s ease-in-out infinite;opacity:0;transition:opacity .6s ease}.cosmic-clam-container:after{content:"";position:absolute;top:-30px;left:-30px;right:-30px;bottom:-30px;border:2px solid transparent;border-radius:50%;background:conic-gradient(from 0deg,#5bb4e866,#a7d8f033,#2e86ab4d,#5bb4e866);mask:radial-gradient(circle,transparent 85%,black 87%,transparent 89%);animation:rotatingAura 8s linear infinite;opacity:0;transition:opacity .6s ease}.cosmic-clam-container:hover{transform:scale(1.05);filter:drop-shadow(0 0 40px rgba(91,180,232,.4))}.cosmic-clam-container:hover:before,.cosmic-clam-container:hover:after{opacity:1}@keyframes energyPulse{0%,to{transform:scale(.8);opacity:.3}50%{transform:scale(1.2);opacity:.7}}@keyframes rotatingAura{0%{transform:rotate(0) scale(.9)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(360deg) scale(.9)}}.cosmic-clam-container:hover .clam-shell{animation:shellBounce .6s ease-out}@keyframes shellBounce{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.clam-shell{width:100%;height:100%;filter:drop-shadow(0 10px 30px rgba(91,180,232,.2));transition:filter .4s ease}.cosmic-clam-container:hover .clam-shell{filter:drop-shadow(0 15px 40px rgba(91,180,232,.4))}.clam-bottom{transition:all .3s ease}.clam-top{transform-origin:40px 200px;transition:transform 1.8s cubic-bezier(.25,.1,.25,1);transition-delay:0s;animation:subtleBreathing 8s ease-in-out infinite;will-change:transform}.cosmic-clam-container:not(:hover) .clam-top{transition-delay:1.2s}.cosmic-clam-container:hover .clam-top{transform:rotate(-45deg);animation-play-state:paused}.cosmic-clam-container:hover .clam-top{animation:shellOpening 1.8s cubic-bezier(.25,.1,.25,1) forwards}@keyframes shellOpening{0%{transform:rotate(0)}15%{transform:rotate(-3deg) scale(1.02)}30%{transform:rotate(2deg) scale(1.01)}45%{transform:rotate(-8deg) scale(1.03)}65%{transform:rotate(-25deg) scale(1.02)}85%{transform:rotate(-40deg) scale(1.01)}to{transform:rotate(-45deg) scale(1)}}.clam-bottom-texture,.clam-top-texture{transition:opacity .4s ease}.clam-top-texture{transform-origin:40px 200px;transition:transform 1.8s cubic-bezier(.25,.1,.25,1),opacity .4s ease}.cosmic-clam-container:not(:hover) .clam-top-texture{transition-delay:1.2s}.cosmic-clam-container:not(:hover) .clam-bottom-texture{transition-delay:1.2s}.cosmic-clam-container:hover .clam-bottom-texture{opacity:.8}.cosmic-clam-container:hover .clam-top-texture{opacity:.6;transform:rotate(-45deg)}.clam-shimmer{animation:shellShimmer 4s ease-in-out infinite;transform-origin:40px 200px;transition:transform 1.8s cubic-bezier(.25,.1,.25,1)}.cosmic-clam-container:not(:hover) .clam-shimmer{transition-delay:1.2s}.cosmic-clam-container:hover .clam-shimmer{transform:rotate(-45deg)}.clam-detail-line-1,.clam-detail-line-2{opacity:.3;transition:all 1.8s cubic-bezier(.25,.1,.25,1);transform-origin:40px 200px}.cosmic-clam-container:not(:hover) .clam-detail-line-1,.cosmic-clam-container:not(:hover) .clam-detail-line-2{transition-delay:1.2s}.cosmic-clam-container:hover .clam-detail-line-1{opacity:.8;transform:rotate(-45deg)}.cosmic-clam-container:hover .clam-detail-line-2{opacity:.6;transform:rotate(-45deg)}@keyframes subtleBreathing{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.03) rotate(.8deg)}}@keyframes shellShimmer{0%,to{opacity:.3}25%{opacity:.7}50%{opacity:.5}75%{opacity:.8}}.pearl{width:60px;height:60px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.5);opacity:0;transition:all 1.5s ease-in-out .8s;z-index:2}.cosmic-clam-container:not(:hover) .pearl{transition:all 1s ease-in-out 0s}.pearl:before{content:"";position:absolute;top:-15px;left:-15px;right:-15px;bottom:-15px;border-radius:50%;background:radial-gradient(circle,rgba(91,180,232,.3) 0%,rgba(91,180,232,.1) 40%,transparent 70%);animation:pearlEnergyField 3s ease-in-out infinite;opacity:0}.pearl:after{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:50%;border:1px solid rgba(255,255,255,.3);box-shadow:0 0 15px #5bb4e899,inset 0 0 15px #fff3;animation:pearlSpark 2s ease-in-out infinite alternate;opacity:0}.cosmic-clam-container:hover .pearl{opacity:1;transform:translate(-50%,-50%) scale(1.2)}.cosmic-clam-container:hover .pearl:before,.cosmic-clam-container:hover .pearl:after{opacity:1}.cosmic-clam-container:not(:hover) .pearl:before,.cosmic-clam-container:not(:hover) .pearl:after{transition:opacity .8s ease-in-out 0s}.pearl-core{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,#e8f4fd,#c7e7f7,#a7d8f0,#5bb4e8,#2e86ab);box-shadow:0 0 20px #5bb4e899,0 0 40px #5bb4e866,0 0 60px #5bb4e833,inset 0 2px 12px #fff9,inset 0 -2px 8px #2e86ab4d;animation:pearlRotate 12s linear infinite,pearlPulse 4s ease-in-out infinite;position:relative}.pearl-shine{position:absolute;top:15%;left:25%;width:25%;height:25%;background:radial-gradient(circle,rgba(255,255,255,.9) 0%,transparent 70%);border-radius:50%;animation:shineMove 8s ease-in-out infinite;filter:blur(1px)}.pearl-glow-ring{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:50%;background:radial-gradient(circle,transparent 60%,rgba(91,180,232,.3) 70%,transparent 80%);animation:glowRingPulse 3s ease-in-out infinite alternate}.pearl-rays{position:absolute;top:50%;left:50%;width:120px;height:120px;transform:translate(-50%,-50%);opacity:0;transition:opacity 1s ease-in-out .8s}.cosmic-clam-container:not(:hover) .pearl-rays{transition:opacity .8s ease-in-out 0s}.cosmic-clam-container:hover .pearl-rays{opacity:1}.ray{position:absolute;background:linear-gradient(90deg,transparent,rgba(91,180,232,.6),transparent);border-radius:2px;transform-origin:center}.ray-1{width:80px;height:2px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(0);animation:rayRotate1 6s linear infinite}.ray-2{width:60px;height:1.5px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);animation:rayRotate2 8s linear infinite}.ray-3{width:70px;height:1.5px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(90deg);animation:rayRotate3 7s linear infinite}.ray-4{width:50px;height:1px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(135deg);animation:rayRotate4 9s linear infinite}@keyframes pearlRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pearlPulse{0%,to{box-shadow:0 0 20px #5bb4e899,0 0 40px #5bb4e866,0 0 60px #5bb4e833,inset 0 2px 12px #fff9,inset 0 -2px 8px #2e86ab4d}50%{box-shadow:0 0 30px #5bb4e8cc,0 0 60px #5bb4e899,0 0 90px #5bb4e84d,inset 0 3px 15px #fffc,inset 0 -3px 10px #2e86ab66}}@keyframes shineMove{0%,to{transform:translate(0) scale(1);opacity:.8}25%{transform:translate(5px,-3px) scale(1.2);opacity:1}50%{transform:translate(-2px,4px) scale(.9);opacity:.9}75%{transform:translate(3px,2px) scale(1.1);opacity:1}}@keyframes glowRingPulse{0%{transform:scale(1);opacity:.4}to{transform:scale(1.3);opacity:.8}}@keyframes rayRotate1{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes rayRotate2{0%{transform:translate(-50%,-50%) rotate(45deg)}to{transform:translate(-50%,-50%) rotate(405deg)}}@keyframes rayRotate3{0%{transform:translate(-50%,-50%) rotate(90deg)}to{transform:translate(-50%,-50%) rotate(450deg)}}@keyframes rayRotate4{0%{transform:translate(-50%,-50%) rotate(135deg)}to{transform:translate(-50%,-50%) rotate(495deg)}}.stardust-particle{position:absolute;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#fff,#a7d8f0 40%,#5bb4e8);box-shadow:0 0 6px #5bb4e8cc,0 0 12px #a7d8f099,0 0 18px #fff6;animation:stardustDrift 20s linear infinite}.stardust-particle:before{content:"";position:absolute;top:-50%;left:-50%;right:-50%;bottom:-50%;background:radial-gradient(circle,rgba(91,180,232,.3) 0%,transparent 70%);border-radius:50%;animation:stardustGlow 3s ease-in-out infinite alternate}.stardust-small{width:2px;height:2px}.stardust-medium{width:3px;height:3px}.stardust-large{width:4px;height:4px}.stardust-blue{background:radial-gradient(circle,#fff,#5bb4e8 40%,#2e86ab);box-shadow:0 0 8px #5bb4e8e6,0 0 16px #2e86ab99}.stardust-cyan{background:radial-gradient(circle,#fff,#a7d8f0 40%,#5bb4e8);box-shadow:0 0 8px #a7d8f0e6,0 0 16px #5bb4e899}.stardust-white{background:radial-gradient(circle,#fff,#e8f4fd 60%,#a7d8f0);box-shadow:0 0 10px #fffc,0 0 20px #e8f4fd80}.stardust-1{top:5%;left:12%;animation-delay:0s}.stardust-2{top:15%;left:87%;animation-delay:1.2s}.stardust-3{top:8%;left:65%;animation-delay:2.4s}.stardust-4{top:22%;left:45%;animation-delay:3.6s}.stardust-5{top:18%;left:78%;animation-delay:4.8s}.stardust-6{top:35%;left:15%;animation-delay:6s}.stardust-7{top:42%;left:92%;animation-delay:7.2s}.stardust-8{top:28%;left:58%;animation-delay:8.4s}.stardust-9{top:38%;left:73%;animation-delay:9.6s}.stardust-10{top:45%;left:25%;animation-delay:10.8s}.stardust-11{top:52%;left:88%;animation-delay:12s}.stardust-12{top:48%;left:38%;animation-delay:13.2s}.stardust-13{top:58%;left:82%;animation-delay:14.4s}.stardust-14{top:55%;left:55%;animation-delay:15.6s}.stardust-15{top:62%;left:18%;animation-delay:16.8s}.stardust-16{top:68%;left:95%;animation-delay:18s}.stardust-17{top:65%;left:42%;animation-delay:19.2s}.stardust-18{top:72%;left:75%;animation-delay:.6s}.stardust-19{top:78%;left:28%;animation-delay:1.8s}.stardust-20{top:75%;left:68%;animation-delay:3s}.stardust-21{top:82%;left:52%;animation-delay:4.2s}.stardust-22{top:85%;left:85%;animation-delay:5.4s}.stardust-23{top:88%;left:35%;animation-delay:6.6s}.stardust-24{top:92%;left:78%;animation-delay:7.8s}.stardust-25{top:95%;left:22%;animation-delay:9s}.stardust-26{top:12%;left:8%;animation-delay:10.2s}.stardust-27{top:25%;left:95%;animation-delay:11.4s}.stardust-28{top:32%;left:5%;animation-delay:12.6s}.stardust-29{top:48%;left:98%;animation-delay:13.8s}.stardust-30{top:58%;left:2%;animation-delay:15s}.stardust-31{top:68%;left:8%;animation-delay:16.2s}.stardust-32{top:78%;left:98%;animation-delay:17.4s}.stardust-33{top:85%;left:5%;animation-delay:18.6s}.stardust-34{top:92%;left:95%;animation-delay:19.8s}.stardust-35{top:15%;left:32%;animation-delay:1s}.stardust-36{top:28%;left:85%;animation-delay:2.2s}.stardust-37{top:38%;left:48%;animation-delay:3.4s}.stardust-38{top:52%;left:72%;animation-delay:4.6s}.stardust-39{top:65%;left:28%;animation-delay:5.8s}.stardust-40{top:72%;left:88%;animation-delay:7s}.stardust-41{top:82%;left:42%;animation-delay:8.2s}.stardust-42{top:18%;left:22%;animation-delay:9.4s}.stardust-43{top:35%;left:68%;animation-delay:10.6s}.stardust-44{top:45%;left:78%;animation-delay:11.8s}.stardust-45{top:58%;left:38%;animation-delay:13s}.stardust-46{top:68%;left:62%;animation-delay:14.2s}.stardust-47{top:75%;left:15%;animation-delay:15.4s}.stardust-48{top:88%;left:62%;animation-delay:16.6s}.stardust-49{top:25%;left:52%;animation-delay:17.8s}.stardust-50{top:42%;left:12%;animation-delay:19s}@keyframes stardustDrift{0%{transform:translate(0) scale(.5) rotate(0);opacity:0}10%{opacity:1;transform:translate(5px,-5px) scale(1) rotate(45deg)}50%{opacity:.9;transform:translate(-20px,-40px) scale(1.2) rotate(180deg)}90%{opacity:.6;transform:translate(-80px,-120px) scale(.8) rotate(315deg)}to{transform:translate(-150px,-200px) scale(.2) rotate(360deg);opacity:0}}@keyframes stardustGlow{0%{opacity:.3;transform:scale(.8)}to{opacity:.8;transform:scale(1.5)}}.homepage-header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;position:relative;z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.homepage-logo{display:flex;align-items:center;gap:12px}.homepage-logo img{height:40px;transition:transform .3s ease}.homepage-logo:hover img{transform:scale(1.05)}.homepage-logo span{font-weight:600;font-size:18px;text-transform:uppercase;letter-spacing:1px;color:#ffffffe6}.homepage-nav{display:flex;gap:30px;align-items:center}.homepage-nav-link{color:#fffc;text-decoration:none;font-size:16px;font-weight:500;position:relative;transition:color .3s ease;padding:5px 0}.homepage-nav-link:hover{color:#5bb4e8}.homepage-nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#5bb4e8;transition:width .3s ease}.homepage-nav-link:hover:after{width:100%}.homepage-main{flex:1;display:flex;flex-direction:column;align-items:center;padding:20px 20px 0;position:relative;z-index:12}.homepage-title{font-family:Inter,sans-serif;font-size:72px;font-weight:800;letter-spacing:4px;text-transform:uppercase;margin:40px 0 80px;text-align:center;position:relative;z-index:18;background:linear-gradient(120deg,#e8f4fd,#a7d8f0,#5bb4e8,#2e86ab,#1e5f7a);background-size:200% 200%;animation:cosmicTitleFlow 6s ease-in-out infinite;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1;padding-bottom:8px;filter:drop-shadow(0 0 20px rgba(91,180,232,.3))}@keyframes cosmicTitleFlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.homepage-title:after{content:"";position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:60px;height:2px;background:linear-gradient(90deg,transparent,#5BB4E8,transparent);border-radius:1px;box-shadow:0 0 10px #5bb4e866}.homepage-columns{display:flex;width:100%;max-width:1400px;gap:50px;margin:0 auto;position:relative}.homepage-column{flex:1;display:flex;flex-direction:column}.homepage-divider{width:1px;background:linear-gradient(to bottom,transparent,rgba(91,180,232,.3),rgba(91,180,232,.5),rgba(91,180,232,.3),transparent);margin:0 10px;position:relative}.homepage-column-title{font-size:24px;font-weight:600;margin-bottom:30px;padding-left:16px;position:relative;display:inline-block;z-index:17;color:#ffffffe6}.homepage-column-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:linear-gradient(to bottom,#5bb4e8,#2e86ab);border-radius:2px}.homepage-column:last-child .homepage-column-title{text-align:center}.homepage-column:last-child .homepage-column-title:before{background:linear-gradient(to bottom,#a7d8f0,#5bb4e8)}.homepage-card-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);grid-gap:20px;max-width:100%}.homepage-card{border-radius:16px;padding:24px;display:flex;flex-direction:column;text-decoration:none;color:inherit;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);height:160px;cursor:pointer;background:#0b0c2a99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(180,210,255,.1);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a;z-index:2}.homepage-card:hover:not(.homepage-card-disabled){border-color:#5bb4e84d;box-shadow:0 20px 40px #0006,0 0 30px #5bb4e833,inset 0 1px #fff3}.homepage-card-title-box{background:#ffffff14;padding:12px 16px;border-radius:8px;font-size:15px;font-weight:600;display:inline-block;margin-bottom:16px;max-width:85%;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .3s ease;color:#fffffff2}.homepage-card:hover .homepage-card-title-box{background:#5bb4e81a;border-color:#5bb4e833}.homepage-logo a{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.homepage-card-illustration{position:absolute;right:25px;bottom:45px;display:flex;justify-content:center;align-items:center;transition:transform .3s ease}.homepage-card:hover .homepage-card-illustration{transform:scale(1.08) rotate(2deg)}.homepage-card-illustration img{max-width:100%;max-height:100%;object-fit:contain}.homepage-learn-more-btn{position:absolute;left:24px;bottom:24px;font-size:14px;font-weight:500;transition:transform .3s ease;display:flex;align-items:center;gap:6px;color:#fffc;text-decoration:none}.homepage-learn-more-arrow{transition:transform .3s ease;opacity:.7}.homepage-card:hover .homepage-learn-more-btn{transform:translate(4px);color:#fff}.homepage-card:hover .homepage-learn-more-arrow{transform:translate(3px);opacity:1}.homepage-card-disabled{background:#0b0c2a66!important;color:#fff6;cursor:not-allowed;border-color:#ffffff0d!important}.homepage-card-disabled:hover{transform:none}.homepage-card-gradient-1{background:linear-gradient(135deg,#0b0c2acc,#1e56ab4d,#5bb4e833);border-color:#5bb4e826}.homepage-card-gradient-2{background:linear-gradient(135deg,#0b0c2acc,#2e86ab4d,#a7d8f033);border-color:#a7d8f026}.homepage-card-gradient-3{background:linear-gradient(135deg,#0b0c2acc,#1e5f7a4d,#e8f4fd1a);border-color:#e8f4fd26}.homepage-footer{position:sticky;bottom:0;width:100%;height:auto;display:block;z-index:10}.homepage-footer-container{width:100%;display:flex;justify-content:center;margin-top:auto;position:relative;bottom:0;z-index:10}.homepage-footer-image{width:100%;height:auto;display:block;margin-top:-40px;max-width:1800px}#robocats{margin-top:-40px}@media (min-width: 768px){.homepage-card-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);grid-gap:20px}.homepage-main{padding-bottom:80px}}@media (min-width: 1400px){.homepage-card-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);grid-gap:25px}.homepage-main{padding-bottom:100px}}@media (max-width: 1100px){.homepage-columns{flex-direction:column;gap:60px}.homepage-title-section{flex-direction:column;gap:30px}.homepage-title{font-size:56px}.homepage-divider{display:none}.cosmic-clam-container{width:200px;height:120px}.pearl{width:24px;height:24px}}@media (max-width: 768px){.homepage-header{flex-direction:column;gap:20px;padding:20px}.homepage-title-section{flex-direction:column;gap:20px;margin:20px 0 40px}.homepage-title{font-size:42px;letter-spacing:2px}.homepage-card-grid{grid-template-columns:1fr}.cosmic-clam-container{width:160px;height:95px}.pearl{width:20px;height:20px}.stardust-particle{width:2px;height:2px}}@media (prefers-contrast: high){.homepage-card{border-color:#ffffff4d}.homepage-card-title-box{background:#ffffff26;border-color:#fff3}}.take-quiz-btn-wrapper{position:relative;margin-right:1rem;display:flex;align-items:center}.take-quiz-btn{display:flex;align-items:center;gap:.6rem;padding:.7rem 1.5rem;background:linear-gradient(135deg,#5bb4e8,#2e86ab,#1e5f7a);color:#fff;font-weight:600;font-size:1rem;border:none;border-radius:999px;cursor:pointer;position:relative;z-index:1;text-decoration:none;transition:all .3s ease;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.take-quiz-btn:hover{box-shadow:0 8px 25px #5bb4e866}.quiz-btn-icon{display:flex;align-items:center}.quiz-btn-emoji{font-size:1.1em;margin-left:.2em;animation:quiz-btn-twinkle 2.5s ease-in-out infinite}@keyframes quiz-btn-twinkle{0%,to{opacity:.8}50%{opacity:1}}.quiz-btn-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;pointer-events:none;box-shadow:0 0 20px #5bb4e84d;opacity:.6;z-index:0;animation:quiz-btn-glow-anim 3s ease-in-out infinite}@keyframes quiz-btn-glow-anim{0%,to{opacity:.6}50%{opacity:.9}}@keyframes pearlEnergyField{0%,to{transform:scale(.8);opacity:.2}50%{transform:scale(1.4);opacity:.6}}@keyframes pearlSpark{0%{box-shadow:0 0 10px #5bb4e866,inset 0 0 10px #ffffff1a}to{box-shadow:0 0 25px #5bb4e8cc,inset 0 0 20px #fff6}}.about-us-container{min-height:100vh;width:100%;background:radial-gradient(ellipse at center,#0b0c2a,#060722,#030412);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;overflow-x:hidden;line-height:1.6}.about-us-nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px 40px;background:#0b0c2ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(91,180,232,.1)}.home-link{display:inline-flex;align-items:center;gap:8px;color:#5bb4e8;text-decoration:none;font-weight:500;transition:all .3s ease;padding:12px 20px;border-radius:12px;background:#5bb4e81a;border:1px solid rgba(91,180,232,.2)}.home-link:hover{color:#fff;background:#5bb4e833;transform:translateY(-2px);box-shadow:0 8px 25px #5bb4e84d}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:100px 40px 60px;text-align:center;overflow:hidden}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,#002855,#000a1f,#012);background-size:200% 200%;animation:gradientShift 8s ease-in-out infinite;z-index:1}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.particles-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);text-align:center;color:#fff;opacity:.8;z-index:10;animation:bounce 2s infinite;cursor:pointer;transition:opacity .3s ease}.scroll-indicator:hover{opacity:1}.scroll-indicator span{display:block;font-size:14px;margin-bottom:8px;font-weight:300;letter-spacing:1px}.scroll-arrow{font-size:18px;display:block}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}@keyframes starsFloat{0%,to{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(-10px)}}.hero-content{position:relative;z-index:10;max-width:800px;margin:0 auto}.hero-logo{width:120px;height:120px;margin-bottom:30px;filter:drop-shadow(0 0 20px rgba(91,180,232,.3));animation:logoFloat 6s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(5deg)}}.hero-title{font-family:Poppins,sans-serif;font-size:4.5rem;font-weight:800;margin:0 0 20px;background:linear-gradient(45deg,#5bb4e8,#fff,#91c7ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(91,180,232,.3)}.hero-tagline{font-size:1.3rem;font-weight:400;color:#fffc;margin:0;letter-spacing:.5px}.fade-in{animation:fadeInUp 1s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.goals-section{padding:100px 40px;background:linear-gradient(135deg,#0b0c2ae6,#060722b3)}.goals-content{max-width:1200px;margin:0 auto;text-align:center}.goals-content h2{font-family:Poppins,sans-serif;font-size:3rem;font-weight:700;margin-bottom:60px;background:linear-gradient(45deg,#5bb4e8,#91c7ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.goals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;margin-top:60px}.goal-item{background:#ffffff0d;border:1px solid rgba(91,180,232,.2);border-radius:20px;padding:40px 30px;text-align:center;transition:all .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.goal-item:hover{transform:translateY(-10px);box-shadow:0 20px 40px #5bb4e833;border-color:#5bb4e866}.goal-item h3{font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:600;margin-bottom:20px;color:#5bb4e8}.goal-item p{font-size:1rem;color:#fffc;line-height:1.7}.developers-section{padding:100px 40px;background:#030412cc}.developers-content{max-width:1400px;margin:0 auto}.developers-content h2{font-family:Poppins,sans-serif;font-size:3rem;font-weight:700;text-align:center;margin-bottom:80px;background:linear-gradient(45deg,#5bb4e8,#91c7ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.developers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px}.developer-card{background:#ffffff0d;border:1px solid rgba(91,180,232,.2);border-radius:20px;padding:30px;text-align:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.developer-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px #5bb4e84d;border-color:#5bb4e880}.developer-image{width:100px;height:100px;margin:0 auto 25px;border-radius:50%;overflow:hidden;border:3px solid rgba(91,180,232,.3);transition:all .3s ease}.developer-card:hover .developer-image{border-color:#5bb4e8cc;box-shadow:0 0 20px #5bb4e866}.developer-image img{width:100%;height:100%;object-fit:cover}.developer-info h3{font-family:Poppins,sans-serif;font-size:1.4rem;font-weight:600;margin-bottom:8px;color:#fff}.developer-role{font-size:1rem;font-weight:500;color:#5bb4e8;margin-bottom:8px}.developer-education{font-size:.9rem;color:#ffffffb3;margin-bottom:20px}.developer-note{margin:20px 0;padding:15px;background:#5bb4e81a;border-radius:10px;border-left:3px solid #5BB4E8}.developer-note p{font-style:italic;color:#ffffffe6;margin:0;font-size:.95rem}.developer-links{display:flex;justify-content:center;gap:15px;margin-top:20px}.developer-links svg{font-size:1.5rem;color:#fff9;cursor:pointer;transition:all .3s ease}.developer-links svg:hover{color:#5bb4e8;transform:scale(1.2)}.morals-section{padding:100px 40px;background:linear-gradient(135deg,#0b0c2ae6,#060722cc)}.morals-content{max-width:1200px;margin:0 auto;text-align:center}.morals-content h2{font-family:Poppins,sans-serif;font-size:3rem;font-weight:700;margin-bottom:60px;background:linear-gradient(45deg,#5bb4e8,#91c7ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.values-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px;margin-top:40px}.value-item{background:#ffffff0d;padding:40px 30px;border-radius:20px;border:1px solid rgba(91,180,232,.2);transition:all .3s ease;text-align:center}.value-item:hover{transform:translateY(-8px);border-color:#5bb4e866;box-shadow:0 15px 35px #5bb4e81a}.value-item h4{font-family:Poppins,sans-serif;font-size:1.4rem;font-weight:600;margin-bottom:15px;color:#5bb4e8}.value-item p{color:#fffc;line-height:1.7;margin:0;font-size:1rem}.our-guide{margin-top:60px;padding:40px;background:#0006;border-radius:20px;text-align:center;border:1px solid rgba(91,180,232,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.our-guide h3{font-family:Poppins,sans-serif;font-size:2rem;font-weight:600;margin-bottom:25px;color:#5bb4e8}.guide-info{max-width:600px;margin:0 auto}.guide-name{font-size:1.4rem;font-weight:600;color:#fff;margin-bottom:8px}.guide-department{font-size:1.1rem;color:#ffffffb3;margin-bottom:20px}.guide-note{font-style:italic;color:#fffc;font-size:1rem;line-height:1.6;margin:0}.gallery-section{padding:100px 40px;background:#030412e6}.gallery-content{max-width:1200px;margin:0 auto;text-align:center}.gallery-content h2{font-family:Poppins,sans-serif;font-size:3rem;font-weight:700;margin-bottom:60px;background:linear-gradient(45deg,#5bb4e8,#91c7ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.image-slider{margin-top:40px}.gallery-slide{padding:0 15px}.gallery-image{position:relative;border-radius:15px;overflow:hidden;background:#ffffff0d;border:1px solid rgba(91,180,232,.2);transition:all .3s ease}.gallery-image:hover{transform:scale(1.02);box-shadow:0 15px 30px #5bb4e833}.gallery-image img{width:100%;height:200px;object-fit:cover;filter:brightness(.8);transition:all .3s ease}.gallery-image:hover img{filter:brightness(1)}.gallery-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:20px;color:#fff;opacity:0;transition:all .3s ease}.gallery-image:hover .gallery-overlay{opacity:1}.gallery-overlay p{margin:0;font-weight:500;color:#5bb4e8}.about-footer{padding:60px 40px 40px;background:linear-gradient(135deg,#0b0c2af2,#030412);border-top:1px solid rgba(91,180,232,.2)}.footer-content{max-width:800px;margin:0 auto;text-align:center}.footer-logo{width:80px;height:80px;margin-bottom:20px;filter:drop-shadow(0 0 15px rgba(91,180,232,.3))}.footer-content p{color:#ffffffb3;margin:8px 0}.footer-content p:first-of-type{font-weight:600;color:#5bb4e8}.slick-dots{bottom:-50px}.slick-dots li button:before{color:#5bb4e8;font-size:12px}.slick-dots li.slick-active button:before{color:#fff}.slick-prev,.slick-next{z-index:1}.slick-prev:before,.slick-next:before{color:#5bb4e8;font-size:24px}.slick-prev:hover:before,.slick-next:hover:before{color:#fff}@media (max-width: 1024px){.morals-grid{grid-template-columns:1fr;gap:60px}.developers-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.hero-title{font-size:3.5rem}}@media (max-width: 768px){.about-us-nav{padding:15px 20px}.hero-section{padding:80px 20px 40px}.hero-title{font-size:2.8rem}.hero-tagline{font-size:1.1rem}.goals-section,.developers-section,.morals-section,.gallery-section{padding:60px 20px}.goals-content h2,.developers-content h2,.gallery-content h2{font-size:2.2rem}.morals-text h2{font-size:2rem}.goals-grid,.developers-grid{grid-template-columns:1fr;gap:30px}.testimonials-carousel{padding:25px}}@media (max-width: 480px){.hero-title{font-size:2.2rem}.hero-logo{width:80px;height:80px}.developer-card{padding:20px}.goal-item{padding:25px 20px}}.current-operation-display{background:#161b22e6;border-radius:1rem;padding:1.5rem;border:2px solid rgba(168,168,255,.2);margin-bottom:2rem;box-shadow:0 4px 16px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:5}.current-operation-display h4{margin:0 0 1rem;color:#a8a8ff;font-size:1.1rem;font-weight:700}.operation-description{padding:1rem 1.5rem;background:#a8a8ff14;border-radius:.75rem;border-left:4px solid rgba(168,168,255,.5);color:#e6edf3;font-size:.95rem;line-height:1.6;font-weight:500;transition:all .3s ease;min-height:3rem;display:flex;align-items:center;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;position:relative;min-height:3.5rem}.operation-description.active-operation{background:#a8a8ff26;border-left-color:#a8a8ff;animation:pulse-border 2s infinite;transform:translate(2px)}@keyframes pulse-border{0%,to{border-left-color:#a8a8ff;box-shadow:0 2px 8px #a8a8ff1a}50%{border-left-color:#58a6ff;box-shadow:0 2px 12px #58a6ff4d}}.operation-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(168,168,255,.3);border-radius:50%;border-top-color:#a8a8ff;animation:spin 1s linear infinite;margin-right:12px}.no-operation{color:#7d8590;font-style:italic}.app-container{min-height:100vh;background:#0d1117;color:#c9d1d9;font-family:Rajdhani,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;display:flex;flex-direction:column;overflow:hidden}.app-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 10% 20%,rgba(255,255,255,.03) 1px,transparent 1px),radial-gradient(circle at 30% 40%,rgba(255,255,255,.02) 1px,transparent 1px);background-size:50px 50px,70px 70px;animation:twinkling 100s linear infinite;pointer-events:none;z-index:0}@keyframes twinkling{0%{transform:translateZ(0)}to{transform:translate3d(-100px,-100px,0)}}.app-header{padding:2rem;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(255,255,255,.1);background:#0d1117cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:10;min-height:80px}.home-button{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:16px;font-weight:600;padding:10px 20px;border-radius:12px;background:linear-gradient(135deg,#a8a8ff66,#58a6ff66);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 15px #0003;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:absolute;left:24px;top:50%;transform:translateY(-50%)!important;z-index:10}.home-button:hover{background:linear-gradient(135deg,#a8a8ff80,#58a6ff80);border-color:#ffffff40;box-shadow:0 8px 20px #a8a8ff4d}.home-button:active{transform:scale(.98);box-shadow:0 2px 10px #a8a8ff33}.home-button svg{transition:transform .3s ease}.app-header h1{font-size:2.5rem;font-weight:900;margin:0;background:linear-gradient(90deg,#a8a8ff,#58a6ff,#86f7ff,#1331ba,#04209c);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:waveGradient 5s ease infinite;will-change:background-position}@keyframes waveGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.split-view{display:flex;flex:1;gap:2rem;padding:2rem;position:relative;z-index:1;height:calc(100vh - 140px);overflow:hidden}.panel{flex:1;background:#161b22cc;border-radius:1rem;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;gap:2rem;transition:all .3s ease;overflow-y:auto;max-height:100%}.panel:hover{box-shadow:0 12px 40px #0000004d}.panel h2{font-size:1.8rem;font-weight:700;margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:2px solid rgba(255,255,255,.1);color:#8cd1f3}.panel::-webkit-scrollbar{width:8px}.panel::-webkit-scrollbar-track{background:#161b2280;border-radius:4px}.panel::-webkit-scrollbar-thumb{background:#a8a8ff80;border-radius:4px}.panel::-webkit-scrollbar-thumb:hover{background:#a8a8ffb3}.explanation-section,.diy-section{margin-bottom:1.5rem}.explanation-content h4,.diy-content h4{color:#58a6ff;margin-top:1rem;margin-bottom:.5rem}.explanation-content ul,.diy-content ul,.explanation-content ol,.diy-content ol{padding-left:1.5rem}.explanation-content li,.diy-content li{margin-bottom:.25rem}.diy-content pre{background:#161b22;border-radius:6px;padding:1rem;overflow-x:auto;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.5;color:#e6edf3;border:1px solid rgba(168,168,255,.3);margin:1rem 0}.diy-content .copy-button{background:#238636;color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;cursor:pointer;font-size:.9rem;transition:background .2s}.diy-content .copy-button:hover{background:#2ea043}.diy-content .copy-button.copied{background:#1f6feb}.diy-content code{font-family:Consolas,Monaco,Courier New,monospace;background:#6e768166;padding:.2em .4em;border-radius:3px;font-size:85%}.diy-content pre code{background:transparent;padding:0;border-radius:0}.code-viewer{flex:1;border-radius:.75rem;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 16px #0003}.controls{display:flex;flex-direction:column;gap:1.5rem;align-items:stretch;background:#0d111799;padding:1.5rem;border-radius:1rem;border:1px solid rgba(255,255,255,.1);margin-bottom:1.5rem}.control-group{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;justify-content:center}.control-select,.control-input{padding:.75rem 1rem;border:2px solid rgba(255,255,255,.2);border-radius:.5rem;background:#161b22e6;color:#c9d1d9;font-size:1rem;font-weight:500;transition:all .3s ease;min-width:120px}.control-input::placeholder{color:#c9d1d999}.control-select:focus,.control-input:focus{outline:none;border-color:#58a6ff;box-shadow:0 0 0 3px #58a6ff1a;background:#161b22}.control-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#58a6ff,#1f6feb);color:#fff;border:none;border-radius:.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #58a6ff4d}.control-button:hover:not(:disabled){box-shadow:0 6px 20px #58a6ff66}.control-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.speed-control,.slider-group{display:flex;align-items:center;gap:1rem;padding:1rem;background:#161b2299;border-radius:.75rem;border:1px solid rgba(255,255,255,.1);flex-wrap:wrap;justify-content:center}.speed-control label,.slider-group label{font-weight:600;color:#e6edf3;min-width:120px;white-space:nowrap}.speed-slider{width:150px;height:4px;border-radius:2px;background:#fff3;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.speed-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#a8a8ff;cursor:pointer;border:none;box-shadow:0 2px 4px #a8a8ff66;transition:all .2s ease}.speed-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #a8a8ff99}.speed-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#a8a8ff;cursor:pointer;border:none;box-shadow:0 2px 4px #a8a8ff66}.speed-value,.slider-group span{font-weight:600;color:#58a6ff;min-width:80px;text-align:right;white-space:nowrap}.error-message{background:linear-gradient(135deg,#f8514926,#da36331a);border:2px solid rgba(248,81,73,.3);border-radius:.75rem;padding:1rem 1.5rem;margin:1rem 0;color:#ff6b6b;font-size:.95rem;font-weight:500;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.structure-visualization{background:linear-gradient(135deg,#161b22f2,#0d1117f2);border-radius:1.5rem;padding:2.5rem;border:3px solid rgba(88,166,255,.3);box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;position:relative;overflow:auto;min-height:450px;max-height:700px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);margin-top:1.5rem}.structure-visualization:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(88,166,255,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(168,168,255,.03) 0%,transparent 50%);pointer-events:none;z-index:0}.structure-info{color:#c9d1d9;font-size:1rem;font-weight:600;text-align:center;margin-bottom:2rem;padding:1rem 1.5rem;background:#58a6ff14;border-radius:.75rem;border:2px solid rgba(88,166,255,.2);position:relative;z-index:1}.structure-container{flex:1;display:flex;position:relative;z-index:1;min-height:280px;align-items:center;justify-content:center;padding:3rem;border-radius:1.25rem;background:#ffffff08;border:4px dashed rgba(88,166,255,.4);transition:all .3s ease;overflow-y:auto;max-height:600px}.structure-container:hover{border-color:#58a6ff99;background:#ffffff0d;transform:scale(1.01)}.structure-container.stack{flex-direction:column-reverse;align-items:center;justify-content:flex-start;max-width:320px;margin:0 auto;min-height:280px;height:auto;padding:2rem}.structure-container.stack.has-many-elements{max-height:500px;padding:1.5rem}.structure-container.stack.has-many-elements .element{margin-bottom:.5rem;padding:.7rem 1.2rem;font-size:1rem;min-width:60px}.structure-container.stack.has-many-elements .element{margin-bottom:.4rem;padding:.6rem 1rem;font-size:.95rem;min-width:50px}.structure-container.stack.has-overflow .element{margin-bottom:.3rem;padding:.5rem .8rem;font-size:.9rem;min-width:45px}.structure-container.stack.has-overflow:after{content:"⇅ Scroll to see all elements";position:absolute;bottom:10px;right:10px;background:#58a6ffcc;color:#fff;padding:.3rem .6rem;border-radius:.3rem;font-size:.7rem;z-index:10;pointer-events:none;opacity:.7}.structure-container.queue{flex-direction:row;align-items:center;justify-content:flex-start;overflow-x:auto;gap:2rem}.element{background:linear-gradient(135deg,#58a6ff,#1f6feb);color:#fff;padding:1.2rem 1.8rem;border-radius:1rem;font-weight:700;font-size:1.2rem;min-width:80px;text-align:center;border:3px solid rgba(255,255,255,.3);box-shadow:0 8px 20px #58a6ff66;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.element:hover{box-shadow:0 12px 30px #58a6ff99;border-color:#ffffff80}.structure-container.stack .element{margin-bottom:.8rem;width:100%;max-width:160px;padding:1rem 1.5rem;font-size:1.1rem}.structure-container.stack .element:first-child{margin-bottom:0}.structure-container.queue .element:not(:last-child):after{content:"→";position:absolute;left:calc(100% + .7rem);top:50%;transform:translateY(-50%);color:#58a6ff;font-size:2rem;font-weight:700;text-shadow:0 2px 4px rgba(88,166,255,.3);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#7d8590;font-size:1.2rem;line-height:2;padding:2rem}.placeholder p{margin:0 0 1rem;font-weight:700;font-size:1.4rem;color:#63bfec}.placeholder small{opacity:.8;font-size:1rem;color:#7d8590}.animation-status{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#a8a8ff;font-size:.9rem;margin-top:1rem;padding:.75rem 1rem;background:#161b22cc;border-radius:.75rem;border:1px solid rgba(168,168,255,.3)}.animation-status .spinner{width:16px;height:16px;border:2px solid rgba(168,168,255,.3);border-radius:50%;border-top-color:#a8a8ff;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.operation-display{background:#161b22e6;border-radius:1rem;padding:1.5rem;border:2px solid rgba(88,166,255,.15);margin:1.5rem 0;box-shadow:0 4px 16px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:5;display:block}.operation-title{margin:0 0 1rem;color:#58a6ff;font-size:1.1rem;font-weight:700;display:block}.operation-content{padding:1rem 1.5rem;background:linear-gradient(135deg,#58a6ff14,#161b2226);border-radius:.75rem;border-left:3px solid rgba(88,166,255,.5);color:#e6edf3;font-size:.95rem;line-height:1.6;font-weight:500;transition:all .3s ease;min-height:3rem;display:flex;align-items:center;word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.operation-content.active-operation{background:linear-gradient(135deg,#58a6ff26,#161b2233);border-left-color:#58a6ffcc;animation:pulse-border-blue 2s infinite;transform:translate(2px)}@keyframes pulse-border-blue{0%,to{border-left-color:#58a6ff80;background:linear-gradient(135deg,#58a6ff14,#161b2226)}50%{border-left-color:#58a6ffcc;background:linear-gradient(135deg,#58a6ff26,#161b2233)}}.panel.panel-right .operation-display{display:block!important;position:relative!important;width:100%!important;margin-bottom:1rem!important;margin-top:0!important}.panel.panel-right .operation-content{position:relative!important;top:0!important;left:0!important;width:100%!important}.panel>.operation-display{margin:1.5rem 0!important;width:auto!important}.panel .operation-display *{flex:none!important}@media (max-width: 768px){.split-view{flex-direction:column;gap:1rem;padding:1rem}.panel{padding:1.5rem}.app-header{padding:1rem}.app-header h1{font-size:1.8rem}.control-group{flex-direction:column}.structure-container{padding:1.5rem;min-height:200px}.structure-visualization{padding:1.5rem;min-height:300px}}.search-visualizer-container{min-height:100vh;position:relative;background:linear-gradient(135deg,#0d1117,#161b22,#21262d);color:#e6edf3;overflow-x:hidden}.search-visualizer-bg-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 80%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(6,182,212,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(16,185,129,.1) 0%,transparent 50%);pointer-events:none}.search-visualizer-header{position:relative;z-index:2;background:#0d1117e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);padding:1.5rem 2rem}.header-navigation{display:flex;gap:1rem;margin-bottom:1rem}.nav-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:.75rem;color:#8b5cf6;text-decoration:none;transition:all .3s ease;font-size:.9rem;font-weight:500}.nav-button:hover{background:#8b5cf633;border-color:#8b5cf680;color:#a78bfa;text-decoration:none;box-shadow:0 4px 12px #8b5cf64d}.header-content h1{margin:0 0 .5rem;font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#8b5cf6,#06b6d4,#10b981);background-clip:text;-webkit-background-clip:text;color:transparent;text-align:center}.header-content p{margin:0 0 1rem;font-size:1.1rem;color:#94a3b8;text-align:center;max-width:800px;margin-left:auto;margin-right:auto}.complexity-info{display:flex;justify-content:center;gap:2rem;margin-top:1rem}.complexity-item{color:#94a3b8;font-size:.9rem}.complexity-item strong{color:#e6edf3}.visualizer-content{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem}.left-panel{display:grid;grid-template-rows:auto auto auto;gap:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.controls-section{padding:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.controls-section h3{margin:0 0 1rem;font-size:1.1rem;color:#e6edf3;text-align:center}.control-group{display:flex;flex-direction:column;gap:1rem}.playback-controls{display:flex;justify-content:center;gap:.75rem;margin-bottom:1rem}.search-control-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;min-width:50px;height:50px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.75rem;color:#e6edf3;cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:500;padding:0 1rem}.search-control-btn:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d;box-shadow:0 4px 12px #0000004d}.search-control-btn:disabled{opacity:.5;cursor:not-allowed}.search-control-btn.primary{background:#8b5cf633;border-color:#8b5cf666;color:#8b5cf6}.search-control-btn.primary:hover:not(:disabled){background:#8b5cf64d;border-color:#8b5cf680;box-shadow:0 4px 12px #8b5cf666}.search-control-btn.success{background:#10b98133;border-color:#10b98166;color:#10b981}.search-control-btn.success:hover:not(:disabled){background:#10b9814d;border-color:#10b98180;box-shadow:0 4px 12px #10b98166}.input-controls{display:flex;flex-direction:column;gap:1rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{font-size:.9rem;color:#e6edf3;font-weight:500}.search-input{padding:.75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;color:#e6edf3;font-size:.9rem;transition:all .2s ease}.search-input:focus{outline:none;border-color:#8b5cf680;box-shadow:0 0 0 2px #8b5cf633}.radio-group{display:flex;gap:1rem;justify-content:center}.radio-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:#94a3b8;transition:color .2s ease}.radio-group input[type=radio]{accent-color:#8b5cf6}.radio-group label:hover{color:#e6edf3}.speed-control{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:.9rem;margin-top:.5rem}.speed-control input[type=range]{width:120px;accent-color:#8b5cf6}.visualization-section{display:flex;flex-direction:column;padding:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.visualization-section h3{margin:0 0 1rem;font-size:1.1rem;color:#e6edf3;text-align:center}.visualization-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0003;border-radius:.5rem;padding:1rem;min-height:200px}.algorithm-info{text-align:center;margin-bottom:1rem}.algorithm-info h4{margin:0 0 .5rem;font-size:1rem;color:#8b5cf6}.array-container{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin:1rem 0}.array-item{display:flex;flex-direction:column;align-items:center;justify-content:center;width:50px;height:70px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:.5rem;transition:all .3s ease;position:relative}.array-item.current{background:#8b5cf64d;border-color:#8b5cf6;box-shadow:0 0 20px #8b5cf666;transform:scale(1.1)}.array-item.found{background:#10b9814d;border-color:#10b981;box-shadow:0 0 20px #10b98166;transform:scale(1.1)}.array-item.active{background:#06b6d433;border-color:#06b6d480}.array-item.inactive{opacity:.3}.array-item.jump-block{background:#f59e0b33;border-color:#f59e0b80}.array-item.jump-target{background:#f59e0b33;border-color:#f59e0b80;box-shadow:0 0 15px #f59e0b4d}.array-item.jump-start{background:#06b6d433;border-color:#06b6d480;box-shadow:0 0 15px #06b6d44d}.array-value{font-size:1rem;font-weight:600;color:#e6edf3}.array-index{font-size:.7rem;color:#94a3b8;margin-top:.25rem}.console-section{display:flex;flex-direction:column;padding:1rem}.console-section h3{margin:0 0 1rem;font-size:1.1rem;color:#e6edf3;text-align:center}.console-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.step-info{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:#ffffff0d;border-radius:.5rem;font-size:.9rem}.step-description{color:#e6edf3;font-weight:500}.step-details{display:flex;gap:1rem;font-size:.8rem;color:#94a3b8}.step-details span{background:#ffffff1a;padding:.25rem .5rem;border-radius:.25rem}.console-output{flex:1;background:#0000004d;border-radius:.5rem;padding:1rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem;line-height:1.4}.console-line{margin-bottom:.25rem;color:#94a3b8;border-left:2px solid rgba(139,92,246,.3);padding-left:.5rem;margin-left:.25rem}.console-line:last-child{color:#e6edf3;font-weight:500}.console-line:hover{background:#ffffff0d;border-radius:.25rem}.right-panel{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column}.right-panel h3{margin:0;padding:1rem;font-size:1.25rem;color:#e6edf3;text-align:center;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#8b5cf6,#06b6d4);background-clip:text;-webkit-background-clip:text;color:transparent}.code-viewer{flex:1;display:flex;flex-direction:column}.code-viewer pre{margin:0!important;flex:1;overflow:visible!important}.code-viewer code{display:block!important}.code-viewer pre::-webkit-scrollbar{width:8px}.code-viewer pre::-webkit-scrollbar-track{background:#ffffff0d}.code-viewer pre::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.code-viewer pre::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.algorithm-status{display:flex;justify-content:center;gap:1.5rem;margin-top:1rem;padding:.75rem;background:#0003;border-radius:.5rem}.status-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;font-size:.8rem}.status-item span{color:#e6edf3}.status-item strong{color:#8b5cf6}@media (max-width: 1200px){.visualizer-content{grid-template-columns:1fr;gap:1rem}.right-panel{order:-1;max-height:400px}}@media (max-width: 768px){.search-visualizer-header{padding:1rem}.header-content h1{font-size:2rem}.header-navigation,.complexity-info{flex-direction:column;gap:.5rem}.left-panel{grid-template-rows:auto auto 1fr}.playback-controls{flex-wrap:wrap;gap:.5rem}.search-control-btn{min-width:45px;height:45px;font-size:.9rem}.array-item{width:45px;height:60px}.step-details{flex-direction:column;gap:.25rem}}