@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background:#0f0f0f;color:#fff;-webkit-font-smoothing:antialiased;height:100svh;overflow:hidden}.root{height:100svh;display:flex;align-items:center;justify-content:center;padding:1rem}.card{width:100%;max-width:380px;display:flex;flex-direction:column;gap:14px}.title-row{display:flex;align-items:center;justify-content:space-between}.title{font-size:1.4rem;font-weight:700;letter-spacing:-.03em;color:#fff}.status{display:flex;align-items:center;gap:6px}.dot{width:7px;height:7px;border-radius:50%;background:#555}.dot.ok{background:#22c55e}.dot.err{background:#ef4444}.dot.pulse{background:#f59e0b;animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.status-text{font-size:.72rem;color:#555}.refresh{background:none;border:none;color:#444;font-size:1rem;cursor:pointer;line-height:1;transition:color .2s;padding:2px 4px}.refresh:hover{color:#aaa}.refresh.spin{animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.field{display:flex;align-items:center;gap:0;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:14px;overflow:visible;transition:border-color .2s}.field:focus-within{border-color:#444}.dd-wrap{position:relative;flex-shrink:0}.dd-btn{display:flex;align-items:center;gap:6px;padding:14px 12px 14px 14px;background:none;border:none;border-right:1px solid #2a2a2a;color:#fff;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:600;letter-spacing:.02em;transition:background .15s;border-radius:14px 0 0 14px;white-space:nowrap}.dd-btn:hover{background:#222}.dd-flag{font-size:1.1rem;line-height:1}.dd-code{color:#ddd}.dd-chevron{width:13px;height:13px;color:#555;transition:transform .2s}.dd-chevron.open{transform:rotate(180deg)}.dd-menu{position:absolute;top:calc(100% + 6px);left:0;width:200px;background:#1c1c1c;border:1px solid #2e2e2e;border-radius:12px;overflow:hidden;z-index:100;box-shadow:0 8px 32px #0009;max-height:240px;overflow-y:auto}.dd-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;background:none;border:none;color:#ccc;font-family:inherit;font-size:.8rem;cursor:pointer;text-align:left;transition:background .15s}.dd-item:hover{background:#262626}.dd-item.active{background:#202020;color:#fff}.dd-item-code{font-weight:600;color:#fff}.dd-item-name{color:#555;font-size:.72rem}.amount{flex:1;background:none;border:none;outline:none;font-family:Inter,sans-serif;font-size:1.5rem;font-weight:700;color:#fff;padding:14px 14px 14px 12px;width:0;min-width:0;text-align:right;letter-spacing:-.02em}.amount::placeholder{color:#333}.amount.result{color:#a3e635}.amount.skeleton{flex:1;height:52px;background:linear-gradient(90deg,#1f1f1f 25%,#2a2a2a,#1f1f1f 75%);background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:0 14px 14px 0}@keyframes shimmer{to{background-position:-200% 0}}.amount::-webkit-inner-spin-button,.amount::-webkit-outer-spin-button{-webkit-appearance:none}.amount[type=number]{-moz-appearance:textfield}.swap-row{display:flex;align-items:center;gap:10px}.line{flex:1;height:1px;background:#222}.swap-btn{background:none;border:1px solid #2e2e2e;color:#666;font-size:1.1rem;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s,color .2s,transform .35s cubic-bezier(.34,1.56,.64,1);flex-shrink:0}.swap-btn:hover{border-color:#555;color:#ccc}.swap-btn.swapping{transform:rotate(180deg)}.rate-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:10px 14px;background:#161616;border:1px solid #222;border-radius:12px}.rate-label{font-size:.78rem;color:#555}.rate-value{font-size:.82rem;font-weight:700;color:#a3e635}.rate-inv{font-size:.72rem;color:#444}.rate-error{font-size:.78rem;color:#ef4444}.quick-row{display:flex;gap:6px}.quick-btn{flex:1;background:#191919;border:1px solid #262626;color:#555;font-family:Inter,sans-serif;font-size:.78rem;font-weight:600;padding:8px 0;border-radius:10px;cursor:pointer;transition:all .15s}.quick-btn:hover{background:#222;color:#aaa;border-color:#333}.quick-btn.active{background:#1e2d0e;border-color:#4a7a1a;color:#a3e635}