body{color:#e0e0ff;background-color:#21213d;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.main-container{text-align:center;background-color:#2d2d4d;border-radius:20px;width:90%;max-width:600px;margin-top:6vh;padding:40px;box-shadow:0 10px 30px #0000004d}.title{color:#bdbde7;margin-bottom:30px;font-size:2.5rem;font-weight:600}.card-container{flex-direction:column;gap:30px;margin-bottom:40px;display:flex}.input-group{text-align:left;flex-direction:column;gap:10px;display:flex}.input-group label{text-align:center;align-self:center;width:100%}.input-row{align-items:center;gap:15px;display:flex}.input-row input{color:#fff;text-align:center;-moz-appearance:textfield;background-color:#3c3c65;border:none;border-radius:10px;flex-grow:1;padding:12px 15px;font-size:1.1rem;transition:all .3s}.input-row input:focus{background-color:#4a4a7a;outline:none;box-shadow:0 0 0 3px #bdbde780}.input-row input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-row input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.unit{color:#bdbde7;text-align:center;width:25px;font-size:1.1rem}.results-container{background-color:#4a4a7a;border-radius:15px;padding:25px;box-shadow:0 5px 15px #0003}.result-item p{color:#e0e0ff;margin:0;font-size:1.2rem;font-weight:400}.result-item h2{color:#9292f0;margin:10px 0 0;font-size:2.5rem;font-weight:700}.top-left-link{z-index:1000;width:50px;height:50px;position:absolute;top:10px;left:10px}.top-left-link img{border-radius:50%;width:100%;height:100%;transition:transform .3s ease-in-out;display:block}.top-left-link:hover img{transform:scale(1.1)}.github-corner:hover .octo-arm{animation:.56s ease-in-out octocat-wave}@keyframes octocat-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (width<=500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:.56s ease-in-out octocat-wave}}.github-corner{fill:#151513;color:#fff;z-index:1000;border:0;position:absolute;top:0;right:0}@media (width<=600px){body{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:10px;display:flex;overflow-x:hidden}.top-left-link{z-index:1000;position:absolute;top:10px;left:10px}.github-corner{z-index:1000;position:absolute;top:0;right:0}.main-container{text-align:center;background-color:#2d2d4d;border-radius:20px;width:92%;max-width:480px;margin:1vh auto 0;padding:20px 16px;box-shadow:0 10px 30px #0000004d}.input-group label{font-size:1rem}.input-row{justify-content:center;gap:8px;margin-bottom:12px;display:flex}.input-row input{flex:0 0 60px;min-width:60px;padding:8px;font-size:1.2rem}.unit{font-size:1rem}.title{margin-bottom:12px;font-size:1.4rem}.results-container{width:80%;margin:0 auto;padding:12px}.result-item p{font-size:1.1rem}.result-item h2{font-size:1.6rem}footer{text-align:center;width:92%;max-width:480px;margin:0 auto;padding:12px 0;font-size:.9rem}}footer{text-align:center;color:#aaa;padding-bottom:1rem;font-size:.9rem}footer a{color:#ccc;font-weight:600;text-decoration:none}footer a:hover{color:#fff;text-decoration:underline}