@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap);*{font-family:Poppins,sans-serif}#root,body,html{overflow:auto}#root{height:100%}::-webkit-scrollbar{display:none}html{-ms-overflow-style:none;scrollbar-width:none}body,html{background:linear-gradient(90deg,#fdfbfb,#ebedee);background:linear-gradient(to right,var(--bg),var(--bg-alt));color:#1c1c1c;margin:0;overflow-x:hidden;padding:0;transition:background .4s ease,color .4s ease}.landing-hero{display:flex;flex-direction:column;min-height:100vh;padding:1.5rem}.landing-nav{align-items:center;display:flex;justify-content:space-between;opacity:0;padding:0}.landing-nav.slide-down{animation:slideDown .8s ease forwards}.landing-logo{color:#004e92;color:var(--accent);font-size:2rem;font-weight:700}.nav-buttons{align-items:center;display:flex;gap:1rem}.login-signup-btn,.theme-toggle-btn{background:#004e92;background:var(--accent);border:none;border-radius:6px;color:#fff;color:var(--btn-text);cursor:pointer;font-size:1rem;padding:.6rem 1.2rem;transition:background .3s}.login-signup-btn:hover,.theme-toggle-btn:hover{background:#036;background:var(--accent-hover)}.landing-content{flex:1 1;margin-top:2rem;padding:0 2rem;text-align:center}.animate-heading{font-size:3rem;margin-bottom:1.5rem;min-height:4.5rem;opacity:0}.typing-heading{opacity:1!important}.typing-cursor{animation:blink 1s step-end infinite;color:#004e92;color:var(--accent);display:inline-block;font-weight:400;margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.scrambled-word{color:#004e92;color:var(--accent);display:inline-block;margin-left:.3rem;position:relative}.scrambled-word-framer{display:inline-flex;margin-left:.3rem;position:relative}.letter-framer{display:inline-block;font-weight:inherit;padding:0 2px}.scrambled-word .letter{display:inline-block;padding:0 2px;position:relative;transition:transform .6s cubic-bezier(.34,1.56,.64,1);z-index:1}.scrambled-word .letter.swapping{color:#036;color:var(--accent-hover);z-index:10}.dark .scrambled-word .letter.swapping{color:#00bcd4}@keyframes letterPop{0%{opacity:0;transform:translateY(-20px) scale(.5) rotate(-10deg)}50%{transform:translateY(-5px) scale(1.1) rotate(5deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0deg)}}.period{color:#1c1c1c;color:var(--text);display:inline-block;margin-left:0}.animate-text{font-size:1.2rem;margin:0 auto 2rem;max-width:700px;opacity:0}.animate-in{animation:fadeInUp .6s ease-out forwards}.landing-highlight{color:#004e92;color:var(--accent);font-weight:600}.landing-cta-btn{background:#004e92;background:var(--accent);border:none;border-radius:8px;color:#fff;color:var(--btn-text);cursor:pointer;font-size:1.1rem;margin-bottom:3rem;opacity:0;padding:1rem 2rem;transform:scale(.95)}.landing-cta-btn:hover{background-color:#036;background-color:var(--accent-hover)}.features-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px;padding:1rem;width:100%}.feature-card{align-items:center;background-color:#fff;background-color:var(--card);border:2px solid #dcdcdc;border:2px solid var(--card-border);border-radius:12px;box-shadow:0 4px 16px #00000014;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:200px;opacity:0;overflow:hidden;padding:2.5rem 2rem;position:relative;text-align:center;transform:translateY(20px);transition:all .4s cubic-bezier(.4,0,.2,1)}.feature-card:before{background:linear-gradient(90deg,#0000,#004e921a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.feature-card:hover:before{left:100%}.feature-card:hover{box-shadow:0 16px 40px #00000026;transform:translateY(-8px)}.dark .feature-card:hover,.feature-card:hover{border-color:#004e92;border-color:var(--accent)}.dark .feature-card:hover{box-shadow:0 16px 40px #00e5ff33}.feature-card h3{color:#004e92;color:var(--accent);font-size:1.5rem;font-weight:600;margin-bottom:0;transition:all .4s ease;z-index:1}.feature-card:hover h3{margin-bottom:1rem;transform:translateY(-10px)}.feature-description{max-height:0;opacity:0;overflow:hidden;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1}.feature-card:hover .feature-description{max-height:200px;opacity:1}.feature-description p{color:#1c1c1c;color:var(--text);font-size:.95rem;line-height:1.6;margin:0;opacity:.9;padding:0 .5rem}.notification{animation:slideInRight .3s ease-out;background:#004e92;background:var(--accent);border-radius:8px;box-shadow:0 4px 12px #0003;color:#fff;color:var(--btn-text);padding:1rem 1.5rem;position:fixed;right:20px;top:20px;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.landing-footer{background-color:initial;background-color:var(--footer-bg,#0000);border-top:1px solid #dcdcdc;border-top:1px solid var(--card-border);color:#1c1c1c;color:var(--text);margin-top:40px;padding:20px;text-align:center}.dark .landing-footer{border-top-color:#dcdcdc;border-top-color:var(--card-border)}@media (max-width:1024px){.features-container{grid-template-columns:repeat(2,1fr)}.landing-content{margin-top:3%}}@media (max-width:768px){.landing-hero{padding:1.5rem}.landing-nav{align-items:center;flex-direction:column;gap:1rem}.nav-buttons{flex-direction:column;gap:.5rem;width:100%}.login-signup-btn,.theme-toggle-btn{width:100%}.landing-logo{font-size:1.6rem}.animate-heading{font-size:2.3rem}.animate-text{font-size:1rem;padding:0 1rem}.features-container{grid-template-columns:1fr}.feature-card{margin:0 auto;max-width:400px;width:100%}}@media (max-width:480px){.landing-hero{padding:1rem}.landing-content{margin-top:5%;padding:0 1rem}.animate-heading{font-size:1.8rem;line-height:1.3;min-height:3rem}.landing-cta-btn{font-size:1rem;padding:.8rem 1.5rem}.feature-card{padding:1.5rem}.feature-card h3{font-size:1.2rem}}.login-container{background:linear-gradient(to right,var(--bg),var(--bg-alt));display:flex;flex-direction:column;min-height:100vh;transition:background .4s ease}.login-nav{align-items:center;display:flex;justify-content:flex-end;padding:1rem 2rem}.back-home-btn{background:var(--accent);border:none;border-radius:8px;box-shadow:0 4px 12px #0000001a;color:var(--btn-text);cursor:pointer;font-size:.95rem;font-weight:600;padding:.7rem 1.4rem;transition:background .3s ease}.back-home-btn:hover{background:var(--accent-hover)}.login-form-container{align-items:center;display:flex;flex:1 1;justify-content:center;padding:2rem}.login-form{background-color:var(--card);border:1px solid var(--card-border);border-radius:12px;box-shadow:0 8px 24px #0000001a;max-width:450px;overflow:hidden;padding:2.5rem;position:relative;width:100%}.dark .login-form{box-shadow:0 8px 24px #0000004d}.login-form:before{background:var(--accent);content:"";height:4px;left:0;position:absolute;top:0;width:100%}.login-form h2{color:var(--accent);font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1.2rem}.form-group label{color:var(--text);display:block;font-weight:600;margin-bottom:.5rem}.form-group input{background-color:var(--card);border:2px solid var(--card-border);border-radius:6px;box-sizing:border-box;color:var(--text);font-size:1rem;padding:.8rem 1rem;transition:all .3s ease;width:100%}.form-group input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #004e921a;outline:none}.dark .form-group input:focus{box-shadow:0 0 0 3px #00e5ff1a}.login-btn{background:var(--accent);border:none;border-radius:6px;color:var(--btn-text);cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;padding:.8rem;transition:background .3s ease;width:100%}.login-btn:hover{background:var(--accent-hover)}.toggle-form{color:var(--accent);cursor:pointer;display:inline-block;font-weight:600;transition:color .3s}.toggle-form:hover{color:var(--accent-hover);text-decoration:underline}.login-form p{color:var(--text);margin-top:1.5rem;text-align:center}@media (max-width:768px){.login-form-container,.login-nav{padding:1rem}.login-form{padding:2rem 1.5rem}}@media (max-width:480px){.login-form{padding:1.5rem 1rem}.login-form h2{font-size:1.5rem}.back-home-btn{font-size:.85rem;padding:.6rem 1.1rem}}:root{--bg:#f5f7fa;--bg-alt:#e4ecf5;--text:#1e1e1e;--accent:#0057b7;--accent-hover:#0041a3}.dark{--bg:#121212;--bg-alt:#1e1e1e;--text:#f5f5f5;--card:#1c1c1c;--card-border:#333;--accent:#4f83ff;--accent-hover:#3f6fd8;--btn-text:#fff}*{box-sizing:border-box;margin:0;padding:0}body,html{background:#f5f7fa;background:var(--bg);color:#1e1e1e;color:var(--text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100%;overflow:hidden;width:100%}.dashboard-container{background:linear-gradient(90deg,#f5f7fa,#e4ecf5);background:linear-gradient(to right,var(--bg),var(--bg-alt));min-height:100vh;padding:2rem;transition:background .4s ease}.dashboard-header{justify-content:space-between;margin-bottom:3rem;position:relative}.dashboard-header,.header-left{align-items:flex-start;display:flex}.header-left,.header-right{flex-direction:column}.header-right{align-items:flex-end;display:flex;gap:.5rem}.dashboard-heading{color:#0057b7;color:var(--accent);font-size:2.5rem;margin-bottom:.5rem}.welcome-message{color:#1e1e1e;color:var(--text);font-size:1.2rem}.username{color:#0041a3;color:var(--accent-hover);font-weight:600}.dashboard-back-button{background:#0057b7;background:var(--accent);border:none;border-radius:6px;color:#fff;color:var(--btn-text);cursor:pointer;font-size:1rem;padding:.6rem 1.2rem;transition:background .3s}.dashboard-back-button:hover{background:#0041a3;background:var(--accent-hover)}.level-display{align-items:center;display:flex;gap:.75rem;margin-top:.5rem}.level-badge-dashboard{border-radius:6px;box-shadow:0 2px 8px #00000026;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:.5px;padding:.5rem 1rem;text-align:center;text-transform:uppercase}.level-badge-dashboard.novice{background:linear-gradient(135deg,#8b8b8b,#a9a9a9);color:#fff}.level-badge-dashboard.apprentice{background:linear-gradient(135deg,#cd7f32,#e8a75d);color:#fff}.level-badge-dashboard.intermediate{background:linear-gradient(135deg,silver,#e0e0e0);color:#333}.level-badge-dashboard.advanced{background:linear-gradient(135deg,gold,#ffed4e);color:#333}.level-badge-dashboard.expert{background:linear-gradient(135deg,#50c878,#7ef89e);color:#fff}.level-badge-dashboard.master{background:linear-gradient(135deg,#9370db,#ba8fd8);color:#fff}.level-number{color:#1e1e1e;color:var(--text);font-size:1.2rem;font-weight:600}.main-dashboard-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);margin:0 auto;max-width:1200px}.main-dashboard-card{background-color:#fff;background-color:var(--card);border:2px solid #dcdcdc;border:2px solid var(--card-border);border-radius:12px;box-shadow:0 8px 24px #0000001a;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:200px;overflow:hidden;padding:2rem;perspective:1000px;position:relative;transform-style:preserve-3d}.dark .main-dashboard-card{box-shadow:0 8px 24px #0000004d}.main-dashboard-card:before{background:linear-gradient(90deg,#0000,#0057b71a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.main-dashboard-card:hover:before{left:100%}.dark .main-dashboard-card:hover{border-color:#0057b7;border-color:var(--accent);box-shadow:0 12px 32px #4f83ff33}.main-dashboard-card h2{color:#0057b7;color:var(--accent);font-size:1.5rem;margin-bottom:1rem}.main-dashboard-card p{color:#1e1e1e;color:var(--text);font-size:1rem;line-height:1.6;opacity:.9}@media (max-width:900px){.main-dashboard-grid{grid-template-columns:1fr;grid-template-rows:repeat(6,auto)}}@media (max-width:768px){.dashboard-container{padding:1.5rem}.dashboard-header{flex-direction:column;gap:1rem;margin-bottom:2rem}.header-right{align-items:flex-start;width:100%}.dashboard-heading{font-size:2rem}.welcome-message{font-size:1.1rem}.level-display{flex-wrap:wrap;gap:.5rem}.level-badge-dashboard{font-size:.9rem;padding:.4rem .8rem}.level-number{font-size:1.1rem}.dashboard-back-button{align-self:flex-start}.main-dashboard-grid{gap:1.5rem}}@media (max-width:480px){.dashboard-container{padding:1rem}.dashboard-heading{font-size:1.8rem}.welcome-message{font-size:1rem}.level-display{gap:.5rem}.level-badge-dashboard{font-size:.85rem;padding:.35rem .7rem}.level-number{font-size:1rem}.main-dashboard-card{min-height:180px;padding:1.5rem}.main-dashboard-card h2{font-size:1.3rem}}.learn-container{background:linear-gradient(to right,var(--bg),var(--bg-alt));color:var(--text);display:flex;flex-direction:column;min-height:100vh;overflow:hidden;padding:2rem;transition:background .4s ease,color .4s ease}.learn-content-wrapper{flex:1 1;overflow-y:auto;padding-right:.5rem}.learn-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.learn-heading{color:var(--accent);font-size:2.5rem;margin:0}.learn-back-button{background:var(--accent);border:none;border-radius:8px;box-shadow:0 4px 14px #0000001a;color:var(--btn-text);cursor:pointer;font-size:.95rem;font-weight:500;padding:.7rem 1.3rem;transition:background .3s ease}.learn-back-button:hover{background:var(--accent-hover)}.algo-section{margin-bottom:3rem}.algo-title{color:var(--accent);font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:.5rem;position:relative}.algo-title:after{background:var(--accent);border-radius:3px;bottom:0;content:"";height:3px;left:0;position:absolute;width:60px}.algo-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.algo-card{background-color:var(--card);box-shadow:0 8px 24px #0000000f;padding:1.8rem 1.5rem}.algo-card:before{background:linear-gradient(90deg,#0000,#0057b71a,#0000)}.dark .algo-card:hover{box-shadow:0 12px 28px #4f83ff33}.algo-card h3{margin:0;text-align:center;transition:color .3s ease}.algo-card:hover h3{color:var(--accent-hover)}@media (max-width:768px){.learn-container{padding:1rem}.learn-header{align-items:flex-start;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.learn-heading{font-size:2rem}.algo-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.algo-card{padding:1.2rem 1rem}.algo-card h3{font-size:1.1rem}.algo-title{font-size:1.3rem}}@media (max-width:480px){.algo-grid{grid-template-columns:1fr}.algo-card{padding:1rem}.algo-card h3{font-size:1rem}.algo-title{font-size:1.2rem}}.bubble-sort-container{font-family:Arial,sans-serif;height:100%;overflow-x:hidden;overflow-y:auto;padding:24px}.dark .bubble-sort-container{background:#0f172a}.bounce-indicator{animation:bounce 1s infinite;background-color:#facc15;border-radius:50%;height:12px;left:50%;position:absolute;top:-32px;transform:translateX(-50%);width:12px}.selection-sort-container{font-family:Arial,sans-serif;height:100%;overflow-x:hidden;overflow-y:auto;padding:24px}.dark .selection-sort-container{background:#0f172a}.max-width{margin:0 auto;max-width:1200px}.header{justify-content:space-between;margin-bottom:32px}.back-button,.header{align-items:center;display:flex}.back-button{background-color:#fff;border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;cursor:pointer;gap:8px;padding:8px 16px;transition:box-shadow .2s ease}.dark .back-button{background-color:#334155;color:#f8fafc}.title{color:#1f2937;font-size:30px;font-weight:700;margin:0}.dark .title{color:#f8fafc}.spacer{width:128px}.main-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr}.left-column{display:flex;flex-direction:column;gap:24px}.card{background-color:#fff;border-radius:12px;box-shadow:0 10px 15px #0000001a;padding:24px}.dark .card{background-color:#1e293b;color:#f1f5f9}.card-title{color:#1f2937;font-size:28px;font-weight:600;margin-bottom:16px}.dark .card-title{color:#f1f5f9}.card-content{color:#374151;font-size:22px;line-height:1.6}.dark .card-content{color:#e2e8f0}.complexity-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:16px}.complexity-card{border-radius:8px;padding:12px}.blue-card{background-color:#dbeafe}.dark .blue-card{background-color:#1e40af30}.green-card{background-color:#d1fae5}.dark .green-card{background-color:#065f4630}.yellow-card{background-color:#fef3c7}.dark .yellow-card{background-color:#92400e30}.complexity-title{font-size:20px;font-weight:600;margin-bottom:8px}.blue-title{color:#0593ff}.green-title{color:#13e2a7}.yellow-title{color:red}.characteristics-list,.complexity-list{font-size:18px;list-style:none;margin:0;padding:0}.blue-text{color:#6a8ff7}.green-text{color:#05dc98}.yellow-text{color:#d97706}.code-container{background-color:#1e293b;border-radius:8px;color:#f1f5f9;font-family:Consolas,Monaco,monospace;font-size:14px;overflow-x:auto;padding:16px}.dark .code-container{background-color:#0f172a;color:#e5e7eb}.legend-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.legend-item{align-items:center;display:flex;gap:8px}.legend-color{border-radius:2px;height:16px;width:16px}.legend-text{color:#1f2937;font-size:18px}.dark .legend-text{color:#f9fafb}.visualization-area{margin-bottom:12px}.array-container{align-items:flex-end;background-color:#f9fafb;border-radius:8px;display:flex;gap:8px;height:256px;justify-content:center;margin-bottom:24px;padding:16px}.dark .array-container{background-color:#1e293b}.bar{align-items:center;border-radius:4px 4px 0 0;display:flex;flex-direction:column;justify-content:flex-end;position:relative;transition:all .5s ease-in-out;width:40px}.bar-value{color:#fff;font-size:14px;font-weight:700;margin-bottom:8px}.selection-indicator{animation:pulse 1.5s infinite;background-color:#f59e0b}.minimum-indicator,.selection-indicator{border-radius:50%;height:12px;left:50%;position:absolute;top:-32px;transform:translateX(-50%);width:12px}.minimum-indicator{animation:glow 1.5s infinite;background-color:#10b981}.comparing-indicator{animation:bounce 1s infinite;background-color:#3b82f6;border-radius:50%;height:12px;left:50%;position:absolute;top:-32px;transform:translateX(-50%);width:12px}.status-grid{margin-bottom:24px}.dark .action-label{color:#e2e8f0}.dark .action-text{color:#f9fafb}.control-button{gap:8px;padding:8px 16px}.gray-button{background-color:#e5e7eb;color:#374151}.dark .gray-button{background-color:#334155;color:#f1f5f9}.blue-button{background-color:#3b82f6;color:#fff}.dark .blue-button{background-color:#2563eb;color:#fff}.red-button{background-color:#ef4444;color:#fff}.dark .red-button{background-color:#dc2626;color:#fff}.disabled-button{cursor:not-allowed;opacity:.5}@keyframes bounce{0%,20%,53%,80%,to{transform:translateX(-50%) translateY(0)}40%,43%{transform:translateX(-50%) translateY(-10px)}70%{transform:translateX(-50%) translateY(-5px)}90%{transform:translateX(-50%) translateY(-2px)}}@keyframes glow{0%{box-shadow:0 0 5px #10b981;transform:translateX(-50%) scale(1)}50%{box-shadow:0 0 15px #10b981;transform:translateX(-50%) scale(1.1)}to{box-shadow:0 0 5px #10b981;transform:translateX(-50%) scale(1)}}button:hover:not(:disabled){transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}.code-visualization-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.code-line{color:#e5e7eb}.code-line,.highlighted-line{border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:14px;padding:4px 12px}.highlighted-line{background-color:#facc15;border-left:4px solid #f59e0b;color:#000;font-weight:700}.insertion-sort-container{font-family:Arial,sans-serif;height:100%;overflow-x:hidden;overflow-y:auto;padding:24px}.dark .insertion-sort-container{background:#0f172a}.insertion-sort-container .max-width{margin:0 auto;max-width:1200px}.insertion-sort-container .header{align-items:center;display:flex;justify-content:flex-start;margin-bottom:32px}.insertion-sort-container .title{color:#1f2937;font-size:30px;font-weight:700;margin:0}.dark .insertion-sort-container .title{color:#f8fafc}.insertion-sort-container .spacer{width:128px}.insertion-sort-container .main-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr}.insertion-sort-container .left-column{display:flex;flex-direction:column;gap:24px}.insertion-sort-container .card{background-color:#fff;border-radius:12px;box-shadow:0 10px 15px #0000001a;padding:24px}.dark .insertion-sort-container .card{background-color:#1e293b;color:#f1f5f9}.insertion-sort-container .card-title{color:#1f2937;font-size:28px;font-weight:600;margin-bottom:16px}.dark .insertion-sort-container .card-title{color:#f1f5f9}.insertion-sort-container .card-content{color:#374151;font-size:22px;line-height:1.6}.dark .insertion-sort-container .card-content{color:#e2e8f0}.insertion-sort-container .complexity-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:16px}.insertion-sort-container .complexity-card{border-radius:8px;padding:12px}.insertion-sort-container .blue-card{background-color:#dbeafe}.dark .insertion-sort-container .blue-card{background-color:#1e40af30}.insertion-sort-container .green-card{background-color:#d1fae5}.dark .insertion-sort-container .green-card{background-color:#065f4630}.insertion-sort-container .yellow-card{background-color:#fef3c7}.dark .insertion-sort-container .yellow-card{background-color:#92400e30}.insertion-sort-container .complexity-title{font-size:20px;font-weight:600;margin-bottom:8px}.insertion-sort-container .blue-title{color:#0593ff}.insertion-sort-container .green-title{color:#13e2a7}.insertion-sort-container .yellow-title{color:red}.insertion-sort-container .characteristics-list,.insertion-sort-container .complexity-list{font-size:18px;list-style:none;margin:0;padding:0}.insertion-sort-container .blue-text{color:#6a8ff7}.insertion-sort-container .green-text{color:#05dc98}.insertion-sort-container .yellow-text{color:#d97706}.insertion-sort-container .code-container{background-color:#1e293b;border-radius:8px;color:#f1f5f9;font-family:Consolas,Monaco,monospace;font-size:14px;overflow-x:auto;padding:16px}.dark .insertion-sort-container .code-container{background-color:#0f172a;color:#e5e7eb}.insertion-sort-container .legend-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.insertion-sort-container .legend-item{align-items:center;display:flex;gap:8px}.insertion-sort-container .legend-color{border-radius:2px;height:16px;width:16px}.insertion-sort-container .legend-text{color:#1f2937;font-size:18px}.dark .insertion-sort-container .legend-text{color:#f9fafb}.insertion-sort-container .visualization-area{margin-bottom:12px}.insertion-sort-container .array-container{align-items:flex-end;background-color:#f9fafb;border-radius:8px;display:flex;gap:8px;height:256px;justify-content:center;margin-bottom:24px;padding:16px}.dark .insertion-sort-container .array-container{background-color:#1e293b}.insertion-sort-container .bar{align-items:center;border-radius:4px 4px 0 0;display:flex;flex-direction:column;justify-content:flex-end;position:relative;transition:all .5s ease-in-out;width:40px}.insertion-sort-container .bar-value{color:#fff;font-size:14px;font-weight:700;margin-bottom:8px}.insertion-sort-container .current-element{animation:insertion-pulse 1.5s infinite;background-color:#f59e0b}.insertion-sort-container .comparing-element,.insertion-sort-container .current-element{border-radius:50%;height:12px;left:50%;position:absolute;top:-32px;transform:translateX(-50%);width:12px}.insertion-sort-container .comparing-element{animation:insertion-bounce 1s infinite;background-color:#3b82f6}.insertion-sort-container .sorted-indicator{animation:insertion-glow 1.5s infinite;background-color:#10b981;border-radius:50%;height:12px;left:50%;position:absolute;top:-32px;transform:translateX(-50%);width:12px}.insertion-sort-container .status-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.insertion-sort-container .status-card{border-radius:8px;padding:12px}.insertion-sort-container .status-label{font-size:14px;font-weight:500;margin-bottom:4px}.insertion-sort-container .status-value{font-size:18px;font-weight:700}.insertion-sort-container .action-container{background-color:#f9fafb;border-radius:8px;margin-bottom:24px;padding:16px}.dark .insertion-sort-container .action-container{background-color:#1e293b}.insertion-sort-container .action-label{color:#4b5563;font-size:14px;font-weight:500}.dark .insertion-sort-container .action-label{color:#e2e8f0}.insertion-sort-container .action-text{color:#1f2937;font-size:18px}.dark .insertion-sort-container .action-text{color:#f9fafb}.insertion-sort-container .controls-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.insertion-sort-container .control-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.insertion-sort-container .gray-button{background-color:#e5e7eb;color:#374151}.dark .insertion-sort-container .gray-button{background-color:#334155;color:#f1f5f9}.insertion-sort-container .blue-button{background-color:#3b82f6;color:#fff}.dark .insertion-sort-container .blue-button{background-color:#2563eb;color:#fff}.insertion-sort-container .red-button{background-color:#ef4444;color:#fff}.dark .insertion-sort-container .red-button{background-color:#dc2626;color:#fff}.insertion-sort-container .disabled-button{cursor:not-allowed;opacity:.5}@keyframes insertion-bounce{0%,20%,53%,80%,to{transform:translateX(-50%) translateY(0)}40%,43%{transform:translateX(-50%) translateY(-10px)}70%{transform:translateX(-50%) translateY(-5px)}90%{transform:translateX(-50%) translateY(-2px)}}@keyframes insertion-pulse{0%{opacity:1;transform:translateX(-50%) scale(1)}50%{opacity:.7;transform:translateX(-50%) scale(1.2)}to{opacity:1;transform:translateX(-50%) scale(1)}}@keyframes insertion-glow{0%{box-shadow:0 0 5px #10b981;transform:translateX(-50%) scale(1)}50%{box-shadow:0 0 15px #10b981;transform:translateX(-50%) scale(1.1)}to{box-shadow:0 0 5px #10b981;transform:translateX(-50%) scale(1)}}.insertion-sort-container button:hover:not(:disabled){transform:translateY(-1px)}.insertion-sort-container button:active:not(:disabled){transform:translateY(0)}.insertion-sort-container .code-visualization-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.insertion-sort-container .code-line{color:#e5e7eb}.insertion-sort-container .code-line,.insertion-sort-container .highlighted-line{border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:14px;padding:4px 12px}.insertion-sort-container .highlighted-line{background-color:#facc15;border-left:4px solid #f59e0b;color:#000;font-weight:700}.merge-sort-container{font-family:Arial,sans-serif;height:100%;overflow-x:hidden;overflow-y:auto;padding:24px}.dark .merge-sort-container{background:#0f172a}.merge-sort-container .max-width{margin:0 auto;max-width:1200px}.merge-sort-container .header{align-items:center;display:flex;justify-content:flex-start;margin-bottom:32px}.merge-sort-container .title{color:#1f2937;font-size:30px;font-weight:700;margin:0}.dark .merge-sort-container .title{color:#f8fafc}.merge-sort-container .spacer{width:128px}.merge-sort-container .main-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr}.merge-sort-container .left-column{display:flex;flex-direction:column;gap:24px}.merge-sort-container .card{background-color:#fff;border-radius:12px;box-shadow:0 10px 15px #0000001a;padding:24px}.dark .merge-sort-container .card{background-color:#1e293b;color:#f1f5f9}.merge-sort-container .card-title{color:#1f2937;font-size:28px;font-weight:600;margin-bottom:16px}.dark .merge-sort-container .card-title{color:#f1f5f9}.merge-sort-container .card-content{color:#374151;font-size:22px;line-height:1.6}.dark .merge-sort-container .card-content{color:#e2e8f0}.merge-sort-container .complexity-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:16px}.merge-sort-container .complexity-card{border-radius:8px;padding:12px}.merge-sort-container .blue-card{background-color:#dbeafe}.dark .merge-sort-container .blue-card{background-color:#1e40af30}.merge-sort-container .green-card{background-color:#d1fae5}.dark .merge-sort-container .green-card{background-color:#065f4630}.merge-sort-container .yellow-card{background-color:#fef3c7}.dark .merge-sort-container .yellow-card{background-color:#92400e30}.merge-sort-container .complexity-title{font-size:20px;font-weight:600;margin-bottom:8px}.merge-sort-container .blue-title{color:#0593ff}.merge-sort-container .green-title{color:#13e2a7}.merge-sort-container .yellow-title{color:#d97706}.merge-sort-container .characteristics-list,.merge-sort-container .complexity-list{font-size:18px;list-style:none;margin:0;padding:0}.merge-sort-container .blue-text{color:#6a8ff7}.merge-sort-container .green-text{color:#05dc98}.merge-sort-container .yellow-text{color:#d97706}.merge-sort-container .code-container{background-color:#1e293b;border-radius:8px;color:#f1f5f9;font-family:Consolas,Monaco,monospace;font-size:14px;overflow-x:auto;padding:16px}.dark .merge-sort-container .code-container{background-color:#0f172a;color:#e5e7eb}.merge-sort-container .legend-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.merge-sort-container .legend-item{align-items:center;display:flex;gap:8px}.merge-sort-container .legend-color{border-radius:2px;height:16px;width:16px}.merge-sort-container .legend-text{color:#1f2937;font-size:18px}.dark .merge-sort-container .legend-text{color:#f9fafb}.merge-sort-container .visualization-area{margin-bottom:12px}.merge-sort-container .array-container{align-items:flex-end;background-color:#f9fafb;border-radius:8px;display:flex;gap:8px;height:256px;justify-content:center;margin-bottom:24px;padding:16px}.dark .merge-sort-container .array-container{background-color:#1e293b}.merge-sort-container .bar{align-items:center;border-radius:4px 4px 0 0;display:flex;flex-direction:column;justify-content:flex-end;position:relative;transition:all .5s ease-in-out;width:40px}.merge-sort-container .bar-value{color:#fff;font-size:14px;font-weight:700;margin-bottom:8px}.merge-sort-container .current-indicator{animation:merge-pulse 1.5s infinite;background-color:#f59e0b}.merge-sort-container .comparing-indicator,.merge-sort-container .current-indicator{border-radius:50%;height:12px;left:50%;position:absolute;top:-32px;transform:translateX(-50%);width:12px}.merge-sort-container .comparing-indicator{animation:merge-bounce 1s infinite;background-color:#3b82f6}.merge-sort-container .status-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.merge-sort-container .status-card{border-radius:8px;padding:12px}.merge-sort-container .status-label{font-size:14px;font-weight:500;margin-bottom:4px}.merge-sort-container .status-value{font-size:18px;font-weight:700}.merge-sort-container .action-container{background-color:#f9fafb;border-radius:8px;margin-bottom:24px;padding:16px}.dark .merge-sort-container .action-container{background-color:#1e293b}.merge-sort-container .action-label{color:#4b5563;font-size:14px;font-weight:500}.dark .merge-sort-container .action-label{color:#e2e8f0}.merge-sort-container .action-text{color:#1f2937;font-size:18px}.dark .merge-sort-container .action-text{color:#f9fafb}.merge-sort-container .controls-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.merge-sort-container .control-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.merge-sort-container .gray-button{background-color:#e5e7eb;color:#374151}.dark .merge-sort-container .gray-button{background-color:#334155;color:#f1f5f9}.merge-sort-container .blue-button{background-color:#3b82f6;color:#fff}.dark .merge-sort-container .blue-button{background-color:#2563eb;color:#fff}.merge-sort-container .red-button{background-color:#ef4444;color:#fff}.dark .merge-sort-container .red-button{background-color:#dc2626;color:#fff}.merge-sort-container .disabled-button{cursor:not-allowed;opacity:.5}.merge-sort-container .temp-arrays-container{background-color:#f3f4f6;border-radius:8px;display:flex;justify-content:space-around;margin-top:20px;padding:16px}.dark .merge-sort-container .temp-arrays-container{background-color:#1e293b}.merge-sort-container .temp-array{align-items:center;display:flex;flex-direction:column;gap:8px}.merge-sort-container .temp-array-label{color:#4b5563;font-size:14px;font-weight:600}.dark .merge-sort-container .temp-array-label{color:#e2e8f0}.merge-sort-container .temp-array-values{display:flex;gap:8px}.merge-sort-container .temp-value{align-items:center;border-radius:4px;color:#fff;display:flex;font-weight:700;height:40px;justify-content:center;transition:all .3s ease;width:40px}@keyframes merge-bounce{0%,20%,53%,80%,to{transform:translateX(-50%) translateY(0)}40%,43%{transform:translateX(-50%) translateY(-10px)}70%{transform:translateX(-50%) translateY(-5px)}90%{transform:translateX(-50%) translateY(-2px)}}@keyframes merge-pulse{0%{opacity:1;transform:translateX(-50%) scale(1)}50%{opacity:.7;transform:translateX(-50%) scale(1.2)}to{opacity:1;transform:translateX(-50%) scale(1)}}.merge-sort-container button:hover:not(:disabled){transform:translateY(-1px)}.merge-sort-container button:active:not(:disabled){transform:translateY(0)}.merge-sort-container .code-visualization-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.merge-sort-container .code-line{color:#e5e7eb}.merge-sort-container .code-line,.merge-sort-container .highlighted-line{border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:14px;padding:4px 12px}.merge-sort-container .highlighted-line{background-color:#facc15;border-left:4px solid #f59e0b;color:#000;font-weight:700}.quick-sort-container{font-family:Arial,sans-serif;height:100%;overflow-x:hidden;overflow-y:auto;padding:24px}.dark .quick-sort-container{background:#0f172a}.quick-sort-container .max-width{margin:0 auto;max-width:1200px}.quick-sort-container .header{align-items:center;display:flex;justify-content:flex-start;margin-bottom:32px}.quick-sort-container .title{color:#1f2937;font-size:30px;font-weight:700;margin:0}.dark .quick-sort-container .title{color:#f8fafc}.quick-sort-container .spacer{width:128px}.quick-sort-container .main-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr}.quick-sort-container .left-column{display:flex;flex-direction:column;gap:24px}.quick-sort-container .card{background-color:#fff;border-radius:12px;box-shadow:0 10px 15px #0000001a;padding:24px}.dark .quick-sort-container .card{background-color:#1e293b;color:#f1f5f9}.quick-sort-container .card-title{color:#1f2937;font-size:28px;font-weight:600;margin-bottom:16px}.dark .quick-sort-container .card-title{color:#f1f5f9}.quick-sort-container .card-content{color:#374151;font-size:22px;line-height:1.6}.dark .quick-sort-container .card-content{color:#e2e8f0}.quick-sort-container .complexity-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:16px}.quick-sort-container .complexity-card{border-radius:8px;padding:12px}.quick-sort-container .blue-card{background-color:#dbeafe}.dark .quick-sort-container .blue-card{background-color:#1e40af30}.quick-sort-container .green-card{background-color:#d1fae5}.dark .quick-sort-container .green-card{background-color:#065f4630}.quick-sort-container .yellow-card{background-color:#fef3c7}.dark .quick-sort-container .yellow-card{background-color:#92400e30}.quick-sort-container .complexity-title{font-size:20px;font-weight:600;margin-bottom:8px}.quick-sort-container .blue-title{color:#0593ff}.quick-sort-container .green-title{color:#13e2a7}.quick-sort-container .yellow-title{color:#d97706}.quick-sort-container .characteristics-list,.quick-sort-container .complexity-list{font-size:18px;list-style:none;margin:0;padding:0}.quick-sort-container .blue-text{color:#6a8ff7}.quick-sort-container .green-text{color:#05dc98}.quick-sort-container .yellow-text{color:#d97706}.quick-sort-container .code-container{background-color:#1e293b;border-radius:8px;color:#f1f5f9;font-family:Consolas,Monaco,monospace;font-size:14px;overflow-x:auto;padding:16px}.dark .quick-sort-container .code-container{background-color:#0f172a;color:#e5e7eb}.quick-sort-container .legend-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.quick-sort-container .legend-item{align-items:center;display:flex;gap:8px}.quick-sort-container .legend-color{border-radius:2px;height:16px;width:16px}.quick-sort-container .legend-text{color:#1f2937;font-size:18px}.dark .quick-sort-container .legend-text{color:#f9fafb}.quick-sort-container .visualization-area{margin-bottom:12px}.quick-sort-container .array-container{align-items:flex-end;background-color:#f9fafb;border-radius:8px;display:flex;gap:8px;height:256px;justify-content:center;margin-bottom:24px;padding:16px}.dark .quick-sort-container .array-container{background-color:#1e293b}.quick-sort-container .bar{align-items:center;border-radius:4px 4px 0 0;display:flex;flex-direction:column;justify-content:flex-end;position:relative;transition:all .5s ease-in-out;width:40px}.quick-sort-container .bar-value{color:#fff;font-size:14px;font-weight:700;margin-bottom:8px}.quick-sort-container .i-indicator,.quick-sort-container .j-indicator,.quick-sort-container .pivot-indicator{border-radius:4px;color:#fff;font-size:12px;font-weight:700;left:50%;padding:2px 6px;position:absolute;top:-24px;transform:translateX(-50%)}.quick-sort-container .i-indicator{background-color:#10b981}.quick-sort-container .j-indicator{background-color:#3b82f6}.quick-sort-container .pivot-indicator{background-color:#f59e0b}.quick-sort-container .status-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.quick-sort-container .status-card{border-radius:8px;padding:12px}.quick-sort-container .status-label{font-size:14px;font-weight:500;margin-bottom:4px}.quick-sort-container .status-value{font-size:18px;font-weight:700}.quick-sort-container .action-container{background-color:#f9fafb;border-radius:8px;margin-bottom:24px;padding:16px}.dark .quick-sort-container .action-container{background-color:#1e293b}.quick-sort-container .action-label{color:#4b5563;font-size:14px;font-weight:500}.dark .quick-sort-container .action-label{color:#e2e8f0}.quick-sort-container .action-text{color:#1f2937;font-size:18px}.dark .quick-sort-container .action-text{color:#f9fafb}.quick-sort-container .controls-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.quick-sort-container .control-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.quick-sort-container .gray-button{background-color:#e5e7eb;color:#374151}.dark .quick-sort-container .gray-button{background-color:#334155;color:#f1f5f9}.quick-sort-container .blue-button{background-color:#3b82f6;color:#fff}.dark .quick-sort-container .blue-button{background-color:#2563eb;color:#fff}.quick-sort-container .red-button{background-color:#ef4444;color:#fff}.dark .quick-sort-container .red-button{background-color:#dc2626;color:#fff}.quick-sort-container .disabled-button{cursor:not-allowed;opacity:.5}.quick-sort-container button:hover:not(:disabled){transform:translateY(-1px)}.quick-sort-container button:active:not(:disabled){transform:translateY(0)}.quick-sort-container .code-visualization-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.quick-sort-container .code-line{color:#e5e7eb}.quick-sort-container .code-line,.quick-sort-container .highlighted-line{border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:14px;padding:4px 12px}.quick-sort-container .highlighted-line{background-color:#facc15;border-left:4px solid #f59e0b;color:#000;font-weight:700}.quick-sort-container .pivot-display{align-items:center;background-color:#fef3c7;border-radius:8px;display:flex;gap:8px;justify-content:center;margin-bottom:16px;padding:8px 16px}.dark .quick-sort-container .pivot-display{background-color:#92400e30}.quick-sort-container .pivot-label{color:#d97706;font-weight:600}.quick-sort-container .pivot-value{color:#b45309;font-size:18px;font-weight:700}@keyframes quick-pulse{0%{opacity:1;transform:translateX(-50%) scale(1)}50%{opacity:.7;transform:translateX(-50%) scale(1.2)}to{opacity:1;transform:translateX(-50%) scale(1)}}@keyframes quick-bounce{0%,20%,53%,80%,to{transform:translateX(-50%) translateY(0)}40%,43%{transform:translateX(-50%) translateY(-10px)}70%{transform:translateX(-50%) translateY(-5px)}90%{transform:translateX(-50%) translateY(-2px)}}.heap-sort-container{font-family:Arial,sans-serif;height:100%;overflow-x:hidden;overflow-y:auto;padding:24px}.dark .heap-sort-container{background:#0f172a}.heap-sort-container .max-width{margin:0 auto;max-width:1200px}.heap-sort-container .header{align-items:center;display:flex;justify-content:flex-start;margin-bottom:32px}.heap-sort-container .title{color:#1f2937;font-size:30px;font-weight:700;margin:0}.dark .heap-sort-container .title{color:#f8fafc}.heap-sort-container .spacer{width:128px}.heap-sort-container .main-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr}.heap-sort-container .left-column{display:flex;flex-direction:column;gap:24px}.heap-sort-container .card{background-color:#fff;border-radius:12px;box-shadow:0 10px 15px #0000001a;padding:24px}.dark .heap-sort-container .card{background-color:#1e293b;color:#f1f5f9}.heap-sort-container .card-title{color:#1f2937;font-size:28px;font-weight:600;margin-bottom:16px}.dark .heap-sort-container .card-title{color:#f1f5f9}.heap-sort-container .card-content{color:#374151;font-size:22px;line-height:1.6}.dark .heap-sort-container .card-content{color:#e2e8f0}.heap-sort-container .complexity-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:16px}.heap-sort-container .complexity-card{border-radius:8px;padding:12px}.heap-sort-container .blue-card{background-color:#dbeafe}.dark .heap-sort-container .blue-card{background-color:#1e40af30}.heap-sort-container .green-card{background-color:#d1fae5}.dark .heap-sort-container .green-card{background-color:#065f4630}.heap-sort-container .yellow-card{background-color:#fef3c7}.dark .heap-sort-container .yellow-card{background-color:#92400e30}.heap-sort-container .complexity-title{font-size:20px;font-weight:600;margin-bottom:8px}.heap-sort-container .blue-title{color:#0593ff}.heap-sort-container .green-title{color:#13e2a7}.heap-sort-container .yellow-title{color:#d97706}.heap-sort-container .characteristics-list,.heap-sort-container .complexity-list{font-size:18px;list-style:none;margin:0;padding:0}.heap-sort-container .blue-text{color:#6a8ff7}.heap-sort-container .green-text{color:#05dc98}.heap-sort-container .yellow-text{color:#d97706}.heap-sort-container .code-container{background-color:#1e293b;border-radius:8px;color:#f1f5f9;font-family:Consolas,Monaco,monospace;font-size:14px;overflow-x:auto;padding:16px}.dark .heap-sort-container .code-container{background-color:#0f172a;color:#e5e7eb}.heap-sort-container .legend-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.heap-sort-container .legend-item{align-items:center;display:flex;gap:8px}.heap-sort-container .legend-color{border-radius:2px;height:16px;width:16px}.heap-sort-container .legend-text{color:#1f2937;font-size:18px}.dark .heap-sort-container .legend-text{color:#f9fafb}.heap-sort-container .visualization-area{margin-bottom:12px}.heap-sort-container .heap-container{background-color:#f9fafb;border-radius:8px;margin-bottom:24px;padding:16px}.dark .heap-sort-container .heap-container{background-color:#1e293b}.heap-sort-container .array-title,.heap-sort-container .heap-title{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:12px}.dark .heap-sort-container .array-title,.dark .heap-sort-container .heap-title{color:#f1f5f9}.heap-sort-container .heap-tree{align-items:center;display:flex;flex-direction:column;gap:16px}.heap-sort-container .heap-level{display:flex;gap:24px;justify-content:center}.heap-sort-container .heap-node{align-items:center;border-radius:50%;color:#fff;display:flex;font-weight:700;height:40px;justify-content:center;position:relative;transition:all .3s ease;width:40px}.heap-sort-container .node-label{font-size:10px;left:50%;position:absolute;top:-20px;transform:translateX(-50%);white-space:nowrap}.heap-sort-container .array-visualization{background-color:#f9fafb;border-radius:8px;padding:16px}.dark .heap-sort-container .array-visualization{background-color:#1e293b}.heap-sort-container .array-container{align-items:flex-end;display:flex;gap:8px;height:200px;justify-content:center;padding:16px}.heap-sort-container .bar{align-items:center;border-radius:4px 4px 0 0;display:flex;flex-direction:column;justify-content:flex-end;position:relative;transition:all .5s ease-in-out;width:40px}.heap-sort-container .bar-value{color:#fff;font-size:14px;font-weight:700;margin-bottom:8px}.heap-sort-container .comparing-indicator,.heap-sort-container .current-indicator{border-radius:4px;color:#fff;font-size:10px;font-weight:700;left:50%;padding:2px 4px;position:absolute;top:-24px;transform:translateX(-50%)}.heap-sort-container .current-indicator{background-color:#f59e0b}.heap-sort-container .comparing-indicator{background-color:#ef4444}.heap-sort-container .heap-size-indicator{color:#1f2937;font-weight:600;margin-top:8px;text-align:center}.dark .heap-sort-container .heap-size-indicator{color:#f1f5f9}.heap-sort-container .status-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.heap-sort-container .status-card{border-radius:8px;padding:12px}.heap-sort-container .status-label{font-size:14px;font-weight:500;margin-bottom:4px}.heap-sort-container .status-value{font-size:18px;font-weight:700}.heap-sort-container .action-container{background-color:#f9fafb;border-radius:8px;margin-bottom:24px;padding:16px}.dark .heap-sort-container .action-container{background-color:#1e293b}.heap-sort-container .action-label{color:#4b5563;font-size:14px;font-weight:500}.dark .heap-sort-container .action-label{color:#e2e8f0}.heap-sort-container .action-text{color:#1f2937;font-size:18px}.dark .heap-sort-container .action-text{color:#f9fafb}.heap-sort-container .controls-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.heap-sort-container .control-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.heap-sort-container .gray-button{background-color:#e5e7eb;color:#374151}.dark .heap-sort-container .gray-button{background-color:#334155;color:#f1f5f9}.heap-sort-container .blue-button{background-color:#3b82f6;color:#fff}.dark .heap-sort-container .blue-button{background-color:#2563eb;color:#fff}.heap-sort-container .red-button{background-color:#ef4444;color:#fff}.dark .heap-sort-container .red-button{background-color:#dc2626;color:#fff}.heap-sort-container .disabled-button{cursor:not-allowed;opacity:.5}.heap-sort-container button:hover:not(:disabled){transform:translateY(-1px)}.heap-sort-container button:active:not(:disabled){transform:translateY(0)}.heap-sort-container .code-visualization-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.heap-sort-container .code-line{color:#e5e7eb}.heap-sort-container .code-line,.heap-sort-container .highlighted-line{border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:14px;padding:4px 12px}.heap-sort-container .highlighted-line{background-color:#facc15;border-left:4px solid #f59e0b;color:#000;font-weight:700}@keyframes heap-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes heap-bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-10px)}70%{transform:translateY(-5px)}90%{transform:translateY(-2px)}}.shell-sort-container{font-family:Arial,sans-serif;height:100%;overflow-x:hidden;overflow-y:auto;padding:24px}.dark .shell-sort-container{background:#0f172a}.shell-sort-container .max-width{margin:0 auto;max-width:1200px}.shell-sort-container .header{align-items:center;display:flex;justify-content:flex-start;margin-bottom:32px}.shell-sort-container .title{color:#1f2937;font-size:30px;font-weight:700;margin:0}.dark .shell-sort-container .title{color:#f8fafc}.shell-sort-container .spacer{width:128px}.shell-sort-container .main-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr}.shell-sort-container .left-column{display:flex;flex-direction:column;gap:24px}.shell-sort-container .card{background-color:#fff;border-radius:12px;box-shadow:0 10px 15px #0000001a;padding:24px}.dark .shell-sort-container .card{background-color:#1e293b;color:#f1f5f9}.shell-sort-container .card-title{color:#1f2937;font-size:28px;font-weight:600;margin-bottom:16px}.dark .shell-sort-container .card-title{color:#f1f5f9}.shell-sort-container .card-content{color:#374151;font-size:22px;line-height:1.6}.dark .shell-sort-container .card-content{color:#e2e8f0}.shell-sort-container .complexity-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:16px}.shell-sort-container .complexity-card{border-radius:8px;padding:12px}.shell-sort-container .blue-card{background-color:#dbeafe}.dark .shell-sort-container .blue-card{background-color:#1e40af30}.shell-sort-container .green-card{background-color:#d1fae5}.dark .shell-sort-container .green-card{background-color:#065f4630}.shell-sort-container .yellow-card{background-color:#fef3c7}.dark .shell-sort-container .yellow-card{background-color:#92400e30}.shell-sort-container .complexity-title{font-size:20px;font-weight:600;margin-bottom:8px}.shell-sort-container .blue-title{color:#0593ff}.shell-sort-container .green-title{color:#13e2a7}.shell-sort-container .yellow-title{color:#d97706}.shell-sort-container .characteristics-list,.shell-sort-container .complexity-list{font-size:18px;list-style:none;margin:0;padding:0}.shell-sort-container .blue-text{color:#6a8ff7}.shell-sort-container .green-text{color:#05dc98}.shell-sort-container .yellow-text{color:#d97706}.shell-sort-container .code-container{background-color:#1e293b;border-radius:8px;color:#f1f5f9;font-family:Consolas,Monaco,monospace;font-size:14px;overflow-x:auto;padding:16px}.dark .shell-sort-container .code-container{background-color:#0f172a;color:#e5e7eb}.shell-sort-container .legend-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.shell-sort-container .legend-item{align-items:center;display:flex;gap:8px}.shell-sort-container .legend-color{border-radius:2px;height:16px;width:16px}.shell-sort-container .legend-text{color:#1f2937;font-size:18px}.dark .shell-sort-container .legend-text{color:#f9fafb}.shell-sort-container .visualization-area{margin-bottom:12px}.shell-sort-container .array-container{align-items:flex-end;background-color:#f9fafb;border-radius:8px;display:flex;gap:8px;height:200px;justify-content:center;margin-bottom:16px;padding:16px}.dark .shell-sort-container .array-container{background-color:#1e293b}.shell-sort-container .bar{align-items:center;border-radius:4px 4px 0 0;display:flex;flex-direction:column;justify-content:flex-end;position:relative;transition:all .5s ease-in-out;width:30px}.shell-sort-container .bar-value{color:#fff;font-size:12px;font-weight:700;margin-bottom:8px}.shell-sort-container .comparing-indicator,.shell-sort-container .current-indicator{border-radius:4px;color:#fff;font-size:10px;font-weight:700;left:50%;padding:2px 4px;position:absolute;top:-24px;transform:translateX(-50%);white-space:nowrap}.shell-sort-container .current-indicator{background-color:#f59e0b}.shell-sort-container .comparing-indicator{background-color:#ef4444}.shell-sort-container .subarrays-container{background-color:#f3f4f6;border-radius:8px;margin:16px 0;padding:12px}.dark .shell-sort-container .subarrays-container{background-color:#1e293b}.shell-sort-container .subarrays-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:8px}.shell-sort-container .subarray{background-color:#e5e7eb;border-radius:4px;padding:8px}.dark .shell-sort-container .subarray{background-color:#334155}.shell-sort-container .subarray-label{color:#4b5563;font-size:12px;font-weight:600;margin-bottom:4px}.dark .shell-sort-container .subarray-label{color:#e2e8f0}.shell-sort-container .subarray-indices{display:flex;flex-wrap:wrap;gap:4px}.shell-sort-container .subarray-index{background-color:#d1d5db;border-radius:4px;color:#111827;font-size:12px;font-weight:500;padding:2px 6px}.dark .shell-sort-container .subarray-index{background-color:#475569;color:#f1f5f9}.shell-sort-container .subarray-index.current{background-color:#f59e0b;color:#fff;font-weight:700}.shell-sort-container .gap-sequence{background-color:#f3f4f6;border-radius:8px;margin-top:16px;padding:12px}.dark .shell-sort-container .gap-sequence{background-color:#1e293b}.shell-sort-container .gaps{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.shell-sort-container .gap{background-color:#d1d5db;border-radius:4px;color:#111827;font-weight:500;padding:4px 12px}.dark .shell-sort-container .gap{background-color:#475569;color:#f1f5f9}.shell-sort-container .gap.active{background-color:#3b82f6;color:#fff;font-weight:700}.shell-sort-container .status-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.shell-sort-container .status-card{border-radius:8px;padding:12px}.shell-sort-container .status-label{font-size:14px;font-weight:500;margin-bottom:4px}.shell-sort-container .status-value{font-size:18px;font-weight:700}.shell-sort-container .action-container{background-color:#f9fafb;border-radius:8px;margin-bottom:24px;padding:16px}.dark .shell-sort-container .action-container{background-color:#1e293b}.shell-sort-container .action-label{color:#4b5563;font-size:14px;font-weight:500}.dark .shell-sort-container .action-label{color:#e2e8f0}.shell-sort-container .action-text{color:#1f2937;font-size:18px}.dark .shell-sort-container .action-text{color:#f9fafb}.shell-sort-container .controls-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.shell-sort-container .control-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.shell-sort-container .gray-button{background-color:#e5e7eb;color:#374151}.dark .shell-sort-container .gray-button{background-color:#334155;color:#f1f5f9}.shell-sort-container .blue-button{background-color:#3b82f6;color:#fff}.dark .shell-sort-container .blue-button{background-color:#2563eb;color:#fff}.shell-sort-container .red-button{background-color:#ef4444;color:#fff}.dark .shell-sort-container .red-button{background-color:#dc2626;color:#fff}.shell-sort-container .disabled-button{cursor:not-allowed;opacity:.5}.shell-sort-container button:hover:not(:disabled){transform:translateY(-1px)}.shell-sort-container button:active:not(:disabled){transform:translateY(0)}.shell-sort-container .code-visualization-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.shell-sort-container .code-line{color:#e5e7eb}.shell-sort-container .code-line,.shell-sort-container .highlighted-line{border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:14px;padding:4px 12px}.shell-sort-container .highlighted-line{background-color:#facc15;border-left:4px solid #f59e0b;color:#000;font-weight:700}@keyframes shell-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes shell-bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-10px)}70%{transform:translateY(-5px)}90%{transform:translateY(-2px)}}.counting-sort-container{font-family:Arial,sans-serif;height:100%;overflow-x:hidden;overflow-y:auto;padding:24px}.dark .counting-sort-container{background:#0f172a}.counting-sort-container .max-width{margin:0 auto;max-width:1200px}.counting-sort-container .header{align-items:center;display:flex;justify-content:flex-start;margin-bottom:32px}.counting-sort-container .title{color:#1f2937;font-size:30px;font-weight:700;margin:0}.dark .counting-sort-container .title{color:#f8fafc}.counting-sort-container .spacer{width:128px}.counting-sort-container .main-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr}.counting-sort-container .left-column{display:flex;flex-direction:column;gap:24px}.counting-sort-container .card{background-color:#fff;border-radius:12px;box-shadow:0 10px 15px #0000001a;padding:24px}.dark .counting-sort-container .card{background-color:#1e293b;color:#f1f5f9}.counting-sort-container .card-title{color:#1f2937;font-size:28px;font-weight:600;margin-bottom:16px}.dark .counting-sort-container .card-title{color:#f1f5f9}.counting-sort-container .card-content{color:#374151;font-size:22px;line-height:1.6}.dark .counting-sort-container .card-content{color:#e2e8f0}.counting-sort-container .complexity-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:16px}.counting-sort-container .complexity-card{border-radius:8px;padding:12px}.counting-sort-container .blue-card{background-color:#dbeafe}.dark .counting-sort-container .blue-card{background-color:#1e40af30}.counting-sort-container .green-card{background-color:#d1fae5}.dark .counting-sort-container .green-card{background-color:#065f4630}.counting-sort-container .yellow-card{background-color:#fef3c7}.dark .counting-sort-container .yellow-card{background-color:#92400e30}.counting-sort-container .complexity-title{font-size:20px;font-weight:600;margin-bottom:8px}.counting-sort-container .blue-title{color:#0593ff}.counting-sort-container .green-title{color:#13e2a7}.counting-sort-container .yellow-title{color:#d97706}.counting-sort-container .characteristics-list,.counting-sort-container .complexity-list{font-size:18px;list-style:none;margin:0;padding:0}.counting-sort-container .blue-text{color:#6a8ff7}.counting-sort-container .green-text{color:#05dc98}.counting-sort-container .yellow-text{color:#d97706}.counting-sort-container .code-container{background-color:#1e293b;border-radius:8px;color:#f1f5f9;font-family:Consolas,Monaco,monospace;font-size:14px;overflow-x:auto;padding:16px}.dark .counting-sort-container .code-container{background-color:#0f172a;color:#e5e7eb}.counting-sort-container .legend-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.counting-sort-container .legend-item{align-items:center;display:flex;gap:8px}.counting-sort-container .legend-color{border-radius:2px;height:16px;width:16px}.counting-sort-container .legend-text{color:#1f2937;font-size:18px}.dark .counting-sort-container .legend-text{color:#f9fafb}.counting-sort-container .visualization-area{margin-bottom:12px}.counting-sort-container .array-section{margin-bottom:24px}.counting-sort-container .array-title{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:12px}.dark .counting-sort-container .array-title{color:#f1f5f9}.counting-sort-container .array-container{align-items:flex-end;background-color:#f9fafb;border-radius:8px;display:flex;gap:8px;height:120px;justify-content:center;padding:16px}.dark .counting-sort-container .array-container{background-color:#1e293b}.counting-sort-container .bar{align-items:center;border-radius:4px 4px 0 0;display:flex;flex-direction:column;justify-content:flex-end;position:relative;transition:all .5s ease-in-out;width:30px}.counting-sort-container .bar-value{color:#fff;font-size:12px;font-weight:700;margin-bottom:8px}.counting-sort-container .current-indicator{background-color:#f59e0b;border-radius:4px;color:#fff;font-size:10px;font-weight:700;left:50%;padding:2px 4px;position:absolute;top:-24px;transform:translateX(-50%);white-space:nowrap}.counting-sort-container .count-container{background-color:#f9fafb;border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:16px}.dark .counting-sort-container .count-container{background-color:#1e293b}.counting-sort-container .count-element{align-items:center;border-radius:4px;display:flex;flex-direction:column;height:60px;justify-content:center;transition:all .3s ease;width:40px}.counting-sort-container .count-index{color:#fff;font-size:10px;margin-bottom:4px}.counting-sort-container .count-value{color:#fff;font-size:14px;font-weight:700}.counting-sort-container .status-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.counting-sort-container .status-card{border-radius:8px;padding:12px}.counting-sort-container .status-label{font-size:14px;font-weight:500;margin-bottom:4px}.counting-sort-container .status-value{font-size:18px;font-weight:700}.counting-sort-container .action-container{background-color:#f9fafb;border-radius:8px;margin-bottom:24px;padding:16px}.dark .counting-sort-container .action-container{background-color:#1e293b}.counting-sort-container .action-label{color:#4b5563;font-size:14px;font-weight:500}.dark .counting-sort-container .action-label{color:#e2e8f0}.counting-sort-container .action-text{color:#1f2937;font-size:18px}.dark .counting-sort-container .action-text{color:#f9fafb}.counting-sort-container .controls-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.counting-sort-container .control-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.counting-sort-container .gray-button{background-color:#e5e7eb;color:#374151}.dark .counting-sort-container .gray-button{background-color:#334155;color:#f1f5f9}.counting-sort-container .blue-button{background-color:#3b82f6;color:#fff}.dark .counting-sort-container .blue-button{background-color:#2563eb;color:#fff}.counting-sort-container .red-button{background-color:#ef4444;color:#fff}.dark .counting-sort-container .red-button{background-color:#dc2626;color:#fff}.counting-sort-container .disabled-button{cursor:not-allowed;opacity:.5}.counting-sort-container button:hover:not(:disabled){transform:translateY(-1px)}.counting-sort-container button:active:not(:disabled){transform:translateY(0)}.counting-sort-container .code-visualization-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.counting-sort-container .code-line{color:#e5e7eb}.counting-sort-container .code-line,.counting-sort-container .highlighted-line{border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:14px;padding:4px 12px}.counting-sort-container .highlighted-line{background-color:#facc15;border-left:4px solid #f59e0b;color:#000;font-weight:700}@keyframes counting-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes counting-bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-10px)}70%{transform:translateY(-5px)}90%{transform:translateY(-2px)}}.radix-sort-container{font-family:Arial,sans-serif;height:100%;overflow-x:hidden;overflow-y:auto;padding:24px}.dark .radix-sort-container{background:#0f172a}.radix-sort-container .max-width{margin:0 auto;max-width:1200px}.radix-sort-container .header{align-items:center;display:flex;justify-content:flex-start;margin-bottom:32px}.radix-sort-container .title{color:#1f2937;font-size:30px;font-weight:700;margin:0}.dark .radix-sort-container .title{color:#f8fafc}.radix-sort-container .spacer{width:128px}.radix-sort-container .main-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr}.radix-sort-container .left-column{display:flex;flex-direction:column;gap:24px}.radix-sort-container .card{background-color:#fff;border-radius:12px;box-shadow:0 10px 15px #0000001a;padding:24px}.dark .radix-sort-container .card{background-color:#1e293b;color:#f1f5f9}.radix-sort-container .card-title{color:#1f2937;font-size:28px;font-weight:600;margin-bottom:16px}.dark .radix-sort-container .card-title{color:#f1f5f9}.radix-sort-container .card-content{color:#374151;font-size:22px;line-height:1.6}.dark .radix-sort-container .card-content{color:#e2e8f0}.radix-sort-container .complexity-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:16px}.radix-sort-container .complexity-card{border-radius:8px;padding:12px}.radix-sort-container .blue-card{background-color:#dbeafe}.dark .radix-sort-container .blue-card{background-color:#1e40af30}.radix-sort-container .green-card{background-color:#d1fae5}.dark .radix-sort-container .green-card{background-color:#065f4630}.radix-sort-container .yellow-card{background-color:#fef3c7}.dark .radix-sort-container .yellow-card{background-color:#92400e30}.radix-sort-container .complexity-title{font-size:20px;font-weight:600;margin-bottom:8px}.radix-sort-container .blue-title{color:#0593ff}.radix-sort-container .green-title{color:#13e2a7}.radix-sort-container .yellow-title{color:#d97706}.radix-sort-container .characteristics-list,.radix-sort-container .complexity-list{font-size:18px;list-style:none;margin:0;padding:0}.radix-sort-container .blue-text{color:#6a8ff7}.radix-sort-container .green-text{color:#05dc98}.radix-sort-container .yellow-text{color:#d97706}.radix-sort-container .code-container{background-color:#1e293b;border-radius:8px;color:#f1f5f9;font-family:Consolas,Monaco,monospace;font-size:14px;overflow-x:auto;padding:16px}.dark .radix-sort-container .code-container{background-color:#0f172a;color:#e5e7eb}.radix-sort-container .legend-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.radix-sort-container .legend-item{align-items:center;display:flex;gap:8px}.radix-sort-container .legend-color{border-radius:2px;height:16px;width:16px}.radix-sort-container .legend-text{color:#1f2937;font-size:18px}.dark .radix-sort-container .legend-text{color:#f9fafb}.radix-sort-container .visualization-area{margin-bottom:12px}.radix-sort-container .array-section{margin-bottom:24px}.radix-sort-container .array-title,.radix-sort-container .buckets-title{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:12px}.dark .radix-sort-container .array-title,.dark .radix-sort-container .buckets-title{color:#f1f5f9}.radix-sort-container .array-container{align-items:flex-end;background-color:#f9fafb;border-radius:8px;display:flex;gap:8px;height:150px;justify-content:center;padding:16px}.dark .radix-sort-container .array-container{background-color:#1e293b}.radix-sort-container .bar{align-items:center;border-radius:4px 4px 0 0;display:flex;flex-direction:column;justify-content:flex-end;position:relative;transition:all .5s ease-in-out;width:40px}.radix-sort-container .bar-value{color:#fff;font-size:12px;font-weight:700;margin-bottom:8px}.radix-sort-container .current-indicator{background-color:#f59e0b;border-radius:4px;color:#fff;font-size:10px;font-weight:700;left:50%;padding:2px 4px;position:absolute;top:-24px;transform:translateX(-50%);white-space:nowrap}.radix-sort-container .buckets-section{margin-bottom:16px}.radix-sort-container .buckets-container{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(5,1fr)}.radix-sort-container .bucket{border-radius:4px;min-height:60px;padding:8px;transition:all .3s ease}.radix-sort-container .bucket-label{color:#fff;font-size:14px;font-weight:700;margin-bottom:4px;text-align:center}.radix-sort-container .bucket-items{display:flex;flex-direction:column;gap:4px;min-height:20px}.radix-sort-container .bucket-item{background-color:#fff;border-radius:2px;color:#1f2937;font-size:12px;font-weight:500;padding:2px 4px;text-align:center}.dark .radix-sort-container .bucket-item{background-color:#0f172a;color:#f1f5f9}.radix-sort-container .status-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.radix-sort-container .status-card{border-radius:8px;padding:12px}.radix-sort-container .status-label{font-size:14px;font-weight:500;margin-bottom:4px}.radix-sort-container .status-value{font-size:18px;font-weight:700}.radix-sort-container .action-container{background-color:#f9fafb;border-radius:8px;margin-bottom:24px;padding:16px}.dark .radix-sort-container .action-container{background-color:#1e293b}.radix-sort-container .action-label{color:#4b5563;font-size:14px;font-weight:500}.dark .radix-sort-container .action-label{color:#e2e8f0}.radix-sort-container .action-text{color:#1f2937;font-size:18px}.dark .radix-sort-container .action-text{color:#f9fafb}.radix-sort-container .controls-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.radix-sort-container .control-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.radix-sort-container .gray-button{background-color:#e5e7eb;color:#374151}.dark .radix-sort-container .gray-button{background-color:#334155;color:#f1f5f9}.radix-sort-container .blue-button{background-color:#3b82f6;color:#fff}.dark .radix-sort-container .blue-button{background-color:#2563eb;color:#fff}.radix-sort-container .red-button{background-color:#ef4444;color:#fff}.dark .radix-sort-container .red-button{background-color:#dc2626;color:#fff}.radix-sort-container .disabled-button{cursor:not-allowed;opacity:.5}.radix-sort-container button:hover:not(:disabled){transform:translateY(-1px)}.radix-sort-container button:active:not(:disabled){transform:translateY(0)}.radix-sort-container .code-visualization-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.radix-sort-container .code-line{color:#e5e7eb}.radix-sort-container .code-line,.radix-sort-container .highlighted-line{border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:14px;padding:4px 12px}.radix-sort-container .highlighted-line{background-color:#facc15;border-left:4px solid #f59e0b;color:#000;font-weight:700}@keyframes radix-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes radix-bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-10px)}70%{transform:translateY(-5px)}90%{transform:translateY(-2px)}}.bucket-sort-container{font-family:Arial,sans-serif;height:100%;overflow-x:hidden;overflow-y:auto;padding:24px}.dark .bucket-sort-container{background:#0f172a}.bucket-sort-container .max-width{margin:0 auto;max-width:1200px}.bucket-sort-container .header{align-items:center;display:flex;justify-content:flex-start;margin-bottom:32px}.bucket-sort-container .title{color:#1f2937;font-size:30px;font-weight:700;margin:0}.dark .bucket-sort-container .title{color:#f8fafc}.bucket-sort-container .spacer{width:128px}.bucket-sort-container .main-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr}.bucket-sort-container .left-column{display:flex;flex-direction:column;gap:24px}.bucket-sort-container .card{background-color:#fff;border-radius:12px;box-shadow:0 10px 15px #0000001a;padding:24px}.dark .bucket-sort-container .card{background-color:#1e293b;color:#f1f5f9}.bucket-sort-container .card-title{color:#1f2937;font-size:28px;font-weight:600;margin-bottom:16px}.dark .bucket-sort-container .card-title{color:#f1f5f9}.bucket-sort-container .card-content{color:#374151;font-size:22px;line-height:1.6}.dark .bucket-sort-container .card-content{color:#e2e8f0}.bucket-sort-container .complexity-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:16px}.bucket-sort-container .complexity-card{border-radius:8px;padding:12px}.bucket-sort-container .blue-card{background-color:#dbeafe}.dark .bucket-sort-container .blue-card{background-color:#1e40af30}.bucket-sort-container .green-card{background-color:#d1fae5}.dark .bucket-sort-container .green-card{background-color:#065f4630}.bucket-sort-container .yellow-card{background-color:#fef3c7}.dark .bucket-sort-container .yellow-card{background-color:#92400e30}.bucket-sort-container .complexity-title{font-size:20px;font-weight:600;margin-bottom:8px}.bucket-sort-container .blue-title{color:#0593ff}.bucket-sort-container .green-title{color:#13e2a7}.bucket-sort-container .yellow-title{color:#d97706}.bucket-sort-container .characteristics-list,.bucket-sort-container .complexity-list{font-size:18px;list-style:none;margin:0;padding:0}.bucket-sort-container .blue-text{color:#6a8ff7}.bucket-sort-container .green-text{color:#05dc98}.bucket-sort-container .yellow-text{color:#d97706}.bucket-sort-container .code-container{background-color:#1e293b;border-radius:8px;color:#f1f5f9;font-family:Consolas,Monaco,monospace;font-size:14px;overflow-x:auto;padding:16px}.dark .bucket-sort-container .code-container{background-color:#0f172a;color:#e5e7eb}.bucket-sort-container .legend-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.bucket-sort-container .legend-item{align-items:center;display:flex;gap:8px}.bucket-sort-container .legend-color{border-radius:2px;height:16px;width:16px}.bucket-sort-container .legend-text{color:#1f2937;font-size:18px}.dark .bucket-sort-container .legend-text{color:#f9fafb}.bucket-sort-container .visualization-area{margin-bottom:12px}.bucket-sort-container .config-section{align-items:center;display:flex;gap:8px;margin-bottom:16px}.bucket-sort-container .config-section label{color:#1f2937;font-weight:500}.dark .bucket-sort-container .config-section label{color:#f1f5f9}.bucket-sort-container .config-section select{background-color:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:4px 8px}.dark .bucket-sort-container .config-section select{background-color:#334155;border-color:#475569;color:#f1f5f9}.bucket-sort-container .array-section{margin-bottom:24px}.bucket-sort-container .array-title,.bucket-sort-container .buckets-title{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:12px}.dark .bucket-sort-container .array-title,.dark .bucket-sort-container .buckets-title{color:#f1f5f9}.bucket-sort-container .array-container{align-items:flex-end;background-color:#f9fafb;border-radius:8px;display:flex;gap:8px;height:150px;justify-content:center;padding:16px}.dark .bucket-sort-container .array-container{background-color:#1e293b}.bucket-sort-container .bar{align-items:center;border-radius:4px 4px 0 0;display:flex;flex-direction:column;justify-content:flex-end;position:relative;transition:all .5s ease-in-out;width:40px}.bucket-sort-container .bar-value{color:#fff;font-size:12px;font-weight:700;margin-bottom:8px}.bucket-sort-container .current-indicator{background-color:#f59e0b;border-radius:4px;color:#fff;font-size:10px;font-weight:700;left:50%;padding:2px 4px;position:absolute;top:-24px;transform:translateX(-50%);white-space:nowrap}.bucket-sort-container .buckets-section{margin-bottom:16px}.bucket-sort-container .buckets-container{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.bucket-sort-container .bucket{background-color:#8b5cf6;border-radius:4px;min-height:60px;padding:8px;transition:all .3s ease}.dark .bucket-sort-container .bucket{background-color:#6d28d9}.bucket-sort-container .bucket-label{color:#fff;font-size:14px;font-weight:700;margin-bottom:4px;text-align:center}.bucket-sort-container .bucket-items{display:flex;flex-direction:column;gap:4px;min-height:20px}.bucket-sort-container .bucket-item{background-color:#fff;border-radius:2px;color:#1f2937;font-size:12px;font-weight:500;padding:2px 4px;text-align:center;transition:all .3s ease}.dark .bucket-sort-container .bucket-item{background-color:#0f172a;color:#f1f5f9}.bucket-sort-container .status-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.bucket-sort-container .status-card{border-radius:8px;padding:12px}.bucket-sort-container .status-label{font-size:14px;font-weight:500;margin-bottom:4px}.bucket-sort-container .status-value{font-size:18px;font-weight:700}.bucket-sort-container .action-container{background-color:#f9fafb;border-radius:8px;margin-bottom:24px;padding:16px}.dark .bucket-sort-container .action-container{background-color:#1e293b}.bucket-sort-container .action-label{color:#4b5563;font-size:14px;font-weight:500}.dark .bucket-sort-container .action-label{color:#e2e8f0}.bucket-sort-container .action-text{color:#1f2937;font-size:18px}.dark .bucket-sort-container .action-text{color:#f9fafb}.bucket-sort-container .controls-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.bucket-sort-container .control-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.bucket-sort-container .gray-button{background-color:#e5e7eb;color:#374151}.dark .bucket-sort-container .gray-button{background-color:#334155;color:#f1f5f9}.bucket-sort-container .blue-button{background-color:#3b82f6;color:#fff}.dark .bucket-sort-container .blue-button{background-color:#2563eb;color:#fff}.bucket-sort-container .red-button{background-color:#ef4444;color:#fff}.dark .bucket-sort-container .red-button{background-color:#dc2626;color:#fff}.bucket-sort-container .disabled-button{cursor:not-allowed;opacity:.5}.bucket-sort-container button:hover:not(:disabled){transform:translateY(-1px)}.bucket-sort-container button:active:not(:disabled){transform:translateY(0)}.bucket-sort-container .code-visualization-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.bucket-sort-container .code-line{color:#e5e7eb}.bucket-sort-container .code-line,.bucket-sort-container .highlighted-line{border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:14px;padding:4px 12px}.bucket-sort-container .highlighted-line{background-color:#facc15;border-left:4px solid #f59e0b;color:#000;font-weight:700}@keyframes bucket-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes bucket-bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-10px)}70%{transform:translateY(-5px)}90%{transform:translateY(-2px)}}@media (max-width:768px){.bucket-sort-container .complexity-grid,.bucket-sort-container .status-grid{grid-template-columns:1fr}.bucket-sort-container .buckets-container{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.bucket-sort-container{padding:16px}.bucket-sort-container .title{font-size:24px}.bucket-sort-container .card-title{font-size:22px}.bucket-sort-container .buckets-container{grid-template-columns:repeat(2,1fr)}.bucket-sort-container .controls-container{flex-direction:column}.bucket-sort-container .control-button{justify-content:center;width:100%}}.linear-search-container{background-color:#f8fafc;font-family:Arial,sans-serif;height:100%;overflow-x:hidden;overflow-y:auto;padding:24px}.dark .linear-search-container{background:#0f172a;color:#f8fafc}.linear-search-container .max-width{margin:0 auto;max-width:1200px}.linear-search-container .header{align-items:center;display:flex;justify-content:flex-start;margin-bottom:32px}.linear-search-container .title{color:#1f2937;font-size:30px;font-weight:700;margin:0}.dark .linear-search-container .title{color:#f8fafc}.linear-search-container .spacer{width:128px}.linear-search-container .about-card{margin-bottom:32px}.linear-search-container .about-content{margin-bottom:24px}.linear-search-container .complexity-section{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.linear-search-container .characteristics-section{margin-top:16px}.linear-search-container .card{background-color:#fff;border-radius:12px;box-shadow:0 10px 15px #0000001a;padding:24px}.dark .linear-search-container .card{background-color:#1e293b;color:#f1f5f9}.linear-search-container .card-title{color:#1f2937;font-size:28px;font-weight:600;margin-bottom:16px}.dark .linear-search-container .card-title{color:#f1f5f9}.linear-search-container .card-content{color:#374151;font-size:22px;line-height:1.6}.dark .linear-search-container .card-content{color:#e2e8f0}.linear-search-container .complexity-card{border-radius:8px;padding:16px}.linear-search-container .blue-card{background-color:#dbeafe}.dark .linear-search-container .blue-card{background-color:#1e40af30}.linear-search-container .green-card{background-color:#d1fae5}.dark .linear-search-container .green-card{background-color:#065f4630}.linear-search-container .yellow-card{background-color:#fef3c7;border-radius:8px;padding:16px}.dark .linear-search-container .yellow-card{background-color:#92400e30}.dark .linear-search-container .yellow-text{color:#fef3c7}.linear-search-container .complexity-title{font-size:20px;font-weight:600;margin-bottom:8px}.linear-search-container .blue-title{color:#0593ff}.linear-search-container .green-title{color:#13e2a7}.linear-search-container .yellow-title{color:#d97706}.linear-search-container .characteristics-list,.linear-search-container .complexity-list{font-size:18px;list-style:none;margin:0;padding:0}.linear-search-container .blue-text{color:#6a8ff7}.linear-search-container .green-text{color:#05dc98}.linear-search-container .yellow-text{color:#d97706}.linear-search-container .algorithm-visualization-row{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr;margin-bottom:32px}.linear-search-container .code-container{background-color:#1e293b;border-radius:8px;color:#f1f5f9;font-family:Consolas,Monaco,monospace;font-size:14px;height:300px;overflow-x:auto;padding:16px}.dark .linear-search-container .code-container{background-color:#0f172a;color:#e5e7eb}.linear-search-container .code-line{color:#e5e7eb}.linear-search-container .code-line,.linear-search-container .highlighted-line{border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:14px;padding:4px 12px}.linear-search-container .highlighted-line{background-color:#facc15;border-left:4px solid #f59e0b;color:#000;font-weight:700}.linear-search-container .visualization-area{margin-bottom:12px}.linear-search-container .config-section{align-items:center;display:flex;gap:8px;margin-bottom:16px}.linear-search-container .config-section label{color:#1f2937;font-weight:500}.dark .linear-search-container .config-section label{color:#f1f5f9}.linear-search-container .config-section input{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:16px;padding:8px 12px;width:80px}.dark .linear-search-container .config-section input{background-color:#334155;border-color:#475569;color:#f1f5f9}.linear-search-container .array-section{margin-bottom:24px}.linear-search-container .array-title{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:12px}.dark .linear-search-container .array-title{color:#f1f5f9}.linear-search-container .array-container{align-items:flex-end;background-color:#f9fafb;border-radius:8px;display:flex;gap:8px;height:220px;justify-content:center;padding:16px}.dark .linear-search-container .array-container{background-color:#1e293b}.linear-search-container .bar{align-items:center;border-radius:4px 4px 0 0;display:flex;flex-direction:column;justify-content:flex-end;position:relative;transition:all .3s ease-in-out;width:40px}.linear-search-container .bar-value{color:#fff;font-size:14px;font-weight:700;margin-bottom:8px}.linear-search-container .current-indicator{background-color:#f59e0b;border-radius:4px;color:#fff;font-size:12px;font-weight:700;left:50%;padding:4px 8px;position:absolute;top:-32px;transform:translateX(-50%);white-space:nowrap}.linear-search-container .current-indicator.found{background-color:#10b981}.linear-search-container .status-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.linear-search-container .status-card{border-radius:8px;padding:12px}.linear-search-container .status-label{font-size:14px;font-weight:500;margin-bottom:4px}.linear-search-container .status-value{font-size:18px;font-weight:700}.linear-search-container .action-container{background-color:#f9fafb;border-radius:8px;margin-bottom:24px;padding:16px}.dark .linear-search-container .action-container{background-color:#1e293b}.linear-search-container .action-label{color:#4b5563;font-size:14px;font-weight:500}.dark .linear-search-container .action-label{color:#e2e8f0}.linear-search-container .action-text{color:#1f2937;font-size:18px}.dark .linear-search-container .action-text{color:#f9fafb}.linear-search-container .controls-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.linear-search-container .control-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:120px;padding:8px 16px;transition:all .2s ease}.linear-search-container .gray-button{background-color:#e5e7eb;color:#374151}.dark .linear-search-container .gray-button{background-color:#334155;color:#f1f5f9}.linear-search-container .blue-button{background-color:#3b82f6;color:#fff}.dark .linear-search-container .blue-button{background-color:#2563eb;color:#fff}.linear-search-container .red-button{background-color:#ef4444;color:#fff}.dark .linear-search-container .red-button{background-color:#dc2626;color:#fff}.linear-search-container .disabled-button{cursor:not-allowed;opacity:.5}.linear-search-container button:hover:not(:disabled){box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.linear-search-container button:active:not(:disabled){transform:translateY(0)}.linear-search-container .legend-card{margin-top:32px}.linear-search-container .legend-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.linear-search-container .legend-item{align-items:center;display:flex;gap:12px}.linear-search-container .legend-color{border:1px solid #0000001a;border-radius:4px;height:24px;width:24px}.dark .linear-search-container .legend-color{border-color:#ffffff1a}.linear-search-container .legend-text{color:#1f2937;font-size:18px;font-weight:500}.dark .linear-search-container .legend-text{color:#f9fafb}.linear-search-container .back-button{align-items:center;background-color:#fff;border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;cursor:pointer;display:flex;gap:8px;padding:8px 16px;transition:all .2s ease}.dark .linear-search-container .back-button{background-color:#334155;color:#f8fafc}@media (max-width:1024px){.linear-search-container .algorithm-visualization-row{grid-template-columns:1fr}}@media (max-width:768px){.linear-search-container{padding:16px}.linear-search-container .complexity-section{grid-template-columns:1fr}.linear-search-container .title{font-size:24px}.linear-search-container .card-title{font-size:22px}.linear-search-container .array-container{height:180px}.linear-search-container .bar{width:30px}.linear-search-container .controls-container{flex-direction:column}.linear-search-container .control-button{width:100%}.linear-search-container .legend-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.linear-search-container .header{align-items:flex-start;flex-direction:column;gap:12px}.linear-search-container .title{font-size:22px;text-align:center;width:100%}.linear-search-container .back-button span{display:none}.linear-search-container .config-section{align-items:flex-start;flex-direction:column}.linear-search-container .legend-grid{grid-template-columns:1fr}}.binary-search-container{background-color:#f8fafc;font-family:Arial,sans-serif;height:100%;overflow-x:hidden;overflow-y:auto;padding:24px}.dark .binary-search-container{background:#0f172a;color:#f8fafc}.binary-search-container .max-width{margin:0 auto;max-width:1200px}.binary-search-container .header{align-items:center;display:flex;justify-content:flex-start;margin-bottom:32px}.binary-search-container .title{color:#1f2937;font-size:30px;font-weight:700;margin:0}.dark .binary-search-container .title{color:#f8fafc}.binary-search-container .spacer{width:128px}.binary-search-container .about-card{margin-bottom:32px}.binary-search-container .about-content{margin-bottom:24px}.binary-search-container .complexity-section{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.binary-search-container .characteristics-section{margin-top:16px}.binary-search-container .card{background-color:#fff;border-radius:12px;box-shadow:0 10px 15px #0000001a;padding:24px}.dark .binary-search-container .card{background-color:#1e293b;color:#f1f5f9}.binary-search-container .card-title{color:#1f2937;font-size:28px;font-weight:600;margin-bottom:16px}.dark .binary-search-container .card-title{color:#f1f5f9}.binary-search-container .card-content{color:#374151;font-size:22px;line-height:1.6}.dark .binary-search-container .card-content{color:#e2e8f0}.binary-search-container .complexity-card{border-radius:8px;padding:16px}.binary-search-container .blue-card{background-color:#dbeafe}.dark .binary-search-container .blue-card{background-color:#1e40af30}.binary-search-container .green-card{background-color:#d1fae5}.dark .binary-search-container .green-card{background-color:#065f4630}.binary-search-container .yellow-card{background-color:#fef3c7;border-radius:8px;padding:16px}.dark .binary-search-container .yellow-card{background-color:#92400e30}.dark .binary-search-container .yellow-text{color:#fef3c7}.binary-search-container .complexity-title{font-size:20px;font-weight:600;margin-bottom:8px}.binary-search-container .blue-title{color:#0593ff}.binary-search-container .green-title{color:#13e2a7}.binary-search-container .yellow-title{color:#d97706}.binary-search-container .characteristics-list,.binary-search-container .complexity-list{font-size:18px;list-style:none;margin:0;padding:0}.binary-search-container .blue-text{color:#6a8ff7}.binary-search-container .green-text{color:#05dc98}.binary-search-container .yellow-text{color:#d97706}.binary-search-container .algorithm-visualization-row{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr;margin-bottom:32px}.binary-search-container .code-container{background-color:#1e293b;border-radius:8px;color:#f1f5f9;font-family:Consolas,Monaco,monospace;font-size:14px;overflow-x:auto;padding:16px}.dark .binary-search-container .code-container{background-color:#0f172a;color:#e5e7eb}.binary-search-container .code-line{color:#e5e7eb}.binary-search-container .code-line,.binary-search-container .highlighted-line{border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:14px;padding:4px 12px}.binary-search-container .highlighted-line{background-color:#facc15;border-left:4px solid #f59e0b;color:#000;font-weight:700}.binary-search-container .visualization-area{margin-bottom:12px}.binary-search-container .config-section{align-items:center;display:flex;gap:8px;margin-bottom:16px}.binary-search-container .config-section label{color:#1f2937;font-weight:500}.dark .binary-search-container .config-section label{color:#f1f5f9}.binary-search-container .config-section input{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:16px;padding:8px 12px;width:80px}.dark .binary-search-container .config-section input{background-color:#334155;border-color:#475569;color:#f1f5f9}.binary-search-container .array-section{margin-bottom:24px}.binary-search-container .array-title{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:12px}.dark .binary-search-container .array-title{color:#f1f5f9}.binary-search-container .array-container{align-items:flex-end;background-color:#f9fafb;border-radius:8px;display:flex;gap:8px;height:220px;justify-content:center;padding:16px}.dark .binary-search-container .array-container{background-color:#1e293b}.binary-search-container .bar{align-items:center;border-radius:4px 4px 0 0;display:flex;flex-direction:column;justify-content:flex-end;position:relative;transition:all .3s ease-in-out;width:40px}.binary-search-container .bar-value{color:#fff;font-size:14px;font-weight:700;margin-bottom:8px}.binary-search-container .current-indicator{background-color:#f59e0b;border-radius:4px;color:#fff;font-size:12px;font-weight:700;left:50%;padding:4px 8px;position:absolute;top:-32px;transform:translateX(-50%);white-space:nowrap}.binary-search-container .current-indicator.found{background-color:#10b981}.binary-search-container .status-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.binary-search-container .status-card{border-radius:8px;padding:12px}.binary-search-container .status-label{font-size:14px;font-weight:500;margin-bottom:4px}.binary-search-container .status-value{font-size:18px;font-weight:700}.binary-search-container .action-container{background-color:#f9fafb;border-radius:8px;margin-bottom:24px;padding:16px}.dark .binary-search-container .action-container{background-color:#1e293b}.binary-search-container .action-label{color:#4b5563;font-size:14px;font-weight:500}.dark .binary-search-container .action-label{color:#e2e8f0}.binary-search-container .action-text{color:#1f2937;font-size:18px}.dark .binary-search-container .action-text{color:#f9fafb}.binary-search-container .controls-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.binary-search-container .control-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:120px;padding:8px 16px;transition:all .2s ease}.binary-search-container .gray-button{background-color:#e5e7eb;color:#374151}.dark .binary-search-container .gray-button{background-color:#334155;color:#f1f5f9}.binary-search-container .blue-button{background-color:#3b82f6;color:#fff}.dark .binary-search-container .blue-button{background-color:#2563eb;color:#fff}.binary-search-container .red-button{background-color:#ef4444;color:#fff}.dark .binary-search-container .red-button{background-color:#dc2626;color:#fff}.binary-search-container .disabled-button{cursor:not-allowed;opacity:.5}.binary-search-container button:hover:not(:disabled){box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.binary-search-container button:active:not(:disabled){transform:translateY(0)}.binary-search-container .legend-card{margin-top:32px}.binary-search-container .legend-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.binary-search-container .legend-item{align-items:center;display:flex;gap:12px}.binary-search-container .legend-color{border:1px solid #0000001a;border-radius:4px;height:24px;width:24px}.dark .binary-search-container .legend-color{border-color:#ffffff1a}.binary-search-container .legend-text{color:#1f2937;font-size:18px;font-weight:500}.dark .binary-search-container .legend-text{color:#f9fafb}.binary-search-container .back-button{align-items:center;background-color:#fff;border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;cursor:pointer;display:flex;gap:8px;padding:8px 16px;transition:all .2s ease}.dark .binary-search-container .back-button{background-color:#334155;color:#f8fafc}@media (max-width:1024px){.binary-search-container .algorithm-visualization-row{grid-template-columns:1fr}}@media (max-width:768px){.binary-search-container{padding:16px}.binary-search-container .complexity-section{grid-template-columns:1fr}.binary-search-container .status-grid{grid-template-columns:repeat(2,1fr)}.binary-search-container .title{font-size:24px}.binary-search-container .card-title{font-size:22px}.binary-search-container .array-container{height:180px}.binary-search-container .bar{width:30px}.binary-search-container .controls-container{flex-direction:column}.binary-search-container .control-button{width:100%}.binary-search-container .legend-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.binary-search-container .header{align-items:flex-start;flex-direction:column;gap:12px}.binary-search-container .title{font-size:22px;text-align:center;width:100%}.binary-search-container .back-button span{display:none}.binary-search-container .config-section{align-items:flex-start;flex-direction:column}.binary-search-container .legend-grid,.binary-search-container .status-grid{grid-template-columns:1fr}}.jump-search-container{background-color:#f8fafc;font-family:Arial,sans-serif;height:100%;overflow-x:hidden;overflow-y:auto;padding:24px}.dark .jump-search-container{background:#0f172a;color:#f8fafc}.jump-search-container .max-width{margin:0 auto;max-width:1200px}.jump-search-container .header{align-items:center;display:flex;justify-content:flex-start;margin-bottom:32px}.jump-search-container .title{color:#1f2937;font-size:30px;font-weight:700;margin:0}.dark .jump-search-container .title{color:#f8fafc}.jump-search-container .spacer{width:128px}.jump-search-container .about-card{margin-bottom:32px}.jump-search-container .about-content{margin-bottom:24px}.jump-search-container .complexity-section{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.jump-search-container .characteristics-section{border-radius:8px;margin-top:16px;padding:16px}.jump-search-container .card{background-color:#fff;border-radius:12px;box-shadow:0 10px 15px #0000001a;padding:24px}.dark .jump-search-container .card{background-color:#1e293b;color:#f1f5f9}.jump-search-container .card-title{color:#1f2937;font-size:28px;font-weight:600;margin-bottom:16px}.dark .jump-search-container .card-title{color:#f1f5f9}.jump-search-container .card-content{color:#374151;font-size:22px;line-height:1.6}.dark .jump-search-container .card-content{color:#e2e8f0}.jump-search-container .complexity-card{border-radius:8px;padding:16px}.jump-search-container .blue-card{background-color:#dbeafe}.dark .jump-search-container .blue-card{background-color:#1e40af30}.jump-search-container .green-card{background-color:#d1fae5}.dark .jump-search-container .green-card{background-color:#065f4630}.jump-search-container .yellow-card{background-color:#fef3c7}.dark .jump-search-container .yellow-card{background-color:#92400e30}.jump-search-container .complexity-title{font-size:20px;font-weight:600;margin-bottom:8px}.jump-search-container .blue-title{color:#0593ff}.jump-search-container .green-title{color:#13e2a7}.jump-search-container .yellow-title{color:#d97706}.jump-search-container .characteristics-list,.jump-search-container .complexity-list{font-size:18px;list-style:none;margin:0;padding:0}.jump-search-container .blue-text{color:#6a8ff7}.jump-search-container .green-text{color:#05dc98}.jump-search-container .yellow-text{color:#d97706}.jump-search-container .algorithm-visualization-row{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr;margin-bottom:32px}.jump-search-container .code-container{background-color:#1e293b;border-radius:8px;color:#f1f5f9;font-family:Consolas,Monaco,monospace;font-size:14px;overflow-x:auto;padding:16px}.dark .jump-search-container .code-container{background-color:#0f172a;color:#e5e7eb}.jump-search-container .code-line{color:#e5e7eb}.jump-search-container .code-line,.jump-search-container .highlighted-line{border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:14px;padding:4px 12px}.jump-search-container .highlighted-line{background-color:#facc15;border-left:4px solid #f59e0b;color:#000;font-weight:700}.jump-search-container .visualization-area{margin-bottom:12px}.jump-search-container .config-section{align-items:center;display:flex;gap:8px;margin-bottom:16px}.jump-search-container .config-section label{color:#1f2937;font-weight:500}.dark .jump-search-container .config-section label{color:#f1f5f9}.jump-search-container .config-section input{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:16px;padding:8px 12px;width:80px}.dark .jump-search-container .config-section input{background-color:#334155;border-color:#475569;color:#f1f5f9}.jump-search-container .array-section{margin-bottom:24px}.jump-search-container .array-title{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:12px}.dark .jump-search-container .array-title{color:#f1f5f9}.jump-search-container .array-container{align-items:flex-end;background-color:#f9fafb;border-radius:8px;display:flex;gap:8px;height:220px;justify-content:center;padding:16px}.dark .jump-search-container .array-container{background-color:#1e293b}.jump-search-container .bar{align-items:center;border-radius:4px 4px 0 0;display:flex;flex-direction:column;justify-content:flex-end;position:relative;transition:all .3s ease-in-out;width:40px}.jump-search-container .bar-value{color:#fff;font-size:14px;font-weight:700;margin-bottom:8px}.jump-search-container .block-number{bottom:-20px;font-size:10px;font-weight:700;position:absolute}.jump-search-container .current-indicator{background-color:#f59e0b;border-radius:4px;color:#fff;font-size:12px;font-weight:700;left:50%;padding:4px 8px;position:absolute;top:-32px;transform:translateX(-50%);white-space:nowrap}.jump-search-container .current-indicator.found{background-color:#10b981}.jump-search-container .status-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.jump-search-container .status-card{border-radius:8px;padding:12px}.jump-search-container .status-label{font-size:14px;font-weight:500;margin-bottom:4px}.jump-search-container .status-value{font-size:18px;font-weight:700}.jump-search-container .action-container{background-color:#f9fafb;border-radius:8px;margin-bottom:24px;padding:16px}.dark .jump-search-container .action-container{background-color:#1e293b}.jump-search-container .action-label{color:#4b5563;font-size:14px;font-weight:500}.dark .jump-search-container .action-label{color:#e2e8f0}.jump-search-container .action-text{color:#1f2937;font-size:18px}.dark .jump-search-container .action-text{color:#f9fafb}.jump-search-container .controls-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.jump-search-container .control-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:120px;padding:8px 16px;transition:all .2s ease}.jump-search-container .gray-button{background-color:#e5e7eb;color:#374151}.dark .jump-search-container .gray-button{background-color:#334155;color:#f1f5f9}.jump-search-container .blue-button{background-color:#3b82f6;color:#fff}.dark .jump-search-container .blue-button{background-color:#2563eb;color:#fff}.jump-search-container .red-button{background-color:#ef4444;color:#fff}.dark .jump-search-container .red-button{background-color:#dc2626;color:#fff}.jump-search-container .disabled-button{cursor:not-allowed;opacity:.5}.jump-search-container button:hover:not(:disabled){box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.jump-search-container button:active:not(:disabled){transform:translateY(0)}.jump-search-container .legend-card{margin-top:32px}.jump-search-container .legend-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.jump-search-container .legend-item{align-items:center;display:flex;gap:12px}.jump-search-container .legend-color{border:1px solid #0000001a;border-radius:4px;height:24px;width:24px}.dark .jump-search-container .legend-color{border-color:#ffffff1a}.jump-search-container .legend-text{color:#1f2937;font-size:18px;font-weight:500}.dark .jump-search-container .legend-text{color:#f9fafb}.jump-search-container .back-button{align-items:center;background-color:#fff;border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;cursor:pointer;display:flex;gap:8px;padding:8px 16px;transition:all .2s ease}.dark .jump-search-container .back-button{background-color:#334155;color:#f8fafc}@media (max-width:1024px){.jump-search-container .algorithm-visualization-row{grid-template-columns:1fr}}@media (max-width:768px){.jump-search-container{padding:16px}.jump-search-container .complexity-section{grid-template-columns:1fr}.jump-search-container .status-grid{grid-template-columns:repeat(2,1fr)}.jump-search-container .title{font-size:24px}.jump-search-container .card-title{font-size:22px}.jump-search-container .array-container{height:180px}.jump-search-container .bar{width:30px}.jump-search-container .controls-container{flex-direction:column}.jump-search-container .control-button{width:100%}.jump-search-container .legend-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.jump-search-container .header{align-items:flex-start;flex-direction:column;gap:12px}.jump-search-container .title{font-size:22px;text-align:center;width:100%}.jump-search-container .back-button span{display:none}.jump-search-container .config-section{align-items:flex-start;flex-direction:column}.jump-search-container .legend-grid,.jump-search-container .status-grid{grid-template-columns:1fr}}.exponential-search-container{background-color:#f8fafc;font-family:Arial,sans-serif;height:100%;overflow-x:hidden;overflow-y:auto;padding:24px}.dark .exponential-search-container{background:#0f172a;color:#f8fafc}.exponential-search-container .max-width{margin:0 auto;max-width:1200px}.exponential-search-container .header{align-items:center;display:flex;justify-content:flex-start;margin-bottom:32px}.exponential-search-container .title{color:#1f2937;font-size:30px;font-weight:700;margin:0}.dark .exponential-search-container .title{color:#f8fafc}.exponential-search-container .spacer{width:128px}.exponential-search-container .about-card{margin-bottom:32px}.exponential-search-container .about-content{color:#374151;font-size:18px;line-height:1.6;margin-bottom:24px}.dark .exponential-search-container .about-content{color:#e2e8f0}.exponential-search-container .complexity-section{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.exponential-search-container .characteristics-section{margin-top:16px}.exponential-search-container .card{background-color:#fff;border-radius:12px;box-shadow:0 10px 15px #0000001a;margin-bottom:24px;padding:24px}.dark .exponential-search-container .card{background-color:#1e293b;color:#f1f5f9}.exponential-search-container .card-title{color:#1f2937;font-size:28px;font-weight:600;margin-bottom:16px}.dark .exponential-search-container .card-title{color:#f1f5f9}.exponential-search-container .card-content{color:#374151;font-size:18px;line-height:1.6}.dark .exponential-search-container .card-content{color:#e2e8f0}.exponential-search-container .complexity-card{border-radius:8px;padding:16px}.exponential-search-container .blue-card{background-color:#dbeafe}.dark .exponential-search-container .blue-card{background-color:#1e40af30}.exponential-search-container .green-card{background-color:#d1fae5}.dark .exponential-search-container .green-card{background-color:#065f4630}.exponential-search-container .yellow-card{background-color:#fef3c7;border-radius:8px;padding:16px}.dark .exponential-search-container .yellow-card{background-color:#92400e30}.dark .exponential-search-container .yellow-text{color:#fef3c7}.exponential-search-container .complexity-title{font-size:20px;font-weight:600;margin-bottom:8px}.exponential-search-container .blue-title{color:#0593ff}.exponential-search-container .green-title{color:#13e2a7}.exponential-search-container .yellow-title{color:#d97706}.exponential-search-container .characteristics-list,.exponential-search-container .complexity-list{font-size:18px;list-style:none;margin:0;padding:0}.exponential-search-container .blue-text{color:#6a8ff7}.exponential-search-container .green-text{color:#05dc98}.exponential-search-container .yellow-text{color:#d97706}.exponential-search-container .algorithm-visualization-row{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr;margin-bottom:32px}.exponential-search-container .code-container{background-color:#1e293b;border-radius:8px;color:#f1f5f9;font-family:Consolas,Monaco,monospace;font-size:14px;overflow-x:auto;padding:16px}.dark .exponential-search-container .code-container{background-color:#0f172a;color:#e5e7eb}.exponential-search-container .code-line{border-radius:4px;color:#e5e7eb;font-family:Consolas,Monaco,monospace;font-size:14px;padding:4px 12px}.exponential-search-container .highlighted-line{background-color:#facc15;border-left:4px solid #f59e0b;border-radius:4px;color:#000;font-family:Consolas,Monaco,monospace;font-size:14px;font-weight:700;padding:4px 12px}.exponential-search-container .visualization-area{margin-bottom:12px}.exponential-search-container .config-section{align-items:center;display:flex;gap:8px;margin-bottom:16px}.exponential-search-container .config-section label{color:#1f2937;font-size:18px;font-weight:500}.dark .exponential-search-container .config-section label{color:#f1f5f9}.exponential-search-container .config-section input{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:16px;padding:8px 12px;width:80px}.dark .exponential-search-container .config-section input{background-color:#334155;border-color:#475569;color:#f1f5f9}.exponential-search-container .array-section{margin-bottom:24px}.exponential-search-container .array-title{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:12px}.dark .exponential-search-container .array-title{color:#f1f5f9}.exponential-search-container .array-container{align-items:flex-end;background-color:#f9fafb;border-radius:8px;display:flex;gap:8px;height:220px;justify-content:center;padding:16px}.dark .exponential-search-container .array-container{background-color:#1e293b}.exponential-search-container .bar{align-items:center;border-radius:4px 4px 0 0;display:flex;flex-direction:column;justify-content:flex-end;position:relative;transition:all .3s ease-in-out;width:40px}.exponential-search-container .bar-value{color:#fff;font-size:14px;font-weight:700;margin-bottom:8px}.exponential-search-container .current-indicator{background-color:#f59e0b;border-radius:4px;color:#fff;font-size:12px;font-weight:700;left:50%;padding:4px 8px;position:absolute;top:-32px;transform:translateX(-50%);white-space:nowrap}.exponential-search-container .current-indicator.found{background-color:#10b981}.exponential-search-container .status-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.exponential-search-container .status-card{background-color:#f9fafb;border-radius:8px;padding:12px}.dark .exponential-search-container .status-card{background-color:#1e293b}.exponential-search-container .status-label{color:#4b5563;font-size:14px;font-weight:500;margin-bottom:4px}.dark .exponential-search-container .status-label{color:#e2e8f0}.exponential-search-container .status-value{color:#1f2937;font-size:18px;font-weight:700}.dark .exponential-search-container .status-value{color:#f9fafb}.exponential-search-container .action-container{background-color:#f9fafb;border-radius:8px;margin-bottom:24px;padding:16px}.dark .exponential-search-container .action-container{background-color:#1e293b}.exponential-search-container .action-label{color:#4b5563;font-size:14px;font-weight:500;margin-bottom:8px}.dark .exponential-search-container .action-label{color:#e2e8f0}.exponential-search-container .action-text{color:#1f2937;font-size:18px;font-weight:500}.dark .exponential-search-container .action-text{color:#f9fafb}.exponential-search-container .controls-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.exponential-search-container .control-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:120px;padding:8px 16px;transition:all .2s ease}.exponential-search-container .gray-button{background-color:#e5e7eb;color:#374151}.dark .exponential-search-container .gray-button{background-color:#334155;color:#f1f5f9}.exponential-search-container .blue-button{background-color:#3b82f6;color:#fff}.dark .exponential-search-container .blue-button{background-color:#2563eb;color:#fff}.exponential-search-container .red-button{background-color:#ef4444;color:#fff}.dark .exponential-search-container .red-button{background-color:#dc2626;color:#fff}.exponential-search-container .disabled-button{cursor:not-allowed;opacity:.5}.exponential-search-container button:hover:not(:disabled){box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.exponential-search-container button:active:not(:disabled){transform:translateY(0)}.exponential-search-container .legend-card{margin-top:32px}.exponential-search-container .legend-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.exponential-search-container .legend-item{align-items:center;display:flex;gap:12px}.exponential-search-container .legend-color{border:1px solid #0000001a;border-radius:4px;height:24px;width:24px}.dark .exponential-search-container .legend-color{border-color:#ffffff1a}.exponential-search-container .legend-text{color:#1f2937;font-size:18px;font-weight:500}.dark .exponential-search-container .legend-text{color:#f9fafb}.exponential-search-container .back-button{align-items:center;background-color:#fff;border:none;border-radius:8px;box-shadow:0 4px 6px #0000001a;cursor:pointer;display:flex;gap:8px;padding:8px 16px;transition:all .2s ease}.dark .exponential-search-container .back-button{background-color:#334155;color:#f8fafc}@media (max-width:1024px){.exponential-search-container .algorithm-visualization-row{grid-template-columns:1fr}}@media (max-width:768px){.exponential-search-container{padding:16px}.exponential-search-container .complexity-section{grid-template-columns:1fr}.exponential-search-container .status-grid{grid-template-columns:repeat(2,1fr)}.exponential-search-container .title{font-size:24px}.exponential-search-container .card-title{font-size:22px}.exponential-search-container .array-container{height:180px}.exponential-search-container .bar{width:30px}.exponential-search-container .controls-container{flex-direction:column}.exponential-search-container .control-button{width:100%}.exponential-search-container .legend-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.exponential-search-container .header{align-items:flex-start;flex-direction:column;gap:12px}.exponential-search-container .title{font-size:22px;text-align:center;width:100%}.exponential-search-container .back-button span{display:none}.exponential-search-container .config-section{align-items:flex-start;flex-direction:column}.exponential-search-container .legend-grid,.exponential-search-container .status-grid{grid-template-columns:1fr}}.ternary-search-container{background-color:#f8fafc;font-family:Arial,sans-serif;height:100%;overflow-x:hidden;overflow-y:auto;padding:24px}.dark .ternary-search-container{background:#0f172a;color:#f8fafc}.ternary-search-container .max-width{margin:0 auto;max-width:1200px}.ternary-search-container .header{align-items:center;display:flex;justify-content:flex-start;margin-bottom:32px}.ternary-search-container .title{color:#1f2937;font-size:30px;font-weight:700;margin:0}.dark .ternary-search-container .title{color:#f8fafc}.ternary-search-container .spacer{width:128px}.ternary-search-container .about-card{margin-bottom:32px}.ternary-search-container .about-content{color:#374151;font-size:18px;line-height:1.6;margin-bottom:24px}.dark .ternary-search-container .about-content{color:#e2e8f0}.ternary-search-container .complexity-section{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.ternary-search-container .characteristics-section{margin-top:16px}.ternary-search-container .card{background-color:#fff;border-radius:12px;box-shadow:0 10px 15px #0000001a;margin-bottom:24px;padding:24px}.dark .ternary-search-container .card{background-color:#1e293b;color:#f1f5f9}.ternary-search-container .card-title{color:#1f2937;font-size:28px;font-weight:600;margin-bottom:16px}.dark .ternary-search-container .card-title{color:#f1f5f9}.ternary-search-container .card-content{color:#374151;font-size:18px;line-height:1.6}.dark .ternary-search-container .card-content{color:#e2e8f0}.ternary-search-container .complexity-card{border-radius:8px;padding:16px}.ternary-search-container .blue-card{background-color:#dbeafe}.dark .ternary-search-container .blue-card{background-color:#1e40af30}.ternary-search-container .green-card{background-color:#d1fae5}.dark .ternary-search-container .green-card{background-color:#065f4630}.ternary-search-container .yellow-card{background-color:#fef3c7;border-radius:8px;padding:16px}.dark .ternary-search-container .yellow-card{background-color:#92400e30}.dark .ternary-search-container .yellow-text{color:#fef3c7}.ternary-search-container .complexity-title{font-size:20px;font-weight:600;margin-bottom:8px}.ternary-search-container .blue-title{color:#0593ff}.ternary-search-container .green-title{color:#13e2a7}.ternary-search-container .yellow-title{color:#d97706}.ternary-search-container .characteristics-list,.ternary-search-container .complexity-list{font-size:18px;list-style:none;margin:0;padding:0}.ternary-search-container .blue-text{color:#6a8ff7}.ternary-search-container .green-text{color:#05dc98}.ternary-search-container .yellow-text{color:#d97706}.ternary-search-container .algorithm-visualization-row{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr;margin-bottom:32px}.ternary-search-container .code-container{background-color:#1e293b;border-radius:8px;color:#f1f5f9;font-family:Consolas,Monaco,monospace;font-size:14px;overflow-x:auto;padding:16px}.dark .ternary-search-container .code-container{background-color:#0f172a;color:#e5e7eb}.ternary-search-container .code-line{color:#e5e7eb}.ternary-search-container .code-line,.ternary-search-container .highlighted-line{border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:14px;padding:4px 12px}.ternary-search-container .highlighted-line{background-color:#facc15;border-left:4px solid #f59e0b;color:#000;font-weight:700}.ternary-search-container .visualization-area{margin-bottom:12px}.ternary-search-container .config-section{align-items:center;display:flex;gap:8px;margin-bottom:16px}.ternary-search-container .config-section label{color:#1f2937;font-size:18px;font-weight:500}.dark .ternary-search-container .config-section label{color:#f1f5f9}.ternary-search-container .config-section input{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:16px;padding:8px 12px;width:80px}.dark .ternary-search-container .config-section input{background-color:#334155;border-color:#475569;color:#f1f5f9}.ternary-search-container .array-section{margin-bottom:24px}.ternary-search-container .array-title{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:12px}.dark .ternary-search-container .array-title{color:#f1f5f9}.ternary-search-container .array-container{align-items:flex-end;background-color:#f9fafb;border-radius:8px;display:flex;gap:8px;height:220px;justify-content:center;padding:16px}.dark .ternary-search-container .array-container{background-color:#1e293b}.ternary-search-container .bar{align-items:center;border-radius:4px 4px 0 0;display:flex;flex-direction:column;justify-content:flex-end;position:relative;transition:all .3s ease-in-out;width:40px}.ternary-search-container .bar-value{color:#fff;font-size:14px;font-weight:700;margin-bottom:8px}.ternary-search-container .current-indicator{background-color:#f59e0b;border-radius:4px;color:#fff;font-size:12px;font-weight:700;left:50%;padding:4px 8px;position:absolute;top:-32px;transform:translateX(-50%);white-space:nowrap}.ternary-search-container .current-indicator.found{background-color:#10b981}.ternary-search-container .status-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.ternary-search-container .status-card{background-color:#f9fafb;border-radius:8px;padding:12px}.dark .ternary-search-container .status-card{background-color:#1e293b}.ternary-search-container .status-label{color:#4b5563;font-size:14px;font-weight:500;margin-bottom:4px}.dark .ternary-search-container .status-label{color:#e2e8f0}.ternary-search-container .status-value{color:#1f2937;font-size:18px;font-weight:700}.dark .ternary-search-container .status-value{color:#f9fafb}.ternary-search-container .action-container{background-color:#f9fafb;border-radius:8px;margin-bottom:24px;padding:16px}.dark .ternary-search-container .action-container{background-color:#1e293b}.ternary-search-container .action-label{color:#4b5563;font-size:14px;font-weight:500;margin-bottom:8px}.dark .ternary-search-container .action-label{color:#e2e8f0}.ternary-search-container .action-text{color:#1f2937;font-size:18px;font-weight:500}.dark .ternary-search-container .action-text{color:#f9fafb}.ternary-search-container .controls-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.ternary-search-container .control-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:120px;padding:8px 16px;transition:all .2s ease}.ternary-search-container .gray-button{background-color:#e5e7eb;color:#374151}.dark .ternary-search-container .gray-button{background-color:#334155;color:#f1f5f9}.ternary-search-container .blue-button{background-color:#3b82f6;color:#fff}.dark .ternary-search-container .blue-button{background-color:#2563eb;color:#fff}.ternary-search-container .red-button{background-color:#ef4444;color:#fff}.dark .ternary-search-container .red-button{background-color:#dc2626;color:#fff}.ternary-search-container .disabled-button{cursor:not-allowed;opacity:.5}.ternary-search-container button:hover:not(:disabled){box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.ternary-search-container button:active:not(:disabled){transform:translateY(0)}.ternary-search-container .legend-card{margin-top:32px}.ternary-search-container .legend-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.ternary-search-container .legend-item{align-items:center;display:flex;gap:12px}.ternary-search-container .legend-color{border:1px solid #0000001a;border-radius:4px;height:24px;width:24px}.dark .ternary-search-container .legend-color{border-color:#ffffff1a}.ternary-search-container .legend-text{color:#1f2937;font-size:18px;font-weight:500}.dark .ternary-search-container .legend-text{color:#f9fafb}@media (max-width:1024px){.ternary-search-container .algorithm-visualization-row{grid-template-columns:1fr}}@media (max-width:768px){.ternary-search-container{padding:16px}.ternary-search-container .complexity-section{grid-template-columns:1fr}.ternary-search-container .status-grid{grid-template-columns:repeat(2,1fr)}.ternary-search-container .title{font-size:24px}.ternary-search-container .card-title{font-size:22px}.ternary-search-container .array-container{height:180px}.ternary-search-container .bar{width:30px}.ternary-search-container .controls-container{flex-direction:column}.ternary-search-container .control-button{width:100%}.ternary-search-container .legend-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.ternary-search-container .header{align-items:flex-start;flex-direction:column;gap:12px}.ternary-search-container .title{font-size:22px;text-align:center;width:100%}.ternary-search-container .config-section{align-items:flex-start;flex-direction:column}.ternary-search-container .legend-grid,.ternary-search-container .status-grid{grid-template-columns:1fr}}.lcs-container{background-color:#f8fafc;font-family:Arial,sans-serif;height:100%;overflow-x:hidden;overflow-y:auto;padding:24px}.dark .lcs-container{background:#0f172a;color:#f8fafc}.lcs-container .max-width{margin:0 auto;max-width:1200px}.lcs-container .header{align-items:center;display:flex;justify-content:flex-start;margin-bottom:32px}.lcs-container .title{color:#1f2937;font-size:30px;font-weight:700;margin:0}.dark .lcs-container .title{color:#f8fafc}.lcs-container .about-card{margin-bottom:32px}.lcs-container .about-content{color:#374151;font-size:22px;line-height:1.6;margin-bottom:24px}.dark .lcs-container .about-content{color:#e2e8f0}.lcs-container .complexity-section{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.lcs-container .complexity-title{font-size:20px;font-weight:600;margin-bottom:8px}.lcs-container .characteristics-list,.lcs-container .complexity-list{font-size:18px;list-style:none;margin:0;padding:0}.lcs-container .characteristics-section{margin-top:16px}.lcs-container .card{background-color:#fff;border-radius:12px;box-shadow:0 10px 15px #0000001a;display:flex;flex-direction:column;padding:24px}.dark .lcs-container .card{background-color:#1e293b;color:#f1f5f9}.lcs-container .card-title{color:#1f2937;font-size:28px;font-weight:600;margin-bottom:16px}.dark .lcs-container .card-title{color:#f1f5f9}.lcs-container .algorithm-visualization-row{grid-gap:32px;align-items:stretch;display:grid;gap:32px;grid-template-columns:1fr 1fr;margin-bottom:32px}.lcs-container .code-section{display:flex;flex-direction:column;height:100%}.lcs-container .code-container{background-color:#1e293b;border-radius:8px;color:#f1f5f9;flex-grow:1;font-family:Consolas,Monaco,monospace;font-size:14px;min-height:400px;overflow-x:auto;padding:16px}.dark .lcs-container .code-container{background-color:#0f172a;color:#e5e7eb}.lcs-container .code-line{color:#e5e7eb;font-family:Consolas,Monaco,monospace;font-size:14px;padding:4px 12px;white-space:pre}.lcs-container .highlighted-line{background-color:#facc15;border-left:4px solid #f59e0b;color:#000;font-weight:700}.lcs-container .input-card{margin-bottom:24px}.lcs-container .input-form{display:flex;flex-direction:column;gap:16px}.lcs-container .input-group{display:flex;flex-direction:column;gap:8px}.lcs-container .input-group label{color:#1f2937;font-size:18px;font-weight:500}.dark .lcs-container .input-group label{color:#f1f5f9}.lcs-container .input-group input{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:16px;padding:10px 12px;transition:all .2s ease}.dark .lcs-container .input-group input{background-color:#334155;border-color:#475569;color:#f1f5f9}.lcs-container .input-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633;outline:none}.lcs-container .submit-button{align-self:flex-start;background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 16px;transition:background-color .2s ease}.lcs-container .submit-button:hover{background-color:#2563eb}.lcs-container .visualization-area{display:flex;flex-direction:column;flex-grow:1}.lcs-container .strings-section{display:flex;gap:20px;margin-bottom:20px}.lcs-container .string-container{align-items:center;display:flex;gap:8px}.lcs-container .string-label{color:#1f2937;font-size:18px;font-weight:500}.dark .lcs-container .string-label{color:#f1f5f9}.lcs-container .string-value{background-color:#f3f4f6;border-radius:6px;font-family:monospace;font-size:18px;padding:8px 12px}.dark .lcs-container .string-value{background-color:#334155;color:#f1f5f9}.lcs-container .dp-table-section{flex-grow:1;margin-bottom:8px;overflow-y:auto}.lcs-container .dp-table-container{overflow-x:auto;width:100%}.lcs-container .dp-table{border-collapse:collapse;font-size:16px;margin-top:12px;width:100%}.lcs-container .dp-table td,.lcs-container .dp-table th{border:1px solid #e5e7eb;height:40px;min-width:40px;padding:8px;position:relative;text-align:center}.dark .lcs-container .dp-table td,.dark .lcs-container .dp-table th{border-color:#475569}.lcs-container .dp-table th{background-color:#f3f4f6;font-weight:500}.dark .lcs-container .dp-table th{background-color:#1e293b;color:#f1f5f9}.lcs-container .direction-arrow{bottom:2px;color:#6b7280;font-size:12px;position:absolute;right:2px}.lcs-container .lcs-result-section{margin-bottom:20px;margin-top:8px}.lcs-container .lcs-container{align-items:center;background-color:#f3f4f6;border-radius:6px;display:flex;font-family:monospace;font-size:20px;justify-content:center;min-height:60px;padding:12px}.dark .lcs-container .lcs-container{background-color:#1e293b;color:#f1f5f9}.lcs-container .status-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin:20px 0}.lcs-container .status-card{border-radius:8px;padding:12px}.lcs-container .status-label{color:#4b5563;font-size:14px;font-weight:500;margin-bottom:4px}.dark .lcs-container .status-label{color:#94a3b8}.lcs-container .status-value{color:#1f2937;font-size:18px;font-weight:700}.dark .lcs-container .status-value{color:#f9fafb}.lcs-container .action-container{background-color:#f9fafb;border-radius:8px;margin-bottom:24px;padding:16px;transition:all .3s ease}.dark .lcs-container .action-container{background-color:#1e293b;border:1px solid #334155}.lcs-container .action-container.tracing{background-color:#fef3c7;border-left:4px solid #f59e0b}.dark .lcs-container .action-container.tracing{background-color:#92400e30;border-left:4px solid #f59e0b;color:#f8fafc}.lcs-container .action-label{color:#4b5563;font-size:14px;font-weight:500;margin-bottom:4px}.dark .lcs-container .action-label{color:#94a3b8}.lcs-container .action-text{color:#1f2937;font-size:18px;line-height:1.5}.dark .lcs-container .action-text{color:#f8fafc}.lcs-container .controls-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.lcs-container .control-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:120px;padding:10px 16px;transition:all .2s ease}.lcs-container .gray-button{background-color:#e5e7eb;color:#374151}.dark .lcs-container .gray-button{background-color:#334155;color:#f1f5f9}.lcs-container .blue-button{background-color:#3b82f6;color:#fff}.dark .lcs-container .blue-button{background-color:#2563eb;color:#fff}.lcs-container .red-button{background-color:#ef4444;color:#fff}.dark .lcs-container .red-button{background-color:#dc2626;color:#fff}.lcs-container .disabled-button{cursor:not-allowed;opacity:.5}.lcs-container button:hover:not(:disabled){box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.lcs-container button:active:not(:disabled){transform:translateY(0)}.lcs-container .speed-control{align-items:center;display:flex;gap:8px;margin-right:12px}.lcs-container .speed-control label{color:#1f2937;font-size:14px;font-weight:500}.dark .lcs-container .speed-control label{color:#f1f5f9}.lcs-container .speed-control select{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;padding:8px 12px}.dark .lcs-container .speed-control select{background-color:#334155;border-color:#475569;color:#f1f5f9}.lcs-container .legend-card{margin-top:32px}.lcs-container .legend-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.lcs-container .legend-item{align-items:center;display:flex;gap:12px}.lcs-container .legend-color{border:1px solid #0000001a;border-radius:4px;height:24px;width:24px}.dark .lcs-container .legend-color{border-color:#ffffff1a}.lcs-container .legend-text{color:#1f2937;font-size:18px;font-weight:500}.dark .lcs-container .legend-text{color:#f9fafb}@media (max-width:1024px){.lcs-container .algorithm-visualization-row{grid-template-columns:1fr}.lcs-container .code-container{min-height:300px}}@media (max-width:768px){.lcs-container{padding:16px}.lcs-container .complexity-section{grid-template-columns:1fr}.lcs-container .title{font-size:24px}.lcs-container .card-title{font-size:22px}.lcs-container .about-content,.lcs-container .complexity-title{font-size:18px}.lcs-container .characteristics-list,.lcs-container .complexity-list{font-size:16px}.lcs-container .dp-table{font-size:14px}.lcs-container .dp-table td,.lcs-container .dp-table th{height:30px;min-width:30px;padding:6px}.lcs-container .controls-container{flex-direction:column}.lcs-container .control-button{width:100%}.lcs-container .legend-grid{grid-template-columns:repeat(2,1fr)}.lcs-container .input-form{gap:12px}.lcs-container .submit-button{align-self:auto;width:100%}}@media (max-width:480px){.lcs-container .header{align-items:flex-start;flex-direction:column;gap:12px}.lcs-container .title{font-size:22px;text-align:center;width:100%}.lcs-container .strings-section{flex-direction:column;gap:12px}.lcs-container .legend-grid{grid-template-columns:1fr}}.mcm-container{background-color:#f8fafc;font-family:Arial,sans-serif;height:100%;overflow-x:hidden;overflow-y:auto;padding:24px}.dark .mcm-container{background:#0f172a;color:#f8fafc}.mcm-container .max-width{margin:0 auto;max-width:1200px}.mcm-container .header{align-items:center;display:flex;justify-content:flex-start;margin-bottom:32px}.mcm-container .title{color:#1f2937;font-size:30px;font-weight:700;margin:0}.dark .mcm-container .title{color:#f8fafc}.mcm-container .about-card{margin-bottom:32px}.mcm-container .about-content{color:#374151;font-size:22px;line-height:1.6;margin-bottom:24px}.dark .mcm-container .about-content{color:#e2e8f0}.mcm-container .complexity-section{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.mcm-container .complexity-title{font-size:20px;font-weight:600;margin-bottom:8px}.mcm-container .characteristics-list,.mcm-container .complexity-list{font-size:18px;list-style:none;margin:0;padding:0}.mcm-container .characteristics-section{margin-top:16px}.mcm-container .card{background-color:#fff;border-radius:12px;box-shadow:0 10px 15px #0000001a;display:flex;flex-direction:column;padding:24px}.dark .mcm-container .card{background-color:#1e293b;color:#f1f5f9}.mcm-container .card-title{color:#1f2937;font-size:28px;font-weight:600;margin-bottom:16px}.dark .mcm-container .card-title{color:#f1f5f9}.mcm-container .algorithm-visualization-row{grid-gap:32px;align-items:stretch;display:grid;gap:32px;grid-template-columns:1fr 1fr;margin-bottom:32px}.mcm-container .code-section{display:flex;flex-direction:column;height:100%}.mcm-container .code-container{background-color:#1e293b;border-radius:8px;color:#f1f5f9;flex-grow:1;font-family:Consolas,Monaco,monospace;font-size:14px;min-height:400px;overflow-x:auto;padding:16px}.dark .mcm-container .code-container{background-color:#0f172a;color:#e5e7eb}.mcm-container .code-line{color:#e5e7eb;font-family:Consolas,Monaco,monospace;font-size:14px;padding:4px 12px;white-space:pre}.mcm-container .highlighted-line{background-color:#facc15;border-left:4px solid #f59e0b;color:#000;font-weight:700}.mcm-container .input-card{margin-bottom:24px}.mcm-container .input-form{display:flex;flex-direction:column;gap:16px}.mcm-container .input-group{display:flex;flex-direction:column;gap:8px}.mcm-container .input-group label{color:#1f2937;font-size:18px;font-weight:500}.dark .mcm-container .input-group label{color:#f1f5f9}.mcm-container .input-group input{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:16px;padding:10px 12px;transition:all .2s ease}.dark .mcm-container .input-group input{background-color:#334155;border-color:#475569;color:#f1f5f9}.mcm-container .input-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633;outline:none}.mcm-container .submit-button{align-self:flex-start;background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 16px;transition:background-color .2s ease}.mcm-container .submit-button:hover{background-color:#2563eb}.mcm-container .matrices-info{margin-top:16px}.mcm-container .matrices-info h3{color:#1f2937;font-size:18px;margin-bottom:8px}.dark .mcm-container .matrices-info h3{color:#f1f5f9}.mcm-container .matrices-list{display:flex;flex-direction:column;gap:6px}.mcm-container .matrix-item{background-color:#f3f4f6;border-radius:4px;font-family:monospace;font-size:16px;padding:6px 10px}.dark .mcm-container .matrix-item{background-color:#334155;color:#f1f5f9}.mcm-container .visualization-area{display:flex;flex-direction:column;flex-grow:1}.mcm-container .dp-table-section{flex-grow:1;margin-bottom:16px;overflow-y:auto}.mcm-container .dp-table-container{overflow-x:auto;width:100%}.mcm-container .dp-table{border-collapse:collapse;font-size:16px;margin-top:12px;width:100%}.mcm-container .dp-table td,.mcm-container .dp-table th{border:1px solid #e5e7eb;height:40px;min-width:40px;padding:8px;position:relative;text-align:center}.dark .mcm-container .dp-table td,.dark .mcm-container .dp-table th{border-color:#475569}.mcm-container .dp-table th{background-color:#f3f4f6;font-weight:500}.dark .mcm-container .dp-table th{background-color:#1e293b;color:#f1f5f9}.mcm-container .direction-arrow{bottom:2px;color:#6b7280;font-size:12px;position:absolute;right:2px}.mcm-container .array-title{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:8px}.dark .mcm-container .array-title{color:#f1f5f9}.mcm-container .result-section{margin-bottom:20px;margin-top:16px}.mcm-container .result-container{align-items:center;background-color:#f3f4f6;border-radius:6px;display:flex;font-family:monospace;font-size:20px;justify-content:center;min-height:60px;padding:12px}.dark .mcm-container .result-container{background-color:#1e293b;color:#f1f5f9}.mcm-container .min-multiplications{color:#1f2937;font-size:18px;margin-top:12px;text-align:center}.dark .mcm-container .min-multiplications{color:#f1f5f9}.mcm-container .status-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin:20px 0}.mcm-container .status-card{border-radius:8px;padding:12px}.mcm-container .status-label{color:#4b5563;font-size:14px;font-weight:500;margin-bottom:4px}.dark .mcm-container .status-label{color:#94a3b8}.mcm-container .status-value{color:#1f2937;font-size:18px;font-weight:700}.dark .mcm-container .status-value{color:#f9fafb}.mcm-container .action-container{background-color:#f9fafb;border-radius:8px;margin-bottom:24px;padding:16px;transition:all .3s ease}.dark .mcm-container .action-container{background-color:#1e293b;border:1px solid #334155}.mcm-container .action-container.tracing{background-color:#fef3c7;border-left:4px solid #f59e0b}.dark .mcm-container .action-container.tracing{background-color:#92400e30;border-left:4px solid #f59e0b;color:#f8fafc}.mcm-container .action-label{color:#4b5563;font-size:14px;font-weight:500;margin-bottom:4px}.dark .mcm-container .action-label{color:#94a3b8}.mcm-container .action-text{color:#1f2937;font-size:18px;line-height:1.5}.dark .mcm-container .action-text{color:#f8fafc}.mcm-container .controls-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.mcm-container .control-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:120px;padding:10px 16px;transition:all .2s ease}.mcm-container .gray-button{background-color:#e5e7eb;color:#374151}.dark .mcm-container .gray-button{background-color:#334155;color:#f1f5f9}.mcm-container .blue-button{background-color:#3b82f6;color:#fff}.dark .mcm-container .blue-button{background-color:#2563eb;color:#fff}.mcm-container .red-button{background-color:#ef4444;color:#fff}.dark .mcm-container .red-button{background-color:#dc2626;color:#fff}.mcm-container .disabled-button{cursor:not-allowed;opacity:.5}.mcm-container button:hover:not(:disabled){box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.mcm-container button:active:not(:disabled){transform:translateY(0)}.mcm-container .speed-control{align-items:center;display:flex;gap:8px;margin-right:12px}.mcm-container .speed-control label{color:#1f2937;font-size:14px;font-weight:500}.dark .mcm-container .speed-control label{color:#f1f5f9}.mcm-container .speed-control select{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;padding:8px 12px}.dark .mcm-container .speed-control select{background-color:#334155;border-color:#475569;color:#f1f5f9}.mcm-container .legend-card{margin-top:32px}.mcm-container .legend-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.mcm-container .legend-item{align-items:center;display:flex;gap:12px}.mcm-container .legend-color{border:1px solid #0000001a;border-radius:4px;height:24px;width:24px}.dark .mcm-container .legend-color{border-color:#ffffff1a}.mcm-container .legend-text{color:#1f2937;font-size:18px;font-weight:500}.dark .mcm-container .legend-text{color:#f9fafb}@media (max-width:1024px){.mcm-container .algorithm-visualization-row{grid-template-columns:1fr}.mcm-container .code-container{min-height:300px}}@media (max-width:768px){.mcm-container{padding:16px}.mcm-container .complexity-section{grid-template-columns:1fr}.mcm-container .title{font-size:24px}.mcm-container .card-title{font-size:22px}.mcm-container .about-content,.mcm-container .complexity-title{font-size:18px}.mcm-container .characteristics-list,.mcm-container .complexity-list{font-size:16px}.mcm-container .dp-table{font-size:14px}.mcm-container .dp-table td,.mcm-container .dp-table th{height:30px;min-width:30px;padding:6px}.mcm-container .controls-container{flex-direction:column}.mcm-container .control-button{width:100%}.mcm-container .legend-grid{grid-template-columns:repeat(2,1fr)}.mcm-container .input-form{gap:12px}.mcm-container .submit-button{align-self:auto;width:100%}}@media (max-width:480px){.mcm-container .header{align-items:flex-start;flex-direction:column;gap:12px}.mcm-container .title{font-size:22px;text-align:center;width:100%}.mcm-container .legend-grid{grid-template-columns:1fr}}.ks-container{background-color:#f8fafc;font-family:Arial,sans-serif;height:100%;overflow-x:hidden;overflow-y:auto;padding:24px}.dark .ks-container{background:#0f172a;color:#f8fafc}.ks-container .max-width{margin:0 auto;max-width:1200px}.ks-container .header{align-items:center;display:flex;justify-content:flex-start;margin-bottom:32px}.ks-container .title{color:#1f2937;font-size:30px;font-weight:700;margin:0}.dark .ks-container .title{color:#f8fafc}.ks-container .about-card{margin-bottom:32px}.ks-container .about-content{color:#374151;font-size:22px;line-height:1.6;margin-bottom:24px}.dark .ks-container .about-content{color:#e2e8f0}.ks-container .complexity-section{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.ks-container .complexity-title{font-size:20px;font-weight:600;margin-bottom:8px}.ks-container .characteristics-list,.ks-container .complexity-list{font-size:18px;list-style:none;margin:0;padding:0}.ks-container .characteristics-section{margin-top:16px}.ks-container .card{background-color:#fff;border-radius:12px;box-shadow:0 10px 15px #0000001a;display:flex;flex-direction:column;padding:24px}.dark .ks-container .card{background-color:#1e293b;color:#f1f5f9}.ks-container .card-title{color:#1f2937;font-size:28px;font-weight:600;margin-bottom:16px}.dark .ks-container .card-title{color:#f1f5f9}.ks-container .algorithm-visualization-row{grid-gap:32px;align-items:stretch;display:grid;gap:32px;grid-template-columns:1fr 1fr;margin-bottom:32px}.ks-container .code-section{display:flex;flex-direction:column;height:100%}.ks-container .code-container{background-color:#1e293b;border-radius:8px;color:#f1f5f9;flex-grow:1;font-family:Consolas,Monaco,monospace;font-size:14px;min-height:400px;overflow-x:auto;padding:16px}.dark .ks-container .code-container{background-color:#0f172a;color:#e5e7eb}.ks-container .code-line{color:#e5e7eb;font-family:Consolas,Monaco,monospace;font-size:14px;padding:4px 12px;white-space:pre}.ks-container .highlighted-line{background-color:#facc15;border-left:4px solid #f59e0b;color:#000;font-weight:700}.ks-container .input-card{margin-bottom:24px}.ks-container .input-form{display:flex;flex-direction:column;gap:16px}.ks-container .input-group{display:flex;flex-direction:column;gap:8px}.ks-container .input-group label{color:#1f2937;font-size:18px;font-weight:500}.dark .ks-container .input-group label{color:#f1f5f9}.ks-container .input-group input{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:16px;padding:10px 12px;transition:all .2s ease}.dark .ks-container .input-group input{background-color:#334155;border-color:#475569;color:#f1f5f9}.ks-container .input-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633;outline:none}.ks-container .submit-button{align-self:flex-start;background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 16px;transition:background-color .2s ease}.ks-container .submit-button:hover{background-color:#2563eb}.ks-container .items-info{margin-top:16px}.ks-container .items-info h3{color:#1f2937;font-size:18px;margin-bottom:8px}.dark .ks-container .items-info h3{color:#f1f5f9}.ks-container .items-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.ks-container .item-card{background-color:#f3f4f6;border-radius:8px;display:flex;flex-direction:column;padding:12px}.dark .ks-container .item-card{background-color:#334155;color:#f1f5f9}.ks-container .item-header{font-weight:600;margin-bottom:6px;text-align:center}.ks-container .item-details{display:flex;flex-direction:column;font-size:14px;gap:4px}.ks-container .visualization-area{display:flex;flex-direction:column;flex-grow:1}.ks-container .dp-table-section{flex-grow:1;margin-bottom:16px;overflow-y:auto}.ks-container .dp-table-container{overflow-x:auto;width:100%}.ks-container .dp-table{border-collapse:collapse;font-size:16px;margin-top:12px;width:100%}.ks-container .dp-table td,.ks-container .dp-table th{border:1px solid #e5e7eb;height:40px;min-width:40px;padding:8px;position:relative;text-align:center}.dark .ks-container .dp-table td,.dark .ks-container .dp-table th{border-color:#475569}.ks-container .dp-table th{background-color:#f3f4f6;font-weight:500}.dark .ks-container .dp-table th{background-color:#1e293b;color:#f1f5f9}.ks-container .array-title{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:8px}.dark .ks-container .array-title{color:#f1f5f9}.ks-container .result-section{margin-bottom:20px;margin-top:16px}.ks-container .result-container{background-color:#f3f4f6;border-radius:8px;display:flex;flex-direction:column;font-family:monospace;font-size:18px;gap:8px;justify-content:center;min-height:100px;padding:16px}.dark .ks-container .result-container{background-color:#1e293b;color:#f1f5f9}.ks-container .status-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin:20px 0}.ks-container .status-card{border-radius:8px;padding:12px}.ks-container .status-label{color:#4b5563;font-size:14px;font-weight:500;margin-bottom:4px}.dark .ks-container .status-label{color:#94a3b8}.ks-container .status-value{color:#1f2937;font-size:18px;font-weight:700}.dark .ks-container .status-value{color:#f9fafb}.ks-container .action-container{background-color:#f9fafb;border-radius:8px;margin-bottom:24px;padding:16px;transition:all .3s ease}.dark .ks-container .action-container{background-color:#1e293b;border:1px solid #334155}.ks-container .action-container.tracing{background-color:#fef3c7;border-left:4px solid #f59e0b}.dark .ks-container .action-container.tracing{background-color:#92400e30;border-left:4px solid #f59e0b;color:#f8fafc}.ks-container .action-label{color:#4b5563;font-size:14px;font-weight:500;margin-bottom:4px}.dark .ks-container .action-label{color:#94a3b8}.ks-container .action-text{color:#1f2937;font-size:18px;line-height:1.5}.dark .ks-container .action-text{color:#f8fafc}.ks-container .controls-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.ks-container .control-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:120px;padding:10px 16px;transition:all .2s ease}.ks-container .gray-button{background-color:#e5e7eb;color:#374151}.dark .ks-container .gray-button{background-color:#334155;color:#f1f5f9}.ks-container .blue-button{background-color:#3b82f6;color:#fff}.dark .ks-container .blue-button{background-color:#2563eb;color:#fff}.ks-container .red-button{background-color:#ef4444;color:#fff}.dark .ks-container .red-button{background-color:#dc2626;color:#fff}.ks-container .disabled-button{cursor:not-allowed;opacity:.5}.ks-container button:hover:not(:disabled){box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.ks-container button:active:not(:disabled){transform:translateY(0)}.ks-container .legend-card{margin-top:32px}.ks-container .legend-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.ks-container .legend-item{align-items:center;display:flex;gap:12px}.ks-container .legend-color{border:1px solid #0000001a;border-radius:4px;height:24px;width:24px}.dark .ks-container .legend-color{border-color:#ffffff1a}.ks-container .legend-text{color:#1f2937;font-size:18px;font-weight:500}.dark .ks-container .legend-text{color:#f9fafb}@media (max-width:1024px){.ks-container .algorithm-visualization-row{grid-template-columns:1fr}.ks-container .code-container{min-height:300px}}@media (max-width:768px){.ks-container{padding:16px}.ks-container .complexity-section{grid-template-columns:1fr}.ks-container .title{font-size:24px}.ks-container .card-title{font-size:22px}.ks-container .about-content,.ks-container .complexity-title{font-size:18px}.ks-container .characteristics-list,.ks-container .complexity-list{font-size:16px}.ks-container .dp-table{font-size:14px}.ks-container .dp-table td,.ks-container .dp-table th{height:30px;min-width:30px;padding:6px}.ks-container .controls-container{flex-direction:column}.ks-container .control-button{width:100%}.ks-container .legend-grid{grid-template-columns:repeat(2,1fr)}.ks-container .input-form{gap:12px}.ks-container .submit-button{align-self:auto;width:100%}}@media (max-width:480px){.ks-container .header{align-items:flex-start;flex-direction:column;gap:12px}.ks-container .title{font-size:22px;text-align:center;width:100%}.ks-container .legend-grid{grid-template-columns:1fr}.ks-container .items-list{grid-template-columns:1fr 1fr}}.apsp-container{background-color:#f8fafc;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100%;overflow-x:hidden;overflow-y:auto;padding:24px}.dark .apsp-container{background:#0f172a;color:#f8fafc}.apsp-container .max-width{margin:0 auto;max-width:1200px}.apsp-container .header{align-items:center;display:flex;justify-content:flex-start;margin-bottom:32px}.apsp-container .title{color:#1f2937;font-size:30px;font-weight:700;margin:0}.dark .apsp-container .title{color:#f8fafc}.apsp-container .about-card{margin-bottom:32px}.apsp-container .about-content{color:#374151;font-size:22px;line-height:1.6;margin-bottom:24px}.dark .apsp-container .about-content{color:#e2e8f0}.apsp-container .complexity-section{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.apsp-container .complexity-title{font-size:20px;font-weight:600;margin-bottom:8px}.apsp-container .characteristics-list,.apsp-container .complexity-list{font-size:18px;list-style:none;margin:0;padding:0}.apsp-container .characteristics-section{margin-top:16px}.apsp-container .card{background-color:#fff;border-radius:12px;box-shadow:0 10px 15px #0000001a;display:flex;flex-direction:column;padding:24px}.dark .apsp-container .card{background-color:#1e293b;color:#f1f5f9}.apsp-container .card-title{color:#1f2937;font-size:28px;font-weight:600;margin-bottom:16px}.dark .apsp-container .card-title{color:#f1f5f9}.apsp-container .input-mode-toggle{background:#e5e7eb;border-radius:8px;display:flex;margin-bottom:16px;overflow:hidden}.dark .apsp-container .input-mode-toggle{background:#334155}.apsp-container .toggle-button{background:#0000;border:none;cursor:pointer;flex:1 1;font-weight:500;padding:10px;transition:all .2s ease}.apsp-container .toggle-button.active{background:#3b82f6;color:#fff}.dark .apsp-container .toggle-button.active{background:#2563eb}.apsp-container .visual-input{display:flex;flex-direction:column;gap:20px}.apsp-container .input-group{display:flex;flex-direction:column;gap:12px}.apsp-container .input-group h3{color:#1f2937;font-size:18px;margin:0}.dark .apsp-container .input-group h3{color:#f1f5f9}.apsp-container .input-row{align-items:center;display:flex;gap:10px}.apsp-container .input-row input,.apsp-container .input-row select{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;flex:1 1;font-size:14px;padding:10px 12px}.dark .apsp-container .input-row input,.dark .apsp-container .input-row select{background-color:#334155;border-color:#475569;color:#f1f5f9}.apsp-container .add-button{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:6px;padding:10px 16px;transition:background .2s ease}.apsp-container .add-button:hover{background:#2563eb}.apsp-container .edge-list,.apsp-container .node-list{display:flex;flex-direction:column;gap:8px;max-height:150px;overflow-y:auto;padding:5px}.apsp-container .edge-item,.apsp-container .node-item{align-items:center;background:#f3f4f6;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.dark .apsp-container .edge-item,.dark .apsp-container .node-item{background:#334155}.apsp-container .remove-button{align-items:center;background:#0000;border:none;border-radius:4px;color:#ef4444;cursor:pointer;display:flex;justify-content:center;padding:4px}.dark .apsp-container .remove-button{color:#f87171}.apsp-container .remove-button:hover{background:#ef44441a}.dark .apsp-container .remove-button:hover{background:#f871711a}.apsp-container .json-input{display:flex;flex-direction:column;gap:12px}.apsp-container .graph-textarea{border:1px solid #e5e7eb;border-radius:6px;font-family:Courier New,Courier,monospace;font-size:14px;min-height:200px;padding:12px;resize:vertical;width:100%}.dark .apsp-container .graph-textarea{background-color:#334155;border-color:#475569;color:#f1f5f9}.apsp-container .button-group{display:flex;gap:12px;margin-top:16px}.apsp-container .graph-visualization-container{background:#f9fafb;border-radius:8px;height:300px;margin-bottom:20px;overflow:hidden;position:relative;width:100%}.dark .apsp-container .graph-visualization-container{background:#1e293b}.apsp-container .graph-canvas{height:100%;position:relative;width:100%}.apsp-container .graph-svg{height:100%;width:100%}.apsp-container .edge{fill:none;stroke:#94a3b8;stroke-width:2;marker-end:url(#arrowhead);transition:all .3s ease}.apsp-container .edge.active-path{stroke:#10b981;stroke-width:3;animation:pulse 1.5s infinite}.dark .apsp-container .edge{stroke:#64748b}.apsp-container .edge-weight{fill:#1f2937;font-size:12px;font-weight:600}.dark .apsp-container .edge-weight{fill:#f8fafc}.apsp-container .graph-node{align-items:center;background:#3b82f6;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-weight:700;height:40px;justify-content:center;position:absolute;transition:all .3s ease;width:40px;z-index:10}.dark .apsp-container .graph-node{background:#2563eb}.apsp-container .graph-node.active-node{background:#10b981;transform:scale(1.1)}.dark .apsp-container .graph-node.active-node{background:#059669}.apsp-container .graph-node.current-node{background:#f59e0b;box-shadow:0 0 0 4px #f59e0b4d;transform:scale(1.1)}.dark .apsp-container .graph-node.current-node{background:#d97706}.apsp-container .node-distance{bottom:-20px;color:#1f2937;font-size:10px;font-weight:600;position:absolute;white-space:nowrap}.dark .apsp-container .node-distance{color:#f8fafc}.apsp-container .matrix-section{margin-bottom:20px;overflow-x:auto}.apsp-container .matrix-table{border-collapse:collapse;font-size:16px;margin-top:12px;width:100%}.apsp-container .matrix-table td,.apsp-container .matrix-table th{border:1px solid #e5e7eb;height:40px;min-width:50px;padding:8px;text-align:center}.dark .apsp-container .matrix-table td,.dark .apsp-container .matrix-table th{border-color:#475569}.apsp-container .matrix-table th{background-color:#f3f4f6;font-weight:500}.dark .apsp-container .matrix-table th{background-color:#1e293b;color:#f1f5f9}.apsp-container .matrix-table .current-cell{background-color:#f59e0b;color:#fff}.apsp-container .matrix-table .active-row-col{background-color:#dbeafe}.dark .apsp-container .matrix-table .active-row-col{background-color:#1e40af}.apsp-container .path-result{background:#f3f4f6;border-radius:8px;margin:20px 0;padding:16px}.dark .apsp-container .path-result{background:#1e293b}.apsp-container .path-result h3{color:#1f2937;margin:0 0 10px}.dark .apsp-container .path-result h3{color:#f8fafc}.apsp-container .path{color:#3b82f6;font-family:monospace;font-size:18px;font-weight:600}.dark .apsp-container .path{color:#60a5fa}.apsp-container .controls-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:20px}.apsp-container .speed-control{align-items:center;display:flex;gap:8px;margin-right:auto}.apsp-container .speed-control label{font-size:14px;font-weight:500}.apsp-container .speed-control select{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;padding:8px 12px}.dark .apsp-container .speed-control select{background-color:#334155;border-color:#475569;color:#f1f5f9}.apsp-container .control-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:120px;padding:10px 16px;transition:all .2s ease}.apsp-container .gray-button{background-color:#e5e7eb;color:#374151}.dark .apsp-container .gray-button{background-color:#334155;color:#f1f5f9}.apsp-container .blue-button{background-color:#3b82f6;color:#fff}.dark .apsp-container .blue-button{background-color:#2563eb;color:#fff}.apsp-container .red-button{background-color:#ef4444;color:#fff}.dark .apsp-container .red-button{background-color:#dc2626;color:#fff}.apsp-container .disabled-button{cursor:not-allowed;opacity:.5}.apsp-container button:hover:not(:disabled){box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.apsp-container button:active:not(:disabled){transform:translateY(0)}.apsp-container .legend-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.apsp-container .legend-item{align-items:center;display:flex;gap:8px}.apsp-container .legend-color{border-radius:4px;height:20px;width:20px}.apsp-container .legend-color.current-node{background:#f59e0b}.apsp-container .legend-color.active-node,.apsp-container .legend-color.active-path{background:#10b981}.apsp-container .legend-color.current-cell{background:#f59e0b}.apsp-container .legend-color.active-row-col{background:#dbeafe}.dark .apsp-container .legend-color.active-row-col{background:#1e40af}.apsp-container .legend-text{font-size:18px}@media (max-width:1024px){.apsp-container .algorithm-visualization-row{grid-template-columns:1fr}.apsp-container .code-container{min-height:300px}}@media (max-width:768px){.apsp-container{padding:16px}.apsp-container .complexity-section{grid-template-columns:1fr}.apsp-container .title{font-size:24px}.apsp-container .card-title{font-size:22px}.apsp-container .about-content,.apsp-container .complexity-title{font-size:18px}.apsp-container .characteristics-list,.apsp-container .complexity-list{font-size:16px}.apsp-container .controls-container{flex-direction:column}.apsp-container .control-button{width:100%}}@media (max-width:480px){.apsp-container .header{align-items:flex-start;flex-direction:column;gap:12px}.apsp-container .title{font-size:22px;text-align:center;width:100%}.apsp-container .input-row{flex-direction:column}.apsp-container .input-row input,.apsp-container .input-row select{width:100%}.apsp-container .add-button{justify-content:center;width:100%}.apsp-container .matrix-table{font-size:14px}.apsp-container .matrix-table td,.apsp-container .matrix-table th{min-width:40px;padding:6px}}.graph-node{align-items:center;background:#3b82f6;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-weight:700;height:50px;justify-content:center;position:absolute;transition:all .3s ease;width:50px;z-index:10}.node-id{font-size:18px;font-weight:700}.node-distance{color:#fff;font-size:12px;font-weight:600;margin-top:2px;opacity:.9}.edge-weight{fill:#1f2937;stroke:#f8fafc;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;font-size:14px;font-weight:700;paint-order:stroke}.dark .edge-weight{fill:#f8fafc;stroke:#1f2937}.status-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin:20px 0}.status-card{border-radius:8px;padding:12px}.status-label{color:#4b5563;font-size:14px;font-weight:500;margin-bottom:4px}.dark .status-label{color:#94a3b8}.status-value{color:#1f2937;font-size:18px;font-weight:700}.dark .status-value{color:#f9fafb}.action-container{background-color:#f9fafb;border-radius:8px;margin-bottom:24px;padding:16px;transition:all .3s ease}.dark .action-container{background-color:#1e293b;border:1px solid #334155}.action-label{color:#4b5563;font-size:14px;font-weight:500;margin-bottom:4px}.dark .action-label{color:#94a3b8}.action-text{color:#1f2937;font-size:18px;line-height:1.5}.dark .action-text{color:#f8fafc}.controls-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:20px}.control-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;min-width:110px;padding:10px 16px;transition:all .2s ease}.graph-node.active-node{background:#10b981;box-shadow:0 0 0 3px #10b9814d;transform:scale(1.1)}.graph-node.current-node{background:#f59e0b;box-shadow:0 0 0 4px #f59e0b4d;transform:scale(1.1)}.dark .graph-node{background:#2563eb}.dark .graph-node.active-node{background:#059669}.dark .graph-node.current-node{background:#d97706}@media (max-width:768px){.controls-container{gap:8px}.control-button{font-size:13px;min-width:auto;padding:8px 12px}.graph-node{height:44px;width:44px}.node-id{font-size:16px}.node-distance{font-size:11px}}@media (max-width:480px){.controls-container{gap:6px}.control-button{font-size:12px;padding:8px 10px}.status-grid{grid-template-columns:1fr}}.bf-container{background-color:#f8fafc;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100%;overflow-x:hidden;overflow-y:auto;padding:24px}.dark .bf-container{background:#0f172a;color:#f8fafc}.bf-container .max-width{margin:0 auto;max-width:1200px}.bf-container .header{align-items:center;display:flex;justify-content:flex-start;margin-bottom:32px}.bf-container .title{color:#1f2937;font-size:30px;font-weight:700;margin:0}.dark .bf-container .title{color:#f8fafc}.bf-container .about-card{margin-bottom:32px}.bf-container .about-content{color:#374151;font-size:22px;line-height:1.6;margin-bottom:24px}.dark .bf-container .about-content{color:#e2e8f0}.bf-container .complexity-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.bf-container .complexity-title{font-size:20px;font-weight:600;margin-bottom:8px}.bf-container .characteristics-list,.bf-container .complexity-list{font-size:18px;list-style:none;margin:0;padding:0}.bf-container .card{background-color:#fff;border-radius:12px;box-shadow:0 10px 15px #0000001a;display:flex;flex-direction:column;padding:24px}.dark .bf-container .card{background-color:#1e293b;color:#f1f5f9}.bf-container .card-title{color:#1f2937;font-size:28px;font-weight:600;margin-bottom:16px}.dark .bf-container .card-title{color:#f1f5f9}.bf-container .input-mode-toggle{background:#e5e7eb;border-radius:8px;display:flex;margin-bottom:16px;overflow:hidden}.dark .bf-container .input-mode-toggle{background:#334155}.bf-container .toggle-button{background:#0000;border:none;cursor:pointer;flex:1 1;font-weight:500;padding:10px;transition:all .2s ease}.bf-container .toggle-button.active{background:#3b82f6;color:#fff}.dark .bf-container .toggle-button.active{background:#2563eb}.bf-container .visual-input{display:flex;flex-direction:column;gap:20px}.bf-container .input-group{display:flex;flex-direction:column;gap:12px}.bf-container .input-group h3{color:#1f2937;font-size:18px;margin:0}.dark .bf-container .input-group h3{color:#f1f5f9}.bf-container .input-row{align-items:center;display:flex;gap:10px}.bf-container .input-row input,.bf-container .input-row select{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;flex:1 1;font-size:14px;padding:10px 12px}.dark .bf-container .input-row input,.dark .bf-container .input-row select{background-color:#334155;border-color:#475569;color:#f1f5f9}.bf-container .add-button{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:6px;padding:10px 16px;transition:background .2s ease}.bf-container .add-button:hover{background:#2563eb}.bf-container .edge-list,.bf-container .node-list{display:flex;flex-direction:column;gap:8px;max-height:150px;overflow-y:auto;padding:5px}.bf-container .edge-item,.bf-container .node-item{align-items:center;background:#f3f4f6;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.dark .bf-container .edge-item,.dark .bf-container .node-item{background:#334155}.bf-container .remove-button{align-items:center;background:#0000;border:none;border-radius:4px;color:#ef4444;cursor:pointer;display:flex;justify-content:center;padding:4px}.dark .bf-container .remove-button{color:#f87171}.bf-container .remove-button:hover{background:#ef44441a}.dark .bf-container .remove-button:hover{background:#f871711a}.bf-container .start-button{background:#e5e7eb;border:none;border-radius:4px;color:#374151;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s ease}.bf-container .start-button.active-start{background:#10b981;color:#fff}.dark .bf-container .start-button{background:#334155;color:#f1f5f9}.dark .bf-container .start-button.active-start{background:#059669}.bf-container .node-actions{display:flex;gap:6px}.bf-container .json-input{display:flex;flex-direction:column;gap:12px}.bf-container .graph-textarea{border:1px solid #e5e7eb;border-radius:6px;font-family:Courier New,Courier,monospace;font-size:14px;min-height:200px;padding:12px;resize:vertical;width:100%}.dark .bf-container .graph-textarea{background-color:#334155;border-color:#475569;color:#f1f5f9}.bf-container .button-group{display:flex;gap:12px;margin-top:16px}.bf-container .graph-visualization-container{background:#f9fafb;border-radius:8px;height:300px;margin-bottom:20px;overflow:hidden;position:relative;width:100%}.dark .bf-container .graph-visualization-container{background:#1e293b}.bf-container .graph-canvas{height:100%;position:relative;width:100%}.bf-container .graph-svg{height:100%;width:100%}.bf-container .edge{fill:none;stroke:#94a3b8;stroke-width:2;marker-end:url(#arrowhead);transition:all .3s ease}.bf-container .edge.active-edge{stroke:#3b82f6;stroke-width:3;animation:pulse 1.5s infinite}.bf-container .edge.path-edge{stroke:#10b981;stroke-width:3}.bf-container .edge.negative-cycle-edge{stroke:#ef4444;stroke-width:3;stroke-dasharray:5,5;animation:dash 1s linear infinite}.dark .bf-container .edge{stroke:#64748b}.bf-container .edge-weight{fill:#1f2937;stroke:#f8fafc;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;font-size:12px;font-weight:600;paint-order:stroke}.dark .bf-container .edge-weight{fill:#f8fafc;stroke:#1f2937}.bf-container .graph-node{align-items:center;background:#3b82f6;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-weight:700;height:50px;justify-content:center;position:absolute;transition:all .3s ease;width:50px;z-index:10}.dark .bf-container .graph-node{background:#2563eb}.bf-container .graph-node.start-node{background:#10b981}.bf-container .graph-node.updated-node{background:#8b5cf6;box-shadow:0 0 0 3px #8b5cf64d;transform:scale(1.1)}.bf-container .graph-node.current-node{background:#f59e0b;box-shadow:0 0 0 4px #f59e0b4d;transform:scale(1.1)}.bf-container .graph-node.path-node{background:#10b981;box-shadow:0 0 0 3px #10b9814d;transform:scale(1.1)}.dark .bf-container .graph-node.start-node{background:#059669}.dark .bf-container .graph-node.updated-node{background:#7c3aed}.dark .bf-container .graph-node.current-node{background:#d97706}.dark .bf-container .graph-node.path-node{background:#059669}.bf-container .node-id{font-size:18px;font-weight:700}.bf-container .node-distance{color:#fff;font-size:12px;font-weight:600;margin-top:2px;opacity:.9}.bf-container .distance-section{margin-bottom:20px;overflow-x:auto}.bf-container .distance-table{border-collapse:collapse;font-size:16px;margin-top:12px;width:100%}.bf-container .distance-table td,.bf-container .distance-table th{border:1px solid #e5e7eb;height:40px;min-width:50px;padding:8px;text-align:center}.dark .bf-container .distance-table td,.dark .bf-container .distance-table th{border-color:#475569}.bf-container .distance-table th{background-color:#f3f4f6;font-weight:500}.dark .bf-container .distance-table th{background-color:#1e293b;color:#f1f5f9}.bf-container .distance-table .updated-row{background-color:#dbeafe}.bf-container .distance-table .current-row{background-color:#fef3c7}.dark .bf-container .distance-table .updated-row{background-color:#1e40af}.dark .bf-container .distance-table .current-row{background-color:#92400e}.bf-container .path-result{background:#f3f4f6;border-radius:8px;margin:20px 0;padding:16px}.dark .bf-container .path-result{background:#1e293b;border:1px solid #334155}.bf-container .path-result h3{color:#1f2937;margin:0 0 10px}.dark .bf-container .path-result h3{color:#f8fafc}.bf-container .path{color:#3b82f6;font-family:monospace;font-size:18px;font-weight:600}.dark .bf-container .path{color:#60a5fa}.bf-container .negative-cycle-warning{align-items:center;background:#fee2e2;border-radius:8px;color:#b91c1c;display:flex;font-weight:500;gap:8px;margin-bottom:16px;padding:12px}.dark .bf-container .negative-cycle-warning{background:#7f1d1d;color:#fecaca}.bf-container .status-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin:20px 0}.bf-container .status-card{border-radius:8px;padding:12px}.bf-container .status-label{color:#4b5563;font-size:14px;font-weight:500;margin-bottom:4px}.dark .bf-container .status-label{color:#94a3b8}.bf-container .status-value{color:#1f2937;font-size:18px;font-weight:700}.dark .bf-container .status-value{color:#f9fafb}.bf-container .blue-card{background:#dbeafe}.bf-container .green-card{background:#dcfce7}.dark .bf-container .blue-card{background:#1e40af}.dark .bf-container .green-card{background:#166534}.bf-container .action-container{background-color:#f9fafb;border-radius:8px;margin-bottom:24px;padding:16px;transition:all .3s ease}.dark .bf-container .action-container{background-color:#1e293b;border:1px solid #334155}.bf-container .action-label{color:#4b5563;font-size:14px;font-weight:500;margin-bottom:4px}.dark .bf-container .action-label{color:#94a3b8}.bf-container .action-text{color:#1f2937;font-size:18px;line-height:1.5}.dark .bf-container .action-text{color:#f8fafc}.bf-container .controls-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:20px}.bf-container .control-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;min-width:110px;padding:10px 16px;transition:all .2s ease}.bf-container .gray-button{background-color:#e5e7eb;color:#374151}.dark .bf-container .gray-button{background-color:#334155;color:#f1f5f9}.bf-container .blue-button{background-color:#3b82f6;color:#fff}.dark .bf-container .blue-button{background-color:#2563eb;color:#fff}.bf-container .red-button{background-color:#ef4444;color:#fff}.dark .bf-container .red-button{background-color:#dc2626;color:#fff}.bf-container .disabled-button{cursor:not-allowed;opacity:.5}.bf-container button:hover:not(:disabled){box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.bf-container button:active:not(:disabled){transform:translateY(0)}.bf-container .legend-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.bf-container .legend-item{align-items:center;display:flex;gap:8px}.bf-container .legend-color{border-radius:4px;height:20px;width:20px}.bf-container .legend-color.start-node{background:#10b981}.bf-container .legend-color.current-node{background:#f59e0b}.bf-container .legend-color.updated-node{background:#8b5cf6}.bf-container .legend-color.path-node{background:#10b981}.bf-container .legend-color.active-edge{background:#3b82f6}.bf-container .legend-color.path-edge{background:#10b981}.bf-container .legend-color.negative-cycle-edge{background:#ef4444}.bf-container .legend-color.updated-row{background:#dbeafe}.dark .bf-container .legend-color.updated-row{background:#1e40af}.bf-container .legend-text{font-size:18px}@keyframes dash{to{stroke-dashoffset:10}}@media (max-width:1024px){.bf-container .code-visualization-grid{grid-template-columns:1fr}}@media (max-width:768px){.bf-container{padding:16px}.bf-container .complexity-grid{grid-template-columns:1fr}.bf-container .title{font-size:24px}.bf-container .card-title{font-size:22px}.bf-container .about-content,.bf-container .complexity-title{font-size:18px}.bf-container .characteristics-list,.bf-container .complexity-list{font-size:16px}.bf-container .controls-container{flex-direction:column}.bf-container .control-button{width:100%}}@media (max-width:480px){.bf-container .header{align-items:flex-start;flex-direction:column;gap:12px}.bf-container .title{font-size:22px;text-align:center;width:100%}.bf-container .input-row{flex-direction:column}.bf-container .input-row input,.bf-container .input-row select{width:100%}.bf-container .add-button{justify-content:center;width:100%}.bf-container .distance-table{font-size:14px}.bf-container .distance-table td,.bf-container .distance-table th{min-width:40px;padding:6px}.bf-container .graph-node{height:44px;width:44px}.bf-container .node-id{font-size:16px}.bf-container .node-distance{font-size:11px}.bf-container .status-grid{grid-template-columns:1fr}}.tsp-container{background-color:#f8fafc;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100%;overflow-x:hidden;overflow-y:auto;padding:24px}.dark .tsp-container{background:#0f172a;color:#f8fafc}.tsp-container .max-width{margin:0 auto;max-width:1200px}.tsp-container .header{align-items:center;display:flex;justify-content:flex-start;margin-bottom:32px}.tsp-container .title{color:#1f2937;font-size:30px;font-weight:700;margin:0}.dark .tsp-container .title{color:#f8fafc}.tsp-container .about-card{margin-bottom:32px}.tsp-container .about-content{color:#374151;font-size:22px;line-height:1.6;margin-bottom:24px}.dark .tsp-container .about-content{color:#e2e8f0}.tsp-container .complexity-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.tsp-container .complexity-title{font-size:20px;font-weight:600;margin-bottom:8px}.tsp-container .characteristics-list,.tsp-container .complexity-list{font-size:18px;list-style:none;margin:0;padding:0}.tsp-container .card{background-color:#fff;border-radius:12px;box-shadow:0 10px 15px #0000001a;display:flex;flex-direction:column;padding:24px}.dark .tsp-container .card{background-color:#1e293b;color:#f1f5f9}.tsp-container .card-title{color:#1f2937;font-size:28px;font-weight:600;margin-bottom:16px}.dark .tsp-container .card-title{color:#f1f5f9}.tsp-container .input-mode-toggle{background:#e5e7eb;border-radius:8px;display:flex;margin-bottom:16px;overflow:hidden}.dark .tsp-container .input-mode-toggle{background:#334155}.tsp-container .toggle-button{background:#0000;border:none;cursor:pointer;flex:1 1;font-weight:500;padding:10px;transition:all .2s ease}.tsp-container .toggle-button.active{background:#3b82f6;color:#fff}.dark .tsp-container .toggle-button.active{background:#2563eb}.tsp-container .algorithm-toggle{background:#e5e7eb;border-radius:8px;display:flex;margin-bottom:16px;overflow:hidden}.dark .tsp-container .algorithm-toggle{background:#334155}.tsp-container .visual-input{display:flex;flex-direction:column;gap:20px}.tsp-container .input-group{display:flex;flex-direction:column;gap:12px}.tsp-container .input-group h3{color:#1f2937;font-size:18px;margin:0}.dark .tsp-container .input-group h3{color:#f1f5f9}.tsp-container .input-row{align-items:center;display:flex;gap:10px}.tsp-container .input-row input,.tsp-container .input-row select{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;flex:1 1;font-size:14px;padding:10px 12px}.dark .tsp-container .input-row input,.dark .tsp-container .input-row select{background-color:#334155;border-color:#475569;color:#f1f5f9}.tsp-container .add-button{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:6px;padding:10px 16px;transition:background .2s ease}.tsp-container .add-button:hover{background:#2563eb}.tsp-container .edge-list,.tsp-container .node-list{display:flex;flex-direction:column;gap:8px;max-height:150px;overflow-y:auto;padding:5px}.tsp-container .edge-item,.tsp-container .node-item{align-items:center;background:#f3f4f6;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.dark .tsp-container .edge-item,.dark .tsp-container .node-item{background:#334155}.tsp-container .remove-button{align-items:center;background:#0000;border:none;border-radius:4px;color:#ef4444;cursor:pointer;display:flex;justify-content:center;padding:4px}.dark .tsp-container .remove-button{color:#f87171}.tsp-container .remove-button:hover{background:#ef44441a}.dark .tsp-container .remove-button:hover{background:#f871711a}.tsp-container .json-input{display:flex;flex-direction:column;gap:12px}.tsp-container .graph-textarea{border:1px solid #e5e7eb;border-radius:6px;font-family:Courier New,Courier,monospace;font-size:14px;min-height:200px;padding:12px;resize:vertical;width:100%}.dark .tsp-container .graph-textarea{background-color:#334155;border-color:#475569;color:#f1f5f9}.tsp-container .button-group{display:flex;gap:12px;margin-top:16px}.tsp-container .graph-visualization-container{background:#f9fafb;border-radius:8px;height:400px;margin-bottom:20px;overflow:hidden;position:relative;width:100%}.dark .tsp-container .graph-visualization-container{background:#1e293b}.tsp-container .graph-canvas{height:100%;position:relative;width:100%}.tsp-container .graph-svg{height:100%;width:100%}.tsp-container .edge{fill:none;stroke:#94a3b8;stroke-width:2;transition:all .3s ease}.tsp-container .edge.current-path{stroke:#3b82f6;stroke-width:3;animation:pulse 1.5s infinite}.tsp-container .edge.best-path{stroke:#10b981;stroke-width:3}.dark .tsp-container .edge{stroke:#64748b}.tsp-container .edge-weight{fill:#1f2937;stroke:#f8fafc;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;font-size:12px;font-weight:600;paint-order:stroke}.dark .tsp-container .edge-weight{fill:#f8fafc;stroke:#1f2937}.tsp-container .graph-node{align-items:center;background:#3b82f6;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-weight:700;height:50px;justify-content:center;position:absolute;transition:all .3s ease;-webkit-user-select:none;user-select:none;width:50px;z-index:10}.dark .tsp-container .graph-node{background:#2563eb}.tsp-container .graph-node.current-node{background:#3b82f6;box-shadow:0 0 0 4px #3b82f64d;transform:scale(1.1)}.tsp-container .graph-node.best-node{background:#10b981;box-shadow:0 0 0 4px #10b9814d;transform:scale(1.1)}.dark .tsp-container .graph-node.current-node{background:#2563eb}.dark .tsp-container .graph-node.best-node{background:#059669}.tsp-container .node-id{font-size:18px;font-weight:700}.tsp-container .status-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:20px 0}.tsp-container .status-card{border-radius:8px;padding:12px}.tsp-container .status-label{color:#4b5563;font-size:14px;font-weight:500;margin-bottom:4px}.dark .tsp-container .status-label{color:#94a3b8}.tsp-container .status-value{color:#1f2937;font-size:18px;font-weight:700}.dark .tsp-container .status-value{color:#f9fafb}.tsp-container .blue-card{background:#dbeafe}.tsp-container .green-card{background:#dcfce7}.tsp-container .yellow-card{background:#fef3c7}.dark .tsp-container .blue-card{background:#1e40af}.dark .tsp-container .green-card{background:#166534}.dark .tsp-container .yellow-card{background:#92400e}.tsp-container .path-result{background:#f3f4f6;border-radius:8px;margin:20px 0;padding:16px}.tsp-container .best-path-result{background:#ecfdf5}.dark .tsp-container .path-result{background:#1e293b;border:1px solid #334155}.dark .tsp-container .best-path-result{background:#064e3b}.tsp-container .path-result h3{color:#1f2937;margin:0 0 10px}.dark .tsp-container .path-result h3{color:#f8fafc}.tsp-container .path{color:#3b82f6;font-family:monospace;font-size:18px;font-weight:600}.tsp-container .path-distance{color:#10b981;font-weight:700}.dark .tsp-container .path{color:#60a5fa}.tsp-container .action-container{background-color:#f9fafb;border-radius:8px;margin-bottom:24px;padding:16px;transition:all .3s ease}.dark .tsp-container .action-container{background-color:#1e293b;border:1px solid #334155}.tsp-container .action-label{color:#4b5563;font-size:14px;font-weight:500;margin-bottom:4px}.dark .tsp-container .action-label{color:#94a3b8}.tsp-container .action-text{color:#1f2937;font-size:18px;line-height:1.5}.dark .tsp-container .action-text{color:#f8fafc}.tsp-container .controls-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:20px}.tsp-container .control-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;min-width:110px;padding:10px 16px;transition:all .2s ease}.tsp-container .gray-button{background-color:#e5e7eb;color:#374151}.dark .tsp-container .gray-button{background-color:#334155;color:#f1f5f9}.tsp-container .blue-button{background-color:#3b82f6;color:#fff}.dark .tsp-container .blue-button{background-color:#2563eb;color:#fff}.tsp-container .red-button{background-color:#ef4444;color:#fff}.dark .tsp-container .red-button{background-color:#dc2626;color:#fff}.tsp-container .disabled-button{cursor:not-allowed;opacity:.5}.tsp-container button:hover:not(:disabled){box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.tsp-container button:active:not(:disabled){transform:translateY(0)}.tsp-container .legend-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.tsp-container .legend-item{align-items:center;display:flex;gap:8px}.tsp-container .legend-color{border-radius:4px;height:20px;width:20px}.tsp-container .legend-color.current-node,.tsp-container .legend-color.graph-node{background:#3b82f6;border-radius:50%}.tsp-container .legend-color.best-node{background:#10b981;border-radius:50%}.tsp-container .legend-color.edge{align-self:center;background:#94a3b8;height:4px}.tsp-container .legend-color.current-path{align-self:center;background:#3b82f6;height:4px}.tsp-container .legend-color.best-path{align-self:center;background:#10b981;height:4px}.tsp-container .legend-text{font-size:18px}.tsp-container .code-container{background:#1e293b;border-radius:8px;font-family:Courier New,Courier,monospace;font-size:14px;line-height:1.5;max-height:520px;overflow-x:auto;padding:16px}.dark .tsp-container .code-container{background:#1e293b}.tsp-container .highlighted-line{background-color:#facc15;border-radius:4px;padding:2px 0}.dark .tsp-container .highlighted-line{background-color:#1e40af}@media (max-width:1024px){.tsp-container .code-visualization-grid{grid-template-columns:1fr}}@media (max-width:768px){.tsp-container{padding:16px}.tsp-container .complexity-grid{grid-template-columns:1fr}.tsp-container .title{font-size:24px}.tsp-container .card-title{font-size:22px}.tsp-container .about-content,.tsp-container .complexity-title{font-size:18px}.tsp-container .characteristics-list,.tsp-container .complexity-list{font-size:16px}.tsp-container .controls-container{flex-direction:column}.tsp-container .control-button{width:100%}}@media (max-width:480px){.tsp-container .header{align-items:flex-start;flex-direction:column;gap:12px}.tsp-container .title{font-size:22px;text-align:center;width:100%}.tsp-container .input-row{flex-direction:column}.tsp-container .input-row input,.tsp-container .input-row select{width:100%}.tsp-container .add-button{justify-content:center;width:100%}.tsp-container .graph-node{height:44px;width:44px}.tsp-container .node-id{font-size:16px}.tsp-container .status-grid{grid-template-columns:1fr}}.sp-container{background-color:#f8fafc;font-family:Arial,sans-serif;height:100%;overflow-x:hidden;overflow-y:auto;padding:24px}.dark .sp-container{background:#0f172a;color:#f8fafc}.sp-container .max-width{margin:0 auto;max-width:1200px}.sp-container .header{align-items:center;display:flex;justify-content:flex-start;margin-bottom:32px}.sp-container .title{color:#1f2937;font-size:30px;font-weight:700;margin:0}.dark .sp-container .title{color:#f8fafc}.sp-container .card{background-color:#fff;border-radius:12px;box-shadow:0 10px 15px #0000001a;display:flex;flex-direction:column;margin-bottom:24px;padding:24px}.dark .sp-container .card{background-color:#1e293b;color:#f1f5f9}.sp-container .card-title{color:#1f2937;font-size:28px;font-weight:600;margin-bottom:16px}.dark .sp-container .card-title{color:#f1f5f9}.sp-container .card-content{color:#374151;font-size:20px;line-height:1.6;margin-bottom:20px}.dark .sp-container .card-content{color:#e2e8f0}.sp-container .complexity-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.sp-container .complexity-card{border-radius:8px;padding:16px}.sp-container .complexity-title{font-size:20px;font-weight:600;margin:0 0 8px}.sp-container .characteristics-list,.sp-container .complexity-list{font-size:18px;list-style:none;margin:0;padding:0}.sp-container .characteristics-list li,.sp-container .complexity-list li{margin:4px 0}.sp-container .blue-card{background:#dbeafe}.sp-container .green-card{background:#d1fae5}.sp-container .yellow-card{background:#fef3c7}.dark .sp-container .blue-card{background:#1e40af}.dark .sp-container .green-card{background:#166534}.dark .sp-container .yellow-card{background:#78350f}.sp-container .blue-title{color:#0593ff}.sp-container .green-title{color:#13e2a7}.sp-container .yellow-title{color:red}.dark .sp-container .blue-title,.dark .sp-container .green-title,.dark .sp-container .yellow-title{color:#f1f5f9}.sp-container .blue-text{color:#6a8ff7}.sp-container .green-text{color:#05dc98}.sp-container .yellow-text{color:#d97706}.dark .sp-container .blue-text,.dark .sp-container .green-text,.dark .sp-container .yellow-text{color:#f1f5f9}.sp-container .code-visualization-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px}.sp-container .code-container{background-color:#1e293b;border-radius:8px;color:#f1f5f9;font-family:Consolas,Monaco,monospace;font-size:14px;max-height:600px;overflow-x:auto;overflow-y:auto;padding:16px}.dark .sp-container .code-container{background-color:#0f172a;color:#e5e7eb}.sp-container .code-line{color:#e5e7eb;font-family:Consolas,Monaco,monospace;font-size:14px}.sp-container .code-line,.sp-container .highlighted-line{word-wrap:break-word;padding:2px 8px;white-space:pre-wrap}.sp-container .highlighted-line{background-color:#facc15;border-left:4px solid #f59e0b;color:#000;font-weight:700}.sp-container .input-form{display:flex;flex-direction:column;gap:16px}.sp-container .input-group{display:flex;flex-direction:column;gap:8px}.sp-container .input-group label{color:#1f2937;font-size:18px;font-weight:500}.dark .sp-container .input-group label{color:#f1f5f9}.sp-container .input-group input{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:16px;padding:10px 12px;transition:all .2s ease}.dark .sp-container .input-group input{background-color:#334155;border-color:#475569;color:#f1f5f9}.sp-container .input-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633;outline:none}.sp-container .submit-button{align-self:flex-start;background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 16px;transition:background-color .2s ease}.sp-container .submit-button:hover{background-color:#2563eb}.sp-container .visualization-area{display:flex;flex-direction:column;flex-grow:1}.sp-container .strings-section{display:flex;gap:20px;margin-bottom:20px}.sp-container .string-container{align-items:center;display:flex;gap:8px}.sp-container .string-label{color:#1f2937;font-size:18px;font-weight:500}.dark .sp-container .string-label{color:#f1f5f9}.sp-container .string-value{background-color:#f3f4f6;border-radius:6px;font-family:monospace;font-size:18px;padding:8px 12px}.dark .sp-container .string-value{background-color:#334155;color:#f1f5f9}.sp-container .tree-section{margin-bottom:20px}.sp-container .tree-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:center;overflow:visible;padding:10px;width:100%}.dark .sp-container .tree-container{background-color:#334155;border-color:#475569}.sp-container .solutions-section{margin-bottom:20px;margin-top:20px}.sp-container .solutions-container{align-items:center;background-color:#f3f4f6;border-radius:6px;display:flex;flex-direction:row;flex-wrap:wrap;font-family:monospace;font-size:16px;gap:8px 16px;justify-content:flex-start;max-height:150px;min-height:80px;overflow-y:auto;padding:16px}.dark .sp-container .solutions-container{background-color:#1e293b;color:#f1f5f9}.sp-container .permutation-item{background-color:#3b82f6;border-radius:16px;color:#fff;font-size:14px;font-weight:500;padding:4px 12px}.sp-container .array-title{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:12px;margin-top:0}.dark .sp-container .array-title{color:#f1f5f9}.sp-container .status-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin:20px 0}.sp-container .status-card{border-radius:8px;padding:16px}.sp-container .status-label{color:#4b5563;font-size:14px;font-weight:500;margin-bottom:8px}.dark .sp-container .status-label{color:#94a3b8}.sp-container .status-value{color:#1f2937;font-size:20px;font-weight:700}.dark .sp-container .status-value{color:#f9fafb}.sp-container .action-container{background-color:#f9fafb;border-left:4px solid #3b82f6;border-radius:8px;margin-bottom:24px;padding:16px;transition:all .3s ease}.dark .sp-container .action-container{background-color:#1e293b;border-left:4px solid #3b82f6}.sp-container .action-label{color:#4b5563;font-size:14px;font-weight:500;margin-bottom:4px}.dark .sp-container .action-label{color:#94a3b8}.sp-container .action-text{color:#1f2937;font-size:16px;line-height:1.5}.dark .sp-container .action-text{color:#f8fafc}.sp-container .controls-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:20px}.sp-container .speed-control{align-items:center;display:flex;gap:8px;margin-right:12px}.sp-container .speed-control label{color:#1f2937;font-size:14px;font-weight:500}.dark .sp-container .speed-control label{color:#f1f5f9}.sp-container .speed-control select{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;padding:8px 12px}.dark .sp-container .speed-control select{background-color:#334155;border-color:#475569;color:#f1f5f9}.sp-container .control-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:120px;padding:10px 16px;transition:all .2s ease}.sp-container .gray-button{background-color:#e5e7eb;color:#374151}.dark .sp-container .gray-button{background-color:#334155;color:#f1f5f9}.sp-container .blue-button{background-color:#3b82f6;color:#fff}.dark .sp-container .blue-button{background-color:#2563eb;color:#fff}.sp-container .red-button{background-color:#ef4444;color:#fff}.dark .sp-container .red-button{background-color:#dc2626;color:#fff}.sp-container .disabled-button{cursor:not-allowed;opacity:.5}.sp-container button:hover:not(:disabled){box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.sp-container button:active:not(:disabled){transform:translateY(0)}.sp-container .legend-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.sp-container .legend-item{align-items:center;display:flex;gap:12px}.sp-container .legend-color{border:1px solid #0000001a;border-radius:4px;flex-shrink:0;height:24px;width:24px}.dark .sp-container .legend-color{border-color:#ffffff1a}.sp-container .legend-text{color:#1f2937;font-size:16px;font-weight:500}.dark .sp-container .legend-text{color:#f9fafb}@media (max-width:1024px){.sp-container .code-visualization-grid{grid-template-columns:1fr}.sp-container .code-container{min-height:300px}.sp-container .complexity-grid{grid-template-columns:1fr}}@media (max-width:768px){.sp-container{padding:16px}.sp-container .title{font-size:24px}.sp-container .card-title{font-size:22px}.sp-container .controls-container{flex-direction:column}.sp-container .control-button{width:100%}.sp-container .legend-grid{grid-template-columns:repeat(2,1fr)}.sp-container .input-form{gap:12px}.sp-container .submit-button{align-self:auto;width:100%}.sp-container .code-visualization-grid{gap:16px}.sp-container .speed-control{justify-content:center;margin-right:0;width:100%}.sp-container .status-grid{grid-template-columns:1fr}}@media (max-width:480px){.sp-container .header{align-items:flex-start;flex-direction:column;gap:12px}.sp-container .title{font-size:22px;text-align:center;width:100%}.sp-container .strings-section{flex-direction:column;gap:12px}.sp-container .legend-grid{grid-template-columns:1fr}}.sos-container{background-color:#f8fafc;font-family:Arial,sans-serif;height:100%;overflow-x:hidden;overflow-y:auto;padding:24px}.dark .sos-container{background:#0f172a;color:#f8fafc}.sos-container .max-width{margin:0 auto;max-width:1200px}.sos-container .header{align-items:center;display:flex;justify-content:flex-start;margin-bottom:32px}.sos-container .title{color:#1f2937;font-size:30px;font-weight:700;margin:0}.dark .sos-container .title{color:#f8fafc}.sos-container .card{background-color:#fff;border-radius:12px;box-shadow:0 10px 15px #0000001a;display:flex;flex-direction:column;margin-bottom:24px;padding:24px}.dark .sos-container .card{background-color:#1e293b;color:#f1f5f9}.sos-container .card-title{color:#1f2937;font-size:28px;font-weight:600;margin-bottom:16px}.dark .sos-container .card-title{color:#f1f5f9}.sos-container .card-content{color:#374151;font-size:20px;line-height:1.6;margin-bottom:20px}.dark .sos-container .card-content{color:#e2e8f0}.sos-container .complexity-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.sos-container .complexity-card{border-radius:8px;padding:16px}.sos-container .complexity-title{font-size:20px;font-weight:600;margin:0 0 8px}.sos-container .characteristics-list,.sos-container .complexity-list{font-size:18px;list-style:none;margin:0;padding:0}.sos-container .characteristics-list li,.sos-container .complexity-list li{margin:4px 0}.sos-container .blue-card{background:#dbeafe}.sos-container .green-card{background:#d1fae5}.sos-container .yellow-card{background:#fef3c7}.dark .sos-container .blue-card{background:#1e40af}.dark .sos-container .green-card{background:#166534}.dark .sos-container .yellow-card{background:#78350f}.sos-container .blue-title{color:#0593ff}.sos-container .green-title{color:#13e2a7}.sos-container .yellow-title{color:red}.dark .sos-container .blue-title,.dark .sos-container .green-title,.dark .sos-container .yellow-title{color:#f1f5f9}.sos-container .blue-text{color:#6a8ff7}.sos-container .green-text{color:#05dc98}.sos-container .yellow-text{color:#d97706}.dark .sos-container .blue-text,.dark .sos-container .green-text,.dark .sos-container .yellow-text{color:#f1f5f9}.sos-container .code-visualization-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px}.sos-container .code-container{background-color:#1e293b;border-radius:8px;color:#f1f5f9;font-family:Consolas,Monaco,monospace;font-size:14px;max-height:600px;overflow-x:auto;overflow-y:auto;padding:16px}.dark .sos-container .code-container{background-color:#0f172a;color:#e5e7eb}.sos-container .code-line{word-wrap:break-word;color:#e5e7eb;font-family:Consolas,Monaco,monospace;font-size:14px;padding:2px 8px;white-space:pre-wrap}.sos-container .highlighted-line{word-wrap:break-word;background-color:#facc15;border-left:4px solid #f59e0b;color:#000;font-weight:700;padding:2px 8px;white-space:pre-wrap}.sos-container .input-form{display:flex;flex-direction:column;gap:16px}.sos-container .input-group{display:flex;flex-direction:column;gap:8px}.sos-container .input-group label{color:#1f2937;font-size:18px;font-weight:500}.dark .sos-container .input-group label{color:#f1f5f9}.sos-container .input-group input{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:16px;padding:10px 12px;transition:all .2s ease}.dark .sos-container .input-group input{background-color:#334155;border-color:#475569;color:#f1f5f9}.sos-container .input-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633;outline:none}.sos-container .submit-button{align-self:flex-start;background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 16px;transition:background-color .2s ease}.sos-container .submit-button:hover{background-color:#2563eb}.sos-container .visualization-area{display:flex;flex-direction:column;flex-grow:1}.sos-container .strings-section{display:flex;gap:20px;margin-bottom:20px}.sos-container .string-container{align-items:center;display:flex;gap:8px}.sos-container .string-label{color:#1f2937;font-size:18px;font-weight:500}.dark .sos-container .string-label{color:#f1f5f9}.sos-container .string-value{background-color:#f3f4f6;border-radius:6px;font-family:monospace;font-size:18px;padding:8px 12px}.dark .sos-container .string-value{background-color:#334155;color:#f1f5f9}.sos-container .tree-section{margin-bottom:20px}.sos-container .tree-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:center;overflow:visible;padding:10px;width:100%}.dark .sos-container .tree-container{background-color:#334155;border-color:#475569}.sos-container .solutions-section{margin-bottom:20px;margin-top:20px}.sos-container .solutions-container{align-items:flex-start;background-color:#f3f4f6;border-radius:6px;display:flex;flex-direction:column;font-family:monospace;font-size:16px;gap:8px;justify-content:flex-start;max-height:200px;min-height:80px;overflow-y:auto;padding:16px}.dark .sos-container .solutions-container{background-color:#1e293b;color:#f1f5f9}.sos-container .array-title{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:12px;margin-top:0}.dark .sos-container .array-title{color:#f1f5f9}.sos-container .status-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin:20px 0}.sos-container .status-card{border-radius:8px;padding:16px}.sos-container .status-label{color:#4b5563;font-size:14px;font-weight:500;margin-bottom:8px}.dark .sos-container .status-label{color:#94a3b8}.sos-container .status-value{color:#1f2937;font-size:20px;font-weight:700}.dark .sos-container .status-value{color:#f9fafb}.sos-container .action-container{background-color:#f9fafb;border-left:4px solid #3b82f6;border-radius:8px;margin-bottom:24px;padding:16px;transition:all .3s ease}.dark .sos-container .action-container{background-color:#1e293b;border-left:4px solid #3b82f6}.sos-container .action-label{color:#4b5563;font-size:14px;font-weight:500;margin-bottom:4px}.dark .sos-container .action-label{color:#94a3b8}.sos-container .action-text{color:#1f2937;font-size:16px;line-height:1.5}.dark .sos-container .action-text{color:#f8fafc}.sos-container .controls-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:20px}.sos-container .speed-control{align-items:center;display:flex;gap:8px;margin-right:12px}.sos-container .speed-control label{color:#1f2937;font-size:14px;font-weight:500}.dark .sos-container .speed-control label{color:#f1f5f9}.sos-container .speed-control select{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;padding:8px 12px}.dark .sos-container .speed-control select{background-color:#334155;border-color:#475569;color:#f1f5f9}.sos-container .control-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:120px;padding:10px 16px;transition:all .2s ease}.sos-container .gray-button{background-color:#e5e7eb;color:#374151}.dark .sos-container .gray-button{background-color:#334155;color:#f1f5f9}.sos-container .blue-button{background-color:#3b82f6;color:#fff}.dark .sos-container .blue-button{background-color:#2563eb;color:#fff}.sos-container .red-button{background-color:#ef4444;color:#fff}.dark .sos-container .red-button{background-color:#dc2626;color:#fff}.sos-container .disabled-button{cursor:not-allowed;opacity:.5}.sos-container button:hover:not(:disabled){box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.sos-container button:active:not(:disabled){transform:translateY(0)}.sos-container .legend-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.sos-container .legend-item{align-items:center;display:flex;gap:12px}.sos-container .legend-color{border:1px solid #0000001a;border-radius:4px;flex-shrink:0;height:24px;width:24px}.dark .sos-container .legend-color{border-color:#ffffff1a}.sos-container .legend-text{color:#1f2937;font-size:16px;font-weight:500}.dark .sos-container .legend-text{color:#f9fafb}@media (max-width:1024px){.sos-container .code-visualization-grid{grid-template-columns:1fr}.sos-container .code-container{min-height:300px}.sos-container .complexity-grid{grid-template-columns:1fr}}@media (max-width:768px){.sos-container{padding:16px}.sos-container .title{font-size:24px}.sos-container .card-title{font-size:22px}.sos-container .controls-container{flex-direction:column}.sos-container .control-button{width:100%}.sos-container .legend-grid{grid-template-columns:repeat(2,1fr)}.sos-container .input-form{gap:12px}.sos-container .submit-button{align-self:auto;width:100%}.sos-container .code-visualization-grid{gap:16px}.sos-container .speed-control{justify-content:center;margin-right:0;width:100%}.sos-container .status-grid{grid-template-columns:1fr}}@media (max-width:480px){.sos-container .header{align-items:flex-start;flex-direction:column;gap:12px}.sos-container .title{font-size:22px;text-align:center;width:100%}.sos-container .strings-section{flex-direction:column;gap:12px}.sos-container .legend-grid{grid-template-columns:1fr}}.nq-container{background-color:#f8fafc;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100%;overflow-x:hidden;overflow-y:auto;padding:24px}.dark .nq-container{background:#0f172a;color:#f8fafc}.nq-container .max-width{margin:0 auto;max-width:1200px}.nq-container .header{align-items:center;display:flex;justify-content:flex-start;margin-bottom:32px}.nq-container .title{color:#1f2937;font-size:30px;font-weight:700;margin:0}.dark .nq-container .title{color:#f8fafc}.nq-container .card{background-color:#fff;border-radius:12px;box-shadow:0 10px 15px #0000001a;display:flex;flex-direction:column;margin-bottom:24px;padding:24px}.dark .nq-container .card{background-color:#1e293b;color:#f1f5f9}.nq-container .card-title{color:#1f2937;font-size:28px;font-weight:600;margin-bottom:16px}.dark .nq-container .card-title{color:#f1f5f9}.nq-container .card-content{color:#374151;font-size:20px;line-height:1.6;margin-bottom:20px}.dark .nq-container .card-content{color:#e2e8f0}.nq-container .input-group{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.nq-container .input-group h3{color:#1f2937;font-size:18px;margin:0}.dark .nq-container .input-group h3{color:#f1f5f9}.nq-container .size-selector{display:flex;flex-wrap:wrap;gap:10px}.nq-container .size-button{background:#f9fafb;border:2px solid #cbd5e1;border-radius:8px;color:#475569;cursor:pointer;font-size:16px;font-weight:600;height:50px;transition:all .2s ease;width:50px}.nq-container .size-button:hover:not(:disabled){background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.nq-container .size-button.active{background:#3b82f6;border-color:#2563eb;color:#fff}.nq-container .size-button:disabled{cursor:not-allowed;opacity:.5}.dark .nq-container .size-button{background:#334155;border-color:#475569;color:#cbd5e1}.nq-container .game-container{align-items:center;display:flex;flex-direction:column;gap:20px;margin:20px 0}.nq-container .chess-board{grid-gap:0;aspect-ratio:1;background:#8b7355;border:2px solid #5c4033;border-radius:8px;box-shadow:0 4px 12px #0000001a;display:grid;gap:0;max-width:400px;padding:8px;width:100%}.dark .nq-container .chess-board{background:#6b5344;border-color:#3e2723}.nq-container .chess-square{align-items:center;aspect-ratio:1;cursor:pointer;display:flex;justify-content:center;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none}.nq-container .chess-square.light{background:tan}.nq-container .chess-square.dark{background:#8b7355}.dark .nq-container .chess-square.light{background:#9b8f7f}.dark .nq-container .chess-square.dark{background:#6b5344}.nq-container .chess-square:hover{filter:brightness(.95)}.nq-container .chess-square.has-queen{background:linear-gradient(135deg,#10b981,#059669)!important}.nq-container .chess-square.conflict-square{animation:shake .4s ease;background:linear-gradient(135deg,#ef4444,#dc2626)!important}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}.nq-container .queen-symbol{color:#fff;font-size:32px;font-weight:700;text-shadow:0 2px 4px #0000004d}.nq-container .conflict-alert{align-items:center;background:#fee2e2;border-radius:8px;color:#b91c1c;display:flex;font-size:16px;font-weight:500;gap:12px;padding:12px 16px}.dark .nq-container .conflict-alert{background:#7f1d1d;color:#fecaca}.nq-container .success-alert{align-items:center;background:#dcfce7;border-radius:8px;color:#166534;display:flex;font-size:16px;font-weight:500;gap:12px;padding:12px 16px}.dark .nq-container .success-alert{background:#064e3b;color:#86efac}.nq-container .success-alert .btn-secondary{font-size:13px;padding:6px 12px}.nq-container .counter-info{background:#eff6ff;border-left:3px solid #3b82f6;border-radius:6px;color:#3b82f6;font-size:14px;font-weight:600;padding:10px 16px}.dark .nq-container .counter-info{background:#1e40af;color:#93c5fd}.nq-container .button-group{display:flex;gap:12px;justify-content:center;margin-top:16px;width:100%}.nq-container .blue-button,.nq-container .gray-button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;max-width:200px;padding:10px 16px;transition:all .2s ease}.nq-container .gray-button{background-color:#e5e7eb;color:#374151}.dark .nq-container .gray-button{background-color:#334155;color:#f1f5f9}.nq-container .blue-button{background-color:#3b82f6;color:#fff}.dark .nq-container .blue-button{background-color:#2563eb}.nq-container .btn-secondary{background:#e5e7eb;border:none;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;padding:10px 16px;transition:all .2s ease}.dark .nq-container .btn-secondary{background:#334155;color:#f1f5f9}.nq-container button:hover:not(:disabled){box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.nq-container button:active:not(:disabled){transform:translateY(0)}.nq-container .complexity-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.nq-container .complexity-card{border-radius:8px;padding:16px}.nq-container .blue-card{background:#dbeafe}.nq-container .green-card{background:#d1fae5}.nq-container .yellow-card{background:#fef3c7}.dark .nq-container .blue-card{background:#1e40af}.dark .nq-container .green-card{background:#166534}.dark .nq-container .yellow-card{background:#78350f}.nq-container .complexity-title{font-size:20px;font-weight:600;margin:0 0 8px}.nq-container .blue-title{color:#0593ff}.nq-container .green-title{color:#13e2a7}.nq-container .yellow-title{color:red}.dark .nq-container .blue-title,.dark .nq-container .green-title,.dark .nq-container .yellow-title{color:#f1f5f9}.nq-container .characteristics-list,.nq-container .complexity-list{font-size:18px;list-style:none;margin:0;padding:0}.nq-container .blue-text{color:#6a8ff7}.nq-container .green-text{color:#05dc98}.nq-container .yellow-text{color:#d97706}.dark .nq-container .blue-text,.dark .nq-container .green-text,.dark .nq-container .yellow-text{color:#f1f5f9}.nq-container .characteristics-list li,.nq-container .complexity-list li{margin:4px 0}.nq-container .code-visualization-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px}.nq-container .visualization-area{display:flex;flex-direction:column;flex-grow:1}.nq-container .code-container{background-color:#1e293b;border-radius:8px;color:#f1f5f9;font-family:Consolas,Monaco,monospace;font-size:14px;max-height:600px;overflow-x:auto;overflow-y:auto;padding:16px}.dark .nq-container .code-container{background-color:#0f172a}.nq-container .code-line{color:#e5e7eb;font-family:Consolas,Monaco,monospace;font-size:14px}.nq-container .code-line,.nq-container .highlighted-line{word-wrap:break-word;padding:2px 8px;white-space:pre-wrap}.nq-container .highlighted-line{background-color:#facc15;border-left:4px solid #f59e0b;color:#000;font-weight:700}.nq-container .tree-section{margin-bottom:20px}.nq-container .array-title{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:12px;margin-top:0}.dark .nq-container .array-title{color:#f1f5f9}.nq-container .tree-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:center;min-height:400px;overflow:visible;padding:10px;width:100%}.dark .nq-container .tree-container{background-color:#334155;border-color:#475569}.nq-container .board-visualization{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:20px}.dark .nq-container .board-visualization{background:#0f172a;border-color:#334155}.nq-container .vis-description{color:#6b7280;font-size:14px;font-weight:500;line-height:1.5;margin:0 0 16px}.dark .nq-container .vis-description{color:#cbd5e1}.nq-container .vis-chess-board{grid-gap:0;aspect-ratio:1;background:#8b7355;border:2px solid #5c4033;border-radius:8px;box-shadow:inset 0 2px 8px #0003;display:grid;gap:0;margin:16px auto;max-width:350px;padding:8px}.dark .nq-container .vis-chess-board{background:#6b5344;border-color:#3e2723}.nq-container .vis-chess-square{align-items:center;aspect-ratio:1;display:flex;justify-content:center;position:relative;transition:all .3s ease;-webkit-user-select:none;user-select:none}.nq-container .vis-chess-square.light{background:tan}.nq-container .vis-chess-square.dark{background:#8b7355}.dark .nq-container .vis-chess-square.light{background:#9b8f7f}.dark .nq-container .vis-chess-square.dark{background:#6b5344}.nq-container .vis-chess-square.queen-placed{background:linear-gradient(135deg,#10b981,#059669)!important;box-shadow:inset 0 2px 4px #0003,0 0 8px #10b98166}.nq-container .vis-chess-square.current-cell{animation:boardPulse 1.5s infinite;background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;box-shadow:inset 0 2px 4px #0003,0 0 12px #f59e0b80}@keyframes boardPulse{0%,to{box-shadow:inset 0 2px 4px #0003,0 0 8px #f59e0b4d}50%{box-shadow:inset 0 2px 4px #0003,0 0 16px #f59e0b99}}.nq-container .vis-chess-square.visited-cell{background:linear-gradient(135deg,#dbeafe,#bfdbfe)!important;opacity:.8}.nq-container .vis-queen-symbol{animation:queenBounce .6s ease;color:#fff;font-size:28px;font-weight:700;text-shadow:0 2px 4px #0006}@keyframes queenBounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.nq-container .current-indicator{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.nq-container .pulse-dot{animation:dotPulse 1.5s infinite;background:#1f2937;border-radius:50%;height:8px;width:8px}.dark .nq-container .pulse-dot{background:#f1f5f9}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}.nq-container .tree-description{color:#6b7280;font-size:14px;font-weight:500;line-height:1.5;margin:0 0 16px}.dark .nq-container .tree-description{color:#cbd5e1}.nq-container .cycles-section{margin-bottom:20px}.nq-container .cycles-container{align-items:flex-start;background-color:#f3f4f6;border-radius:6px;display:flex;flex-direction:column;font-family:monospace;font-size:13px;gap:8px;max-height:200px;min-height:60px;overflow-y:auto;padding:16px}.dark .nq-container .cycles-container{background-color:#1e293b;color:#f1f5f9}.nq-container .cycle-item{background-color:#e0f2fe;border-radius:4px;color:#0369a1;font-size:12px;font-weight:500;padding:6px 10px}.dark .nq-container .cycle-item{background-color:#0c4a6e;color:#7dd3fc}.nq-container .status-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin:20px 0}.nq-container .status-card{border-radius:8px;padding:16px}.nq-container .status-label{color:#4b5563;font-size:12px;font-weight:500;margin-bottom:8px}.dark .nq-container .status-label{color:#94a3b8}.nq-container .status-value{color:#1f2937;font-size:28px;font-weight:700}.dark .nq-container .status-value{color:#f9fafb}.nq-container .action-container{background-color:#f9fafb;border-left:4px solid #3b82f6;border-radius:8px;margin-bottom:24px;padding:16px;transition:all .3s ease}.dark .nq-container .action-container{background-color:#1e293b;border-left:4px solid #3b82f6}.nq-container .action-label{color:#4b5563;font-size:16px;font-weight:500;margin-bottom:4px}.dark .nq-container .action-label{color:#94a3b8}.nq-container .action-text{color:#1f2937;font-size:16px;line-height:1.5}.dark .nq-container .action-text{color:#f8fafc}.nq-container .controls-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:20px}.nq-container .speed-control{align-items:center;display:flex;gap:8px;margin-right:12px}.nq-container .speed-control label{color:#1f2937;font-size:14px;font-weight:500}.dark .nq-container .speed-control label{color:#f1f5f9}.nq-container .speed-control select{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;padding:8px 12px}.dark .nq-container .speed-control select{background-color:#334155;border-color:#475569;color:#f1f5f9}.nq-container .control-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;min-width:110px;padding:10px 16px;transition:all .2s ease}.nq-container .red-button{background-color:#ef4444;color:#fff}.dark .nq-container .red-button{background-color:#dc2626}.nq-container .disabled-button{cursor:not-allowed;opacity:.5}.nq-container .legend-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.nq-container .legend-item{align-items:center;display:flex;gap:5px}.nq-container .legend-color{border-radius:4px;height:20px;width:20px}.nq-container .queen-color{background:linear-gradient(135deg,#10b981,#059669)}.nq-container .light-square{background:#f0f9ff;border:1px solid #cbd5e1}.nq-container .dark-square{background:#cbd5e1}.nq-container .conflict-color{background:linear-gradient(135deg,#ef4444,#dc2626)}.nq-container .legend-text{color:#374151;font-size:18px}.dark .nq-container .legend-text{color:#e2e8f0}@media (max-width:1024px){.nq-container .code-visualization-grid,.nq-container .complexity-grid{grid-template-columns:1fr}}@media (max-width:768px){.nq-container{padding:16px}.nq-container .title{font-size:24px}.nq-container .card-title{font-size:22px}.nq-container .controls-container{flex-direction:column}.nq-container .control-button{width:100%}.nq-container .legend-grid{grid-template-columns:repeat(2,1fr)}.nq-container .size-selector{justify-content:center}.nq-container .chess-board,.nq-container .vis-chess-board{max-width:90vw}.nq-container .status-grid{grid-template-columns:1fr}.nq-container .button-group{flex-direction:column}.nq-container .button-group button{max-width:none}.nq-container .speed-control{justify-content:center;margin-right:0;width:100%}}@media (max-width:480px){.nq-container{padding:12px}.nq-container .header{align-items:flex-start;flex-direction:column;gap:12px}.nq-container .title{font-size:22px;width:100%}.nq-container .legend-grid{grid-template-columns:1fr}.nq-container .size-selector{gap:8px;justify-content:center}.nq-container .size-button{font-size:14px;height:45px;width:45px}.nq-container .chess-board{max-width:100vw}.nq-container .success-alert{align-items:flex-start;flex-direction:column}.nq-container .success-alert .btn-secondary{margin-left:0!important;width:100%}.nq-container .status-value{font-size:24px}.nq-container .code-container{font-size:11px}}.hc-container{background-color:#f8fafc;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100%;overflow-x:hidden;overflow-y:auto;padding:24px}.dark .hc-container{background:#0f172a;color:#f8fafc}.hc-container .max-width{margin:0 auto;max-width:1200px}.hc-container .header{align-items:center;display:flex;justify-content:flex-start;margin-bottom:32px}.hc-container .title{color:#1f2937;font-size:30px;font-weight:700;margin:0}.dark .hc-container .title{color:#f8fafc}.hc-container .card{background-color:#fff;border-radius:12px;box-shadow:0 10px 15px #0000001a;display:flex;flex-direction:column;margin-bottom:24px;padding:24px}.dark .hc-container .card{background-color:#1e293b;color:#f1f5f9}.hc-container .card-title{color:#1f2937;font-size:28px;font-weight:600;margin-bottom:16px}.dark .hc-container .card-title{color:#f1f5f9}.hc-container .card-content{color:#374151;font-size:24px;line-height:1.6;margin-bottom:16px}.dark .hc-container .card-content{color:#e2e8f0}.hc-container .complexity-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.hc-container .complexity-card{border-radius:8px;padding:16px}.hc-container .complexity-title{font-size:20px;font-weight:600;margin-bottom:8px}.hc-container .characteristics-list,.hc-container .complexity-list{font-size:18px;list-style:none;margin:0;padding:0}.hc-container .characteristics-list li,.hc-container .complexity-list li{margin-bottom:4px}.hc-container .blue-card{background:#dbeafe}.hc-container .green-card{background:#dcfce7}.hc-container .yellow-card{background:#fef3c7}.dark .hc-container .blue-card{background:#1e40af}.dark .hc-container .green-card{background:#166534}.dark .hc-container .yellow-card{background:#92400e}.hc-container .blue-title{color:#1e40af}.hc-container .green-title{color:#065f46}.hc-container .yellow-title{color:#92400e}.dark .hc-container .blue-title{color:#93c5fd}.dark .hc-container .green-title{color:#6ee7b7}.dark .hc-container .yellow-title{color:#fcd34d}.hc-container .blue-text{color:#1e40af}.hc-container .green-text{color:#065f46}.hc-container .yellow-text{color:#92400e}.dark .hc-container .blue-text{color:#bfdbfe}.dark .hc-container .green-text{color:#a7f3d0}.dark .hc-container .yellow-text{color:#fde68a}.hc-container .input-mode-toggle{background:#e5e7eb;border-radius:8px;display:flex;margin-bottom:16px;overflow:hidden}.dark .hc-container .input-mode-toggle{background:#334155}.hc-container .toggle-button{background:#0000;border:none;cursor:pointer;flex:1 1;font-weight:500;padding:10px;transition:all .2s ease}.hc-container .toggle-button.active{background:#3b82f6;color:#fff}.dark .hc-container .toggle-button.active{background:#2563eb}.hc-container .visual-input{display:flex;flex-direction:column;gap:20px}.hc-container .input-group{display:flex;flex-direction:column;gap:12px}.hc-container .input-group h3{color:#1f2937;font-size:18px;margin:0}.dark .hc-container .input-group h3{color:#f1f5f9}.hc-container .input-row{align-items:center;display:flex;gap:10px}.hc-container .input-row input,.hc-container .input-row select{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;flex:1 1;font-size:14px;padding:10px 12px}.dark .hc-container .input-row input,.dark .hc-container .input-row select{background-color:#334155;border-color:#475569;color:#f1f5f9}.hc-container .add-button{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:6px;padding:10px 16px;transition:background .2s ease}.hc-container .add-button:hover{background:#2563eb}.hc-container .edge-list,.hc-container .node-list{display:flex;flex-direction:column;gap:8px;max-height:150px;overflow-y:auto;padding:5px}.hc-container .edge-item,.hc-container .node-item{align-items:center;background:#f3f4f6;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.dark .hc-container .edge-item,.dark .hc-container .node-item{background:#334155}.hc-container .remove-button{align-items:center;background:#0000;border:none;border-radius:4px;color:#ef4444;cursor:pointer;display:flex;justify-content:center;padding:4px}.dark .hc-container .remove-button{color:#f87171}.hc-container .remove-button:hover{background:#ef44441a}.hc-container .json-input{display:flex;flex-direction:column;gap:12px}.hc-container .graph-textarea{border:1px solid #e5e7eb;border-radius:6px;font-family:Courier New,Courier,monospace;font-size:14px;min-height:200px;padding:12px;resize:vertical;width:100%}.dark .hc-container .graph-textarea{background-color:#334155;border-color:#475569;color:#f1f5f9}.hc-container .button-group{display:flex;gap:12px;margin-top:16px}.hc-container .graph-visualization-container{background:#f9fafb;border-radius:8px;height:300px;margin-bottom:20px;overflow:hidden;position:relative;width:100%}.dark .hc-container .graph-visualization-container{background:#1e293b}.hc-container .graph-canvas{height:100%;position:relative;width:100%}.hc-container .graph-svg{height:100%;width:100%}.hc-container .edge{fill:none;stroke:#94a3b8;stroke-width:2;transition:all .3s ease}.hc-container .edge.active-edge{stroke:#3b82f6;stroke-width:3;animation:pulse 1.5s infinite}.hc-container .edge.path-edge{stroke:#10b981;stroke-width:3}.dark .hc-container .edge{stroke:#64748b}.hc-container .graph-node{align-items:center;background:#3b82f6;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-weight:700;height:50px;justify-content:center;position:absolute;transition:all .3s ease;width:50px;z-index:10}.dark .hc-container .graph-node{background:#2563eb}.hc-container .graph-node.current-node{background:#f59e0b!important;box-shadow:0 0 0 4px #f59e0b4d;transform:scale(1.2)}.dark .hc-container .graph-node.current-node{background:#d97706!important}.hc-container .graph-node.visited-node{background:#8b5cf6;box-shadow:0 0 0 3px #8b5cf64d;transform:scale(1.1)}.hc-container .graph-node.path-node{background:#10b981;box-shadow:0 0 0 3px #10b9814d;transform:scale(1.1)}.dark .hc-container .graph-node.visited-node{background:#7c3aed}.dark .hc-container .graph-node.path-node{background:#059669}.hc-container .node-id{font-size:18px;font-weight:700}.hc-container .tree-section{margin-bottom:20px}.hc-container .tree-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:center;overflow:visible;padding:10px;width:100%}.dark .hc-container .tree-container{background-color:#334155;border-color:#475569}.hc-container .cycles-section{margin-bottom:20px}.hc-container .cycles-container{align-items:flex-start;background-color:#f3f4f6;border-radius:6px;display:flex;flex-direction:column;font-family:monospace;font-size:16px;gap:8px;max-height:200px;min-height:60px;overflow-y:auto;padding:16px}.dark .hc-container .cycles-container{background-color:#1e293b;color:#f1f5f9}.hc-container .cycle-item{background-color:#e0f2fe;border-radius:4px;color:#0369a1;font-weight:500;padding:6px 10px}.dark .hc-container .cycle-item{background-color:#0c4a6e;color:#7dd3fc}.hc-container .array-title{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:12px;margin-top:0}.dark .hc-container .array-title{color:#f1f5f9}.hc-container .status-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin:20px 0}.hc-container .status-card{border-radius:8px;padding:16px}.hc-container .status-label{color:#4b5563;font-size:14px;font-weight:500;margin-bottom:8px}.dark .hc-container .status-label{color:#94a3b8}.hc-container .status-value{color:#1f2937;font-size:24px;font-weight:700}.dark .hc-container .status-value{color:#f9fafb}.hc-container .no-cycle-warning{align-items:center;background:#fee2e2;border-radius:8px;color:#b91c1c;display:flex;font-weight:500;gap:8px;margin-bottom:16px;padding:12px}.dark .hc-container .no-cycle-warning{background:#7f1d1d;color:#fecaca}.hc-container .action-container{background-color:#f9fafb;border-left:4px solid #3b82f6;border-radius:8px;margin-bottom:24px;padding:16px;transition:all .3s ease}.dark .hc-container .action-container{background-color:#1e293b;border-left:4px solid #3b82f6}.hc-container .action-label{color:#4b5563;font-size:14px;font-weight:500;margin-bottom:4px}.dark .hc-container .action-label{color:#94a3b8}.hc-container .action-text{color:#1f2937;font-size:16px;line-height:1.5}.dark .hc-container .action-text{color:#f8fafc}.hc-container .controls-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:20px}.hc-container .speed-control{align-items:center;display:flex;gap:8px;margin-right:12px}.hc-container .speed-control label{color:#1f2937;font-size:14px;font-weight:500}.dark .hc-container .speed-control label{color:#f1f5f9}.hc-container .speed-control select{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;padding:8px 12px}.dark .hc-container .speed-control select{background-color:#334155;border-color:#475569;color:#f1f5f9}.hc-container .control-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;min-width:110px;padding:10px 16px;transition:all .2s ease}.hc-container .gray-button{background-color:#e5e7eb;color:#374151}.dark .hc-container .gray-button{background-color:#334155;color:#f1f5f9}.hc-container .blue-button{background-color:#3b82f6;color:#fff}.dark .hc-container .blue-button{background-color:#2563eb;color:#fff}.hc-container .red-button{background-color:#ef4444;color:#fff}.dark .hc-container .red-button{background-color:#dc2626;color:#fff}.hc-container .disabled-button{cursor:not-allowed;opacity:.5}.hc-container button:hover:not(:disabled){box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.hc-container button:active:not(:disabled){transform:translateY(0)}.hc-container .legend-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.hc-container .legend-item{align-items:center;display:flex;gap:8px}.hc-container .legend-color{border-radius:4px;height:20px;width:20px}.hc-container .legend-color.current-node{background:#f59e0b}.hc-container .legend-color.visited-node{background:#8b5cf6}.hc-container .legend-color.path-node{background:#10b981}.hc-container .legend-color.active-edge{background:#3b82f6}.hc-container .legend-color.path-edge{background:#10b981}.hc-container .legend-text{font-size:18px}.hc-container .code-container{background-color:#1e293b;border-radius:8px;color:#f1f5f9;font-family:Consolas,Monaco,monospace;font-size:14px;max-height:600px;overflow-x:auto;overflow-y:auto;padding:16px}.dark .hc-container .code-container{background-color:#0f172a;color:#e5e7eb}.hc-container .code-line{color:#e5e7eb;font-family:Consolas,Monaco,monospace;font-size:14px}.hc-container .code-line,.hc-container .highlighted-line{word-wrap:break-word;padding:2px 8px;white-space:pre-wrap}.hc-container .highlighted-line{background-color:#facc15;border-left:4px solid #f59e0b;color:#000;font-weight:700}.hc-container .code-visualization-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px}.hc-container .visualization-area{display:flex;flex-direction:column;flex-grow:1}@keyframes pulse{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}@media (max-width:1024px){.hc-container .code-visualization-grid{grid-template-columns:1fr}}@media (max-width:768px){.hc-container{padding:16px}.hc-container .complexity-grid{grid-template-columns:1fr}.hc-container .title{font-size:24px}.hc-container .card-title{font-size:22px}.hc-container .controls-container{flex-direction:column}.hc-container .control-button{width:100%}.hc-container .legend-grid{grid-template-columns:repeat(2,1fr)}.hc-container .input-row{flex-direction:column}.hc-container .input-row input,.hc-container .input-row select{width:100%}.hc-container .add-button{justify-content:center;width:100%}.hc-container .graph-visualization-container{height:250px}.hc-container .graph-node{height:44px;width:44px}.hc-container .node-id{font-size:16px}.hc-container .status-grid{grid-template-columns:1fr}.hc-container .speed-control{justify-content:center;margin-right:0;width:100%}}@media (max-width:480px){.hc-container .header{align-items:flex-start;flex-direction:column;gap:12px}.hc-container .title{font-size:22px;text-align:center;width:100%}.hc-container .legend-grid{grid-template-columns:1fr}.hc-container .input-mode-toggle{flex-direction:column}.hc-container .toggle-button{padding:12px}}.mc-container{background-color:#f8fafc;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100%;overflow-x:hidden;overflow-y:auto;padding:24px}.dark .mc-container{background:#0f172a;color:#f8fafc}.mc-container .max-width{margin:0 auto;max-width:1200px}.mc-container .header{align-items:center;display:flex;justify-content:flex-start;margin-bottom:32px}.mc-container .title{color:#1f2937;font-size:30px;font-weight:700;margin:0}.dark .mc-container .title{color:#f8fafc}.mc-container .card{background-color:#fff;border-radius:12px;box-shadow:0 10px 15px #0000001a;display:flex;flex-direction:column;margin-bottom:24px;padding:24px}.dark .mc-container .card{background-color:#1e293b;color:#f1f5f9}.mc-container .card-title{color:#1f2937;font-size:28px;font-weight:600;margin-bottom:16px}.dark .mc-container .card-title{color:#f1f5f9}.mc-container .card-content{color:#374151;font-size:24px;line-height:1.6;margin-bottom:16px}.dark .mc-container .card-content{color:#e2e8f0}.mc-container .complexity-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.mc-container .complexity-card{border-radius:8px;padding:16px}.mc-container .complexity-title{font-size:20px;font-weight:600;margin-bottom:8px}.mc-container .characteristics-list,.mc-container .complexity-list{font-size:18px;list-style:none;margin:0;padding:0}.mc-container .characteristics-list li,.mc-container .complexity-list li{margin-bottom:4px}.mc-container .blue-card{background:#dbeafe}.mc-container .green-card{background:#dcfce7}.mc-container .yellow-card{background:#fef3c7}.dark .mc-container .blue-card{background:#1e40af}.dark .mc-container .green-card{background:#166534}.dark .mc-container .yellow-card{background:#92400e}.mc-container .blue-title{color:#1e40af}.mc-container .green-title{color:#065f46}.mc-container .yellow-title{color:#92400e}.dark .mc-container .blue-title{color:#93c5fd}.dark .mc-container .green-title{color:#6ee7b7}.dark .mc-container .yellow-title{color:#fcd34d}.mc-container .blue-text{color:#1e40af}.mc-container .green-text{color:#065f46}.mc-container .yellow-text{color:#92400e}.dark .mc-container .blue-text{color:#bfdbfe}.dark .mc-container .green-text{color:#a7f3d0}.dark .mc-container .yellow-text{color:#fde68a}.mc-container .color-selection{background:#f3f4f6;border-radius:8px;margin-bottom:20px;padding:16px}.dark .mc-container .color-selection{background:#334155}.mc-container .color-selection label{color:#1f2937;display:block;font-weight:600;margin-bottom:10px}.dark .mc-container .color-selection label{color:#f1f5f9}.mc-container .color-buttons{display:flex;flex-wrap:wrap;gap:10px}.mc-container .color-button{background:#fff;border:2px solid #e5e7eb;border-radius:6px;cursor:pointer;flex:1 1;font-weight:500;min-width:100px;padding:10px 16px;transition:all .2s ease}.dark .mc-container .color-button{background:#1e293b;border-color:#475569;color:#f1f5f9}.mc-container .color-button.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.mc-container .color-button:hover{transform:translateY(-1px)}.mc-container .input-mode-toggle{background:#e5e7eb;border-radius:8px;display:flex;margin-bottom:16px;overflow:hidden}.dark .mc-container .input-mode-toggle{background:#334155}.mc-container .toggle-button{background:#0000;border:none;cursor:pointer;flex:1 1;font-weight:500;padding:10px;transition:all .2s ease}.mc-container .toggle-button.active{background:#3b82f6;color:#fff}.dark .mc-container .toggle-button.active{background:#2563eb}.mc-container .visual-input{display:flex;flex-direction:column;gap:20px;margin-bottom:16px}.mc-container .input-group{display:flex;flex-direction:column;gap:12px}.mc-container .input-group h3{color:#1f2937;font-size:16px;margin:0}.dark .mc-container .input-group h3{color:#f1f5f9}.mc-container .input-row{align-items:center;display:flex;gap:10px}.mc-container .input-row input,.mc-container .input-row select{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;flex:1 1;font-size:14px;padding:10px 12px}.dark .mc-container .input-row input,.dark .mc-container .input-row select{background-color:#334155;border-color:#475569;color:#f1f5f9}.mc-container .add-button{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:6px;padding:10px 16px;transition:background .2s ease}.mc-container .add-button:hover{background:#2563eb}.mc-container .edge-list,.mc-container .node-list{display:flex;flex-direction:column;gap:8px;max-height:150px;overflow-y:auto;padding:5px}.mc-container .edge-item,.mc-container .node-item{align-items:center;background:#f3f4f6;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.dark .mc-container .edge-item,.dark .mc-container .node-item{background:#334155}.mc-container .remove-button{background:#0000;border:none;border-radius:4px;color:#ef4444;cursor:pointer;padding:4px}.dark .mc-container .remove-button{color:#f87171}.mc-container .remove-button:hover{background:#ef44441a}.mc-container .json-input{margin-bottom:16px}.mc-container .graph-textarea{border:1px solid #e5e7eb;border-radius:6px;font-family:Courier New,Courier,monospace;font-size:14px;min-height:200px;padding:12px;resize:vertical;width:100%}.dark .mc-container .graph-textarea{background-color:#334155;border-color:#475569;color:#f1f5f9}.mc-container .button-group{display:flex;gap:12px;margin-top:16px}.mc-container .gray-button{background:#e5e7eb;border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:10px 16px;transition:background .2s ease}.dark .mc-container .gray-button{background:#334155;color:#f1f5f9}.mc-container .graph-visualization-container{background:#f9fafb;border-radius:8px;height:300px;margin-bottom:20px;overflow:hidden;position:relative;width:100%}.dark .mc-container .graph-visualization-container{background:#1e293b}.mc-container .graph-canvas{height:100%;position:relative;width:100%}.mc-container .graph-svg{height:100%;width:100%}.mc-container .edge{fill:none;stroke:#94a3b8;stroke-width:2;transition:all .3s ease}.dark .mc-container .edge{stroke:#64748b}.mc-container .graph-node{align-items:center;background:#e5e7eb;border:2px solid #1f2937;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-weight:700;height:60px;justify-content:center;position:absolute;transition:all .3s ease;width:60px;z-index:10}.dark .mc-container .graph-node{background:#475569}.mc-container .graph-node.current-node{background:#f59e0b;border-color:#f59e0b;box-shadow:0 0 0 4px #f59e0b4d;transform:scale(1.15)}.mc-container .graph-node.colored-red{background:#ef4444;border-color:#dc2626;color:#fff}.mc-container .graph-node.colored-green{background:#10b981;border-color:#059669;color:#fff}.mc-container .graph-node.colored-blue{background:#3b82f6;border-color:#1d4ed8;color:#fff}.mc-container .node-id{font-size:18px;font-weight:700}.mc-container .node-color{font-size:10px;font-weight:700;margin-top:2px}.mc-container .tree-section{margin-bottom:20px}.mc-container .tree-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:center;overflow:visible;padding:10px;width:100%}.dark .mc-container .tree-container{background-color:#334155;border-color:#475569}.mc-container .coloring-section{margin-bottom:20px}.mc-container .coloring-container{align-items:flex-start;background-color:#f3f4f6;border-radius:6px;display:flex;flex-wrap:wrap;gap:12px;min-height:60px;padding:16px}.dark .mc-container .coloring-container{background-color:#1e293b;color:#f1f5f9}.mc-container .coloring-item{align-items:center;background:#fff;border-radius:6px;display:flex;gap:8px;padding:8px 12px}.dark .mc-container .coloring-item{background:#334155}.mc-container .vertex-label{color:#1f2937;font-weight:600}.dark .mc-container .vertex-label{color:#f1f5f9}.mc-container .color-tag{border-radius:4px;color:#fff;font-size:12px;font-weight:600;padding:4px 10px}.mc-container .array-title{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:12px;margin-top:0}.dark .mc-container .array-title{color:#f1f5f9}.mc-container .status-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin:20px 0}.mc-container .status-card{border-radius:8px;padding:16px}.mc-container .status-label{color:#4b5563;font-size:14px;font-weight:500;margin-bottom:8px}.dark .mc-container .status-label{color:#94a3b8}.mc-container .status-value{color:#1f2937;font-size:24px;font-weight:700}.dark .mc-container .status-value{color:#f9fafb}.mc-container .no-solution-warning{align-items:center;background:#fee2e2;border-radius:8px;color:#b91c1c;display:flex;font-weight:500;gap:8px;margin-bottom:16px;padding:12px}.dark .mc-container .no-solution-warning{background:#7f1d1d;color:#fecaca}.mc-container .action-container{background-color:#f9fafb;border-left:4px solid #3b82f6;border-radius:8px;margin-bottom:24px;padding:16px}.dark .mc-container .action-container{background-color:#1e293b;border-left:4px solid #3b82f6}.mc-container .action-label{color:#4b5563;font-size:14px;font-weight:500;margin-bottom:4px}.dark .mc-container .action-label{color:#94a3b8}.mc-container .action-text{color:#1f2937;font-size:16px;line-height:1.5}.dark .mc-container .action-text{color:#f8fafc}.mc-container .controls-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:20px}.mc-container .speed-control{align-items:center;display:flex;gap:8px;margin-right:12px}.mc-container .speed-control label{color:#1f2937;font-size:14px;font-weight:500}.dark .mc-container .speed-control label{color:#f1f5f9}.mc-container .speed-control select{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;padding:8px 12px}.dark .mc-container .speed-control select{background-color:#334155;border-color:#475569;color:#f1f5f9}.mc-container .control-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;min-width:110px;padding:10px 16px;transition:all .2s ease}.mc-container .blue-button{background-color:#3b82f6;color:#fff}.dark .mc-container .blue-button{background-color:#2563eb}.mc-container .red-button{background-color:#ef4444;color:#fff}.dark .mc-container .red-button{background-color:#dc2626}.mc-container .disabled-button{cursor:not-allowed;opacity:.5}.mc-container button:hover:not(:disabled){box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.mc-container .legend-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.mc-container .legend-item{align-items:center;display:flex;gap:8px}.mc-container .legend-color{border-radius:50%;height:20px;width:20px}.dark .mc-container .legend-color{border-color:#f1f5f9}.mc-container .legend-text{font-size:18px;font-weight:500}.mc-container .code-container{background-color:#1e293b;border-radius:8px;color:#f1f5f9;font-family:Consolas,Monaco,monospace;font-size:14px;max-height:600px;overflow-x:auto;overflow-y:auto;padding:16px}.dark .mc-container .code-container{background-color:#0f172a;color:#e5e7eb}.mc-container .code-line{color:#e5e7eb;font-family:Consolas,Monaco,monospace;font-size:14px}.mc-container .code-line,.mc-container .highlighted-line{word-wrap:break-word;padding:2px 8px;white-space:pre-wrap}.mc-container .highlighted-line{background-color:#facc15;border-left:4px solid #f59e0b;color:#000;font-weight:700}.mc-container .code-visualization-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px}.mc-container .visualization-area{display:flex;flex-direction:column;flex-grow:1}@media (max-width:1024px){.mc-container .code-visualization-grid{grid-template-columns:1fr}}@media (max-width:768px){.mc-container{padding:16px}.mc-container .title{font-size:24px}.mc-container .card-title{font-size:22px}.mc-container .complexity-grid{grid-template-columns:1fr}.mc-container .controls-container{flex-direction:column}.mc-container .control-button{width:100%}.mc-container .legend-grid{grid-template-columns:repeat(2,1fr)}.mc-container .input-row{flex-direction:column}.mc-container .input-row input,.mc-container .input-row select{width:100%}.mc-container .add-button{justify-content:center;width:100%}.mc-container .graph-visualization-container{height:250px}.mc-container .graph-node{height:50px;width:50px}.mc-container .node-id{font-size:16px}.mc-container .status-grid{grid-template-columns:1fr}.mc-container .color-buttons{flex-direction:column}.mc-container .color-button{width:100%}.mc-container .speed-control{justify-content:center;margin-right:0;width:100%}}@media (max-width:480px){.mc-container .header{align-items:flex-start;flex-direction:column;gap:12px}.mc-container .title{font-size:22px;text-align:center;width:100%}.mc-container .legend-grid{grid-template-columns:1fr}.mc-container .input-mode-toggle{flex-direction:column}.mc-container .toggle-button{padding:12px}.mc-container .coloring-container{flex-direction:column;gap:8px}.mc-container .coloring-item{width:100%}}.ap-container{background-color:#f8fafc;font-family:Arial,sans-serif;height:100%;overflow-x:hidden;overflow-y:auto;padding:24px}.dark .ap-container{background:#0f172a;color:#f8fafc}.ap-max-width{margin:0 auto;max-width:1200px}.ap-header{align-items:center;display:flex;justify-content:flex-start;margin-bottom:32px}.ap-title{color:#1f2937;font-size:30px;font-weight:700;margin:0}.dark .ap-title{color:#f8fafc}.ap-card{background-color:#fff;border-radius:12px;box-shadow:0 10px 15px #0000001a;display:flex;flex-direction:column;margin-bottom:24px;padding:24px}.dark .ap-card{background-color:#1e293b;color:#f1f5f9}.ap-card-title{color:#1f2937;font-size:28px;font-weight:600;margin-bottom:16px}.dark .ap-card-title{color:#f1f5f9}.ap-card-content{color:#374151;font-size:22px;line-height:1.6;margin-bottom:24px}.dark .ap-card-content{color:#e2e8f0}.ap-complexity-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.ap-complexity-card{border-radius:8px;padding:16px}.ap-blue-card{background-color:#dbeafe}.dark .ap-blue-card{background-color:#1e3a8a}.ap-green-card{background-color:#d1fae5}.dark .ap-green-card{background-color:#065f46}.ap-yellow-card{background-color:#fef3c7}.dark .ap-yellow-card{background-color:#92400e}.ap-purple-card{background-color:#e9d5ff}.dark .ap-purple-card{background-color:#6b21a8}.ap-complexity-title{font-size:20px;font-weight:600;margin-bottom:8px}.ap-blue-title{color:#1e40af}.dark .ap-blue-title{color:#93c5fd}.ap-green-title{color:#065f46}.dark .ap-green-title{color:#6ee7b7}.ap-yellow-title{color:#92400e}.dark .ap-yellow-title{color:#fcd34d}.ap-purple-title{color:#6b21a8}.dark .ap-purple-title{color:#c4b5fd}.ap-characteristics-list,.ap-complexity-list{font-size:18px;list-style:none;margin:0;padding:0}.ap-blue-text{color:#1e40af}.dark .ap-blue-text{color:#bfdbfe}.ap-green-text{color:#065f46}.dark .ap-green-text{color:#a7f3d0}.ap-yellow-text{color:#92400e}.dark .ap-yellow-text{color:#fde68a}.ap-purple-text{color:#6b21a8}.dark .ap-purple-text{color:#ddd6fe}.ap-input-form{gap:16px}.ap-input-form,.ap-input-group{display:flex;flex-direction:column}.ap-input-group{gap:8px}.ap-input-group label{color:#1f2937;font-size:18px;font-weight:500}.dark .ap-input-group label{color:#f1f5f9}.ap-input-group input{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:16px;padding:10px 12px;transition:all .2s ease}.dark .ap-input-group input{background-color:#334155;border-color:#475569;color:#f1f5f9}.ap-input-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633;outline:none}.ap-submit-button{align-self:flex-start;background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 16px;transition:background-color .2s ease}.ap-submit-button:hover{background-color:#2563eb}.ap-matrix-container{margin-top:12px;overflow-x:auto}.ap-cost-matrix{border-collapse:collapse;width:100%}.ap-cost-matrix td,.ap-cost-matrix th{border:1px solid #e5e7eb;padding:8px;text-align:center}.dark .ap-cost-matrix td,.dark .ap-cost-matrix th{border-color:#475569}.ap-cost-matrix th{background-color:#f3f4f6;color:#1f2937;font-weight:600}.dark .ap-cost-matrix th{background-color:#334155;color:#f1f5f9}.ap-cost-matrix .ap-row-header{background-color:#f3f4f6;color:#1f2937;font-weight:600}.dark .ap-cost-matrix .ap-row-header{background-color:#334155;color:#f1f5f9}.ap-matrix-input{border:1px solid #e5e7eb;border-radius:4px;font-size:14px;padding:6px;text-align:center;width:50px}.dark .ap-matrix-input{background-color:#1e293b;border-color:#475569;color:#f1f5f9}.ap-bound-matrix-section{background-color:#fef3c7;border-left:4px solid #f59e0b;border-radius:8px;margin-bottom:20px;padding:16px}.dark .ap-bound-matrix-section{background-color:#92400e30;border-left:4px solid #f59e0b}.ap-bound-matrix-container{margin-top:12px;overflow-x:auto}.ap-bound-matrix{background-color:#fff;border-collapse:collapse;width:100%}.dark .ap-bound-matrix{background-color:#1e293b}.ap-bound-matrix td,.ap-bound-matrix th{border:2px solid #e5e7eb;font-size:16px;font-weight:600;padding:12px;text-align:center;transition:all .3s ease}.dark .ap-bound-matrix td,.dark .ap-bound-matrix th{border-color:#475569}.ap-bound-matrix th{background-color:#f3f4f6;color:#1f2937}.dark .ap-bound-matrix th{background-color:#334155;color:#f1f5f9}.ap-bound-matrix .ap-bound-row-header{background-color:#f3f4f6;color:#1f2937;font-weight:600}.dark .ap-bound-matrix .ap-bound-row-header{background-color:#334155;color:#f1f5f9}.ap-excluded-cell{background-color:#d1d5db!important;color:#6b7280!important;opacity:.5;text-decoration:line-through}.dark .ap-excluded-cell{background-color:#374151!important;color:#9ca3af!important}.ap-highlighted-cell{animation:ap-pulse 1s ease-in-out infinite;background-color:#fef3c7!important;color:#92400e!important}.dark .ap-highlighted-cell{background-color:#78350f!important;color:#fde68a!important}.ap-selected-cell{background-color:#10b981!important;box-shadow:0 0 10px #10b98180;color:#fff!important;font-weight:700;transform:scale(1)}.dark .ap-selected-cell{background-color:#059669!important}@keyframes ap-pulse{0%,to{opacity:1}50%{opacity:.7}}.ap-matrix-legend{align-items:center;color:#374151;display:flex;font-size:14px;gap:20px;justify-content:center;margin-top:12px}.dark .ap-matrix-legend{color:#e2e8f0}.ap-legend-box{border:1px solid #1f2937;border-radius:2px;display:inline-block;height:16px;margin-right:6px;width:16px}.dark .ap-legend-box{border-color:#f1f5f9}.ap-excluded-box{background-color:#d1d5db}.dark .ap-excluded-box{background-color:#374151}.ap-highlighted-box{background-color:#fef3c7}.dark .ap-highlighted-box{background-color:#78350f}.ap-selected-box{background-color:#10b981}.dark .ap-selected-box{background-color:#059669}.ap-code-container{background-color:#1e293b;border-radius:8px;color:#f1f5f9;flex-grow:1;font-family:Consolas,Monaco,monospace;font-size:14px;min-height:400px;overflow-x:auto;padding:16px}.dark .ap-code-container{background-color:#0f172a;color:#e5e7eb}.ap-code-line{color:#e5e7eb}.ap-code-line,.ap-highlighted-line{font-family:Consolas,Monaco,monospace;font-size:14px;padding:4px 12px;white-space:pre}.ap-highlighted-line{background-color:#facc15;border-left:4px solid #f59e0b;color:#000;font-weight:700}.ap-visualization-area{display:flex;flex-direction:column;flex-grow:1}.ap-tree-section{flex-grow:1;margin-bottom:20px;overflow-y:auto}.ap-tree-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;min-height:700px;overflow-x:auto;padding:12px;width:100%}.dark .ap-tree-container{background-color:#334155;border-color:#475569}.ap-bound-details-section{margin-bottom:20px;margin-top:20px}.ap-bound-details-container{background-color:#fef3c7;border-left:4px solid #f59e0b;border-radius:6px;display:flex;flex-direction:column;font-family:monospace;font-size:14px;gap:6px;padding:16px}.dark .ap-bound-details-container{background-color:#92400e30;color:#fde68a}.ap-bound-detail-item{color:#92400e;font-weight:500}.dark .ap-bound-detail-item{color:#fde68a}.ap-bound-total{border-top:2px solid #f59e0b;font-size:16px;font-weight:700;margin-top:8px;padding-top:8px}.ap-solutions-section{margin-bottom:20px;margin-top:20px}.ap-solutions-container{background-color:#f3f4f6;border-radius:6px;display:flex;flex-direction:column;font-family:monospace;font-size:16px;gap:8px;min-height:80px;padding:16px}.dark .ap-solutions-container{background-color:#1e293b;color:#f1f5f9}.ap-assignment-item{background-color:#dbeafe;border-radius:4px;color:#1e40af;font-weight:500;padding:6px 12px}.dark .ap-assignment-item{background-color:#1e3a8a;color:#93c5fd}.ap-array-title{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:12px;margin-top:0}.dark .ap-array-title{color:#f1f5f9}.ap-status-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin:20px 0}.ap-status-card{border-radius:8px;padding:16px}.ap-status-label{font-size:14px;font-weight:500;margin-bottom:8px}.ap-status-value{font-size:20px;font-weight:700}.ap-action-container{background-color:#f9fafb;border-left:4px solid #3b82f6;border-radius:8px;margin-bottom:24px;padding:16px;transition:all .3s ease}.dark .ap-action-container{background-color:#1e293b;border-left:4px solid #3b82f6}.ap-action-label{color:#4b5563;font-size:14px;font-weight:500;margin-bottom:4px}.dark .ap-action-label{color:#94a3b8}.ap-action-text{color:#1f2937;font-size:16px;line-height:1.5}.dark .ap-action-text{color:#f8fafc}.ap-controls-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:20px}.ap-control-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:120px;padding:10px 16px;transition:all .2s ease}.ap-gray-button{background-color:#e5e7eb;color:#374151}.dark .ap-gray-button{background-color:#334155;color:#f1f5f9}.ap-blue-button{background-color:#3b82f6;color:#fff}.dark .ap-blue-button{background-color:#2563eb;color:#fff}.ap-red-button{background-color:#ef4444;color:#fff}.dark .ap-red-button{background-color:#dc2626;color:#fff}.ap-disabled-button{cursor:not-allowed;opacity:.5}.ap-control-button:hover:not(:disabled){box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.ap-control-button:active:not(:disabled){transform:translateY(0)}.ap-speed-control{align-items:center;display:flex;gap:8px;margin-right:12px}.ap-speed-control label{color:#1f2937;font-size:14px;font-weight:500}.dark .ap-speed-control label{color:#f1f5f9}.ap-speed-control select{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;padding:8px 12px}.dark .ap-speed-control select{background-color:#334155;border-color:#475569;color:#f1f5f9}.ap-legend-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.ap-legend-item{align-items:center;display:flex;gap:12px}.ap-legend-color{border:1px solid #0000001a;border-radius:4px;flex-shrink:0;height:24px;width:24px}.dark .ap-legend-color{border-color:#ffffff1a}.ap-legend-text{color:#1f2937;font-size:18px;font-weight:500}.dark .ap-legend-text{color:#f9fafb}.ap-code-visualization-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px}@media (max-width:1024px){.ap-code-visualization-grid{grid-template-columns:1fr}.ap-code-container{min-height:300px}}@media (max-width:768px){.ap-container{padding:16px}.ap-complexity-grid{grid-template-columns:1fr}.ap-title{font-size:24px}.ap-card-title{font-size:22px}.ap-controls-container{flex-direction:column}.ap-control-button{width:100%}.ap-legend-grid{grid-template-columns:repeat(2,1fr)}.ap-status-grid{grid-template-columns:1fr}}@media (max-width:480px){.ap-header{align-items:flex-start;flex-direction:column;gap:12px}.ap-title{font-size:22px;text-align:center;width:100%}.ap-legend-grid{grid-template-columns:1fr}}.tsp-bb-container{background-color:#f8fafc;font-family:Arial,sans-serif;height:100%;overflow-x:hidden;overflow-y:auto;padding:24px}.dark .tsp-bb-container{background:#0f172a;color:#f8fafc}.tsp-bb-max-width{margin:0 auto;max-width:1200px}.tsp-bb-header{align-items:center;display:flex;justify-content:flex-start;margin-bottom:32px}.tsp-bb-title{color:#1f2937;font-size:30px;font-weight:700;margin:0}.dark .tsp-bb-title{color:#f8fafc}.tsp-bb-card{background-color:#fff;border-radius:12px;box-shadow:0 10px 15px #0000001a;display:flex;flex-direction:column;margin-bottom:24px;padding:24px}.dark .tsp-bb-card{background-color:#1e293b;color:#f1f5f9}.tsp-bb-card-title{color:#1f2937;font-size:28px;font-weight:600;margin-bottom:16px}.dark .tsp-bb-card-title{color:#f1f5f9}.tsp-bb-card-content{color:#374151;font-size:22px;line-height:1.6;margin-bottom:24px}.dark .tsp-bb-card-content{color:#e2e8f0}.tsp-bb-complexity-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.tsp-bb-complexity-card{border-radius:8px;padding:16px}.tsp-bb-blue-card{background-color:#dbeafe}.dark .tsp-bb-blue-card{background-color:#1e3a8a}.tsp-bb-green-card{background-color:#d1fae5}.dark .tsp-bb-green-card{background-color:#065f46}.tsp-bb-yellow-card{background-color:#fef3c7}.dark .tsp-bb-yellow-card{background-color:#92400e}.tsp-bb-purple-card{background-color:#e9d5ff}.dark .tsp-bb-purple-card{background-color:#6b21a8}.tsp-bb-complexity-title{font-size:20px;font-weight:600;margin-bottom:8px}.tsp-bb-blue-title{color:#1e40af}.dark .tsp-bb-blue-title{color:#93c5fd}.tsp-bb-green-title{color:#065f46}.dark .tsp-bb-green-title{color:#6ee7b7}.tsp-bb-yellow-title{color:#92400e}.dark .tsp-bb-yellow-title{color:#fcd34d}.tsp-bb-purple-title{color:#6b21a8}.dark .tsp-bb-purple-title{color:#c4b5fd}.tsp-bb-characteristics-list,.tsp-bb-complexity-list{font-size:18px;list-style:none;margin:0;padding:0}.tsp-bb-blue-text{color:#1e40af}.dark .tsp-bb-blue-text{color:#bfdbfe}.tsp-bb-green-text{color:#065f46}.dark .tsp-bb-green-text{color:#a7f3d0}.tsp-bb-yellow-text{color:#92400e}.dark .tsp-bb-yellow-text{color:#fde68a}.tsp-bb-purple-text{color:#6b21a8}.dark .tsp-bb-purple-text{color:#ddd6fe}.tsp-bb-input-form{display:flex;flex-direction:column;gap:16px}.tsp-bb-input-group{display:flex;flex-direction:column;gap:8px}.tsp-bb-input-group label{color:#1f2937;font-size:18px;font-weight:500}.dark .tsp-bb-input-group label{color:#f1f5f9}.tsp-bb-input-group input{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:16px;padding:10px 12px;transition:all .2s ease}.dark .tsp-bb-input-group input{background-color:#334155;border-color:#475569;color:#f1f5f9}.tsp-bb-input-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633;outline:none}.tsp-bb-submit-button{align-self:flex-start;background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 16px;transition:background-color .2s ease}.tsp-bb-submit-button:hover{background-color:#2563eb}.tsp-bb-matrix-container{margin-top:12px;overflow-x:auto}.tsp-bb-cost-matrix{border-collapse:collapse;width:100%}.tsp-bb-cost-matrix td,.tsp-bb-cost-matrix th{border:1px solid #e5e7eb;padding:8px;text-align:center}.dark .tsp-bb-cost-matrix td,.dark .tsp-bb-cost-matrix th{border-color:#475569}.tsp-bb-cost-matrix th{background-color:#f3f4f6;color:#1f2937;font-weight:600}.dark .tsp-bb-cost-matrix th{background-color:#334155;color:#f1f5f9}.tsp-bb-cost-matrix .tsp-bb-row-header{background-color:#f3f4f6;color:#1f2937;font-weight:600}.dark .tsp-bb-cost-matrix .tsp-bb-row-header{background-color:#334155;color:#f1f5f9}.tsp-bb-matrix-input{border:1px solid #e5e7eb;border-radius:4px;font-size:14px;padding:6px;text-align:center;width:60px}.dark .tsp-bb-matrix-input{background-color:#1e293b;border-color:#475569;color:#f1f5f9}.tsp-bb-matrix-input:disabled{background-color:#d1d5db;cursor:not-allowed}.dark .tsp-bb-matrix-input:disabled{background-color:#374151}.tsp-bb-display-matrix{background-color:#fff;border-collapse:collapse;width:100%}.dark .tsp-bb-display-matrix{background-color:#1e293b}.tsp-bb-display-matrix td,.tsp-bb-display-matrix th{border:2px solid #e5e7eb;font-size:16px;font-weight:600;padding:12px;text-align:center;transition:all .3s ease}.dark .tsp-bb-display-matrix td,.dark .tsp-bb-display-matrix th{border-color:#475569}.tsp-bb-display-matrix th{background-color:#f3f4f6;color:#1f2937}.dark .tsp-bb-display-matrix th{background-color:#334155;color:#f1f5f9}.tsp-bb-display-matrix .tsp-bb-row-header{background-color:#f3f4f6;color:#1f2937;font-weight:600}.dark .tsp-bb-display-matrix .tsp-bb-row-header{background-color:#334155;color:#f1f5f9}.tsp-bb-infinity-cell{background-color:#fee2e2!important;color:#991b1b!important}.dark .tsp-bb-infinity-cell{background-color:#7f1d1d!important;color:#fecaca!important}.tsp-bb-reduction-details-section{margin-bottom:20px;margin-top:20px}.tsp-bb-reduction-details-container{background-color:#fef3c7;border-left:4px solid #f59e0b;border-radius:6px;display:flex;flex-direction:column;font-family:monospace;font-size:14px;gap:6px;padding:16px}.dark .tsp-bb-reduction-details-container{background-color:#92400e30;color:#fde68a}.tsp-bb-reduction-detail-item{color:#92400e;font-weight:500}.dark .tsp-bb-reduction-detail-item{color:#fde68a}.tsp-bb-code-container{background-color:#1e293b;border-radius:8px;color:#f1f5f9;font-family:Consolas,Monaco,monospace;font-size:14px;max-height:1500px;overflow-x:auto;overflow-y:auto;padding:16px}.dark .tsp-bb-code-container{background-color:#0f172a;color:#e5e7eb}.tsp-bb-code-line{color:#e5e7eb}.tsp-bb-code-line,.tsp-bb-highlighted-line{font-family:Consolas,Monaco,monospace;font-size:14px;padding:4px 12px;white-space:pre}.tsp-bb-highlighted-line{background-color:#facc15;border-left:4px solid #f59e0b;color:#000;font-weight:700}.tsp-bb-visualization-area{display:flex;flex-direction:column;flex-grow:1}.tsp-bb-tree-section{flex-grow:1;margin-bottom:20px;overflow-y:auto}.tsp-bb-tree-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;min-height:700px;overflow-x:auto;padding:12px;width:100%}.dark .tsp-bb-tree-container{background-color:#334155;border-color:#475569}.tsp-bb-solutions-section{margin-bottom:20px;margin-top:20px}.tsp-bb-solutions-container{background-color:#f3f4f6;border-radius:6px;display:flex;flex-direction:column;font-family:monospace;font-size:16px;gap:8px;min-height:80px;padding:16px}.dark .tsp-bb-solutions-container{background-color:#1e293b;color:#f1f5f9}.tsp-bb-path-display{background-color:#dbeafe;border-radius:4px;color:#1e40af;font-size:18px;font-weight:600;padding:8px 12px}.dark .tsp-bb-path-display{background-color:#1e3a8a;color:#93c5fd}.tsp-bb-array-title{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:12px;margin-top:0}.dark .tsp-bb-array-title{color:#f1f5f9}.tsp-bb-status-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin:20px 0}.tsp-bb-status-card{border-radius:8px;padding:16px}.tsp-bb-status-label{font-size:14px;font-weight:500;margin-bottom:8px}.tsp-bb-status-value{font-size:20px;font-weight:700}.tsp-bb-action-container{background-color:#f9fafb;border-left:4px solid #3b82f6;border-radius:8px;margin-bottom:24px;padding:16px;transition:all .3s ease}.dark .tsp-bb-action-container{background-color:#1e293b;border-left:4px solid #3b82f6}.tsp-bb-action-label{color:#4b5563;font-size:14px;font-weight:500;margin-bottom:4px}.dark .tsp-bb-action-label{color:#94a3b8}.tsp-bb-action-text{color:#1f2937;font-size:16px;line-height:1.5}.dark .tsp-bb-action-text{color:#f8fafc}.tsp-bb-controls-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:20px}.tsp-bb-control-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:120px;padding:10px 16px;transition:all .2s ease}.tsp-bb-gray-button{background-color:#e5e7eb;color:#374151}.dark .tsp-bb-gray-button{background-color:#334155;color:#f1f5f9}.tsp-bb-blue-button{background-color:#3b82f6;color:#fff}.dark .tsp-bb-blue-button{background-color:#2563eb;color:#fff}.tsp-bb-red-button{background-color:#ef4444;color:#fff}.dark .tsp-bb-red-button{background-color:#dc2626;color:#fff}.tsp-bb-disabled-button{cursor:not-allowed;opacity:.5}.tsp-bb-control-button:hover:not(:disabled){box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.tsp-bb-control-button:active:not(:disabled){transform:translateY(0)}.tsp-bb-speed-control{align-items:center;display:flex;gap:8px;margin-right:12px}.tsp-bb-speed-control label{color:#1f2937;font-size:14px;font-weight:500}.dark .tsp-bb-speed-control label{color:#f1f5f9}.tsp-bb-speed-control select{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;padding:8px 12px}.dark .tsp-bb-speed-control select{background-color:#334155;border-color:#475569;color:#f1f5f9}.tsp-bb-legend-grid{grid-template-columns:repeat(4,1fr)}.tsp-bb-legend-item{align-items:center;display:flex;gap:12px}.tsp-bb-legend-color{border:1px solid #0000001a;border-radius:4px;flex-shrink:0;height:24px;width:24px}.dark .tsp-bb-legend-color{border-color:#ffffff1a}.tsp-bb-legend-text{color:#1f2937;font-size:18px;font-weight:500}.dark .tsp-bb-legend-text{color:#f9fafb}.tsp-bb-code-visualization-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px}@media (max-width:1024px){.tsp-bb-code-visualization-grid{grid-template-columns:1fr}.tsp-bb-code-container{min-height:300px}}@media (max-width:768px){.tsp-bb-container{padding:16px}.tsp-bb-complexity-grid{grid-template-columns:1fr}.tsp-bb-title{font-size:24px}.tsp-bb-card-title{font-size:22px}.tsp-bb-controls-container{flex-direction:column}.tsp-bb-control-button{width:100%}.tsp-bb-legend-grid{grid-template-columns:repeat(2,1fr)}.tsp-bb-status-grid{grid-template-columns:1fr}}@media (max-width:480px){.tsp-bb-header{align-items:flex-start;flex-direction:column;gap:12px}.tsp-bb-title{font-size:22px;text-align:center;width:100%}.tsp-bb-legend-grid{grid-template-columns:1fr}}.tsp-bb-matrix-explanation-section{background-color:#f8fafc;border-left:4px solid #8b5cf6;border-radius:8px;margin-top:20px;padding:16px}.dark .tsp-bb-matrix-explanation-section{background-color:#1e293b;border-left:4px solid #a78bfa}.tsp-bb-matrix-explanation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.tsp-bb-edge-indicator{background-color:#ede9fe;border-radius:16px;color:#8b5cf6;font-size:14px;font-weight:600;margin-left:12px;padding:4px 12px}.dark .tsp-bb-edge-indicator{background-color:#4c1d95;color:#c4b5fd}.tsp-bb-matrix-explanation-content{background-color:#fff;border-radius:6px;max-height:300px;overflow-y:auto;padding:16px}.dark .tsp-bb-matrix-explanation-content{background-color:#0f172a}.tsp-bb-matrix-explanation-text{word-wrap:break-word;color:#1f2937;font-family:Consolas,Monaco,monospace;font-size:14px;line-height:1.6;margin:0;white-space:pre-wrap}.dark .tsp-bb-matrix-explanation-text{color:#e2e8f0}.tsp-bb-matrix-display-section{background-color:#dbeafe;border-left:4px solid #3b82f6;border-radius:8px;margin-bottom:20px;padding:16px;transition:all .3s ease}.dark .tsp-bb-matrix-display-section{background-color:#1e3a8a30;border-left:4px solid #3b82f6}.tsp-bb-matrix-display-container{background-color:#fff;border-radius:8px;margin-top:12px;overflow-x:auto;padding:12px}.dark .tsp-bb-matrix-display-container{background-color:#1e293b}.tsp-bb-legend-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:16px}@media (max-width:768px){.tsp-bb-matrix-explanation-text{font-size:12px}.tsp-bb-edge-indicator{display:block;margin-left:0;margin-top:8px;text-align:center}.tsp-bb-legend-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.tsp-bb-legend-grid{grid-template-columns:1fr}}.ks-bb-container{background-color:#f8fafc;font-family:Arial,sans-serif;height:100%;overflow-x:hidden;overflow-y:auto;padding:24px}.dark .ks-bb-container{background:#0f172a;color:#f8fafc}.ks-bb-max-width{margin:0 auto;max-width:1200px}.ks-bb-header{align-items:center;display:flex;justify-content:flex-start;margin-bottom:32px}.ks-bb-title{color:#1f2937;font-size:30px;font-weight:700;margin:0}.dark .ks-bb-title{color:#f8fafc}.ks-bb-card{background-color:#fff;border-radius:12px;box-shadow:0 10px 15px #0000001a;display:flex;flex-direction:column;margin-bottom:24px;padding:24px}.dark .ks-bb-card{background-color:#1e293b;color:#f1f5f9}.ks-bb-card-title{color:#1f2937;font-size:28px;font-weight:600;margin-bottom:16px}.dark .ks-bb-card-title{color:#f1f5f9}.ks-bb-card-content{color:#374151;font-size:22px;line-height:1.6;margin-bottom:24px}.dark .ks-bb-card-content{color:#e2e8f0}.ks-bb-complexity-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.ks-bb-complexity-card{border-radius:8px;padding:16px}.ks-bb-blue-card{background-color:#dbeafe}.dark .ks-bb-blue-card{background-color:#1e3a8a}.ks-bb-green-card{background-color:#d1fae5}.dark .ks-bb-green-card{background-color:#065f46}.ks-bb-yellow-card{background-color:#fef3c7}.dark .ks-bb-yellow-card{background-color:#92400e}.ks-bb-purple-card{background-color:#e9d5ff}.dark .ks-bb-purple-card{background-color:#6b21a8}.ks-bb-complexity-title{font-size:20px;font-weight:600;margin-bottom:8px}.ks-bb-blue-title{color:#1e40af}.dark .ks-bb-blue-title{color:#93c5fd}.ks-bb-green-title{color:#065f46}.dark .ks-bb-green-title{color:#6ee7b7}.ks-bb-yellow-title{color:#92400e}.dark .ks-bb-yellow-title{color:#fcd34d}.ks-bb-purple-title{color:#6b21a8}.dark .ks-bb-purple-title{color:#c4b5fd}.ks-bb-characteristics-list,.ks-bb-complexity-list{font-size:18px;list-style:none;margin:0;padding:0}.ks-bb-blue-text{color:#1e40af}.dark .ks-bb-blue-text{color:#bfdbfe}.ks-bb-green-text{color:#065f46}.dark .ks-bb-green-text{color:#a7f3d0}.ks-bb-yellow-text{color:#92400e}.dark .ks-bb-yellow-text{color:#fde68a}.ks-bb-purple-text{color:#6b21a8}.dark .ks-bb-purple-text{color:#ddd6fe}.ks-bb-input-form{display:flex;flex-direction:column;gap:16px}.ks-bb-input-group{display:flex;flex-direction:column;gap:8px}.ks-bb-input-group label{color:#1f2937;font-size:18px;font-weight:500}.dark .ks-bb-input-group label{color:#f1f5f9}.ks-bb-input-group input{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:16px;padding:10px 12px;transition:all .2s ease}.dark .ks-bb-input-group input{background-color:#334155;border-color:#475569;color:#f1f5f9}.ks-bb-input-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633;outline:none}.ks-bb-submit-button{align-self:flex-start;background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 16px;transition:background-color .2s ease}.ks-bb-submit-button:hover{background-color:#2563eb}.ks-bb-items-info{margin-top:16px}.ks-bb-items-info h3{color:#1f2937;font-size:18px;margin-bottom:12px}.dark .ks-bb-items-info h3{color:#f1f5f9}.ks-bb-items-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.ks-bb-item-card{background-color:#f3f4f6;border:2px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;padding:12px}.dark .ks-bb-item-card{background-color:#334155;border-color:#475569;color:#f1f5f9}.ks-bb-item-header{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:8px;text-align:center}.dark .ks-bb-item-header{color:#f1f5f9}.ks-bb-item-details{display:flex;flex-direction:column;font-size:14px;gap:4px}.ks-bb-bound-details-section{margin-bottom:20px;margin-top:20px}.ks-bb-bound-details-container{background-color:#fef3c7;border-left:4px solid #f59e0b;border-radius:6px;display:flex;flex-direction:column;font-family:monospace;font-size:14px;gap:6px;padding:16px}.dark .ks-bb-bound-details-container{background-color:#92400e30;color:#fde68a}.ks-bb-bound-detail-item{color:#92400e;font-weight:500}.dark .ks-bb-bound-detail-item{color:#fde68a}.ks-bb-code-container{background-color:#1e293b;border-radius:8px;color:#f1f5f9;font-family:Consolas,Monaco,monospace;font-size:14px;max-height:1800px;overflow-x:auto;overflow-y:auto;padding:16px}.dark .ks-bb-code-container{background-color:#0f172a;color:#e5e7eb}.ks-bb-code-line{color:#e5e7eb}.ks-bb-code-line,.ks-bb-highlighted-line{font-family:Consolas,Monaco,monospace;font-size:14px;padding:4px 12px;white-space:pre}.ks-bb-highlighted-line{background-color:#facc15;border-left:4px solid #f59e0b;color:#000;font-weight:700}.ks-bb-visualization-area{display:flex;flex-direction:column;flex-grow:1}.ks-bb-tree-section{flex-grow:1;margin-bottom:20px;overflow-y:auto}.ks-bb-tree-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;min-height:700px;overflow-x:auto;padding:12px;width:100%}.dark .ks-bb-tree-container{background-color:#334155;border-color:#475569}.ks-bb-solutions-section{margin-bottom:20px;margin-top:20px}.ks-bb-solutions-container{background-color:#f3f4f6;border-radius:6px;display:flex;flex-direction:column;font-family:monospace;font-size:16px;gap:8px;min-height:100px;padding:16px}.dark .ks-bb-solutions-container{background-color:#1e293b;color:#f1f5f9}.ks-bb-array-title{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:12px;margin-top:0}.dark .ks-bb-array-title{color:#f1f5f9}.ks-bb-status-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin:20px 0}.ks-bb-status-card{border-radius:8px;padding:16px}.ks-bb-status-label{font-size:14px;font-weight:500;margin-bottom:8px}.ks-bb-status-value{font-size:20px;font-weight:700}.ks-bb-action-container{background-color:#f9fafb;border-left:4px solid #3b82f6;border-radius:8px;margin-bottom:24px;padding:16px;transition:all .3s ease}.dark .ks-bb-action-container{background-color:#1e293b;border-left:4px solid #3b82f6}.ks-bb-action-label{color:#4b5563;font-size:14px;font-weight:500;margin-bottom:4px}.dark .ks-bb-action-label{color:#94a3b8}.ks-bb-action-text{color:#1f2937;font-size:16px;line-height:1.5}.dark .ks-bb-action-text{color:#f8fafc}.ks-bb-controls-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:20px}.ks-bb-control-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:120px;padding:10px 16px;transition:all .2s ease}.ks-bb-gray-button{background-color:#e5e7eb;color:#374151}.dark .ks-bb-gray-button{background-color:#334155;color:#f1f5f9}.ks-bb-blue-button{background-color:#3b82f6;color:#fff}.dark .ks-bb-blue-button{background-color:#2563eb;color:#fff}.ks-bb-red-button{background-color:#ef4444;color:#fff}.dark .ks-bb-red-button{background-color:#dc2626;color:#fff}.ks-bb-disabled-button{cursor:not-allowed;opacity:.5}.ks-bb-control-button:hover:not(:disabled){box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.ks-bb-control-button:active:not(:disabled){transform:translateY(0)}.ks-bb-speed-control{align-items:center;display:flex;gap:8px;margin-right:12px}.ks-bb-speed-control label{color:#1f2937;font-size:14px;font-weight:500}.dark .ks-bb-speed-control label{color:#f1f5f9}.ks-bb-speed-control select{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;padding:8px 12px}.dark .ks-bb-speed-control select{background-color:#334155;border-color:#475569;color:#f1f5f9}.ks-bb-legend-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.ks-bb-legend-item{align-items:center;display:flex;gap:12px}.ks-bb-legend-color{border:1px solid #0000001a;border-radius:4px;flex-shrink:0;height:24px;width:24px}.dark .ks-bb-legend-color{border-color:#ffffff1a}.ks-bb-legend-text{color:#1f2937;font-size:18px;font-weight:500}.dark .ks-bb-legend-text{color:#f9fafb}.ks-bb-code-visualization-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px}@media (max-width:1024px){.ks-bb-code-visualization-grid{grid-template-columns:1fr}.ks-bb-code-container{min-height:300px}}@media (max-width:768px){.ks-bb-container{padding:16px}.ks-bb-complexity-grid{grid-template-columns:1fr}.ks-bb-title{font-size:24px}.ks-bb-card-title{font-size:22px}.ks-bb-controls-container{flex-direction:column}.ks-bb-control-button{width:100%}.ks-bb-legend-grid{grid-template-columns:repeat(2,1fr)}.ks-bb-status-grid{grid-template-columns:1fr}.ks-bb-items-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.ks-bb-header{align-items:flex-start;flex-direction:column;gap:12px}.ks-bb-title{font-size:22px;text-align:center;width:100%}.ks-bb-items-list,.ks-bb-legend-grid{grid-template-columns:1fr}}.sc-bb-container{background-color:#f8fafc;font-family:Arial,sans-serif;height:100%;overflow-x:hidden;overflow-y:auto;padding:24px}.dark .sc-bb-container{background:#0f172a;color:#f8fafc}.sc-bb-max-width{margin:0 auto;max-width:1200px}.sc-bb-header{align-items:center;display:flex;justify-content:flex-start;margin-bottom:32px}.sc-bb-title{color:#1f2937;font-size:30px;font-weight:700;margin:0}.dark .sc-bb-title{color:#f8fafc}.sc-bb-card{background-color:#fff;border-radius:12px;box-shadow:0 10px 15px #0000001a;display:flex;flex-direction:column;margin-bottom:24px;padding:24px}.dark .sc-bb-card{background-color:#1e293b;color:#f1f5f9}.sc-bb-card-title{color:#1f2937;font-size:28px;font-weight:600;margin-bottom:16px}.dark .sc-bb-card-title{color:#f1f5f9}.sc-bb-card-content{color:#374151;font-size:22px;line-height:1.6;margin-bottom:24px}.dark .sc-bb-card-content{color:#e2e8f0}.sc-bb-complexity-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.sc-bb-complexity-card{border-radius:8px;padding:16px}.sc-bb-blue-card{background-color:#dbeafe}.dark .sc-bb-blue-card{background-color:#1e3a8a}.sc-bb-green-card{background-color:#d1fae5}.dark .sc-bb-green-card{background-color:#065f46}.sc-bb-yellow-card{background-color:#fef3c7}.dark .sc-bb-yellow-card{background-color:#92400e}.sc-bb-purple-card{background-color:#e9d5ff}.dark .sc-bb-purple-card{background-color:#6b21a8}.sc-bb-complexity-title{font-size:20px;font-weight:600;margin-bottom:8px}.sc-bb-blue-title{color:#1e40af}.dark .sc-bb-blue-title{color:#93c5fd}.sc-bb-green-title{color:#065f46}.dark .sc-bb-green-title{color:#6ee7b7}.sc-bb-yellow-title{color:#92400e}.dark .sc-bb-yellow-title{color:#fcd34d}.sc-bb-purple-title{color:#6b21a8}.dark .sc-bb-purple-title{color:#c4b5fd}.sc-bb-characteristics-list,.sc-bb-complexity-list{font-size:18px;list-style:none;margin:0;padding:0}.sc-bb-blue-text{color:#1e40af}.dark .sc-bb-blue-text{color:#bfdbfe}.sc-bb-green-text{color:#065f46}.dark .sc-bb-green-text{color:#a7f3d0}.sc-bb-yellow-text{color:#92400e}.dark .sc-bb-yellow-text{color:#fde68a}.sc-bb-purple-text{color:#6b21a8}.dark .sc-bb-purple-text{color:#ddd6fe}.sc-bb-input-form{display:flex;flex-direction:column;gap:16px}.sc-bb-input-group{display:flex;flex-direction:column;gap:8px}.sc-bb-input-group label{color:#1f2937;font-size:18px;font-weight:500}.dark .sc-bb-input-group label{color:#f1f5f9}.sc-bb-input-group input,.sc-bb-textarea{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;font-family:Arial,sans-serif;font-size:16px;padding:10px 12px;transition:all .2s ease}.dark .sc-bb-input-group input,.dark .sc-bb-textarea{background-color:#334155;border-color:#475569;color:#f1f5f9}.sc-bb-input-group input:focus,.sc-bb-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633;outline:none}.sc-bb-textarea{min-height:60px;resize:vertical}.sc-bb-input-hint{color:#6b7280;font-size:14px;font-style:italic}.dark .sc-bb-input-hint{color:#9ca3af}.sc-bb-submit-button{align-self:flex-start;background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 16px;transition:background-color .2s ease}.sc-bb-submit-button:hover{background-color:#2563eb}.sc-bb-items-info{margin-top:16px}.sc-bb-items-info h3{color:#1f2937;font-size:18px;margin-bottom:12px}.dark .sc-bb-items-info h3{color:#f1f5f9}.sc-bb-items-list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin-bottom:16px}.sc-bb-item-card{background-color:#f3f4f6;border:2px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;padding:12px}.dark .sc-bb-item-card{background-color:#334155;border-color:#475569;color:#f1f5f9}.sc-bb-item-header{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:8px;text-align:center}.dark .sc-bb-item-header{color:#f1f5f9}.sc-bb-item-details{display:flex;flex-direction:column;font-size:14px;gap:4px}.sc-bb-universe-info{background-color:#f3f4f6;border-radius:6px;color:#1f2937;font-size:16px;margin-top:12px;padding:12px}.dark .sc-bb-universe-info{background-color:#334155;color:#f1f5f9}.sc-bb-bound-details-section{margin-bottom:20px;margin-top:20px}.sc-bb-bound-details-container{background-color:#fef3c7;border-left:4px solid #f59e0b;border-radius:6px;display:flex;flex-direction:column;font-family:monospace;font-size:14px;gap:6px;padding:16px}.dark .sc-bb-bound-details-container{background-color:#92400e30;color:#fde68a}.sc-bb-bound-detail-item{color:#92400e;font-weight:500}.dark .sc-bb-bound-detail-item{color:#fde68a}.sc-bb-code-container{background-color:#1e293b;border-radius:8px;color:#f1f5f9;font-family:Consolas,Monaco,monospace;font-size:14px;max-height:1800px;overflow-x:auto;overflow-y:auto;padding:16px}.dark .sc-bb-code-container{background-color:#0f172a;color:#e5e7eb}.sc-bb-code-line{color:#e5e7eb}.sc-bb-code-line,.sc-bb-highlighted-line{font-family:Consolas,Monaco,monospace;font-size:14px;padding:4px 12px;white-space:pre}.sc-bb-highlighted-line{background-color:#facc15;border-left:4px solid #f59e0b;color:#000;font-weight:700}.sc-bb-visualization-area{display:flex;flex-direction:column;flex-grow:1}.sc-bb-tree-section{flex-grow:1;margin-bottom:20px;overflow-y:auto}.sc-bb-tree-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;min-height:700px;overflow-x:auto;padding:12px;width:100%}.dark .sc-bb-tree-container{background-color:#334155;border-color:#475569}.sc-bb-solutions-section{margin-bottom:20px;margin-top:20px}.sc-bb-solutions-container{background-color:#f3f4f6;border-radius:6px;display:flex;flex-direction:column;font-family:monospace;font-size:16px;gap:8px;min-height:100px;padding:16px}.dark .sc-bb-solutions-container{background-color:#1e293b;color:#f1f5f9}.sc-bb-array-title{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:12px;margin-top:0}.dark .sc-bb-array-title{color:#f1f5f9}.sc-bb-status-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin:20px 0}.sc-bb-status-card{border-radius:8px;padding:16px}.sc-bb-status-label{font-size:14px;font-weight:500;margin-bottom:8px}.sc-bb-status-value{font-size:20px;font-weight:700}.sc-bb-action-container{background-color:#f9fafb;border-left:4px solid #3b82f6;border-radius:8px;margin-bottom:24px;padding:16px;transition:all .3s ease}.dark .sc-bb-action-container{background-color:#1e293b;border-left:4px solid #3b82f6}.sc-bb-action-label{color:#4b5563;font-size:14px;font-weight:500;margin-bottom:4px}.dark .sc-bb-action-label{color:#94a3b8}.sc-bb-action-text{color:#1f2937;font-size:16px;line-height:1.5}.dark .sc-bb-action-text{color:#f8fafc}.sc-bb-controls-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:20px}.sc-bb-control-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:120px;padding:10px 16px;transition:all .2s ease}.sc-bb-gray-button{background-color:#e5e7eb;color:#374151}.dark .sc-bb-gray-button{background-color:#334155;color:#f1f5f9}.sc-bb-blue-button{background-color:#3b82f6;color:#fff}.dark .sc-bb-blue-button{background-color:#2563eb;color:#fff}.sc-bb-red-button{background-color:#ef4444;color:#fff}.dark .sc-bb-red-button{background-color:#dc2626;color:#fff}.sc-bb-disabled-button{cursor:not-allowed;opacity:.5}.sc-bb-control-button:hover:not(:disabled){box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.sc-bb-control-button:active:not(:disabled){transform:translateY(0)}.sc-bb-speed-control{align-items:center;display:flex;gap:8px;margin-right:12px}.sc-bb-speed-control label{color:#1f2937;font-size:14px;font-weight:500}.dark .sc-bb-speed-control label{color:#f1f5f9}.sc-bb-speed-control select{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;padding:8px 12px}.dark .sc-bb-speed-control select{background-color:#334155;border-color:#475569;color:#f1f5f9}.sc-bb-legend-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.sc-bb-legend-item{align-items:center;display:flex;gap:12px}.sc-bb-legend-color{border:1px solid #0000001a;border-radius:4px;flex-shrink:0;height:24px;width:24px}.dark .sc-bb-legend-color{border-color:#ffffff1a}.sc-bb-legend-text{color:#1f2937;font-size:18px;font-weight:500}.dark .sc-bb-legend-text{color:#f9fafb}.sc-bb-code-visualization-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px}@media (max-width:1024px){.sc-bb-code-visualization-grid{grid-template-columns:1fr}.sc-bb-code-container{min-height:300px}}@media (max-width:768px){.sc-bb-container{padding:16px}.sc-bb-complexity-grid{grid-template-columns:1fr}.sc-bb-title{font-size:24px}.sc-bb-card-title{font-size:22px}.sc-bb-controls-container{flex-direction:column}.sc-bb-control-button{width:100%}.sc-bb-legend-grid{grid-template-columns:repeat(2,1fr)}.sc-bb-status-grid{grid-template-columns:1fr}.sc-bb-items-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.sc-bb-header{align-items:flex-start;flex-direction:column;gap:12px}.sc-bb-title{font-size:22px;text-align:center;width:100%}.sc-bb-items-list,.sc-bb-legend-grid{grid-template-columns:1fr}}.ip-bb-container{background-color:#f8fafc;font-family:Arial,sans-serif;height:100%;overflow-x:hidden;overflow-y:auto;padding:24px}.dark .ip-bb-container{background:#0f172a;color:#f8fafc}.ip-bb-max-width{margin:0 auto;max-width:1200px}.ip-bb-header{align-items:center;display:flex;justify-content:flex-start;margin-bottom:32px}.ip-bb-title{color:#1f2937;font-size:30px;font-weight:700;margin:0}.dark .ip-bb-title{color:#f8fafc}.ip-bb-card{background-color:#fff;border-radius:12px;box-shadow:0 10px 15px #0000001a;display:flex;flex-direction:column;margin-bottom:24px;padding:24px}.dark .ip-bb-card{background-color:#1e293b;color:#f1f5f9}.ip-bb-card-title{color:#1f2937;font-size:28px;font-weight:600;margin-bottom:16px}.dark .ip-bb-card-title{color:#f1f5f9}.ip-bb-card-content{color:#374151;font-size:22px;line-height:1.6;margin-bottom:24px}.dark .ip-bb-card-content{color:#e2e8f0}.ip-bb-complexity-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.ip-bb-complexity-card{border-radius:8px;padding:16px}.ip-bb-blue-card{background-color:#dbeafe}.dark .ip-bb-blue-card{background-color:#1e3a8a}.ip-bb-green-card{background-color:#d1fae5}.dark .ip-bb-green-card{background-color:#065f46}.ip-bb-yellow-card{background-color:#fef3c7}.dark .ip-bb-yellow-card{background-color:#92400e}.ip-bb-purple-card{background-color:#e9d5ff}.dark .ip-bb-purple-card{background-color:#6b21a8}.ip-bb-complexity-title{font-size:20px;font-weight:600;margin-bottom:8px}.ip-bb-blue-title{color:#1e40af}.dark .ip-bb-blue-title{color:#93c5fd}.ip-bb-green-title{color:#065f46}.dark .ip-bb-green-title{color:#6ee7b7}.ip-bb-yellow-title{color:#92400e}.dark .ip-bb-yellow-title{color:#fcd34d}.ip-bb-purple-title{color:#6b21a8}.dark .ip-bb-purple-title{color:#c4b5fd}.ip-bb-characteristics-list,.ip-bb-complexity-list{font-size:18px;list-style:none;margin:0;padding:0}.ip-bb-blue-text{color:#1e40af}.dark .ip-bb-blue-text{color:#bfdbfe}.ip-bb-green-text{color:#065f46}.dark .ip-bb-green-text{color:#a7f3d0}.ip-bb-yellow-text{color:#92400e}.dark .ip-bb-yellow-text{color:#fde68a}.ip-bb-purple-text{color:#6b21a8}.dark .ip-bb-purple-text{color:#ddd6fe}.ip-bb-input-form{display:flex;flex-direction:column;gap:16px}.ip-bb-input-group{display:flex;flex-direction:column;gap:8px}.ip-bb-input-group label{color:#1f2937;font-size:18px;font-weight:500}.dark .ip-bb-input-group label{color:#f1f5f9}.ip-bb-input-group input,.ip-bb-textarea{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;font-family:Arial,sans-serif;font-size:16px;padding:10px 12px;transition:all .2s ease}.dark .ip-bb-input-group input,.dark .ip-bb-textarea{background-color:#334155;border-color:#475569;color:#f1f5f9}.ip-bb-input-group input:focus,.ip-bb-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633;outline:none}.ip-bb-textarea{min-height:60px;resize:vertical}.ip-bb-input-hint{color:#6b7280;font-size:14px;font-style:italic}.dark .ip-bb-input-hint{color:#9ca3af}.ip-bb-radio-group{display:flex;gap:20px;margin-top:8px}.ip-bb-radio-label{align-items:center;cursor:pointer;display:flex;font-size:16px;gap:8px}.ip-bb-radio-label input[type=radio]{cursor:pointer}.ip-bb-submit-button{align-self:flex-start;background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 16px;transition:background-color .2s ease}.ip-bb-submit-button:hover{background-color:#2563eb}.ip-bb-items-info{margin-top:16px}.ip-bb-items-info h3{color:#1f2937;font-size:18px;margin-bottom:12px}.dark .ip-bb-items-info h3{color:#f1f5f9}.ip-bb-problem-display{background-color:#f3f4f6;border-radius:8px;font-family:Courier New,monospace;font-size:15px;padding:16px}.dark .ip-bb-problem-display{background-color:#334155;color:#f1f5f9}.ip-bb-objective-display{color:#1f2937;margin-bottom:12px}.dark .ip-bb-objective-display{color:#f1f5f9}.ip-bb-constraints-display{color:#1f2937}.dark .ip-bb-constraints-display{color:#f1f5f9}.ip-bb-constraints-display div{margin-left:20px;margin-top:4px}.ip-bb-bound-details-section{margin-bottom:20px;margin-top:20px}.ip-bb-bound-details-container{background-color:#fef3c7;border-left:4px solid #f59e0b;border-radius:6px;display:flex;flex-direction:column;font-family:monospace;font-size:14px;gap:6px;padding:16px}.dark .ip-bb-bound-details-container{background-color:#92400e30;color:#fde68a}.ip-bb-bound-detail-item{color:#92400e;font-weight:500}.dark .ip-bb-bound-detail-item{color:#fde68a}.ip-bb-code-container{background-color:#1e293b;border-radius:8px;color:#f1f5f9;font-family:Consolas,Monaco,monospace;font-size:14px;max-height:1500px;overflow-x:auto;overflow-y:auto;padding:16px}.dark .ip-bb-code-container{background-color:#0f172a;color:#e5e7eb}.ip-bb-code-line{color:#e5e7eb}.ip-bb-code-line,.ip-bb-highlighted-line{word-wrap:break-word;font-family:Consolas,Monaco,monospace;font-size:14px;padding:4px 12px;white-space:pre-wrap}.ip-bb-highlighted-line{background-color:#facc15;border-left:4px solid #f59e0b;color:#000;font-weight:700}.ip-bb-visualization-area{display:flex;flex-direction:column;flex-grow:1}.ip-bb-tree-section{flex-grow:1;margin-bottom:20px;overflow-y:auto}.ip-bb-tree-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;min-height:700px;overflow-x:auto;padding:12px;width:100%}.dark .ip-bb-tree-container{background-color:#334155;border-color:#475569}.ip-bb-solutions-section{margin-bottom:20px;margin-top:20px}.ip-bb-solutions-container{background-color:#f3f4f6;border-radius:6px;display:flex;flex-direction:column;font-family:monospace;font-size:16px;gap:8px;min-height:100px;padding:16px}.dark .ip-bb-solutions-container{background-color:#1e293b;color:#f1f5f9}.ip-bb-array-title{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:12px;margin-top:0}.dark .ip-bb-array-title{color:#f1f5f9}.ip-bb-status-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin:20px 0}.ip-bb-status-card{border-radius:8px;padding:16px}.ip-bb-status-label{font-size:14px;font-weight:500;margin-bottom:8px}.ip-bb-status-value{font-size:20px;font-weight:700}.ip-bb-action-container{background-color:#f9fafb;border-left:4px solid #3b82f6;border-radius:8px;margin-bottom:24px;padding:16px;transition:all .3s ease}.dark .ip-bb-action-container{background-color:#1e293b;border-left:4px solid #3b82f6}.ip-bb-action-label{color:#4b5563;font-size:14px;font-weight:500;margin-bottom:4px}.dark .ip-bb-action-label{color:#94a3b8}.ip-bb-action-text{color:#1f2937;font-size:16px;line-height:1.5}.dark .ip-bb-action-text{color:#f8fafc}.ip-bb-controls-container{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:20px}.ip-bb-control-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:120px;padding:10px 16px;transition:all .2s ease}.ip-bb-gray-button{background-color:#e5e7eb;color:#374151}.dark .ip-bb-gray-button{background-color:#334155;color:#f1f5f9}.ip-bb-blue-button{background-color:#3b82f6;color:#fff}.dark .ip-bb-blue-button{background-color:#2563eb;color:#fff}.ip-bb-red-button{background-color:#ef4444;color:#fff}.dark .ip-bb-red-button{background-color:#dc2626;color:#fff}.ip-bb-disabled-button{cursor:not-allowed;opacity:.5}.ip-bb-control-button:hover:not(:disabled){box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.ip-bb-control-button:active:not(:disabled){transform:translateY(0)}.ip-bb-speed-control{align-items:center;display:flex;gap:8px;margin-right:12px}.ip-bb-speed-control label{color:#1f2937;font-size:14px;font-weight:500}.dark .ip-bb-speed-control label{color:#f1f5f9}.ip-bb-speed-control select{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;padding:8px 12px}.dark .ip-bb-speed-control select{background-color:#334155;border-color:#475569;color:#f1f5f9}.ip-bb-legend-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.ip-bb-legend-item{align-items:center;display:flex;gap:12px}.ip-bb-legend-color{border:1px solid #0000001a;border-radius:4px;flex-shrink:0;height:24px;width:24px}.dark .ip-bb-legend-color{border-color:#ffffff1a}.ip-bb-legend-text{color:#1f2937;font-size:18px;font-weight:500}.dark .ip-bb-legend-text{color:#f9fafb}.ip-bb-code-visualization-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px}@media (max-width:1024px){.ip-bb-code-visualization-grid{grid-template-columns:1fr}.ip-bb-code-container{min-height:300px}}@media (max-width:768px){.ip-bb-container{padding:16px}.ip-bb-complexity-grid{grid-template-columns:1fr}.ip-bb-title{font-size:24px}.ip-bb-card-title{font-size:22px}.ip-bb-controls-container{flex-direction:column}.ip-bb-control-button{width:100%}.ip-bb-legend-grid{grid-template-columns:repeat(2,1fr)}.ip-bb-status-grid{grid-template-columns:1fr}}@media (max-width:480px){.ip-bb-header{align-items:flex-start;flex-direction:column;gap:12px}.ip-bb-title{font-size:22px;text-align:center;width:100%}.ip-bb-legend-grid{grid-template-columns:1fr}}:root{--bg:#fdfbfb;--bg-alt:#ebedee;--text:#1c1c1c;--card:#fff;--card-border:#dcdcdc;--accent:#004e92;--accent-hover:#036;--btn-text:#fff}.dark{--bg:#1e1e2f;--bg-alt:#121218;--text:#eee;--card:#252534;--card-border:#333646;--accent:#00e5ff;--accent-hover:#00bcd4;--btn-text:#121212}.quiz-home-container{background:linear-gradient(90deg,#fdfbfb,#ebedee);background:linear-gradient(to right,var(--bg),var(--bg-alt));min-height:100vh;padding:2rem;position:relative}.quiz-header{margin-bottom:3rem;width:100%}.quiz-title{color:#004e92;color:var(--accent);font-size:2.5rem;margin:0;text-align:left}.quiz-back-to-dashboard{background:#004e92;background:var(--accent);border:none;border-radius:8px;box-shadow:0 4px 14px #0000001a;color:#fff;color:var(--btn-text);cursor:pointer;font-size:.95rem;font-weight:500;padding:.7rem 1.3rem;position:fixed;right:2rem;top:2rem;transition:background .3s ease;z-index:1000}.quiz-back-to-dashboard:hover{background:#036;background:var(--accent-hover)}.quiz-topic-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));padding:0 1rem}.quiz-topic-card{background:#fff;background:var(--card);border:2px solid #dcdcdc;border:2px solid var(--card-border);border-radius:12px;box-shadow:0 8px 24px #00000014;cursor:pointer;overflow:hidden;padding:2rem;perspective:1000px;position:relative;text-align:center;transform-style:preserve-3d}.dark .quiz-topic-card{box-shadow:0 8px 24px #0003}.quiz-topic-card:before{background:linear-gradient(90deg,#0000,#004e921a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.quiz-topic-card:hover:before{left:100%}.dark .quiz-topic-card:hover{border-color:#004e92;border-color:var(--accent);box-shadow:0 12px 32px #00e5ff33}.quiz-topic-card h3{color:#004e92;color:var(--accent);font-size:1.4rem;margin-bottom:.5rem;position:relative;z-index:1}.quiz-topic-card p{color:#1c1c1c;color:var(--text);font-size:1rem;position:relative;z-index:1}@media (max-width:600px){.quiz-home-container{padding:4rem 1rem 1rem}.quiz-back-to-dashboard{font-size:.85rem;padding:.6rem 1rem;right:1rem;top:1rem}.quiz-title{font-size:2rem;margin-top:1rem}}.quiz-topic-page{background:linear-gradient(to right,var(--bg),var(--bg-alt));color:var(--text);font-family:Poppins,sans-serif;min-height:100vh;padding:2rem;transition:background .4s ease,color .4s ease}.quiz-topic-header{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:2rem}.animate-heading{color:var(--accent);font-size:2.5rem}.back-to-topic-button{background:var(--accent);border:none;border-radius:8px;box-shadow:0 4px 14px #0000001a;color:var(--btn-text);cursor:pointer;font-size:.95rem;font-weight:500;padding:.7rem 1.3rem;position:fixed;right:2rem;top:2rem;transition:background .3s ease;z-index:1000}.back-to-topic-button:hover{background:var(--accent-hover)}.algo-card-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));padding:0 1rem}.algo-card{background:var(--card);border:2px solid var(--card-border);border-radius:12px;box-shadow:0 8px 24px #00000014;cursor:pointer;overflow:hidden;padding:2rem;perspective:1000px;position:relative;text-align:center;transform-style:preserve-3d}.dark .algo-card{box-shadow:0 8px 24px #0003}.algo-card:before{background:linear-gradient(90deg,#0000,#004e921a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.algo-card:hover:before{left:100%}.dark .algo-card:hover{border-color:var(--accent);box-shadow:0 12px 32px #00e5ff33}.algo-card h3{color:var(--accent);font-size:1.3rem;margin-bottom:.5rem}.algo-card h3,.algo-card p{position:relative;z-index:1}.algo-card p{color:var(--text);font-size:.95rem}@media (max-width:600px){.quiz-topic-page{padding:4rem 1rem 1rem}.back-to-topic-button{font-size:.85rem;padding:.6rem 1rem;right:1rem;top:1rem}.animate-heading{font-size:2rem}}.quiz-wrapper{--quiz-bg:#f8f9fa;--quiz-bg-alt:#e9ecef;--quiz-text:#212529;--quiz-card:#fff;--quiz-card-border:#dee2e6;--quiz-accent:#004e92;--quiz-accent-hover:#036;--quiz-btn-text:#f8f9fa;--quiz-correct:#4caf50;--quiz-incorrect:#f44336;--quiz-disabled:#adb5bd;--quiz-progress-bg:#e9ecef}.quiz-wrapper.dark{--quiz-bg:#121218;--quiz-bg-alt:#1a1a23;--quiz-text:#e0e0e0;--quiz-card:#1e1e2f;--quiz-card-border:#2a2a3a;--quiz-accent:#00b4d8;--quiz-accent-hover:#0096c7;--quiz-btn-text:#121218;--quiz-correct:#2e7d32;--quiz-incorrect:#c62828;--quiz-disabled:#4a4a56;--quiz-progress-bg:#2a2a3a}.quiz-wrapper{background-color:var(--quiz-bg);border-radius:12px;box-shadow:0 4px 20px #0000001a;color:var(--quiz-text);margin:2rem auto;max-width:800px;padding:2rem;transition:background-color .4s ease,color .4s ease}.quiz-wrapper.dark{box-shadow:0 4px 20px #00b4d81a}.quiz-wrapper.loading{color:var(--quiz-text);padding:3rem;text-align:center}.quiz-wrapper .quiz-top-bar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.quiz-wrapper .quiz-top-bar h2{color:var(--quiz-accent);font-size:1.8rem;margin:0}.quiz-wrapper .quiz-control-group{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.quiz-wrapper .quiz-time-display{background-color:var(--quiz-card);border:1px solid var(--quiz-card-border);border-radius:6px;color:var(--quiz-text);font-weight:700;padding:.5rem 1rem}.quiz-wrapper .quiz-user-badge,.quiz-wrapper .quiz-user-label{color:var(--quiz-accent);font-weight:600}.quiz-wrapper .quiz-user-badge{background-color:var(--quiz-card);border:1px solid var(--quiz-card-border);border-radius:6px;margin-bottom:1.5rem;padding:.75rem 1rem;text-align:center}.quiz-wrapper button{background-color:var(--quiz-accent);border:none;border-radius:6px;color:var(--quiz-btn-text);cursor:pointer;font-weight:500;padding:.6rem 1.2rem;transition:background .3s ease}.quiz-wrapper button:hover{background-color:var(--quiz-accent-hover)}.quiz-wrapper button.disabled{cursor:not-allowed}.quiz-wrapper button.disabled,.quiz-wrapper button.disabled:hover{background-color:var(--quiz-disabled)}.quiz-wrapper .quiz-back-btn{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:.6rem 1.2rem;transition:background .3s ease}.quiz-wrapper .quiz-back-btn,.quiz-wrapper .quiz-back-btn:hover{background-color:var(--quiz-accent);color:var(--quiz-btn-text)}.quiz-wrapper .quiz-progress-area{color:var(--quiz-text);margin-bottom:2rem}.quiz-wrapper .quiz-progress-track{background-color:var(--quiz-progress-bg);border-radius:4px;height:8px;margin-top:.5rem;overflow:hidden}.quiz-wrapper .quiz-progress-fill{background-color:var(--quiz-accent);height:100%;transition:width .5s ease}.quiz-wrapper .quiz-question-box{background-color:var(--quiz-card);border:1px solid var(--quiz-card-border);border-radius:8px;box-shadow:0 2px 8px #0000000d;color:var(--quiz-text);margin-bottom:2rem;padding:1.5rem}.quiz-wrapper.dark .quiz-question-box{box-shadow:0 2px 8px #00b4d814}.quiz-wrapper .quiz-question-box h3{color:var(--quiz-text);font-size:1.3rem;margin-bottom:1.5rem;margin-top:0}.quiz-wrapper .quiz-choices-list{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:1fr}.quiz-wrapper .quiz-choice{background-color:var(--quiz-bg-alt);border:2px solid #0000;border-radius:6px;color:var(--quiz-text);cursor:pointer;padding:1rem;transition:all .3s ease}.quiz-wrapper .quiz-choice:hover{background-color:var(--quiz-card);border-color:var(--quiz-accent)}.quiz-wrapper .quiz-choice.selected{background-color:var(--quiz-accent);border-color:var(--quiz-accent);color:var(--quiz-btn-text)}.quiz-wrapper .quiz-nav-area{display:flex;justify-content:flex-end}.quiz-wrapper .quiz-nav-area button{font-size:1rem;padding:.8rem 1.5rem}.quiz-wrapper .quiz-results-area{color:var(--quiz-text);padding:1.5rem}.quiz-wrapper .quiz-score-card{background-color:var(--quiz-card);border:1px solid var(--quiz-card-border);border-radius:8px;margin-bottom:2rem;padding:1.5rem;text-align:center}.quiz-wrapper .quiz-score-card h3{color:var(--quiz-accent);font-size:1.5rem;margin-top:0}.quiz-wrapper .quiz-score-card p{font-size:1.1rem;margin:.5rem 0}.quiz-wrapper .quiz-buttons-row{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.quiz-wrapper .quiz-answer-details{margin-top:2rem}.quiz-wrapper .quiz-answer-details h4{color:var(--quiz-accent);font-size:1.3rem;margin-bottom:1rem}.quiz-wrapper .quiz-answer-card{background-color:var(--quiz-card);border:1px solid var(--quiz-card-border);border-radius:8px;color:var(--quiz-text);margin-bottom:1rem;padding:1.5rem}.quiz-wrapper .quiz-answer-card.correct{border-left:4px solid var(--quiz-correct)}.quiz-wrapper .quiz-answer-card.incorrect{border-left:4px solid var(--quiz-incorrect)}.quiz-wrapper .quiz-answer-card p{line-height:1.6;margin:.5rem 0}.quiz-wrapper .quiz-answer-card strong{color:var(--quiz-accent)}@media (max-width:768px){.quiz-wrapper{margin:1rem;padding:1.5rem}.quiz-wrapper .quiz-top-bar{align-items:flex-start;flex-direction:column;gap:1rem}.quiz-wrapper .quiz-control-group{flex-wrap:wrap;justify-content:space-between;width:100%}.quiz-wrapper .quiz-buttons-row{flex-direction:column}}@media (max-width:480px){.quiz-wrapper{padding:1rem}.quiz-wrapper .quiz-top-bar h2{font-size:1.5rem}.quiz-wrapper .quiz-question-box{padding:1rem}.quiz-wrapper .quiz-choice{padding:.8rem}.quiz-wrapper .quiz-score-card h3{font-size:1.3rem}.quiz-wrapper .quiz-score-card p{font-size:1rem}}.progress-container{--bg:#fdfbfb;--bg-alt:#ebedee;--text:#1c1c1c;--card:#fff;--card-border:#dcdcdc;--accent:#004e92;--accent-hover:#036;--btn-text:#fff;--error:#e63946;--success:#2a9d8f;--warning:#e9c46a;--xp-gold:gold;--xp-bar-bg:#e0e0e0;background:linear-gradient(to right,var(--bg),var(--bg-alt));font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;padding:2rem;position:relative;transition:background .3s ease,color .3s ease}.progress-container.dark{--bg:#1e1e2f!important;--bg-alt:#121218!important;--text:#eee!important;--card:#252534!important;--card-border:#333646!important;--accent:#00e5ff!important;--accent-hover:#00bcd4!important;--btn-text:#121212!important;--error:#ff6b6b!important;--success:#4ecdc4!important;--warning:#ffe66d!important;background:linear-gradient(to right,var(--bg),var(--bg-alt))!important;color:var(--text)!important}.progress-container .progress-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:2rem}.progress-container .progress-header h2{color:var(--accent);font-size:2.5rem;margin:0}.progress-container .back-to-dashboard-btn{background:var(--accent);border:none;border-radius:8px;box-shadow:0 4px 14px #0000001a;color:var(--btn-text);cursor:pointer;font-size:.95rem;font-weight:500;padding:.7rem 1.3rem;transition:background .3s ease}.progress-container .back-to-dashboard-btn:hover{background:var(--accent-hover)}.progress-container .level-xp-container{grid-gap:2rem;align-items:center;background:var(--card);border:2px solid var(--card-border);border-radius:16px;box-shadow:0 8px 24px #00000014;display:grid;gap:2rem;grid-template-columns:auto 1fr;margin-bottom:3rem;padding:2rem}.progress-container.dark .level-xp-container{background:linear-gradient(135deg,var(--card) 0,#1a1a2e 100%);box-shadow:0 8px 24px #00e5ff1a}.progress-container .level-badge{align-items:center;background:linear-gradient(135deg,var(--accent) 0,var(--accent-hover) 100%);border-radius:12px;box-shadow:0 4px 16px #004e924d;cursor:pointer;display:flex;gap:1.5rem;min-width:200px;padding:1rem 2rem}.progress-container.dark .level-badge{background:linear-gradient(135deg,var(--accent) 0,#00bcd4 100%);box-shadow:0 4px 16px #00e5ff4d}.progress-container .level-icon{animation:progress-pulse 2s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(255,215,0,.5));font-size:3.5rem}@keyframes progress-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.progress-container .level-info h3{color:var(--btn-text);font-size:2rem;font-weight:700;margin:0;text-shadow:0 2px 4px #0003}.progress-container .level-title{color:var(--btn-text);font-size:1rem;font-weight:600;letter-spacing:1px;margin:.25rem 0 0;opacity:.9;text-transform:uppercase}.progress-container .xp-info{flex:1 1}.progress-container .xp-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.progress-container .xp-label{color:var(--text);font-size:1rem;font-weight:600;opacity:.8}.progress-container .xp-value{color:var(--xp-gold);font-size:1.5rem;font-weight:700;text-shadow:0 2px 4px #ffd7004d}.progress-container .xp-bar{background:var(--xp-bar-bg);border-radius:12px;box-shadow:inset 0 2px 4px #0000001a;height:24px;overflow:hidden;position:relative;width:100%}.progress-container .xp-progress{background:linear-gradient(90deg,var(--xp-gold) 0,#ffed4e 50%,var(--xp-gold) 100%);border-radius:12px;box-shadow:0 2px 8px #ffd70066;height:100%;overflow:hidden;position:relative}.progress-container .xp-progress:before{animation:progress-shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes progress-shimmer{0%{left:-100%}to{left:100%}}.progress-container .xp-next-level{color:var(--text);font-size:.9rem;font-weight:500;margin-top:.5rem;opacity:.7;text-align:right}.progress-container .algo-selector{margin-bottom:2rem}.progress-container .algo-selector h2{color:var(--text);margin-bottom:1rem}.progress-container .algo-buttons{display:flex;flex-wrap:wrap;gap:.8rem}.progress-container .algo-buttons button{background:var(--bg-alt);border:none;border-radius:8px;color:var(--text);cursor:pointer;font-size:.9rem;padding:.6rem 1.2rem;transition:background .3s ease}.progress-container .algo-buttons button.active{background:var(--accent);color:var(--btn-text)}.progress-container .algo-buttons button:hover:not(.active){background:#0057b71a}.progress-container .progress-stats{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:3rem}.progress-container .stat-card{background:var(--card);border:2px solid var(--card-border);border-radius:12px;box-shadow:0 8px 24px #00000014;overflow:hidden;padding:2rem;position:relative;text-align:center}.progress-container.dark .stat-card{box-shadow:0 8px 24px #0003}.progress-container .stat-card:before{background:linear-gradient(90deg,#0000,#004e921a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.progress-container .stat-card:hover:before{left:100%}.progress-container .stat-card h4{color:var(--text);font-size:1.1rem;margin-bottom:.5rem;opacity:.8;position:relative;z-index:1}.progress-container .stat-value{color:var(--accent);font-size:2rem;font-weight:700;margin:.5rem 0;position:relative;z-index:1}.progress-container .stat-percentage{color:var(--success);font-size:1.2rem;font-weight:700;position:relative;z-index:1}.progress-container .progress-chart{background:var(--card);border:2px solid var(--card-border);border-radius:12px;box-shadow:0 8px 24px #00000014;margin-bottom:3rem;padding:2rem}.progress-container .progress-chart h3,.progress-container .progress-chart h4{color:var(--accent);margin-bottom:1rem}.progress-container .weak-areas-section{background:var(--card);border:2px solid var(--card-border);border-radius:12px;box-shadow:0 8px 24px #00000014;margin-bottom:3rem;padding:2rem}.progress-container .weak-areas-section h3{color:var(--accent);font-size:1.4rem;margin-bottom:1.5rem}.progress-container .weak-areas-list{margin:1.5rem 0}.progress-container .weak-area-item{align-items:center;background:var(--bg-alt);border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem}.progress-container .topic{color:var(--text);font-weight:600;text-transform:capitalize}.progress-container .count{color:var(--error);font-weight:700}.progress-container .suggested-actions{background:var(--bg-alt);border-radius:8px;margin-top:1.5rem;padding:1.5rem}.progress-container .suggested-actions h4{color:var(--text);font-size:1.1rem;margin-bottom:1rem}.progress-container .suggested-actions ul{padding-left:1.5rem}.progress-container .suggested-actions li{color:var(--text);margin-bottom:.5rem}.progress-container .suggested-actions li strong{color:var(--accent)}.progress-container .no-weak-areas{color:var(--success);padding:2rem;text-align:center}.progress-container .action-buttons{margin-top:2rem;text-align:center}.progress-container .retake-button{background:var(--accent);border:none;border-radius:8px;box-shadow:0 4px 14px #0000001a;color:var(--btn-text);cursor:pointer;font-size:1rem;font-weight:500;padding:.8rem 1.8rem;transition:background .3s ease}.progress-container .retake-button:hover{background:var(--accent-hover)}.progress-container .user-welcome{background-color:var(--card);border:1px solid var(--card-border);border-radius:8px;margin-bottom:2rem;padding:15px;text-align:center}.progress-container .user-welcome h3{color:var(--accent);margin:0}.progress-container .empty-state{background-color:var(--card);border:1px solid var(--card-border);border-radius:12px;padding:3rem;text-align:center}.progress-container .empty-state p{color:var(--text);font-size:1.1rem;margin:.5rem 0}.progress-container.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh}.progress-container .loading-spinner{animation:progress-spin 1s linear infinite;border:4px solid var(--card-border);border-radius:50%;border-top-color:var(--accent);height:50px;width:50px}@keyframes progress-spin{to{transform:rotate(1turn)}}.progress-container.error{align-items:center;display:flex;justify-content:center;min-height:60vh}.progress-container .error-message{background:var(--card);border:2px solid var(--error);border-radius:12px;padding:2rem;text-align:center}.progress-container .error-message h3{color:var(--error);margin-bottom:1rem}.progress-container .error-message button{background:var(--accent);border:none;border-radius:6px;color:var(--btn-text);cursor:pointer;margin:.5rem;padding:.6rem 1.2rem;transition:background .3s ease}.progress-container .error-message button:hover{background:var(--accent-hover)}.progress-container .progress-section h3{color:var(--accent);font-size:1.6rem;margin-bottom:2rem}.progress-container .modal-overlay{align-items:flex-start;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:2rem 1rem;position:fixed;right:0;top:0;z-index:2000}.progress-container .modal-content{background:var(--card);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:calc(100vh - 4rem);max-width:700px;overflow-y:auto;padding:2.5rem;position:relative;width:100%}.progress-container.dark .modal-content{box-shadow:0 20px 60px #00e5ff33}.progress-container .modal-close{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text);cursor:pointer;display:flex;font-size:2rem;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:40px}.progress-container .modal-close:hover{background:var(--bg-alt);transform:rotate(90deg)}.progress-container .modal-content h2{color:var(--accent);font-size:2rem;margin-bottom:1.5rem;padding-right:2rem}.progress-container .modal-section{border-bottom:1px solid var(--card-border);margin-bottom:2rem;padding-bottom:1.5rem}.progress-container .modal-section:last-of-type{border-bottom:none}.progress-container .modal-section h3{color:var(--accent);font-size:1.3rem;margin-bottom:1rem}.progress-container .modal-section ul{list-style:none;padding-left:0}.progress-container .modal-section ul li{color:var(--text);margin-bottom:.75rem;padding-left:1.5rem;position:relative}.progress-container .modal-section ul li:before{color:var(--accent);content:"▸";font-weight:700;left:0;position:absolute}.progress-container .modal-section ul ul{margin-left:1rem;margin-top:.5rem}.progress-container .modal-section strong{color:var(--accent);font-weight:600}.progress-container .level-titles-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-top:1rem}.progress-container .level-title-item{align-items:center;background:var(--bg-alt);border-radius:8px;display:flex;flex-direction:column;gap:.5rem;padding:1rem;transition:transform .3s ease}.progress-container .level-title-item:hover{transform:translateY(-3px)}.progress-container .title-badge{border-radius:6px;font-size:.9rem;font-weight:700;letter-spacing:.5px;padding:.5rem 1rem;text-align:center;text-transform:uppercase;width:100%}.progress-container .title-badge.novice{background:linear-gradient(135deg,#8b8b8b,#a9a9a9);color:#fff}.progress-container .title-badge.apprentice{background:linear-gradient(135deg,#cd7f32,#e8a75d);color:#fff}.progress-container .title-badge.intermediate{background:linear-gradient(135deg,silver,#e0e0e0);color:#333}.progress-container .title-badge.advanced{background:linear-gradient(135deg,gold,#ffed4e);color:#333}.progress-container .title-badge.expert{background:linear-gradient(135deg,#50c878,#7ef89e);color:#fff}.progress-container .title-badge.master{background:linear-gradient(135deg,#9370db,#ba8fd8);color:#fff}.progress-container .title-level{color:var(--text);font-size:.85rem;font-weight:500;opacity:.8}.progress-container .formula-note{background:var(--bg-alt);border-radius:8px;color:var(--accent);font-family:Courier New,monospace;font-size:.9rem;margin-top:1rem;padding:1rem;text-align:center}.progress-container .tip-section{background:var(--bg-alt);border-radius:12px;padding:1.5rem}.progress-container .tip-section ul li:before{content:"💡"}@media (max-width:768px){.progress-container{padding:1rem}.progress-container .progress-header{align-items:flex-start;flex-direction:column;gap:1rem}.progress-container .progress-header h2{font-size:2rem}.progress-container .back-to-dashboard-btn{align-self:flex-start}.progress-container .level-xp-container{gap:1.5rem;grid-template-columns:1fr;padding:1.5rem}.progress-container .level-badge{justify-content:center;min-width:auto;padding:1rem 1.5rem}.progress-container .level-icon{font-size:2.5rem}.progress-container .level-info h3{font-size:1.5rem}.progress-container .progress-stats{grid-template-columns:1fr}.progress-container .stat-card{padding:1.5rem}.progress-container .modal-content{max-height:85vh;padding:2rem 1.5rem}.progress-container .modal-content h2{font-size:1.5rem}.progress-container .level-titles-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.progress-container{padding:.75rem}.progress-container .progress-header h2{font-size:1.75rem}.progress-container .back-to-dashboard-btn{font-size:.85rem;padding:.6rem 1rem}.progress-container .level-badge{flex-direction:column;gap:.75rem;text-align:center}.progress-container .level-icon{font-size:2rem}.progress-container .level-info h3{font-size:1.25rem}.progress-container .level-title{font-size:.85rem}.progress-container .xp-value{font-size:1.25rem}.progress-container .xp-bar{height:20px}.progress-container .algo-buttons button{font-size:.85rem;padding:.5rem 1rem}.progress-container .modal-overlay{padding:1rem .5rem}.progress-container .modal-content{max-height:calc(100vh - 2rem);padding:1.5rem 1rem}.progress-container .modal-content h2{font-size:1.3rem;padding-right:2.5rem}.progress-container .modal-section h3{font-size:1.1rem}.progress-container .modal-close{font-size:1.5rem;height:35px;width:35px}.progress-container .level-titles-grid{grid-template-columns:1fr}.progress-container .title-badge{font-size:.85rem;padding:.4rem .8rem}}.leaderboard-wrap{--bg:#fdfbfb;--bg-alt:#ebedee;--text:#1c1c1c;--card:#fff;--card-border:#dcdcdc;--accent:#004e92;--accent-hover:#036;--btn-text:#fff;background:linear-gradient(to right,var(--bg),var(--bg-alt));color:var(--text);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;padding:2rem;transition:background .4s ease}.leaderboard-wrap.dark{--bg:#1e1e2f;--bg-alt:#121218;--text:#eee;--card:#252534;--card-border:#333646;--accent:#00e5ff;--accent-hover:#00bcd4;--btn-text:#121212;background:linear-gradient(to right,var(--bg),var(--bg-alt))!important}.leaderboard-wrap .leaderboard-top{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:2rem}.leaderboard-wrap .top-left h1{color:var(--accent);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.leaderboard-wrap .top-left p{color:var(--text);font-size:1.1rem;line-height:1.5;opacity:.8}.leaderboard-wrap .dashboard-btn{background:var(--accent);border:none;border-radius:8px;box-shadow:0 4px 12px #00000026;color:var(--btn-text);cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 1.5rem;transition:background .3s ease}.leaderboard-wrap .dashboard-btn:hover{background:var(--accent-hover)}.leaderboard-wrap .sort-box{align-items:center;background:var(--card);border:1px solid var(--card-border);border-radius:8px;display:flex;gap:12px;margin-bottom:2rem;padding:1rem}.leaderboard-wrap .sort-box label{color:var(--text);font-size:1rem;font-weight:600}.leaderboard-wrap .sort-box select{background:var(--bg);border:1px solid var(--card-border);border-radius:6px;color:var(--text);cursor:pointer;font-size:1rem;padding:.6rem 1rem;transition:border-color .3s ease}.leaderboard-wrap .sort-box select:focus{border-color:var(--accent);outline:none}.leaderboard-wrap .points-info-box{background:var(--card);border:1px solid var(--card-border);border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:2rem;padding:1.5rem}.leaderboard-wrap.dark .points-info-box{box-shadow:0 4px 12px #0000004d}.leaderboard-wrap .points-info-box h3{color:var(--accent);font-size:1.3rem;margin-bottom:1.2rem}.leaderboard-wrap .points-grid{display:flex;flex-wrap:wrap;gap:2rem}.leaderboard-wrap .point-box{align-items:center;background:var(--bg-alt);border-radius:8px;display:flex;flex-direction:column;min-width:150px;padding:1rem}.leaderboard-wrap .point-num{color:var(--accent);font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.leaderboard-wrap .point-text{font-size:.9rem;line-height:1.4;opacity:.9;text-align:center}.leaderboard-wrap .leader-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr;margin-bottom:2rem}.leaderboard-wrap .leader-table{background:var(--card);border:1px solid var(--card-border);border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden}.leaderboard-wrap.dark .leader-table{box-shadow:0 4px 12px #0000004d}.leaderboard-wrap .table-head{grid-gap:16px;background:var(--bg-alt);border-bottom:2px solid var(--card-border);color:var(--text);display:grid;font-size:.95rem;font-weight:600;gap:16px;grid-template-columns:80px 1.2fr 140px 100px 100px 120px 120px;padding:1.2rem 1.8rem}.leaderboard-wrap .table-head span{text-align:center}.leaderboard-wrap .head-user{text-align:left!important}.leaderboard-wrap .table-row{grid-gap:16px;align-items:center;border-bottom:1px solid var(--card-border);color:var(--text);display:grid;gap:16px;grid-template-columns:80px 1.2fr 140px 100px 100px 120px 120px;padding:1.2rem 1.8rem;transition:background .3s ease}.leaderboard-wrap .table-row.is-current{background:#4caf501a;border-left:4px solid #4caf50;font-weight:600}.leaderboard-wrap.dark .table-row.is-current{background:#4caf5026}.leaderboard-wrap .table-row.is-top{background:#ffd7001a;font-weight:600}.leaderboard-wrap.dark .table-row.is-top{background:#ffd70026}.leaderboard-wrap .cell-rank{color:var(--accent);font-size:1.2rem;font-weight:700;text-align:center}.leaderboard-wrap .cell-user{font-weight:600;text-align:left}.leaderboard-wrap .cell-level{align-items:center;display:flex;flex-direction:column;gap:.25rem}.leaderboard-wrap .level-chip{background:linear-gradient(135deg,var(--accent),var(--accent-hover));border-radius:12px;box-shadow:0 2px 8px #00000026;color:var(--btn-text);font-size:.9rem;font-weight:700;padding:.3rem .8rem}.leaderboard-wrap.dark .level-chip{background:linear-gradient(135deg,var(--accent),#00bcd4);box-shadow:0 2px 8px #00e5ff4d}.leaderboard-wrap .level-name{font-size:.75rem;font-weight:600;letter-spacing:.5px;opacity:.8;text-transform:uppercase}.leaderboard-wrap .cell-points,.leaderboard-wrap .cell-quizzes,.leaderboard-wrap .cell-score,.leaderboard-wrap .cell-time{font-weight:500;text-align:center}.leaderboard-wrap .cell-points{color:var(--accent);font-weight:700}.leaderboard-wrap .cell-score{color:#4caf50;font-weight:600}.leaderboard-wrap .cell-time{color:#2196f3;font-weight:600}.leaderboard-wrap .user-card{background:var(--card);border:1px solid var(--card-border);border-radius:12px;box-shadow:0 4px 12px #00000014;height:-webkit-fit-content;height:fit-content;padding:1.8rem}.leaderboard-wrap.dark .user-card{box-shadow:0 4px 12px #0000004d}.leaderboard-wrap .user-card h3{color:var(--accent);font-size:1.3rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.leaderboard-wrap .stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.leaderboard-wrap .stat-box{background:var(--bg-alt);border-radius:8px;padding:1.2rem;text-align:center;transition:transform .3s ease}.leaderboard-wrap .stat-num{color:var(--accent);display:block;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.leaderboard-wrap .stat-name{font-size:.9rem;font-weight:500;opacity:.9}.leaderboard-wrap .action-row{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:2rem}.leaderboard-wrap .progress-btn,.leaderboard-wrap .quiz-btn{border:none;border-radius:8px;box-shadow:0 4px 12px #00000026;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:background .3s ease}.leaderboard-wrap .quiz-btn{background:#4caf50;color:#fff}.leaderboard-wrap .progress-btn{background:#2196f3;color:#fff}.leaderboard-wrap .quiz-btn:hover{background:#45a049}.leaderboard-wrap .progress-btn:hover{background:#1e88e5}.leaderboard-wrap .no-data{background:var(--card);border:1px solid var(--card-border);border-radius:12px;box-shadow:0 4px 12px #00000014;margin:2rem 0;padding:3rem;text-align:center}.leaderboard-wrap.dark .no-data{box-shadow:0 4px 12px #0000004d}.leaderboard-wrap .no-data h3{color:var(--accent);font-size:1.5rem;margin-bottom:1rem}.leaderboard-wrap .no-data p{color:var(--text);font-size:1.1rem;margin-bottom:1.5rem;opacity:.8}.leaderboard-wrap .no-data button{background:var(--accent);border:none;border-radius:8px;box-shadow:0 4px 12px #00000026;color:var(--btn-text);cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:background .3s ease}.leaderboard-wrap .no-data button:hover{background:var(--accent-hover)}.leaderboard-wrap.loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh}.leaderboard-wrap .loading-spinner{animation:leader-spin 1s linear infinite;border-top:4px solid var(--card-border);border:4px solid var(--card-border);border-radius:50%;border-top-color:var(--accent);height:40px;margin-bottom:1.5rem;width:40px}@keyframes leader-spin{to{transform:rotate(1turn)}}.leaderboard-wrap.loading p{color:var(--text);font-size:1.1rem;opacity:.8}@media (max-width:1200px){.leaderboard-wrap .table-head,.leaderboard-wrap .table-row{gap:12px;grid-template-columns:70px 1fr 120px 90px 90px 110px 110px;padding:1rem 1.5rem}.leaderboard-wrap .leader-grid{grid-template-columns:1fr}}@media (max-width:900px){.leaderboard-wrap{padding:1.5rem}.leaderboard-wrap .table-head{display:none}.leaderboard-wrap .table-row{gap:.8rem;grid-template-columns:1fr;padding:1.5rem}.leaderboard-wrap .table-row>*{align-items:center;display:flex;justify-content:space-between}.leaderboard-wrap .cell-level{flex-direction:row;gap:.5rem;justify-content:flex-end}.leaderboard-wrap .points-grid{flex-direction:column;gap:1rem}.leaderboard-wrap .stats-grid{grid-template-columns:1fr}.leaderboard-wrap .action-row{align-items:center;flex-direction:column}.leaderboard-wrap .progress-btn,.leaderboard-wrap .quiz-btn{max-width:300px;width:100%}}@media (max-width:768px){.leaderboard-wrap .leaderboard-top{align-items:center;flex-direction:column;text-align:center}.leaderboard-wrap .top-left h1{font-size:2rem}.leaderboard-wrap .sort-box{align-items:flex-start;flex-direction:column;gap:.8rem}.leaderboard-wrap .sort-box select{width:100%}}@media (max-width:480px){.leaderboard-wrap{padding:1rem}.leaderboard-wrap .top-left h1{font-size:1.8rem}.leaderboard-wrap .dashboard-btn{font-size:.9rem;padding:.7rem 1.2rem}.leaderboard-wrap .points-info-box{padding:1.2rem}.leaderboard-wrap .point-box{min-width:120px;padding:.8rem}.leaderboard-wrap .level-chip{font-size:.8rem;padding:.25rem .6rem}.leaderboard-wrap .level-name{font-size:.7rem}.leaderboard-wrap .user-card{padding:1.5rem}.leaderboard-wrap .stat-num{font-size:1.3rem}.leaderboard-wrap .no-data{padding:2rem}}.forum-wrapper{--bg:#fdfbfb;--bg-alt:#ebedee;--text:#1c1c1c;--card:#fff;--card-border:#dcdcdc;--accent:#004e92;--accent-hover:#036;--btn-text:#fff;--success:#4caf50;--error:#f44336;background:linear-gradient(to right,var(--bg),var(--bg-alt));color:var(--text);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;padding:2rem;transition:background .4s ease}.forum-wrapper.dark{--bg:#1e1e2f;--bg-alt:#121218;--text:#eee;--card:#252534;--card-border:#333646;--accent:#00e5ff;--accent-hover:#00bcd4;--btn-text:#121212;--success:#4ecdc4;--error:#ff6b6b;background:linear-gradient(to right,var(--bg),var(--bg-alt))!important}.forum-wrapper .forum-top-bar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.forum-wrapper .forum-top-bar h1{color:var(--accent);font-size:2.5rem;font-weight:700;margin:0}.forum-wrapper .top-bar-right{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.5rem}.forum-wrapper .top-bar-actions{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.forum-wrapper .dashboard-return-btn{background:var(--accent);border:none;border-radius:8px;box-shadow:0 4px 14px #0000001a;color:var(--btn-text);cursor:pointer;font-size:.95rem;font-weight:500;padding:.7rem 1.3rem;transition:background .3s ease}.forum-wrapper .dashboard-return-btn:hover{background:var(--accent-hover)}.forum-wrapper .user-display{color:var(--accent);font-size:.9rem;font-weight:600}.forum-wrapper .notification-bell{border-radius:50%;cursor:pointer;font-size:1.5rem;padding:.5rem;position:relative;transition:background .3s ease}.forum-wrapper .notification-bell:hover{background:var(--bg-alt)}.forum-wrapper .notification-badge{align-items:center;background:#f44336;border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:20px;justify-content:center;position:absolute;right:0;top:0;width:20px}.forum-wrapper .notifications-panel{background:var(--card);border:1px solid var(--card-border);border-radius:12px;box-shadow:0 8px 24px #00000026;max-height:400px;overflow-y:auto;padding:1.5rem;position:absolute;right:2rem;top:5rem;width:350px;z-index:1000}.forum-wrapper.dark .notifications-panel{box-shadow:0 8px 24px #0000004d}.forum-wrapper .notifications-panel h3{color:var(--accent);font-size:1.2rem;margin-bottom:1rem;margin-top:0}.forum-wrapper .no-notifications{color:var(--text);opacity:.7;padding:2rem;text-align:center}.forum-wrapper .notification-item{border:1px solid var(--card-border);border-radius:8px;cursor:pointer;margin-bottom:.5rem;padding:1rem;transition:all .3s ease}.forum-wrapper .notification-item:hover{background:var(--bg-alt)}.forum-wrapper .notification-content{color:var(--text);margin-bottom:.5rem}.forum-wrapper .notification-content strong{color:var(--accent)}.forum-wrapper .notification-time{font-size:.8rem;opacity:.7}.forum-wrapper .search-wrapper{margin-bottom:2rem}.forum-wrapper .search-field{background:var(--card);border:1px solid var(--card-border);border-radius:8px;color:var(--text);font-size:1rem;padding:1rem;transition:border-color .3s ease;width:100%}.forum-wrapper .search-field:focus{border-color:var(--accent);box-shadow:0 0 0 2px #004e9233;outline:none}.forum-wrapper .create-post-box{background:var(--card);border:1px solid var(--card-border);border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:2rem;padding:2rem}.forum-wrapper.dark .create-post-box{box-shadow:0 4px 12px #0000004d}.forum-wrapper .create-post-box h2{color:var(--accent);font-size:1.5rem;margin-bottom:1.5rem;margin-top:0}.forum-wrapper .comment-field,.forum-wrapper .content-field,.forum-wrapper .reply-field,.forum-wrapper .title-field{background:var(--bg);border:1px solid var(--card-border);border-radius:8px;color:var(--text);font-family:inherit;font-size:1rem;margin-bottom:1rem;padding:1rem;resize:vertical;transition:border-color .3s ease;width:100%}.forum-wrapper .comment-field:focus,.forum-wrapper .content-field:focus,.forum-wrapper .reply-field:focus,.forum-wrapper .title-field:focus{border-color:var(--accent);box-shadow:0 0 0 2px #004e9233;outline:none}.forum-wrapper .content-field{min-height:120px}.forum-wrapper .comment-field{min-height:80px}.forum-wrapper .reply-field{min-height:60px}.forum-wrapper .images-upload-zone{margin-bottom:1.5rem}.forum-wrapper .upload-label{background:var(--bg-alt);border-radius:6px;color:var(--text);cursor:pointer;display:inline-block;font-weight:500;padding:.8rem 1.2rem;transition:all .3s ease}.forum-wrapper .upload-label:hover{background:var(--accent);color:var(--btn-text)}.forum-wrapper .upload-input{display:none}.forum-wrapper .images-preview-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:1rem}.forum-wrapper .preview-item{border:1px solid var(--card-border);border-radius:8px;overflow:hidden;position:relative}.forum-wrapper .preview-item img{display:block;height:120px;object-fit:cover;width:100%}.forum-wrapper .remove-img-btn{align-items:center;background:#f44336;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:5px;top:5px;transition:background .3s ease;width:24px}.forum-wrapper .remove-img-btn:hover{background:#d32f2f}.forum-wrapper .submit-comment-btn,.forum-wrapper .submit-post-btn,.forum-wrapper .submit-reply-btn{background:var(--accent);border:none;border-radius:8px;box-shadow:0 4px 12px #00000026;color:var(--btn-text);cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:background .3s ease}.forum-wrapper .submit-comment-btn:hover,.forum-wrapper .submit-post-btn:hover,.forum-wrapper .submit-reply-btn:hover{background:var(--accent-hover)}.forum-wrapper .posts-feed{margin-bottom:2rem}.forum-wrapper .posts-feed h2{color:var(--accent);font-size:1.8rem;margin-bottom:1.5rem}.forum-wrapper .no-posts{color:var(--text);font-size:1.1rem;padding:3rem;text-align:center}.forum-wrapper .no-posts,.forum-wrapper .post-preview-card{background:var(--card);border:1px solid var(--card-border);border-radius:12px}.forum-wrapper .post-preview-card{box-shadow:0 4px 12px #00000014;margin-bottom:1.5rem;padding:1.8rem;transition:all .3s ease}.forum-wrapper.dark .post-preview-card{box-shadow:0 4px 12px #0000004d}.forum-wrapper .preview-header{margin-bottom:1rem}.forum-wrapper .preview-title{color:var(--accent);cursor:pointer;font-size:1.4rem;font-weight:600;margin:0;transition:color .3s ease}.forum-wrapper .preview-title:hover{color:var(--accent-hover)}.forum-wrapper .preview-meta{color:var(--text);display:flex;flex-wrap:wrap;font-size:.9rem;gap:1.5rem;margin-bottom:1rem;opacity:.8}.forum-wrapper .preview-excerpt{color:var(--text);line-height:1.6;margin-bottom:1rem}.forum-wrapper .preview-images{margin-bottom:1rem;position:relative}.forum-wrapper .preview-images img{border:1px solid var(--card-border);border-radius:8px;max-height:200px;object-fit:cover;width:100%}.forum-wrapper .more-images{background:#000000b3;border-radius:20px;bottom:10px;color:#fff;font-size:.9rem;font-weight:600;padding:.3rem .8rem;position:absolute;right:10px}.forum-wrapper .preview-stats{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.forum-wrapper .stat-likes{align-items:center;display:flex;font-weight:500;gap:.5rem}.forum-wrapper .stat-likes .user-liked{color:var(--success)}.forum-wrapper .stat-comments{font-weight:500}.forum-wrapper .view-btn{background:var(--accent);border:none;border-radius:6px;color:var(--btn-text);cursor:pointer;font-weight:600;padding:.7rem 1.5rem;transition:background .3s ease}.forum-wrapper .view-btn:hover{background:var(--accent-hover)}.forum-wrapper .post-detail-box{background:var(--card);border:1px solid var(--card-border);border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:2rem;padding:2rem}.forum-wrapper.dark .post-detail-box{box-shadow:0 4px 12px #0000004d}.forum-wrapper .detail-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.forum-wrapper .detail-header h2{color:var(--accent);font-size:2rem;margin:0}.forum-wrapper .detail-actions{display:flex;gap:.5rem}.forum-wrapper .delete-action,.forum-wrapper .edit-action{background:none;border:none;border-radius:6px;cursor:pointer;font-size:1.5rem;padding:.5rem;transition:background .3s ease}.forum-wrapper .edit-action:hover{background:#4caf501a}.forum-wrapper .delete-action:hover{background:#f443361a}.forum-wrapper .detail-meta{display:flex;flex-wrap:wrap;font-size:.95rem;gap:1.5rem;margin-bottom:1.5rem;opacity:.8}.forum-wrapper .detail-content{color:var(--text);font-size:1.1rem;line-height:1.7;margin-bottom:1.5rem}.forum-wrapper .detail-images-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1.5rem}.forum-wrapper .detail-images-grid img{border:1px solid var(--card-border);border-radius:8px;max-height:300px;object-fit:cover;width:100%}.forum-wrapper .like-section{margin-top:1.5rem}.forum-wrapper .like-btn{background:var(--bg);border:2px solid var(--card-border);border-radius:8px;color:var(--text);cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 1.5rem;transition:all .3s ease}.forum-wrapper .like-btn:hover{background:var(--bg-alt);border-color:var(--accent)}.forum-wrapper .like-btn.liked{background:#4caf501a;border-color:var(--success);color:var(--success)}.forum-wrapper .like-btn-small{background:var(--bg);border:1px solid var(--card-border);border-radius:6px;color:var(--text);cursor:pointer;font-size:.9rem;font-weight:500;margin-bottom:1rem;padding:.5rem 1rem;transition:all .3s ease}.forum-wrapper .like-btn-small:hover{background:var(--bg-alt)}.forum-wrapper .like-btn-small.liked{background:#4caf501a;border-color:var(--success);color:var(--success)}.forum-wrapper .edit-zone{margin-bottom:1.5rem}.forum-wrapper .edit-field{background:var(--bg);border:1px solid var(--card-border);border-radius:8px;color:var(--text);font-family:inherit;font-size:1rem;margin-bottom:1rem;min-height:100px;padding:1rem;resize:vertical;width:100%}.forum-wrapper .edit-field:focus{border-color:var(--accent);box-shadow:0 0 0 2px #004e9233;outline:none}.forum-wrapper .edit-btns{display:flex;gap:1rem}.forum-wrapper .edit-btns button{border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;padding:.7rem 1.5rem;transition:background .3s ease}.forum-wrapper .edit-btns button:first-child{background:var(--success);color:#fff}.forum-wrapper .edit-btns button:first-child:hover{background:#45a049}.forum-wrapper .edit-btns button:last-child{background:var(--error);color:#fff}.forum-wrapper .edit-btns button:last-child:hover{background:#d32f2f}.forum-wrapper .comments-box{background:var(--card);border:1px solid var(--card-border);border-radius:12px;box-shadow:0 4px 12px #00000014;padding:2rem}.forum-wrapper.dark .comments-box{box-shadow:0 4px 12px #0000004d}.forum-wrapper .comments-box h3{color:var(--accent);font-size:1.5rem;margin-bottom:1.5rem;margin-top:0}.forum-wrapper .comment-form-box,.forum-wrapper .reply-form-box{margin-bottom:2rem}.forum-wrapper .comment-item{background:var(--bg-alt);border:1px solid var(--card-border);border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.forum-wrapper .comment-top,.forum-wrapper .reply-top{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:1rem}.forum-wrapper .comment-author,.forum-wrapper .reply-author{color:var(--accent);font-weight:600;margin-right:1rem}.forum-wrapper .comment-date,.forum-wrapper .reply-date{font-size:.9rem;opacity:.7}.forum-wrapper .comment-actions,.forum-wrapper .reply-actions{display:flex;gap:.5rem}.forum-wrapper .comment-actions button,.forum-wrapper .reply-actions button{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1.2rem;padding:.3rem;transition:background .3s ease}.forum-wrapper .comment-text,.forum-wrapper .reply-text{color:var(--text);line-height:1.6;margin-bottom:1rem}.forum-wrapper .comment-images-grid,.forum-wrapper .reply-images-grid{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1rem}.forum-wrapper .comment-images-grid img,.forum-wrapper .reply-images-grid img{border:1px solid var(--card-border);border-radius:6px;max-height:150px;object-fit:cover;width:100%}.forum-wrapper .replies-area{border-left:3px solid var(--card-border);margin-top:1.5rem;padding-left:1.5rem}.forum-wrapper .replies-area h4{color:var(--accent);font-size:1.1rem;margin-bottom:1rem}.forum-wrapper .reply-item{background:var(--card);border:1px solid var(--card-border);border-radius:6px;margin-bottom:1rem;padding:1rem}.forum-wrapper .action-toast{background:var(--success);border-radius:8px;box-shadow:0 4px 12px #0003;color:#fff;font-size:1rem;font-weight:600;left:50%;padding:1rem 2rem;position:fixed;top:2rem;transform:translateX(-50%);z-index:2000}@media (max-width:900px){.forum-wrapper{padding:1.5rem}.forum-wrapper .forum-top-bar{align-items:flex-start;flex-direction:column}.forum-wrapper .top-bar-right{justify-content:space-between;width:100%}.forum-wrapper .notifications-panel{left:1rem;right:1rem;width:auto}.forum-wrapper .detail-header{flex-direction:column}}@media (max-width:768px){.forum-wrapper .forum-top-bar h1{font-size:2rem}.forum-wrapper .comments-box,.forum-wrapper .create-post-box,.forum-wrapper .post-detail-box{padding:1.5rem}.forum-wrapper .detail-header h2{font-size:1.5rem}.forum-wrapper .images-preview-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.forum-wrapper .preview-item img{height:100px}.forum-wrapper .detail-images-grid{grid-template-columns:1fr}.forum-wrapper .replies-area{padding-left:1rem}}@media (max-width:480px){.forum-wrapper{padding:1rem}.forum-wrapper .forum-top-bar h1{font-size:1.8rem}.forum-wrapper .dashboard-return-btn{font-size:.85rem;padding:.6rem 1rem}.forum-wrapper .comments-box,.forum-wrapper .create-post-box,.forum-wrapper .post-detail-box{padding:1.2rem}.forum-wrapper .comment-field,.forum-wrapper .content-field,.forum-wrapper .reply-field,.forum-wrapper .title-field{padding:.8rem}.forum-wrapper .submit-comment-btn,.forum-wrapper .submit-post-btn,.forum-wrapper .submit-reply-btn{font-size:.9rem;padding:.8rem 1.5rem}.forum-wrapper .edit-btns{flex-direction:column}.forum-wrapper .edit-btns button{width:100%}.forum-wrapper .action-toast{left:1rem;right:1rem;transform:none}}.ai-wrap{--bg:#f0f4fa;--bg-alt:#e4ecf5;--card:#fff;--card-border:#dde3ee;--text:#1a2035;--text-muted:#6b7a99;--accent:#004e92;--accent-hover:#036;--btn-text:#fff;--user-bubble:#004e92;--bot-bubble:#f0f4fa;--bot-text:#1a2035;--input-bg:#fff;--shadow:0 4px 24px #00000014;--shadow-lg:0 12px 40px #00000021;background:linear-gradient(135deg,var(--bg) 0,var(--bg-alt) 100%);color:var(--text);display:flex;flex-direction:column;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;height:100vh;overflow:hidden;position:relative;transition:background .4s ease}.ai-wrap.dark{--bg:#13131f;--bg-alt:#1a1a2e;--card:#1e1e2f;--card-border:#2e2e45;--text:#e8eaf6;--text-muted:#7986cb;--accent:#00e5ff;--accent-hover:#00bcd4;--btn-text:#0d0d1a;--user-bubble:#0097a7;--bot-bubble:#252538;--bot-text:#e8eaf6;--input-bg:#1e1e2f;background:linear-gradient(135deg,var(--bg) 0,var(--bg-alt) 100%)!important}.ai-wrap .ai-header{align-items:center;background:var(--card);border-bottom:1px solid var(--card-border);box-shadow:var(--shadow);display:flex;flex-shrink:0;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1rem 2rem;z-index:10}.ai-wrap .ai-header-left{align-items:center;display:flex;gap:.9rem}.ai-wrap .ai-title{color:var(--accent);font-size:2.5rem;font-weight:700;letter-spacing:-.02em;margin:0}.ai-wrap .ai-header-right{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.ai-wrap .ai-status{align-items:center;border-radius:20px;display:flex;gap:.5rem;padding:.35rem .9rem;width:-webkit-fit-content;width:fit-content}.ai-wrap .status-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.ai-wrap .ai-back-btn{background:var(--accent);border:none;border-radius:8px;box-shadow:0 4px 12px #0000001f;color:var(--btn-text);cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1.2rem;transition:background .3s ease;white-space:nowrap}.ai-wrap .ai-back-btn:hover{background:var(--accent-hover)}.ai-wrap .ai-body{box-sizing:border-box;display:flex;flex:1 1;margin:0 auto;max-width:1000px;overflow:hidden;padding:1.5rem 2rem;width:100%}.ai-wrap .ai-chat-panel{background:var(--card);border:1px solid var(--card-border);border-radius:16px;box-shadow:var(--shadow-lg);display:flex;flex:1 1;flex-direction:column;overflow:hidden}.ai-wrap .ai-messages{display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto;padding:1.5rem;scroll-behavior:smooth}.ai-wrap .ai-messages::-webkit-scrollbar{width:4px}.ai-wrap .ai-messages::-webkit-scrollbar-track{background:#0000}.ai-wrap .ai-messages::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:4px}.ai-wrap .ai-msg{align-items:flex-end;display:flex;gap:.7rem;max-width:78%}.ai-wrap .ai-msg--user{align-self:flex-end;flex-direction:row-reverse}.ai-wrap .ai-msg--assistant{align-self:flex-start}.ai-wrap .ai-msg-avatar{align-items:center;background:var(--bg-alt);border:1px solid var(--card-border);border-radius:50%;display:flex;flex-shrink:0;font-size:1.4rem;height:36px;justify-content:center;width:36px}.ai-wrap .ai-msg-bubble{display:flex;flex-direction:column;gap:.3rem}.ai-wrap .ai-msg-text{border-radius:16px;font-size:.95rem;line-height:1.65;padding:.85rem 1.1rem;white-space:pre-wrap;word-break:break-word}.ai-wrap .ai-msg--user .ai-msg-text{background:var(--user-bubble);border-bottom-right-radius:4px;box-shadow:0 4px 14px #004e9233;color:#fff}.ai-wrap .ai-msg--assistant .ai-msg-text{background:var(--bot-bubble);border:1px solid var(--card-border);border-bottom-left-radius:4px;color:var(--bot-text)}.ai-wrap .ai-msg-time{color:var(--text-muted);font-size:.72rem;padding:0 .25rem}.ai-wrap .ai-msg--user .ai-msg-time{text-align:right}.ai-wrap .typing-dots{align-items:center;background:var(--bot-bubble);border:1px solid var(--card-border);border-radius:16px;border-bottom-left-radius:4px;display:flex;gap:5px;padding:.85rem 1.1rem;width:-webkit-fit-content;width:fit-content}.ai-wrap .typing-dots span{animation:ai-bounce 1.4s infinite both;background:var(--text-muted);border-radius:50%;height:8px;width:8px}.ai-wrap .typing-dots span:nth-child(2){animation-delay:.18s}.ai-wrap .typing-dots span:nth-child(3){animation-delay:.36s}@keyframes ai-bounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.ai-wrap .ai-suggestions{border-top:1px solid var(--card-border);display:flex;flex-wrap:wrap;gap:.6rem;padding:.75rem 1.5rem}.ai-wrap .ai-chip{background:var(--bg-alt);border:1px solid var(--card-border);border-radius:20px;color:var(--accent);cursor:pointer;font-size:.83rem;font-weight:600;padding:.45rem 1rem;transition:background .25s,border-color .25s}.ai-wrap .ai-chip:hover{background:var(--accent);border-color:var(--accent);color:var(--btn-text)}.ai-wrap .ai-input-bar{background:var(--card);border-top:1px solid var(--card-border);padding:1rem 1.5rem}.ai-wrap .ai-input-inner{align-items:flex-end;background:var(--input-bg);border:2px solid var(--card-border);border-radius:14px;display:flex;gap:.7rem;padding:.6rem .6rem .6rem 1rem;transition:border-color .25s,box-shadow .25s}.ai-wrap .ai-input-inner:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #004e921a}.ai-wrap.dark .ai-input-inner:focus-within{box-shadow:0 0 0 3px #00e5ff1a}.ai-wrap .ai-textarea{background:#0000;border:none;color:var(--text);flex:1 1;font-family:inherit;font-size:.95rem;line-height:1.5;max-height:150px;min-height:26px;outline:none;overflow-y:auto;resize:none}.ai-wrap .ai-textarea::placeholder{color:var(--text-muted)}.ai-wrap .ai-send-btn{align-items:center;align-self:flex-end;background:var(--accent);border:none;border-radius:10px;color:var(--btn-text);cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;transition:background .25s;width:40px}.ai-wrap .ai-send-btn:hover:not(:disabled){background:var(--accent-hover)}.ai-wrap .ai-send-btn:disabled{background:var(--card-border);color:var(--text-muted);cursor:not-allowed}.ai-wrap .ai-hint{color:var(--text-muted);font-size:.75rem;margin:.5rem 0 0;text-align:center}.ai-wrap .ai-info-btn{background:var(--card);border:1px solid var(--card-border);border-radius:24px;bottom:1.5rem;box-shadow:var(--shadow);color:var(--accent);cursor:pointer;font-size:.82rem;font-weight:600;left:1.5rem;padding:.6rem 1.1rem;position:fixed;transition:background .25s,box-shadow .25s;z-index:20}.ai-wrap .ai-info-btn:hover{background:var(--accent);box-shadow:var(--shadow-lg);color:var(--btn-text)}.ai-wrap .ai-modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000073;inset:0;position:fixed;z-index:100}.ai-wrap .ai-modal{background:var(--card);border:1px solid var(--card-border);border-radius:16px;bottom:5rem;box-shadow:var(--shadow-lg);left:1.5rem;overflow:hidden;position:fixed;width:min(420px,calc(100vw - 3rem));z-index:101}.ai-wrap .ai-modal-header{align-items:center;border-bottom:1px solid var(--card-border);display:flex;justify-content:space-between;padding:1.2rem 1.4rem .8rem}.ai-wrap .ai-modal-header h3{color:var(--accent);font-size:1.1rem;margin:0}.ai-wrap .ai-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;font-size:1rem;height:30px;justify-content:center;transition:background .2s;width:30px}.ai-wrap .ai-modal-close:hover{background:var(--bg-alt);color:var(--text)}.ai-wrap .ai-modal-body{padding:1.2rem 1.4rem}.ai-wrap .ai-modal-body p{color:var(--text);font-size:.9rem;line-height:1.65;margin:0 0 1rem}.ai-wrap .ai-modal-trouble{background:var(--bg-alt);border-radius:10px;margin-bottom:1rem;padding:1rem 1.2rem}.ai-wrap .ai-modal-trouble h4{color:var(--text);font-size:.9rem;margin:0 0 .7rem}.ai-wrap .ai-modal-trouble ol{color:var(--text);font-size:.87rem;line-height:1.9;margin:0;padding-left:1.3rem}.ai-wrap .ai-modal-trouble code{background:var(--card);border:1px solid var(--card-border);border-radius:4px;color:var(--accent);font-family:Courier New,monospace;font-size:.82rem;padding:.15rem .45rem}.ai-wrap .ai-modal-status{align-items:center;display:flex;font-size:.82rem;font-weight:600;gap:.5rem;padding:.4rem 0}.ai-wrap .modal-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}@media (max-width:768px){.ai-wrap .ai-header{padding:.9rem 1.2rem}.ai-wrap .ai-body{padding:1rem}.ai-wrap .ai-title{font-size:1.15rem}.ai-wrap .ai-msg{max-width:90%}.ai-wrap .ai-messages{padding:1rem}.ai-wrap .ai-input-bar{padding:.8rem 1rem}.ai-wrap .ai-modal{bottom:4.5rem;left:1rem;right:1rem;width:auto}.ai-wrap .ai-info-btn{bottom:1rem;font-size:.78rem;left:1rem;padding:.5rem .9rem}}@media (max-width:480px){.ai-wrap .ai-header{align-items:flex-start;flex-direction:column}.ai-wrap .ai-header-right{align-items:center;flex-direction:row;justify-content:space-between;width:100%}.ai-wrap .ai-back-btn{font-size:.82rem;padding:.5rem .9rem}.ai-wrap .ai-suggestions{padding:.6rem 1rem}}
/*# sourceMappingURL=main.4ff1448f.css.map*/