.convert-screen{padding-bottom:48px;color:#17191c;background:#fff}
.convert-screen .page-head{margin-bottom:22px}
.convert-screen h2{font-size:16px;line-height:1.3;font-weight:650;margin:22px 0 12px}
.convert-balance{padding:18px 20px;border-radius:8px;background:#111;color:#fff}
.convert-balance small{display:block;color:#c9c9c9;font-size:12px}
.convert-balance strong{display:block;margin-top:5px;font-size:28px;line-height:1.2;font-weight:650;font-variant-numeric:tabular-nums}
.convert-form{margin-top:25px}
.convert-form>label:first-of-type{display:block;margin-bottom:8px;font-size:13px;font-weight:600}
.convert-amount{display:flex;align-items:center;gap:8px;padding:5px 14px;border:1px solid #d9dde3;border-radius:7px}
.convert-amount:focus-within{border-color:#282c31;box-shadow:0 0 0 2px #e9eaec}
.convert-amount input{width:100%;min-width:0;height:46px;border:0;outline:0;background:transparent;color:#111;font-size:23px;font-weight:600;font-variant-numeric:tabular-nums}
.convert-amount span{font-size:13px;color:#686d74}
.convert-breakdown{margin:17px 0 24px;border-top:1px solid #e7e9ec}
.convert-breakdown>div,.convert-receipt>div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #e7e9ec;font-size:13px}
.convert-breakdown span,.convert-receipt span{color:#686d74}
.convert-breakdown strong,.convert-receipt strong{font-weight:600;text-align:right;overflow-wrap:anywhere}
.convert-breakdown .total{font-weight:650;font-size:14px}
.convert-breakdown .total span{color:#17191c}
.convert-method{display:flex;align-items:center;gap:12px;padding:14px 12px;margin:8px 0;border:1px solid #d6d9de;border-radius:7px;cursor:pointer}
.convert-method:has(input:checked){border-color:#141619;background:#f7f8f9}
.convert-method input{accent-color:#111}
.convert-method>span[data-icon]{flex:none;width:22px;height:22px;color:#222}
.convert-method svg{width:22px;height:22px}
.convert-method>span:last-child{min-width:0}
.convert-method strong,.convert-method small{display:block}
.convert-method strong{font-size:13px;font-weight:600}
.convert-method small{margin-top:3px;color:#6d7379;font-size:11px;line-height:1.4}
.convert-method.unavailable{opacity:.55;cursor:not-allowed}
.convert-hint{color:#666c73;font-size:12px;line-height:1.5;margin:15px 0}
.convert-form>.btn,.convert-screen>.btn,.convert-approval>.btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin-top:18px;text-align:center}
.convert-history{margin-top:30px}
.convert-history h2{margin-bottom:7px}
.convert-history a{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #e7e9ec;color:inherit;text-decoration:none;font-size:12px}
.convert-history a>*{min-width:0}
.convert-history strong,.convert-history small{display:block;overflow-wrap:anywhere}
.convert-history small{color:#70757b;margin-top:4px}
.convert-history b{flex:none;font-weight:600}
.convert-result{text-align:center;padding:25px 14px;margin:14px 0;border:1px solid #e0e3e7;border-radius:8px;background:#fafafa}
.convert-result h2{margin:8px 0 7px;font-size:19px}
.convert-result p{font-size:13px;line-height:1.5;color:#626970}
.convert-result>strong{display:block;margin:10px 0;font-size:27px;font-weight:650;font-variant-numeric:tabular-nums}
.convert-result>small{font-size:11px;color:#757b82;overflow-wrap:anywhere}
.convert-result>span[data-icon] svg{width:36px;height:36px}
.convert-result.success{background:#f6fbf8;border-color:#d3e8d9}
.convert-result.success>span[data-icon]{color:#168148}
.convert-result.error{background:#fff8f7;border-color:#edd6d3}
.convert-result.error>span[data-icon]{color:#ba4137}
.convert-screen .mctc-qr{margin:18px auto;background:#fff;width:fit-content;max-width:100%;padding:10px;border:1px solid #e3e6e9;border-radius:6px}
.convert-screen .mctc-qr svg{display:block;width:min(66vw,230px);height:auto}
.convert-screen details{margin:16px 0;color:#555e66;font-size:12px}
.convert-screen .mctc-link{width:100%;margin-top:9px;padding:11px;border:1px solid #d9dde3;border-radius:6px;font-size:11px}
.convert-cancel{display:block;margin:18px auto;border:0;background:none;color:#565d65;font-size:13px;text-decoration:underline;cursor:pointer}
.convert-approval{margin-top:18px}
.convert-approval .check-row{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.5}
.convert-approval .check-row input{flex:none;margin-top:3px;accent-color:#111}
.convert-receipt{margin:19px 0 25px;border-top:1px solid #e7e9ec}
@media(max-width:360px){.convert-balance strong{font-size:24px}.convert-history b{font-size:11px}}