.registration-screen{z-index:var(--z-index-overlay);padding:var(--p-base);justify-content:center;align-items:center;gap:var(--len-6);background:var(--color-background);flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.registration-heading{font-family:var(--font-heading);font-size:var(--font-size-heading);font-weight:var(--font-weight-bold);color:var(--color-text);text-align:center}.registration-emoji-display{width:var(--registration-emoji-size);height:var(--registration-emoji-size);border-radius:var(--radius-full);border:var(--border-thin)solid var(--color-divider);background:var(--color-paper);justify-content:center;align-items:center;display:flex}.registration-emoji-selected{font-size:calc(var(--registration-emoji-size)*.5);line-height:1}.registration-emoji-carousel{gap:var(--len-2);max-width:100%;padding:var(--len-2)0;-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;overflow-x:auto}.registration-emoji-carousel::-webkit-scrollbar{display:none}.registration-emoji-option{width:var(--registration-emoji-option-size);height:var(--registration-emoji-option-size);border-radius:var(--radius-full);border:var(--border-thin)solid var(--color-divider);cursor:pointer;font-size:calc(var(--registration-emoji-option-size)*.55);opacity:var(--registration-emoji-opacity-unselected);transition:opacity var(--transition-fast),border-color var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.registration-emoji-option.is-selected{opacity:var(--registration-emoji-opacity-selected);border-color:var(--color-text)}.registration-form{gap:var(--len-4);width:100%;max-width:var(--registration-form-max-width);flex-direction:column;display:flex}.registration-input{width:100%;padding:var(--len-3)var(--len-4);background:var(--registration-input-bg);border-radius:var(--registration-input-radius);font-size:var(--font-size-body);color:var(--color-text);text-align:center;border:none;outline:none}.registration-input::placeholder{color:var(--color-text-secondary)}.registration-submit{width:100%}.registration-submit:disabled{opacity:var(--registration-disabled-opacity);cursor:not-allowed}
.join-waiting-screen{z-index:var(--z-index-overlay);background:var(--color-background);justify-content:center;position:fixed;inset:0}.join-waiting-spinner{width:var(--len-8);height:var(--len-8);border:var(--border-thick)solid var(--color-divider);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:.8s linear infinite join-waiting-spin}@keyframes join-waiting-spin{to{transform:rotate(360deg)}}.join-waiting-cancel{color:var(--color-text-secondary)}
.join-rejected-screen{z-index:var(--z-index-overlay);background:var(--color-background);justify-content:center;position:fixed;inset:0}.join-rejected-leave{color:var(--color-text-secondary)}
.join-request-popup{bottom:var(--len-24);z-index:var(--z-index-popup);width:calc(100% - var(--p-base)*2);max-width:var(--join-popup-max-width);background:var(--join-popup-bg);border-radius:var(--join-popup-radius);box-shadow:var(--join-popup-shadow);padding:var(--len-4);gap:var(--len-3);flex-direction:column;display:flex;position:fixed;left:50%;transform:translate(-50%)}.join-request-title{font-family:var(--font-heading);font-weight:var(--font-weight-bold);font-size:var(--font-size-body);color:var(--color-text)}.join-request-guest{align-items:center;gap:var(--len-3);display:flex}.join-request-emoji{font-size:var(--font-size-display);line-height:1}.join-request-message{font-size:var(--font-size-body);color:var(--color-text-secondary)}.join-request-actions{gap:var(--len-2);display:flex}.join-request-reject{color:var(--color-text-secondary);flex:1}.join-request-accept{flex:1}