:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#111827;background:#f3f4f6}*{box-sizing:border-box}body,h1,h2,p{margin:0}button,input,select{font:inherit}button{border:1px solid #d1d5db;background:#fff;border-radius:10px;padding:10px 14px;cursor:pointer}button:hover{border-color:#9ca3af}input,select{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:10px;background:#fff}a{color:#2563eb}.page{max-width:1200px;margin:0 auto;padding:24px;display:grid;gap:16px}.auth-page{max-width:520px;margin-top:48px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px;display:grid;gap:12px}.form-grid{display:grid;gap:10px}.row{display:flex;gap:10px;align-items:center}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grid-2{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.error{color:#b91c1c}.muted{color:#6b7280}.link-button{border:none;background:transparent;text-align:left;color:#2563eb;padding:0}.room-list,.member-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.room-list li{border:1px solid #e5e7eb;border-radius:10px;padding:10px;display:flex;justify-content:space-between;gap:10px}.room-list li.active{border-color:#2563eb}.room-title{font-weight:600}.video-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.video-tile{background:#111827;border-radius:12px;overflow:hidden;position:relative}.video-tile video{width:100%;min-height:210px;background:#000}.video-placeholder{min-height:210px;display:grid;place-items:center;gap:10px;color:#d1d5db;padding:16px}.avatar-circle{width:72px;height:72px;border-radius:999px;background:#374151;color:#f9fafb;display:grid;place-items:center;font-weight:700;font-size:22px}.video-play-button{position:absolute;top:12px;right:12px;z-index:2;background:#111827e0;color:#f9fafb;border-color:#4b5563}.video-tile p{padding:8px 10px;color:#e5e7eb;font-size:13px}.video-subtitle{padding:0 10px 10px;color:#9ca3af;font-size:12px}.chat-list{max-height:280px;overflow-y:auto;display:grid;gap:8px;padding-right:4px}.chat-item{border:1px solid #e5e7eb;border-radius:8px;padding:8px 10px;background:#f9fafb;display:grid;gap:4px}.vc-root{display:grid;gap:12px}.vc-row{display:flex;gap:10px;align-items:center}.vc-wrap{flex-wrap:wrap}.vc-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center}.vc-video-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.vc-video-tile{background:#111827;border-radius:12px;overflow:hidden;position:relative}.vc-video-tile video{width:100%;min-height:210px;background:#000}.vc-video-tile video.vc-video-mirrored{transform:scaleX(-1)}.vc-video-placeholder{min-height:210px;display:grid;place-items:center;gap:10px;color:#d1d5db;padding:16px}.vc-avatar-circle{width:72px;height:72px;border-radius:999px;background:#374151;color:#f9fafb;display:grid;place-items:center;font-weight:700;font-size:22px}.vc-video-play-button{position:absolute;top:12px;right:12px;z-index:2;background:#111827e0;color:#f9fafb;border:1px solid #4b5563;border-radius:10px;padding:10px 14px;cursor:pointer}.vc-video-tile p{padding:8px 10px;color:#e5e7eb;font-size:13px;margin:0}.vc-video-subtitle{padding:0 10px 10px;color:#9ca3af;font-size:12px}.vc-muted{color:#6b7280}.vc-error{color:#b91c1c}.vc-chat-panel{border:1px solid #e5e7eb;border-radius:12px;background:#fff;padding:10px;display:grid;gap:8px}.vc-chat-header{display:flex;justify-content:space-between;align-items:center}.vc-chat-unread{color:#1d4ed8;font-size:12px}.vc-chat-list{max-height:320px;overflow-y:auto;display:grid;gap:8px;padding:4px;border:1px solid #e5e7eb;border-radius:10px}.vc-chat-item{background:#f9fafb;border-radius:8px;padding:8px;display:grid;gap:4px}.vc-chat-item.own{background:#eff6ff}.vc-chat-meta{display:flex;gap:8px;color:#6b7280;font-size:12px;margin:0}.vc-chat-deleted{color:#9ca3af;font-style:italic}.vc-chat-actions,.vc-chat-edit-row,.vc-chat-input-row{display:flex;gap:8px}.vc-chat-muted{color:#6b7280;font-size:12px;margin:0}.st-theme{--st-color-primary: #635bff;--st-color-bg: #ffffff;--st-color-text: #0f172a;--st-radius: 10px;color:var(--st-color-text)}.st-chat{display:grid;grid-template-columns:280px 1fr;gap:12px;background:var(--st-color-bg)}.st-channel-list{border:1px solid #e5e7eb;border-radius:var(--st-radius);padding:8px;display:grid;gap:6px;max-height:70vh;overflow:auto}.st-channel-preview{border:1px solid transparent;border-radius:var(--st-radius);background:#f8fafc;padding:8px;display:flex;justify-content:space-between}.st-channel-preview.is-active{border-color:var(--st-color-primary);background:color-mix(in srgb,var(--st-color-primary) 12%,white)}.st-channel-preview__unread{background:var(--st-color-primary);color:#fff;border-radius:999px;min-width:22px;text-align:center}.st-channel{border:1px solid #e5e7eb;border-radius:var(--st-radius);padding:10px;display:grid;gap:8px}.st-message-list{display:grid;gap:8px}.st-message{border:1px solid #e5e7eb;border-radius:var(--st-radius);padding:8px;background:#fff}.st-message.is-own{background:#eef2ff}.st-message__meta{display:flex;gap:8px;color:#64748b;font-size:12px}.st-message__actions{display:flex;gap:8px;align-items:center}.st-message-input{display:grid;gap:6px}.st-message-input>input{border:1px solid #d1d5db;border-radius:var(--st-radius);padding:10px}.st-reaction-picker{display:flex;gap:4px}.st-reaction-picker>button{border:1px solid #d1d5db;border-radius:8px;background:#fff}.st-thread{border-left:3px solid var(--st-color-primary);padding-left:10px;display:grid;gap:8px}.st-thread__header{display:flex;justify-content:space-between}.st-typing-indicator{color:#64748b;font-size:12px}.st-participant-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.st-call-controls{display:flex;flex-wrap:wrap;gap:8px}.st-avatar{border-radius:999px;object-fit:cover}.st-avatar--fallback{display:grid;place-items:center;background:#e2e8f0;font-weight:600}.st-presence{width:10px;height:10px;border-radius:999px;display:inline-block}.st-presence--online{background:#22c55e}.st-presence--away{background:#f59e0b}.st-presence--offline{background:#94a3b8}.st-user-status{display:inline-flex;gap:6px;align-items:center}.st-spinner{display:inline-flex;align-items:center;gap:8px}.st-spinner__dot{width:10px;height:10px;border-radius:999px;background:var(--st-color-primary);animation:st-pulse 1s infinite ease-in-out}@keyframes st-pulse{0%,to{transform:scale(.9);opacity:.5}50%{transform:scale(1.2);opacity:1}}