.referral-sharing{margin-top:24px;padding:24px;border:1px solid var(--border);border-radius:16px;background:var(--bg-warm)}
.referral-sharing h2{font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-weight:400;line-height:1.16;margin:0}
.referral-sharing p{color:var(--ink-mid);font-size:.92rem}
.referral-link-row{display:flex;gap:10px;margin-top:14px}.referral-link-value{flex:1;min-width:0;padding:11px 14px;border:1px solid var(--border);border-radius:8px;background:var(--surface);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.referral-privacy{margin-top:14px;padding:11px 14px;border-left:3px solid var(--orange);background:rgba(217,87,28,.08);font-size:.84rem}
.referral-mode{border:0;padding:0;margin:18px 0 0}.referral-mode legend{margin-bottom:9px;font-size:.92rem;font-weight:500}.referral-mode-options{display:flex;align-items:flex-end;gap:4px;border-bottom:1px solid rgba(232,220,200,.22)}.referral-mode-option{position:relative;flex:0 1 260px}.referral-mode-option input{position:absolute;opacity:0}.referral-mode-option label{display:flex;align-items:center;gap:9px;height:100%;margin-bottom:-1px;padding:11px 15px 12px;border:1px solid transparent;border-bottom:1px solid rgba(232,220,200,.22);border-radius:9px 9px 0 0;cursor:pointer;color:var(--muted);font-size:.88rem}.referral-mode-option label:hover{color:var(--ink);background:rgba(232,220,200,.035)}.referral-mode-option input:checked+label{border-color:rgba(232,220,200,.22);border-bottom-color:var(--bg-warm);box-shadow:inset 0 3px 0 var(--orange);background:var(--bg-warm);color:var(--ink)}.referral-mode-option input:focus-visible+label{outline:3px solid #ffb37a;outline-offset:3px}.referral-mode-icon{font-family:'Material Symbols Outlined';font-size:1.22rem;font-weight:400;line-height:1;font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24}
.referral-panel{margin-top:0;padding-top:22px;border-top:0}.referral-panel textarea,.referral-panel input{width:100%;margin-top:7px;padding:12px 14px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit}.referral-panel textarea{min-height:130px;resize:vertical}.referral-private-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.referral-field{display:block;margin-top:14px;color:var(--ink-mid);font-size:.88rem}
.referral-message-action{display:flex;justify-content:flex-end;margin-top:7px}.referral-message-action .btn{padding:7px 12px;min-height:0;font-size:.76rem;font-weight:400}.referral-recipient-preview{min-height:1.4em;margin:13px 0 -7px!important;color:var(--orange-lt)!important;font-size:.8rem!important}.referral-platforms{display:grid;gap:8px;margin-top:18px}.referral-platform{display:flex;align-items:center;gap:11px;width:100%;min-height:48px;padding:10px 13px;border:1px solid var(--border);border-radius:9px;background:transparent;color:var(--ink-mid);font:inherit;font-size:.84rem;cursor:pointer;text-align:left}.referral-platform:hover{border-color:var(--orange-lt);color:var(--ink)}.referral-platform-icon{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px}.referral-platform-icon svg{width:23px;height:23px;fill:currentColor}.referral-platform-icon .stroke{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.referral-status{min-height:1.4em;margin-top:10px;color:var(--orange-lt)!important;font-size:.83rem!important}
@media(max-width:620px){.referral-sharing{padding:20px}.referral-link-row,.referral-private-fields{display:grid;grid-template-columns:1fr}.referral-mode-option{flex:1 1 50%}.referral-mode-option label{justify-content:center;padding-inline:9px}.referral-link-row .btn{width:100%}.referral-message-action .btn{width:auto}}
@media(prefers-reduced-motion:reduce){.referral-sharing *{transition:none!important;animation:none!important}}