#join-sheet { position: fixed; inset: 0; z-index: 80; display: grid; place-items: end center; padding: 16px; background: rgb(20 24 32 / 46%); }
#join-sheet[hidden] { display: none; }
#join-sheet .join-card { width: min(28rem, 100%); margin-bottom: 12px; padding: 22px 20px 16px; border-radius: 22px; background: #f6f3ec; color: #1c2430; box-shadow: 0 24px 60px rgb(20 24 32 / 28%); font: 16px/1.5 Georgia, "Iowan Old Style", serif; }
#join-sheet .join-kicker { margin: 0 0 6px; font: 600 12px/1.2 system-ui, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #8a5a2b; }
#join-sheet h2 { margin: 0 0 8px; font-size: 28px; line-height: 1.15; }
#join-sheet p { margin: 0 0 16px; }
#join-sheet .join-actions { display: grid; gap: 8px; }
#join-sheet button, #join-sheet a { display: block; width: 100%; border: 0; border-radius: 999px; padding: 12px 16px; text-align: center; text-decoration: none; font: 600 15px/1.2 system-ui, sans-serif; cursor: pointer; }
#join-sheet [data-act="https"] { background: #1c2430; color: #f6f3ec; }
#join-sheet [data-act="app"] { background: #efe6d6; color: #1c2430; }
#join-sheet [data-act="desk"] { background: #fff; color: #1c2430; box-shadow: inset 0 0 0 1px #d9d0c2; }
#join-sheet [data-act="close"] { margin-top: 8px; background: transparent; color: #5c6570; }