*{box-sizing:border-box}body{margin:0;background:#10151f;color:#f1f5f9;font:15px system-ui,-apple-system,sans-serif}header{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#192333;border-bottom:1px solid #344052}header strong{font-size:21px;color:#58e0cb}main{max-width:1400px;margin:auto;padding:16px}.videos{display:grid;grid-template-columns:2fr 1fr;gap:14px}.videoBox{background:#080d15;aspect-ratio:16/10;position:relative;border-radius:15px;overflow:hidden;border:1px solid #334155}.videoBox video{width:100%;height:100%;object-fit:cover}.local video{transform:scaleX(-1)}.tag{position:absolute;left:12px;top:12px;background:#0009;border-radius:6px;padding:6px 10px}#status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:90%;pointer-events:none;color:#cbd5e1}.bottom{display:grid;grid-template-columns:1fr 340px;gap:14px;margin-top:15px}.controls{display:flex;gap:10px;align-content:start;flex-wrap:wrap}button{border:0;border-radius:9px;padding:12px 16px;background:#0dbaa4;color:#061b1a;font-weight:700;cursor:pointer;min-height:45px}.secondary{background:#344256;color:white}.danger{background:#783444;color:white}.chat{border:1px solid #344052;border-radius:12px;overflow:hidden;background:#192333}#messages{height:180px;overflow:auto;padding:12px;overflow-wrap:anywhere}#messages div{margin-bottom:8px}#chatForm{display:flex;border-top:1px solid #344052}input{background:#111827;color:white;border:0;padding:12px;min-width:0;flex:1}#chatForm button{border-radius:0}.notice{color:#94a3b8;font-size:12px;line-height:1.5}@media(max-width:760px){header{padding:0 12px}.videos{display:block;position:relative}.remote{aspect-ratio:3/4}.local{position:absolute;right:12px;bottom:12px;width:32%;aspect-ratio:3/4;box-shadow:0 3px 20px #000a}.local .tag{font-size:11px;left:5px;top:5px}.bottom{display:block}.controls{margin-bottom:14px}.controls button{flex:1 1 42%}.chat #messages{height:120px}main{padding:10px}}