.invitation-main{text-align:center;padding:0 0 16px}.invitation-main h2{font-size:21px}.invitation-main .muted{font-size:14px;margin:8px 0 16px}#invite-qr{display:block;width:216px;height:216px;max-width:100%;margin:0 auto;background:white;border-radius:8px;image-rendering:pixelated}.room-code-label{margin-top:14px;font-size:13px;color:#64735f}#room-code{display:block;font-size:36px;font-weight:700;letter-spacing:10px;padding-left:10px;font-variant-numeric:tabular-nums;line-height:1.5}.room-code-instruction{font-size:13px;margin-top:4px}#room-code-help{font-size:11px;color:#758078;margin-top:8px}.other-invitation{border-top:1px solid #dce2da;margin:0;padding-top:12px}.other-invitation summary{font-size:13px;min-height:44px;display:flex;align-items:center;cursor:pointer}.other-invitation summary:after{content:'＋';margin-left:auto}.other-invitation[open] summary:after{content:'－'}.other-invitation .invite-row{margin-top:8px}#join-code-form{border-top:1px solid #dce2da;padding-top:20px;margin-top:22px}#join-code-form label{font-size:16px;font-weight:600;display:block;margin-bottom:8px}#join-code-form .join-code-row{display:flex;gap:10px}#join-code{width:0;flex:1;min-width:0;min-height:52px;border:1px solid #b9cbbb;border-radius:10px;padding:10px 12px;font-size:22px;letter-spacing:4px;font-variant-numeric:tabular-nums;background:#fdfdfb;color:#243c35}#join-code::placeholder{font-size:14px;letter-spacing:0}#join-code-submit{min-height:52px;padding:10px 16px;border:1px solid #356650;border-radius:10px;color:#356650;background:#eef3e9;white-space:nowrap;font-size:14px}#join-code-form .hint{margin-top:10px}@media(max-width:640px){#invite{padding:20px 16px}.invitation-main .muted{margin-bottom:12px}}



#welcome #join-code-form{margin:0;padding:20px;border:1px solid #dce2da;border-radius:16px;background:#fff}#welcome #join-code-form label{font-size:16px;margin-bottom:4px}.home-join-description{font-size:12px;color:#758078;line-height:1.6;margin-bottom:14px}#welcome .join-code-row{gap:8px}#welcome #join-code{min-height:50px;background:#f7f8f3;border-color:#d6dfd2}#welcome #join-code-submit{min-height:50px;padding:10px 18px;background:#fff;border-color:#9ab39b;font-weight:600}
