:root{color-scheme:dark;--bg:#0d1220;--panel:#171d2d;--accent:#7c5cff;--mine:#5b43c9;--text:#f7f5ff;--muted:#9ba3ba}*{box-sizing:border-box}body{margin:0;background:linear-gradient(160deg,#151023,#09101c);color:var(--text);font:15px system-ui;height:100dvh;display:flex;flex-direction:column}header{padding:12px 16px;background:#121827dd;backdrop-filter:blur(12px);border-bottom:1px solid #ffffff12}header div{display:flex;justify-content:space-between;align-items:center;font-size:18px}small{font-size:12px;color:#b9c1d8}small i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#39d98a;margin-right:5px}main{flex:1;overflow:auto;padding:14px;scroll-behavior:smooth}.msg{max-width:84%;background:var(--panel);border-radius:15px 15px 15px 4px;padding:8px 11px;margin:7px 0;box-shadow:0 4px 14px #0003;touch-action:pan-y}.msg.mine{margin-left:auto;background:var(--mine);border-radius:15px 15px 4px 15px}.name{color:#b9aaff;font-weight:700;font-size:12px;margin-bottom:4px}.msg.mine .name{color:#e8e1ff}.body{white-space:pre-wrap;word-break:break-word}.msg img{display:block;max-width:100%;max-height:360px;border-radius:10px;margin-top:5px}.quote{border-left:3px solid #c4b8ff;background:#0002;padding:5px 7px;border-radius:5px;margin-bottom:6px;color:#ddd;font-size:12px}.time{font-size:10px;color:#c3c7d4;text-align:right;margin-top:3px}.reacts{display:flex;gap:4px;flex-wrap:wrap}.chip{border:0;border-radius:12px;background:#ffffff16;color:white;padding:3px 7px}#reply{padding:7px 14px;background:#1c2334;border-left:3px solid var(--accent);display:flex;justify-content:space-between}#reply[hidden]{display:none}#reply button{background:none;border:0;color:white;font-size:20px}footer{display:flex;gap:9px;align-items:end;padding:9px 12px calc(9px + env(safe-area-inset-bottom));background:#121827}.photo{font-size:23px;padding:8px 0}textarea{flex:1;resize:none;max-height:100px;border:0;border-radius:18px;padding:10px 13px;background:#222a3d;color:white;outline:0}#send{width:42px;height:42px;border:0;border-radius:50%;background:var(--accent);color:white;font-size:19px}#reactions{position:fixed;z-index:5;background:#252d40;border-radius:20px;padding:7px;box-shadow:0 5px 30px #0008;display:flex;gap:3px}#reactions[hidden]{display:none}#reactions button{border:0;background:none;font-size:21px}