:root{font-family:Inter,"Microsoft YaHei",sans-serif;color:#171717;background:#15191e}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,textarea{font:inherit}button{min-height:44px;cursor:pointer}.login-view{height:100dvh;display:grid;place-items:center;background:radial-gradient(circle at 50% 0,#303942,#15191e)}.login-card{width:min(400px,calc(100% - 32px));padding:36px;border-radius:16px;background:#fff;box-shadow:0 20px 70px #0008}.login-card h1{margin:0}.login-card p{color:#777}.login-card label{display:grid;gap:7px;margin:18px 0}.login-card input{height:46px;border:1px solid #ddd;border-radius:8px;padding:0 12px}.login-card>button,#send{border:0;border-radius:8px;background:#07c160;color:#fff}.login-card>button{width:100%}.chat-shell{height:100dvh;display:grid;grid-template-columns:250px minmax(0,1fr);max-width:1400px;margin:auto;background:#ededed}.rail{background:#24282d;color:#eee;padding:28px 20px;display:flex;flex-direction:column}.rail h2{font-size:16px;color:#9da3aa}.rail ul{padding:0;list-style:none;flex:1}.member{padding:10px 0}.rail button{color:#ccc;border:0;background:transparent;text-align:left}.chat{position:relative;min-width:0;display:grid;grid-template-rows:64px minmax(0,1fr) auto auto}.mobile-actions{display:none}.chat header{background:#f7f7f7;border-bottom:1px solid #ddd;padding:0 22px;display:flex;align-items:center;justify-content:space-between}.chat h1{font-size:18px}.chat header span{font-size:13px;color:#888}.messages{overflow-y:auto;padding:22px 5%;scrollbar-gutter:stable}.message{display:flex;gap:10px;margin:16px 0;align-items:flex-start}.message.own{flex-direction:row-reverse}.avatar{width:40px;height:40px;display:grid;place-items:center;flex:none;color:#fff;background:#66707b;border-radius:5px;font-weight:700}.own .avatar{background:#07a653}.message-content{max-width:min(72%,650px)}.author{font-size:12px;color:#777;margin:0 2px 5px}.own .author{text-align:right}.bubble{position:relative;padding:10px 13px;background:#fff;border-radius:5px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.own .bubble{background:#95ec69}.bubble:before{content:"";position:absolute;top:13px;left:-6px;border-width:6px 6px 6px 0;border-style:solid;border-color:transparent #fff transparent transparent}.own .bubble:before{left:auto;right:-6px;border-width:6px 0 6px 6px;border-color:transparent transparent transparent #95ec69}.time{display:block;color:#aaa;font-size:10px;margin-top:4px}.own .time{text-align:right}.attachment{border:0;background:transparent;text-decoration:underline}.expired{color:#888}.new-chip{position:absolute;right:20px;bottom:92px;border:0;border-radius:20px;padding:0 15px;background:#fff;color:#07a653;box-shadow:0 3px 14px #0002}.chat footer{display:flex;align-items:flex-end;gap:7px;padding:12px max(14px,5%);padding-bottom:max(12px,env(safe-area-inset-bottom));background:#f7f7f7;border-top:1px solid #ddd}.chat footer>button{border:0;background:transparent;font-size:20px}.chat footer #send{padding:0 18px;font-size:14px}.chat textarea{min-height:44px;max-height:130px;resize:none;flex:1;border:0;border-radius:7px;padding:11px;outline:none}.emoji-picker{position:absolute;bottom:75px;left:5%;background:#fff;padding:8px;border-radius:8px;box-shadow:0 6px 20px #0003}.emoji-picker button{border:0;background:transparent;font-size:22px}.upload{padding:8px 5%;background:#fff}.upload progress{margin:0 12px}dialog{border:0;border-radius:12px;box-shadow:0 10px 70px #0008}dialog::backdrop{background:#000a}#lightbox{background:transparent;max-width:95vw;max-height:95dvh;padding:0}#lightbox img{max-width:95vw;max-height:95dvh}#admin-dialog form{display:grid;gap:12px;min-width:300px}#admin-dialog input{height:44px;padding:8px}video{max-width:min(500px,70vw);max-height:45vh}
@media(max-width:719px){.mobile-actions{display:flex;gap:4px}.chat-shell{display:block}.rail{display:none}.chat{height:100dvh;grid-template-rows:56px minmax(0,1fr) auto auto}.messages{padding:12px}.message-content{max-width:78%}.chat footer{padding-left:8px;padding-right:8px}.chat footer>button{width:44px;padding:0}.chat footer #send{width:auto}.chat textarea{min-width:0}.new-chip{bottom:80px}body{width:100vw}}