.hi-dialog{box-sizing:border-box;width:min(600px,calc(100vw - 28px));max-width:none;max-height:90dvh;padding:24px;border:1px solid #6e569e77;border-radius:28px;background:radial-gradient(ellipse at 0 0,#3b245060,transparent 60%),#080e1e;color:#fff;font:400 16px/1.5 Outfit,system-ui,sans-serif;overflow:auto;overscroll-behavior:contain;color-scheme:dark}.hi-dialog::backdrop{background:#020610db;backdrop-filter:blur(10px)}.hi-dialog header{display:flex;justify-content:space-between;gap:12px;margin-bottom:26px}.hi-dialog h1{font-size:32px;line-height:1.1;letter-spacing:-1px;margin:12px 0}.hi-dialog p{color:#aab8ce;font-size:14px;line-height:1.6}.hi-kicker{font-size:11px;font-weight:800;letter-spacing:2px;color:#00d8c6}.hi-button{border:1px solid #46b4b566;border-radius:13px;background:#172b39;color:#53e2d3;min-height:44px;padding:10px 16px;font:700 14px Outfit,system-ui,sans-serif;cursor:pointer}.hi-dialog input[type=search]{box-sizing:border-box;width:100%;border:1px solid #65718d77;background:#141c30;border-radius:15px;padding:14px 16px;color:#fff;font:400 16px Outfit,system-ui,sans-serif;margin:10px 0 18px}.hi-list{display:grid;gap:10px;max-height:46dvh;overflow:auto;padding:3px}.hi-person{display:flex;gap:12px;align-items:center;padding:14px;border:1px solid #597a9050;border-radius:19px;background:linear-gradient(120deg,#10303977,#20163077);cursor:pointer}.hi-person:has(input:checked){border-color:#00d8c6;background:#0d3a3b}.hi-person input{width:22px;height:22px;flex-shrink:0;accent-color:#00d8c6}.hi-avatar{display:grid;place-items:center;position:relative;overflow:hidden;width:46px;height:46px;flex:0 0 46px;border-radius:50%;background:#15404b;font-size:22px}.hi-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hi-person-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.hi-person strong{font-size:16px;overflow-wrap:anywhere}.hi-person small{font-size:12px;color:#a7b8cc}.hi-send,.party-qr-invite{box-sizing:border-box;display:block;width:100%;min-height:54px;padding:14px 18px;border:0;border-radius:17px;background:linear-gradient(100deg,#00d4bc,#16cce0);color:#04151f;font:800 17px Outfit,system-ui,sans-serif;cursor:pointer}.hi-send{margin-top:20px;position:sticky;bottom:0;box-shadow:0 0 0 10px #080e1e}.hi-dialog button:disabled{opacity:.5;cursor:default}.hi-dialog .hi-receipt{padding:14px;border:1px solid #24d6c280;border-radius:14px;background:#0b3b3677;color:#7deddb}.hi-dialog .hi-error{color:#ffb2c5}.hi-dialog :focus-visible{outline:3px solid #87ecdf;outline-offset:3px}.party-qr-invite{margin-top:20px}.party-qr-invite[hidden]{display:none!important}.party-qr-copy-image{display:block;width:100%;margin-top:12px;padding:10px;border:0;background:transparent;color:#a8bbcd;font:600 13px Outfit,system-ui,sans-serif;cursor:pointer}body.hx-host-experience .party-qr-actions{grid-template-columns:1fr 1fr}body.hx-host-experience .party-qr-action{font-size:14px;color:#39dfce;background:#152632;border-color:#42b6b66b}body.hx-host-experience .party-qr-card .modal-title{font-size:25px;line-height:1.15;margin:12px auto;max-width:350px}body.hx-host-experience .party-qr-card .party-qr-logo{width:170px;max-width:70%}body.hx-host-experience .party-qr-render{border:2px solid #63e7d9;box-shadow:0 0 24px #07c2bb22}body.hx-host-experience .party-qr-close{margin-top:10px;min-height:44px}
@media(max-width:600px){.hi-dialog{width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0;padding:20px 20px calc(24px + env(safe-area-inset-bottom));margin:0}.hi-list{max-height:none}.hi-dialog header{position:sticky;top:-20px;background:#0b1122ee;padding:12px 0;z-index:1;margin-top:-12px;backdrop-filter:blur(10px)}}
@media(max-width:600px){body.hx-host-experience #qr-modal{padding:0;background:#080e1e}body.hx-host-experience .party-qr-card{box-sizing:border-box;width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0;padding:24px 24px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;overflow:auto}body.hx-host-experience .party-qr-card>.party-qr-actions,body.hx-host-experience .party-qr-card>.party-qr-invite,body.hx-host-experience .party-qr-card>.party-qr-close{flex-shrink:0;width:100%}body.hx-host-experience .party-qr-render{width:252px;height:252px;flex-shrink:0;padding:14px}body.hx-host-experience .party-qr-render :is(canvas,img){width:220px!important;height:220px!important}body.hx-host-experience .party-qr-card .party-qr-logo{margin:8px auto 12px;width:170px}body.hx-host-experience .party-qr-code{font-size:28px;margin-top:18px}body.hx-host-experience .party-qr-invite{margin-top:18px}}
body.hx-host-experience #qr-modal .party-qr-actions{grid-template-columns:1fr 1fr}
@media(max-width:600px){body.hx-host-experience #qr-modal .party-qr-card{width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0;padding:24px 24px calc(24px + env(safe-area-inset-bottom))}}

/* Compact QR layout is exclusive to Web Host. Keep both exits on screen. */
.party-qr-top-close{display:none}
body.hx-host-experience #qr-modal{overflow:hidden;padding:12px}
body.hx-host-experience #qr-modal .party-qr-card{box-sizing:border-box;position:relative;display:grid;grid-template-rows:32px 12px auto 18px minmax(70px,1fr) 28px 44px 48px 30px 44px;gap:7px;align-items:center;justify-items:center;width:min(440px,100%);height:min(740px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);padding:16px 22px;overflow:hidden}
body.hx-host-experience #qr-modal .party-qr-card>*{min-height:0;margin:0;box-sizing:border-box}
body.hx-host-experience #qr-modal .party-qr-top-close{display:grid;place-items:center;position:absolute;top:6px;right:6px;width:44px;height:44px;border:0;border-radius:50%;background:#15283b;color:#68e7da;font:700 19px system-ui;cursor:pointer;z-index:2}
body.hx-host-experience #qr-modal .party-qr-card .party-qr-logo{height:32px;width:auto;max-width:140px;object-fit:contain}
body.hx-host-experience #qr-modal .party-qr-eyebrow{font-size:9px;line-height:12px}
body.hx-host-experience #qr-modal .party-qr-card .modal-title{font-size:clamp(19px,3.6vh,25px);line-height:1.12;max-width:310px;padding:0 8px}
body.hx-host-experience #qr-modal .party-qr-card .modal-text{font-size:12px;line-height:18px;max-width:100%}
body.hx-host-experience #qr-modal .party-qr-render{height:100%;width:auto;aspect-ratio:1;max-height:220px;max-width:100%;padding:10px;border-radius:22px;display:block;overflow:hidden}
body.hx-host-experience #qr-modal .party-qr-render :is(canvas,img){display:block;width:100%!important;height:100%!important;object-fit:contain;border-radius:4px}
body.hx-host-experience #qr-modal .party-qr-code{font-size:24px;line-height:28px}
body.hx-host-experience #qr-modal .party-qr-actions{width:100%;gap:10px}
body.hx-host-experience #qr-modal .party-qr-actions button{min-height:44px;height:44px;padding:8px;font-size:13px}
body.hx-host-experience #qr-modal .party-qr-invite{width:100%;height:48px;min-height:48px;padding:10px;font-size:16px}
body.hx-host-experience #qr-modal .party-qr-copy-image{height:30px;padding:4px;font-size:12px}
body.hx-host-experience #qr-modal .party-qr-close{height:44px;min-height:44px;padding:8px;width:100%;font-size:13px}
@media(max-width:600px){body.hx-host-experience #qr-modal{padding:0}body.hx-host-experience #qr-modal .party-qr-card{width:100%;height:100dvh;max-height:100dvh;border-radius:0;padding:12px 22px max(12px,env(safe-area-inset-bottom));gap:6px}}
@media(max-height:510px){body.hx-host-experience #qr-modal .party-qr-card{grid-template-rows:0 0 auto 0 minmax(50px,1fr) 24px 44px 44px 24px 44px;gap:3px;padding:8px 18px}body.hx-host-experience #qr-modal .party-qr-card :is(.party-qr-logo,.party-qr-eyebrow,.modal-text){visibility:hidden}body.hx-host-experience #qr-modal .party-qr-card .modal-title{font-size:18px;padding:0 35px}body.hx-host-experience #qr-modal .party-qr-invite{height:44px;min-height:44px}}

body.hx-host-experience #qr-modal .party-qr-card{max-width:440px}
@media(max-width:600px){body.hx-host-experience #qr-modal .party-qr-card{max-width:none}}
@media(max-height:600px){body.hx-host-experience #qr-modal .party-qr-render{width:clamp(80px,calc(100dvh - 390px),190px);height:clamp(80px,calc(100dvh - 390px),190px);max-height:none}body.hx-host-experience #qr-modal .party-qr-card{min-height:0;grid-template-rows:0 0 auto 0 minmax(50px,1fr) 24px 44px 44px 24px 44px;gap:3px;padding:8px 18px}body.hx-host-experience #qr-modal .party-qr-card :is(.party-qr-logo,.party-qr-eyebrow,.modal-text){visibility:hidden}body.hx-host-experience #qr-modal .party-qr-card .modal-title{font-size:18px;padding:0 35px}body.hx-host-experience #qr-modal .party-qr-invite{height:44px;min-height:44px}}