.chatroom{height:100%;display:flex;flex-direction:column;background:var(--chat-bg)}.chatroom__header{display:flex;align-items:center;gap:10px;padding:0 8px 0 4px;height:var(--header-h);min-height:var(--header-h);background:var(--bg);border-bottom:1px solid var(--border);flex-shrink:0;position:sticky;top:0;z-index:10}.chatroom__back{color:var(--accent);padding:8px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center}.chatroom__back:active{background:var(--input-bg)}.chatroom__info{flex:1;min-width:0}.chatroom__name{font-weight:600;font-size:15px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chatroom__actions{display:flex;gap:2px}.chatroom__actions button{color:var(--accent);padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center}.chatroom__actions button:active{background:var(--input-bg)}.chatroom__messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:6px;display:flex;flex-direction:column}.chatroom__datesep{display:flex;align-items:center;justify-content:center;margin:8px 0;pointer-events:none}.chatroom__datesep span{background:#0003;color:#fff;font-size:12px;font-weight:500;padding:4px 12px;border-radius:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bubble-row{display:flex;justify-content:flex-start;padding:0 4px}.bubble-row--self{justify-content:flex-end}.bubble{position:relative;max-width:80%;padding:6px 11px 18px;word-break:break-word;cursor:default;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;box-shadow:0 1px 2px #10232f26}.bubble--solo{border-radius:var(--r-msg)}.bubble--first.bubble--self{border-radius:var(--r-msg) var(--r-msg) var(--r-small) var(--r-msg)}.bubble--first.bubble--other{border-radius:var(--r-msg) var(--r-msg) var(--r-msg) var(--r-small)}.bubble--mid.bubble--self{border-radius:var(--r-msg) var(--r-small) var(--r-small) var(--r-msg)}.bubble--mid.bubble--other{border-radius:var(--r-small) var(--r-msg) var(--r-msg) var(--r-small)}.bubble--last.bubble--self{border-radius:var(--r-msg) var(--r-small) var(--r-msg) var(--r-msg)}.bubble--last.bubble--other{border-radius:var(--r-small) var(--r-msg) var(--r-msg) var(--r-msg)}.bubble__text{font-size:15px;line-height:1.45;white-space:pre-wrap;display:block}.bubble__deleted{font-size:14px;color:var(--text2);font-style:italic}.bubble__img{max-width:240px;max-height:320px;border-radius:10px;display:block;margin-bottom:2px}.bubble__file{font-size:14px;color:var(--accent);display:block}.bubble__time{position:absolute;bottom:4px;right:8px;font-size:11px;color:var(--time);white-space:nowrap;line-height:1}.chatroom__composer{display:flex;align-items:flex-end;gap:6px;padding:8px;background:var(--bg);border-top:1px solid var(--border);flex-shrink:0}.composer__attach{color:var(--accent);padding:8px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-bottom:1px}.composer__attach:active{background:var(--input-bg)}.composer__input-wrap{flex:1;background:var(--input-bg);border-radius:22px;padding:9px 14px;min-height:42px;max-height:120px;display:flex;align-items:center}.composer__input{width:100%;font-size:15px;color:var(--text);resize:none;line-height:1.4;max-height:100px;overflow-y:auto;background:none}.composer__input::placeholder{color:var(--text2)}.composer__send{width:42px;height:42px;border-radius:50%;background:var(--border);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,transform .1s}.composer__send--active{background:var(--accent)}.composer__send:active{transform:scale(.92)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--accent: #3390EC;--accent-dk: #2b7fcf;--bg: #FFFFFF;--chat-bg: #dce5f3;--own: #EEFFDE;--other: #FFFFFF;--border: #DADCE0;--input-bg: #F4F4F5;--text: #000000;--text2: #707579;--time: #686c72;--green: #4fae4e;--red: #e53935;--r-msg: 15px;--r-small: 4px;--header-h: 56px;--safe-top: env(safe-area-inset-top, 0px);--safe-bot: env(safe-area-inset-bottom, 0px)}html,body,#root{height:100%;width:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Roboto,Segoe UI,sans-serif;font-size:15px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;padding:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}input,textarea{font-family:inherit;font-size:inherit;border:none;outline:none;background:none}a{color:var(--accent);text-decoration:none}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.safe-top{padding-top:var(--safe-top)}.safe-bottom{padding-bottom:var(--safe-bot)}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}