.shop-container{background:#0a0f1e;flex-direction:column;width:100%;height:100%;display:flex;overflow-y:auto}.toast-overlay{z-index:9999;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.toast-card{pointer-events:none;background:#111827;border:.5px solid #1e3a5f;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:28px 36px;animation:.3s forwards toast-in;display:flex}.toast-card.hide{animation:.4s forwards toast-out}@keyframes toast-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes toast-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)}}.toast-check{width:56px;height:56px}.toast-check circle{stroke:#3b82f6;stroke-width:3px;fill:none;stroke-dasharray:166;stroke-dashoffset:166px;animation:.5s forwards circle-in}.toast-check path{stroke:#3b82f6;stroke-width:3px;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:50;stroke-dashoffset:50px;animation:.4s .4s forwards check-in}@keyframes circle-in{to{stroke-dashoffset:0}}@keyframes check-in{to{stroke-dashoffset:0}}.toast-title{color:#e8f0ff;font-size:15px;font-weight:600}.toast-amount{color:#3b82f6;font-size:13px;font-weight:500}.shop-header{text-align:center;background:#0a0f1e;padding:20px 16px 14px}.shop-header h2{color:#e8f0ff;margin:0 0 4px;font-size:17px;font-weight:600}.shop-header p{color:#5a7aaa;margin:0;font-size:12px}.shop-body{padding:0 14px 24px}.resource-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.resource-card{cursor:pointer;background:#111827;border:.5px solid #1e3a5f;border-radius:10px;padding:10px;transition:border-color .15s}.resource-card.selected{background:#0f1f35;border:1.5px solid #3b82f6}.rc-top{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.rc-name{color:#c8d8f0;align-items:center;gap:5px;font-size:12px;font-weight:600;display:flex}.rc-icon{object-fit:contain;width:16px;height:16px}.rc-check{border:.5px solid #2a4a6a;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.rc-check.on{background:#3b82f6;border-color:#3b82f6}.rc-hold{color:#4a6a8a;margin-bottom:6px;font-size:11px}.rc-bar-bg{background:#1e3a5f;border-radius:2px;height:3px;margin-bottom:6px}.rc-bar-fill{background:#3b82f6;border-radius:2px;height:3px;transition:width .1s}.rc-bottom{justify-content:space-between;align-items:center;display:flex}.rc-token{color:#e8f0ff;font-size:12px;font-weight:600}.rc-ratio{color:#3a5a7a;font-size:10px}.rc-slider-wrap{flex-direction:column;gap:6px;margin-top:10px;padding-top:10px;display:flex}.rc-slider-row{align-items:center;gap:6px;display:flex}.rc-slider{accent-color:#3b82f6;flex:1}.rc-val{color:#c8d8f0;text-align:right;min-width:22px;font-size:11px;font-weight:600}.rc-max-btn{color:#3b82f6;cursor:pointer;background:0 0;border:.5px solid #3b82f6;border-radius:8px;width:100%;padding:5px 0;font-size:11px;font-weight:600}.shop-summary{background:#111827;border:.5px solid #1e3a5f;border-radius:10px;margin-bottom:10px;padding:10px 12px}.summary-row{color:#4a6a8a;justify-content:space-between;margin-bottom:4px;font-size:12px;display:flex}.summary-row:last-child{margin-bottom:0}.summary-row.bold{color:#e8f0ff;font-size:13px;font-weight:600}.min-token-notice{color:#f59e0b;text-align:center;background:#f59e0b1a;border:.5px solid #f59e0b4d;border-radius:8px;margin-bottom:8px;padding:8px 12px;font-size:12px}.exchange-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:10px;width:100%;padding:13px;font-size:14px;font-weight:600}.exchange-btn:disabled{color:#3a5a7a;cursor:default;background:#1a2a3a}.exchange-result{text-align:center;color:#3b82f6;margin-top:10px;font-size:13px;font-weight:600}.exchange-guide{background:#111827;border:.5px solid #1e3a5f;border-radius:10px;margin-top:16px;padding:14px 12px}.guide-title{color:#c8d8f0;margin-bottom:8px;font-size:12px;font-weight:600}.guide-list{flex-direction:column;gap:5px;margin:0 0 14px;padding:0;list-style:none;display:flex}.guide-list li{color:#4a6a8a;padding-left:10px;font-size:11px;position:relative}.guide-list li:before{content:"·";color:#3b82f6;position:absolute;left:0}.guide-ratio-title{color:#c8d8f0;border-top:.5px solid #1e3a5f;margin-bottom:8px;padding-top:12px;font-size:12px;font-weight:600}.ratio-table{flex-direction:column;gap:6px;display:flex}.ratio-row{background:#0a0f1e;border-radius:6px;justify-content:space-between;align-items:center;padding:6px 8px;display:flex}.ratio-left{align-items:center;gap:6px;display:flex}.ratio-icon{object-fit:contain;width:14px;height:14px}.ratio-label{color:#c8d8f0;font-size:12px;font-weight:500}.ratio-right{align-items:center;gap:6px;display:flex}.ratio-amount{color:#4a6a8a;font-size:12px}.ratio-arrow{color:#3b82f6;font-size:11px}.ratio-token{color:#3b82f6;font-size:12px;font-weight:600}@media (max-width:380px){.shop-header{padding:16px 14px 12px}.shop-header h2{font-size:15px}.shop-header p{font-size:11px}.shop-body{padding:0 10px 20px}.resource-grid{gap:6px}.resource-card{padding:8px}.rc-name{font-size:11px}.rc-icon{width:14px;height:14px}.rc-hold{font-size:10px}.rc-token{font-size:11px}.rc-ratio{font-size:9px}.rc-val{font-size:10px}.rc-max-btn{padding:4px 0;font-size:10px}.shop-summary{padding:8px 10px}.summary-row{font-size:11px}.summary-row.bold{font-size:12px}.exchange-btn{padding:11px;font-size:13px}.guide-title,.guide-ratio-title{font-size:11px}.guide-list li{font-size:10px}.ratio-label,.ratio-amount,.ratio-token{font-size:11px}}@media (max-width:360px){.shop-header h2{font-size:14px}.shop-header p{font-size:10px}.shop-body{padding:0 8px 18px}.resource-grid{gap:5px}.resource-card{padding:7px}.rc-name{gap:4px;font-size:10px}.rc-icon{width:13px;height:13px}.rc-check{width:14px;height:14px}.rc-hold{margin-bottom:4px;font-size:9px}.rc-bar-bg{margin-bottom:4px}.rc-token{font-size:10px}.rc-ratio{font-size:8px}.rc-slider-wrap{gap:4px;margin-top:8px;padding-top:8px}.rc-val{min-width:18px;font-size:10px}.rc-max-btn{padding:3px 0;font-size:9px}.shop-summary{margin-bottom:8px;padding:7px 8px}.summary-row{font-size:10px}.summary-row.bold{font-size:11px}.exchange-btn{border-radius:8px;padding:10px;font-size:12px}.exchange-guide{padding:10px}.guide-title,.guide-ratio-title{font-size:10px}.guide-list li{font-size:9px}.ratio-label,.ratio-amount,.ratio-token{font-size:10px}.ratio-icon{width:12px;height:12px}}@media (max-width:320px){.shop-header{padding:12px 10px 10px}.shop-header h2{font-size:13px}.shop-header p{font-size:9px}.shop-body{padding:0 6px 16px}.resource-grid{gap:4px}.resource-card{padding:6px}.rc-name{gap:3px;font-size:9px}.rc-icon{width:12px;height:12px}.rc-check{width:13px;height:13px}.rc-hold{font-size:8px}.rc-token{font-size:9px}.rc-ratio{font-size:7px}.rc-slider-wrap{margin-top:6px;padding-top:6px}.rc-val{min-width:16px;font-size:9px}.rc-max-btn{border-radius:6px;padding:3px 0;font-size:8px}.shop-summary{padding:6px 8px}.summary-row{font-size:9px}.summary-row.bold{font-size:10px}.exchange-btn{border-radius:7px;padding:9px;font-size:11px}.exchange-guide{padding:8px}.guide-title,.guide-ratio-title{font-size:9px}.guide-list li{font-size:8px}.ratio-label,.ratio-amount,.ratio-token{font-size:9px}}