:root{color:#1f2328;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f2f2f2;font-family:Arial,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}body{background:#f2f2f2}.page{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card,.room-panel{background:#fff;border-radius:8px;width:360px;max-width:100%;padding:24px;box-shadow:0 8px 24px #00000014}.room-panel{width:560px}.login-card h1,.room-panel h1{margin-top:0;margin-bottom:20px;font-size:24px}.room-panel h1{margin-bottom:4px}.room-panel p{color:#666;margin:0}.login-card input{border:1px solid #ddd;border-radius:8px;width:100%;margin-bottom:12px;padding:12px}.password-field{position:relative}.password-field input{padding-right:54px}.login-card .password-toggle{color:#333;background:#eef2f7;justify-content:center;align-items:center;width:40px;min-width:40px;height:36px;padding:0;display:inline-flex;position:absolute;top:6px;right:6px}.login-card .password-toggle:hover{background:#e2e8f0}.password-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:20px;height:20px}.login-card button{color:#fff;background:#19c37d;border:none;border-radius:8px;width:100%;padding:12px;font-size:16px}.login-card button:disabled{cursor:not-allowed;opacity:.7}.login-error{color:#c62828;margin:0 0 12px;font-size:14px}.login-help{color:#555;margin:0 0 12px;font-size:14px}.room-panel-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.header-actions{text-align:right;flex-direction:column;align-items:flex-end;gap:8px;display:flex}.current-user{color:#555;overflow-wrap:anywhere;white-space:normal;font-size:13px;font-weight:700}.room-list{gap:8px;margin-top:16px;display:grid}.room-notice{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;margin:0 0 12px;padding:10px 12px;font-size:14px}.room-item{color:#222;text-align:left;background:#fff;border:1px solid #e3e3e3;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:12px;width:100%;padding:12px;display:flex}.room-main{gap:4px;min-width:0;display:grid}.room-item:hover{background:#f8f8f8}.admin-room-item:hover{background:#fff}.room-title{align-items:center;gap:8px;min-width:0;display:flex}.room-title>span:first-child{font-weight:700}.unread-badge{color:#fff;background:#dc2626;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 7px;font-size:12px;font-weight:800;line-height:1;display:inline-flex}.room-item small{color:#666;white-space:nowrap}.room-presence{color:#4b5563;text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:240px;font-size:13px;overflow:hidden}.delete-room-button{color:#fff;white-space:nowrap;background:#dc2626;border:none;border-radius:8px;padding:8px 12px;font-weight:700}.delete-room-button:hover{background:#b91c1c}.delete-room-button:disabled{cursor:not-allowed;opacity:.7}.empty-rooms{text-align:center;border:1px dashed #ccc;border-radius:8px;padding:16px}.admin-users-panel{border-top:1px solid #eee;margin-top:20px;padding-top:16px}.admin-users-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.admin-users-header h2{margin:0;font-size:18px}.admin-refresh-button{color:#333;white-space:nowrap;background:#fff;border:1px solid #ddd;border-radius:8px;padding:7px 10px}.admin-users-list{gap:12px;display:grid}.admin-user-row{background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;grid-template-columns:minmax(110px,.55fr) repeat(3,minmax(180px,1fr));align-items:start;gap:12px;padding:12px;display:grid}.admin-user-name{gap:2px;min-width:0;padding-top:9px;display:grid}.admin-user-name strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-user-name span{color:#666;font-size:12px}.admin-user-field{gap:6px;min-width:0;display:grid}.admin-user-field span{color:#374151;font-size:13px;font-weight:700}.admin-user-field small{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;min-height:16px;font-size:12px;overflow:hidden}.admin-user-row input{border:1px solid #ddd;border-radius:8px;width:100%;min-width:0;padding:10px}.admin-user-toggle input{width:auto;min-width:auto}.toggle-row{align-items:center;gap:8px;min-height:40px;display:flex}.admin-user-actions{grid-column:2/5;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.admin-user-actions button{color:#fff;white-space:nowrap;background:#2563eb;border:none;border-radius:8px;min-height:40px;padding:9px 12px;font-weight:700}.admin-user-actions button:disabled{cursor:not-allowed;opacity:.7}.chat-page{background:#fff;flex-direction:column;max-width:700px;height:100dvh;min-height:100svh;margin:0 auto;display:flex}.chat-header{background:#fff;border-bottom:1px solid #eee;gap:8px;padding:12px 16px;display:grid}.chat-title-row{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.chat-title-row h2{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:20px;overflow:hidden}.room-online-row{color:#666;flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;display:flex}.room-online-label{color:#4b5563;font-weight:700}.room-user-chip{color:#374151;align-items:center;gap:4px;margin:2px 5px 2px 0;font-weight:600;display:inline-flex}.self-chip{color:#4b5563;background:#e5e7eb;border-radius:999px;padding:1px 5px;font-size:11px;font-weight:700}.inline-call-button{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:inline-flex}.inline-call-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:14px;height:14px}.inline-call-button:disabled{cursor:not-allowed;opacity:.55}.voice-user-list{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.voice-call-button{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;align-items:center;gap:6px;padding:6px 9px;font-size:13px;font-weight:700;display:inline-flex}.voice-call-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:15px;height:15px}.voice-call-button:disabled{cursor:not-allowed;opacity:.55}.voice-call-panel{color:#713f12;background:#fffbeb;border-bottom:1px solid #fde68a;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.voice-call-panel>div:first-child{gap:2px;display:grid}.voice-call-panel strong{font-size:14px}.voice-call-panel span{font-size:12px}.voice-call-actions{gap:8px;display:flex}.voice-call-actions button{color:#fff;white-space:nowrap;border:none;border-radius:8px;padding:8px 10px;font-weight:700}.voice-accept-button{background:#16a34a}.voice-hangup-button{background:#dc2626}.voice-call-error{color:#c62828;background:#fff;border-bottom:1px solid #fee2e2;margin:0;padding:8px 12px;font-size:14px}.leave-button{color:#333;white-space:nowrap;background:#fff;border:1px solid #ddd;border-radius:8px;padding:8px 12px}.leave-button:hover{background:#f6f6f6}.message-list{background:#ededed;flex:1;padding:16px 16px 24px;overflow-y:auto}.message-row{margin-bottom:12px;display:flex}.system-row{justify-content:center}.my-row{justify-content:flex-end}.other-row{justify-content:flex-start}.message-stack{flex-direction:column;gap:4px;max-width:70%;display:flex}.my-stack{align-items:flex-end}.other-stack{align-items:flex-start}.message-bubble{overflow-wrap:anywhere;text-align:left;border-radius:12px;padding:10px 12px;line-height:1.4}.my-bubble{background:#95ec69}.other-bubble{background:#fff}.system-bubble{color:#666;background:#d8d8d8;border-radius:8px;max-width:90%;padding:5px 10px;font-size:12px}.message-meta{color:#666;flex-wrap:wrap;align-items:center;gap:6px;padding:0 4px;font-size:12px;line-height:1.25;display:flex}.message-author{color:#1f2937;overflow-wrap:anywhere;font-size:13px;font-weight:800}.message-time{color:#6b7280;white-space:nowrap}.message-time:before{content:"·";margin-right:6px}.delete-message-button{color:#991b1b;background:#fee2e2;border:none;border-radius:6px;align-self:flex-start;padding:5px 8px;font-size:12px;font-weight:700}.delete-message-button:hover{background:#fecaca}.my-stack .delete-message-button{align-self:flex-end}.message-link{color:#0969da;overflow-wrap:anywhere;font-weight:600;text-decoration:underline}.my-bubble .message-link{color:#075bb5}.chat-image-link{color:#333;gap:6px;text-decoration:none;display:grid}.chat-image{object-fit:contain;background:#f4f4f4;border-radius:8px;max-width:min(260px,100%);max-height:260px;display:block}.chat-image-link span{color:#555;text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-size:12px;overflow:hidden}.chat-audio-message{gap:6px;min-width:min(280px,68vw);display:grid}.chat-audio-message audio{width:100%;max-width:300px}.chat-audio-message span{color:#555;text-overflow:ellipsis;white-space:nowrap;max-width:280px;font-size:12px;overflow:hidden}.image-upload-error{color:#c62828;background:#fff;border-top:1px solid #eee;margin:0;padding:8px 12px;font-size:14px}.input-bar{padding:12px 12px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #eee;align-items:flex-end;gap:8px;display:flex;position:sticky;bottom:0}.image-file-input{display:none}.input-bar textarea{min-width:0;min-height:44px;max-height:120px;font:inherit;resize:none;border:1px solid #ddd;border-radius:8px;flex:1;padding:12px;line-height:1.35;overflow-y:auto}.input-bar button{color:#fff;white-space:nowrap;background:#19c37d;border:none;border-radius:8px;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;padding:0;display:inline-flex}.input-bar button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:21px;height:21px}.input-bar .audio-record-button.is-recording svg{fill:currentColor;stroke:currentColor}.input-bar button:disabled{cursor:not-allowed;opacity:.7}.input-bar .image-upload-button{background:#4b5563}.input-bar .audio-record-button{background:#2563eb}.input-bar .audio-record-button.is-recording{background:#dc2626}@media (width<=700px){.chat-page{max-width:none;height:100dvh;min-height:100svh}.chat-header{padding:10px 12px}.voice-call-panel{flex-direction:column;align-items:stretch}.room-panel-header,.room-item,.admin-user-row{flex-direction:column;align-items:stretch;display:flex}.header-actions{text-align:left;align-items:stretch}.current-user,.room-presence{text-align:left;max-width:none}.chat-title-row .leave-button{white-space:nowrap;min-height:40px;padding:8px 12px}.chat-title-row h2{font-size:18px}.room-online-row{white-space:nowrap;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.message-stack{max-width:82%}.input-bar{grid-template-columns:44px 44px minmax(0,1fr) 44px;display:grid}.chat-audio-message{min-width:min(260px,74vw)}}