body,html{background-color:#000;color:#e0e0e0;display:grid;font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:600!important;height:100%;letter-spacing:.1rem!important;margin:0;place-items:center}#root{width:min(100vw - 32px,330px)}*,.app{box-sizing:border-box}.app{width:min(100vw - 32px,330px)}.app-title{color:#fff;font-size:2rem;text-align:center}.loading{color:#fff}.converter-card{background:#1a535c;border:4px solid #fff;border-radius:10px;box-shadow:0 0 10px #00000080;margin:0 auto;padding:20px;width:min(100%,330px)}.exchange-rate{margin-bottom:20px}.exchange-rate,.update-info{color:#fff;font-size:1rem;text-align:center}.footer,.update-info{margin-top:20px}.footer{color:#fff;text-align:center}.footer img{height:30px;width:30px}.pwa-prompt{letter-spacing:normal}.retro-input{background-color:#1a535c;border:2px solid #4ecdc4;border-radius:5px;color:#fff;font:inherit;font-weight:700;letter-spacing:.1rem;min-height:44px;outline:none;padding:8px 12px;width:100%}.retro-input:focus,.retro-input:hover{border-color:#fff;box-shadow:0 0 10px #ffe66d80}.retro-input::placeholder{color:#ffffffad}.currency-button{cursor:pointer;text-align:left}.amount-input{display:block;margin-top:10px}.dialog-backdrop{background:#0000008c;display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:1000}.currency-dialog{background-color:#1a535c;border:4px solid #fff;border-radius:10px;box-shadow:0 14px 40px #00000073;color:#fff;display:flex;flex-direction:column;max-height:80vh;width:min(92vw,330px)}.dialog-content{min-height:0;padding:20px}.search-input{margin-bottom:12px}.currency-list{max-height:300px;overflow-y:auto}.currency-list::-webkit-scrollbar{width:10px}.currency-list::-webkit-scrollbar-track{background:#1a535c}.currency-list::-webkit-scrollbar-thumb{background:#4ecdc4;border-radius:5px}.currency-option{background:#0000;border:0;color:#fff;cursor:pointer;display:block;font:inherit;font-size:1rem;font-weight:700;min-height:40px;padding:8px 16px;text-align:left;width:100%}.currency-option:focus,.currency-option:hover{background-color:#4ecdc4;color:#102f35;outline:none}.dialog-actions{display:flex;justify-content:flex-end;padding:8px}.cancel-button{background-color:#fff;border:0;border-radius:4px;color:#000;cursor:pointer;font:inherit;font-weight:700;min-height:36px;padding:6px 16px}.cancel-button:focus,.cancel-button:hover{background-color:#e7fffc;outline:2px solid #4ecdc4;outline-offset:2px}