:root{--primary:#4f46e5;--primary-light:#818cf8;--primary-dark:#3730a3;--secondary:#f3f4f6;--success:#10b981;--success-light:#d1fae5;--warning:#f59e0b;--warning-light:#fef3c7;--error:#ef4444;--error-light:#fee2e2;--info:#3b82f6;--info-light:#dbeafe;--text:#1f2937;--text-light:#6b7280;--text-lighter:#9ca3af;--background:#f9fafb;--card:#fff;--card-alt:#f3f4f6;--border:#e5e7eb;--border-dark:#d1d5db;--searching:#4f46e5;--sorting:#ec4899;--graph:#8b5cf6;--tree:#10b981;--dynamic:#f59e0b;--greedy:#ef4444}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f9fafb;background-color:var(--background);background-image:linear-gradient(to bottom right,#f9fafb,#f3f4f6);color:#1f2937;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;min-height:100vh}a{color:#4f46e5;color:var(--primary);text-decoration:none;transition:color .2s ease}a:hover{color:#3730a3;color:var(--primary-dark)}.container{margin:0 auto;max-width:1280px;padding:0 1.5rem}.card{background-color:#fff;background-color:var(--card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.75rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}h1,h2,h3,h4,h5,h6{color:#1f2937;color:var(--text);font-weight:700;line-height:1.2;margin-bottom:1rem}h1{font-size:2.25rem}h1,h2{letter-spacing:-.025em}h2{font-size:1.875rem}h3{font-size:1.5rem}p{margin-bottom:1rem}.btn{border:none;border-radius:.5rem;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;text-align:center;transition:all .2s ease}.btn-primary{background-color:#4f46e5;background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:#3730a3;background-color:var(--primary-dark);box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.btn-secondary{background-color:#f3f4f6;background-color:var(--secondary);border:1px solid #e5e7eb;border:1px solid var(--border);color:#1f2937;color:var(--text)}.btn-secondary:hover{background-color:#e5e7eb;background-color:var(--border);transform:translateY(-1px)}.btn-success{background-color:#10b981;background-color:var(--success);color:#fff}.btn-success:hover{background-color:#0ca878}.btn-error{background-color:#ef4444;background-color:var(--error);color:#fff}.btn-error:hover{background-color:#dc2626}.form-control{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.form-control label{color:#1f2937;color:var(--text);font-size:.875rem;font-weight:500}.form-input,.form-select{border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.5rem;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-input:focus,.form-select:focus{border-color:#4f46e5;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e533;outline:none}.grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.grid-cols-4{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.items-center{align-items:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.my-4{margin-bottom:1rem;margin-top:1rem}.mx-auto{margin-left:auto;margin-right:auto}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-4{padding-bottom:1rem;padding-top:1rem}.px-4{padding-left:1rem;padding-right:1rem}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.border{border:1px solid #e5e7eb;border:1px solid var(--border)}.bg-white{background-color:#fff;background-color:var(--card)}.bg-gray{background-color:#f3f4f6;background-color:var(--secondary)}.bg-primary{background-color:#4f46e5;background-color:var(--primary)}.bg-success{background-color:#10b981;background-color:var(--success)}.bg-error{background-color:#ef4444;background-color:var(--error)}.text-white{color:#fff}.text-primary{color:#4f46e5;color:var(--primary)}.text-success{color:#10b981;color:var(--success)}.text-error{color:#ef4444;color:var(--error)}.text-gray{color:#6b7280;color:var(--text-light)}.visualization-container{background-color:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.75rem;box-shadow:0 2px 4px #0000000d;margin:2rem 0;padding:1.75rem}.controls-panel{background-color:#f3f4f6;background-color:var(--card-alt);margin-bottom:1.5rem;padding:1.5rem}.controls-panel,.step-controls{border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.5rem}.step-controls{align-items:center;background-color:#fff;display:flex;justify-content:space-between;margin:1.5rem 0;padding:1rem}.step-indicator{background-color:#f3f4f6;background-color:var(--secondary);border-radius:.375rem;font-weight:600;padding:.5rem 1rem}.info-panel{background-color:#f3f4f6;background-color:var(--card-alt);margin:1.5rem 0;padding:1.5rem}.complexity-card,.info-panel{border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:.5rem}.complexity-card{background-color:#fff;padding:1.25rem}.algorithm-category{border-radius:999px;display:inline-block;font-size:.75rem;font-weight:600;margin-bottom:.5rem;padding:.25rem .75rem;text-transform:uppercase}.category-searching{background-color:#4f46e51a;color:#4f46e5;color:var(--searching)}.category-sorting{background-color:#ec48991a;color:#ec4899;color:var(--sorting)}.category-graph{background-color:#8b5cf61a;color:#8b5cf6;color:var(--graph)}.category-tree{background-color:#10b9811a;color:#10b981;color:var(--tree)}.category-dynamic{background-color:#f59e0b1a;color:#f59e0b;color:var(--dynamic)}.category-greedy{background-color:#ef44441a;color:#ef4444;color:var(--greedy)}.header{background-color:#fff;box-shadow:0 1px 3px #0000001a;position:sticky;top:0;z-index:100}.navbar{justify-content:space-between;padding:1rem 0}.logo,.navbar{align-items:center;display:flex}.logo{color:#4f46e5;color:var(--primary);font-size:1.5rem;font-weight:700;gap:.5rem}.nav-links{display:flex;gap:1.5rem;list-style:none}.nav-link{border-radius:.25rem;font-weight:500;padding:.5rem;transition:all .2s ease}.nav-link:hover{background-color:#f3f4f6;background-color:var(--secondary)}.nav-link.active{color:#4f46e5;color:var(--primary);font-weight:600}.footer{background-color:#fff;border-top:1px solid #e5e7eb;border-top:1px solid var(--border);margin-top:4rem;padding:2rem 0}.footer-content{align-items:center;display:flex;justify-content:space-between}.footer-links{display:flex;gap:1.5rem;list-style:none}.footer-link{color:#6b7280;color:var(--text-light);transition:color .2s ease}.footer-link:hover{color:#4f46e5;color:var(--primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .5s ease-in-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp .5s ease-in-out}.code-block{background-color:#1f2937;border-radius:.5rem;color:#f3f4f6;font-family:monospace;margin:1.5rem 0;overflow-x:auto;padding:1.25rem}.code-line{display:block;line-height:1.6}.code-comment{color:#9ca3af}.array-element{align-items:center;background-color:#fff;border:2px solid #e5e7eb;border:2px solid var(--border);border-radius:.5rem;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;height:70px;justify-content:center;padding:.5rem;position:relative;transition:all .3s ease;width:50px}.array-element.active{background-color:#4f46e514;border-color:#818cf8;border-color:var(--primary-light);box-shadow:0 0 0 3px #4f46e526}.array-element.current{background-color:#fef3c7;background-color:var(--warning-light);border-color:#f59e0b;border-color:var(--warning);box-shadow:0 6px 12px #0000001a;transform:translateY(-8px);z-index:10}.array-element.found,.array-element.sorted{animation:pulse 1.5s ease infinite;background-color:#d1fae5;background-color:var(--success-light);border-color:#10b981;border-color:var(--success);box-shadow:0 0 15px #10b98166}.array-element.swapping{animation:wobble .5s ease;background-color:#dbeafe;background-color:var(--info-light);border-color:#3b82f6;border-color:var(--info)}@keyframes pulse{0%,to{box-shadow:0 0 15px #10b98166;transform:scale(1)}50%{box-shadow:0 0 20px #10b98199;transform:scale(1.05)}}@keyframes wobble{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.node{align-items:center;background-color:#fff;border:2px solid #e5e7eb;border:2px solid var(--border);border-radius:50%;display:flex;font-weight:600;height:40px;justify-content:center;transition:all .3s ease;width:40px}.node.active{background-color:#818cf8;background-color:var(--primary-light);border-color:#4f46e5;border-color:var(--primary);color:#fff}.node.visited{background-color:#d1fae5;background-color:var(--success-light);border-color:#10b981;border-color:var(--success)}.edge{background-color:#d1d5db;background-color:var(--border-dark);height:2px;position:absolute;transform-origin:left center;transition:all .3s ease}.edge.active{background-color:#4f46e5;background-color:var(--primary);height:3px}.progress-container{background-color:#f3f4f6;background-color:var(--secondary);border-radius:999px;height:.75rem;margin:1rem 0;overflow:hidden;width:100%}.progress-bar{background-color:#4f46e5;background-color:var(--primary);border-radius:999px;height:100%;transition:width .5s ease}
/*# sourceMappingURL=main.181174db.css.map*/