.room-invite-module__pMB47q__stack{gap:10px;margin-bottom:4px;display:grid}.room-invite-module__pMB47q__row{flex-wrap:wrap;gap:10px;margin:0 0 16px;display:flex}.room-invite-module__pMB47q__stack>.room-invite-module__pMB47q__manual,.room-invite-module__pMB47q__row>.room-invite-module__pMB47q__manual{flex:100%;margin:0}.room-invite-module__pMB47q__code{--ink:#0f0e18;background:var(--field);color:var(--ink);font-family:var(--font-body);position:absolute;inset:0;overflow:hidden}.room-invite-module__pMB47q__paper{opacity:.045;pointer-events:none;position:absolute;inset:-40vmax -30vmax;transform:rotate(-13deg)}.room-invite-module__pMB47q__paper>svg{width:100%;height:100%;position:absolute;inset:0}.room-invite-module__pMB47q__close{z-index:1;top:max(12px, calc(var(--safe-top) + 8px));right:max(12px, calc(var(--safe-right) + 8px));box-sizing:border-box;border:1.5px solid color-mix(in srgb, var(--ink) 40%, transparent);width:44px;height:44px;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:10px;place-items:center;padding:0;display:grid;position:absolute}.room-invite-module__pMB47q__close:focus-visible{outline-offset:3px;outline:3px solid #48f}@media (hover:hover){.room-invite-module__pMB47q__close:hover{background:color-mix(in srgb, var(--ink) 5%, transparent)}}.room-invite-module__pMB47q__stage{overscroll-behavior:contain;padding:max(68px, calc(var(--safe-top) + 64px)) max(20px, var(--safe-right)) max(28px, calc(var(--safe-bottom) + 16px)) max(20px, var(--safe-left));flex-direction:column;justify-content:center;align-items:center;gap:clamp(18px,4dvh,32px);display:flex;position:absolute;inset:0;overflow:auto}.room-invite-module__pMB47q__qr{box-sizing:border-box;aspect-ratio:1;border:2px solid var(--ink);width:min(80vw,100dvh - 330px,440px);min-width:196px;color:var(--ink);box-shadow:0 6px 0 color-mix(in srgb, var(--ink) 20%, transparent);background:#fff;border-radius:18px;flex:none;overflow:hidden}.room-invite-module__pMB47q__qr>svg{width:100%;height:100%;display:block}.room-invite-module__pMB47q__qr,.room-invite-module__pMB47q__qr>svg{forced-color-adjust:none}.room-invite-module__pMB47q__copy{text-align:center;justify-items:center;gap:14px;display:grid}.room-invite-module__pMB47q__tiles{gap:6px;margin:0;display:flex}.room-invite-module__pMB47q__tiles>span{background:var(--ink);width:clamp(38px,12vw,58px);height:clamp(46px,14.4vw,70px);color:var(--field);font:700 clamp(28px, 8.6vw, 42px)/1 var(--font-display);box-shadow:0 4px 0 color-mix(in srgb, var(--ink) 20%, transparent);outline-offset:-2px;border-radius:10px;outline:2px solid #0000;place-items:center;display:grid}.room-invite-module__pMB47q__tiles>span:nth-child(4){margin-left:10px}.room-invite-module__pMB47q__line{font:800 15px/1.4 var(--font-body);letter-spacing:.01em;margin:0}@media (orientation:landscape) and (max-height:560px){.room-invite-module__pMB47q__stage{padding-top:max(20px, var(--safe-top));padding-bottom:max(20px, var(--safe-bottom));flex-direction:row;gap:24px}.room-invite-module__pMB47q__qr{width:min(100dvh - 48px,42vw);min-width:0}.room-invite-module__pMB47q__tiles>span{width:clamp(30px,6vw,58px);height:clamp(36px,7.2vw,70px);font-size:clamp(20px,4.4vw,42px)}}@media (prefers-reduced-motion:no-preference){.room-invite-module__pMB47q__code{animation:.18s steps(3,end) room-invite-module__pMB47q__arrive}}@keyframes room-invite-module__pMB47q__arrive{0%{opacity:0}}
.af-btn{all:unset;box-sizing:border-box;border:1.5px solid var(--accent);min-width:44px;min-height:36px;color:var(--accent);font:800 12px/1 var(--font-display);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 12px;display:inline-flex;position:relative}.af-btn:after{content:"";height:44px;position:absolute;top:50%;left:-4px;right:-4px;transform:translateY(-50%)}.af-btn:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}.af-btn:focus-visible{outline:2px solid var(--text);outline-offset:3px}.af-btn:disabled{opacity:.6;cursor:progress}.af-quiet{border-color:var(--border);color:var(--text-2)}.af-note{min-height:36px;font:800 12px/1 var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);align-items:center;gap:5px;display:inline-flex}.af-btn[data-compact],.af-note[data-compact]{min-height:32px;padding:0 10px;font-size:11px}
