@charset "UTF-8";

@media(max-width:520px){.redemption-form .redemption-success{display:grid;grid-template-columns:25px minmax(0,1fr);align-items:start}.redemption-form .redemption-success[hidden]{display:none}.redemption-form .redemption-success>div{grid-column:2;min-width:0}.redemption-form .redemption-success>b{grid-column:2;margin-left:0;max-width:none;line-height:1.4}}

.redemption-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:24px;align-items:start}
.redemption-card{padding:34px 36px 0;overflow:hidden;position:relative}
.redemption-intro{position:relative;padding-right:52px}
.redemption-intro .eyebrow{display:block;letter-spacing:1.5px;font-size:10px;color:var(--muted);margin:4px 0 13px}
.redemption-intro h2{font-size:27px;line-height:1.4;font-weight:650;color:var(--ink);letter-spacing:-.7px;margin:0 0 10px}
.redemption-intro p{font-size:13px;color:var(--text);line-height:1.8;margin:0}
.redemption-symbol{position:absolute;right:0;top:0;width:43px;height:43px;display:grid;place-items:center;color:var(--purple-dark);background:var(--soft);border:1px solid var(--line);border-radius:13px;transform:rotate(7deg)}
.redemption-symbol .icon{width:23px;height:23px}
.redemption-form{margin-top:36px}
.redemption-form>label{display:flex;justify-content:space-between;gap:12px;font-weight:600;font-size:13px;color:var(--ink);margin-bottom:12px}
.redemption-form>label>span{font-size:10px;font-weight:400;color:var(--muted)}
.redemption-input{display:flex;align-items:center;gap:12px;border:1px solid var(--line-strong);border-radius:11px;padding:0 16px;background:var(--surface-alt);transition:border-color .15s,box-shadow .15s}
.redemption-input:focus-within{border-color:var(--purple);box-shadow:0 0 0 3px var(--soft)}
.redemption-input>.icon{flex-shrink:0;width:18px;height:18px;color:var(--muted)}
.redemption-input input{background:transparent;border:0;outline:0;box-shadow:none;min-width:0;width:100%;height:56px;padding:0;color:var(--ink);font:13px "Cascadia Code",Consolas,"Microsoft YaHei",monospace;letter-spacing:.15px}
.redemption-input input:focus{outline:0;box-shadow:none}
.redemption-input input::placeholder{color:var(--muted);font:12px var(--font);letter-spacing:0}
.redemption-help{font-size:11px;line-height:1.7;color:var(--muted);margin:10px 1px 24px}
.redemption-submit{width:100%;justify-content:center;min-height:47px;gap:12px;font-size:13px;border-radius:10px}
.redemption-submit[aria-busy=true] .icon{animation:pulse 1s ease-in-out infinite}
.redemption-form .error{margin:0 0 16px;font-size:12px;line-height:1.8;overflow-wrap:anywhere}
.redemption-card-foot{display:flex;align-items:center;justify-content:center;gap:7px;border-top:1px dashed var(--line);background:var(--surface-alt);padding:16px 20px;margin:29px -36px 0;font-size:10px;color:var(--muted);line-height:1.7}
.redemption-card-foot .icon{height:13px;width:13px;flex-shrink:0}
.redemption-aside{display:grid;gap:23px;min-width:0}
.redemption-balance{padding:24px 26px;background:var(--surface-alt);position:relative;overflow:hidden}
.redemption-balance-label{display:flex;align-items:center;justify-content:space-between;color:var(--text);font-size:12px;margin-bottom:20px}
.redemption-balance-label .icon{width:18px;height:18px;color:var(--purple)}
.redemption-balance>strong{font-size:clamp(25px,2.5vw,35px);font-weight:600;line-height:1.3;letter-spacing:-1px;color:var(--ink);font-variant-numeric:tabular-nums;display:block;overflow-wrap:anywhere}
.redemption-balance>p{font-size:10px;color:var(--muted);margin:9px 0 20px}
.redemption-balance-foot{border-top:1px solid var(--line);padding-top:15px;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.redemption-balance-foot>span{font-size:10px;color:var(--muted)}
.redemption-balance-foot .link-button{font-size:10px;white-space:nowrap}
.redemption-guide{padding:0 9px}
.redemption-guide h3{font-size:12px;font-weight:600;color:var(--ink);margin:0 0 18px}
.redemption-guide ol{list-style:none;padding:0;margin:0;display:grid;gap:18px}
.redemption-guide li{display:flex;gap:13px;align-items:flex-start}
.redemption-guide li>span{color:var(--purple);background:var(--soft);border:1px solid var(--line);width:27px;height:27px;flex-shrink:0;display:grid;place-items:center;font:10px Consolas,monospace;border-radius:9px}
.redemption-guide li strong{font-size:11px;font-weight:550;color:var(--text)}
.redemption-guide li p{font-size:10px;color:var(--muted);line-height:1.7;margin:4px 0 0}
.redemption-history-panel{margin-top:27px}
.redemption-history-panel>.panel-heading{padding-bottom:21px}
.redemption-history-panel .table-scroll{min-height:155px}
.redemption-history-panel .empty-state{padding-bottom:8px}
.redemption-empty-note{margin:0 18px 27px;color:var(--muted);font-size:11px;line-height:1.8;text-align:center}
.redemption-retry{display:flex;margin:0 auto 25px}
.redemption-code-hint{font:12px Consolas,monospace;color:var(--muted)}
.redemption-complete{display:inline-flex;align-items:center;gap:5px;border-radius:6px;padding:4px 7px;color:var(--success);background:var(--success-soft);font-size:10px;white-space:nowrap}
.redemption-complete:before{content:"";height:4px;width:4px;display:block;border-radius:50%;background:currentColor}
.redemption-success{display:flex;align-items:center;gap:11px;padding:16px 13px;border-radius:10px;background:var(--success-soft);border:1px solid var(--success-line);color:var(--success);margin-top:18px}
.redemption-success-icon{display:grid;place-items:center;width:25px;height:25px;flex-shrink:0}
.redemption-success-icon .icon{width:20px;height:20px}
.redemption-success>div{min-width:0;flex:1}
.redemption-success strong{font-size:12px;display:block;font-weight:600}
.redemption-success div>span{font-size:10px;line-height:1.7;display:block;margin-top:4px}
.redemption-success>b{font-size:17px;font-weight:600;overflow-wrap:anywhere;max-width:40%;font-variant-numeric:tabular-nums}
.redemption-success[hidden]{display:none}
#view-wallet .wallet-explainer .link-button+.link-button{margin-top:13px}

@media(max-width:1100px){.redemption-layout{gap:18px;grid-template-columns:minmax(0,1.45fr) minmax(240px,1fr)}.redemption-card{padding:27px 25px 0}.redemption-card-foot{margin-left:-25px;margin-right:-25px}.redemption-intro h2{font-size:24px}.redemption-balance{padding:23px 21px}}
@media(max-width:820px){.redemption-layout{grid-template-columns:1fr}.redemption-aside{grid-template-columns:1fr 1fr;gap:20px}.redemption-guide{padding:6px 0 0}.redemption-guide ol{gap:14px}.redemption-form{margin-top:27px}}
@media(max-width:520px){.redemption-card{padding:24px 21px 0}.redemption-card-foot{margin-left:-21px;margin-right:-21px;padding:14px 17px;font-size:9px}.redemption-intro{padding-right:35px}.redemption-intro h2{font-size:23px}.redemption-intro p{font-size:11px}.redemption-symbol{height:33px;width:33px;border-radius:10px}.redemption-symbol .icon{height:20px;width:20px}.redemption-form>label{font-size:12px}.redemption-form>label>span{font-size:9px}.redemption-input{padding:0 12px;gap:9px}.redemption-input input{font-size:12px;height:51px}.redemption-help{font-size:10px}.redemption-aside{grid-template-columns:1fr}.redemption-guide{display:none}.redemption-balance-label{margin-bottom:13px}.redemption-balance>strong{font-size:31px}.redemption-success{flex-wrap:wrap}.redemption-success>b{margin-left:36px;max-width:100%;font-size:19px}.redemption-history-panel{margin-top:21px}.redemption-history-panel .table-scroll{overflow:visible}.redemption-table{min-width:0!important;white-space:normal}.redemption-table thead{display:none}.redemption-table tbody{display:block;padding:0 16px}.redemption-table tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 10px;border-top:1px solid var(--line);padding:17px 0}.redemption-table td{padding:0!important;border:0!important;min-width:0;font-size:11px;text-align:left;overflow-wrap:anywhere}.redemption-table td:before{content:attr(data-label);display:block;color:var(--muted);font:9px var(--font);margin-bottom:6px}.redemption-table td:nth-child(1){grid-column:1/3}.redemption-table td:last-child{position:relative;grid-column:2;grid-row:1;justify-self:end}.redemption-table td:last-child:before{display:none}.redemption-empty-note{font-size:10px}}