.exchange-form-wrapper{min-height:100vh;background:#f6e7d3;padding:16px;display:flex;flex-direction:column}.exchange-form-content{flex:1;display:flex;flex-direction:column}.form-header{display:flex;align-items:center;padding:12px 0;margin-bottom:20px}.back-button{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#8b4a2b1a;border:none;color:#8b4a2b;cursor:pointer;transition:all .2s ease}.back-button:active{transform:scale(.95);background:#8b4a2b33}.form-title{font-size:22px;font-weight:700;color:#8b4a2b;margin:0;text-align:center;flex:1}.header-spacer{width:44px}.exchange-form{flex:1;display:flex;flex-direction:column;background:#fffaf3;border-radius:24px;padding:24px 20px;box-shadow:0 8px 32px #8b4a2b1a;border:1px solid #e6d3bc}.exchange-card{background:#f6e7d3;border-radius:20px;padding:24px;margin-bottom:20px;border:1px solid #e6d3bc}.exchange-section{margin-bottom:24px}.exchange-section:last-child{margin-bottom:0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-label{font-size:16px;font-weight:600;color:#8b4a2b}.balance-info{font-size:14px;color:#7a5f4b}.balance-amount{font-weight:700;color:#4f7b3a}.currency-selector{position:relative;margin-bottom:16px}.currency-preview{display:flex;align-items:center;gap:12px;padding:16px;background:#fffaf3;border-radius:16px;border:1px solid #e6d3bc;min-height:72px}.currency-icon{font-size:24px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#8b4a2b,#d6a23a);color:#fffaf3;border-radius:12px;flex-shrink:0}.currency-info{flex:1;display:flex;flex-direction:column;gap:4px}.currency-name{font-size:16px;font-weight:600;color:#3b2a1f}.currency-code{font-size:14px;font-weight:600;color:#8b4a2b;background:#8b4a2b1a;padding:4px 8px;border-radius:6px;align-self:flex-start}.currency-select-native{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px}.amount-input-wrapper{margin-bottom:16px}.amount-input-container{position:relative;display:flex;align-items:center}.amount-input{width:100%;padding:20px 80px 20px 20px;font-size:28px;font-weight:700;color:#3b2a1f;background:#fffaf3;border:2px solid #e6d3bc;border-radius:16px;transition:all .2s ease;text-align:right;-webkit-appearance:none;appearance:none;font-family:SF Mono,Monaco,Courier New,monospace}.amount-input:focus{outline:none;border-color:#8b4a2b;box-shadow:0 0 0 3px #8b4a2b1a}.amount-input.error{border-color:#b33a2b;box-shadow:0 0 0 3px #b33a2b1a}.amount-input::placeholder{color:#7a5f4b;font-weight:400}.amount-symbol{position:absolute;right:20px;font-size:20px;font-weight:700;color:#8b4a2b;pointer-events:none}.error-message{font-size:14px;color:#b33a2b;margin-top:8px;padding-left:4px}.quick-amounts{display:flex;gap:8px;margin-top:12px}.quick-amount-btn{flex:1;padding:12px 8px;background:#fffaf3;border:2px solid #e6d3bc;border-radius:12px;font-size:14px;font-weight:600;color:#7a5f4b;cursor:pointer;transition:all .2s ease;min-height:44px}.quick-amount-btn:active{background:#8b4a2b;border-color:#8b4a2b;color:#fffaf3}.exchange-swap{display:flex;justify-content:center;margin:-12px 0;position:relative;z-index:10}.swap-btn{width:44px;height:44px;background:#fffaf3;border:none;border-radius:50%;color:#8b4a2b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 4px 12px #8b4a2b33;padding:0}.swap-btn:active{transform:rotate(180deg) scale(.95);background:#8b4a2b;color:#fffaf3}.swap-btn svg{display:block}.exchange-rate{background:#fffaf3;border-radius:12px;padding:16px;margin-top:20px;border:1px solid #e6d3bc}.rate-display{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.rate-label{font-size:14px;color:#7a5f4b;font-weight:500}.rate-value{font-size:16px;font-weight:700;color:#3b2a1f;text-align:right;font-family:SF Mono,Monaco,Courier New,monospace}.rate-info{display:flex;justify-content:flex-end}.rate-note{font-size:13px;color:#4f7b3a;font-weight:500}.exchange-summary{background:#4f7b3a1a;border-radius:16px;padding:20px;margin-bottom:20px;border:1px solid rgba(79,123,58,.3)}.summary-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.summary-item:last-child{margin-bottom:0}.summary-label{font-size:15px;color:#4f7b3a;font-weight:500}.summary-value{font-size:15px;font-weight:600;color:#3b2a1f}.summary-total{font-size:20px;font-weight:800;color:#d6a23a;font-family:SF Mono,Monaco,Courier New,monospace}.exchange-info{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.info-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f6e7d3;border-radius:12px;border:1px solid #e6d3bc}.info-icon{font-size:20px;color:#8b4a2b}.info-text{font-size:14px;font-weight:500;color:#7a5f4b}.exchange-button{width:100%;padding:20px;background:linear-gradient(135deg,#8b4a2b,#4f7b3a);color:#fffaf3;border:none;border-radius:16px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 8px 20px #8b4a2b4d;min-height:60px}.exchange-button:not(:disabled):active{transform:translateY(2px);box-shadow:0 4px 12px #8b4a2b4d}.exchange-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.button-spinner{width:24px;height:24px;border:3px solid rgba(255,250,243,.3);border-top-color:#fffaf3;border-radius:50%;animation:spin 1s linear infinite}.submit-error{background:#b33a2b1a;border:1px solid #b33a2b;color:#b33a2b;padding:16px;border-radius:12px;margin-top:16px;font-size:14px;display:flex;align-items:center;gap:8px;text-align:center}.error-icon{font-size:20px;flex-shrink:0;color:#b33a2b}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:#fffaf3;border-radius:24px;padding:40px}.loading-spinner{width:60px;height:60px;border:3px solid #e6d3bc;border-top-color:#8b4a2b;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.loading-text{font-size:16px;color:#7a5f4b;font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:480px){.exchange-form{padding:20px 16px}.exchange-card{padding:20px}.amount-input{font-size:24px;padding:18px 70px 18px 16px}.amount-symbol{font-size:18px;right:16px}.quick-amount-btn{font-size:13px;padding:10px 6px;min-height:40px}.exchange-button{padding:18px;font-size:16px;min-height:56px}.form-title{font-size:20px}.currency-preview{padding:14px;min-height:64px}.currency-icon{width:40px;height:40px;font-size:20px}}@media(max-height:700px){.exchange-form,.exchange-card,.exchange-summary{padding:16px}.amount-input{font-size:22px;padding:16px 60px 16px 12px}.exchange-button{padding:16px;min-height:52px}}@supports (-webkit-touch-callout: none){.amount-input{font-size:22px}input,select{font-size:16px!important}}