.ref-page{max-width:1200px}.ref-top{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:var(--space-5);align-items:start}.ref-hero h1{margin-top:var(--space-3);font-size:clamp(30px,3.6vw,46px);font-weight:700;letter-spacing:-.03em}.ref-hero>p.muted{margin-top:var(--space-3)}.ref-rate{margin:var(--space-3) 0 var(--space-5);display:flex;align-items:baseline;gap:var(--space-2);color:var(--primary);font-weight:600}.ref-rate strong{font:700 26px/1 var(--font-display);color:var(--error)}.ref-tier{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:12px;font-weight:600}.ref-invite-head{display:flex;align-items:center;justify-content:space-between;font-size:14px}.ref-link{display:block;margin:var(--space-2) 0 var(--space-4);font-size:clamp(15px,1.8vw,20px);color:var(--primary);font-weight:600;overflow-wrap:anywhere}.ref-invite-actions{display:flex;align-items:center;gap:var(--space-3)}.ref-copy{flex:1;justify-content:center}.ref-board h2{margin-bottom:2px}.ref-sub{font-size:12px;margin-bottom:var(--space-3)}.ref-board ol{list-style:none;margin:0;padding:0}.ref-board li{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:var(--space-2);padding:9px 0;border-bottom:1px solid var(--outline-2)}.ref-board li:last-child{border-bottom:0}.ref-board .rank{color:var(--primary)}.ref-board .who{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.ref-board .who em{margin-left:6px;font-style:normal;font-size:12px;color:var(--primary)}.ref-board .amt{font-weight:600}.ref-board .amt.top{color:var(--error)}.ref-board li.vacant .who,.ref-board li.vacant .amt,.ref-board li.vacant .rank{color:var(--ink-3);font-weight:400}.ref-estimate{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-sm);background:var(--primary-soft)}.ref-estimate p{margin-top:6px;font-size:13px;line-height:1.6}.ref-estimate strong{color:var(--error)}.ref-board li.me{background:var(--primary-soft);margin:0 calc(-1 * var(--space-3));padding-left:var(--space-3);padding-right:var(--space-3);border-radius:var(--radius-sm)}.ref-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.ref-stats>div{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);border-left:1px solid var(--outline-2)}.ref-stats>div:first-child{border-left:0}.ref-stats span{font-size:14px}.ref-stats strong{font-size:28px;font-weight:700;line-height:1.1;color:var(--primary)}.ref-wallet-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.ref-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:var(--space-5);align-items:start}.ref-trend{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--space-3);align-items:end;height:220px;padding-top:var(--space-4);border-bottom:1px solid var(--outline)}.ref-bar{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:100%}.ref-bar i{display:block;width:min(44px,100%);border-radius:8px 8px 2px 2px;background:color-mix(in srgb,var(--error) 35%,transparent)}.ref-bar i.today{background:var(--error)}.ref-bar-val{font-size:11px;color:var(--error);font-weight:600;min-height:14px}.ref-bar-day{font-size:12px;color:var(--ink-3);padding-bottom:6px}.ref-bar-day.today{color:var(--error)}.ref-rules{display:flex;flex-direction:column;gap:var(--space-3);background:var(--surface-2)}.ref-rules h2{margin-bottom:var(--space-2)}.ref-rule{padding:var(--space-4);border-radius:var(--radius-sm);background:var(--surface-1)}.ref-rule p{margin-top:6px;font-size:13px;line-height:1.6}.ref-rule-head{display:flex;justify-content:space-between;align-items:baseline}.ref-rule-head strong{color:var(--primary);font-size:18px}.ref-tiers{list-style:none;margin:var(--space-3) 0 0;padding:0;display:flex;flex-direction:column;gap:4px}.ref-tiers li{display:grid;grid-template-columns:48px 40px minmax(0,1fr);gap:var(--space-2);padding:6px 8px;border-radius:6px;font-size:13px}.ref-tiers li.on{background:var(--primary-soft);color:var(--primary);font-weight:600}.ref-progress{height:6px;margin-top:var(--space-3);border-radius:999px;background:var(--surface-3);overflow:hidden}.ref-progress i{display:block;height:100%;background:var(--primary);border-radius:inherit}.ref-progress-note b{color:var(--ink)}.ref-records{overflow:hidden}.ref-tabs{display:flex;gap:var(--space-2);padding:0 var(--space-5);border-bottom:1px solid var(--outline-2);overflow-x:auto}.ref-tabs button{padding:18px var(--space-3);border:0;border-bottom:2px solid transparent;background:none;color:var(--ink-2);font:600 15px/1 var(--font-body);cursor:pointer;white-space:nowrap}.ref-tabs button[aria-selected=true]{color:var(--primary);border-bottom-color:var(--primary)}.ref-records .table-wrap{border:0;border-radius:0}.ref-empty{text-align:center;padding:var(--space-6)!important}.ref-foot{padding:0 var(--space-5) var(--space-4)}.ref-yes,.ref-no{display:inline-flex;align-items:center;gap:4px;font-size:13px}.ref-yes{color:var(--success)}.ref-no{color:var(--error)}.ref-pos{color:var(--success);font-weight:600}.ref-status{display:inline-flex;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;background:var(--surface-3);color:var(--ink-2)}.ref-status.ok{background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success)}.ref-status.warn{background:var(--tertiary-soft);color:var(--warning)}.ref-status.bad{background:var(--error-soft);color:var(--error)}.ref-note{font-size:12px;margin-top:4px}.ref-dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4)}.ref-codes{margin-top:var(--space-4);border:1px solid var(--outline-2);border-radius:var(--radius-md);overflow:hidden}.ref-codes-head{display:flex;justify-content:space-between;padding:10px var(--space-4);background:var(--surface-2);font-size:13px;font-weight:600}.ref-code-row{display:flex;align-items:center;gap:var(--space-2);padding:12px var(--space-4);border-top:1px solid var(--outline-2)}.ref-code-row code{flex:1;min-width:0;overflow-wrap:anywhere;font-weight:600}.ref-amount{display:flex;align-items:center;gap:var(--space-2)}.ref-amount input{flex:1;min-width:0}.ref-warn{display:flex;gap:8px;align-items:flex-start;margin:0;padding:var(--space-3);border-radius:var(--radius-sm);background:var(--tertiary-soft);color:var(--warning);font-size:13px;line-height:1.5}.ref-warn .icon{margin-top:1px;flex:none}.ref-toast{position:fixed;left:50%;bottom:32px;transform:translate(-50%);z-index:60;padding:10px 18px;border-radius:var(--radius-sm);background:var(--ink);color:var(--surface-1);font-size:14px;box-shadow:var(--shadow-md, 0 6px 20px rgba(0,0,0,.18))}@media (max-width: 960px){.ref-top,.ref-grid{grid-template-columns:minmax(0,1fr)}.ref-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ref-stats>div:nth-child(3){border-left:0}.ref-stats>div:nth-child(n+3){border-top:1px solid var(--outline-2)}}@media (max-width: 520px){.ref-invite-actions{flex-direction:column;align-items:stretch}.ref-stats strong{font-size:22px}.ref-stats>div{padding:var(--space-4)}.ref-trend{gap:4px}}