.live-status{display:flex;align-items:center;gap:12px;min-height:36px;margin-bottom:14px;color:var(--muted);font-size:13px}.live-status button,.live-status a,.waiting-room button{color:var(--mint);text-decoration:underline;text-underline-offset:4px}.invite-button{width:100%;margin:0 0 16px}.waiting-room{padding:12px 16px;margin-bottom:12px;border:1px solid #536753;border-radius:12px;background:#20372d;display:flex;gap:14px;justify-content:space-between;font-size:13px;overflow-wrap:anywhere}.live-welcome{position:absolute;inset:0;z-index:5;background:linear-gradient(180deg,#0c252bb3,#0c2024c9);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:30px;text-align:center;backdrop-filter:blur(5px)}.live-welcome h2{font-size:clamp(28px,4vw,42px);font-weight:500}.live-welcome p{max-width:360px;color:#d4e2db;line-height:1.7}.live-app[data-room-ready=false] .composer,.live-app[data-room-ready=false] .below-world,.live-app[data-room-ready=false] #media-button,.live-app[data-room-ready=false] #history-button{opacity:.4;pointer-events:none}.live-app[data-room-ready=false] #self-person{visibility:hidden}.send-status{font-size:12px;color:var(--muted);min-height:20px;margin-top:7px}.live-app #invite-form{display:grid;gap:14px}.live-app #invite-result{margin-top:18px;display:grid;gap:14px}.live-app #invite-result p{line-height:1.8}.live-app #invite-email,.live-app #invite-link{width:100%;min-width:0;background:#0e1d24;border:1px solid #365154;border-radius:10px;padding:12px;color:var(--text)}.live-app .friend-detail{min-width:0;overflow-wrap:anywhere}.live-app .friend-initial{background:#37504a}.live-app #rooms-empty{padding:18px 2px}.live-app .friend-card{text-align:start}.live-app .friend-card[data-status=away] .friend-initial::after{background:#8b9993}.live-app .world-tools>span{max-width:50%}.live-app #about-dialog .subtle-button{margin-top:10px}.live-app #note-status{line-height:1.7}.live-app .history-meta{unicode-bidi:plaintext}.live-app .account-avatar{overflow:hidden}.live-app .history-item{flex-shrink:0}.live-app .friend-person[aria-busy=true] .name-tag{border-color:var(--mint)}
@media(max-width:800px){.live-app .invite-button{width:auto;float:inline-end;padding:8px 12px;margin-top:-46px}.live-app .friends{clear:both}.live-app .people-panel h1{max-width:55%;margin-bottom:18px}.live-app #rooms-empty{padding:0}.live-status{margin:0 0 8px}.waiting-room{flex-wrap:wrap}.live-app .world-tools>span{display:none}.live-app .live-welcome{padding:18px;gap:15px}.live-app .room-heading h2{font-size:24px}}

.live-app #invite-method{width:100%;border:1px solid #365154;background:#0e1d24;color:var(--text);padding:12px;border-radius:10px;font:inherit}
.reply-draft{display:flex;align-items:center;gap:14px;padding:12px 16px;margin-top:10px;background:#203c34;border-inline-start:3px solid var(--mint);border-radius:12px 12px 0 0}.reply-draft>div{min-width:0;flex:1;display:grid;gap:5px}.reply-draft strong{font-size:14px;color:var(--mint)}.reply-draft span{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-draft button{width:44px;height:44px;font-size:24px}.message-quote{display:grid;gap:5px;margin:2px 0 10px;padding:10px 12px;border-inline-start:3px solid #aed7ad;background:#0d27284d;border-radius:8px}.message-quote strong{font-size:14px;color:#cef2cc}.message-quote span{font-size:14px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.message-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:8px}.message-actions button{min-height:40px;padding:7px 12px;border:1px solid #60807366;border-radius:12px;font-size:14px;background:#0c242538;color:#deeee4}.message-actions button:hover{background:#365447}.message-actions .message-reaction{background:#203d34;direction:ltr}.message-actions .message-reaction.mine{border-color:#b9f5cf;background:#375a40}.message-reaction-picker{display:flex;flex-wrap:wrap;gap:6px;background:#122e2a;border:1px solid #61816b;border-radius:15px;padding:8px;margin-top:8px}.message-reaction-picker button{width:44px;height:44px;border-radius:10px;font-size:25px}.message-reaction-picker button:hover{background:#3a5943}.history-body{overflow-wrap:anywhere}.reaction-moments{position:absolute;inset:26% 12% auto;z-index:9;pointer-events:none;display:flex;gap:14px;justify-content:center}.reaction-moment{display:grid;place-items:center;gap:5px;background:#102f2bd9;border:1px solid #d4f7c766;border-radius:24px;padding:14px 22px;animation:reaction-arrive 2.8s ease both;box-shadow:0 12px 36px #0c191966}.reaction-moment strong{font-size:48px;line-height:1.2}.reaction-moment span{font-size:14px;color:#edffef;max-width:120px;overflow:hidden;text-overflow:ellipsis}.live-app .history-dialog{width:min(700px,calc(100vw - 28px))}.live-app .history-list{max-height:65dvh}.live-app .history-item{max-width:92%}
@keyframes reaction-arrive{0%{opacity:0;transform:translateY(16px) scale(.8)}15%,75%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-18px) scale(.95)}}
@media(prefers-reduced-motion:reduce){.reaction-moment{animation:none}}
@media(max-width:520px){.live-app .history-item{max-width:100%}.message-actions{gap:5px}.message-actions button{min-height:44px}.reaction-moment{padding:10px 16px}.reaction-moment strong{font-size:36px}.live-app .history-dialog{padding:20px}}