.invite-overlay{position:fixed;inset:0;z-index:1000;display:flex;padding:24px;overflow:auto;background:rgba(0,0,0,.78);animation:invite-overlay-in .16s ease-out}@media(max-width:760px){.invite-overlay{padding:64px 12px 24px}}@keyframes invite-overlay-in{0%{opacity:0}to{opacity:1}}.invite-overlay-close{position:fixed;top:16px;right:16px;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:50%;background:hsla(0,0%,100%,.12);color:#fff;cursor:pointer}.invite-overlay-close:hover{background:hsla(0,0%,100%,.22)}.invite-panel{display:grid;grid-template-columns:330px minmax(0,1fr);grid-gap:32px;gap:32px;box-sizing:border-box;width:min(940px,100%);margin:auto;padding:28px;border-radius:var(--sm-radius-card);background:rgba(26,26,29,.96);box-shadow:0 0 0 1px hsla(0,0%,100%,.12);color:#fff}.invite-panel.is-empty{display:flex;align-items:center;justify-content:center;width:min(420px,100%);min-height:240px}@media(max-width:760px){.invite-panel{grid-template-columns:minmax(0,1fr);gap:24px;padding:20px 16px}}.invite-poster{position:relative;align-self:start;width:100%;aspect-ratio:9/16;border-radius:var(--sm-radius-card);overflow:hidden;background:hsla(0,0%,100%,.06);box-shadow:0 0 0 1px hsla(0,0%,100%,.14)}.invite-poster img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .15s ease}.invite-poster.is-rendering img{opacity:.4}@media(max-width:760px){.invite-poster{width:min(280px,72vw);justify-self:center}}.invite-poster-ph{display:block;width:100%;height:100%}.invite-poster-ph--loading{width:120px;height:120px;border-radius:var(--sm-radius-card);background:hsla(0,0%,100%,.08);animation:invite-pulse 1.2s ease-in-out infinite alternate}@keyframes invite-pulse{0%{opacity:.4}to{opacity:1}}.invite-poster-spin{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:6px 14px;border-radius:999px;background:rgba(0,0,0,.6);color:#fff;font-size:13px;white-space:nowrap}.invite-side{gap:22px;min-width:0}.invite-head,.invite-side{display:flex;flex-direction:column}.invite-head{gap:8px}.invite-title{display:inline-flex;align-items:center;gap:8px;margin:0;color:#fff;font-size:20px;font-weight:650;line-height:1.3}.invite-subtitle{margin:0;color:hsla(0,0%,100%,.78);font-size:14px;line-height:1.6}.invite-stats{display:flex;flex-wrap:wrap;gap:8px}.invite-stats span{padding:3px 10px;border-radius:999px;background:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.7);font-size:12px;line-height:1.6}.invite-section{display:flex;flex-direction:column;gap:10px}.invite-label{display:inline-flex;align-items:center;gap:6px;margin:0;color:hsla(0,0%,100%,.7);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.invite-tpls{display:grid;grid-template-columns:repeat(8,minmax(0,56px));grid-gap:8px;gap:8px}@media(max-width:760px){.invite-tpls{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}}.invite-tpl{box-sizing:border-box;width:100%;aspect-ratio:9/16;padding:0;border:2px solid rgba(0,0,0,0);border-radius:8px;overflow:hidden;background:hsla(0,0%,100%,.06);cursor:pointer;transition:border-color .15s ease}.invite-tpl img{display:block;width:100%;height:100%;object-fit:cover}.invite-tpl:hover{border-color:hsla(0,0%,100%,.5)}.invite-tpl.is-active{border-color:#fff}.invite-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}.invite-hint{color:hsla(0,0%,100%,.6);font-size:12px}.invite-link-row{display:flex;align-items:center;gap:10px}@media(max-width:760px){.invite-link-row{flex-direction:column;align-items:stretch}}.invite-url{flex:1 1;min-width:0;padding:8px 12px;border-radius:8px;background:hsla(0,0%,100%,.08);color:#fff;font-size:13px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere;-webkit-user-select:all;-moz-user-select:all;user-select:all}.invite-texts{display:flex;flex-direction:column;gap:10px}.invite-text{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border-radius:8px;background:hsla(0,0%,100%,.06)}.invite-text p{flex:1 1;min-width:0;margin:0;color:hsla(0,0%,100%,.86);font-size:13px;line-height:1.6;white-space:pre-line}.invite-text .semi-button{flex:0 0 auto}@media(max-width:760px){.invite-text{flex-direction:column;gap:8px}}.invite-empty{display:flex;flex-direction:column;align-items:center;gap:16px;color:hsla(0,0%,100%,.85);font-size:14px;text-align:center}.invite-empty p{margin:0}