body.x-cg-skin {
    --invite-surface: #ffffff;
    --invite-raised: #f5f6f8;
    --invite-line: #d7dbe1;
    --invite-text: #17191d;
    --invite-sub: #555e6b;
    --invite-accent: #354dc5;
    --invite-button: #17191d;
    --invite-button-text: #ffffff;
}
body.x-cg-skin.xcg-night {
    --invite-surface: #20252b;
    --invite-raised: #292f37;
    --invite-line: #46505e;
    --invite-text: #f4f6f8;
    --invite-sub: #c0c8d3;
    --invite-accent: #bdc8ff;
    --invite-button: #dde3ff;
    --invite-button-text: #19213d;
}
body.x-cg-skin #account-invite-link { display: block !important; }
body.x-cg-skin #invite-modal { display: grid !important; }
body.x-cg-skin #invite-marquee {
    background: var(--invite-raised);
    border: 1px solid var(--invite-line);
    border-radius: 999px;
    color: var(--invite-text);
}
body.x-cg-skin #invite-marquee .invite-marquee-copy,
body.x-cg-skin #invite-marquee .invite-marquee-copy i { color: var(--invite-text); }
body.x-cg-skin #invite-marquee .invite-marquee-link { color: var(--invite-accent); }
body.x-cg-skin #invite-marquee .invite-marquee-badge {
    background: var(--invite-button);
    color: var(--invite-button-text);
}
body.x-cg-skin #invite-modal .nano-dialog {
    background: var(--invite-surface);
    border-color: var(--invite-line);
    color: var(--invite-text);
}
body.x-cg-skin #invite-modal .nano-dialog::before { display: none; }
body.x-cg-skin #invite-modal .nano-stat-card,
body.x-cg-skin #invite-modal .nano-block,
body.x-cg-skin #invite-modal .nano-list-item,
body.x-cg-skin #invite-modal .nano-copy-input {
    background: var(--invite-raised);
    border-color: var(--invite-line);
    color: var(--invite-text);
}
body.x-cg-skin #invite-modal .nano-sheet-title,
body.x-cg-skin #invite-modal .nano-stat-value,
body.x-cg-skin #invite-modal .nano-block-title,
body.x-cg-skin #invite-modal .nano-field-label,
body.x-cg-skin #invite-modal .nano-list-title { color: var(--invite-text); }
body.x-cg-skin #invite-modal .nano-sheet-sub,
body.x-cg-skin #invite-modal .nano-sheet-kicker,
body.x-cg-skin #invite-modal .nano-stat-label,
body.x-cg-skin #invite-modal .nano-block-note,
body.x-cg-skin #invite-modal .nano-list-sub,
body.x-cg-skin #invite-modal .nano-empty { color: var(--invite-sub); }
body.x-cg-skin #invite-modal .nano-list-amount { color: var(--invite-accent); }
body.x-cg-skin #invite-modal .nano-copy-btn,
body.x-cg-skin #invite-modal .nano-close {
    background: var(--invite-button);
    border-color: var(--invite-line);
    color: var(--invite-button-text);
}
body.x-cg-skin #invite-modal .nano-copy-btn:hover { filter: brightness(.92); }
body.x-cg-skin #invite-modal button:focus-visible,
body.x-cg-skin #invite-marquee:focus-visible { outline: 2px solid var(--invite-accent); outline-offset: 3px; }
@media (max-width: 520px) {
    body.x-cg-skin #invite-marquee { padding: 12px 14px; gap: 10px; }
    body.x-cg-skin #invite-marquee .invite-marquee-copy { gap: 8px; font-size: 12px; }
    body.x-cg-skin #invite-marquee .invite-marquee-link { font-size: 12px; }
    body.x-cg-skin #invite-modal { padding: 10px; }
    body.x-cg-skin #invite-modal .nano-dialog { width: 100%; max-height: calc(100dvh - 20px); }
    body.x-cg-skin #invite-modal .nano-list-item { align-items: flex-start; flex-wrap: wrap; }
    body.x-cg-skin #invite-modal .nano-list-title { overflow-wrap: anywhere; }
}