body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.header{background-color:#2c3e50;box-shadow:0 2px 4px #0000001a;color:#ecf0f1;padding:15px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-container{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:1200px;padding:0 20px}.header-logo h1{color:#3498db;font-size:1.5rem;margin:0}.header-nav{align-items:center;display:flex;gap:30px}.nav-link{color:#ecf0f1;font-size:1rem;padding:5px 10px;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:#3498db}.mobile-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px}.mobile-toggle span{background-color:#ecf0f1;height:3px;transition:.3s;width:25px}@media (max-width:768px){.mobile-toggle{display:flex}.header-nav{background-color:#1a252f;display:none;flex-direction:column;gap:0;left:0;padding:20px;position:absolute;right:0;top:60px}.header-nav.active{display:flex}.nav-link{padding:12px 0;width:100%}.header-logo h1{font-size:1.2rem}}.footer{background-color:#2c3e50;border-top:1px solid #34495e;color:#ecf0f1;padding:40px 20px 20px}.footer-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto 30px;max-width:1200px}.footer-section h3,.footer-section h4{color:#3498db;font-size:1.1rem;margin:0 0 15px}.footer-section p{font-size:.95rem;line-height:1.6;margin:0}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section ul li{margin-bottom:8px}.footer-section a{color:#ecf0f1;font-size:.95rem;text-decoration:none;transition:color .3s ease}.footer-section a:hover{color:#3498db}.footer-bottom{border-top:1px solid #34495e;color:#95a5a6;font-size:.9rem;padding-top:20px;text-align:center}@media (max-width:768px){.footer{padding:30px 15px 15px}.footer-content{gap:20px}.footer-section h3,.footer-section h4{font-size:1rem}}.home-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:40px 20px}.home-header{animation:slideDown .6s ease-out;color:#fff;margin-bottom:60px;text-align:center}.home-title{font-size:48px;font-weight:700;letter-spacing:-1px;margin:0 0 10px}.home-subtitle{font-size:18px;font-weight:300;margin:0;opacity:.9}.nav-cards-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:40px;max-width:900px;width:100%}.nav-card{animation:slideUp .6s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:30px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-card:nth-child(2){animation-delay:.1s}.nav-card:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.nav-card:hover:before{left:100%}.nav-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-10px)}.nav-card:hover .nav-card-arrow{transform:translateX(5px)}.nav-card-icon{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;height:140px;justify-content:center;margin:0 auto 20px;transition:transform .3s;width:140px}.nav-card:hover .nav-card-icon{transform:scale(1.05)}.nav-svg{height:100%;width:100%}.nav-card-content{flex:1 1}.nav-card-content h2{color:#333;font-size:24px;font-weight:600;margin:0 0 10px}.nav-card-content p{color:#666;font-size:14px;line-height:1.6;margin:0 0 15px}.feature-list{list-style:none;margin:0;padding:0}.feature-list li{color:#555;font-size:13px;line-height:1.5;padding:6px 0 6px 20px;position:relative}.feature-list li:before{color:#4caf50;content:"✓";font-weight:700;left:0;position:absolute}.nav-card-arrow{color:#667eea;font-size:28px;font-weight:300;position:absolute;right:20px;top:20px;transition:transform .3s}.home-footer{color:#fff;font-size:14px;max-width:600px;opacity:.9;text-align:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.home-title{font-size:36px}.home-subtitle{font-size:16px}.nav-cards-grid{gap:20px;grid-template-columns:1fr}.nav-card{padding:20px}.nav-card-icon{height:120px;width:120px}.nav-card-content h2{font-size:20px}}@media (max-width:480px){.home-container{padding:20px 15px}.home-title{font-size:28px}.home-subtitle{font-size:14px}.nav-card-icon{height:100px;width:100px}.nav-card-content h2{font-size:18px}.nav-card-content p{font-size:13px}}.search-container{margin:0 auto;max-width:1000px;padding:20px}.control-group input[type=checkbox]{cursor:pointer}.btn-generate:hover{background-color:#0052a3}.grid-info{background-color:#f0f0f0;border-radius:4px;margin-bottom:15px;padding:10px}.grid-wrapper{background-color:#fafafa;border:1px solid #ddd;border-radius:4px;display:flex;justify-content:center;padding:15px}.grid{grid-gap:1px;background-color:#ccc;border:2px solid #333;display:grid;gap:1px;padding:1px}.cell{align-items:center;border:1px solid #999;display:flex;font-size:10px;height:30px;justify-content:center;width:30px}.cell-empty{background-color:#fff}.cell-start{background-color:#4caf50}.cell-end,.cell-start{color:#fff;font-weight:700}.cell-end{background-color:#f44336}.cell-obstacle{background-color:#333}.btn-search{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s}.btn-search:hover:not(:disabled){background-color:#45a049}.btn-search:disabled{background-color:#ccc;cursor:not-allowed}.cell-visited{background-color:#fff59d;border:1px solid #f57f17}.cell-path{background-color:#81c784;border:1px solid #388e3c}.sort-container{margin:0 auto;max-width:1200px;padding:20px}.controls{flex-wrap:wrap;gap:15px;margin-bottom:20px}.control-group,.controls{align-items:center;display:flex}.control-group{gap:8px}.control-group label{font-weight:500}.control-group input[type=number],.control-group select{border:1px solid #ccc;border-radius:4px;font-size:14px;padding:6px 10px}.btn-generate{background-color:#06c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s}.btn-generate:hover:not(:disabled){background-color:#0052a3}.btn-generate:disabled{background-color:#ccc;cursor:not-allowed}.btn-sort{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background-color .2s}.btn-sort:hover:not(:disabled){background-color:#45a049}.btn-sort:disabled{background-color:#ccc;cursor:not-allowed}.sort-info{background-color:#f0f0f0;border-radius:4px;margin-bottom:15px;padding:10px}.sort-info p{font-size:14px;margin:5px 0}.bars-wrapper{background-color:#fafafa;border:1px solid #ddd;border-radius:4px;min-height:400px;padding:15px}.bars-container,.bars-wrapper{display:flex;justify-content:center}.bars-container{align-items:flex-end;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px;gap:2px;height:400px;padding:10px;width:100%}.bar{border-radius:2px 2px 0 0;flex:1 1;min-width:1px;transition:background-color .1s}.bar,.bar-default{background-color:#2196f3}.bar-comparing{background-color:#ff9800}.bar-swapped{background-color:#f44336}.bar-sorted{background-color:#4caf50}.placeholder{align-items:center;color:#999;display:flex;font-style:italic;height:100%;justify-content:center}
/*# sourceMappingURL=main.d3ecbddb.css.map*/