.room-entry{display:flex;flex-direction:column;text-align:left;gap:8px;margin-top:12px}.room-entry .room-entry-hint{font-size:13px;line-height:1.6;color:var(--muted,#6d7e74);margin:0 0 12px}.room-entry label{font-size:12px;font-weight:600;margin-top:7px}.room-entry input{box-sizing:border-box;width:100%;min-width:0;min-height:46px;padding:12px;border:1px solid var(--line,#e0e6dd);border-radius:11px;background:#fffefa;color:inherit;font:inherit;font-size:16px}.room-entry input[readonly]{background:#f3f5ee;color:var(--muted,#6d7e74)}.room-entry input:focus-visible{outline:3px solid #cf9b61;outline-offset:2px}.room-entry .room-entry-status{font-size:12px;color:#96583c;line-height:1.5;margin:3px 0 0;overflow-wrap:anywhere}.room-entry-status:empty{display:none}.room-entry .room-entry-submit{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;margin-top:13px}.room-invite-code{margin:17px 0;padding:15px;border:1px solid var(--line,#e0e6dd);border-radius:13px;background:#f3f6ed;text-align:center}.room-invite-code label,.room-code-label{display:block;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--muted,#6d7e74);margin-bottom:8px}.room-code-value{font:600 27px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:3px;color:#285b48;user-select:all;overflow-wrap:anywhere}.room-code-expiry{font-size:11px;line-height:1.5;color:var(--muted,#6d7e74);margin:8px 0 0}.room-code-copy{margin-top:10px;min-height:40px;padding:8px 14px}.room-entry-link{white-space:normal}@media(max-width:420px){.room-code-value{font-size:24px;letter-spacing:2px}.room-invite-code{padding:13px}.room-entry .room-entry-hint{font-size:12px}}