.referral-feature{margin:22px 0;color:#e8efff}.referral-shell{--rank:#b87e50;--rank-light:#efc69c;border:1px solid color-mix(in srgb,var(--rank),transparent 50%);border-radius:20px;padding:24px;background:radial-gradient(ellipse at top right,color-mix(in srgb,var(--rank),transparent 83%),transparent 65%),#131a27;box-shadow:0 16px 35px #0003}.rank-silver{--rank:#a9bbd2;--rank-light:#f1f7ff}.rank-gold{--rank:#cfa340;--rank-light:#ffe9a3}.rank-platinum{--rank:#69d0da;--rank-light:#e2fdff}.rank-diamond{--rank:#9b9af7;--rank-light:#f2eeff}.rank-obsidian{--rank:#8e64c6;--rank-light:#ead8ff}.referral-heading,.referral-between,.referral-code{display:flex;align-items:center;justify-content:space-between;gap:14px}.referral-heading h2{margin:5px 0;font-size:29px}.rank-name{background:linear-gradient(115deg,var(--rank),var(--rank-light),var(--rank));color:transparent;background-clip:text;-webkit-background-clip:text}.rank-emblem{color:var(--rank);filter:drop-shadow(0 0 6px var(--rank))}.rank-diamond .rank-emblem,.rank-obsidian .rank-emblem{animation:referralGlow 3s ease-in-out infinite alternate}@keyframes referralGlow{to{filter:drop-shadow(0 0 16px var(--rank-light))}}@media(prefers-reduced-motion:reduce){.rank-emblem{animation:none!important}}.referral-eyebrow,.rank-commission small{color:#9ba9c0;font-size:12px;letter-spacing:.06em}.rank-commission{text-align:right}.rank-commission strong{display:block;font-size:28px;color:var(--rank-light)}.referral-shell p{color:#aab8ca;font-size:13px;line-height:1.65}.referral-progression{margin:20px 0}.referral-track{height:10px;background:#303b4c;border-radius:20px;overflow:hidden;margin-top:10px}.referral-track div{height:100%;background:linear-gradient(90deg,var(--rank),var(--rank-light));border-radius:20px}.referral-ranks{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.referral-rank{background:#1e2939;border:1px solid #364252;border-radius:12px;padding:14px 5px;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:12px}.referral-rank.current{border-color:var(--rank);box-shadow:0 0 18px color-mix(in srgb,var(--rank),transparent 75%)}.referral-rank .rank-icon{color:var(--rank);font-size:24px}.referral-rank small{color:#9ba9bd}.referral-body{margin-top:20px;border:1px solid #374256;border-radius:14px;padding:18px;background:#1a2331}.referral-body h3{margin:0 0 10px}.referral-body label{display:block;color:#cad7e9}.referral-body input{display:block;width:100%;max-width:360px;padding:12px;border:1px solid #52617a;border-radius:9px;background:#101725;color:white;margin:8px 0}.referral-body button{padding:11px 17px;border:0;border-radius:9px;background:var(--rank);color:#101725;font-weight:700;cursor:pointer}.referral-code strong{color:var(--rank-light)}.referral-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.referral-metrics div{background:#121a27;border-radius:10px;padding:13px;color:#aebcd0;font-size:12px}.referral-metrics strong{display:block;font-size:17px;color:#f1f6ff;margin-top:6px}.referral-history>div{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid #344052;font-size:13px}.referral-note{border-left:3px solid var(--rank);padding-left:10px}#referralNotice{color:#ffcf80}@media(max-width:760px){.referral-ranks{grid-template-columns:repeat(3,minmax(0,1fr))}.referral-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.referral-heading{align-items:flex-start}.referral-shell{padding:15px}}

/* Integrated site theme and compact referral page */
.referral-page{max-width:1100px;margin:26px auto;padding:0 20px}.referral-page-nav{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.referral-page-nav a{color:#f39c12;text-decoration:none}.referral-page-nav h1{font-size:23px}.referral-feature{margin:18px 0}.referral-shell{background:radial-gradient(ellipse at top right,color-mix(in srgb,var(--rank),transparent 91%),transparent 65%),#181b22;border-radius:14px;padding:18px;box-shadow:none}.referral-body{background:#1f232d;border-color:#303542}.referral-rank{background:#20242e;border-color:#333946}.referral-metrics div{background:#171a22}.referral-body button{background:#f39c12;color:#151515}.referral-heading h2{font-size:25px}.referral-rank{padding:10px 5px}.referral-modal-overlay{position:fixed;inset:0;z-index:99999;background:#000b;display:flex;align-items:center;justify-content:center;padding:16px}.referral-modal{width:min(100%,420px);background:#1b1f29;border:1px solid #414654;border-radius:14px;padding:24px;box-shadow:0 24px 70px #0009}.referral-modal h3{margin:0 0 12px;color:#fff}.referral-modal p{color:#c5c8d1;line-height:1.6}.referral-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.referral-modal-actions button{border:1px solid #444a58;background:#2a2f3a;color:#fff;border-radius:8px;padding:10px 18px;cursor:pointer}.referral-modal-actions [data-choice=confirm]{background:#f39c12;border-color:#f39c12;color:#161616;font-weight:700}.profile-name-line{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.profile-rank-badge{--rank:#bd885c;--rank-light:#f2c5a1;border:1px solid var(--rank);background:color-mix(in srgb,var(--rank),transparent 89%);color:var(--rank-light);font-weight:700;font-size:11px;padding:4px 8px;border-radius:7px;white-space:nowrap}.profile-referral-btn{display:inline-flex;align-items:center;gap:6px;margin-left:7px;border:1px solid #75521d;background:#352917;color:#f9b443;text-decoration:none;border-radius:7px;padding:7px 11px;font-size:12px}.profile-referral-btn:hover{background:#49361d}.rank-diamond.profile-rank-badge,.rank-obsidian.profile-rank-badge{animation:referralGlow 3s ease-in-out infinite alternate}.referral-pending-banner{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:10px 20px;background:#322817;color:#ffe1a5;border-bottom:1px solid #765622;font-size:13px}.referral-pending-banner a{color:#f39c12;font-weight:700}.referral-pending-banner button{background:none;border:0;color:#fff;cursor:pointer;font-size:21px}@media(max-width:760px){.referral-page{padding:0 12px}.referral-ranks{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.profile-rank-badge{animation:none!important}}

/* Compact profile rank treatment and overlay dashboard */
.rank-colored-name{--rank:#c48c60;color:var(--rank)!important}.rank-colored-name.rank-silver{--rank:#d1d9e6}.rank-colored-name.rank-gold{--rank:#f1c45d}.rank-colored-name.rank-platinum{--rank:#7adce3}.rank-colored-name.rank-diamond{--rank:#a4b5ff}.rank-colored-name.rank-obsidian{--rank:#c18bff;text-shadow:0 0 12px #9b63ed66}.profile-rank-badge{padding:0;border:0;background:none;font-size:17px;line-height:1;color:var(--rank);filter:drop-shadow(0 0 3px var(--rank))}.profile-rank-badge.rank-bronze{--rank:#c48c60}.profile-rank-badge.rank-silver{--rank:#d1d9e6}.profile-rank-badge.rank-gold{--rank:#f1c45d}.profile-rank-badge.rank-platinum{--rank:#7adce3}.profile-rank-badge.rank-diamond{--rank:#a4b5ff}.profile-rank-badge.rank-obsidian{--rank:#c18bff}.profile-referral-btn{cursor:pointer}.referral-popup-overlay[hidden]{display:none!important}.referral-popup-overlay{position:fixed;inset:0;z-index:9990;background:#000c;display:flex;align-items:center;justify-content:center;padding:20px}.referral-popup-panel{width:min(940px,100%);max-height:min(88vh,900px);overflow:auto;background:#181b22;border:1px solid #45404a;border-radius:15px;padding:20px;box-shadow:0 30px 90px #000b}.referral-popup-header{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:-20px;background:#181b22;z-index:2;padding:10px 0;border-bottom:1px solid #343944}.referral-popup-header h2{font-size:20px;margin:0;color:#fff}.referral-popup-header button{background:#2a2e37;border:1px solid #464b54;color:#fff;border-radius:8px;font-size:25px;width:38px;height:38px;cursor:pointer}.referral-popup-open{overflow:hidden}.referral-popup-panel .referral-feature{margin:14px 0}.referral-popup-panel .referral-shell{padding:14px}.referral-popup-panel .referral-ranks{gap:6px}.referral-popup-panel .referral-rank{padding:8px 3px}.referral-popup-panel .referral-body{padding:13px;margin-top:12px}@media(max-width:600px){.referral-popup-overlay{padding:7px}.referral-popup-panel{max-height:96vh;padding:12px}.referral-popup-header{top:-12px}.referral-ranks{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Upgrader v2: compact charcoal modal, rank alignment and local form feedback */
.profile-name-line{display:flex;align-items:center;gap:6px;min-height:24px;flex-wrap:nowrap}
.profile-name-line .profile-name{display:inline-block;line-height:1.35;min-width:0}
.profile-name-line .profile-rank-badge{display:inline-flex;align-items:center;justify-content:center;align-self:center;flex:0 0 auto;vertical-align:middle;line-height:1;width:17px;height:19px;font-size:16px;transform:translateY(-1px);filter:drop-shadow(0 0 2px var(--rank));background:transparent!important;box-shadow:none!important}
.referral-popup-overlay{background:rgba(3,5,9,.82);backdrop-filter:blur(5px)}
.referral-popup-panel{background:#151820;border:1px solid #323741;border-radius:13px;box-shadow:0 26px 80px rgba(0,0,0,.75);scrollbar-width:thin;scrollbar-color:#3a3d44 transparent;overscroll-behavior:contain}
.referral-popup-panel::-webkit-scrollbar{width:8px}
.referral-popup-panel::-webkit-scrollbar-track{background:#151820;border-radius:8px}
.referral-popup-panel::-webkit-scrollbar-thumb{background:#514535;border:2px solid #151820;border-radius:10px}
.referral-popup-panel::-webkit-scrollbar-thumb:hover{background:#e88d16}
.referral-popup-header{background:#151820;border-color:#2b303a}
.referral-popup-header button{background:#20242d;border-color:#363b45;transition:background .15s,border-color .15s}
.referral-popup-header button:hover{background:#352b1e;border-color:#f39c12}
.referral-popup-panel .referral-shell{background:radial-gradient(ellipse at top right,color-mix(in srgb,var(--rank),transparent 95%),transparent 60%),#191d25;border:1px solid #303540;box-shadow:none}
.referral-popup-panel .referral-body{background:#1c2029;border:1px solid #313642;border-radius:10px}
.referral-popup-panel .referral-rank{background:#20242d;border-color:#353a44;border-radius:9px}
.referral-popup-panel .referral-metrics div{background:#151922;border:1px solid #292e38}
.referral-popup-panel .referral-body input{background:#131720;border-color:#414957}
.referral-popup-panel .referral-body input:focus{outline:2px solid #e99619;outline-offset:1px}
.referral-popup-panel .referral-body input.referral-input-invalid{border-color:#f87171;outline-color:#f87171}
.referral-field-message{display:block;color:#ff8989;font-size:12px;line-height:1.45;margin:3px 0 9px}
.referral-field-message[hidden]{display:none}
.referral-popup-panel .referral-body button{background:#f39c12;color:#171717}
.referral-popup-panel .referral-body button:hover{background:#ffae2d}
.referral-popup-panel #referralNotice:empty{display:none}
@media(max-width:600px){.referral-popup-panel{width:100%;max-height:95dvh}.referral-popup-panel .referral-heading h2{font-size:22px}}