@import"https://fonts.googleapis.com/css2?family=Rubik:wght@600&display=swap";: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;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--text-primary: #212529;--text-secondary: #6c757d;--text-muted: #adb5bd;--border-color: #dee2e6;--shadow: 0 2px 8px rgba(0, 0, 0, .1);--navbar-bg: #000000;--navbar-text: #ffffff;--accent-color: #38bdf8;--accent-hover: #0ea5e9}[data-theme=dark]{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-tertiary: #404040;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-muted: #808080;--border-color: #404040;--shadow: 0 2px 8px rgba(0, 0, 0, .3);--navbar-bg: #000000;--navbar-text: #ffffff;--accent-color: #38bdf8;--accent-hover: #0ea5e9}a{font-weight:500;color:var(--accent-color);text-decoration:inherit}a:hover{color:var(--accent-hover)}body{margin:0;padding:0;box-sizing:border-box;font-family:sans-serif;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}h1{font-size:3.2em;line-height:1.1;color:var(--text-primary)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:border-color .25s,background-color .3s ease,color .3s ease}button:hover{border-color:var(--accent-color);background-color:var(--bg-tertiary)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.navbar{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(80deg,#000,#1a1a1a);padding:0 30px;color:#fff;position:sticky;top:0;z-index:1000;height:60px;box-shadow:0 2px 8px #0009;font-family:Rubik,sans-serif}.logo{font-size:28px;font-weight:700;display:flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none;cursor:pointer}.logo-icon{font-size:30px;animation:bounce 1.2s infinite ease-in-out alternate}.logo-text{background:linear-gradient(90deg,#f59e0b,#10b981);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:1px}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-3px)}}.nav-items{display:flex;align-items:center;gap:40px}.navbar-toggle{display:none;background:none;border:none;color:#38bdf8;cursor:pointer;z-index:1100}.nav-links{display:flex;gap:25px;list-style:none;padding:0}.nav-links li{position:relative;font-weight:500}.nav-links a{color:#fff;text-decoration:none;padding:6px 10px;border-radius:6px}.nav-links a:hover{background-color:#1f2937}.theme-toggle{background:none;border:none;color:#38bdf8;cursor:pointer;padding:8px;border-radius:6px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{background-color:#1f2937;color:#fff}.dropdown-menu{position:absolute;top:35px;background:#111827;list-style:none;padding:10px 0;border-radius:8px;min-width:220px;box-shadow:0 5px 15px #00000080;max-height:300px;overflow-y:auto;z-index:100}.dropdown-menu::-webkit-scrollbar{width:6px}.dropdown-menu::-webkit-scrollbar-thumb{background-color:#444}.dropdown-menu li{padding:10px 20px;cursor:pointer}.dropdown-menu li:hover{background-color:#1e293b;color:#38bdf8}.nav-right{display:flex;gap:12px}.login-btn,.register-btn{padding:8px 18px;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s ease}.login-btn{background-color:transparent;color:#38bdf8;border:1px solid #38bdf8}.login-btn:hover,.register-btn{background-color:#38bdf8;color:#000}.register-btn:hover{background-color:#0ea5e9}.home-icon{color:#38bdf8;padding:8px;display:flex;align-items:center;border-radius:8px}.home-icon:hover{background-color:#dbeafe;color:#111827}.user-dropdown-menu{position:absolute;right:0;top:110%;background:#18181b;border-radius:8px;box-shadow:0 4px 16px #0000002e;min-width:120px;z-index:2000;padding:8px 0}.user-dropdown-menu li{padding:10px 18px;cursor:pointer}.user-dropdown-menu li:hover{background:#23232b;color:#38bdf8}@media (max-width: 768px){.navbar-toggle{display:block}.nav-items{position:fixed;top:70px;right:-100vw;width:80vw;max-width:340px;height:calc(100vh - 70px);background:#18181b;flex-direction:column;align-items:flex-start;gap:0;padding:32px 24px;transition:right .3s ease;overflow-y:auto}.nav-items.open{right:0}.nav-links{flex-direction:column;gap:12px;width:100%}.nav-links a,.dropdown-wrapper{width:100%;display:block;padding:12px 0}.dropdown-menu{position:static;background:#23232b;box-shadow:none;border-radius:8px;margin-top:6px;width:100%;max-height:220px;overflow-y:auto}.nav-right{margin-top:24px;width:100%;flex-direction:column;align-items:flex-start}}.home{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:background-color .3s ease,color .3s ease}.hero{background:url(https://images.unsplash.com/photo-1537432376769-00a9d3fef148?auto=format&fit=crop&w=1470&q=80) no-repeat center center/cover;height:100vh;display:flex;align-items:center;justify-content:center;position:relative}.hero-overlay{background:#000000a6;color:#fff;padding:50px 40px 60px;text-align:center;border-radius:18px;box-shadow:0 8px 32px #00000040;max-width:600px;margin:0 20px;animation:fadeIn 1.2s}@keyframes fadeIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.hero-overlay h1{font-size:3.2rem;margin-bottom:18px;font-weight:800;letter-spacing:1px;background:linear-gradient(90deg,#00c6ff,#0f2b4d);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-overlay p{font-size:1.35rem;margin-bottom:32px;color:#e0e0e0}.hero-buttons{display:flex;justify-content:center;gap:18px}.hero-buttons button{padding:14px 32px;margin:10px 0;border:none;border-radius:10px;font-size:1.08rem;cursor:pointer;font-weight:600;transition:.3s;box-shadow:0 2px 8px #0000001a}.btn-primary{background:linear-gradient(90deg,#153a61,#153841);color:#fff;letter-spacing:.5px}.btn-primary:hover{background:linear-gradient(90deg,#0a2541,#0d2836);transform:scale(1.05)}.btn-secondary{background:linear-gradient(90deg,#ffc107,#ffecb3);color:#222;letter-spacing:.5px}.btn-secondary:hover{background:linear-gradient(90deg,#e0a800,#ffe082);color:#111;transform:scale(1.05)}.features{padding:70px 20px 60px;background:var(--bg-secondary);text-align:center;transition:background-color .3s ease}.features h2{font-size:2.2rem;margin-bottom:36px;font-weight:700;color:var(--text-primary);letter-spacing:.5px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px;max-width:1100px;margin:auto}.feature-box{padding:28px 18px;background:var(--bg-tertiary);border-radius:14px;font-size:1.18rem;font-weight:500;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s,background-color .3s ease;border:1.5px solid var(--border-color);color:var(--text-primary)}.feature-box:hover{transform:translateY(-8px) scale(1.04);box-shadow:0 6px 24px #007bff1a;background:var(--bg-secondary)}.topics{padding:0 20px;background:var(--bg-primary);text-align:center;display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box;transition:background-color .3s ease}.topics h2{font-size:2.1rem;margin:34px 0 24px;font-weight:700;color:var(--text-primary)}.topics-grid{display:inline-grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:26px;margin-bottom:34px;width:auto;max-width:1400px}.topic-card{background:var(--bg-secondary);border-radius:12px;padding:28px 0;font-size:1.18rem;color:var(--text-primary);font-weight:600;box-shadow:var(--shadow);transition:transform .2s,background .3s ease,color .3s ease;cursor:pointer;text-decoration:none;border:1.5px solid var(--border-color);letter-spacing:.5px}.topic-card:hover{transform:translateY(-7px) scale(1.04);background:var(--bg-tertiary);color:var(--text-primary);box-shadow:0 6px 24px #007bff1a}.quote-modal{position:fixed;z-index:9999;left:0;top:0;right:0;bottom:0;background:#00000073;display:flex;align-items:center;justify-content:center;animation:fadeIn .4s}.quote-modal-content{background:var(--bg-primary);border-radius:16px;padding:32px 28px 24px;box-shadow:var(--shadow);max-width:90vw;width:350px;text-align:center;position:relative;animation:popIn .4s;color:var(--text-primary);transition:background-color .3s ease,color .3s ease}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.close-btn{position:absolute;top:12px;right:18px;font-size:1.7rem;color:var(--text-primary);cursor:pointer;font-weight:700;transition:color .2s}.close-btn:hover{color:#d72660}.quote-modal-content h3{margin-bottom:14px;color:var(--text-primary);font-size:1.25rem;font-weight:700}.quote-modal-content p{font-size:1.08rem;color:var(--text-secondary);font-style:italic}footer{text-align:center;padding:24px 0 18px;background:linear-gradient(90deg,#222 60%,#191a64);color:#fff;font-size:1rem;letter-spacing:.5px;margin-top:0;border-top-left-radius:18px;border-top-right-radius:18px;box-shadow:0 -2px 12px #00000014}@media (max-width: 900px){.hero-overlay{padding:30px 10px 40px;max-width:95vw}.feature-grid,.topics-grid{gap:18px}.feature-box,.topic-card{padding:18px 8px;font-size:1rem}}@media (max-width: 600px){.hero{height:70vh}.hero-overlay h1{font-size:2.1rem}.features,.topics{padding:0 5px}.feature-box,.topic-card{padding:12px 4px;font-size:.98rem}footer{font-size:.85rem;padding:14px 0 10px}}.chatbot-button{position:fixed;bottom:24px;right:24px;width:58px;height:58px;background:radial-gradient(circle at 30% 30%,#6366f1,#3b82f6);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;z-index:1000;box-shadow:0 0 15px #6366f199,0 6px 20px #00000040;transition:transform .3s ease,box-shadow .3s ease}.chatbot-button:hover{transform:scale(1.1) rotate(3deg);box-shadow:0 0 20px #6366f1e6}.chatbot-button.active{background:#0f172a}.chatbot-panel{position:fixed;bottom:100px;right:24px;width:370px;height:520px;background:var(--bg-primary);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:20px;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;z-index:999;animation:fadeInUp .4s ease;transition:background-color .3s ease}.chatbot-header{background:linear-gradient(135deg,#2563eb,#6366f1);color:#fff;padding:16px;font-size:1.1rem;font-weight:700;display:flex;justify-content:space-between;align-items:center}.chatbot-close{background:none;border:none;color:#fff;cursor:pointer}.chatbot-messages{flex:1;padding:16px;overflow-y:auto;background:var(--bg-secondary);transition:background-color .3s ease}.chat-message{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}.chat-message.user{justify-content:flex-end}.chat-message.user .text{background-color:#3b82f6;color:#fff;border-bottom-right-radius:4px;border-top-left-radius:16px}.chat-message.bot .text{background-color:var(--bg-tertiary);color:var(--text-primary);border-bottom-left-radius:4px;border-top-right-radius:16px;transition:background-color .3s ease,color .3s ease}.chat-message .avatar{font-size:20px}.chat-message .text{padding:10px 14px;border-radius:16px;font-size:.95rem;max-width:70%;line-height:1.4;box-shadow:var(--shadow)}.chatbot-input{display:flex;border-top:1px solid var(--border-color);background:var(--bg-primary);padding:10px;transition:background-color .3s ease,border-color .3s ease}.chatbot-input input{flex:1;padding:12px;font-size:.95rem;border:1px solid var(--border-color);border-radius:8px;outline:none;margin-right:8px;background:var(--bg-secondary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease,border-color .3s ease}.chatbot-input input::placeholder{color:var(--text-muted)}.chatbot-input button{background:#6366f1;color:#fff;border:none;padding:12px 18px;border-radius:8px;cursor:pointer;font-weight:600;transition:background .3s ease}.chatbot-input button:hover{background:#4f46e5}.chatbot-messages::-webkit-scrollbar{width:6px}.chatbot-messages::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:6px}.chatbot-messages::-webkit-scrollbar-track{background:transparent}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.register-container{max-width:400px;margin:80px auto;background:var(--bg-primary);border-radius:12px;box-shadow:var(--shadow);padding:36px 32px 28px;font-family:Inter,sans-serif;transition:background-color .3s ease,box-shadow .3s ease}.register-container h2{text-align:center;color:var(--accent-color);font-size:2rem;font-weight:700;margin-bottom:28px;letter-spacing:1px}.register-form{display:flex;flex-direction:column;gap:18px}.register-form input{padding:12px 14px;border:1px solid var(--border-color);border-radius:7px;font-size:1rem;background:var(--bg-secondary);color:var(--text-primary);transition:border .2s,background-color .3s ease,color .3s ease}.register-form input:focus{border:1.5px solid var(--accent-color);outline:none;background:var(--bg-primary)}.register-form input::placeholder{color:var(--text-muted)}.register-form button{padding:12px 0;background:var(--accent-color);color:#fff;font-size:1.1rem;font-weight:600;border:none;border-radius:7px;cursor:pointer;margin-top:8px;transition:background .2s}.register-form button:hover{background:var(--accent-hover)}.register-container p{text-align:center;font-size:1rem;margin-top:10px;color:var(--text-secondary)}.login-container{max-width:400px;margin:80px auto;background:var(--bg-primary);border-radius:12px;box-shadow:var(--shadow);padding:36px 32px 28px;font-family:Inter,sans-serif;transition:background-color .3s ease,box-shadow .3s ease}.login-container h2{text-align:center;color:var(--accent-color);font-size:2rem;font-weight:700;margin-bottom:28px;letter-spacing:1px}.login-form{display:flex;flex-direction:column;gap:18px}.login-form input{padding:12px 14px;border:1px solid var(--border-color);border-radius:7px;font-size:1rem;background:var(--bg-secondary);color:var(--text-primary);transition:border .2s,background-color .3s ease,color .3s ease}.login-form input:focus{border:1.5px solid var(--accent-color);outline:none;background:var(--bg-primary)}.login-form input::placeholder{color:var(--text-muted)}.login-form button{padding:12px 0;background:var(--accent-color);color:#fff;font-size:1.1rem;font-weight:600;border:none;border-radius:7px;cursor:pointer;margin-top:8px;transition:background .2s}.login-form button:hover{background:var(--accent-hover)}.login-container p{text-align:center;font-size:1rem;margin-top:10px;color:var(--text-secondary)}*{margin:0;padding:0;box-sizing:border-box}.container{max-width:900px;margin:auto;background-color:var(--bg-secondary);padding:30px;border-radius:16px;box-shadow:var(--shadow);transition:background-color .3s ease,box-shadow .3s ease}.container h1{font-size:2.5rem;color:var(--text-primary);margin-bottom:20px;font-weight:700;text-align:center}.container h2{font-size:1.75rem;color:var(--accent-color);margin:30px 0 10px;border-bottom:2px solid var(--border-color);padding-bottom:6px}.container p{font-size:1.1rem;margin-bottom:15px;color:var(--text-primary)}a{color:var(--accent-color);text-decoration:none;font-weight:600}a:hover{text-decoration:underline}.button{display:inline-block;margin-top:20px;padding:12px 22px;background-color:var(--accent-color);color:#fff;border:none;border-radius:8px;text-decoration:none;font-size:1rem;transition:background .3s ease}.button:hover{background-color:var(--accent-hover)}.section{margin-top:40px;padding:20px;border-left:5px solid var(--accent-color);background-color:var(--bg-tertiary);border-radius:8px;transition:background-color .3s ease}@media (max-width: 768px){.container{padding:20px}.container h1{font-size:2rem}.container p{font-size:1rem}}.bubble-sort-container{background-color:var(--bg-primary);font-family:Inter,sans-serif;color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.bubble-sort-section{background-color:var(--bg-secondary);border-radius:12px;box-shadow:var(--shadow);margin:auto;transition:background-color .3s ease,box-shadow .3s ease}.bubble-sort-section h2{font-size:2.2rem;font-weight:700;color:var(--text-primary);margin-bottom:24px;border-bottom:2px solid var(--border-color);padding-bottom:10px}.bubble-sort-section h3{font-size:1.6rem;font-weight:600;color:var(--accent-color);margin-top:32px;margin-bottom:14px;border-bottom:1px dashed var(--border-color);padding-bottom:6px}.bubble-sort-section p,.bubble-sort-section ul,.bubble-sort-section li{font-size:1rem;color:var(--text-primary);line-height:1.7;margin-bottom:12px}.bubble-sort-section ul{padding-left:20px}.bubble-sort-section ul li{list-style-type:disc}.bubble-sort-section ol{padding-left:20px}.bubble-sort-section ol li{list-style-type:decimal}.bubble-sort-section code{background-color:var(--bg-tertiary);color:var(--text-primary);padding:2px 6px;border-radius:4px;font-family:Fira Code,monospace;font-size:.95rem}.bubble-sort-section pre{background:#0f172a;color:#e2e8f0;padding:18px 20px;border-radius:10px;font-family:Fira Code,monospace;font-size:.95rem;line-height:1.6;margin:20px 0;border-left:4px solid var(--accent-color);overflow-x:auto}.bubble-sort-section pre::-webkit-scrollbar{height:6px}.bubble-sort-section pre::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:8px}.bubble-sort-section table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.95rem}.bubble-sort-section th,.bubble-sort-section td{border:1px solid var(--border-color);padding:10px 12px;text-align:left}.bubble-sort-section th{background-color:var(--bg-secondary);color:var(--text-primary);font-weight:600}.bubble-sort-section td{background-color:var(--bg-primary);color:var(--text-primary)}.bubble-sort-section tr:hover td{background-color:var(--bg-tertiary)}@media (max-width: 768px){.bubble-sort-container{padding:20px}.bubble-sort-section{padding:24px}}.selection-sort-container{background-color:var(--bg-primary);font-family:Inter,sans-serif;color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.selection-sort-section{background-color:var(--bg-secondary);border-radius:12px;box-shadow:var(--shadow);margin:auto;transition:background-color .3s ease,box-shadow .3s ease}.selection-sort-section h2{font-size:2.2rem;font-weight:700;color:var(--text-primary);margin-bottom:24px;border-bottom:2px solid var(--border-color);padding-bottom:10px}.selection-sort-section h3{font-size:1.6rem;font-weight:600;color:var(--accent-color);margin-top:32px;margin-bottom:14px;border-bottom:1px dashed var(--border-color);padding-bottom:6px}.selection-sort-section p,.selection-sort-section ul,.selection-sort-section li{font-size:1rem;color:var(--text-primary);line-height:1.7;margin-bottom:12px}.selection-sort-section ul{padding-left:20px}.selection-sort-section ul li{list-style-type:disc}.selection-sort-section ol{padding-left:20px}.selection-sort-section ol li{list-style-type:decimal}.selection-sort-section code{background-color:var(--bg-tertiary);color:var(--text-primary);padding:2px 6px;border-radius:4px;font-family:Fira Code,monospace;font-size:.95rem}.selection-sort-section pre{background:#0f172a;color:#e2e8f0;padding:18px 20px;border-radius:10px;font-family:Fira Code,monospace;font-size:.95rem;line-height:1.6;margin:20px 0;border-left:4px solid var(--accent-color);overflow-x:auto}.selection-sort-section pre::-webkit-scrollbar{height:6px}.selection-sort-section pre::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:8px}.selection-sort-section table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.95rem}.selection-sort-section th,.selection-sort-section td{border:1px solid var(--border-color);padding:10px 12px;text-align:left}.selection-sort-section th{background-color:var(--bg-secondary);color:var(--text-primary);font-weight:600}.selection-sort-section td{background-color:var(--bg-primary);color:var(--text-primary)}.selection-sort-section tr:hover td{background-color:var(--bg-tertiary)}@media (max-width: 768px){.selection-sort-container{padding:20px}.selection-sort-section{padding:24px}}.insertion-sort-container{background-color:var(--bg-primary);font-family:Inter,sans-serif;color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.insertion-sort-section{background-color:var(--bg-secondary);border-radius:12px;box-shadow:var(--shadow);margin:auto;transition:background-color .3s ease,box-shadow .3s ease}.insertion-sort-section h2{font-size:2.2rem;font-weight:700;color:var(--text-primary);margin-bottom:24px;border-bottom:2px solid var(--border-color);padding-bottom:10px}.insertion-sort-section h3{font-size:1.6rem;font-weight:600;color:var(--accent-color);margin-top:32px;margin-bottom:14px;border-bottom:1px dashed var(--border-color);padding-bottom:6px}.insertion-sort-section p,.insertion-sort-section ul,.insertion-sort-section li{font-size:1rem;color:var(--text-primary);line-height:1.7;margin-bottom:12px}.insertion-sort-section ul{padding-left:20px}.insertion-sort-section ul li{list-style-type:disc}.insertion-sort-section ol{padding-left:20px}.insertion-sort-section ol li{list-style-type:decimal}.insertion-sort-section code{background-color:var(--bg-tertiary);color:var(--text-primary);padding:2px 6px;border-radius:4px;font-family:Fira Code,monospace;font-size:.95rem}.insertion-sort-section pre{background:#0f172a;color:#e2e8f0;padding:18px 20px;border-radius:10px;font-family:Fira Code,monospace;font-size:.95rem;line-height:1.6;margin:20px 0;border-left:4px solid var(--accent-color);overflow-x:auto}.insertion-sort-section pre::-webkit-scrollbar{height:6px}.insertion-sort-section pre::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:8px}.insertion-sort-section table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.95rem}.insertion-sort-section th,.insertion-sort-section td{border:1px solid var(--border-color);padding:10px 12px;text-align:left}.insertion-sort-section th{background-color:var(--bg-secondary);color:var(--text-primary);font-weight:600}.insertion-sort-section td{background-color:var(--bg-primary);color:var(--text-primary)}.insertion-sort-section tr:hover td{background-color:var(--bg-tertiary)}@media (max-width: 768px){.insertion-sort-container{padding:20px}.insertion-sort-section{padding:24px}}.quick-sort-container{background-color:var(--bg-primary);font-family:Inter,sans-serif;color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.quick-sort-section{background-color:var(--bg-secondary);border-radius:12px;box-shadow:var(--shadow);margin:auto;transition:background-color .3s ease,box-shadow .3s ease}.quick-sort-section h2{font-size:2.2rem;font-weight:700;color:var(--text-primary);margin-bottom:24px;border-bottom:2px solid var(--border-color);padding-bottom:10px}.quick-sort-section h3{font-size:1.6rem;font-weight:600;color:var(--accent-color);margin-top:32px;margin-bottom:14px;border-bottom:1px dashed var(--border-color);padding-bottom:6px}.quick-sort-section p,.quick-sort-section ul,.quick-sort-section li{font-size:1rem;color:var(--text-primary);line-height:1.7;margin-bottom:12px}.quick-sort-section ul{padding-left:20px}.quick-sort-section ul li{list-style-type:disc}.quick-sort-section ol{padding-left:20px}.quick-sort-section ol li{list-style-type:decimal}.quick-sort-section code{background-color:var(--bg-tertiary);color:var(--text-primary);padding:2px 6px;border-radius:4px;font-family:Fira Code,monospace;font-size:.95rem}.quick-sort-section pre{background:#0f172a;color:#e2e8f0;padding:18px 20px;border-radius:10px;font-family:Fira Code,monospace;font-size:.95rem;line-height:1.6;margin:20px 0;border-left:4px solid var(--accent-color);overflow-x:auto}.quick-sort-section pre::-webkit-scrollbar{height:6px}.quick-sort-section pre::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:8px}.quick-sort-section table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.95rem}.quick-sort-section th,.quick-sort-section td{border:1px solid var(--border-color);padding:10px 12px;text-align:left}.quick-sort-section th{background-color:var(--bg-secondary);color:var(--text-primary);font-weight:600}.quick-sort-section td{background-color:var(--bg-primary);color:var(--text-primary)}.quick-sort-section tr:hover td{background-color:var(--bg-tertiary)}@media (max-width: 768px){.quick-sort-container{padding:20px}.quick-sort-section{padding:24px}}.counting-sort-container{background-color:var(--bg-primary);font-family:Inter,sans-serif;color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.counting-sort-section{background-color:var(--bg-secondary);border-radius:12px;box-shadow:var(--shadow);margin:auto;transition:background-color .3s ease,box-shadow .3s ease}.counting-sort-section h2{font-size:2.2rem;font-weight:700;color:var(--text-primary);margin-bottom:24px;border-bottom:2px solid var(--border-color);padding-bottom:10px}.counting-sort-section h3{font-size:1.6rem;font-weight:600;color:var(--accent-color);margin-top:32px;margin-bottom:14px;border-bottom:1px dashed var(--border-color);padding-bottom:6px}.counting-sort-section p,.counting-sort-section ul,.counting-sort-section li{font-size:1rem;color:var(--text-primary);line-height:1.7;margin-bottom:12px}.counting-sort-section ul{padding-left:20px}.counting-sort-section ul li{list-style-type:disc}.counting-sort-section ol{padding-left:20px}.counting-sort-section ol li{list-style-type:decimal}.counting-sort-section code{background-color:var(--bg-tertiary);color:var(--text-primary);padding:2px 6px;border-radius:4px;font-family:Fira Code,monospace;font-size:.95rem}.counting-sort-section pre{background:#0f172a;color:#e2e8f0;padding:18px 20px;border-radius:10px;font-family:Fira Code,monospace;font-size:.95rem;line-height:1.6;margin:20px 0;border-left:4px solid var(--accent-color);overflow-x:auto}.counting-sort-section pre::-webkit-scrollbar{height:6px}.counting-sort-section pre::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:8px}.counting-sort-section table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.95rem}.counting-sort-section th,.counting-sort-section td{border:1px solid var(--border-color);padding:10px 12px;text-align:left}.counting-sort-section th{background-color:var(--bg-secondary);color:var(--text-primary);font-weight:600}.counting-sort-section td{background-color:var(--bg-primary);color:var(--text-primary)}.counting-sort-section tr:hover td{background-color:var(--bg-tertiary)}@media (max-width: 768px){.counting-sort-container{padding:20px}.counting-sort-section{padding:24px}}.radix-sort-container{background-color:var(--bg-primary);font-family:Inter,sans-serif;color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.radix-sort-section{background-color:var(--bg-secondary);border-radius:12px;box-shadow:var(--shadow);margin:auto;transition:background-color .3s ease,box-shadow .3s ease}.radix-sort-section h2{font-size:2.2rem;font-weight:700;color:var(--text-primary);margin-bottom:24px;border-bottom:2px solid var(--border-color);padding-bottom:10px}.radix-sort-section h3{font-size:1.6rem;font-weight:600;color:var(--accent-color);margin-top:32px;margin-bottom:14px;border-bottom:1px dashed var(--border-color);padding-bottom:6px}.radix-sort-section p,.radix-sort-section ul,.radix-sort-section li{font-size:1rem;color:var(--text-primary);line-height:1.7;margin-bottom:12px}.radix-sort-section ul{padding-left:20px}.radix-sort-section ul li{list-style-type:disc}.radix-sort-section ol{padding-left:20px}.radix-sort-section ol li{list-style-type:decimal}.radix-sort-section code{background-color:var(--bg-tertiary);color:var(--text-primary);padding:2px 6px;border-radius:4px;font-family:Fira Code,monospace;font-size:.95rem}.radix-sort-section pre{background:#0f172a;color:#e2e8f0;padding:18px 20px;border-radius:10px;font-family:Fira Code,monospace;font-size:.95rem;line-height:1.6;margin:20px 0;border-left:4px solid var(--accent-color);overflow-x:auto}.radix-sort-section pre::-webkit-scrollbar{height:6px}.radix-sort-section pre::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:8px}.radix-sort-section table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.95rem}.radix-sort-section th,.radix-sort-section td{border:1px solid var(--border-color);padding:10px 12px;text-align:left}.radix-sort-section th{background-color:var(--bg-secondary);color:var(--text-primary);font-weight:600}.radix-sort-section td{background-color:var(--bg-primary);color:var(--text-primary)}.radix-sort-section tr:hover td{background-color:var(--bg-tertiary)}@media (max-width: 768px){.radix-sort-container{padding:20px}.radix-sort-section{padding:24px}}.merge-sort-container{background-color:var(--bg-primary);font-family:Inter,sans-serif;color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.merge-sort-section{background-color:var(--bg-secondary);border-radius:12px;box-shadow:var(--shadow);margin:auto;transition:background-color .3s ease,box-shadow .3s ease}.merge-sort-section h2{font-size:2.2rem;font-weight:700;color:var(--text-primary);margin-bottom:24px;border-bottom:2px solid var(--border-color);padding-bottom:10px}.merge-sort-section h3{font-size:1.6rem;font-weight:600;color:var(--accent-color);margin-top:32px;margin-bottom:14px;border-bottom:1px dashed var(--border-color);padding-bottom:6px}.merge-sort-section p,.merge-sort-section ul,.merge-sort-section li{font-size:1rem;color:var(--text-primary);line-height:1.7;margin-bottom:12px}.merge-sort-section ul{padding-left:20px}.merge-sort-section ul li{list-style-type:disc}.merge-sort-section ol{padding-left:20px}.merge-sort-section ol li{list-style-type:decimal}.merge-sort-section code{background-color:var(--bg-tertiary);color:var(--text-primary);padding:2px 6px;border-radius:4px;font-family:Fira Code,monospace;font-size:.95rem}.merge-sort-section pre{background:#0f172a;color:#e2e8f0;padding:18px 20px;border-radius:10px;font-family:Fira Code,monospace;font-size:.95rem;line-height:1.6;margin:20px 0;border-left:4px solid var(--accent-color);overflow-x:auto}.merge-sort-section pre::-webkit-scrollbar{height:6px}.merge-sort-section pre::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:8px}.merge-sort-section table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.95rem}.merge-sort-section th,.merge-sort-section td{border:1px solid var(--border-color);padding:10px 12px;text-align:left}.merge-sort-section th{background-color:var(--bg-secondary);color:var(--text-primary);font-weight:600}.merge-sort-section td{background-color:var(--bg-primary);color:var(--text-primary)}.merge-sort-section tr:hover td{background-color:var(--bg-tertiary)}@media (max-width: 768px){.merge-sort-container{padding:20px}.merge-sort-section{padding:24px}}.linear-search-container{background-color:var(--bg-primary);font-family:Inter,sans-serif;color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.linear-search-section{background-color:var(--bg-secondary);border-radius:12px;box-shadow:var(--shadow);margin:auto;transition:background-color .3s ease,box-shadow .3s ease}.linear-search-section h2{font-size:2.2rem;font-weight:700;color:var(--text-primary);margin-bottom:24px;border-bottom:2px solid var(--border-color);padding-bottom:10px}.linear-search-section h3{font-size:1.6rem;font-weight:600;color:var(--accent-color);margin-top:32px;margin-bottom:14px;border-bottom:1px dashed var(--border-color);padding-bottom:6px}.linear-search-section p,.linear-search-section ul,.linear-search-section li{font-size:1rem;color:var(--text-primary);line-height:1.7;margin-bottom:12px}.linear-search-section ul{padding-left:20px}.linear-search-section ul li{list-style-type:disc}.linear-search-section ol{padding-left:20px}.linear-search-section ol li{list-style-type:decimal}.linear-search-section code{background-color:var(--bg-tertiary);color:var(--text-primary);padding:2px 6px;border-radius:4px;font-family:Fira Code,monospace;font-size:.95rem}.linear-search-section pre{background:#0f172a;color:#e2e8f0;padding:18px 20px;border-radius:10px;font-family:Fira Code,monospace;font-size:.95rem;line-height:1.6;margin:20px 0;border-left:4px solid var(--accent-color);overflow-x:auto}.linear-search-section pre::-webkit-scrollbar{height:6px}.linear-search-section pre::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:8px}.linear-search-section table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.95rem}.linear-search-section th,.linear-search-section td{border:1px solid var(--border-color);padding:10px 12px;text-align:left}.linear-search-section th{background-color:var(--bg-secondary);color:var(--text-primary);font-weight:600}.linear-search-section td{background-color:var(--bg-primary);color:var(--text-primary)}.linear-search-section tr:hover td{background-color:var(--bg-tertiary)}@media (max-width: 768px){.linear-search-container{padding:20px}.linear-search-section{padding:24px}}.binary-search-container{background-color:var(--bg-primary);font-family:Inter,sans-serif;color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.binary-search-section{background-color:var(--bg-secondary);border-radius:12px;box-shadow:var(--shadow);margin:auto;transition:background-color .3s ease,box-shadow .3s ease}.binary-search-section h2{font-size:2.2rem;font-weight:700;color:var(--text-primary);margin-bottom:24px;border-bottom:2px solid var(--border-color);padding-bottom:10px}.binary-search-section h3{font-size:1.6rem;font-weight:600;color:var(--accent-color);margin-top:32px;margin-bottom:14px;border-bottom:1px dashed var(--border-color);padding-bottom:6px}.binary-search-section p,.binary-search-section ul,.binary-search-section li{font-size:1rem;color:var(--text-primary);line-height:1.7;margin-bottom:12px}.binary-search-section ul{padding-left:20px}.binary-search-section ul li{list-style-type:disc}.binary-search-section ol{padding-left:20px}.binary-search-section ol li{list-style-type:decimal}.binary-search-section code{background-color:var(--bg-tertiary);color:var(--text-primary);padding:2px 6px;border-radius:4px;font-family:Fira Code,monospace;font-size:.95rem}.binary-search-section pre{background:#0f172a;color:#e2e8f0;padding:18px 20px;border-radius:10px;font-family:Fira Code,monospace;font-size:.95rem;line-height:1.6;margin:20px 0;border-left:4px solid var(--accent-color);overflow-x:auto}.binary-search-section pre::-webkit-scrollbar{height:6px}.binary-search-section pre::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:8px}.binary-search-section table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.95rem}.binary-search-section th,.binary-search-section td{border:1px solid var(--border-color);padding:10px 12px;text-align:left}.binary-search-section th{background-color:var(--bg-secondary);color:var(--text-primary);font-weight:600}.binary-search-section td{background-color:var(--bg-primary);color:var(--text-primary)}.binary-search-section tr:hover td{background-color:var(--bg-tertiary)}@media (max-width: 768px){.binary-search-container{padding:20px}.binary-search-section{padding:24px}}.stack-container{min-height:100vh;font-family:Inter,sans-serif;background-color:var(--bg-primary);display:flex;align-items:center;justify-content:center;padding:0}.stack-section{background-color:var(--bg-secondary);border-radius:12px;box-shadow:0 6px 16px #0000000d;margin:auto;max-width:700px;width:100%;padding:40px 48px;overflow-y:auto}.stack-section h2{font-size:2.2rem;font-weight:700;color:var(--text-primary);margin-bottom:24px;border-bottom:2px solid var(--border-color);padding-bottom:10px}.stack-section h3{font-size:1.6rem;font-weight:600;margin-top:32px;margin-bottom:14px;color:var(--accent-color);border-bottom:1px dashed var(--border-color);padding-bottom:6px}.stack-section h4{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin:20px 0 10px}.stack-section p,.stack-section ul,.stack-section li{font-size:1rem;color:var(--text-primary);line-height:1.7;margin-bottom:12px}.stack-section ul{padding-left:20px}.stack-section ul li{list-style-type:disc}.stack-section pre{background:var(--bg-tertiary);color:var(--text-primary);padding:18px 20px;border-radius:10px;font-family:Fira Code,monospace;font-size:.95rem;line-height:1.6;margin:20px 0;border-left:4px solid var(--accent-color);overflow-x:auto}.stack-section pre::-webkit-scrollbar{height:6px}.stack-section pre::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:8px}.stack-section table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.95rem}.stack-section th,.stack-section td{border:1px solid var(--border-color);padding:10px 12px;text-align:left;color:var(--text-primary)}.stack-section th{background-color:var(--bg-tertiary);color:var(--text-primary);font-weight:600}.stack-section td{background-color:var(--bg-secondary)}.stack-section tr:hover td{background-color:var(--bg-tertiary)}@media (max-width: 768px){.stack-container{padding:0}.stack-section{padding:20px}.stack-section pre,.stack-section table{max-width:100vw;min-width:0;font-size:.95rem}}.list-page{display:flex;min-height:100vh;font-family:Inter,sans-serif;background-color:var(--bg-primary)}.list-sidebar{width:230px;background-color:var(--bg-secondary);padding:24px 18px;border-right:1px solid var(--border-color);box-shadow:2px 0 6px #00000008;position:sticky;top:0;height:100vh;overflow-y:auto}.list-sidebar h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:16px;border-bottom:1px solid var(--border-color);padding-bottom:8px}.list-sidebar ul{list-style:none;padding:0;margin:0}.list-sidebar li{margin:8px 0;color:var(--text-primary);font-size:1rem;font-weight:500}.list-sidebar a{text-decoration:none;color:var(--text-primary);font-weight:500;padding:10px 12px;display:block;border-radius:8px;transition:background .2s ease,color .2s ease}.list-sidebar a:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.list-sidebar a.active{background-color:var(--accent-color);color:#fff}.list-content{flex:1;padding:40px 48px;background-color:var(--bg-primary);overflow-y:auto}.list-content h1{font-size:2.2rem;font-weight:700;color:var(--text-primary);margin-bottom:24px;border-bottom:2px solid var(--border-color);padding-bottom:10px}.list-content h2{font-size:1.6rem;font-weight:600;margin-top:32px;margin-bottom:14px;color:var(--accent-color);border-bottom:1px dashed var(--border-color);padding-bottom:6px}.list-content h3{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin:20px 0 10px}.list-content p,.list-content ul,.list-content li{font-size:1rem;color:var(--text-primary);line-height:1.7;margin-bottom:12px}.list-content ul{padding-left:20px}.list-content ul li{list-style-type:disc}.list-content pre{background:var(--bg-tertiary);color:var(--text-primary);padding:18px 20px;border-radius:10px;font-family:Fira Code,monospace;font-size:.95rem;line-height:1.6;margin:20px 0;border-left:4px solid var(--accent-color);overflow-x:auto}.list-content pre::-webkit-scrollbar{height:6px}.list-content pre::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:8px}.list-content table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.95rem}.list-content th,.list-content td{border:1px solid var(--border-color);padding:10px 12px;text-align:left}.list-content th{background-color:var(--bg-secondary);color:var(--text-primary);font-weight:600}.list-content td{background-color:var(--bg-primary);color:var(--text-primary)}.list-content tr:hover td{background-color:var(--bg-tertiary)}@media (max-width: 768px){.list-page{flex-direction:column}.list-sidebar{width:100%;border-right:none;border-bottom:1px solid #e5e7eb;position:relative;height:auto;overflow:visible}.list-content{padding:20px}}.time-container{min-height:100vh;font-family:Inter,sans-serif;background-color:var(--bg-primary);display:flex;align-items:center;justify-content:center;padding:50px 58px}.time-section{background-color:var(--bg-secondary);border-radius:12px;box-shadow:0 6px 16px #0000000d;margin:auto;max-width:1000px;width:100%;padding:40px 48px;overflow-y:auto}.time-section h2{font-size:2.2rem;font-weight:700;color:var(--text-primary);margin-bottom:24px;border-bottom:2px solid var(--border-color);padding-bottom:10px}.time-section h3{font-size:1.6rem;font-weight:600;margin-top:32px;margin-bottom:14px;color:var(--accent-color);border-bottom:1px dashed var(--border-color);padding-bottom:6px}.time-section h4{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin:20px 0 10px}.time-section p,.time-section ul,.time-section li{font-size:1rem;color:var(--text-primary);line-height:1.7;margin-bottom:12px}.time-section ul{padding-left:20px}.time-section ul li{list-style-type:disc}.time-section pre{background:var(--bg-tertiary);color:var(--text-primary);padding:18px 20px;border-radius:10px;font-family:Fira Code,monospace;font-size:.95rem;line-height:1.6;margin:20px 0;border-left:4px solid var(--accent-color);overflow-x:auto}.time-section pre::-webkit-scrollbar{height:6px}.time-section pre::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:8px}.time-section table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.95rem}.time-section th,.time-section td{border:1px solid var(--border-color);padding:10px 12px;text-align:left;color:var(--text-primary)}.time-section th{background-color:var(--bg-tertiary);color:var(--text-primary);font-weight:600}.time-section td{background-color:var(--bg-secondary)}.time-section tr:hover td{background-color:var(--bg-tertiary)}@media (max-width: 768px){.time-container{padding:0}.time-section{padding:20px}.time-section pre,.time-section table{max-width:100vw;min-width:0;font-size:.95rem}}.hash-container{min-height:100vh;font-family:Inter,sans-serif;background-color:var(--bg-primary);display:flex;align-items:center;justify-content:center;padding:50px 58px}.hash-section{background-color:var(--bg-secondary);border-radius:12px;box-shadow:0 6px 16px #0000000d;margin:auto;max-width:1000px;width:100%;padding:40px 48px;overflow-y:auto}.hash-section h2{font-size:2.2rem;font-weight:700;color:var(--text-primary);margin-bottom:24px;border-bottom:2px solid var(--border-color);padding-bottom:10px}.hash-section h3{font-size:1.6rem;font-weight:600;margin-top:32px;margin-bottom:14px;color:var(--accent-color);border-bottom:1px dashed var(--border-color);padding-bottom:6px}.hash-section h4{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin:20px 0 10px}.hash-section p,.hash-section ul,.hash-section li{font-size:1rem;color:var(--text-primary);line-height:1.7;margin-bottom:12px}.hash-section ul{padding-left:20px}.hash-section ul li{list-style-type:disc}.hash-section pre{background:var(--bg-tertiary);color:var(--text-primary);padding:18px 20px;border-radius:10px;font-family:Fira Code,monospace;font-size:.95rem;line-height:1.6;margin:20px 0;border-left:4px solid var(--accent-color);overflow-x:auto}.hash-section pre::-webkit-scrollbar{height:6px}.hash-section pre::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:8px}.hash-section table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.95rem}.hash-section th,.hash-section td{border:1px solid var(--border-color);padding:10px 12px;text-align:left;color:var(--text-primary)}.hash-section th{background-color:var(--bg-tertiary);color:var(--text-primary);font-weight:600}.hash-section td{background-color:var(--bg-secondary)}.hash-section tr:hover td{background-color:var(--bg-tertiary)}@media (max-width: 768px){.hash-container{padding:0}.hash-section{padding:20px}.hash-section pre,.hash-section table{max-width:100vw;min-width:0;font-size:.95rem}}.oop-container{min-height:100vh;font-family:Inter,sans-serif;background-color:var(--bg-primary);display:flex;align-items:center;justify-content:center;padding:50px 58px}.oop-section{background-color:var(--bg-secondary);border-radius:12px;box-shadow:0 6px 16px #0000000d;margin:auto;max-width:1000px;width:100%;padding:40px 48px;overflow-y:auto}.oop-section h2{font-size:2.2rem;font-weight:700;color:var(--text-primary);margin-bottom:24px;border-bottom:2px solid var(--border-color);padding-bottom:10px}.oop-section h3{font-size:1.6rem;font-weight:600;margin-top:32px;margin-bottom:14px;color:var(--accent-color);border-bottom:1px dashed var(--border-color);padding-bottom:6px}.oop-section h4{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin:20px 0 10px}.oop-section p,.oop-section ul,.oop-section li{font-size:1rem;color:var(--text-primary);line-height:1.7;margin-bottom:12px}.oop-section ul{padding-left:20px}.oop-section ul li{list-style-type:disc}.oop-section pre{background:var(--bg-tertiary);color:var(--text-primary);padding:18px 20px;border-radius:10px;font-family:Fira Code,monospace;font-size:.95rem;line-height:1.6;margin:20px 0;border-left:4px solid var(--accent-color);overflow-x:auto}.oop-section pre::-webkit-scrollbar{height:6px}.oop-section pre::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:8px}.oop-section table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.95rem}.oop-section th,.oop-section td{border:1px solid var(--border-color);padding:10px 12px;text-align:left;color:var(--text-primary)}.oop-section th{background-color:var(--bg-tertiary);color:var(--text-primary);font-weight:600}.oop-section td{background-color:var(--bg-secondary)}.oop-section tr:hover td{background-color:var(--bg-tertiary)}@media (max-width: 768px){.oop-container{padding:0}.oop-section{padding:20px}.oop-section pre,.oop-section table{max-width:100vw;min-width:0;font-size:.95rem}}.trees-page{display:flex;min-height:100vh;font-family:Inter,sans-serif;background-color:var(--bg-primary);transition:background-color .3s ease}.trees-content{flex:1;padding:40px 48px;background-color:var(--bg-primary);overflow-y:auto;transition:background-color .3s ease}.trees-content h1{font-size:2.2rem;font-weight:700;color:var(--text-primary);margin-bottom:24px;border-bottom:2px solid var(--border-color);padding-bottom:10px}.trees-content h2{font-size:1.6rem;font-weight:600;margin-top:32px;margin-bottom:14px;color:var(--accent-color);border-bottom:1px dashed var(--border-color);padding-bottom:6px}.trees-content h3{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin:20px 0 10px}.trees-content p,.trees-content ul,.trees-content li{font-size:1rem;color:var(--text-primary);line-height:1.7;margin-bottom:12px}.trees-content ul{padding-left:20px}.trees-content ul li{list-style-type:disc}.trees-content pre{background:#0f172a;color:#e2e8f0;padding:18px 20px;border-radius:10px;font-family:Fira Code,monospace;font-size:.95rem;line-height:1.6;margin:20px 0;border-left:4px solid var(--accent-color);overflow-x:auto}.trees-content pre::-webkit-scrollbar{height:6px}.trees-content pre::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:8px}.trees-content table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.95rem}.trees-content th,.trees-content td{border:1px solid var(--border-color);padding:10px 12px;text-align:left}.trees-content th{background-color:var(--bg-secondary);color:var(--text-primary);font-weight:600}.trees-content td{background-color:var(--bg-primary);color:var(--text-primary)}.trees-content tr:hover td{background-color:var(--bg-tertiary)}@media (max-width: 768px){.trees-page{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border-color);position:relative;height:auto;overflow:visible}.trees-content{padding:20px}}.queue-section h4{font-size:1.3rem;font-weight:600;color:var(--accent-color);margin-top:24px;margin-bottom:12px}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;padding:20px;transition:background-color .3s ease,color .3s ease}.bm-container{min-height:100vh;font-family:Inter,sans-serif;background-color:var(--bg-primary);display:flex;align-items:center;justify-content:center;padding:50px 58px}.bm-section{background-color:var(--bg-secondary);border-radius:12px;box-shadow:0 6px 16px #0000000d;margin:auto;max-width:1000px;width:100%;padding:40px 48px;overflow-y:auto}.bm-section h2{font-size:2.2rem;font-weight:700;color:var(--text-primary);margin-bottom:24px;border-bottom:2px solid var(--border-color);padding-bottom:10px}.bm-section h3{font-size:1.6rem;font-weight:600;margin-top:32px;margin-bottom:14px;color:var(--accent-color);border-bottom:1px dashed var(--border-color);padding-bottom:6px}.bm-section h4{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin:20px 0 10px}.bm-section p,.bm-section ul,.bm-section li{font-size:1rem;color:var(--text-primary);line-height:1.7;margin-bottom:12px}.bm-section ul{padding-left:20px}.bm-section ul li{list-style-type:disc}.bm-section pre{background:var(--bg-tertiary);color:var(--text-primary);padding:18px 20px;border-radius:10px;font-family:Fira Code,monospace;font-size:.95rem;line-height:1.6;margin:20px 0;border-left:4px solid var(--accent-color);overflow-x:auto}.bm-section pre::-webkit-scrollbar{height:6px}.bm-section pre::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:8px}.bm-section table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.95rem}.bm-section th,.bm-section td{border:1px solid var(--border-color);padding:10px 12px;text-align:left;color:var(--text-primary)}.bm-section th{background-color:var(--bg-tertiary);color:var(--text-primary);font-weight:600}.bm-section td{background-color:var(--bg-secondary)}.bm-section tr:hover td{background-color:var(--bg-tertiary)}@media (max-width: 768px){.bm-container{padding:0}.bm-section{padding:20px}.bm-section pre,.bm-section table{max-width:100vw;min-width:0;font-size:.95rem}}.queue-container{background-color:var(--bg-primary);font-family:Inter,sans-serif;color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.queue-section{background-color:var(--bg-secondary);border-radius:12px;box-shadow:var(--shadow);margin:auto;transition:background-color .3s ease,box-shadow .3s ease}.queue-section h3{font-size:1.6rem;font-weight:600;color:var(--accent-color);margin-top:32px;margin-bottom:14px;border-bottom:1px dashed var(--border-color);padding-bottom:6px}.queue-section ol{padding-left:20px}.queue-section ol li{list-style-type:decimal}.queue-section code{background-color:var(--bg-tertiary);color:var(--text-primary);padding:2px 6px;border-radius:4px;font-family:Fira Code,monospace;font-size:.95rem}.queue-section pre{background:#0f172a;color:#e2e8f0;padding:18px 20px;border-radius:10px;font-family:Fira Code,monospace;font-size:.95rem;line-height:1.6;margin:20px 0;border-left:4px solid var(--accent-color);overflow-x:auto}.queue-section th,.queue-section td{border:1px solid var(--border-color);padding:10px 12px;text-align:left}.queue-section th{background-color:var(--bg-secondary);color:var(--text-primary);font-weight:600}.queue-section td{background-color:var(--bg-primary);color:var(--text-primary)}@media (max-width: 768px){.queue-container{padding:20px}.queue-section{padding:24px}}.queue-container{min-height:100vh;font-family:Inter,sans-serif;background-color:var(--bg-primary);display:flex;align-items:center;justify-content:center;padding:50px 58px}.queue-section{background-color:var(--bg-secondary);border-radius:12px;box-shadow:0 6px 16px #0000000d;margin:auto;max-width:1000px;width:100%;padding:40px 48px;overflow-y:auto}.queue-section h2{font-size:2.2rem;font-weight:700;color:var(--text-primary);margin-bottom:24px;border-bottom:2px solid var(--border-color);padding-bottom:10px}.queue-section h3{font-size:1.6rem;font-weight:600;margin-top:32px;margin-bottom:14px;color:var(--accent-color);border-bottom:1px dashed var(--border-color);padding-bottom:6px}.queue-section h4{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin:20px 0 10px}.queue-section p,.queue-section ul,.queue-section li{font-size:1rem;color:var(--text-primary);line-height:1.7;margin-bottom:12px}.queue-section ul{padding-left:20px}.queue-section ul li{list-style-type:disc}.queue-section pre{background:var(--bg-tertiary);color:var(--text-primary);padding:18px 20px;border-radius:10px;font-family:Fira Code,monospace;font-size:.95rem;line-height:1.6;margin:20px 0;border-left:4px solid var(--accent-color);overflow-x:auto}.queue-section pre::-webkit-scrollbar{height:6px}.queue-section pre::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:8px}.queue-section table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.95rem}.queue-section th,.queue-section td{border:1px solid var(--border-color);padding:10px 12px;text-align:left;color:var(--text-primary)}.queue-section th{background-color:var(--bg-tertiary);color:var(--text-primary);font-weight:600}.queue-section td{background-color:var(--bg-secondary)}.queue-section tr:hover td{background-color:var(--bg-tertiary)}@media (max-width: 768px){.queue-container{padding:0}.queue-section{padding:20px}.queue-section pre,.queue-section table{max-width:100vw;min-width:0;font-size:.95rem}}.arrays-page{display:flex;min-height:100vh;font-family:Inter,sans-serif;background-color:var(--bg-primary);transition:background-color .3s ease}.sidebar{width:230px;background-color:var(--bg-secondary);padding:24px 18px;border-right:1px solid var(--border-color);box-shadow:var(--shadow);position:sticky;top:0;height:100vh;overflow-y:auto;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.sidebar h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:16px;border-bottom:1px solid var(--border-color);padding-bottom:8px}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar li{margin:8px 0}.sidebar a{text-decoration:none;color:var(--text-primary);font-weight:500;padding:10px 12px;display:block;border-radius:8px;transition:background .2s ease,color .2s ease}.sidebar a:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.sidebar a.active{background-color:var(--accent-color);color:#fff}.array-content{flex:1;padding:40px 48px;background-color:var(--bg-primary);overflow-y:auto;transition:background-color .3s ease}.array-content h1{font-size:2.2rem;font-weight:700;color:var(--text-primary);margin-bottom:24px;border-bottom:2px solid var(--border-color);padding-bottom:10px}.array-content h2{font-size:1.6rem;font-weight:600;margin-top:32px;margin-bottom:14px;color:var(--accent-color);border-bottom:1px dashed var(--border-color);padding-bottom:6px}.array-content h3{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin:20px 0 10px}.array-content p,.array-content ul,.array-content li{font-size:1rem;color:var(--text-primary);line-height:1.7;margin-bottom:12px}.array-content ul{padding-left:20px}.array-content ul li{list-style-type:disc}.array-content pre{background:#0f172a;color:#e2e8f0;padding:18px 20px;border-radius:10px;font-family:Fira Code,monospace;font-size:.95rem;line-height:1.6;margin:20px 0;border-left:4px solid var(--accent-color);overflow-x:auto}.array-content pre::-webkit-scrollbar{height:6px}.array-content pre::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:8px}.array-content table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.95rem}.array-content th,.array-content td{border:1px solid var(--border-color);padding:10px 12px;text-align:left}.array-content th{background-color:var(--bg-secondary);color:var(--text-primary);font-weight:600}.array-content td{background-color:var(--bg-primary);color:var(--text-primary)}.array-content tr:hover td{background-color:var(--bg-tertiary)}@media (max-width: 768px){.arrays-page{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border-color);position:relative;height:auto;overflow:visible}.array-content{padding:20px}}.mf-container{min-height:100vh;font-family:Inter,sans-serif;background-color:var(--bg-primary);display:flex;align-items:center;justify-content:center;padding:50px 58px}.dark .mf-container{background-color:var(--bg-primary)}.mf-section{background-color:var(--bg-secondary);border-radius:12px;box-shadow:0 6px 16px #0000000d;margin:auto;max-width:1000px;width:100%;padding:40px 48px;overflow-y:auto}.dark .mf-section{background-color:var(--bg-secondary)}.mf-section h2,.mf-section h3,.mf-section h4,.dark .mf-section h2,.dark .mf-section h3,.dark .mf-section h4{color:var(--text-primary)}.mf-section h2{font-size:2.2rem;font-weight:700;margin-bottom:24px;border-bottom:2px solid var(--border-color);padding-bottom:10px}.mf-section h3{font-size:1.6rem;font-weight:600;margin-top:32px;margin-bottom:14px;border-bottom:1px dashed var(--border-color);padding-bottom:6px}.mf-section h4{font-size:1.2rem;font-weight:600;margin:20px 0 10px}.mf-section p,.mf-section ul,.mf-section li{font-size:1rem;color:var(--text-primary);line-height:1.7;margin-bottom:12px}.dark .mf-section p,.dark .mf-section ul,.dark .mf-section li{color:var(--text-primary)}.mf-section ul{padding-left:20px}.mf-section ul li{list-style-type:disc}.mf-section pre{background:var(--bg-tertiary);color:var(--text-primary);padding:18px 20px;border-radius:10px;font-family:Fira Code,monospace;font-size:.95rem;line-height:1.6;margin:20px 0;border-left:4px solid var(--accent-color);overflow-x:auto}.mf-section pre::-webkit-scrollbar{height:6px}.mf-section pre::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:8px}.mf-section table{width:100%;border-collapse:collapse;margin:20px 0;font-size:.95rem}.mf-section th,.mf-section td{border:1px solid var(--border-color);padding:10px 12px;text-align:left;color:var(--text-primary)}.mf-section th{background-color:var(--bg-tertiary);font-weight:600}.mf-section td{background-color:var(--bg-secondary)}.mf-section tr:hover td{background-color:var(--bg-tertiary)}.dark .mf-section th,.dark .mf-section td{border-color:var(--border-color);color:var(--text-primary)}.dark .mf-section th{background-color:var(--bg-tertiary)}.dark .mf-section td{background-color:var(--bg-secondary)}.dark .mf-section tr:hover td{background-color:var(--bg-tertiary)}@media (max-width: 768px){.mf-container{padding:0}.mf-section{padding:20px}.mf-section pre,.mf-section table{max-width:100vw;font-size:.95rem}}.bubble-sort-section table{border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #3b82f60f}.bubble-sort-section th,.bubble-sort-section td{vertical-align:middle}.bubble-sort-section th{font-size:1rem;letter-spacing:.02em}.bubble-sort-section a{color:#3b82f6;text-decoration:underline;font-weight:500;transition:color .2s}.bubble-sort-section a:hover{color:#1d4ed8}