@import"https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;700&display=swap";.sudoku-container{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px}.sudoku-grid{display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);gap:2px;margin:20px 0;padding:10px;background:#fff;box-shadow:0 4px 10px #0000001a;border-radius:12px;border:3px solid black;max-width:100%}.sudoku-grid input{width:40px;height:40px;text-align:center;font-size:20px;font-weight:700;border:1px solid #bbb;border-radius:6px;background:#fff;outline:none;transition:background-color .2s ease-in-out;box-sizing:border-box}.sudoku-grid input:focus{background-color:#add8e680;border:1px solid #007bff}.sudoku-grid input.conflict{background-color:#fcc;border:2px solid red}.sudoku-grid input.preset.conflict{background-color:#ffeb99;border:2px solid orange}.sudoku-grid input.preset{background-color:#e0e0e0;font-weight:700;border-radius:6px}.sudoku-grid input.ai-selected{background-color:#add8e680;border:1px solid #007bff}.sudoku-grid input:nth-child(3n){border-right:3px solid black}.sudoku-grid input:nth-child(9n+1){border-left:3px solid black}.sudoku-grid input:nth-child(n+19):nth-child(-n+27),.sudoku-grid input:nth-child(n+46):nth-child(-n+54),.sudoku-grid input:nth-child(n+73):nth-child(-n+81){border-bottom:3px solid black}.sudoku-grid input:nth-child(-n+9){border-top:3px solid black}.snake-container{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px}.snake-grid{display:grid;grid-template-columns:repeat(40,20px);grid-template-rows:repeat(20,20px);gap:1px;border:2px solid white;background-color:#000}.cell{width:20px;height:20px;background-color:#333}.snake{background-color:green}.food{background-color:red}.game-over{margin-top:20px;font-size:24px;color:red}html,body,#root{height:100%;margin:0;font-family:Arial,sans-serif;background-color:#f9f9f9;color:#333;display:flex;flex-direction:column;font-size:16px;min-width:1000px}code{font-size:16px}body{display:flex;flex-direction:column;min-height:100vh;margin:0}header{background-color:#0a0a0a;color:#fff;padding:.8rem 1rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 6px #0000001a;position:sticky;top:0;z-index:1000}header h1{font-family:Comfortaa;font-size:1.8rem;font-weight:700;margin:0;cursor:pointer}header h1 a{text-decoration:none;color:#fff;transition:color .3s ease,text-shadow .3s ease}.nav-tabs{display:flex;gap:1rem}.nav-tabs a{text-decoration:none;color:#fff;font-size:1rem;font-weight:500;padding:.4rem .8rem;border-radius:4px;transition:background-color .3s ease,box-shadow .3s ease}.nav-tabs a:hover{background-color:#a3a9ff1a;box-shadow:0 0 8px #a3a9ffcc;color:#a3a9ff}footer{background-color:#0a0a0a;color:#fff;padding:.8rem 1rem;text-align:center;font-size:.875rem;position:relative;z-index:1000;box-shadow:0 -4px 6px #0000001a}main{flex:1;display:flex;justify-content:center;padding:1rem;width:100%;box-sizing:border-box}.left-ad{width:15%;min-height:300px;background-color:#e5e7eb;border:1px dashed #ccc;display:flex;align-items:center;justify-content:center;border-radius:8px;display:none}.right-ad{width:16.6667%;min-height:300px;background-color:#e5e7eb;border:1px dashed #ccc;display:flex;align-items:center;justify-content:center;border-radius:8px;display:none}.content-box{width:70%;padding:1.5rem;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;text-align:center}.content-box h1,.content-box h2,.content-box h3,.content-box p,.content-box pre,.content-box code{text-align:left;margin-top:1rem;margin-left:0}.content-box h2{font-size:1.25rem;font-weight:700;margin-top:1.5rem}.content-box h3{font-size:1.1rem;font-weight:700;margin-top:1.25rem}.code-block-wrapper{position:relative}.copy-button{position:absolute;top:8px;right:8px;background-color:#333;color:#fff;border:none;border-radius:4px;padding:.2rem .5rem;font-size:.8rem;cursor:pointer;z-index:1;transition:all .3s ease}.copy-button:hover{background-color:#555;transform:scale(1.05)}.copy-button.copied{background-color:#4caf50;color:#fff;transform:scale(1.1);font-weight:700;transition:all .3s ease}.markdown-content img{width:50%;max-width:50vw;height:auto;display:block;margin:0 auto;border-radius:8px}@media (max-width: 1024px){.left-ad,.right-ad{display:none}.content-box{max-width:90%}}.home-container{max-width:90%;margin:0 auto;padding:.5rem;font-family:Arial,sans-serif}.home-title{font-size:1.875rem;font-weight:700;margin-bottom:1.5rem}.article-list{display:flex;flex-direction:column;gap:.5rem}.article-card{display:block;width:100%;max-width:100%;border:1px solid #ccc;background-color:#fff;border-radius:.3rem;padding:.5rem;text-decoration:none;transition:all .3s ease;margin:0 auto}.article-card:hover{border-color:#555;background-color:#a3a9ff1a;transform:translateY(-2px);box-shadow:0 3px 8px #a3a9ff33}.article-title{font-size:1rem;font-weight:600;margin:0;color:#000}.article-subtitle{font-size:.875rem;color:#666;margin-top:0rem}.learn-code-container{display:flex;justify-content:center;width:100%;padding:2rem}.category-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;max-width:80%}.article-card h3,.article-card p{padding-left:1rem}.category-card{width:320px;height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #ccc;background-color:#fff;border-radius:.3rem;padding:1rem;transition:all .3s ease;cursor:pointer;text-decoration:none;color:#000;font-weight:400;box-shadow:0 4px 10px #0000001a}.category-card:hover{border-color:#555;background-color:#a3a9ff1a;transform:translateY(-3px);box-shadow:0 4px 10px #a3a9ff33}.back-button{cursor:pointer;color:#555;font-size:1.1rem;font-weight:700;margin-bottom:1rem}.back-button:hover{color:#000}.category-articles-container{max-width:80%;margin:2rem auto;text-align:center}.category-articles-container h2{padding-left:.5rem}ol,ul{text-align:left;padding-left:1.5rem}li{text-align:left;display:list-item}.about-container{display:flex;justify-content:center;align-items:center;height:80vh;text-align:center;font-size:24px;font-weight:700}.playground-buttons{display:flex;gap:10px;margin-top:15px}.playground-buttons button{padding:10px 15px;font-size:16px;border:none;background-color:#0a0a0a;color:#fff;border-radius:8px;cursor:pointer;transition:all .3s ease}.playground-buttons button:hover{background-color:#444}