.refer-page{max-width:720px}.refer-page-head{margin-bottom:20px}.refer-back{color:var(--ink-3);margin-bottom:10px;font-size:13px;font-weight:500;display:inline-block}.refer-back:hover{color:var(--jade)}.refer-sub{color:var(--ink-2);max-width:520px;margin:8px 0 0;font-size:15px}.refer-hero{background:linear-gradient(145deg,color-mix(in oklab,var(--jade) 18%,var(--surface)),var(--surface));border:1px solid color-mix(in oklab,var(--jade) 28%,var(--line));border-radius:16px;margin-bottom:16px;padding:28px 24px}.refer-hero-label{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);margin-bottom:8px;font-size:11px}.refer-hero-balance{font-family:var(--f-display);letter-spacing:-.03em;color:var(--jade);font-size:clamp(36px,8vw,52px);font-weight:600;line-height:1.05}[data-theme=dark] .refer-hero-balance{color:var(--jade-3)}.refer-hero-meta{color:var(--ink-2);flex-wrap:wrap;gap:16px 24px;margin-top:16px;font-size:14px;display:flex}.refer-pending-banner{background:color-mix(in oklab,var(--marigold) 12%,transparent);border:1px solid color-mix(in oklab,var(--marigold) 30%,transparent);color:var(--ink-1);border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:16px;padding:14px 16px;font-size:14px;display:flex}.refer-pending-icon{font-size:20px;line-height:1}.refer-code{background:var(--cream-2);color:var(--terracotta);border-radius:6px;padding:2px 8px}.refer-link-row{flex-wrap:wrap;gap:8px;display:flex}.refer-link-input{border:1px solid var(--line);background:var(--cream-2);min-width:0;color:var(--ink-1);border-radius:10px;flex:1;padding:10px 12px;font-size:12px}.refer-copy-btn{flex-shrink:0;padding:10px 18px}.refer-ledger{margin:0;padding:0;list-style:none}.refer-ledger-row{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:12px;padding:14px 0;display:flex}.refer-ledger-row:last-child{border-bottom:none;padding-bottom:0}.refer-ledger-title{color:var(--ink);font-size:14px;font-weight:500}.refer-ledger-meta{color:var(--ink-3);margin-top:4px;font-size:11px}.refer-ledger-end{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.refer-ledger-amt{color:var(--jade);font-size:15px;font-weight:600}.refer-ledger-amt-neg{color:var(--terracotta)}.refer-accordion{border-top:1px solid var(--line)}.refer-acc-item{border-bottom:1px solid var(--line)}.refer-acc-trigger{width:100%;color:var(--ink);text-align:left;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;font-size:15px;font-weight:600;display:flex}.refer-acc-trigger:hover{color:var(--jade)}.refer-acc-chevron{font-family:var(--f-mono);color:var(--ink-3);font-size:18px;font-weight:400}.refer-acc-body{color:var(--ink-2);padding:0 0 14px;font-size:14px;line-height:1.55}.refer-checkout-hint{text-align:center;color:var(--ink-3);margin-top:20px;font-size:13px}.refer-skeleton-block{background:linear-gradient(90deg,var(--cream-2) 25%,var(--line) 50%,var(--cream-2) 75%);background-size:200% 100%;border-radius:14px;min-height:120px;animation:1.2s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.checkout-wallet-row{border-bottom:1px solid var(--line);align-items:flex-start;gap:12px;padding:14px 0;display:flex}.checkout-wallet-row:last-child{border-bottom:none}.checkout-wallet-toggle{width:18px;height:18px;accent-color:var(--jade);flex-shrink:0;margin-top:2px}.checkout-wallet-label{font-size:14px;font-weight:500}.checkout-wallet-hint{color:var(--ink-3);margin-top:4px;font-size:12px}.nav-refer-dot{background:var(--marigold);vertical-align:super;border-radius:50%;width:6px;height:6px;margin-left:4px;display:inline-block}.nav-tab-earn{background:color-mix(in oklab,var(--marigold) 35%,transparent);color:var(--ink);font-weight:600}.nav-tab-earn.active{background:var(--ink);color:var(--cream)}.nav-tab-circle{background:color-mix(in oklab,var(--jade) 18%,transparent);color:var(--ink);font-weight:600}.nav-tab-circle.active{background:var(--jade);color:var(--cream)}