:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.6}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{box-sizing:border-box;justify-content:center;place-items:center;min-width:320px;min-height:100vh;margin:0;padding:20px;display:flex}*{box-sizing:border-box}.container{width:100%;max-width:600px}.header{text-align:center;margin-bottom:2rem;animation:.6s ease-out fadeInDown}.icon{margin-bottom:1rem;font-size:4rem;animation:2s infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}h1{color:#fff;text-shadow:0 2px 10px #0003;margin:0;font-size:2.5rem;line-height:1.2}.subtitle{color:#ffffffe6;margin-top:.5rem;font-size:1.1rem}#app{justify-content:center;align-items:center;width:100%;display:flex}.card{text-align:center;background:#fff;border-radius:20px;padding:2.5rem;animation:.6s ease-out .2s both fadeInUp;box-shadow:0 20px 60px #0000004d}.input-group{flex-direction:column;align-items:center;margin-bottom:1.5rem;display:flex}.input-group label{color:#333;justify-content:center;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1.1rem;font-weight:600;display:flex}.label-icon{font-size:1.3rem}input[type=number]{color:#333;text-align:center;background-color:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;width:100%;max-width:300px;margin:0 auto;padding:.9rem 1.2rem;font-family:inherit;font-size:1.1rem;font-weight:500;transition:all .3s}input[type=number]:focus{background-color:#fff;border-color:#667eea;outline:none;box-shadow:0 0 0 4px #667eea1a}input[type=number]:hover{background-color:#fff;border-color:#667eea}.download-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;width:100%;margin-bottom:1.5rem;padding:1rem 2rem;font-family:inherit;font-size:1.1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #667eea66}.download-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.download-btn:active{transform:translateY(0)}.download-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.download-btn.loading .btn-icon,.download-btn.loading .btn-text{display:none}.download-btn.loading .spinner{display:inline-block!important}.btn-icon{font-size:1.3rem}.spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.info-box{text-align:center;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);border-radius:12px;padding:1.5rem}.info-icon{margin-bottom:.5rem;font-size:1.5rem}.info-content{color:#333}.info-content strong{color:#667eea;margin-bottom:.75rem;font-size:1.05rem;display:block}.info-content ul{margin:0;padding:0;line-height:1.8;list-style:none}.info-content li{margin-bottom:.5rem}.info-content li:before{content:"✓ ";color:#667eea;margin-right:.5rem;font-weight:700}.footer{text-align:center;margin-top:2rem;animation:.6s ease-out .4s both fadeInUp}.footer p{color:#ffffffe6;text-shadow:0 1px 3px #0003;margin:0;font-size:.95rem}@media (prefers-color-scheme:light){:root{color:#213547;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}}@media (width<=640px){body{padding:10px}h1{font-size:1.75rem}.subtitle{font-size:.95rem}.icon{font-size:3rem}.card{padding:1.5rem}.input-group label{font-size:1rem}input[type=number]{padding:.75rem 1rem;font-size:1rem}.download-btn{padding:.9rem 1.5rem;font-size:1rem}.info-box{padding:1.2rem}.info-content strong{font-size:1rem}.info-content ul{font-size:.9rem}}