.yv-referral-modal{position:fixed;inset:0;z-index:12950;display:grid;place-items:center;padding:16px;visibility:hidden;opacity:0;pointer-events:none;transition:opacity var(--duration-medium,220ms) var(--ease-medium,ease)}
.yv-referral-modal.is-open{visibility:visible;opacity:1;pointer-events:auto}.yv-referral-backdrop{position:absolute;inset:0;border:0;background:rgba(12,17,29,.42)}
.yv-referral-panel{position:relative;z-index:1;width:min(480px,calc(100vw - 32px));box-sizing:border-box;padding:28px;border:1px solid var(--border-visible,#e1e7f0);border-radius:var(--radius-container,20px);background:var(--surface1,#fff);box-shadow:var(--shadow-3,0 28px 80px rgba(23,29,43,.14));color:var(--text1,#171d2b);font-family:"Noto Sans SC",var(--font-body,system-ui,sans-serif)}
.yv-referral-close{position:absolute;top:12px;right:12px;width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--border-visible,#e1e7f0);border-radius:var(--radius-control,12px);background:#fff;color:var(--text2,#697386);cursor:pointer}.yv-referral-mark{width:44px;height:44px;display:grid;place-items:center;margin-bottom:18px;border-radius:14px;background:var(--accent-subtle,#fff1ee);color:var(--accent,#f37058);font-size:23px}
.yv-referral-panel h2{margin:0 40px 8px 0;font-size:var(--text-heading,24px);line-height:1.3}.yv-referral-panel>p{margin:0;color:var(--text2,#697386);font-size:var(--text-body,14px);line-height:1.6}.yv-referral-rule{display:flex;gap:10px;margin:20px 0;padding:12px;border-radius:12px;background:var(--surface2,#f7f9fc);color:var(--text2,#697386);font-size:var(--text-body-sm,13px);line-height:1.5}.yv-referral-rule i{color:var(--accent,#f37058);font-size:18px}.yv-referral-actions{display:flex;gap:10px}.yv-referral-actions button{min-height:var(--control-height,44px);flex:1;padding:0 18px;border-radius:12px;font-weight:700;cursor:pointer}.yv-referral-copy{border:0;background:var(--accent,#f37058);color:#fff}.yv-referral-system{border:1px solid var(--border-visible,#e1e7f0);background:#fff;color:var(--text1,#171d2b)}.yv-referral-status{min-height:18px;margin:12px 0 0!important;font-size:12px!important}
@media(max-width:560px){.yv-referral-panel{padding:20px 16px}.yv-referral-actions{flex-direction:column}.yv-referral-actions button{flex:auto}}@media(prefers-reduced-motion:reduce){.yv-referral-modal{transition:none}}