body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:Helvetica,Arial,Menlo,Consolas,Courier New,monospace}body{font-family:Inter,sans-serif;background-color:#f8f9fa;margin:0;padding:0;color:#212529}.App{max-width:600px;margin:0 auto;padding:4rem 1.5rem;background:#ffffff;box-shadow:0 8px 30px #0000000d;border-radius:12px}.App header{font-size:2.75rem;font-weight:600;color:#222;margin-bottom:2.5rem;text-align:center}.InputSection{margin-bottom:3rem}h2{font-size:1.25rem;color:#444;margin-bottom:.75rem}.App label{font-size:.95rem;display:block;margin-bottom:.5rem;color:#333}.InputField{width:100%;padding:.6rem .75rem;font-size:1rem;border-radius:6px;border:1px solid #ccc;margin-bottom:1rem;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.InputField:focus{border-color:#c00;box-shadow:0 0 0 2px #cc00001a;outline:none}.InputButton{background-color:#c00;color:#fff;border:none;padding:.6rem 1.2rem;font-size:1rem;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.InputButton:hover{background-color:#a60000}.ConversionResult{font-size:1rem;margin-top:.5rem}.ConversionResult a{margin-left:8px;font-size:.9rem;color:#007bff;text-decoration:none}.ConversionResult a:hover{text-decoration:underline}.Footer{margin-top:4rem;padding-top:1rem;text-align:center;font-size:.9rem;color:#555;border-top:1px solid #eee}.Footer a{color:#b10000;text-decoration:none;margin:0 .5rem}.Footer a:hover{text-decoration:underline}hr{border:none;border-top:1px solid #dee2e6;margin:3rem 0}@media (max-width: 640px){.App{padding:2rem 1rem}}