*{box-sizing:border-box}html,body,#root{color:#eee;background:#1a1a20;height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.center{justify-content:center;align-items:center;height:100%;display:flex}.auth-wrap{justify-content:center;align-items:center;height:100%;padding:20px;display:flex}.auth-card{background:#26262e;border-radius:12px;width:100%;max-width:380px;padding:24px}.auth-card h2{margin:0 0 16px}.auth-card input{color:#eee;background:#1a1a20;border:1px solid #3a3a45;border-radius:8px;width:100%;margin:6px 0;padding:10px 12px;font-size:14px}.auth-card input:focus{border-color:#4a7fff;outline:none}.auth-card button{color:#fff;cursor:pointer;background:#4a7fff;border:none;border-radius:8px;width:100%;margin-top:8px;padding:11px;font-size:14px;font-weight:600}.auth-card button:disabled{opacity:.5;cursor:not-allowed}.auth-card button:hover:not(:disabled){background:#3a6fef}.auth-card .error{color:#ff6b6b;min-height:18px;margin-top:4px;font-size:13px}.auth-card .toggle{text-align:center;color:#9aa;margin-top:12px;font-size:13px}.auth-card .toggle a{color:#4a7fff;cursor:pointer;text-decoration:underline}.app{flex-direction:column;height:100dvh;display:flex}.header{background:#26262e;border-bottom:1px solid #3a3a45;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.header .who{color:#9aa;font-size:13px}.header button.ghost{color:#eee;cursor:pointer;background:#1a1a20;border:1px solid #3a3a45;border-radius:6px;padding:6px 12px;font-size:13px}.header button.ghost:hover{background:#3a3a45}.status{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-left:6px;display:inline-block}.status-open{background:#4caf50}.status-connecting{background:#ffb74d}.status-closed{background:#f44336}.messages{flex-direction:column;flex:1;gap:8px;padding:16px;display:flex;overflow-y:auto}.msg{word-wrap:break-word;background:#2a2a34;border-radius:10px;max-width:75%;padding:8px 12px;position:relative}.msg.own{background:#3a5fbf;align-self:flex-end}.msg .meta{color:#9aa;align-items:center;gap:6px;margin-bottom:4px;font-size:11px;display:flex}.msg.own .meta{color:#cde}.msg .content{white-space:pre-wrap;font-size:15px;line-height:1.35}.msg .content img{border-radius:8px;max-width:100%;margin-top:6px;display:block}.msg .edited{color:#9aa;font-size:10px;font-style:italic}.msg .reply-quote{color:#bcd;background:#4a7fff14;border-left:3px solid #4a7fff;border-radius:4px;margin-bottom:6px;padding:4px 8px;font-size:12px}.msg .actions{gap:4px;display:none;position:absolute;top:-10px;right:8px}.msg:hover .actions{display:flex}.msg .actions button{color:#eee;cursor:pointer;background:#1a1a20;border:none;border-radius:4px;padding:2px 6px;font-size:11px}.msg .actions button:hover{background:#4a7fff}.msg .edit-form textarea{color:#eee;width:100%;font:inherit;resize:vertical;background:#1a1a20;border:1px solid #3a3a45;border-radius:6px;min-height:40px;padding:6px}.msg .edit-form .row{gap:6px;margin-top:6px;display:flex}.msg .edit-form button{color:#fff;cursor:pointer;background:#4a7fff;border:none;border-radius:6px;padding:4px 10px;font-size:12px}.msg .edit-form button.cancel{background:#3a3a45}.composer{background:#26262e;border-top:1px solid #3a3a45;padding:12px 16px}.composer .row{align-items:flex-end;gap:8px;display:flex}.composer textarea{color:#eee;font:inherit;resize:none;background:#1a1a20;border:1px solid #3a3a45;border-radius:8px;flex:1;min-height:40px;max-height:140px;padding:10px}.composer textarea:focus{border-color:#4a7fff;outline:none}.composer button{color:#fff;cursor:pointer;background:#4a7fff;border:none;border-radius:8px;height:40px;padding:10px 16px;font-size:14px;font-weight:600}.composer button.ghost{background:#3a3a45;padding:10px 12px}.composer button:disabled{opacity:.5;cursor:not-allowed}.composer .reply-banner{background:#2a3a5a;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:6px 10px;font-size:12px;display:flex}.composer .reply-banner button{color:#9aa;cursor:pointer;background:0 0;border:none;height:auto;padding:0;font-size:16px}.composer .preview{margin-bottom:8px}.composer .preview img{border-radius:6px;max-height:100px}.composer .preview .close{cursor:pointer;color:#ff6b6b;margin-left:6px;font-size:12px}.emoji-picker{background:#1a1a20;border-radius:8px;flex-wrap:wrap;gap:4px;max-height:160px;display:flex;overflow-y:auto}.emoji-picker button{cursor:pointer;background:0 0;border:none;border-radius:4px;height:auto;padding:4px 6px;font-size:20px}.emoji-picker button:hover{background:#3a3a45}.msg .content img.sticker{background:0 0;border-radius:0;max-width:140px;max-height:140px;margin-top:2px}.sticker-picker{background:#1a1a20;border-radius:8px;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:6px;max-height:200px;margin-top:8px;padding:8px;display:grid;overflow-y:auto}.sticker-picker button{cursor:pointer;background:0 0;border:none;border-radius:6px;height:auto;padding:4px}.sticker-picker button:hover{background:#3a3a45}.sticker-picker img{border-radius:4px;width:100%;height:auto;display:block}.sticker-picker.error{color:#ff6b6b;padding:12px;font-size:13px}.emoji-picker-wrap{background:#1a1a20;border-radius:8px;margin-top:8px;padding:8px}.emoji-picker-wrap .tabs{gap:6px;margin-bottom:6px;display:flex}.emoji-picker-wrap .tabs button{color:#9aa;cursor:pointer;background:#26262e;border:none;border-radius:6px;height:auto;padding:4px 10px;font-size:12px;font-weight:500}.emoji-picker-wrap .tabs button.active{color:#fff;background:#4a7fff}.emoji-picker{max-height:140px}.kaomoji-picker{flex-direction:column;gap:2px;max-height:140px;display:flex;overflow-y:auto}.kaomoji-picker button{text-align:left;cursor:pointer;color:#eee;white-space:nowrap;background:0 0;border:none;border-radius:4px;height:auto;padding:6px 8px;font-family:monospace;font-size:14px}.kaomoji-picker button:hover{background:#3a3a45}