:root{color:#1f2933;font-synthesis:none;text-rendering:optimizelegibility;background:#edf1f4;font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}html,#app{height:100%}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled,input:disabled{cursor:not-allowed;opacity:.45}.app-shell{background:#edf1f4;grid-template-columns:minmax(260px,310px) minmax(0,1fr);height:100dvh;min-height:0;display:grid;overflow:hidden}.toast-stack{z-index:80;pointer-events:none;gap:8px;width:min(360px,100vw - 32px);display:grid;position:fixed;top:16px;right:16px}.toast-item{color:#1f2933;background:#fffffff5;border:1px solid #d9e0e6;border-radius:8px;align-items:center;gap:8px;min-height:42px;padding:10px 12px;font-size:13px;display:flex;box-shadow:0 10px 28px #1f29331f}.toast-item.success svg{color:#18a058}.toast-item.error svg{color:#d92d20}.toast-item.info svg{color:#2563eb}.app-shell.admin-route{height:100dvh;min-height:0;display:block;overflow:auto}.sidebar,.admin-panel{background:#f8fafb;border-color:#d9e0e6;flex-direction:column;min-width:0;min-height:0;display:flex}.sidebar{border-right:1px solid #d9e0e6;overflow:hidden}.admin-panel{background:#edf1f4;border-left:0;min-height:100vh}.brand-line,.admin-header,.chat-header{align-items:center;min-height:64px;padding:14px 16px;display:flex}.brand-line,.admin-header{justify-content:space-between}.brand-line strong,.admin-header strong{font-size:18px}.brand-line{gap:10px}.brand-actions,.admin-actions{align-items:center;gap:4px;display:inline-flex}.brand-line>svg,.admin-header svg{color:#07c160}.profile-strip,.room-create,.invite-join,.admin-key,.segmented,.composer-tools,.composer-input,.search-box{align-items:center;gap:8px;display:flex}.profile-strip{border-top:1px solid #eef2f5;border-bottom:1px solid #eef2f5;min-height:72px;padding:10px 14px}.avatar{color:#fff;background:#07c160;border-radius:6px;flex:none;place-items:center;width:40px;height:40px;font-weight:700;display:grid}.avatar.small{width:32px;height:32px;font-size:13px}.profile-name{flex:1;min-width:0;display:grid}.profile-name strong,.room-copy strong,.user-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-name span,.room-copy small,.user-row small,.chat-header span,.message-tools,.message-name{color:#70808f;font-size:12px}.message-ip{color:#9aa7b3;margin-left:6px;font-size:11px;font-weight:400}.room-create{flex-wrap:wrap;padding:12px}.invite-join{border-bottom:1px solid #eef2f5;padding:0 12px 12px}.guest-room-note{color:#70808f;border-bottom:1px solid #eef2f5;padding:12px 14px;font-size:12px}.room-create select,.room-create input,.invite-join input,.admin-key input,.search-box input,.auth-box input,.number-row input{color:#1f2933;background:#fff;border:1px solid #d7dde3;border-radius:6px;outline:none;min-width:0;height:36px}.room-create select{width:76px;padding:0 6px}.room-create input,.invite-join input,.admin-key input,.search-box input,.auth-box input{flex:1;padding:0 10px}.room-create .private-password{flex-basis:100%}.private-toggle{white-space:nowrap;min-height:36px}.private-toggle input,.admin-private-toggle input{width:16px;height:16px}.icon-button,.mini-button,.send-button{color:#4c5b68;background:0 0;border:0;border-radius:6px;flex:none;place-items:center;text-decoration:none;display:inline-grid}.icon-button{width:36px;height:36px}.icon-button:hover,.mini-button:hover{background:#e9eef2}.icon-button.primary,.send-button{color:#fff;background:#07c160}.icon-button.recording{color:#fff;background:#d64545}.icon-button.danger,.mini-button.danger{color:#d64545}.room-list{flex:1;min-height:0;padding:4px 8px 16px;overflow:auto}.room-row{width:100%;min-height:58px;color:inherit;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:8px;display:flex}.room-row.active,.room-row:hover{background:#e7f7ee}.room-icon{color:#315367;background:#dfe8ef;border-radius:6px;place-items:center;width:36px;height:36px;display:grid}.room-copy{gap:3px;min-width:0;display:grid}.chat-panel{background:#f2f4f5;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.media-drop-overlay{z-index:30;pointer-events:none;background:#f2f4f5d1;border:2px dashed #07c160;place-items:center;display:grid;position:absolute;inset:0}.media-drop-overlay>div{color:#057b3e;background:#fff;border:1px solid #b7e8cc;border-radius:8px;align-items:center;gap:10px;padding:14px 18px;font-weight:700;display:inline-flex;box-shadow:0 14px 34px #1f293324}.chat-header{background:#f8fafb;border-bottom:1px solid #d9e0e6;justify-content:space-between;gap:16px}.chat-header-actions{align-items:center;gap:8px;min-width:0;display:flex}.chat-header h1{margin:0 0 2px;font-size:19px;font-weight:700}.online-line{color:#07a650;text-overflow:ellipsis;white-space:nowrap;max-width:min(520px,46vw);font-size:12px;display:block;overflow:hidden}.search-box{background:#fff;border:1px solid #d7dde3;border-radius:7px;width:min(260px,40vw);height:38px;padding:0 10px}.search-box input{border:0;height:32px;padding:0}.message-stream{min-height:0;padding:18px;overflow:auto}.empty-stream{color:#8b98a5;place-items:center;min-height:100%;font-size:14px;display:grid}.message-row{align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.message-row.mine{flex-direction:row-reverse}.message-stack{gap:4px;max-width:min(620px,76%);display:grid}.message-row.mine .message-stack{justify-items:end}.bubble{overflow-wrap:anywhere;white-space:pre-wrap;background:#fff;border-radius:8px;min-height:38px;padding:10px 12px;line-height:1.45;box-shadow:0 1px 1px #1f29330f}.message-row.mine .bubble{background:#95ec69}.bubble.revoked{color:#7b8794;background:#e7ebef}.inline-quote{background:#ffffff6b;border-left:3px solid #07c1608c;border-radius:6px;gap:2px;min-width:180px;margin-top:8px;padding:7px 9px;display:grid}.message-row.mine .inline-quote{background:#ffffff52}.inline-quote strong{color:#465664;font-size:12px;line-height:1.25}.inline-quote span{color:#647482;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.kind-pill{color:#1b6ca8;background:#e6f4ff;border-radius:999px;margin-right:6px;padding:2px 7px;font-size:12px;display:inline-flex}.image-message{text-align:left;background:0 0;border:0;max-width:280px;padding:0;display:block}.image-message img{object-fit:contain;border-radius:6px;width:100%;max-height:320px;display:block}.video-message{width:min(420px,74vw)}.video-message video{background:#111827;border-radius:6px;width:100%;max-height:360px;display:block}.voice-message{align-items:center;gap:8px;width:min(320px,68vw);display:flex}.voice-message audio{width:100%;height:32px}.message-tools{align-items:center;gap:6px;min-height:22px;display:flex}.mini-button{width:24px;height:24px}.composer{background:#f8fafb;border-top:1px solid #d9e0e6;flex-shrink:0;padding:10px 14px 14px}.hidden-input{display:none}.composer-tools{min-height:38px}.quote-strip{background:#eef7f1;border-left:3px solid #07c160;align-items:center;gap:8px;min-width:0;margin:2px 0 8px;padding:8px 10px;display:flex}.quote-copy{flex:1;gap:2px;min-width:0;display:grid}.quote-copy strong{font-size:13px}.quote-copy span{color:#647482;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.emoji-chip{background:#edf2f6;border:0;border-radius:6px;min-width:34px;height:32px}.uploading-chip{color:#057b3e;white-space:nowrap;background:#e7f7ee;border-radius:6px;align-items:center;min-height:32px;padding:0 10px;font-size:13px;display:inline-flex}.recording-chip{color:#c7362f;white-space:nowrap;background:#fff2f0;border-radius:6px;align-items:center;min-height:32px;padding:0 10px;font-size:13px;display:inline-flex}.video-progress{gap:6px;width:min(420px,100%);margin:2px 0 8px;display:grid}.video-progress-meta{color:#46606f;justify-content:space-between;align-items:center;gap:12px;min-width:0;font-size:12px;display:flex}.video-progress-meta span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.video-progress-meta strong{color:#057b3e;font-weight:700}.video-progress-track{background:#d9e6dd;border-radius:999px;height:6px;overflow:hidden}.video-progress-fill{border-radius:inherit;background:#07c160;height:100%;transition:width .18s}.composer-input{align-items:stretch}.composer-input textarea{resize:vertical;border:1px solid #d7dde3;border-radius:8px;outline:none;flex:1;min-width:0;min-height:48px;max-height:118px;padding:10px 12px}.send-button{width:50px;min-height:48px}.auth-panel{place-items:center;padding:24px;display:grid}.auth-box{background:#fff;border:1px solid #d9e0e6;border-radius:8px;gap:10px;width:min(360px,100%);padding:18px;display:grid;position:relative}.auth-box.loading>:not(.auth-loading){opacity:.52}.auth-loading{z-index:2;color:#1f2933;background:#ffffffc2;border-radius:8px;align-content:center;place-items:center;gap:8px;font-size:13px;display:grid;position:absolute;inset:0}.loading-icon{animation:.8s linear infinite spin}.auth-hint{color:#70808f;margin:0;font-size:12px}@keyframes spin{to{transform:rotate(360deg)}}.auth-tabs,.segmented{background:#edf2f6;border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.auth-tabs button,.segmented button{color:#4c5b68;background:0 0;border:0;border-radius:6px;height:34px}.auth-tabs button.active,.segmented button.active{color:#111827;background:#fff;box-shadow:0 1px 2px #1f293314}.inline-check{color:#4c5b68;align-items:center;gap:8px;font-size:14px;display:flex}.wide-button{color:#fff;background:#07c160;border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:40px;font-weight:700;display:inline-flex}.wide-button.subtle{color:#1b6ca8;background:#e6f1f8;width:100%;margin-bottom:8px}.admin-gate{place-items:center;min-height:100dvh;padding:24px;display:grid}.admin-gate-box{background:#fff;border:1px solid #d9e0e6;border-radius:8px;gap:12px;width:min(360px,100%);padding:22px;display:grid}.admin-gate-box>svg{color:#07c160}.admin-gate-box strong{font-size:18px}.admin-gate-box input{border:1px solid #d7dde3;border-radius:7px;outline:none;min-width:0;height:40px;padding:0 11px}.admin-gate-link{color:#4c5b68;text-align:center;font-size:13px;text-decoration:none}.admin-header{z-index:2;background:#f8fafb;border-bottom:1px solid #d9e0e6;justify-content:space-between;position:sticky;top:0}.admin-header>div{align-items:center;gap:8px;display:flex}.admin-header span{color:#70808f;margin-top:2px;font-size:12px;display:block}.admin-workspace{grid-template-columns:220px minmax(0,1fr);gap:18px;width:min(1120px,100%);margin:0 auto;padding:18px;display:grid}.admin-key{background:#fff;border:1px solid #d9e0e6;border-radius:8px;height:44px;padding:0 12px}.admin-side-nav{flex-direction:column;gap:8px;min-width:0;display:flex}.admin-side-nav button{color:#4c5b68;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;height:40px;padding:0 12px;display:flex}.admin-side-nav button:hover{background:#e9eef2}.admin-side-nav button.active{color:#fff;background:#07c160}.admin-content{min-width:0}.settings-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.settings-card,.admin-list,.user-list{background:#fff;border:1px solid #d9e0e6;border-radius:8px;padding:14px}.settings-card.wide{grid-row:span 2}.settings-list h2{color:#2f3b46;margin:0 0 8px;font-size:14px}.switch-row,.number-row,.user-row{border-bottom:1px solid #edf1f4;justify-content:space-between;align-items:center;gap:12px;min-height:42px;display:flex}.switch-row input{width:18px;height:18px}.number-row input{width:112px;padding:0 8px}.user-row,.admin-row{justify-content:flex-start;padding:9px 0}.user-row>div:nth-child(2),.admin-row>div:first-child{flex:1;min-width:0;display:grid}.admin-list{gap:10px;display:grid}.admin-list .admin-row{gap:12px}.admin-list .admin-row small{line-height:1.45;display:block}.admin-create-form{border-bottom:1px solid #edf1f4;grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:center;gap:8px;padding-bottom:14px;display:grid}.admin-create-form h2,.admin-list-header h2{color:#2f3b46;margin:0;font-size:14px}.admin-create-form input,.admin-create-form select{color:#1f2933;background:#fff;border:1px solid #d7dde3;border-radius:6px;outline:none;min-width:0;height:36px;padding:0 10px}.admin-list-header,.admin-row,.row-actions{align-items:center;gap:8px;display:flex}.admin-list-header,.admin-row{justify-content:space-between}.admin-row{border-bottom:1px solid #edf1f4;min-height:48px}.wide-button.compact{width:auto;min-width:88px;padding:0 12px}.invite-copy{text-overflow:ellipsis;max-width:180px;margin-bottom:0;overflow:hidden}.error-line{color:#c7362f;background:#fff2f0;border-radius:7px;margin:14px 0 0;padding:10px 12px;font-size:13px}.preview-backdrop{z-index:20;background:#0c1218b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.preview-dialog{max-width:min(92vw,1100px);max-height:90vh;position:relative}.preview-dialog img{background:#fff;border-radius:8px;max-width:100%;max-height:90vh;display:block}.preview-close{background:#ffffffe6;position:absolute;top:10px;right:10px}.message-context-menu{z-index:30;background:#fff;border:1px solid #d9e0e6;border-radius:8px;min-width:128px;padding:4px;display:grid;position:fixed;overflow:hidden;box-shadow:0 12px 32px #1f293329}.context-item{color:#1f2933;text-align:left;background:0 0;border:0;border-radius:6px;height:34px;padding:0 12px}.context-item:hover{background:#edf2f6}.context-item.danger{color:#d64545}@media (width<=1120px){.app-shell{grid-template-columns:minmax(230px,280px) minmax(0,1fr)}}@media (width<=760px){.app-shell{grid-template-rows:minmax(180px,38dvh) minmax(0,1fr);grid-template-columns:1fr;height:100dvh;min-height:0}.sidebar{border-bottom:1px solid #d9e0e6;border-right:0;min-height:0;max-height:none}.chat-panel{min-height:0}.chat-header{flex-direction:column;align-items:flex-start}.chat-header-actions,.search-box{width:100%}.online-line{max-width:100%}.message-stack{max-width:82%}.admin-workspace,.settings-list{grid-template-columns:1fr}.admin-side-nav{border-bottom:1px solid #d9e0e6;padding-bottom:12px}}