body.growth-open{overflow:hidden}
.growth-dialog{position:fixed;inset:0;margin:0 auto;width:min(100%,520px);height:100dvh;max-height:100dvh;max-width:100%;border:0;padding:0;background:#111216;color:#f4f4f6;font-family:inherit;font-size:14px;line-height:1.6;overflow-y:auto;overscroll-behavior:contain}.growth-dialog::backdrop{background:#000b}.growth-header{display:flex;align-items:center;gap:18px;position:sticky;top:0;z-index:2;padding:16px;background:#191b21;border-bottom:1px solid #ffffff12}.growth-header h1{margin:0;font-size:20px}.growth-back{border:0;background:none;color:#ddd;font:inherit;cursor:pointer}.growth-tabs{display:flex;gap:8px;padding:14px 16px;overflow:auto}.growth-tab{flex-shrink:0;border:1px solid #ffffff22;border-radius:20px;background:none;color:#9fa3af;padding:7px 11px;font:inherit;font-size:12px}.growth-tab[aria-current=true]{color:#fff;border-color:#ac803a;background:#46361d}.growth-content{padding:0 18px 40px}.growth-status{color:#e9b4b4;padding:0 18px;font-size:12px}.growth-status:empty{display:none}.growth-button{border:1px solid #bd9456;border-radius:8px;color:#ffdda2;background:#352919;padding:10px 15px;font:inherit;cursor:pointer}
/* Referral-only sheet. Viewer levels, rank frames and XP are retired. */
.growth-tabs[hidden]{display:none}
.growth-content h2{font-size:18px}.growth-empty{text-align:center;padding:35px 10px;color:#aeb3bf}.growth-note{font-size:12px;line-height:1.7;color:#bdc1cc}.growth-content .growth-button{min-height:44px}
.growth-referral-link{box-sizing:border-box;width:100%;border:1px solid #ffffff33;border-radius:8px;background:#21232b;color:#eee;padding:12px;font:inherit;font-size:12px}.growth-actions{display:flex;gap:10px;margin:12px 0}.growth-referral-stats{padding:14px;border-radius:10px;background:#252222;color:#ecd2ab;font-size:13px}
.growth-dialog button:focus-visible,.growth-dialog input:focus-visible{outline:2px solid #fff;outline-offset:3px}
.mj-coin-image{display:inline-block;flex:0 0 auto;width:22px;height:22px;border-radius:50%;object-fit:cover;vertical-align:middle}.growth-coin-value{display:inline-flex;align-items:center;gap:5px;vertical-align:middle;white-space:nowrap}.growth-coin-value>.mj-coin-image{width:17px;height:17px}
.community-quest-image{width:44px;height:44px;border-radius:8px;object-fit:cover}.community-proof-requirements{font-size:13px;color:#d6c7af;white-space:pre-wrap}.community-share-actions{display:flex;flex-wrap:wrap;gap:8px}.community-share-actions button{font-size:12px}.community-quest-copy .community-quest-limit{color:#b0a191}

.growth-referral-field{display:grid;gap:7px;font-size:12px;margin:14px 0}.growth-referral-field input[aria-label="โค้ดเชิญเพื่อน"]{font-size:20px;letter-spacing:2px;font-weight:700}.growth-referral-disclosure{font-size:13px;line-height:1.75;padding:12px;border:1px solid #c3944666;border-radius:10px;background:#46361d;color:#ffe0a4}.growth-actions{flex-wrap:wrap}.growth-actions button{min-height:44px;flex:1 0 120px}.growth-late-referral{display:grid;gap:12px;padding:18px 0;margin:20px 0;border-top:1px solid #ffffff22}.growth-late-referral>label{display:grid;gap:9px}.growth-content .growth-button:disabled{opacity:.6;cursor:default}.growth-content .growth-referral-benefit{display:flex;align-items:center;gap:8px;font-size:15px;color:#ffdda2}

/* Inviter confirmation and feedback stay adjacent to the field. */
.growth-referral-field input[aria-label="ID สมาชิกของคุณ"]{font-size:22px;letter-spacing:2px;font-weight:700}
.growth-late-referral .growth-referral-form-status{margin:0;padding:10px 12px;border-radius:8px;background:#ffffff09;overflow-wrap:anywhere}
.growth-referral-form-status[data-state="success"]{color:#bce9c6;background:#24463355}
.growth-referral-form-status[data-state="info"],.growth-referral-form-status[data-state="busy"]{color:#ffe0a4}
.growth-referral-form-status[data-state="error"]{color:#ffc0bf;background:#6d202033}
.growth-referral-preview{display:grid;gap:6px;padding:14px;border:1px solid #bd945680;border-radius:10px;background:#35291955;overflow-wrap:anywhere}
.growth-referral-preview>small{color:#b9ad97}.growth-referral-preview>strong{font-size:17px;color:#fff}.growth-referral-preview>span{color:#ffe0a4;font-size:13px}.growth-referral-preview .growth-note{margin:4px 0}.growth-referral-confirm{min-height:44px}.growth-late-referral input:disabled{opacity:.75}