:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#202328;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:#202328;color:#ffffffde}#root{width:100%;min-height:100vh}.app{min-height:100vh;background-color:#202328;color:#ffffffde;display:flex;align-items:center;justify-content:center;padding:2rem}.container{max-width:800px;width:100%;display:flex;flex-direction:column;gap:2rem}.title{font-size:2rem;font-weight:700;margin:0;text-align:center;color:#fff}.subtitle{text-align:center;color:#ffffffb3;margin:0;font-size:1rem}.converter{background-color:#2a2f36;border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000001a}.conversion-row{display:flex;align-items:flex-end;gap:1.5rem;flex-wrap:wrap}.currency-input-group{flex:1;min-width:200px;display:flex;flex-direction:column;gap:.5rem}.currency-label{font-size:.875rem;color:#ffffffb3;font-weight:500}.input-wrapper{position:relative}.currency-input{width:100%;padding:.75rem 1rem;font-size:1.125rem;background-color:#f5f5f5;border:1px solid #31363f;border-radius:8px;color:#000;font-family:inherit;transition:border-color .2s}.currency-input:focus{outline:none;border-color:#ff6b35}.currency-input:disabled{background-color:#e0e0e0;cursor:not-allowed;opacity:.7}.currency-select{width:100%;padding:.75rem 1rem;font-size:1rem;background-color:#f5f5f5;border:1px solid #31363f;border-radius:8px;color:#000;font-family:inherit;margin-bottom:.5rem;cursor:pointer;transition:border-color .2s}.currency-select:focus{outline:none;border-color:#ff6b35}.currency-select:disabled{background-color:#e0e0e0;cursor:not-allowed;opacity:.7}.arrow{font-size:1.5rem;color:#ffffff80;align-self:center;margin-bottom:1.5rem}.skeleton-loader{position:absolute;inset:0;width:100%;height:100%;background:linear-gradient(90deg,#e0e0e0 25%,#f0f0f0,#e0e0e0 75%);background-size:200% 100%;border-radius:8px;animation:skeleton-loading 1.5s ease-in-out infinite;z-index:1;pointer-events:none}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.error{margin-top:1rem;padding:.75rem;background-color:#ff6b351a;border:1px solid #ff6b35;border-radius:8px;color:#ff6b35;font-size:.875rem;text-align:center}.footer{text-align:center;padding-top:2rem;border-top:1px solid #31363f}.footer-link{color:#fff9;text-decoration:none;font-size:.875rem;transition:color .2s}.footer-link:hover{color:#fffc}@media (max-width: 768px){.conversion-row{flex-direction:column}.arrow{transform:rotate(90deg);margin:.5rem 0}.title{font-size:1.5rem}.converter{padding:1.5rem}}