.xdi-invite{--xdi-brand:#5865f2;--xdi-brand-hover:#4752c4;max-width:440px;margin:40px auto;text-align:center;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;}.xdi-invite__heading{color:#b9bbbe;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:16px;}.xdi-invite__card{background:#2f3136;border-radius:8px;padding:32px 24px 24px;margin-bottom:0;}.xdi-invite__icon{margin-bottom:16px;}.xdi-invite__icon img{width:80px;height:80px;border-radius:16px;object-fit:cover;box-shadow:0 4px 12px rgba(0, 0, 0, 0.3);}.xdi-invite__icon-placeholder{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:16px;background:var(--xdi-brand, #5865f2);font-size:28px;color:#fff;font-weight:600;user-select:none;box-shadow:0 4px 12px rgba(0, 0, 0, 0.3);}.xdi-invite__name{color:#fff;font-size:22px;font-weight:700;margin-bottom:8px;line-height:1.3;}.xdi-invite__stats{display:flex;justify-content:center;gap:16px;margin-bottom:12px;}.xdi-invite__stat{display:inline-flex;align-items:center;gap:6px;color:#b9bbbe;font-size:13px;font-weight:500;}.xdi-invite__dot{display:inline-block;width:8px;height:8px;border-radius:50%;}.xdi-invite__dot--online{background:#3ba55c;}.xdi-invite__dot--total{background:#747f8d;}.xdi-invite__expiry{color:#72767d;font-size:12px;padding-top:12px;border-top:1px solid #40444b;margin-top:4px;}.xdi-invite__expiry i{margin-right:4px;}.xdi-invite__actions{background:#36393f;border-radius:0 0 8px 8px;padding:16px 24px 20px;margin-top:-8px;border-top:1px solid #40444b;}.xdi-invite__btn{display:inline-block;padding:12px 32px;border-radius:4px;font-size:15px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:background 0.15s ease, transform 0.1s ease;line-height:1.4;}.xdi-invite__btn:hover{text-decoration:none;transform:translateY(-1px);}.xdi-invite__btn--primary{background:var(--xdi-brand, #5865f2);color:#fff;width:100%;box-sizing:border-box;}.xdi-invite__btn--primary:hover{background:var(--xdi-brand-hover, #4752c4);color:#fff;}.xdi-invite__hint{color:#72767d;font-size:12px;margin-top:10px;line-height:1.5;}.xdi-invite__hint a{color:#00aff4;text-decoration:none;}.xdi-invite__hint a:hover{text-decoration:underline;}.xdi-invite__status{color:#b9bbbe;font-size:14px;padding:8px 0;}.xdi-invite__status--success{color:#3ba55c;}.xdi-invite__status--pending{color:#faa61a;}.xdi-invite__status i{margin-right:6px;}