@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;900&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body{color:#e4e4e7;background:#060608;justify-content:center;min-height:100vh;font-family:Segoe UI,system-ui,-apple-system,sans-serif;display:flex}#root{width:100%;max-width:480px;padding:20px}.app{flex-direction:column;gap:16px;display:flex}h1{text-align:center;letter-spacing:2px;color:#06b6d4;text-shadow:0 0 20px #06b6d44d;padding:10px 0;font-family:Orbitron,sans-serif;font-size:1.3rem;font-weight:700}.tab-buttons{background:#111115;border:1px solid #252530;border-radius:12px;gap:4px;padding:4px;display:flex}.tab{cursor:pointer;color:#52525b;background:0 0;border:none;border-radius:10px;flex:1;padding:10px;font-size:.9rem;font-weight:600;transition:all .2s}.tab.active{color:#060608;background:#06b6d4}.card{background:#111115;border:1px solid #252530;border-radius:16px;padding:20px}.label{color:#71717a;margin-bottom:8px;font-size:.85rem;display:block}.input-wrapper{background:#0a0a0f;border:2px solid #252530;border-radius:12px;align-items:center;padding:12px 16px;transition:border-color .2s;display:flex}.input-wrapper:focus-within{border-color:#06b6d4}.currency-symbol{color:#06b6d4;margin-right:8px;font-size:1.2rem;font-weight:700}.input-wrapper input{color:#fafafa;background:0 0;border:none;outline:none;flex:1;width:100%;font-size:1.4rem}.input-wrapper input::placeholder{color:#3f3f46}.converted-hint{text-align:right;color:#52525b;margin-top:10px;font-size:.85rem}.rate-status{color:#3f3f46;gap:10px;margin-top:8px;font-size:.7rem;display:flex}.rate-error{color:#f87171}.rate-updated{color:#3f3f46}.rate-edited{color:#06b6d4}.rate-divider{background:#252530;height:1px;margin:16px 0}.input-sm input{font-size:1.1rem}.input-suffix{color:#52525b;white-space:nowrap;margin-left:8px;font-size:.85rem}.refresh-btn{color:#71717a;cursor:pointer;background:#111115;border:1px solid #1e3a5f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-left:8px;font-size:1.2rem;transition:all .2s;display:flex}.refresh-btn:hover{color:#06b6d4;background:#0a1628;border-color:#06b6d4}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-btn.spinning{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.breakdown h3{color:#71717a;margin-bottom:14px;font-size:.95rem}.row{justify-content:space-between;padding:6px 0;font-size:.9rem;display:flex}.row .fee{color:#f87171}.row.total{font-size:.95rem;font-weight:600}.row.highlight{color:#06b6d4;font-size:1.1rem}.row.sub{color:#52525b;margin-top:4px;font-size:.8rem}.divider{background:#252530;height:1px;margin:10px 0}