:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;font-weight:400;color:#555;background-color:#e0e5ec;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{height:100%;margin:0;padding:0}body{margin:0;padding:0;height:100%;min-width:320px;background:#e0e5ec;box-sizing:border-box}#root{width:100%;height:100%;margin:0;padding:0;background:#e0e5ec}.neomorphism-button{background:#e0e5ec;border:none;border-radius:15px;padding:12px 24px;color:#555;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:8px 8px 16px #bebebe,-8px -8px 16px #fff}.neomorphism-button:hover{box-shadow:4px 4px 8px #bebebe,-4px -4px 8px #fff}.neomorphism-button:active{box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff}.neomorphism-input{background:#e0e5ec;border:none;border-radius:10px;padding:10px 15px;color:#555;box-shadow:inset 4px 4px 8px #bebebe,inset -4px -4px 8px #fff;outline:none;transition:all .3s ease}.neomorphism-input:focus{box-shadow:inset 6px 6px 12px #bebebe,inset -6px -6px 12px #fff}.neomorphism-link{color:#667eea;text-decoration:none;font-weight:600;padding:8px 16px;border-radius:12px;transition:all .3s ease;display:inline-block;background:#e0e5ec;box-shadow:5px 5px 10px #bebebe,-5px -5px 10px #fff}.neomorphism-link:hover{color:#535bf2;box-shadow:3px 3px 6px #bebebe,-3px -3px 6px #fff}.neomorphism-card{background:#e0e5ec;border-radius:20px;padding:20px;margin:20px 0;box-shadow:10px 10px 20px #bebebe,-10px -10px 20px #fff}@media (max-width: 768px){.container{padding:1rem!important;margin:.5rem!important}.title{font-size:1.8rem!important}.neomorphism-card{padding:16px!important;margin:16px 0!important;border-radius:15px!important}.input-group{flex-direction:column!important;align-items:flex-start!important}.input-with-label{width:100%!important;margin-bottom:8px!important}.neomorphism-input{width:100%!important;max-width:200px!important;font-size:1rem!important}.result-grid{grid-template-columns:1fr!important;gap:16px!important}.result-item{padding:16px!important;border-radius:15px!important}.result-number{font-size:1.1rem!important}.result-label,.explanation-text{font-size:.85rem!important}}@media (max-width: 480px){.container{padding:.75rem!important;margin:.25rem!important}.title{font-size:1.5rem!important;margin-bottom:1rem!important}.neomorphism-card{padding:12px!important;margin:12px 0!important}.neomorphism-input{width:calc(100% - 60px)!important;max-width:calc(100% - 60px)!important;font-size:.9rem!important;padding:8px 12px!important}.input-with-label{width:100%!important;display:flex!important;align-items:center!important}.input-with-label span{min-width:40px!important;flex-shrink:0!important}.result-number{font-size:1rem!important}.result-label{font-size:.8rem!important}.explanation-text{font-size:.8rem!important;line-height:1.4!important}}@media (min-width: 1200px){.container{max-width:900px!important}}h1{font-size:2.5em;line-height:1.2;color:#555}.app{width:100%;min-height:100vh;background:#e0e5ec;color:#444;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:2rem 0;box-sizing:border-box}.container{max-width:800px;margin:0 auto;padding:3rem;background:#e0e5ec;border-radius:30px;box-shadow:20px 20px 60px #bebebe,-20px -20px 60px #fff}.title{text-align:center;font-size:2.5rem;font-weight:600;margin-bottom:2rem;color:#555;text-shadow:2px 2px 4px rgba(190,190,190,.7),-2px -2px 4px rgba(255,255,255,.7)}@media (max-width: 480px){.app{padding:.5rem 0;min-height:100vh}}