:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;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{min-height:100vh;background-color:#1a1a1a}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}}@media (max-width: 768px){.linear-btn,.binary-btn,.new-arr{bottom:15px;right:15px;padding:10px 20px;font-size:.9rem}.linear-btn{bottom:60px}.binary-btn{bottom:110px}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.parent{display:flex;justify-content:center;align-items:center;min-height:100vh}.sign{display:flex;justify-content:flex-end}.frontpage-container{width:60%;background:linear-gradient(145deg,#0b132b,#1c2541);border-radius:15px;padding:40px;color:#fff;box-shadow:0 4px 20px #0006;text-align:center}h1{font-size:2rem;margin-bottom:15px}h2{font-size:1.4rem;margin-top:25px}.linear-title{color:#5aa9e6;font-size:1.3rem;margin-bottom:10px}.binary-title{color:#f6b93b;font-size:1.3rem;margin-bottom:10px}p{font-size:1.05rem;line-height:1.6;margin-bottom:20px}button{background-color:transparent;color:#fff;border:1px solid #888;border-radius:8px;padding:10px 20px;cursor:pointer;margin:10px 0;transition:.3s}button:hover{background-color:#222}.credit{margin-top:30px;font-size:.9rem;color:#ccc}@media (max-width: 1200px){.frontpage-container{width:75%;padding:35px}}@media (max-width: 992px){.frontpage-container{width:80%;padding:30px}h1{font-size:1.8rem}p{font-size:1rem}}@media (max-width: 768px){.frontpage-container{width:90%;padding:25px;margin:20px 0}h1{font-size:1.5rem;line-height:1.4}p{font-size:.95rem}.intro{margin-bottom:20px}}@media (max-width: 576px){.frontpage-container{width:95%;padding:20px;margin:15px 0}h1{font-size:1.3rem}p{font-size:.9rem}}@media (max-width: 400px){.frontpage-container{width:98%;padding:15px}h1{font-size:1.2rem}p{font-size:.85rem}}button.search-btn{padding:18px 85px}.linear-container{text-align:center;margin-top:50px}button.linear-btn{padding:13px 45px;cursor:pointer}.array-container{display:flex;justify-content:center;gap:15px;margin:20px 0}button.linear-back-btn{padding:11px 54px;display:flex;justify-content:flex-start}.array-box{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border:2px solid #333;border-radius:5px;background-color:#a99e9e;font-weight:700;transition:all .3s ease}.array-box.current{background-color:#ff0}.array-box.found{background-color:green;color:#fff;border-color:#006400}input{padding:5px;margin-right:10px}button{padding:5px 10px;cursor:pointer}.target-input{width:162px;height:22px;padding:8px 12px;font-size:16px;border:2px solid #85acd5;border-radius:8px;outline:none;transition:all .3s ease}.linear-btns{display:flex;justify-content:space-evenly}button.new-arr{padding:13px 45px}.linear-info{width:85%;margin:30px auto;background-color:#e8f0ff;border-left:6px solid #2563eb;border-radius:10px;box-shadow:0 4px 12px #00000026;padding:25px;font-family:Poppins,sans-serif;text-align:center}.linear-info h2{color:#1e40af;font-size:28px;margin-bottom:15px;text-transform:uppercase}.linear-info p{color:#333;font-size:16px;line-height:1.6;text-align:left}.linear-complexity{margin-top:25px}.linear-complexity table{width:100%;border-collapse:collapse;margin-top:10px}.linear-complexity th,.linear-complexity td{border:1px solid #cbd5e1;padding:10px;text-align:center}.linear-complexity th{background-color:#2563eb;color:#fff}.linear-complexity td{background-color:#f1f5f9;color:#333}.linear-code{background-color:#1e293b;color:#f8fafc;text-align:left;margin-top:25px;padding:15px;border-radius:8px;font-family:Courier New,monospace;overflow-x:auto}.linear-code h3{color:#60a5fa}.linear-cn{max-width:1270px}@media (max-width: 768px){.linear-cn,.binary-cn{width:95%;padding:0 10px}.array-container{gap:3px}.array-box{width:18px;padding:4px 15px;font-size:.7rem}h1{font-size:1.5rem}.linear-btn,.new-array{width:201%;margin:10px;font-size:.85rem}}.info-message{padding:12px 20px;border-radius:8px;margin:15px 0;font-size:.95rem;display:inline-block;max-width:90%;text-align:left;box-shadow:0 3px 6px #ebe2e21a;transition:all .3s ease}@media (max-width: 359px){.linear-cn{width:95%;padding:0 5px}.array-container{gap:2px;flex-wrap:wrap;justify-content:center}.array-box{width:15px;height:35px;font-size:.65rem}h1{font-size:1.3rem}.linear-btn,.new-arr{padding:8px 20px;font-size:.8rem;bottom:10px}.linear-info{width:100%;padding:15px}.linear-code{font-size:.8rem;padding:10px}.linear-complexity th,.linear-complexity td{padding:5px;font-size:.7rem}}@media (min-width: 360px) and (max-width: 480px){.linear-cn{width:95%;padding:0 8px}.array-container{gap:3px;flex-wrap:wrap}.array-box{width:18px;height:40px;font-size:.7rem}h1{font-size:1.4rem}.linear-btn,.new-arr{padding:10px 25px;font-size:.85rem;bottom:12px}.linear-info{width:100%;padding:20px}.linear-code{font-size:.85rem;padding:12px}.linear-complexity th,.linear-complexity td{padding:7px;font-size:.75rem}}@media (min-width: 481px) and (max-width: 768px){.linear-cn{width:95%;padding:0 10px}.array-container{gap:5px;flex-wrap:nowrap;justify-content:center}.array-box{width:40px;height:40px;font-size:.8rem}h1{font-size:1.6rem}.linear-btn,.new-arr{padding:12px 35px;font-size:.9rem;bottom:15px}.linear-info{width:100%;padding:25px}.linear-code{font-size:.9rem;padding:15px}.linear-complexity th,.linear-complexity td{padding:8px;font-size:.85rem}}@media (min-width: 769px) and (max-width: 1024px){.linear-cn{width:95%;padding:0 15px}.array-container{gap:8px}.array-box{width:35px;height:50px;font-size:.9rem}h1{font-size:2rem}.linear-btn,.new-arr{padding:13px 40px;font-size:1rem;bottom:18px}.linear-info{width:95%;padding:25px}.linear-code{font-size:.95rem;padding:15px}.linear-complexity th,.linear-complexity td{padding:10px;font-size:.9rem}}@media (min-width: 1025px){.linear-cn{width:100%;padding:0 20px}.array-container{gap:15px}.array-box{width:50px;height:50px;font-size:1rem}h1{font-size:2.2rem}.linear-btn,.new-arr{padding:13px 45px;font-size:1rem;bottom:20px}.linear-info{width:85%;padding:25px}.linear-code{font-size:1rem;padding:15px}.linear-complexity th,.linear-complexity td{padding:10px;font-size:1rem}}.complexity-table-container{text-align:center;margin-top:30px;font-family:Poppins,sans-serif;color:#f5f5f5}.complexity-table-container h3{color:#f6c;font-size:22px;margin-bottom:15px;letter-spacing:.5px}.complexity-table{display:flex;justify-content:center}.complexity-table table{width:320px;border-collapse:collapse;background-color:#12121a;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #0006}.complexity-table th{background:linear-gradient(90deg,#8a2be2,#f6c);color:#fff;padding:12px;font-size:14px;text-transform:uppercase}.complexity-table td{padding:12px;font-size:15px;color:#eaeaea;border-top:1px solid #2e2e3d}.complexity-table tr:nth-child(2n) td{background-color:#1f1f2f}.complexity-table tr:hover td{background-color:#2a2a3d;color:#f6c;transition:.3s ease}@media (max-width: 600px){.complexity-table table{width:90%;font-size:14px}.complexity-table-container h3{font-size:18px}}.language-select{padding:10px 18px;border:2px solid #ff66cc;border-radius:8px;background-color:#12121a;color:#fff;font-size:15px;margin-bottom:25px;cursor:pointer;transition:.3s ease}.language-select{padding:10px 18px;border:2px solid #ff66cc;border-radius:8px;background-color:#12121a;color:#f6c;font-size:15px;margin-bottom:25px;cursor:pointer;transition:.3s ease;appearance:none}.code-box pre{background-color:#12121a;border-radius:12px;padding:15px;margin:0;color:#eaeaea}.Binary-cn{padding-bottom:410px}button.binary-btn{padding:15px 60px;cursor:pointer;background-color:#030403}input.binary-input{width:162px;height:22px;padding:8px 12px;font-size:16px;border:2px solid #85acd5;border-radius:8px;outline:none;transition:all .3s ease}button.binary-back-btn{padding:11px 54px;display:flex;justify-content:flex-start}.array-container{display:flex;justify-content:center;margin-top:20px;gap:10px}.array-element{width:55px;height:50px;display:flex;align-items:center;justify-content:center;border:2px solid #555;font-weight:700;transition:all 1s ease;background-color:#f7e3e3;color:#000;border-radius:5px}.array-element.low{background-color:#6e6d2d;color:#fff}.array-element.high{background-color:#f74e4e;color:#fff}.array-element.mid{background-color:#006d18;color:#fff}.array-element.skipped{background-color:#c7d1d1;color:#565b5c}.legend{display:flex;justify-content:center;gap:20px;margin-bottom:20px;font-weight:700}.legend-item{display:flex;align-items:center;gap:5px}.legend-color{width:20px;height:20px;border-radius:4px}.low-color{background-color:#6e6d2d}.high-color{background-color:#f74e4e}.mid-color{background-color:#006d18}.new-arr{padding:15px 60px;cursor:pointer;background-color:#030403}.array-btn{display:flex;justify-content:space-evenly;padding-top:15px}input.linear-size{width:162px;height:22px;padding:8px 12px;font-size:16px;border:2px solid #85acd5;border-radius:8px;outline:none;transition:all .3s ease}@media (max-width: 359px){.Binary-cn{padding-bottom:200px}.binary-btn,.new-arr{width:100%;padding:12px 0;font-size:.85rem}.binary-input,input.linear-size{width:100%;max-width:140px}.array-container{gap:5px;flex-wrap:wrap;justify-content:center}.array-element{width:35px;height:35px;font-size:.7rem}.array-btn,.legend{flex-direction:column;gap:10px}}@media (min-width: 360px) and (max-width: 480px){.Binary-cn{padding-bottom:250px}.binary-btn,.new-arr{width:auto;padding:12px 25px;font-size:.9rem}.binary-input,input.linear-size{width:150px}.array-container{gap:8px;flex-wrap:wrap}.array-element{width:45px;height:45px;font-size:.8rem}.array-btn{flex-direction:row;gap:10px}}@media (min-width: 481px) and (max-width: 768px){.Binary-cn{padding-bottom:300px}.binary-btn,.new-arr{width:auto;padding:14px 30px;font-size:.95rem}.binary-input,input.linear-size{width:160px}.array-container{gap:10px;flex-wrap:nowrap;justify-content:center}.array-element{width:50px;height:50px;font-size:.9rem}.array-btn{flex-direction:row;gap:15px}}@media (min-width: 769px) and (max-width: 1024px){.Binary-cn{padding-bottom:350px}.binary-btn,.new-arr{width:auto;padding:15px 40px;font-size:1rem}.binary-input,input.linear-size{width:160px}.array-container{gap:12px}.array-element{width:55px;height:50px;font-size:1rem}.array-btn{gap:20px}}@media (min-width: 1025px){.Binary-cn{padding-bottom:410px}.binary-btn,.new-arr{width:auto;padding:15px 60px;font-size:1rem}.binary-input,input.linear-size{width:162px}.array-container{gap:10px}.array-element{width:55px;height:50px;font-size:1rem}.array-btn{gap:20px}}.code-viewer-container{text-align:center;margin:30px auto;font-family:Poppins,sans-serif;color:#f5f5f5;width:80%;max-width:900px}.code-viewer-container h2{font-size:24px;margin-bottom:20px;color:#f6c;letter-spacing:.5px}.language-select{padding:10px 18px;border:2px solid #ff66cc;border-radius:8px;background-color:#12121a;color:#f6c;font-size:15px;margin-bottom:25px;cursor:pointer;transition:.3s ease}.language-select option{background-color:#12121a;color:#fff}.language-select:hover{background:linear-gradient(90deg,#8a2be2,#f6c);color:#fff;transform:scale(1.03)}.code-box{text-align:left;border-radius:12px;background-color:#12121a;padding:20px;margin-top:15px;box-shadow:0 2px 8px #0006;overflow-x:auto;word-wrap:break-word;white-space:pre-wrap;font-size:15px}.code-box:hover{box-shadow:0 0 25px #f6c6;transition:.3s ease}@media (max-width: 768px){.code-viewer-container{width:95%}.code-viewer-container h2{font-size:20px}.language-select{font-size:14px;padding:8px 12px}.code-box{font-size:14px;padding:15px}}@media (max-width: 480px){.code-viewer-container h2{font-size:18px}.language-select{font-size:13px;padding:6px 10px}.code-box{font-size:13px;padding:12px}.code-box pre{white-space:pre-wrap;word-wrap:break-word;overflow-x:hidden}}