:root{--bg-color:#f4f6f8;--text-color:#333;--header-bg:#007bff;--box-bg:#fff}body,html{height:100%;margin:0;padding:0}.page-container{background-color:#f4f6f8;background-color:var(--bg-color,#f9f9f9);display:flex;flex-direction:column;min-height:100vh;width:100%}body{background-color:#f4f6f8;background-color:var(--bg-color);color:#333;color:var(--text-color);font-family:Arial,sans-serif;font-family:Inter,sans-serif;margin:0;padding:0}h1,h2,h3{font-family:Poppins,sans-serif}header{background-color:#007bff;background-color:var(--header-bg);color:#fff;padding:1rem;position:relative;text-align:center}.lang-selector{align-items:center;display:flex;gap:.5rem;position:absolute;right:1.5rem;top:1rem}main{margin:0 auto;max-width:800px;padding:2rem}h1,h2{margin-bottom:.5rem}p{margin-bottom:1.5rem}ul{list-style:none;padding:0}li{align-items:center;background:#fff;background:var(--box-bg);border-radius:8px;box-shadow:0 0 6px #0000000d;display:flex;justify-content:space-between;margin:.5rem 0;padding:1rem}a{color:#007bff;font-weight:700;text-decoration:none}.coming-soon{color:gray;font-style:italic}footer{color:#666;padding:2rem 0;text-align:center}header img{vertical-align:middle}.logo-link{align-items:center;border-radius:8px;display:flex;height:40px;justify-content:center;left:1rem;position:absolute;top:1rem;width:40px}.json-viewer-content{background-color:#fff;background-color:var(--box-bg);color:#333;color:var(--text-color);font-family:Georgia,serif;line-height:1.7;margin:auto;max-width:800px;padding:2rem}.json-viewer-content h1{font-size:2rem;font-weight:700;margin-bottom:1rem}.json-viewer-content h2{border-bottom:2px solid #007bff;border-bottom:2px solid var(--header-bg);color:#333;color:var(--text-color);font-size:1.5rem;font-weight:600;padding-bottom:.25rem}.json-viewer-content ul{padding-left:1.5rem}.json-viewer-content li{margin-bottom:.75rem}.json-viewer-content a{color:#007bff;text-decoration:none}.json-viewer-content a:hover{text-decoration:underline}.json-viewer-content code{background:#eef;border-radius:4px;font-family:monospace;padding:.2rem .4rem}body.dark{--bg-color:#1c1c1c;--text-color:#ddd;--header-bg:#0a84ff;--box-bg:#2b2b2b}.content-wrapper{flex:1 1;padding:1.5rem;width:100%}.footer{background-color:#fff;background-color:var(--box-bg,#f9f9f9);color:#333;color:var(--text-color,#333);font-size:.9rem;padding:2rem 1rem;text-align:center}.footer p#footer{margin-bottom:1.2rem}.footer-links{display:flex;flex-wrap:wrap;font-size:.95rem;gap:.75rem 1.5rem;justify-content:center;margin-top:1.5rem}.footer-links a{color:#333;color:var(--text-color,#333);text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-suggestions{margin:2rem auto;max-width:750px;text-align:left}.footer-suggestions h4{color:#333;color:var(--text-color,#333);font-size:1rem;font-weight:600;margin-bottom:1rem}.footer-suggestions ul{list-style:none;margin:0;padding:0}.footer-link-item{align-items:flex-start;background-color:#f4f6f8;background-color:var(--bg-color,#fff);border-radius:6px;box-shadow:0 1px 4px #0000000d;color:inherit;display:flex;gap:.75rem;margin-bottom:.8rem;padding:.8rem 1rem;text-decoration:none;transition:background .3s ease;width:100%}.footer-link-item:hover{background-color:#007bff0d}.footer-icon{font-size:1.3rem;margin-top:2px}.footer-desc{color:#666;font-size:.85rem}.tool-section{margin:2rem auto;max-width:960px;padding:0 1rem}.tool-section h3{color:#333;color:var(--text-color);font-size:1.5rem;margin-bottom:1rem}.tool-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.tool-card{background:#fff;background:var(--box-bg);border-radius:10px;box-shadow:0 2px 10px #0000000d;color:inherit;display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.25rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.tool-card:hover{box-shadow:0 6px 12px #00000014;transform:translateY(-2px)}.tool-icon{font-size:1.8rem}.tool-info h4{font-size:1.1rem;font-weight:600;margin:0}.tool-info p{color:#666;color:var(--text-light,#666);font-size:.95rem;margin:0}@media (max-width:768px){.tool-grid{grid-template-columns:1fr;justify-items:center}.tool-card{width:90%}header{padding:.75rem}.footer{padding:1rem .5rem}.footer-links{font-size:.85rem;gap:.5rem 1rem}.page-container,body{overflow-x:hidden}.content-wrapper,.main-content{box-sizing:border-box;max-width:100%;padding-left:1rem;padding-right:1rem}header{width:100%}}body.dark .footer{background-color:#1f1f1f;color:#ddd}body.dark .footer-links a{color:#ccc}body.dark .footer-link-item{background-color:#2c2c2c}body.dark .footer-link-item:hover{background-color:#333}body.dark .footer-desc{color:#aaa}body.dark .tool-card{background-color:#2b2b2b;color:#ddd}body.dark .tool-info p{color:#aaa}.voice-to-text-container{background-color:#fff;background-color:var(--box-bg);border-radius:12px;box-shadow:0 4px 12px #0000000d;margin:0 auto;max-width:700px;padding:2rem 1rem}.digit-converter{align-items:center;background-color:#f4f6f8;background-color:var(--bg-color);display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.converter-box{background:#fff;background:var(--box-bg);border-radius:12px;box-shadow:0 4px 16px #0000000f;max-width:500px;padding:2rem;width:100%}.converter-title{color:#333;color:var(--text-color);font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.converter-input-group{margin-bottom:1.5rem}.converter-label{color:#333;display:block;font-weight:600;margin-bottom:.5rem}.converter-input{border:1px solid #ccc;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.converter-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.voice-header-section{margin-bottom:2rem;text-align:center}.voice-to-text-title{font-size:2rem;font-weight:700;margin-bottom:.5rem}.voice-subtitle{color:#666;color:var(--text-light,#666);font-size:1rem}.voice-controls-group{display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:center;margin-bottom:2rem}.voice-toggle-button{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1rem;padding:.75rem 1.5rem;transition:background .3s ease}.voice-toggle-button.listening{background-color:#dc3545}.voice-toggle-button.not-listening{background-color:#28a745}.dropdown-group{align-items:flex-start;display:flex;flex-direction:column}.dropdown-label{font-size:.9rem;font-weight:500;margin-bottom:.3rem}.dropdown-select{border:1px solid #ccc;border-radius:4px;min-width:140px;padding:.4rem .6rem}.transcript-wrapper{margin:1.5rem 0}.transcript-box{background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 6px #0000000d;color:#333;font-size:1rem;height:200px;line-height:1.5;padding:1rem;resize:none;width:95%}.download-wrapper{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1.5rem;text-align:center}.download-button{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:.6rem 1.2rem;transition:background .3s ease}.download-button:hover{background-color:#0056b3}.transcript-box:after{color:#999;content:attr(data-interim);display:inline;font-style:italic}.transcript-box::placeholder{color:#bbb}.transcript-box.scrollable{overflow-y:auto}.transcript-box::-webkit-scrollbar{width:6px}.transcript-box::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.clear-button{background-color:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:.6rem 1.2rem;transition:background .3s ease}.clear-button:hover{background-color:#bb2d3b}.converter-input-wrapper{align-items:center;display:flex;gap:.5rem}.copy-button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem .75rem;transition:background-color .2s ease}.copy-button:hover{background-color:#0056b3}.blog-link{background-color:initial;border-radius:6px;color:#fff;font-size:1rem;font-weight:600;margin-right:1rem;padding:.4rem .75rem;text-decoration:none;transition:background-color .3s ease}.blog-link:hover{background-color:#ffffff26}.tool-container{background-color:#fff;background-color:var(--box-bg);border-radius:12px;box-shadow:0 4px 12px #0000000d;margin:0 auto;max-width:800px;padding:2rem}.tool-description{color:#333;color:var(--text-color);font-size:1.1rem;line-height:1.6;text-align:center}.calculator-form,.tool-description{margin-bottom:2rem}.input-group{margin-bottom:1.5rem}.input-group label{color:#333;color:var(--text-color);display:block;font-weight:600;margin-bottom:.5rem}.input-group input[type=date]{background-color:#fff;background-color:var(--box-bg);border:2px solid #e1e5e9;border-radius:8px;color:#333;color:var(--text-color);font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.input-group input[type=date]:focus{border-color:#007bff;outline:none}.button-group{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.calculate-btn,.clear-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;min-width:120px;padding:.75rem 1.5rem;transition:all .3s ease}.calculate-btn{background-color:#007bff;color:#fff}.calculate-btn:hover{background-color:#0056b3;transform:translateY(-1px)}.clear-btn{background-color:#6c757d;color:#fff}.clear-btn:hover{background-color:#545b62;transform:translateY(-1px)}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;margin-bottom:1rem;padding:.75rem;text-align:center}.result-container{background-color:#f8f9fa;border-radius:12px;margin-bottom:2rem;padding:2rem;text-align:center}.result-container h3{color:#333;color:var(--text-color);margin-bottom:1.5rem}.result-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:1rem}.result-item{align-items:center;display:flex;flex-direction:column;gap:.5rem}.result-value{color:#007bff;font-size:2.5rem;font-weight:700}.result-label{color:#333;color:var(--text-color);font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.result-item.total .result-value{color:#28a745}.tool-info{background-color:#f8f9fa;border-radius:12px;margin-top:2rem;padding:2rem}.tool-info h3{color:#333;color:var(--text-color);margin-bottom:1rem}.tool-info ol,.tool-info ul{margin-bottom:1.5rem;padding-left:1.5rem}.tool-info li{align-items:flex-start;background:none;box-shadow:none;display:list-item;justify-content:flex-start;margin-bottom:.5rem;padding:0}body.dark .tool-container{background-color:#2b2b2b}body.dark .input-group input[type=date]{background-color:#3a3a3a;border-color:#555;color:#ddd}body.dark .result-container,body.dark .tool-info{background-color:#3a3a3a}body.dark .error-message{background-color:#3d1f23;border-color:#721c24;color:#f8d7da}@media (max-width:768px){.tool-container{margin:1rem;padding:1rem}.button-group{flex-direction:column}.calculate-btn,.clear-btn{flex:none;width:100%}.result-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.result-value{font-size:2rem}}.tool-section:has(.tool-card[data-type=game]){background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;margin:2rem auto;padding:2rem}.tool-section:has(.tool-card[data-type=game]) h3{color:#fff;font-size:2rem;margin-bottom:2rem;text-align:center;text-shadow:0 2px 4px #0000004d}.tool-section:has(.tool-card[data-type=game]) .tool-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #fff3;transition:all .3s ease}.tool-section:has(.tool-card[data-type=game]) .tool-card:hover{background:#fff;box-shadow:0 15px 30px #0003;transform:translateY(-5px) scale(1.02)}.tool-section:has(.tool-card[data-type=game]) .tool-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:2.5rem}body.dark .tool-section:has(.tool-card[data-type=game]){background:linear-gradient(135deg,#2c3e50,#34495e)}body.dark .tool-section:has(.tool-card[data-type=game]) .tool-card{background:#2b2b2bf2;border-color:#ffffff1a}body.dark .tool-section:has(.tool-card[data-type=game]) .tool-card:hover{background:#2b2b2b}.game-placeholder{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:16px;margin:2rem 0;padding:3rem 2rem;text-align:center}.placeholder-content h3{color:#fff;font-size:2.5rem;margin-bottom:1rem;text-shadow:0 2px 4px #0000004d}.placeholder-content p{color:#fff;font-size:1.2rem;margin-bottom:2rem;text-shadow:0 1px 2px #0000004d}.placeholder-features{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:2rem}.feature{align-items:center;display:flex;flex-direction:column;gap:.5rem}.feature span{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:3rem}.feature p{font-size:1rem;font-weight:600;margin:0}body.dark .game-placeholder{background:linear-gradient(135deg,#4a5568,#2d3748)}.snake-game-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:800px;padding:20px}.game-header{margin-bottom:30px;text-align:center}.game-header h1{color:#333;color:var(--text-color);font-size:2.5rem;margin-bottom:10px}.game-header p{color:#666;font-size:1.1rem}.game-info{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin:20px 0}.info-item{align-items:center;background:#fff;background:var(--box-bg);border-radius:10px;box-shadow:0 4px 15px #0000001a;display:flex;flex-direction:column;padding:15px 20px}.info-label{color:#666;font-size:.9rem;margin-bottom:5px}.info-value{color:#007bff;color:var(--header-bg);font-size:1.5rem;font-weight:700}.game-controls{display:flex;gap:15px;justify-content:center;margin:20px 0}.btn-control{background:#007bff;background:var(--header-bg);border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-control:hover{background:#0056b3;transform:translateY(-2px)}.game-board-container{align-items:center;display:flex;flex-direction:column;margin:30px 0;position:relative}.game-board{background:#fff;background:var(--box-bg);border:3px solid #007bff;border:3px solid var(--header-bg);border-radius:10px;box-shadow:0 8px 25px #0003;position:relative}.game-cell{border-radius:2px;position:absolute;transition:all .1s ease}.snake-head{background:linear-gradient(45deg,#4caf50,#45a049);border:2px solid #2e7d32;box-shadow:0 2px 8px #4caf5066}.snake-body{background:linear-gradient(45deg,#66bb6a,#4caf50);border:1px solid #388e3c}.food{animation:pulse 1s infinite;background:radial-gradient(circle,#ff5722,#f44336);border:2px solid #d32f2f;border-radius:50%;box-shadow:0 2px 8px #ff572266}.obstacle{background:linear-gradient(45deg,#795548,#5d4037);border:2px solid #3e2723;border-radius:4px}.powerup-speed{animation:spin 2s linear infinite;background:radial-gradient(circle,#ffc107,#ff9800);border:2px solid #f57c00;border-radius:50%;box-shadow:0 2px 8px #ffc10766}.powerup-double{animation:bounce 1s infinite;background:radial-gradient(circle,#9c27b0,#673ab7);border:2px solid #512da8;border-radius:50%;box-shadow:0 2px 8px #9c27b066}.power-up-indicator{animation:pulse 1s infinite;background:linear-gradient(45deg,#ffc107,#ff9800);border-radius:25px;box-shadow:0 4px 15px #ffc1074d;color:#fff;font-weight:700;margin-top:15px;padding:10px 20px}.pause-overlay{align-items:center;background:#000c;border-radius:10px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.pause-content{background:#fff;background:var(--box-bg);border-radius:15px;box-shadow:0 10px 30px #0000004d;padding:30px;text-align:center}.pause-content h2{color:#333;color:var(--text-color);margin-bottom:15px}.pause-content p{color:#666}.menu-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:30px}.menu-section{background:#fff;background:var(--box-bg);border-radius:15px;box-shadow:0 4px 15px #0000001a;padding:25px;text-align:center}.menu-section h2{color:#333;color:var(--text-color);font-size:1.5rem;margin-bottom:20px}.level-buttons{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.level-btn{align-items:center;background:#f4f6f8;background:var(--bg-color);border:2px solid #007bff;border:2px solid var(--header-bg);border-radius:12px;color:#333;color:var(--text-color);cursor:pointer;display:flex;flex-direction:column;padding:20px 15px;transition:all .3s ease}.level-btn:hover{background:#007bff;background:var(--header-bg);box-shadow:0 8px 20px #007bff4d;color:#fff;transform:translateY(-3px)}.level-number{font-size:2rem;font-weight:700;margin-bottom:5px}.level-desc{font-size:.9rem;opacity:.8}.high-score{color:#007bff;color:var(--header-bg);font-size:3rem;font-weight:700;text-shadow:0 2px 10px #007bff4d}.instructions{text-align:left}.instructions p{color:#666;margin-bottom:8px;padding-left:20px;position:relative}.instructions p:before{color:#007bff;color:var(--header-bg);content:"•";font-weight:700;left:0;position:absolute}.game-over-container{background:#fff;background:var(--box-bg);border-radius:20px;box-shadow:0 4px 15px #0000001a;margin:0 auto;max-width:500px;padding:40px;text-align:center}.game-over-title{color:#dc3545;font-size:2.5rem;margin-bottom:30px}.final-score h3{color:#333;color:var(--text-color);font-size:2rem;margin-bottom:15px}.new-record{animation:pulse 1s infinite;background:linear-gradient(45deg,#ffc107,#ff9800);border-radius:25px;color:#fff;font-weight:700;margin-bottom:20px;padding:10px 20px}.game-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin:30px 0}.stat{align-items:center;background:#f4f6f8;background:var(--bg-color);border-radius:12px;display:flex;flex-direction:column;padding:20px}.stat-label{color:#666;font-size:.9rem;margin-bottom:8px}.stat-value{color:#007bff;color:var(--header-bg);font-size:1.5rem;font-weight:700}.game-actions{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.btn-primary{background:#007bff;background:var(--header-bg);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px 30px;transition:all .3s ease}.btn-primary:hover{background:#0056b3;box-shadow:0 8px 20px #007bff4d;transform:translateY(-2px)}.btn-secondary{background:#f4f6f8;background:var(--bg-color);border:2px solid #007bff;border:2px solid var(--header-bg);border-radius:25px;color:#333;color:var(--text-color);cursor:pointer;font-size:1.1rem;font-weight:600;padding:15px 30px;transition:all .3s ease}.btn-secondary:hover{background:#007bff;background:var(--header-bg);color:#fff;transform:translateY(-2px)}.game-tips{background:#fff;background:var(--box-bg);border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-top:30px;padding:25px}.game-tips h3{color:#333;color:var(--text-color);margin-bottom:15px;text-align:center}.game-tips ul{list-style:none;padding:0}.game-tips li{color:#666;margin-bottom:10px;padding-left:25px;position:relative}.game-tips li:before{content:"💡";left:0;position:absolute}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (max-width:768px){.snake-game-container{padding:15px}.game-header h1{font-size:2rem}.game-info{flex-direction:column;gap:15px}.level-buttons{grid-template-columns:repeat(2,1fr)}.game-board{transform:scale(.9)}.game-actions,.game-controls{align-items:center;flex-direction:column}}@media (max-width:480px){.game-board{transform:scale(.8)}.level-buttons,.menu-container{grid-template-columns:1fr}}
/*# sourceMappingURL=main.f4331aec.css.map*/