body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{height:100%;margin:0;padding:0}body{background-color:#fff;color:#000;font-family:Roboto,sans-serif;transition:background-color .3s,color .3s}.App{align-items:center;box-sizing:border-box;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:20px;text-align:center}.App,header{display:flex}header{justify-content:center;margin-bottom:20px;position:relative;width:100%}h1{font-size:2.5rem;font-weight:300;letter-spacing:1px;margin:0}.theme-toggle{background:none;border:none;color:inherit;cursor:pointer;font-size:1.5rem;position:absolute;right:20px;top:0;transition:transform .3s}.theme-toggle:hover{transform:scale(1.2)}.input-container{align-items:flex-end;display:flex;gap:20px;margin-bottom:40px}.input-group{align-items:flex-start;display:flex;flex-direction:column}label{margin-bottom:5px}input,label{font-size:1.2rem}input{background-color:#f8f8f8;border:1px solid #ccc;border-radius:8px;color:#333;padding:10px;transition:background-color .3s,color .3s}.input-info{font-size:.9rem;margin-top:5px}button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2rem;padding:12px 24px;transition:background-color .3s,transform .2s}button:hover{background-color:#0056b3;transform:scale(1.05)}.result-container{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:center;text-align:center}.result-container h2{font-size:1.8rem;margin:0}.result{font-size:2.5rem;font-weight:700;margin-top:10px}body.dark{background-color:#181818;color:#e0e0e0}.App.dark input{background-color:#333;border:1px solid #555;color:#fff}.App.dark button{background-color:#0069d9}.App.dark button:hover{background-color:#004085}.input-info{color:#888}.App.dark .input-info{color:#bbb}@media (max-width:600px){.input-container{align-items:center;flex-direction:column}button,input{margin-bottom:10px;width:100%}.result,h1{font-size:2rem}}
/*# sourceMappingURL=main.ca52ba25.css.map*/