:root{color:#27322b;font-synthesis:none;text-rendering:optimizelegibility;background:#f3eee5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif}*{box-sizing:border-box}body{background:#f3eee5;min-width:320px;min-height:100vh;margin:0}a{color:inherit}.invite-shell{min-height:100svh;padding:max(18px, env(safe-area-inset-top)) 16px calc(32px + env(safe-area-inset-bottom));background:radial-gradient(circle at 16% 7%,#ffffffb8 0 2px,#0000 3px),radial-gradient(circle at 87% 18%,#ffffff8c 0 3px,#0000 4px),#f3eee5;justify-content:center;align-items:flex-start;display:flex}.invite-panel{background:#fffdf8;border:1px solid #6a5c401f;border-radius:32px;flex-direction:column;align-items:center;width:min(100%,420px);display:flex;overflow:hidden;box-shadow:0 18px 48px #4f452d24}.invite-panel-centered{justify-content:center;min-height:min(640px,100svh - 50px);padding:32px 24px 40px}.invite-brand{align-items:center;gap:12px;width:100%;padding:22px 24px 18px;display:flex}.invite-brand.compact{width:auto;margin-bottom:30px;padding:0}.app-icon{object-fit:cover;border-radius:14px;flex:none;width:48px;height:48px;box-shadow:0 8px 18px #41704f33}.brand-copy{gap:2px;display:grid}.brand-name{color:#3d805b;letter-spacing:.02em;font-size:16px;font-weight:800}.brand-caption{color:#8a9189;font-size:12px;line-height:1.3}.invite-hero{background:#f4eddd;border-radius:24px;width:calc(100% - 32px);overflow:hidden}.invite-hero img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.invite-content{text-align:center;width:100%;padding:24px 24px 26px}.invite-eyebrow{color:#4d9068;text-align:center;margin:0 0 8px;font-size:15px;font-weight:750;line-height:1.45}.member-avatar-stack{justify-content:center;align-items:center;min-width:88px;min-height:76px;margin-bottom:34px;padding-inline:10px;display:inline-flex}.member-avatar-stack img{object-fit:cover;background:#f7faf6;border:2px solid #f7faf6;border-radius:50%;width:72px;height:72px;margin-left:-18px;box-shadow:0 8px 18px #2c7a571a}.member-avatar-stack img:first-child{margin-left:0}.member-avatar-stack.compact{min-width:0;min-height:34px;margin:0;padding-inline:0}.member-avatar-stack.compact img{border-width:1.5px;width:34px;height:34px;margin-left:-10px;box-shadow:0 4px 10px #2c7a571a}.member-avatar-stack.compact img:first-child{margin-left:0}h1{color:#28352d;letter-spacing:-.02em;text-align:center;text-wrap:pretty;max-width:100%;margin:0;font-size:clamp(25px,7vw,32px);font-weight:800;line-height:1.22}.member-row{color:#758078;justify-content:center;align-items:center;gap:10px;min-height:32px;margin-top:16px;font-size:15px;display:flex}.status-note{color:#5b725f;text-align:center;background:#f3f7ed;border:1px solid #e2eadc;border-radius:14px;width:100%;margin:20px 0 0;padding:11px 13px;font-size:14px;line-height:1.5}.status-note.blocked{color:#a25e4f;background:#fff4ef;border-color:#f0d9d0}.invite-validity-note{color:#758078;background:0 0;border:0;margin:12px 0 0;padding:0 8px;font-size:13px}.invite-validity-note.blocked{color:#a25e4f;background:0 0;border:0}.join-link{color:#fff;letter-spacing:.02em;background:#4d9168;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:54px;margin-top:22px;font-size:16px;font-weight:800;text-decoration:none;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex;box-shadow:0 12px 24px #4d91683d}.join-link:hover{background:#43835c;transform:translateY(-1px);box-shadow:0 14px 28px #4d916847}.join-link:active{transform:translateY(1px);box-shadow:0 8px 16px #4d916833}.join-link:focus-visible{outline-offset:3px;outline:3px solid #4d916852}.join-link.disabled{pointer-events:none;box-shadow:none;background:#b9c3ba}.invite-install-content{text-align:center;width:100%;padding:26px 24px 30px}.invite-install-content p{color:#758078;text-wrap:pretty;margin:14px auto 0;font-size:15px;line-height:1.65}.invite-install-content .join-link{margin-top:24px}.return-invite-link{color:#3d805b;margin-top:18px;font-size:14px;font-weight:750;text-decoration:none;display:inline-block}.return-invite-link:hover{text-underline-offset:3px;text-decoration:underline}.return-invite-link:focus-visible{outline-offset:4px;border-radius:4px;outline:3px solid #4d916852}@media (width<=360px){.invite-shell{padding-inline:18px}.invite-brand,.invite-content{padding-inline:20px}.invite-hero{width:calc(100% - 24px)}.member-avatar-stack.compact img{width:32px;height:32px}}@media (height<=600px){.invite-content{padding-top:16px}}