.invite-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.invite-steps .card{padding:22px}.invite-steps__n{background:var(--accent);color:#fff;width:28px;height:28px;font-family:var(--font-mono);border-radius:999px;place-items:center;font-size:13px;font-weight:600;display:inline-grid}.invite-steps h3{letter-spacing:-.01em;margin-top:12px;font-size:17px;font-weight:600}.invite-steps p{color:var(--ink-2);margin-top:6px;font-size:14.5px;line-height:1.5}.invite-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.invite-grid .card{padding:24px}.invite-table{border-collapse:collapse;width:100%;margin-top:14px;font-size:15px}.invite-table th{text-align:left;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3);padding:0 0 8px;font-size:11px;font-weight:500}.invite-table td{border-top:.5px solid var(--line);padding:10px 0}.invite-table td:last-child,.invite-table th:last-child{text-align:right}.invite-note{color:var(--ink-2);margin-top:12px;font-size:14px;line-height:1.5}.invite-ms{margin:14px 0 0;padding:0;list-style:none}.invite-ms li{border-top:.5px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0;font-size:15px;display:flex}.invite-ms span{color:var(--ink-3);font-size:14px}.invite-board-wrap{max-width:720px}.invite-board{margin:14px 0 0;padding:0;list-style:none}.invite-board li{border-radius:var(--r-md);background:var(--surface);border:.5px solid var(--line);align-items:center;gap:14px;margin-bottom:8px;padding:12px 16px;display:flex}.invite-board__rank{width:24px;font-family:var(--font-mono);color:var(--ink-3);font-size:13px}.invite-board__name{flex:1;font-weight:600}.invite-board__n{color:var(--ink-2);font-size:14px}.invite-fine{color:var(--ink-3);margin-top:18px;font-size:12.5px;line-height:1.55}.invite-share{flex-wrap:wrap;gap:6px;display:flex}.invite-tier__row{color:var(--ink-2);justify-content:space-between;gap:12px;font-size:13px;display:flex}.invite-tier__bar{background:var(--surface-2);border-radius:999px;height:6px;margin-top:6px;overflow:hidden}.invite-tier__bar span{background:var(--accent);border-radius:inherit;height:100%;display:block}.invite-milestones{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.invite-milestones li{border-radius:var(--r-md);border:.5px solid var(--line);background:var(--surface-2);color:var(--ink-3);flex-direction:column;gap:2px;padding:10px 12px;font-size:12px;display:flex}.invite-milestones strong{color:var(--ink);font-size:15px}.invite-milestones li.is-done{border-color:var(--accent)}.invite-milestones li.is-done strong{color:var(--accent-ink)}.ref-banner{z-index:3;background:var(--accent);color:#fff;text-align:center;justify-content:center;align-items:center;gap:12px;padding:10px 44px 10px 16px;font-size:14px;font-weight:500;display:flex;position:relative}.ref-banner a{color:#fff;font-weight:600;text-decoration:underline}.ref-banner button{color:#fff;opacity:.8;border-radius:999px;width:28px;height:28px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.ref-banner button:hover{opacity:1}@media (max-width:799px){.invite-steps,.invite-grid{grid-template-columns:1fr}.invite-milestones{grid-template-columns:repeat(2,minmax(0,1fr))}}