.referral-modal{--referral-paper: var(--bg-elevated);--referral-ink: var(--text);--referral-field: color-mix(in srgb, var(--accent) 10%, var(--surface-soft));position:relative;width:min(calc(100vw - 48px),920px);max-width:920px;max-height:min(90dvh,680px);padding:0;gap:0;border-radius:18px;overflow:hidden;background:var(--referral-paper);color:var(--referral-ink);box-shadow:0 20px 60px #00000026}.referral-modal[data-state=open]{animation-duration:.2s;animation-timing-function:var(--ease-out)}.referral-modal[data-state=closed]{animation-duration:.18s;animation-timing-function:var(--ease-out)}.referral-modal ::selection{background:color-mix(in srgb,var(--purple-text) 28%,transparent)}.referral-modal-layout{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);min-height:min(620px,82dvh);max-height:inherit}.referral-modal-layout--feedback{grid-template-columns:minmax(0,1fr);min-height:300px}.referral-close{position:absolute;z-index:4;top:12px;right:12px;width:44px;height:44px;border-radius:9px}.referral-close span{font-size:var(--text-lg);line-height:1}.referral-card-panel{display:grid;place-items:center;min-width:0;padding:32px;overflow:hidden;border-right:1px solid var(--border);background:var(--referral-field)}.referral-card{width:100%;margin:0}.referral-card-stack{position:relative;width:min(100%,240px);aspect-ratio:2 / 3;isolation:isolate}.referral-card-layer{position:absolute;inset:0;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft);box-shadow:0 16px 36px color-mix(in srgb,var(--text) 18%,transparent)}.referral-card-layer--current{z-index:1;transform:rotate(0)}.referral-card-stack:before,.referral-card-stack:after{content:"";position:absolute;inset:8px 5px -8px;z-index:-1;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft);transform:rotate(-2deg)}.referral-card-stack:after{transform:rotate(2.5deg)}.referral-card-copied{position:absolute;inset:0;z-index:2;display:flex;align-items:flex-end;justify-content:center;padding:24px 12px;pointer-events:none}.referral-card-copied>span{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--border-h);border-radius:9px;background:var(--bg-elevated);color:var(--text);font-size:var(--text-label);font-weight:600;box-shadow:var(--dropdown-shadow);animation:referral-card-copy-stamp .36s var(--ease-out) both}@keyframes referral-card-copy-stamp{0%{opacity:0;transform:translateY(8px) scale(1.08) rotate(-5deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(-3deg)}}.referral-card-image{display:block;width:100%;height:100%;object-fit:cover;object-position:91% center}.referral-card-fallback{position:absolute;inset:0;z-index:2;display:grid;place-content:center;gap:10px;padding:24px;background:var(--surface);color:var(--text);text-align:center}.referral-card-fallback-logo{width:100%;max-width:132px;height:auto}[data-theme=dark] .referral-card-fallback-logo{filter:brightness(0) invert(1)}.referral-card-fallback strong{color:var(--accent);font-size:var(--text-xl);letter-spacing:-.02em}.referral-card-fallback>span:last-child{color:color-mix(in srgb,var(--text) 68%,transparent);font-size:var(--text-xs);line-height:1.4}.referral-card-retry{position:absolute;z-index:3;right:20px;bottom:20px;left:20px;min-height:44px;border:1px solid var(--border);border-radius:9px;background:var(--surface-soft);color:var(--text);font:inherit;font-size:var(--text-label);font-weight:600;cursor:pointer}.referral-info{display:flex;flex-direction:column;min-width:0;padding:52px 40px 28px;overflow:auto;scrollbar-color:var(--surface-2) transparent;scrollbar-width:thin}.referral-modal-layout--feedback .referral-info{justify-content:center;width:min(100%,560px);min-height:300px;margin:auto}.referral-modal-header{margin:0}.referral-modal-header .modal-title{max-width:22ch;margin:0 0 12px;color:var(--referral-ink);font-size:24px;font-weight:400;line-height:1.2;text-wrap:balance}.referral-reward-copy{max-width:60ch;margin:0;color:var(--text-muted);font-size:var(--text-label);line-height:1.55}.referral-capacity{display:grid;gap:8px;margin:24px 0 0;padding:16px 0;border-top:1px solid var(--divider);border-bottom:1px solid var(--divider)}.referral-capacity-row{display:flex;align-items:center;min-width:0;gap:12px}.referral-capacity-row strong{min-width:0;font-size:var(--text-label);line-height:1.35}.referral-capacity>span{color:var(--text-muted);font-size:var(--text-xs);line-height:1.45}.referral-capacity-dots{display:flex;flex:0 0 auto;gap:5px}.referral-capacity-dots span{width:12px;height:16px;border:1px solid var(--accent);border-radius:4px}.referral-capacity-dots .is-available{background:var(--accent)}.referral-capacity-dots .is-used{background:transparent}.referral-reward-step{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--divider);color:var(--text-muted);font-size:var(--text-label);line-height:1.4}.referral-reward-step:last-of-type{border-bottom:0}.referral-reward-step strong{flex:0 0 auto;color:var(--referral-ink);font-size:var(--text-base);font-weight:700}.referral-loading,.referral-error-state{display:grid;place-items:center;min-height:180px;color:var(--text-muted)}.referral-link-area{min-width:0;margin-top:auto;padding-top:24px}.referral-link-label{display:block;margin-bottom:8px;color:var(--text-muted);font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.referral-link-row{display:flex;min-width:0;gap:6px;padding:5px;overflow:hidden;border:1px solid var(--border-h);border-radius:12px;background:var(--surface-soft)}.referral-link-row:focus-within{outline:2px solid var(--accent);outline-offset:2px}.referral-link-field{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;background:transparent;color:var(--text);padding:9px 8px;font:inherit;font-size:var(--text-sm)}.referral-copy,.referral-retry,.referral-invite-button{min-height:36px;border:1px solid var(--border);border-radius:9px;background:var(--accent);color:var(--accent-fg);padding:8px 14px;font:inherit;font-size:var(--text-label);font-weight:600;line-height:1.2;cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.referral-copy{display:flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;min-width:104px}.referral-retry{justify-self:center;min-height:44px;margin:16px 0 0;background:var(--surface-soft);color:var(--text)}.referral-invite-button{background:transparent;color:var(--text)}.referral-copy:disabled{cursor:not-allowed;opacity:.55}.referral-copy-error{margin:8px 0 0;color:var(--error);font-size:var(--text-sm);line-height:1.4;overflow-wrap:anywhere}.referral-terms{display:inline-flex;align-items:center;min-height:44px;margin-top:10px;color:var(--text-muted);font-size:var(--text-sm);text-decoration-thickness:1px;text-underline-offset:3px}.referral-credit-group{display:flex;align-items:center;gap:6px}.referral-credit-pill{min-height:36px;display:inline-flex;align-items:center;padding:6px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface-soft);color:var(--text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.referral-reward-toast{display:flex;align-items:center;gap:8px;border:1px solid var(--border-h);border-radius:9px;background:var(--bg-elevated);color:var(--text);padding:10px 14px;box-shadow:var(--dropdown-shadow);font-variant-numeric:tabular-nums}@media(hover:hover){.referral-close:hover,.referral-invite-button:hover,.referral-retry:hover,.referral-card-retry:hover{background:var(--item-focus-bg);color:var(--text)}.referral-copy:not(:disabled):hover{background:var(--accent-strong)}.referral-terms:hover{color:var(--text)}}.referral-close:active,.referral-copy:not(:disabled):active,.referral-retry:active,.referral-invite-button:active,.referral-card-retry:active{transform:translateY(1px)}.referral-close:focus-visible,.referral-copy:focus-visible,.referral-retry:focus-visible,.referral-card-retry:focus-visible,.referral-terms:focus-visible,.referral-invite-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.referral-link-field:focus-visible{outline:none}@media(pointer:coarse){.referral-close,.referral-copy,.referral-retry,.referral-invite-button{min-height:44px}}@media(min-width:721px)and (max-height:680px){.referral-modal-layout{min-height:min(560px,88dvh)}.referral-card-stack{width:min(100%,210px)}.referral-info{padding-top:44px}}@media(max-width:720px){.referral-modal{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;border:0;border-radius:0;overflow-x:hidden;overflow-y:auto}.referral-modal-layout{grid-template-columns:minmax(0,1fr);min-height:auto;max-height:none}.referral-modal-layout--feedback{min-height:100dvh}.referral-close{position:fixed;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right))}.referral-card-panel{max-height:42dvh;padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 24px max(20px,env(safe-area-inset-left));border-right:0;border-bottom:1px solid var(--border)}.referral-card-stack{width:min(100%,calc((42dvh - 48px) * 2 / 3))}.referral-info{min-width:0;padding:28px 20px max(24px,env(safe-area-inset-bottom));overflow:visible}.referral-modal-layout--feedback .referral-info{min-height:100dvh;padding-top:max(64px,env(safe-area-inset-top))}.referral-reward-copy{font-size:var(--text-sm)}.referral-capacity{margin-top:18px;padding:12px 0}.referral-capacity-row{align-items:flex-start;flex-direction:column;gap:8px}.referral-link-area{padding-top:20px}.referral-copy{min-width:92px}.referral-close,.referral-copy,.referral-retry,.referral-invite-button{min-height:44px}}@media(max-width:360px){.referral-link-row{gap:4px}.referral-copy{min-width:84px;padding-inline:10px}}.referral-copy-icon{flex:0 0 auto;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.referral-copy-check{stroke-dasharray:13;stroke-dashoffset:13;opacity:0}.referral-copy-icon--copied .referral-copy-sheet{opacity:0}.referral-copy-icon--copied .referral-copy-check{opacity:1;animation:referral-check-draw .26s var(--ease-out) both}.referral-reward-coin{flex:0 0 auto;animation:referral-coin-settle .46s var(--ease-out) both}@keyframes referral-check-draw{to{stroke-dashoffset:0}}@keyframes referral-coin-settle{0%{opacity:0;transform:translateY(-5px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes referral-card-copy-reduced{0%{opacity:0}to{opacity:1}}.referral-join-page{height:100dvh;overflow-y:auto;justify-content:safe center;background:var(--auth-bg);color:var(--auth-text-main)}.referral-join-card{max-width:560px}.referral-join-image{display:block;width:100%;height:auto;border-radius:16px}.referral-join-fallback{display:grid;place-content:center;gap:10px;aspect-ratio:1200 / 630;padding:24px;background:var(--surface);color:var(--text);text-align:center}.referral-join-fallback-logo{width:100%;max-width:160px;height:auto}[data-theme=dark] .referral-join-fallback-logo{filter:brightness(0) invert(1)}.referral-join-fallback>strong{color:var(--accent);font-size:var(--text-xl);letter-spacing:-.02em}.referral-join-fallback>span:last-of-type{color:color-mix(in srgb,var(--text) 68%,transparent);font-size:var(--text-xs);line-height:1.4}.referral-join-retry{justify-self:center;min-height:44px;margin-top:4px;padding:8px 16px;border:1px solid var(--border);border-radius:9px;background:var(--surface-soft);color:var(--text);font:inherit;font-size:var(--text-label);font-weight:600;cursor:pointer}.referral-join-copy{color:var(--auth-text-muted)}.referral-join-terms{display:inline-flex;align-items:center;min-height:44px;color:var(--auth-text-main)}@media(prefers-reduced-motion:reduce){.referral-modal,.referral-card,.referral-copy,.referral-retry,.referral-card-retry,.referral-invite-button,.referral-reward-toast{animation:none!important;transition:none!important;transform:none!important}.referral-copy-icon--copied .referral-copy-check,.referral-reward-coin{animation-duration:1ms!important;transform:none!important}.referral-card-copied>span{animation:referral-card-copy-reduced .12s linear both!important;transform:none!important}}