*{box-sizing:border-box;font-family:system-ui,Arial,sans-serif}body{margin:0;background:#06122b;color:#e6edf7}.top{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 16px;background:#0d1b3b;position:sticky;top:0;z-index:10}.brand{font-weight:700;font-size:28px}.bar,.controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}input{padding:10px 12px;border-radius:12px;border:1px solid #25375c;background:#08142f;color:#e6edf7;min-width:180px}button{padding:10px 14px;border-radius:12px;border:0;background:#356dff;color:#fff;cursor:pointer;font-weight:700}button:disabled{opacity:.55;cursor:not-allowed}.controls{padding:14px 16px}.status{font-size:16px;opacity:.9}.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;padding:0 16px 16px}.video-area{min-width:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.tile{position:relative;background:#08142f;border:1px solid #22345a;border-radius:18px;overflow:hidden;min-height:220px}.tile video{width:100%;height:100%;min-height:220px;object-fit:cover;display:block;background:#000}.label{position:absolute;top:12px;left:12px;background:#0000008c;padding:6px 10px;border-radius:999px;font-size:14px;z-index:1}.chat-panel{background:#08142f;border:1px solid #22345a;border-radius:18px;display:flex;flex-direction:column;min-height:calc(100vh - 150px)}.chat-title{padding:14px 16px;font-weight:700;border-bottom:1px solid #22345a}.messages{flex:1;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.msg{background:#0c1b3d;padding:10px 12px;border-radius:12px}.msg.me{background:#13306d}.msg .meta{font-size:12px;opacity:.8;margin-bottom:4px}.chat-form{display:flex;gap:10px;padding:12px;border-top:1px solid #22345a}.chat-form input{flex:1;min-width:0}.audio-holder{display:none}@media (max-width: 960px){.layout{grid-template-columns:1fr}.chat-panel{min-height:360px}}