#invitation-flow.active {
  --iv-ink:#21291e; --iv-green:#38841d; --iv-paper:#faf8f5;
  display:flex; flex-direction:column; height:100%; padding:0; overflow:hidden;
  background:var(--iv-paper); color:var(--iv-ink); font:16px/1.5 Roboto,"PingFang SC",sans-serif;
}
.iv-nav {flex:none;display:flex;align-items:center;gap:4px;min-height:82px;padding:0 12px 15px;background:#edf4e6 url("profile-sage.webp") right bottom / cover no-repeat}
.iv-nav h2,.iv-scroll h2,.iv-scroll h3,.iv-scroll p {margin:0}
.iv-nav h2 {font-size:21px;line-height:1.25}
.iv-nav button {width:44px;height:44px;display:grid;place-items:center;background:transparent;color:inherit}
.iv-nav svg,.iv-btn svg,.iv-card summary svg {width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.iv-scroll {position:relative;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;margin-top:-15px;border-radius:20px 20px 0 0;padding:24px 18px 12px;background:var(--iv-paper);overflow-wrap:anywhere}
.iv-card,.iv-ticket,.iv-host,.iv-summary,.iv-consent {border-radius:19px;background:white;padding:19px;box-shadow:0 4px 16px #32391f08}
.iv-summary {display:flex;align-items:center;gap:18px;min-height:116px;padding:18px 26px;margin-bottom:20px;background:#eaf2df url("profile-sage.webp") center / cover no-repeat}
.iv-members-art {width:74px;max-width:27%;height:auto;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse closest-side,#000 84%,transparent 119%)}
.iv-summary>div {border-left:1px solid #c4d7af;padding-left:22px;font-size:17px;font-weight:650}
.iv-summary strong {display:block;color:#3c7e22;font-size:33px;line-height:1.25}
.iv-scroll h3 {font-size:19px}.iv-scroll p {line-height:1.6;color:#586052;margin-top:6px}
.iv-card ul {list-style:none;margin:10px 0 0;padding:0}.iv-card li+li {border-top:1px solid #e8ede3}
.iv-card summary {display:flex;align-items:center;gap:12px;padding:12px 0;cursor:pointer;list-style:none}
.iv-card summary::-webkit-details-marker {display:none}.iv-card summary svg {margin-left:auto;flex:none;color:#667260}
.iv-card details[open] summary svg {transform:rotate(90deg)}
.iv-relation {margin-left:66px;padding-bottom:10px;font-size:13px;color:#56664f}
.iv-avatar {width:60px;height:60px;object-fit:cover;border-radius:50%;background:#e8f1df;flex:none}
.iv-scroll small {display:block;color:#62705c;font-size:14px}
.iv-ticket,.iv-host,.iv-welcome {text-align:center}
.iv-ticket {padding:0;border:1px solid #ecece5;box-shadow:0 6px 20px #4f502415;overflow:hidden}
.iv-who {padding:clamp(20px,4vh,36px) 14px 22px}
.iv-portrait {display:flex;align-items:flex-end;justify-content:center;gap:6px;margin:0 auto 10px}
.iv-portrait .iv-avatar {width:clamp(86px,13vh,112px);height:clamp(86px,13vh,112px);border:3px solid white}
.iv-portrait::before,.iv-portrait::after {content:"";width:38px;height:46px;margin-bottom:5px;background:url("invite-leaves.webp") center / contain no-repeat;mix-blend-mode:multiply}
.iv-portrait::after {transform:scaleX(-1)}
.iv-scroll h2 {font-size:21px}.iv-code {position:relative;border-top:2px dashed #e3e8df;padding:18px 14px 24px}
.iv-code::before,.iv-code::after {content:"";position:absolute;top:-12px;width:22px;height:22px;background:var(--iv-paper);border:1px solid #e8ebe3;border-radius:50%}
.iv-code::before {left:-13px}.iv-code::after {right:-13px}
.iv-code img {display:block;width:min(100%,248px);height:auto;margin:auto;image-rendering:pixelated}
.iv-code small {display:table;margin:8px auto 0;border-radius:16px;background:#eef5e4;padding:4px 12px;color:#436c32}
.iv-host {padding:clamp(28px,6vh,56px) 16px max(60px,11vh);background:#e9f2dd url("profile-sage.webp") right bottom / cover no-repeat}
.iv-host .iv-avatar,.iv-welcome .iv-avatar {width:clamp(94px,15vh,126px);height:clamp(94px,15vh,126px)}
.iv-line {display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fffc;padding:15px;border-radius:14px;margin-top:28px}
.iv-welcome {padding:clamp(20px,5vh,45px) 6px 32px}.iv-welcome h1 {font-size:25px;margin:14px 0 8px}
.iv-consent {display:flex;align-items:center;gap:10px;min-height:52px;font-size:15px;cursor:pointer}.iv-consent input {margin:0;width:20px;height:20px;flex:none;accent-color:var(--iv-green)}
.iv-foot {flex:none;display:flex;gap:10px;background:var(--iv-paper);padding:10px 18px max(24px,env(safe-area-inset-bottom))}
.iv-btn {display:flex;justify-content:center;align-items:center;gap:6px;flex:1;min-height:52px;font-size:16px;font-weight:650;border:1px solid transparent;border-radius:30px;background:linear-gradient(115deg,#4a941f,#368017);color:white}
.iv-secondary {background:white;border-color:#61954a;color:#39782a}.iv-btn:disabled {background:#d6e1cf;color:#5b6a54}.iv-btn svg {width:18px;height:18px}
.iv-share-url {width:100%;margin-top:10px}.iv-info {padding:8px}
@media (max-height:680px) {.iv-nav{min-height:66px}.iv-scroll{padding-top:15px}.iv-code img{width:min(200px,100%)}.iv-foot{padding-bottom:max(10px,env(safe-area-inset-bottom))}}